@lumencast/runtime 0.11.0 → 0.12.1

package/dist/{index-Dz27r92m.js → index-C4r-fG1q.js}

@@ -1,34 +1,34 @@
-import { batch as T, signal as w } from "@preact/signals-react";
-import { createRoot as H } from "react-dom/client";
-import { createContext as oe, useContext as G, lazy as _, Suspense as ae, createElement as ce, StrictMode as le } from "react";
-import { jsx as f } from "react/jsx-runtime";
-import { useSignals as ue } from "@preact/signals-react/runtime";
-import { AnimatePresence as de, motion as he } from "framer-motion";
-import { SequenceTracker as fe, encodeFrame as C, input as me, WS_SUBPROTOCOLS as pe, WS_SUBPROTOCOL_V1_1 as ge, subscribe as ve, decodeServerFrame as we, LumencastError as M } from "@lumencast/protocol";
-const I = oe(null);
-function X({
+import { batch as I, signal as S } from "@preact/signals-react";
+import { createRoot as X } from "react-dom/client";
+import { createContext as ce, useContext as K, lazy as O, Suspense as le, createElement as ue, StrictMode as de } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { useSignals as fe } from "@preact/signals-react/runtime";
+import { AnimatePresence as he, motion as me } from "framer-motion";
+import { SequenceTracker as pe, encodeFrame as x, input as ge, WS_SUBPROTOCOLS as ve, WS_SUBPROTOCOL_V1_1 as we, subscribe as ye, decodeServerFrame as be, LumencastError as j } from "@lumencast/protocol";
+const P = ce(null);
+function J({
   value: t,
   children: e
 }) {
-  return /* @__PURE__ */ f(I.Provider, { value: t, children: e });
+  return /* @__PURE__ */ p(P.Provider, { value: t, children: e });
 }
-function mt() {
-  const t = G(I);
+function gt() {
+  const t = K(P);
   if (!t)
     throw new Error(
       "Lumencast overlay components must be rendered inside LumencastRuntimeProvider"
     );
   return t;
 }
-function pt() {
-  return G(I);
+function vt() {
+  return K(P);
 }
-const ye = _(
-  () => import("./broadcast-DtHoU_fS.js").then((t) => ({ default: t.BroadcastMode }))
-), be = _(
-  () => import("./control-B9frEbNG.js").then((t) => ({ default: t.ControlMode }))
-), Se = _(() => import("./test-DD2SBDku.js").then((t) => ({ default: t.TestMode })));
-function ke({
+const Se = O(
+  () => import("./broadcast-Dg77Br5j.js").then((t) => ({ default: t.BroadcastMode }))
+), ke = O(
+  () => import("./control-iPqpFp80.js").then((t) => ({ default: t.ControlMode }))
+), Te = O(() => import("./test-d8HW2LcF.js").then((t) => ({ default: t.TestMode })));
+function _e({
   mode: t,
   store: e,
   bundleSignal: s,
@@ -37,50 +37,50 @@ function ke({
   sendInput: i,
   resolveCaptureDevice: a,
   resolvePeerStream: o,
-  subscribePeerStream: u
+  subscribePeerStream: c
 }) {
-  ue();
-  const c = s.value, d = n.value, m = r.value;
-  if (!c) return null;
-  const p = t === "broadcast" ? ye : t === "control" ? be : Se;
-  return /* @__PURE__ */ f(de, { mode: "sync", children: /* @__PURE__ */ f(
-    he.div,
+  fe();
+  const l = s.value, d = n.value, h = r.value;
+  if (!l) return null;
+  const _ = t === "broadcast" ? Se : t === "control" ? ke : Te;
+  return /* @__PURE__ */ p(he, { mode: "sync", children: /* @__PURE__ */ p(
+    me.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.4, ease: "easeInOut" },
       style: { position: "absolute", inset: 0 },
-      children: /* @__PURE__ */ f(
-        X,
+      children: /* @__PURE__ */ p(
+        J,
         {
           value: {
             mode: t,
             store: e,
-            bundle: c,
+            bundle: l,
             status: d,
             sendInput: i,
             ...a !== void 0 ? { resolveCaptureDevice: a } : {},
             ...o !== void 0 ? { resolvePeerStream: o } : {},
-            ...u !== void 0 ? { subscribePeerStream: u } : {}
+            ...c !== void 0 ? { subscribePeerStream: c } : {}
           },
-          children: /* @__PURE__ */ f(ae, { fallback: null, children: /* @__PURE__ */ f(p, {}) })
+          children: /* @__PURE__ */ p(le, { fallback: null, children: /* @__PURE__ */ p(_, {}) })
         }
       )
     },
-    m
+    h
   ) });
 }
-const Te = "<anon>", b = /* @__PURE__ */ new Set();
-function V(t) {
-  return b.add(t), () => {
-    b.delete(t);
+const Ee = "<anon>", T = /* @__PURE__ */ new Set();
+function Y(t) {
+  return T.add(t), () => {
+    T.delete(t);
   };
 }
-function K(t, e, s) {
-  const n = { nodeId: t ?? Te, field: e, reason: s };
-  if (b.size > 0) {
-    for (const r of b)
+function Z(t, e, s) {
+  const n = { nodeId: t ?? Ee, field: e, reason: s };
+  if (T.size > 0) {
+    for (const r of T)
       try {
         r(n);
       } catch {
@@ -88,41 +88,41 @@ function K(t, e, s) {
     return;
   }
 }
-const Ee = 100, _e = 4, Ie = 64, Re = {
-  blur: Ee,
-  brightness: _e
+const Re = 100, Ie = 4, Ae = 64, Oe = {
+  blur: Re,
+  brightness: Ie
 };
-function N(t, e) {
+function D(t, e) {
   if (typeof e != "number" || !Number.isFinite(e) || e < 0 || Object.is(e, -0)) return null;
-  const s = Re[t];
+  const s = Oe[t];
   return e > s ? s : e;
 }
-const Ae = /^blur\((\d{1,7}(?:\.\d{1,4})?)px\) brightness\((\d{1,7}(?:\.\d{1,4})?)\)$/, gt = "blur(0px) brightness(1)";
-function Oe(t) {
-  if (typeof t != "string" || t.length === 0 || t.length > Ie) return null;
-  const e = Ae.exec(t);
+const Pe = /^blur\((\d{1,7}(?:\.\d{1,4})?)px\) brightness\((\d{1,7}(?:\.\d{1,4})?)\)$/, wt = "blur(0px) brightness(1)";
+function Le(t) {
+  if (typeof t != "string" || t.length === 0 || t.length > Ae) return null;
+  const e = Pe.exec(t);
   if (!e) return null;
-  const s = N("blur", Number(e[1])), n = N("brightness", Number(e[2]));
+  const s = D("blur", Number(e[1])), n = D("brightness", Number(e[2]));
   return s === null || n === null ? null : `blur(${s}px) brightness(${n})`;
 }
-function Pe(t, e) {
-  K(
+function Me(t, e) {
+  Z(
     e,
     t,
     "rejected unsafe filter value : outside the R8 caps or not a finite number >= 0"
   );
 }
-const Le = { duration: 0 }, Ce = {
+const Ce = { duration: 0 }, Ne = {
   linear: "linear",
   "cubic-in": "easeIn",
   "cubic-out": "easeOut",
   "cubic-in-out": "easeInOut"
 };
-function vt(t) {
-  return !t || t.kind === "none" ? Le : t.kind === "tween" ? {
+function yt(t) {
+  return !t || t.kind === "none" ? Ce : t.kind === "tween" ? {
     type: "tween",
     duration: (t.duration_ms ?? 0) / 1e3,
-    ease: t.ease ? Ce[t.ease] ?? "easeOut" : "easeOut"
+    ease: t.ease ? Ne[t.ease] ?? "easeOut" : "easeOut"
   } : t.kind === "spring" ? {
     type: "spring",
     ...t.stiffness !== void 0 ? { stiffness: t.stiffness } : {},
@@ -134,7 +134,7 @@ function vt(t) {
     ease: "easeInOut"
   };
 }
-const Me = {
+const xe = {
   opacity: 1,
   scale: 1,
   scaleX: 1,
@@ -146,12 +146,12 @@ const Me = {
   // framer interpolates between structurally-identical filter lists
   // (the compiler emits the same two-function form, clamped per R8).
   filter: "blur(0px) brightness(1)"
-}, Ne = {
+}, je = {
   kind: "tween",
   duration_ms: 400,
   ease: "cubic-out"
 };
-function wt(t, e, s) {
+function bt(t, e, s) {
   for (const n of e) {
     const r = t(n);
     if (r !== void 0) return r;
@@ -161,29 +161,29 @@ function wt(t, e, s) {
       const r = t(n);
       if (r !== void 0) return r;
     }
-    return Ne;
+    return je;
   }
 }
-function yt(t, e, s) {
+function St(t, e, s) {
   if (!e || Object.keys(e).length === 0)
     return { initial: t, animate: t };
   let n = e;
   if (e.filter !== void 0) {
-    const i = Oe(e.filter);
-    n = { ...e }, i === null ? (Pe("animate_initial.filter", s), delete n.filter) : n.filter = i;
+    const i = Le(e.filter);
+    n = { ...e }, i === null ? (Me("animate_initial.filter", s), delete n.filter) : n.filter = i;
   }
   const r = { ...t };
   for (const i of Object.keys(n))
-    i in r || (r[i] = Me[i] ?? 0);
+    i in r || (r[i] = xe[i] ?? 0);
   return { initial: n, animate: r };
 }
-function xe(t) {
+function De(t) {
   if (typeof t != "object" || t === null) return;
   const e = t, s = e.kind;
   if (s === "snap")
     return { kind: "none" };
   if (s === "tween") {
-    const n = typeof e.duration_ms == "number" ? e.duration_ms : 0, r = je[e.easing] ?? "cubic-out";
+    const n = typeof e.duration_ms == "number" ? e.duration_ms : 0, r = Ue[e.easing] ?? "cubic-out";
     return { kind: "tween", duration_ms: n, ease: r };
   }
   if (s === "spring") {
@@ -191,95 +191,95 @@ function xe(t) {
     return typeof e.stiffness == "number" && (n.stiffness = e.stiffness), typeof e.damping == "number" && (n.damping = e.damping), typeof e.mass == "number" && (n.mass = e.mass), n;
   }
 }
-const je = {
+const Ue = {
   linear: "linear",
   "ease-in": "cubic-in",
   "ease-out": "cubic-out",
   "ease-in-out": "cubic-in-out"
 };
-function De(t, e) {
-  T(() => {
+function $e(t, e) {
+  I(() => {
     for (const s of e.patches) {
-      const n = xe(s.transition);
+      const n = De(s.transition);
       n !== void 0 ? t.setWithTransition(s.path, s.value, n) : t.set(s.path, s.value);
     }
   });
 }
-function Ue(t, e) {
+function Fe(t, e) {
   t.reset(e.state);
 }
-const bt = "__cam.", E = "__cam.slots.", J = "__cam.viewer";
-function x(t) {
-  return t === J || t.startsWith(E);
+const kt = "__cam.", A = "__cam.slots.", Q = "__cam.viewer";
+function U(t) {
+  return t === Q || t.startsWith(A);
 }
-function $e(t) {
+function We(t) {
   const e = {};
   let s;
   for (const [n, r] of t)
-    if (n === J)
+    if (n === Q)
       r != null && (s = r);
-    else if (n.startsWith(E)) {
-      const i = n.slice(E.length);
+    else if (n.startsWith(A)) {
+      const i = n.slice(A.length);
       i !== "" && typeof r == "string" && r !== "" && (e[i] = r);
     }
   return s !== void 0 ? { viewer: s, slots: e } : { slots: e };
 }
-function j(t) {
+function $(t) {
   const e = Object.keys(t.slots).sort().map((n) => `${n}=${t.slots[n]}`).join("&"), s = t.viewer === void 0 ? "" : JSON.stringify(t.viewer);
   return `${e}|${s}`;
 }
-function Fe(t) {
+function qe(t) {
   const e = /* @__PURE__ */ new Map();
-  let s = j({ slots: {} });
+  let s = $({ slots: {} });
   const n = () => {
-    const r = $e(e), i = j(r);
+    const r = We(e), i = $(r);
     i !== s && (s = i, t(r));
   };
   return {
     onSnapshot(r) {
       e.clear();
       for (const [i, a] of Object.entries(r))
-        x(i) && e.set(i, a);
+        U(i) && e.set(i, a);
       n();
     },
     onDelta(r) {
       let i = !1;
       for (const a of r)
-        x(a.path) && (e.set(a.path, a.value), i = !0);
+        U(a.path) && (e.set(a.path, a.value), i = !0);
       i && n();
     }
   };
 }
-class We {
+class ze {
   signals = /* @__PURE__ */ new Map();
   transitions = /* @__PURE__ */ new Map();
   signal(e) {
     let s = this.signals.get(e);
-    return s || (s = w(void 0), this.signals.set(e, s)), s;
+    return s || (s = S(void 0), this.signals.set(e, s)), s;
   }
   transitionSignal(e) {
     let s = this.transitions.get(e);
-    return s || (s = w(void 0), this.transitions.set(e, s)), s;
+    return s || (s = S(void 0), this.transitions.set(e, s)), s;
   }
   set(e, s) {
     const n = this.signal(e);
-    k(n.peek(), s) || (n.value = s);
+    R(n.peek(), s) || (n.value = s);
   }
   setWithTransition(e, s, n) {
-    T(() => {
+    I(() => {
       const r = this.transitionSignal(e);
       r.peek() !== n && (r.value = n);
       const i = this.signal(e);
-      k(i.peek(), s) || (i.value = s);
+      R(i.peek(), s) || (i.value = s);
     });
   }
   reset(e) {
-    T(() => {
+    I(() => {
       const s = /* @__PURE__ */ new Set();
       for (const [n, r] of Object.entries(e)) {
         s.add(n);
         const i = this.signal(n);
-        k(i.peek(), r) || (i.value = r);
+        R(i.peek(), r) || (i.value = r);
         const a = this.transitions.get(n);
         a && a.peek() !== void 0 && (a.value = void 0);
       }
@@ -297,10 +297,10 @@ class We {
     return e;
   }
 }
-function Y() {
-  return new We();
+function ee() {
+  return new ze();
 }
-function k(t, e) {
+function R(t, e) {
   if (t === e) return !0;
   if (t === null || e === null || typeof t != typeof e || typeof t != "object" || Array.isArray(t) !== Array.isArray(e)) return !1;
   if (Array.isArray(t) && Array.isArray(e)) {
@@ -315,20 +315,20 @@ function k(t, e) {
     if (s[a] !== n[a]) return !1;
   return !0;
 }
-const qe = /* @__PURE__ */ new Set([
+const Be = /* @__PURE__ */ new Set([
   "x-lumencast.color-srgb-1.0",
   // RFC-0001 / ADR 004 — this runtime ships the Zab capture plugin, so a
   // bundle declaring `x-zab.capture/1` in `profiles[]` is compatible (it is
   // NOT rejected as BUNDLE_INCOMPATIBLE, §17.3.1).
   "x-zab.capture/1"
-]), ze = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Be = /^(?:0|[1-9][0-9]*)$/, D = ".authoring";
-function He(t) {
+]), He = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Ge = /^(?:0|[1-9][0-9]*)$/, F = ".authoring";
+function Ve(t) {
   const e = t.indexOf("/");
   if (e < 0) return !1;
   const s = t.slice(0, e), n = t.slice(e + 1);
-  return !Be.test(n) || !s.endsWith(D) ? !1 : ze.test(s.slice(0, -D.length));
+  return !Ge.test(n) || !s.endsWith(F) ? !1 : He.test(s.slice(0, -F.length));
 }
-class U extends Error {
+class W extends Error {
   code = "BUNDLE_INCOMPATIBLE";
   unsupportedProfiles;
   constructor(e) {
@@ -339,17 +339,17 @@ class U extends Error {
     ), this.name = "BundleIncompatibleError", this.unsupportedProfiles = e;
   }
 }
-function $(t, e = qe) {
+function q(t, e = Be) {
   const s = t.profiles;
   if (!s) return;
   if (!Array.isArray(s))
-    throw new U(["<malformed: profiles is not an array>"]);
+    throw new W(["<malformed: profiles is not an array>"]);
   if (s.length === 0) return;
-  const n = s.filter((r) => typeof r != "string" || !He(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
+  const n = s.filter((r) => typeof r != "string" || !Ve(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
   if (n.length > 0)
-    throw new U(n);
+    throw new W(n);
 }
-class Ge {
+class Xe {
   cache = /* @__PURE__ */ new Map();
   baseUrl;
   pathPrefix;
@@ -372,7 +372,7 @@ class Ge {
     return this.resolveUrl ? this.resolveUrl(e, s) : `${this.baseUrl}${this.pathPrefix}/${encodeURIComponent(e)}/bundle?v=${encodeURIComponent(s)}`;
   }
   preload(e) {
-    $(e), this.cache.set(e.scene_version, e);
+    q(e), this.cache.set(e.scene_version, e);
   }
   async get(e, s) {
     const n = this.cache.get(s);
@@ -385,19 +385,19 @@ class Ge {
       throw new Error(
         `bundle scene_version mismatch: expected ${s}, got ${o.scene_version}`
       );
-    return $(o), this.cache.set(s, o), o;
+    return q(o), this.cache.set(s, o), o;
   }
 }
-function Xe(t) {
-  return new Ge(t);
+function Ke(t) {
+  return new Xe(t);
 }
-const y = {
+const k = {
   initial: 200,
   max: 5e3,
   factor: 2,
   jitter: 0.2
 };
-class Ve {
+class Je {
   constructor(e, s) {
     this.opts = e, this.random = s;
   }
@@ -421,18 +421,18 @@ class Ve {
     this._attempt = 0;
   }
 }
-function Ke(t = {}) {
+function Ye(t = {}) {
   const e = {
-    initial: t.initial ?? y.initial,
-    max: t.max ?? y.max,
-    factor: t.factor ?? y.factor,
-    jitter: t.jitter ?? y.jitter
+    initial: t.initial ?? k.initial,
+    max: t.max ?? k.max,
+    factor: t.factor ?? k.factor,
+    jitter: t.jitter ?? k.jitter
   };
   if (e.initial <= 0) throw new RangeError("initial must be > 0");
   if (e.max < e.initial) throw new RangeError("max must be >= initial");
   if (e.factor < 1) throw new RangeError("factor must be >= 1");
   if (e.jitter < 0 || e.jitter > 1) throw new RangeError("jitter must be within [0, 1]");
-  return new Ve(e, t.random ?? Math.random);
+  return new Je(e, t.random ?? Math.random);
 }
 class g extends Error {
   recoverable;
@@ -442,14 +442,14 @@ class g extends Error {
     super(e), this.name = "TransportError", this.recoverable = s, this.code = n, this.cause = r;
   }
 }
-class Je {
+class Ze {
   status = "disconnected";
   socket = null;
   token;
   url;
   WebSocketCtor;
   schedule;
-  seq = new fe();
+  seq = new pe();
   opts;
   scheduler;
   reconnectTimer = null;
@@ -461,7 +461,7 @@ class Je {
       throw new TypeError(
         "Lumencast WsClient: no WebSocket implementation found in this environment"
       );
-    this.WebSocketCtor = s, this.schedule = Ke(e.reconnect), this.scheduler = e.scheduler ?? {
+    this.WebSocketCtor = s, this.schedule = Ye(e.reconnect), this.scheduler = e.scheduler ?? {
       setTimeout: globalThis.setTimeout.bind(globalThis),
       clearTimeout: globalThis.clearTimeout.bind(globalThis)
     };
@@ -475,11 +475,11 @@ class Je {
    *  authenticate the render-bundle GET with the same credential. A
    *  `LumencastTokenProvider` is awaited. */
   resolveCurrentToken() {
-    return F(this.token);
+    return z(this.token);
   }
   /** Send `input` patches to the server. No-op if not connected. */
   sendInput(e) {
-    !this.socket || this.socket.readyState !== this.WebSocketCtor.OPEN || e.length !== 0 && this.socket.send(C(me(e)));
+    !this.socket || this.socket.readyState !== this.WebSocketCtor.OPEN || e.length !== 0 && this.socket.send(x(ge(e)));
   }
   /** Replace the auth token. Closes and reopens with the new token. */
   setToken(e) {
@@ -495,7 +495,7 @@ class Je {
     this.setStatus("connecting");
     let e;
     try {
-      e = await F(this.token);
+      e = await z(this.token);
     } catch (n) {
       this.opts.onTransportError?.(
         new g(
@@ -510,7 +510,7 @@ class Je {
     if (!this.active) return;
     let s;
     try {
-      s = new this.WebSocketCtor(this.url, [...pe]);
+      s = new this.WebSocketCtor(this.url, [...ve]);
     } catch (n) {
       this.opts.onTransportError?.(
         new g(
@@ -526,24 +526,24 @@ class Je {
   }
   handleOpen(e) {
     if (!this.socket) return;
-    const n = this.socket.protocol === ge && this.seq.last > 0, r = n ? this.seq.last : void 0;
+    const n = this.socket.protocol === we && this.seq.last > 0, r = n ? this.seq.last : void 0;
     n || this.seq.reset();
-    const i = ve({
+    const i = ye({
       token: e,
       ...this.opts.scene !== void 0 ? { scene: this.opts.scene } : {},
       ...this.opts.session !== void 0 ? { session: this.opts.session } : {},
       ...r !== void 0 ? { since_sequence: r } : {}
     });
-    this.socket.send(C(i));
+    this.socket.send(x(i));
   }
   handleMessage(e) {
     const s = typeof e.data == "string" ? e.data : "";
     if (!s) return;
     let n;
     try {
-      n = we(s);
+      n = be(s);
     } catch (r) {
-      const i = (r instanceof M, r.message), a = r instanceof M ? r.code : "INTERNAL";
+      const i = (r instanceof j, r.message), a = r instanceof j ? r.code : "INTERNAL";
       this.opts.onTransportError?.(new g(`codec: ${i}`, !0, a, r)), this.closeSocket(), this.scheduleReconnect();
       return;
     }
@@ -583,6 +583,10 @@ class Je {
           this.opts.onServerError?.(n), n.recoverable || this.close();
           return;
         }
+        case "scene_roster": {
+          this.opts.onSceneRoster?.(n);
+          return;
+        }
         case "pong":
           return;
       }
@@ -626,10 +630,10 @@ class Je {
     this.status !== e && (this.status = e, this.opts.onStatus?.(e));
   }
 }
-async function F(t) {
+async function z(t) {
   return typeof t == "string" ? t : await t.fetch();
 }
-function Ye(t) {
+function Qe(t) {
   if (!(t.target instanceof HTMLElement))
     throw new TypeError("mount: `target` must be an HTMLElement");
   if (typeof t.serverUrl != "string" || t.serverUrl.length === 0)
@@ -641,75 +645,78 @@ function Ye(t) {
       throw new TypeError("mount: `scene` is required when mode === 'test'");
   }
 }
-function St(t) {
-  Ye(t), t.onStatus?.("disconnected");
-  const e = Y(), s = Qe(t.serverUrl), n = Xe({
+function Tt(t) {
+  Qe(t), t.onStatus?.("disconnected");
+  const e = ee(), s = tt(t.serverUrl), n = Ke({
     baseUrl: s,
     ...t.resolveBundleUrl !== void 0 ? { resolveUrl: t.resolveBundleUrl } : {},
-    getAuthToken: () => p.resolveCurrentToken()
-  }), r = w(null), i = w("disconnected"), a = w("__initial__"), o = (l) => {
-    i.value = l, t.onStatus?.(l);
-  }, u = (l) => {
-    t.onError?.(l);
+    getAuthToken: () => w.resolveCurrentToken()
+  }), r = S(null), i = S("disconnected"), a = S("__initial__"), o = (u) => {
+    i.value = u, t.onStatus?.(u);
+  }, c = (u) => {
+    t.onError?.(u);
   };
-  let c = !0;
-  const d = t.onReservedLeaves ? Fe(t.onReservedLeaves) : void 0, m = t.onDiagnostic ? V(t.onDiagnostic) : void 0, p = new Je({
+  let l = !0;
+  const d = /* @__PURE__ */ new Set(), h = t.onReservedLeaves ? qe(t.onReservedLeaves) : void 0, _ = t.onDiagnostic ? Y(t.onDiagnostic) : void 0, w = new Ze({
     url: t.serverUrl,
     token: t.token,
     ...t.scene !== void 0 ? { scene: t.scene } : {},
     ...t.testSession !== void 0 ? { session: t.testSession } : {},
     onStatus: o,
-    onSnapshot: (l) => {
-      c && (d?.onSnapshot(l.state), se(
+    onSnapshot: (u) => {
+      l && (h?.onSnapshot(u.state), ie(
         n,
         r,
         a,
-        l.scene_id,
-        l.scene_version,
-        () => Ue(e, l),
-        u
+        u.scene_id,
+        u.scene_version,
+        () => Fe(e, u),
+        c
       ), t.onMetric?.({
         name: "snapshot_received",
-        scene_id: l.scene_id,
-        path_count: Object.keys(l.state).length
+        scene_id: u.scene_id,
+        path_count: Object.keys(u.state).length
       }));
     },
-    onDelta: (l) => {
-      if (!c) return;
-      const S = performance.now();
-      De(e, l), d?.onDelta(l.patches), t.onMetric?.({
+    onDelta: (u) => {
+      if (!l) return;
+      const y = performance.now();
+      $e(e, u), h?.onDelta(u.patches), t.onMetric?.({
         name: "delta_applied",
-        duration_ms: performance.now() - S
-      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: l.patches.length });
+        duration_ms: performance.now() - y
+      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: u.patches.length });
     },
-    onSceneChanged: (l) => {
-      c && t.onMetric?.({
+    onSceneChanged: (u) => {
+      l && t.onMetric?.({
         name: "scene_changed",
         from: r.value?.scene_version ?? null,
-        to: l.scene_version
+        to: u.scene_version
       });
     },
-    onServerError: (l) => {
-      u({
-        code: l.code,
-        message: l.message,
-        recoverable: l.recoverable
+    onSceneRoster: (u) => {
+      l && M(u.entries, "frame");
+    },
+    onServerError: (u) => {
+      c({
+        code: u.code,
+        message: u.message,
+        recoverable: u.recoverable
       });
     },
-    onTransportError: (l) => {
-      u(Ze(l));
+    onTransportError: (u) => {
+      c(et(u));
     }
   });
-  p.start();
-  const R = H(t.target);
-  return R.render(
-    ce(ke, {
+  w.start(), t.preloadRoster !== void 0 && t.preloadRoster.length > 0 && M(t.preloadRoster, "option");
+  const L = X(t.target);
+  return L.render(
+    ue(_e, {
       mode: t.mode,
       store: e,
       bundleSignal: r,
       statusSignal: i,
       crossfadeKeySignal: a,
-      sendInput: (l) => p.sendInput(l),
+      sendInput: (u) => w.sendInput(u),
       // ADR 004 §A1.3 — thread the host capture resolver to the runtime context
       // so the `x-zab.capture` primitive's ACQUIRE mode can pin a device.
       ...t.resolveCaptureDevice !== void 0 ? { resolveCaptureDevice: t.resolveCaptureDevice } : {},
@@ -723,35 +730,49 @@ function St(t) {
     })
   ), {
     disconnect() {
-      c && (c = !1, m?.(), p.close(), R.unmount());
+      l && (l = !1, _?.(), w.close(), L.unmount());
     },
-    setToken(l) {
-      c && p.setToken(l);
+    setToken(u) {
+      l && w.setToken(u);
     }
   };
-  async function se(l, S, ne, A, O, re, ie) {
-    let P;
+  function M(u, y) {
+    const E = r.value?.scene_version;
+    for (const { scene_id: b, scene_version: m } of u)
+      m !== E && (d.has(m) || (d.add(m), n.get(b, m).then(() => {
+        l && t.onMetric?.({
+          name: "roster_preloaded",
+          scene_id: b,
+          scene_version: m,
+          source: y
+        });
+      }).catch(() => {
+        d.delete(m);
+      })));
+  }
+  async function ie(u, y, E, b, m, oe, ae) {
+    let C;
     try {
-      P = await l.get(A, O);
-    } catch (L) {
-      ie({
+      C = await u.get(b, m);
+    } catch (N) {
+      ae({
         code: "BUNDLE_FETCH_FAILED",
-        message: L instanceof Error ? L.message : "render bundle fetch failed",
+        message: N instanceof Error ? N.message : "render bundle fetch failed",
         recoverable: !0
       });
       return;
     }
-    c && (re(), S.value = P, ne.value = `${A}::${O}`);
+    l && (oe(), y.value = C, E.value = `${b}::${m}`);
   }
 }
-function Ze(t) {
+function et(t) {
   return {
     code: t.code,
     message: t.message,
     recoverable: t.recoverable
   };
 }
-function Qe(t) {
+function tt(t) {
   try {
     const e = new URL(t);
     return `${e.protocol === "wss:" ? "https:" : "http:"}//${e.host}`;
@@ -759,7 +780,7 @@ function Qe(t) {
     return "";
   }
 }
-const et = [
+const st = [
   "visible",
   "opacity",
   "universal_opacity",
@@ -776,13 +797,13 @@ const et = [
   // compiler and consumed by the Tree (built into a `<mask>` SVG element).
   "mask"
 ];
-function h(t) {
-  return /* @__PURE__ */ new Set([...et, ...t]);
+function f(t) {
+  return /* @__PURE__ */ new Set([...st, ...t]);
 }
-const tt = {
-  stack: h(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
-  grid: h(["cols", "rows", "gap"]),
-  frame: h([
+const nt = {
+  stack: f(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
+  grid: f(["cols", "rows", "gap"]),
+  frame: f([
     "x",
     "y",
     "width",
@@ -793,7 +814,7 @@ const tt = {
     "backgrounds",
     "clipsContent"
   ]),
-  text: h([
+  text: f([
     "value",
     "size",
     "font",
@@ -807,8 +828,8 @@ const tt = {
     "fontStyle",
     "maxLines"
   ]),
-  image: h(["src", "alt", "fit", "position", "width", "height"]),
-  shape: h([
+  image: f(["src", "alt", "fit", "position", "width", "height"]),
+  shape: f([
     "geometry",
     "kind",
     "width",
@@ -827,7 +848,7 @@ const tt = {
   // source is a `meet.peer.peer_label` is rendered in `srcObject` from a host
   // resolver instead of `<video src>`. Listed so it is NOT flagged as a silent
   // drop by the anti-drop audit when a scene carries a live source.
-  media: h(["src", "peerLabel", "loop", "mute", "autoplay", "fit"]),
+  media: f(["src", "peerLabel", "loop", "mute", "autoplay", "fit"]),
   // ADR 006 §3.3/§3.5 — the unified source kind. `peer_label` is the stream
   // reference (resolved to a MediaStream → srcObject) ; `object_fit`/`muted`
   // drive the video ; `x-zab.sourceKind` is advisory ; `metadata` carries the
@@ -835,7 +856,7 @@ const tt = {
   // but an UNCOMPILED from-scene node carries the NESTED `position`/`size` shape
   // (the Tree flattens it as a fallback) — listed so neither form is flagged as
   // a silent drop by the anti-drop audit.
-  "meet.peer": h([
+  "meet.peer": f([
     "peer_label",
     "object_fit",
     "muted",
@@ -844,42 +865,42 @@ const tt = {
     "position",
     "size"
   ]),
-  instance: h(["scene_id", "scene_version", "size", "position"]),
+  instance: f(["scene_id", "scene_version", "size", "position"]),
   // RFC-0001 / ADR 004 — vendor capture placeholder. `width`/`height` are the
   // flattened geometry (universal) ; the `x-zab.*` props are carried as
   // metadata (the renderer reserves the box, ignores deviceRef). Listed so
   // they are NOT flagged as silent drops by the anti-drop audit.
-  "x-zab.capture": h(["x-zab.sourceKind", "x-zab.deviceRef", "width", "height"]),
+  "x-zab.capture": f(["x-zab.sourceKind", "x-zab.deviceRef", "width", "height"]),
   // ADR Blue 009 §3.1 (Amendment 2) — vendor meet-peer SLOT placeholder.
   // `width`/`height` are the flattened geometry (universal) ; `x-zab.slotRef`
   // is the logical slot identity carried as metadata (the runtime resolves
   // `slotRef → peer_label` from stream-level ZabCam state). NO cam/peer
   // identity is carried. Listed so they are NOT flagged as silent drops.
-  "x-zab.meet-peer": h(["x-zab.slotRef", "width", "height"]),
+  "x-zab.meet-peer": f(["x-zab.slotRef", "width", "height"]),
   // `repeat` is dispatched specially by the tree ; its only consumed
   // binding is `items`.
   repeat: /* @__PURE__ */ new Set(["items"])
 };
-function st(t, e) {
-  const s = tt[t];
+function rt(t, e) {
+  const s = nt[t];
   return !!(s === void 0 || s.has(e) || t === "instance" && (e === "params" || e.startsWith("params.")));
 }
-const W = /* @__PURE__ */ new WeakSet();
-function kt(t) {
-  if (W.has(t)) return;
-  W.add(t);
+const B = /* @__PURE__ */ new WeakSet();
+function _t(t) {
+  if (B.has(t)) return;
+  B.add(t);
   const e = /* @__PURE__ */ new Set([
     ...Object.keys(t.props ?? {}),
     ...Object.keys(t.bindings ?? {})
   ]);
   for (const s of e)
-    st(t.kind, s) || K(
+    rt(t.kind, s) || Z(
       t.id,
       `${t.kind}.${s}`,
       "is not consumed by this primitive's renderer ; the prop is ignored (anti-silent-drop, ADR 001 §3.4)"
     );
 }
-class Z {
+class te {
   constructor(e) {
     this.options = e, this.deps = {
       WebSocket: e.deps?.WebSocket ?? globalThis.WebSocket,
@@ -1009,7 +1030,7 @@ class Z {
       iceServers: this.iceServers,
       iceTransportPolicy: "relay"
     }), r = new this.deps.MediaStream(), i = n.addTransceiver("audio", { direction: "recvonly" }), a = n.addTransceiver("video", { direction: "recvonly" });
-    nt(i, a);
+    it(i, a);
     const o = {
       info: e,
       pc: n,
@@ -1033,21 +1054,21 @@ class Z {
           o.makingOffer = !1;
         }
       })();
-    }), n.addEventListener("icecandidate", (u) => {
-      const c = u.candidate;
-      c && this.sendSignal(e.id, {
+    }), n.addEventListener("icecandidate", (c) => {
+      const l = c.candidate;
+      l && this.sendSignal(e.id, {
         kind: "ice",
         candidate: {
-          candidate: c.candidate,
-          sdpMid: c.sdpMid,
-          sdpMLineIndex: c.sdpMLineIndex,
-          usernameFragment: c.usernameFragment
+          candidate: l.candidate,
+          sdpMid: l.sdpMid,
+          sdpMLineIndex: l.sdpMLineIndex,
+          usernameFragment: l.usernameFragment
         }
       });
-    }), n.addEventListener("track", (u) => {
-      const c = u.track;
-      o.stream.getTracks().includes(c) || o.stream.addTrack(c), c.addEventListener("ended", () => {
-        o.stream.removeTrack(c);
+    }), n.addEventListener("track", (c) => {
+      const l = c.track;
+      o.stream.getTracks().includes(l) || o.stream.addTrack(l), l.addEventListener("ended", () => {
+        o.stream.removeTrack(l);
       }), this.emit("remote-track", {
         peerId: e.id,
         peerName: e.name,
@@ -1070,17 +1091,17 @@ class Z {
       for (const r of n) r(s);
   }
 }
-function nt(t, e) {
+function it(t, e) {
   const s = globalThis.RTCRtpReceiver?.getCapabilities;
-  typeof s == "function" && (q(e, s("video"), (n) => {
+  typeof s == "function" && (H(e, s("video"), (n) => {
     const r = n.toLowerCase();
     return r === "video/h264" || r === "video/rtx";
-  }), q(t, s("audio"), (n) => {
+  }), H(t, s("audio"), (n) => {
     const r = n.toLowerCase();
     return r === "audio/opus" || r === "audio/telephone-event";
   }));
 }
-function q(t, e, s) {
+function H(t, e, s) {
   const n = t?.setCodecPreferences;
   if (typeof n != "function" || !e) return;
   const r = e.codecs.filter((i) => s(i.mimeType));
@@ -1090,42 +1111,56 @@ function q(t, e, s) {
     } catch {
     }
 }
-function Q() {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
-  function s(n) {
-    const r = e.get(n);
-    if (r === void 0) return;
-    const i = t.get(n) ?? null;
-    for (const a of r) a(i);
+function se() {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set();
+  function n(i) {
+    const a = e.get(i);
+    if (a === void 0) return;
+    const o = t.get(i) ?? null;
+    for (const c of a) c(o);
+  }
+  function r() {
+    for (const i of [...s]) i();
   }
   return {
-    resolve(n) {
-      return t.get(n) ?? null;
+    resolve(i) {
+      return t.get(i) ?? null;
+    },
+    orderedLabels() {
+      return [...t.keys()];
+    },
+    subscribeRoster(i) {
+      return s.add(i), () => {
+        s.delete(i);
+      };
     },
-    subscribe(n, r) {
-      let i = e.get(n);
-      return i === void 0 && (i = /* @__PURE__ */ new Set(), e.set(n, i)), i.add(r), r(t.get(n) ?? null), () => {
-        const a = e.get(n);
-        a !== void 0 && (a.delete(r), a.size === 0 && e.delete(n));
+    subscribe(i, a) {
+      let o = e.get(i);
+      return o === void 0 && (o = /* @__PURE__ */ new Set(), e.set(i, o)), o.add(a), a(t.get(i) ?? null), () => {
+        const c = e.get(i);
+        c !== void 0 && (c.delete(a), c.size === 0 && e.delete(i));
       };
     },
-    set(n, r) {
-      t.get(n) !== r && (t.set(n, r), s(n));
+    set(i, a) {
+      if (t.get(i) === a) return;
+      const o = !t.has(i);
+      t.set(i, a), n(i), o && r();
     },
-    remove(n) {
-      t.has(n) && (t.delete(n), s(n));
+    remove(i) {
+      t.has(i) && (t.delete(i), n(i), r());
     },
     clear() {
-      const n = [...t.keys()];
+      const i = [...t.keys()];
       t.clear();
-      for (const r of n) s(r);
+      for (const a of i) n(a);
+      i.length > 0 && r();
     }
   };
 }
 function v(t) {
   return t.toLowerCase().replace(/[^a-z0-9_-]+/g, "_").replace(/^[_-]+|[_-]+$/g, "");
 }
-function ee(t, e, s) {
+function ne(t, e, s) {
   t.on("remote-track", (n) => {
     const r = v(n.peerName);
     s.acquire(r, t) && e.set(r, n.stream);
@@ -1134,14 +1169,14 @@ function ee(t, e, s) {
     s.acquire(r, t) && (e.remove(r), s.release(r, t));
   });
 }
-const rt = {
+const ot = {
   acquire: () => !0,
   release: () => {
   }
 };
-function Tt(t) {
-  const e = Q(), s = new Z(t);
-  return ee(s, e, rt), {
+function Et(t) {
+  const e = se(), s = new te(t);
+  return ne(s, e, ot), {
     join: () => s.join(),
     leave: () => {
       s.leave(), e.clear();
@@ -1152,31 +1187,31 @@ function Tt(t) {
     viewer: s
   };
 }
-function z(t) {
-  const e = Q(), s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = {
-    acquire: (o, u) => {
-      const c = n.get(o);
-      return c === void 0 ? (n.set(o, u), !0) : c === u;
+function G(t) {
+  const e = se(), s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = {
+    acquire: (o, c) => {
+      const l = n.get(o);
+      return l === void 0 ? (n.set(o, c), !0) : l === c;
     },
-    release: (o, u) => {
-      n.get(o) === u && n.delete(o);
+    release: (o, c) => {
+      n.get(o) === c && n.delete(o);
     }
   };
   function i(o) {
     if (s.has(o.roomId)) return;
-    const u = new Z({
+    const c = new te({
       name: o.name ?? "solar-viewer",
       ...o,
       ...t.deps !== void 0 && o.deps === void 0 ? { deps: t.deps } : {}
     });
-    ee(u, e, r), s.set(o.roomId, { viewer: u });
+    ne(c, e, r), s.set(o.roomId, { viewer: c });
   }
   function a(o) {
-    const u = s.get(o);
-    if (u !== void 0) {
-      for (const [c, d] of [...n.entries()])
-        d === u.viewer && (e.remove(c), n.delete(c));
-      u.viewer.leave(), s.delete(o);
+    const c = s.get(o);
+    if (c !== void 0) {
+      for (const [l, d] of [...n.entries()])
+        d === c.viewer && (e.remove(l), n.delete(l));
+      c.viewer.leave(), s.delete(o);
     }
   }
   for (const o of t.rooms) i(o);
@@ -1189,63 +1224,63 @@ function z(t) {
       e.clear();
     },
     setRooms: async (o) => {
-      const u = new Set(o.map((d) => d.roomId));
+      const c = new Set(o.map((d) => d.roomId));
       for (const d of [...s.keys()])
-        u.has(d) || a(d);
-      const c = [];
+        c.has(d) || a(d);
+      const l = [];
       for (const d of o)
         if (!s.has(d.roomId)) {
           i(d);
-          const m = s.get(d.roomId);
-          m && c.push(m.viewer);
+          const h = s.get(d.roomId);
+          h && l.push(h.viewer);
         }
-      await Promise.all(c.map((d) => d.join()));
+      await Promise.all(l.map((d) => d.join()));
     },
     resolvePeerStream: (o) => e.resolve(v(o)),
-    subscribePeerStream: (o, u) => e.subscribe(v(o), u),
+    subscribePeerStream: (o, c) => e.subscribe(v(o), c),
     registry: e
   };
 }
-function Et(t) {
+function Rt(t) {
   if ("rooms" in t && Array.isArray(t.rooms))
-    return z(t);
+    return G(t);
   const { name: e, deps: s, ...n } = t;
-  return z({
+  return G({
     rooms: [{ ...n, ...e !== void 0 ? { name: e } : {} }],
     ...s !== void 0 ? { deps: s } : {}
   });
 }
-const it = { width: 1920, height: 1080 }, ot = () => {
+const at = { width: 1920, height: 1080 }, ct = () => {
 };
-function _t(t) {
-  const e = t.stage ?? it, s = t.target;
+function It(t) {
+  const e = t.stage ?? at, s = t.target;
   s.style.position ||= "relative", s.style.width = `${e.width}px`, s.style.height = `${e.height}px`, s.style.overflow = "hidden";
-  const n = t.onDiagnostic ? V(t.onDiagnostic) : void 0, r = Y();
+  const n = t.onDiagnostic ? Y(t.onDiagnostic) : void 0, r = ee();
   r.reset(t.defaults ?? {});
-  const i = H(s);
+  const i = X(s);
   return {
     ready: new Promise((o) => {
-      import("./broadcast-DtHoU_fS.js").then(({ BroadcastMode: u }) => {
+      import("./broadcast-Dg77Br5j.js").then(({ BroadcastMode: c }) => {
         i.render(
-          /* @__PURE__ */ f(le, { children: /* @__PURE__ */ f(
-            X,
+          /* @__PURE__ */ p(de, { children: /* @__PURE__ */ p(
+            J,
             {
               value: {
                 mode: "broadcast",
                 store: r,
                 bundle: t.bundle,
                 status: "live",
-                sendInput: ot
+                sendInput: ct
               },
-              children: /* @__PURE__ */ f(u, {})
+              children: /* @__PURE__ */ p(c, {})
             }
           ) })
         );
-        const c = new Promise((m) => {
-          requestAnimationFrame(() => requestAnimationFrame(() => m()));
+        const l = new Promise((h) => {
+          requestAnimationFrame(() => requestAnimationFrame(() => h()));
         }), d = typeof document < "u" && document.fonts ? document.fonts.ready.then(() => {
         }) : Promise.resolve();
-        Promise.all([c, d]).then(() => o());
+        Promise.all([l, d]).then(() => o());
       });
     }),
     unmount() {
@@ -1253,30 +1288,30 @@ function _t(t) {
     }
   };
 }
-function te(t, e) {
+function re(t, e) {
   if (typeof t != "string") return t;
   if (e[t]) return e[t];
   const s = /^assets\/([A-Za-z0-9]+)\.[A-Za-z0-9]+$/.exec(t);
   return s && s[1] !== void 0 && e[s[1]] ? e[s[1]] : t;
 }
-function B(t, e) {
+function V(t, e) {
   if (t === null || typeof t != "object") return;
   if (Array.isArray(t)) {
-    for (const n of t) B(n, e);
+    for (const n of t) V(n, e);
     return;
   }
   const s = t;
-  "src" in s && (s.src = te(s.src, e));
+  "src" in s && (s.src = re(s.src, e));
   for (const n of Object.values(s))
-    n && typeof n == "object" && B(n, e);
+    n && typeof n == "object" && V(n, e);
 }
-function It(t, e) {
+function At(t, e) {
   const s = { ...t };
   for (const [n, r] of Object.entries(s))
-    n.startsWith("__lit.image.") && (s[n] = te(r, e));
+    n.startsWith("__lit.image.") && (s[n] = re(r, e));
   return s;
 }
-async function Rt(t) {
+async function Ot(t) {
   const e = [];
   for (const s of t)
     try {
@@ -1290,38 +1325,38 @@ async function Rt(t) {
   return e;
 }
 export {
-  Te as A,
-  U as B,
-  bt as C,
-  gt as F,
-  Z as M,
-  tt as P,
-  qe as S,
-  pt as a,
-  kt as b,
-  N as c,
-  E as d,
-  K as e,
-  J as f,
-  V as g,
-  z as h,
-  Q as i,
-  Tt as j,
-  Et as k,
-  Rt as l,
-  yt as m,
-  He as n,
-  x as o,
-  St as p,
-  _t as q,
-  wt as r,
-  Oe as s,
-  vt as t,
-  mt as u,
-  te as v,
-  Pe as w,
-  It as x,
-  B as y,
-  $ as z
+  Ee as A,
+  W as B,
+  kt as C,
+  wt as F,
+  te as M,
+  nt as P,
+  Be as S,
+  vt as a,
+  _t as b,
+  D as c,
+  A as d,
+  Z as e,
+  Q as f,
+  Y as g,
+  G as h,
+  se as i,
+  Et as j,
+  Rt as k,
+  Ot as l,
+  St as m,
+  Ve as n,
+  U as o,
+  Tt as p,
+  It as q,
+  bt as r,
+  Le as s,
+  yt as t,
+  gt as u,
+  re as v,
+  Me as w,
+  At as x,
+  V as y,
+  q as z
 };
-//# sourceMappingURL=index-Dz27r92m.js.map
+//# sourceMappingURL=index-C4r-fG1q.js.map