@lumencast/runtime 0.7.0 → 0.9.0

package/dist/{index-C6viWFcT.js → index-DrXsLYhe.js}

@@ -1,75 +1,80 @@
-import { batch as y, signal as p } from "@preact/signals-react";
-import { createRoot as B } from "react-dom/client";
-import { createContext as W, useContext as z, lazy as T, Suspense as H, createElement as G } from "react";
-import { jsx as f } from "react/jsx-runtime";
-import { useSignals as X } from "@preact/signals-react/runtime";
-import { AnimatePresence as Y, motion as K } from "framer-motion";
-import { SequenceTracker as J, encodeFrame as R, input as Q, WS_SUBPROTOCOLS as Z, WS_SUBPROTOCOL_V1_1 as V, subscribe as ee, decodeServerFrame as te, LumencastError as A } from "@lumencast/protocol";
-const P = W(null);
-function se({
+import { batch as w, signal as g } from "@preact/signals-react";
+import { createRoot as D } from "react-dom/client";
+import { createContext as K, useContext as C, lazy as S, Suspense as Z, createElement as J, StrictMode as Q } from "react";
+import { jsx as h } from "react/jsx-runtime";
+import { useSignals as V } from "@preact/signals-react/runtime";
+import { AnimatePresence as ee, motion as te } from "framer-motion";
+import { SequenceTracker as se, encodeFrame as O, input as ne, WS_SUBPROTOCOLS as re, WS_SUBPROTOCOL_V1_1 as ie, subscribe as oe, decodeServerFrame as ce, LumencastError as L } from "@lumencast/protocol";
+const T = K(null);
+function F({
   value: t,
   children: e
 }) {
-  return /* @__PURE__ */ f(P.Provider, { value: t, children: e });
+  return /* @__PURE__ */ h(T.Provider, { value: t, children: e });
 }
-function Ye() {
-  const t = z(P);
+function Ve() {
+  const t = C(T);
   if (!t)
     throw new Error(
       "Lumencast overlay components must be rendered inside LumencastRuntimeProvider"
     );
   return t;
 }
-const ne = T(
-  () => import("./broadcast-DUYqvcgo.js").then((t) => ({ default: t.BroadcastMode }))
-), re = T(
-  () => import("./control-CL8TWXaE.js").then((t) => ({ default: t.ControlMode }))
-), ie = T(() => import("./test-84XodL1c.js").then((t) => ({ default: t.TestMode })));
-function oe({
+function et() {
+  return C(T);
+}
+const ae = S(
+  () => import("./broadcast-ryjLRD5q.js").then((t) => ({ default: t.BroadcastMode }))
+), ue = S(
+  () => import("./control-AgxbXOVS.js").then((t) => ({ default: t.ControlMode }))
+), le = S(() => import("./test-CaRHj_J6.js").then((t) => ({ default: t.TestMode })));
+function he({
   mode: t,
   store: e,
   bundleSignal: s,
   statusSignal: n,
   crossfadeKeySignal: r,
-  sendInput: o
+  sendInput: i,
+  resolveCaptureDevice: c
 }) {
-  X();
-  const c = s.value, a = n.value, d = r.value;
-  if (!c) return null;
-  const l = t === "broadcast" ? ne : t === "control" ? re : ie;
-  return /* @__PURE__ */ f(Y, { mode: "sync", children: /* @__PURE__ */ f(
-    K.div,
+  V();
+  const a = s.value, f = n.value, u = r.value;
+  if (!a) return null;
+  const p = t === "broadcast" ? ae : t === "control" ? ue : le;
+  return /* @__PURE__ */ h(ee, { mode: "sync", children: /* @__PURE__ */ h(
+    te.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.4, ease: "easeInOut" },
       style: { position: "absolute", inset: 0 },
-      children: /* @__PURE__ */ f(
-        se,
+      children: /* @__PURE__ */ h(
+        F,
         {
           value: {
             mode: t,
             store: e,
-            bundle: c,
-            status: a,
-            sendInput: o
+            bundle: a,
+            status: f,
+            sendInput: i,
+            ...c !== void 0 ? { resolveCaptureDevice: c } : {}
           },
-          children: /* @__PURE__ */ f(H, { fallback: null, children: /* @__PURE__ */ f(l, {}) })
+          children: /* @__PURE__ */ h(Z, { fallback: null, children: /* @__PURE__ */ h(p, {}) })
         }
       )
     },
-    d
+    u
   ) });
 }
-const ce = "<anon>", b = /* @__PURE__ */ new Set();
-function ae(t) {
+const fe = "<anon>", b = /* @__PURE__ */ new Set();
+function q(t) {
   return b.add(t), () => {
     b.delete(t);
   };
 }
-function $(t, e, s) {
-  const n = { nodeId: t ?? ce, field: e, reason: s };
+function B(t, e, s) {
+  const n = { nodeId: t ?? fe, field: e, reason: s };
   if (b.size > 0) {
     for (const r of b)
       try {
@@ -79,41 +84,41 @@ function $(t, e, s) {
     return;
   }
 }
-const le = 100, ue = 4, he = 64, fe = {
-  blur: le,
-  brightness: ue
+const de = 100, me = 4, pe = 64, ge = {
+  blur: de,
+  brightness: me
 };
-function O(t, e) {
+function N(t, e) {
   if (typeof e != "number" || !Number.isFinite(e) || e < 0 || Object.is(e, -0)) return null;
-  const s = fe[t];
+  const s = ge[t];
   return e > s ? s : e;
 }
-const de = /^blur\((\d{1,7}(?:\.\d{1,4})?)px\) brightness\((\d{1,7}(?:\.\d{1,4})?)\)$/, Ke = "blur(0px) brightness(1)";
-function me(t) {
-  if (typeof t != "string" || t.length === 0 || t.length > he) return null;
-  const e = de.exec(t);
+const ve = /^blur\((\d{1,7}(?:\.\d{1,4})?)px\) brightness\((\d{1,7}(?:\.\d{1,4})?)\)$/, tt = "blur(0px) brightness(1)";
+function be(t) {
+  if (typeof t != "string" || t.length === 0 || t.length > pe) return null;
+  const e = ve.exec(t);
   if (!e) return null;
-  const s = O("blur", Number(e[1])), n = O("brightness", Number(e[2]));
+  const s = N("blur", Number(e[1])), n = N("brightness", Number(e[2]));
   return s === null || n === null ? null : `blur(${s}px) brightness(${n})`;
 }
-function pe(t, e) {
-  $(
+function ye(t, e) {
+  B(
     e,
     t,
     "rejected unsafe filter value : outside the R8 caps or not a finite number >= 0"
   );
 }
-const ge = { duration: 0 }, be = {
+const ke = { duration: 0 }, we = {
   linear: "linear",
   "cubic-in": "easeIn",
   "cubic-out": "easeOut",
   "cubic-in-out": "easeInOut"
 };
-function Je(t) {
-  return !t || t.kind === "none" ? ge : t.kind === "tween" ? {
+function st(t) {
+  return !t || t.kind === "none" ? ke : t.kind === "tween" ? {
     type: "tween",
     duration: (t.duration_ms ?? 0) / 1e3,
-    ease: t.ease ? be[t.ease] ?? "easeOut" : "easeOut"
+    ease: t.ease ? we[t.ease] ?? "easeOut" : "easeOut"
   } : t.kind === "spring" ? {
     type: "spring",
     ...t.stiffness !== void 0 ? { stiffness: t.stiffness } : {},
@@ -125,7 +130,7 @@ function Je(t) {
     ease: "easeInOut"
   };
 }
-const ve = {
+const Se = {
   opacity: 1,
   scale: 1,
   scaleX: 1,
@@ -137,12 +142,12 @@ const ve = {
   // framer interpolates between structurally-identical filter lists
   // (the compiler emits the same two-function form, clamped per R8).
   filter: "blur(0px) brightness(1)"
-}, ke = {
+}, Te = {
   kind: "tween",
   duration_ms: 400,
   ease: "cubic-out"
 };
-function Qe(t, e, s) {
+function nt(t, e, s) {
   for (const n of e) {
     const r = t(n);
     if (r !== void 0) return r;
@@ -152,29 +157,29 @@ function Qe(t, e, s) {
       const r = t(n);
       if (r !== void 0) return r;
     }
-    return ke;
+    return Te;
   }
 }
-function Ze(t, e, s) {
+function rt(t, e, s) {
   if (!e || Object.keys(e).length === 0)
     return { initial: t, animate: t };
   let n = e;
   if (e.filter !== void 0) {
-    const o = me(e.filter);
-    n = { ...e }, o === null ? (pe("animate_initial.filter", s), delete n.filter) : n.filter = o;
+    const i = be(e.filter);
+    n = { ...e }, i === null ? (ye("animate_initial.filter", s), delete n.filter) : n.filter = i;
   }
   const r = { ...t };
-  for (const o of Object.keys(n))
-    o in r || (r[o] = ve[o] ?? 0);
+  for (const i of Object.keys(n))
+    i in r || (r[i] = Se[i] ?? 0);
   return { initial: n, animate: r };
 }
-function ye(t) {
+function _e(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 = Te[e.easing] ?? "cubic-out";
+    const n = typeof e.duration_ms == "number" ? e.duration_ms : 0, r = Ee[e.easing] ?? "cubic-out";
     return { kind: "tween", duration_ms: n, ease: r };
   }
   if (s === "spring") {
@@ -182,53 +187,53 @@ function ye(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 Te = {
+const Ee = {
   linear: "linear",
   "ease-in": "cubic-in",
   "ease-out": "cubic-out",
   "ease-in-out": "cubic-in-out"
 };
-function we(t, e) {
-  y(() => {
+function Ie(t, e) {
+  w(() => {
     for (const s of e.patches) {
-      const n = ye(s.transition);
+      const n = _e(s.transition);
       n !== void 0 ? t.setWithTransition(s.path, s.value, n) : t.set(s.path, s.value);
     }
   });
 }
-function Se(t, e) {
+function Ae(t, e) {
   t.reset(e.state);
 }
-class _e {
+class Re {
   signals = /* @__PURE__ */ new Map();
   transitions = /* @__PURE__ */ new Map();
   signal(e) {
     let s = this.signals.get(e);
-    return s || (s = p(void 0), this.signals.set(e, s)), s;
+    return s || (s = g(void 0), this.signals.set(e, s)), s;
   }
   transitionSignal(e) {
     let s = this.transitions.get(e);
-    return s || (s = p(void 0), this.transitions.set(e, s)), s;
+    return s || (s = g(void 0), this.transitions.set(e, s)), s;
   }
   set(e, s) {
     const n = this.signal(e);
     k(n.peek(), s) || (n.value = s);
   }
   setWithTransition(e, s, n) {
-    y(() => {
+    w(() => {
       const r = this.transitionSignal(e);
       r.peek() !== n && (r.value = n);
-      const o = this.signal(e);
-      k(o.peek(), s) || (o.value = s);
+      const i = this.signal(e);
+      k(i.peek(), s) || (i.value = s);
     });
   }
   reset(e) {
-    y(() => {
+    w(() => {
       const s = /* @__PURE__ */ new Set();
       for (const [n, r] of Object.entries(e)) {
         s.add(n);
-        const o = this.signal(n);
-        k(o.peek(), r) || (o.value = r);
+        const i = this.signal(n);
+        k(i.peek(), r) || (i.value = r);
         const c = this.transitions.get(n);
         c && c.peek() !== void 0 && (c.value = void 0);
       }
@@ -246,8 +251,8 @@ class _e {
     return e;
   }
 }
-function Ee() {
-  return new _e();
+function W() {
+  return new Re();
 }
 function k(t, e) {
   if (t === e) return !0;
@@ -258,22 +263,26 @@ function k(t, e) {
       if (t[c] !== e[c]) return !1;
     return !0;
   }
-  const s = t, n = e, r = Object.keys(s), o = Object.keys(n);
-  if (r.length !== o.length) return !1;
+  const s = t, n = e, r = Object.keys(s), i = Object.keys(n);
+  if (r.length !== i.length) return !1;
   for (const c of r)
     if (s[c] !== n[c]) return !1;
   return !0;
 }
-const Ie = /* @__PURE__ */ new Set([
-  "x-lumencast.color-srgb-1.0"
-]), Re = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Ae = /^(?:0|[1-9][0-9]*)$/, N = ".authoring";
-function Oe(t) {
+const Oe = /* @__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"
+]), Le = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Ne = /^(?:0|[1-9][0-9]*)$/, x = ".authoring";
+function xe(t) {
   const e = t.indexOf("/");
   if (e < 0) return !1;
   const s = t.slice(0, e), n = t.slice(e + 1);
-  return !Ae.test(n) || !s.endsWith(N) ? !1 : Re.test(s.slice(0, -N.length));
+  return !Ne.test(n) || !s.endsWith(x) ? !1 : Le.test(s.slice(0, -x.length));
 }
-class L extends Error {
+class U extends Error {
   code = "BUNDLE_INCOMPATIBLE";
   unsupportedProfiles;
   constructor(e) {
@@ -284,17 +293,17 @@ class L extends Error {
     ), this.name = "BundleIncompatibleError", this.unsupportedProfiles = e;
   }
 }
-function U(t, e = Ie) {
+function P(t, e = Oe) {
   const s = t.profiles;
   if (!s) return;
   if (!Array.isArray(s))
-    throw new L(["<malformed: profiles is not an array>"]);
+    throw new U(["<malformed: profiles is not an array>"]);
   if (s.length === 0) return;
-  const n = s.filter((r) => typeof r != "string" || !Oe(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
+  const n = s.filter((r) => typeof r != "string" || !xe(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
   if (n.length > 0)
-    throw new L(n);
+    throw new U(n);
 }
-class Ne {
+class Ue {
   cache = /* @__PURE__ */ new Map();
   baseUrl;
   pathPrefix;
@@ -317,12 +326,12 @@ class Ne {
     return this.resolveUrl ? this.resolveUrl(e, s) : `${this.baseUrl}${this.pathPrefix}/${encodeURIComponent(e)}/bundle?v=${encodeURIComponent(s)}`;
   }
   preload(e) {
-    U(e), this.cache.set(e.scene_version, e);
+    P(e), this.cache.set(e.scene_version, e);
   }
   async get(e, s) {
     const n = this.cache.get(s);
     if (n) return n;
-    const r = this.buildUrl(e, s), o = await this.buildInit(), c = o ? await this.fetchImpl(r, o) : await this.fetchImpl(r);
+    const r = this.buildUrl(e, s), i = await this.buildInit(), c = i ? await this.fetchImpl(r, i) : await this.fetchImpl(r);
     if (!c.ok)
       throw new Error(`bundle fetch failed: ${c.status} ${c.statusText}`);
     const a = await c.json();
@@ -330,19 +339,19 @@ class Ne {
       throw new Error(
         `bundle scene_version mismatch: expected ${s}, got ${a.scene_version}`
       );
-    return U(a), this.cache.set(s, a), a;
+    return P(a), this.cache.set(s, a), a;
   }
 }
-function Le(t) {
-  return new Ne(t);
+function Pe(t) {
+  return new Ue(t);
 }
-const g = {
+const v = {
   initial: 200,
   max: 5e3,
   factor: 2,
   jitter: 0.2
 };
-class Ue {
+class je {
   constructor(e, s) {
     this.opts = e, this.random = s;
   }
@@ -366,20 +375,20 @@ class Ue {
     this._attempt = 0;
   }
 }
-function xe(t = {}) {
+function Me(t = {}) {
   const e = {
-    initial: t.initial ?? g.initial,
-    max: t.max ?? g.max,
-    factor: t.factor ?? g.factor,
-    jitter: t.jitter ?? g.jitter
+    initial: t.initial ?? v.initial,
+    max: t.max ?? v.max,
+    factor: t.factor ?? v.factor,
+    jitter: t.jitter ?? v.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 Ue(e, t.random ?? Math.random);
+  return new je(e, t.random ?? Math.random);
 }
-class h extends Error {
+class m extends Error {
   recoverable;
   code;
   cause;
@@ -387,14 +396,14 @@ class h extends Error {
     super(e), this.name = "TransportError", this.recoverable = s, this.code = n, this.cause = r;
   }
 }
-class Me {
+class $e {
   status = "disconnected";
   socket = null;
   token;
   url;
   WebSocketCtor;
   schedule;
-  seq = new J();
+  seq = new se();
   opts;
   scheduler;
   reconnectTimer = null;
@@ -406,7 +415,7 @@ class Me {
       throw new TypeError(
         "Lumencast WsClient: no WebSocket implementation found in this environment"
       );
-    this.WebSocketCtor = s, this.schedule = xe(e.reconnect), this.scheduler = e.scheduler ?? {
+    this.WebSocketCtor = s, this.schedule = Me(e.reconnect), this.scheduler = e.scheduler ?? {
       setTimeout: globalThis.setTimeout.bind(globalThis),
       clearTimeout: globalThis.clearTimeout.bind(globalThis)
     };
@@ -420,11 +429,11 @@ class Me {
    *  authenticate the render-bundle GET with the same credential. A
    *  `LumencastTokenProvider` is awaited. */
   resolveCurrentToken() {
-    return x(this.token);
+    return j(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(R(Q(e)));
+    !this.socket || this.socket.readyState !== this.WebSocketCtor.OPEN || e.length !== 0 && this.socket.send(O(ne(e)));
   }
   /** Replace the auth token. Closes and reopens with the new token. */
   setToken(e) {
@@ -440,10 +449,10 @@ class Me {
     this.setStatus("connecting");
     let e;
     try {
-      e = await x(this.token);
+      e = await j(this.token);
     } catch (n) {
       this.opts.onTransportError?.(
-        new h(
+        new m(
           `failed to resolve token: ${n.message}`,
           !0,
           "AUTH_DENIED",
@@ -455,10 +464,10 @@ class Me {
     if (!this.active) return;
     let s;
     try {
-      s = new this.WebSocketCtor(this.url, [...Z]);
+      s = new this.WebSocketCtor(this.url, [...re]);
     } catch (n) {
       this.opts.onTransportError?.(
-        new h(
+        new m(
           `failed to open WebSocket: ${n.message}`,
           !0,
           "INTERNAL",
@@ -471,25 +480,25 @@ class Me {
   }
   handleOpen(e) {
     if (!this.socket) return;
-    const n = this.socket.protocol === V && this.seq.last > 0, r = n ? this.seq.last : void 0;
+    const n = this.socket.protocol === ie && this.seq.last > 0, r = n ? this.seq.last : void 0;
     n || this.seq.reset();
-    const o = ee({
+    const i = oe({
       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(R(o));
+    this.socket.send(O(i));
   }
   handleMessage(e) {
     const s = typeof e.data == "string" ? e.data : "";
     if (!s) return;
     let n;
     try {
-      n = te(s);
+      n = ce(s);
     } catch (r) {
-      const o = (r instanceof A, r.message), c = r instanceof A ? r.code : "INTERNAL";
-      this.opts.onTransportError?.(new h(`codec: ${o}`, !0, c, r)), this.closeSocket(), this.scheduleReconnect();
+      const i = (r instanceof L, r.message), c = r instanceof L ? r.code : "INTERNAL";
+      this.opts.onTransportError?.(new m(`codec: ${i}`, !0, c, r)), this.closeSocket(), this.scheduleReconnect();
       return;
     }
     if (n !== null)
@@ -497,7 +506,7 @@ class Me {
         case "snapshot": {
           if (n.seq < 1) {
             this.opts.onTransportError?.(
-              new h(`snapshot seq must be >= 1, got ${n.seq}`, !0, "VERSION_GAP")
+              new m(`snapshot seq must be >= 1, got ${n.seq}`, !0, "VERSION_GAP")
             ), this.closeSocket(), this.scheduleReconnect();
             return;
           }
@@ -508,7 +517,7 @@ class Me {
           const r = this.seq.observe(n.seq);
           if (r.kind === "gap") {
             this.opts.onTransportError?.(
-              new h(
+              new m(
                 `sequence gap: expected ${this.seq.last + 1}, got ${n.seq}`,
                 !0,
                 "VERSION_GAP"
@@ -541,7 +550,7 @@ class Me {
     }
     if (e.code === 4401 || e.code === 4403 || e.code === 1008) {
       this.opts.onTransportError?.(
-        new h(`server closed: ${e.code} ${e.reason}`, !1, "AUTH_DENIED")
+        new m(`server closed: ${e.code} ${e.reason}`, !1, "AUTH_DENIED")
       ), this.close();
       return;
     }
@@ -571,10 +580,10 @@ class Me {
     this.status !== e && (this.status = e, this.opts.onStatus?.(e));
   }
 }
-async function x(t) {
+async function j(t) {
   return typeof t == "string" ? t : await t.fetch();
 }
-function Pe(t) {
+function De(t) {
   if (!(t.target instanceof HTMLElement))
     throw new TypeError("mount: `target` must be an HTMLElement");
   if (typeof t.serverUrl != "string" || t.serverUrl.length === 0)
@@ -586,107 +595,110 @@ function Pe(t) {
       throw new TypeError("mount: `scene` is required when mode === 'test'");
   }
 }
-function Ve(t) {
-  Pe(t), t.onStatus?.("disconnected");
-  const e = Ee(), s = je(t.serverUrl), n = Le({
+function it(t) {
+  De(t), t.onStatus?.("disconnected");
+  const e = W(), s = Fe(t.serverUrl), n = Pe({
     baseUrl: s,
     ...t.resolveBundleUrl !== void 0 ? { resolveUrl: t.resolveBundleUrl } : {},
-    getAuthToken: () => m.resolveCurrentToken()
-  }), r = p(null), o = p("disconnected"), c = p("__initial__"), a = (i) => {
-    o.value = i, t.onStatus?.(i);
-  }, d = (i) => {
-    t.onError?.(i);
+    getAuthToken: () => d.resolveCurrentToken()
+  }), r = g(null), i = g("disconnected"), c = g("__initial__"), a = (o) => {
+    i.value = o, t.onStatus?.(o);
+  }, f = (o) => {
+    t.onError?.(o);
   };
-  let l = !0;
-  const j = t.onDiagnostic ? ae(t.onDiagnostic) : void 0, m = new Me({
+  let u = !0;
+  const p = t.onDiagnostic ? q(t.onDiagnostic) : void 0, d = new $e({
     url: t.serverUrl,
     token: t.token,
     ...t.scene !== void 0 ? { scene: t.scene } : {},
     ...t.testSession !== void 0 ? { session: t.testSession } : {},
     onStatus: a,
-    onSnapshot: (i) => {
-      l && (C(
+    onSnapshot: (o) => {
+      u && (H(
         n,
         r,
         c,
-        i.scene_id,
-        i.scene_version,
-        () => Se(e, i),
-        d
+        o.scene_id,
+        o.scene_version,
+        () => Ae(e, o),
+        f
       ), t.onMetric?.({
         name: "snapshot_received",
-        scene_id: i.scene_id,
-        path_count: Object.keys(i.state).length
+        scene_id: o.scene_id,
+        path_count: Object.keys(o.state).length
       }));
     },
-    onDelta: (i) => {
-      if (!l) return;
-      const v = performance.now();
-      we(e, i), t.onMetric?.({
+    onDelta: (o) => {
+      if (!u) return;
+      const y = performance.now();
+      Ie(e, o), t.onMetric?.({
         name: "delta_applied",
-        duration_ms: performance.now() - v
-      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: i.patches.length });
+        duration_ms: performance.now() - y
+      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: o.patches.length });
     },
-    onSceneChanged: (i) => {
-      l && t.onMetric?.({
+    onSceneChanged: (o) => {
+      u && t.onMetric?.({
         name: "scene_changed",
         from: r.value?.scene_version ?? null,
-        to: i.scene_version
+        to: o.scene_version
       });
     },
-    onServerError: (i) => {
-      d({
-        code: i.code,
-        message: i.message,
-        recoverable: i.recoverable
+    onServerError: (o) => {
+      f({
+        code: o.code,
+        message: o.message,
+        recoverable: o.recoverable
       });
     },
-    onTransportError: (i) => {
-      d($e(i));
+    onTransportError: (o) => {
+      f(Ce(o));
     }
   });
-  m.start();
-  const w = B(t.target);
-  return w.render(
-    G(oe, {
+  d.start();
+  const _ = D(t.target);
+  return _.render(
+    J(he, {
       mode: t.mode,
       store: e,
       bundleSignal: r,
-      statusSignal: o,
+      statusSignal: i,
       crossfadeKeySignal: c,
-      sendInput: (i) => m.sendInput(i)
+      sendInput: (o) => d.sendInput(o),
+      // 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 } : {}
     })
   ), {
     disconnect() {
-      l && (l = !1, j?.(), m.close(), w.unmount());
+      u && (u = !1, p?.(), d.close(), _.unmount());
     },
-    setToken(i) {
-      l && m.setToken(i);
+    setToken(o) {
+      u && d.setToken(o);
     }
   };
-  async function C(i, v, D, S, _, F, q) {
-    let E;
+  async function H(o, y, G, E, I, X, Y) {
+    let A;
     try {
-      E = await i.get(S, _);
-    } catch (I) {
-      q({
+      A = await o.get(E, I);
+    } catch (R) {
+      Y({
         code: "BUNDLE_FETCH_FAILED",
-        message: I instanceof Error ? I.message : "render bundle fetch failed",
+        message: R instanceof Error ? R.message : "render bundle fetch failed",
         recoverable: !0
       });
       return;
     }
-    l && (F(), v.value = E, D.value = `${S}::${_}`);
+    u && (X(), y.value = A, G.value = `${E}::${I}`);
   }
 }
-function $e(t) {
+function Ce(t) {
   return {
     code: t.code,
     message: t.message,
     recoverable: t.recoverable
   };
 }
-function je(t) {
+function Fe(t) {
   try {
     const e = new URL(t);
     return `${e.protocol === "wss:" ? "https:" : "http:"}//${e.host}`;
@@ -694,7 +706,7 @@ function je(t) {
     return "";
   }
 }
-const Ce = [
+const qe = [
   "visible",
   "opacity",
   "universal_opacity",
@@ -711,13 +723,13 @@ const Ce = [
   // compiler and consumed by the Tree (built into a `<mask>` SVG element).
   "mask"
 ];
-function u(t) {
-  return /* @__PURE__ */ new Set([...Ce, ...t]);
+function l(t) {
+  return /* @__PURE__ */ new Set([...qe, ...t]);
 }
-const De = {
-  stack: u(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
-  grid: u(["cols", "rows", "gap"]),
-  frame: u([
+const Be = {
+  stack: l(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
+  grid: l(["cols", "rows", "gap"]),
+  frame: l([
     "x",
     "y",
     "width",
@@ -728,7 +740,7 @@ const De = {
     "backgrounds",
     "clipsContent"
   ]),
-  text: u([
+  text: l([
     "value",
     "size",
     "font",
@@ -742,8 +754,8 @@ const De = {
     "fontStyle",
     "maxLines"
   ]),
-  image: u(["src", "alt", "fit", "position", "width", "height"]),
-  shape: u([
+  image: l(["src", "alt", "fit", "position", "width", "height"]),
+  shape: l([
     "geometry",
     "kind",
     "width",
@@ -758,18 +770,23 @@ const De = {
     "paths",
     "ariaLabel"
   ]),
-  media: u(["src", "loop", "mute", "autoplay", "fit"]),
-  instance: u(["scene_id", "scene_version", "size", "position"]),
+  media: l(["src", "loop", "mute", "autoplay", "fit"]),
+  instance: l(["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": l(["x-zab.sourceKind", "x-zab.deviceRef", "width", "height"]),
   // `repeat` is dispatched specially by the tree ; its only consumed
   // binding is `items`.
   repeat: /* @__PURE__ */ new Set(["items"])
 };
-function Fe(t, e) {
-  const s = De[t];
+function We(t, e) {
+  const s = Be[t];
   return !!(s === void 0 || s.has(e) || t === "instance" && (e === "params" || e.startsWith("params.")));
 }
 const M = /* @__PURE__ */ new WeakSet();
-function et(t) {
+function ot(t) {
   if (M.has(t)) return;
   M.add(t);
   const e = /* @__PURE__ */ new Set([
@@ -777,30 +794,110 @@ function et(t) {
     ...Object.keys(t.bindings ?? {})
   ]);
   for (const s of e)
-    Fe(t.kind, s) || $(
+    We(t.kind, s) || B(
       t.id,
       `${t.kind}.${s}`,
       "is not consumed by this primitive's renderer ; the prop is ignored (anti-silent-drop, ADR 001 §3.4)"
     );
 }
+const ze = { width: 1920, height: 1080 }, He = () => {
+};
+function ct(t) {
+  const e = t.stage ?? ze, 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 ? q(t.onDiagnostic) : void 0, r = W();
+  r.reset(t.defaults ?? {});
+  const i = D(s);
+  return {
+    ready: new Promise((a) => {
+      import("./broadcast-ryjLRD5q.js").then(({ BroadcastMode: f }) => {
+        i.render(
+          /* @__PURE__ */ h(Q, { children: /* @__PURE__ */ h(
+            F,
+            {
+              value: {
+                mode: "broadcast",
+                store: r,
+                bundle: t.bundle,
+                status: "live",
+                sendInput: He
+              },
+              children: /* @__PURE__ */ h(f, {})
+            }
+          ) })
+        );
+        const u = new Promise((d) => {
+          requestAnimationFrame(() => requestAnimationFrame(() => d()));
+        }), p = typeof document < "u" && document.fonts ? document.fonts.ready.then(() => {
+        }) : Promise.resolve();
+        Promise.all([u, p]).then(() => a());
+      });
+    }),
+    unmount() {
+      n?.(), i.unmount();
+    }
+  };
+}
+function z(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 $(t, e) {
+  if (t === null || typeof t != "object") return;
+  if (Array.isArray(t)) {
+    for (const n of t) $(n, e);
+    return;
+  }
+  const s = t;
+  "src" in s && (s.src = z(s.src, e));
+  for (const n of Object.values(s))
+    n && typeof n == "object" && $(n, e);
+}
+function at(t, e) {
+  const s = { ...t };
+  for (const [n, r] of Object.entries(s))
+    n.startsWith("__lit.image.") && (s[n] = z(r, e));
+  return s;
+}
+async function ut(t) {
+  const e = [];
+  for (const s of t)
+    try {
+      const n = new FontFace(s.family, s.src, {
+        weight: String(s.weight),
+        style: s.style ?? "normal"
+      });
+      await n.load(), document.fonts.add(n), e.push(s.family);
+    } catch {
+    }
+  return e;
+}
 export {
-  ce as A,
-  L as B,
-  Ke as F,
-  De as P,
-  Ie as S,
+  fe as A,
+  U as B,
+  tt as F,
+  Be as P,
+  Oe as S,
   et as a,
-  ae as b,
-  O as c,
-  Ve as d,
-  $ as e,
-  Oe as i,
-  Ze as m,
-  Qe as r,
-  me as s,
-  Je as t,
-  Ye as u,
-  U as v,
-  pe as w
+  ot as b,
+  N as c,
+  q as d,
+  B as e,
+  xe as f,
+  it as g,
+  ct as h,
+  ut as i,
+  z as j,
+  at as k,
+  $ as l,
+  rt as m,
+  nt as r,
+  be as s,
+  st as t,
+  Ve as u,
+  P as v,
+  ye as w
 };
-//# sourceMappingURL=index-C6viWFcT.js.map
+//# sourceMappingURL=index-DrXsLYhe.js.map