@lumencast/runtime 0.5.0 → 0.7.0

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

@@ -1,77 +1,77 @@
-import { batch as y, signal as d } from "@preact/signals-react";
-import { createRoot as q } from "react-dom/client";
-import { createContext as B, useContext as W, lazy as S, Suspense as H, createElement as z } from "react";
-import { jsx as h } from "react/jsx-runtime";
-import { useSignals as G } from "@preact/signals-react/runtime";
-import { AnimatePresence as X, motion as Y } from "framer-motion";
-import { SequenceTracker as K, encodeFrame as R, input as J, WS_SUBPROTOCOLS as Q, WS_SUBPROTOCOL_V1_1 as Z, subscribe as V, decodeServerFrame as ee, LumencastError as A } from "@lumencast/protocol";
-const M = B(null);
-function te({
+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({
   value: t,
   children: e
 }) {
-  return /* @__PURE__ */ h(M.Provider, { value: t, children: e });
+  return /* @__PURE__ */ f(P.Provider, { value: t, children: e });
 }
 function Ye() {
-  const t = W(M);
+  const t = z(P);
   if (!t)
     throw new Error(
       "Lumencast overlay components must be rendered inside LumencastRuntimeProvider"
     );
   return t;
 }
-const se = S(
-  () => import("./broadcast-3vYij4k-.js").then((t) => ({ default: t.BroadcastMode }))
-), ne = S(
-  () => import("./control-BFNkY7-6.js").then((t) => ({ default: t.ControlMode }))
-), re = S(() => import("./test-ByRec1kd.js").then((t) => ({ default: t.TestMode })));
-function ie({
+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({
   mode: t,
   store: e,
   bundleSignal: s,
   statusSignal: n,
   crossfadeKeySignal: r,
-  sendInput: i
+  sendInput: o
 }) {
-  G();
-  const c = s.value, b = n.value, f = r.value;
+  X();
+  const c = s.value, a = n.value, d = r.value;
   if (!c) return null;
-  const a = t === "broadcast" ? se : t === "control" ? ne : re;
-  return /* @__PURE__ */ h(X, { mode: "sync", children: /* @__PURE__ */ h(
-    Y.div,
+  const l = t === "broadcast" ? ne : t === "control" ? re : ie;
+  return /* @__PURE__ */ f(Y, { mode: "sync", children: /* @__PURE__ */ f(
+    K.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.4, ease: "easeInOut" },
       style: { position: "absolute", inset: 0 },
-      children: /* @__PURE__ */ h(
-        te,
+      children: /* @__PURE__ */ f(
+        se,
         {
           value: {
             mode: t,
             store: e,
             bundle: c,
-            status: b,
-            sendInput: i
+            status: a,
+            sendInput: o
           },
-          children: /* @__PURE__ */ h(H, { fallback: null, children: /* @__PURE__ */ h(a, {}) })
+          children: /* @__PURE__ */ f(H, { fallback: null, children: /* @__PURE__ */ f(l, {}) })
         }
       )
     },
-    f
+    d
   ) });
 }
-const oe = "<anon>", g = /* @__PURE__ */ new Set();
-function ce(t) {
-  return g.add(t), () => {
-    g.delete(t);
+const ce = "<anon>", b = /* @__PURE__ */ new Set();
+function ae(t) {
+  return b.add(t), () => {
+    b.delete(t);
   };
 }
-function P(t, e, s) {
-  const n = { nodeId: t ?? oe, field: e, reason: s };
-  if (g.size > 0) {
-    for (const r of g)
+function $(t, e, s) {
+  const n = { nodeId: t ?? ce, field: e, reason: s };
+  if (b.size > 0) {
+    for (const r of b)
       try {
         r(n);
       } catch {
@@ -79,41 +79,41 @@ function P(t, e, s) {
     return;
   }
 }
-const ae = 100, le = 4, ue = 64, he = {
-  blur: ae,
-  brightness: le
+const le = 100, ue = 4, he = 64, fe = {
+  blur: le,
+  brightness: ue
 };
 function O(t, e) {
   if (typeof e != "number" || !Number.isFinite(e) || e < 0 || Object.is(e, -0)) return null;
-  const s = he[t];
+  const s = fe[t];
   return e > s ? s : e;
 }
-const fe = /^blur\((\d{1,7}(?:\.\d{1,4})?)px\) brightness\((\d{1,7}(?:\.\d{1,4})?)\)$/, Ke = "blur(0px) brightness(1)";
-function de(t) {
-  if (typeof t != "string" || t.length === 0 || t.length > ue) return null;
-  const e = fe.exec(t);
+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);
   if (!e) return null;
   const s = O("blur", Number(e[1])), n = O("brightness", Number(e[2]));
   return s === null || n === null ? null : `blur(${s}px) brightness(${n})`;
 }
-function me(t, e) {
-  P(
+function pe(t, e) {
+  $(
     e,
     t,
     "rejected unsafe filter value : outside the R8 caps or not a finite number >= 0"
   );
 }
-const pe = { duration: 0 }, ge = {
+const ge = { duration: 0 }, be = {
   linear: "linear",
   "cubic-in": "easeIn",
   "cubic-out": "easeOut",
   "cubic-in-out": "easeInOut"
 };
 function Je(t) {
-  return !t || t.kind === "none" ? pe : t.kind === "tween" ? {
+  return !t || t.kind === "none" ? ge : t.kind === "tween" ? {
     type: "tween",
     duration: (t.duration_ms ?? 0) / 1e3,
-    ease: t.ease ? ge[t.ease] ?? "easeOut" : "easeOut"
+    ease: t.ease ? be[t.ease] ?? "easeOut" : "easeOut"
   } : t.kind === "spring" ? {
     type: "spring",
     ...t.stiffness !== void 0 ? { stiffness: t.stiffness } : {},
@@ -125,7 +125,7 @@ function Je(t) {
     ease: "easeInOut"
   };
 }
-const be = {
+const ve = {
   opacity: 1,
   scale: 1,
   scaleX: 1,
@@ -137,7 +137,7 @@ const be = {
   // framer interpolates between structurally-identical filter lists
   // (the compiler emits the same two-function form, clamped per R8).
   filter: "blur(0px) brightness(1)"
-}, ve = {
+}, ke = {
   kind: "tween",
   duration_ms: 400,
   ease: "cubic-out"
@@ -152,7 +152,7 @@ function Qe(t, e, s) {
       const r = t(n);
       if (r !== void 0) return r;
     }
-    return ve;
+    return ke;
   }
 }
 function Ze(t, e, s) {
@@ -160,21 +160,21 @@ function Ze(t, e, s) {
     return { initial: t, animate: t };
   let n = e;
   if (e.filter !== void 0) {
-    const i = de(e.filter);
-    n = { ...e }, i === null ? (me("animate_initial.filter", s), delete n.filter) : n.filter = i;
+    const o = me(e.filter);
+    n = { ...e }, o === null ? (pe("animate_initial.filter", s), delete n.filter) : n.filter = o;
   }
   const r = { ...t };
-  for (const i of Object.keys(n))
-    i in r || (r[i] = be[i] ?? 0);
+  for (const o of Object.keys(n))
+    o in r || (r[o] = ve[o] ?? 0);
   return { initial: n, animate: r };
 }
-function ke(t) {
+function ye(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 = ye[e.easing] ?? "cubic-out";
+    const n = typeof e.duration_ms == "number" ? e.duration_ms : 0, r = Te[e.easing] ?? "cubic-out";
     return { kind: "tween", duration_ms: n, ease: r };
   }
   if (s === "spring") {
@@ -182,33 +182,33 @@ function ke(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 ye = {
+const Te = {
   linear: "linear",
   "ease-in": "cubic-in",
   "ease-out": "cubic-out",
   "ease-in-out": "cubic-in-out"
 };
-function Se(t, e) {
+function we(t, e) {
   y(() => {
     for (const s of e.patches) {
-      const n = ke(s.transition);
+      const n = ye(s.transition);
       n !== void 0 ? t.setWithTransition(s.path, s.value, n) : t.set(s.path, s.value);
     }
   });
 }
-function we(t, e) {
+function Se(t, e) {
   t.reset(e.state);
 }
-class Te {
+class _e {
   signals = /* @__PURE__ */ new Map();
   transitions = /* @__PURE__ */ new Map();
   signal(e) {
     let s = this.signals.get(e);
-    return s || (s = d(void 0), this.signals.set(e, s)), s;
+    return s || (s = p(void 0), this.signals.set(e, s)), s;
   }
   transitionSignal(e) {
     let s = this.transitions.get(e);
-    return s || (s = d(void 0), this.transitions.set(e, s)), s;
+    return s || (s = p(void 0), this.transitions.set(e, s)), s;
   }
   set(e, s) {
     const n = this.signal(e);
@@ -218,8 +218,8 @@ class Te {
     y(() => {
       const r = this.transitionSignal(e);
       r.peek() !== n && (r.value = n);
-      const i = this.signal(e);
-      k(i.peek(), s) || (i.value = s);
+      const o = this.signal(e);
+      k(o.peek(), s) || (o.value = s);
     });
   }
   reset(e) {
@@ -227,8 +227,8 @@ class Te {
       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);
+        const o = this.signal(n);
+        k(o.peek(), r) || (o.value = r);
         const c = this.transitions.get(n);
         c && c.peek() !== void 0 && (c.value = void 0);
       }
@@ -246,8 +246,8 @@ class Te {
     return e;
   }
 }
-function _e() {
-  return new Te();
+function Ee() {
+  return new _e();
 }
 function k(t, e) {
   if (t === e) return !0;
@@ -258,20 +258,20 @@ function k(t, e) {
       if (t[c] !== e[c]) return !1;
     return !0;
   }
-  const s = t, n = e, r = Object.keys(s), i = Object.keys(n);
-  if (r.length !== i.length) return !1;
+  const s = t, n = e, r = Object.keys(s), o = Object.keys(n);
+  if (r.length !== o.length) return !1;
   for (const c of r)
     if (s[c] !== n[c]) return !1;
   return !0;
 }
-const Ee = /* @__PURE__ */ new Set([
+const Ie = /* @__PURE__ */ new Set([
   "x-lumencast.color-srgb-1.0"
-]), Ie = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Re = /^(?:0|[1-9][0-9]*)$/, N = ".authoring";
-function Ae(t) {
+]), Re = /^x-[a-z0-9-]+(?:\.[a-z0-9-]+)*$/, Ae = /^(?:0|[1-9][0-9]*)$/, N = ".authoring";
+function Oe(t) {
   const e = t.indexOf("/");
   if (e < 0) return !1;
   const s = t.slice(0, e), n = t.slice(e + 1);
-  return !Re.test(n) || !s.endsWith(N) ? !1 : Ie.test(s.slice(0, -N.length));
+  return !Ae.test(n) || !s.endsWith(N) ? !1 : Re.test(s.slice(0, -N.length));
 }
 class L extends Error {
   code = "BUNDLE_INCOMPATIBLE";
@@ -284,24 +284,34 @@ class L extends Error {
     ), this.name = "BundleIncompatibleError", this.unsupportedProfiles = e;
   }
 }
-function U(t, e = Ee) {
+function U(t, e = Ie) {
   const s = t.profiles;
   if (!s) return;
   if (!Array.isArray(s))
     throw new L(["<malformed: profiles is not an array>"]);
   if (s.length === 0) return;
-  const n = s.filter((r) => typeof r != "string" || !Ae(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
+  const n = s.filter((r) => typeof r != "string" || !Oe(r) && !e.has(r)).map((r) => typeof r == "string" ? r : "<malformed: non-string profile entry>");
   if (n.length > 0)
     throw new L(n);
 }
-class Oe {
+class Ne {
   cache = /* @__PURE__ */ new Map();
   baseUrl;
   pathPrefix;
   resolveUrl;
+  getAuthToken;
   fetchImpl;
   constructor(e) {
-    this.baseUrl = e.baseUrl.replace(/\/$/, ""), this.pathPrefix = (e.pathPrefix ?? "/lsdp/v1/scenes").replace(/\/$/, ""), this.resolveUrl = e.resolveUrl, this.fetchImpl = e.fetchImpl ?? globalThis.fetch.bind(globalThis);
+    this.baseUrl = e.baseUrl.replace(/\/$/, ""), this.pathPrefix = (e.pathPrefix ?? "/lsdp/v1/scenes").replace(/\/$/, ""), this.resolveUrl = e.resolveUrl, this.getAuthToken = e.getAuthToken, this.fetchImpl = e.fetchImpl ?? globalThis.fetch.bind(globalThis);
+  }
+  /** Build the request init carrying the bearer token, if any. Returns
+   *  `undefined` when no token is available — the fetch stays header-less,
+   *  preserving v0.5.0 behaviour. */
+  async buildInit() {
+    if (!this.getAuthToken) return;
+    const e = await this.getAuthToken();
+    if (e)
+      return { headers: { Authorization: `Bearer ${e}` } };
   }
   buildUrl(e, s) {
     return this.resolveUrl ? this.resolveUrl(e, s) : `${this.baseUrl}${this.pathPrefix}/${encodeURIComponent(e)}/bundle?v=${encodeURIComponent(s)}`;
@@ -312,27 +322,27 @@ class Oe {
   async get(e, s) {
     const n = this.cache.get(s);
     if (n) return n;
-    const r = this.buildUrl(e, s), i = await this.fetchImpl(r);
-    if (!i.ok)
-      throw new Error(`bundle fetch failed: ${i.status} ${i.statusText}`);
-    const c = await i.json();
-    if (c.scene_version !== s)
+    const r = this.buildUrl(e, s), o = await this.buildInit(), c = o ? await this.fetchImpl(r, o) : await this.fetchImpl(r);
+    if (!c.ok)
+      throw new Error(`bundle fetch failed: ${c.status} ${c.statusText}`);
+    const a = await c.json();
+    if (a.scene_version !== s)
       throw new Error(
-        `bundle scene_version mismatch: expected ${s}, got ${c.scene_version}`
+        `bundle scene_version mismatch: expected ${s}, got ${a.scene_version}`
       );
-    return U(c), this.cache.set(s, c), c;
+    return U(a), this.cache.set(s, a), a;
   }
 }
-function Ne(t) {
-  return new Oe(t);
+function Le(t) {
+  return new Ne(t);
 }
-const p = {
+const g = {
   initial: 200,
   max: 5e3,
   factor: 2,
   jitter: 0.2
 };
-class Le {
+class Ue {
   constructor(e, s) {
     this.opts = e, this.random = s;
   }
@@ -356,20 +366,20 @@ class Le {
     this._attempt = 0;
   }
 }
-function Ue(t = {}) {
+function xe(t = {}) {
   const e = {
-    initial: t.initial ?? p.initial,
-    max: t.max ?? p.max,
-    factor: t.factor ?? p.factor,
-    jitter: t.jitter ?? p.jitter
+    initial: t.initial ?? g.initial,
+    max: t.max ?? g.max,
+    factor: t.factor ?? g.factor,
+    jitter: t.jitter ?? g.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 Le(e, t.random ?? Math.random);
+  return new Ue(e, t.random ?? Math.random);
 }
-class u extends Error {
+class h extends Error {
   recoverable;
   code;
   cause;
@@ -377,14 +387,14 @@ class u extends Error {
     super(e), this.name = "TransportError", this.recoverable = s, this.code = n, this.cause = r;
   }
 }
-class xe {
+class Me {
   status = "disconnected";
   socket = null;
   token;
   url;
   WebSocketCtor;
   schedule;
-  seq = new K();
+  seq = new J();
   opts;
   scheduler;
   reconnectTimer = null;
@@ -396,7 +406,7 @@ class xe {
       throw new TypeError(
         "Lumencast WsClient: no WebSocket implementation found in this environment"
       );
-    this.WebSocketCtor = s, this.schedule = Ue(e.reconnect), this.scheduler = e.scheduler ?? {
+    this.WebSocketCtor = s, this.schedule = xe(e.reconnect), this.scheduler = e.scheduler ?? {
       setTimeout: globalThis.setTimeout.bind(globalThis),
       clearTimeout: globalThis.clearTimeout.bind(globalThis)
     };
@@ -405,9 +415,16 @@ class xe {
   start() {
     this.active && (this.socket || this.status === "connecting" || this.openSocket());
   }
+  /** Resolve the current session token (the one used for the WS
+   *  subscription). Mirrors `setToken` swaps. Used by the bundle fetcher to
+   *  authenticate the render-bundle GET with the same credential. A
+   *  `LumencastTokenProvider` is awaited. */
+  resolveCurrentToken() {
+    return x(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(J(e)));
+    !this.socket || this.socket.readyState !== this.WebSocketCtor.OPEN || e.length !== 0 && this.socket.send(R(Q(e)));
   }
   /** Replace the auth token. Closes and reopens with the new token. */
   setToken(e) {
@@ -423,10 +440,10 @@ class xe {
     this.setStatus("connecting");
     let e;
     try {
-      e = await Me(this.token);
+      e = await x(this.token);
     } catch (n) {
       this.opts.onTransportError?.(
-        new u(
+        new h(
           `failed to resolve token: ${n.message}`,
           !0,
           "AUTH_DENIED",
@@ -438,10 +455,10 @@ class xe {
     if (!this.active) return;
     let s;
     try {
-      s = new this.WebSocketCtor(this.url, [...Q]);
+      s = new this.WebSocketCtor(this.url, [...Z]);
     } catch (n) {
       this.opts.onTransportError?.(
-        new u(
+        new h(
           `failed to open WebSocket: ${n.message}`,
           !0,
           "INTERNAL",
@@ -454,25 +471,25 @@ class xe {
   }
   handleOpen(e) {
     if (!this.socket) return;
-    const n = this.socket.protocol === Z && this.seq.last > 0, r = n ? this.seq.last : void 0;
+    const n = this.socket.protocol === V && this.seq.last > 0, r = n ? this.seq.last : void 0;
     n || this.seq.reset();
-    const i = V({
+    const o = ee({
       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(i));
+    this.socket.send(R(o));
   }
   handleMessage(e) {
     const s = typeof e.data == "string" ? e.data : "";
     if (!s) return;
     let n;
     try {
-      n = ee(s);
+      n = te(s);
     } catch (r) {
-      const i = (r instanceof A, r.message), c = r instanceof A ? r.code : "INTERNAL";
-      this.opts.onTransportError?.(new u(`codec: ${i}`, !0, c, r)), this.closeSocket(), this.scheduleReconnect();
+      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();
       return;
     }
     if (n !== null)
@@ -480,7 +497,7 @@ class xe {
         case "snapshot": {
           if (n.seq < 1) {
             this.opts.onTransportError?.(
-              new u(`snapshot seq must be >= 1, got ${n.seq}`, !0, "VERSION_GAP")
+              new h(`snapshot seq must be >= 1, got ${n.seq}`, !0, "VERSION_GAP")
             ), this.closeSocket(), this.scheduleReconnect();
             return;
           }
@@ -491,7 +508,7 @@ class xe {
           const r = this.seq.observe(n.seq);
           if (r.kind === "gap") {
             this.opts.onTransportError?.(
-              new u(
+              new h(
                 `sequence gap: expected ${this.seq.last + 1}, got ${n.seq}`,
                 !0,
                 "VERSION_GAP"
@@ -524,7 +541,7 @@ class xe {
     }
     if (e.code === 4401 || e.code === 4403 || e.code === 1008) {
       this.opts.onTransportError?.(
-        new u(`server closed: ${e.code} ${e.reason}`, !1, "AUTH_DENIED")
+        new h(`server closed: ${e.code} ${e.reason}`, !1, "AUTH_DENIED")
       ), this.close();
       return;
     }
@@ -554,7 +571,7 @@ class xe {
     this.status !== e && (this.status = e, this.opts.onStatus?.(e));
   }
 }
-async function Me(t) {
+async function x(t) {
   return typeof t == "string" ? t : await t.fetch();
 }
 function Pe(t) {
@@ -571,94 +588,95 @@ function Pe(t) {
 }
 function Ve(t) {
   Pe(t), t.onStatus?.("disconnected");
-  const e = _e(), s = je(t.serverUrl), n = Ne({
+  const e = Ee(), s = je(t.serverUrl), n = Le({
     baseUrl: s,
-    ...t.resolveBundleUrl !== void 0 ? { resolveUrl: t.resolveBundleUrl } : {}
-  }), r = d(null), i = d("disconnected"), c = d("__initial__"), b = (o) => {
-    i.value = o, t.onStatus?.(o);
-  }, f = (o) => {
-    t.onError?.(o);
+    ...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);
   };
-  let a = !0;
-  const $ = t.onDiagnostic ? ce(t.onDiagnostic) : void 0, m = new xe({
+  let l = !0;
+  const j = t.onDiagnostic ? ae(t.onDiagnostic) : void 0, m = new Me({
     url: t.serverUrl,
     token: t.token,
     ...t.scene !== void 0 ? { scene: t.scene } : {},
     ...t.testSession !== void 0 ? { session: t.testSession } : {},
-    onStatus: b,
-    onSnapshot: (o) => {
-      a && (j(
+    onStatus: a,
+    onSnapshot: (i) => {
+      l && (C(
         n,
         r,
         c,
-        o.scene_id,
-        o.scene_version,
-        () => we(e, o),
-        f
+        i.scene_id,
+        i.scene_version,
+        () => Se(e, i),
+        d
       ), t.onMetric?.({
         name: "snapshot_received",
-        scene_id: o.scene_id,
-        path_count: Object.keys(o.state).length
+        scene_id: i.scene_id,
+        path_count: Object.keys(i.state).length
       }));
     },
-    onDelta: (o) => {
-      if (!a) return;
+    onDelta: (i) => {
+      if (!l) return;
       const v = performance.now();
-      Se(e, o), t.onMetric?.({
+      we(e, i), t.onMetric?.({
         name: "delta_applied",
         duration_ms: performance.now() - v
-      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: o.patches.length });
+      }), t.onMetric?.({ name: "delta_received", count: 1, path_count: i.patches.length });
     },
-    onSceneChanged: (o) => {
-      a && t.onMetric?.({
+    onSceneChanged: (i) => {
+      l && t.onMetric?.({
         name: "scene_changed",
         from: r.value?.scene_version ?? null,
-        to: o.scene_version
+        to: i.scene_version
       });
     },
-    onServerError: (o) => {
-      f({
-        code: o.code,
-        message: o.message,
-        recoverable: o.recoverable
+    onServerError: (i) => {
+      d({
+        code: i.code,
+        message: i.message,
+        recoverable: i.recoverable
       });
     },
-    onTransportError: (o) => {
-      f($e(o));
+    onTransportError: (i) => {
+      d($e(i));
     }
   });
   m.start();
-  const w = q(t.target);
+  const w = B(t.target);
   return w.render(
-    z(ie, {
+    G(oe, {
       mode: t.mode,
       store: e,
       bundleSignal: r,
-      statusSignal: i,
+      statusSignal: o,
       crossfadeKeySignal: c,
-      sendInput: (o) => m.sendInput(o)
+      sendInput: (i) => m.sendInput(i)
     })
   ), {
     disconnect() {
-      a && (a = !1, $?.(), m.close(), w.unmount());
+      l && (l = !1, j?.(), m.close(), w.unmount());
     },
-    setToken(o) {
-      a && m.setToken(o);
+    setToken(i) {
+      l && m.setToken(i);
     }
   };
-  async function j(o, v, C, T, _, D, F) {
+  async function C(i, v, D, S, _, F, q) {
     let E;
     try {
-      E = await o.get(T, _);
+      E = await i.get(S, _);
     } catch (I) {
-      F({
+      q({
         code: "BUNDLE_FETCH_FAILED",
         message: I instanceof Error ? I.message : "render bundle fetch failed",
         recoverable: !0
       });
       return;
     }
-    a && (D(), v.value = E, C.value = `${T}::${_}`);
+    l && (F(), v.value = E, D.value = `${S}::${_}`);
   }
 }
 function $e(t) {
@@ -676,14 +694,30 @@ function je(t) {
     return "";
   }
 }
-const Ce = ["visible", "opacity", "universal_opacity", "rotation", "sizing"];
-function l(t) {
+const Ce = [
+  "visible",
+  "opacity",
+  "universal_opacity",
+  "rotation",
+  "sizing",
+  "x",
+  "y",
+  "width",
+  "height",
+  // ADR 002 §3.2 (D2 / #D) — `blendMode` is consumed universally by the
+  // wrapper (→ CSS `mix-blend-mode`) on every primitive.
+  "blendMode",
+  // ADR 002 §3.2 (#E) — a typed `mask` is lowered onto EVERY primitive by the
+  // compiler and consumed by the Tree (built into a `<mask>` SVG element).
+  "mask"
+];
+function u(t) {
   return /* @__PURE__ */ new Set([...Ce, ...t]);
 }
 const De = {
-  stack: l(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
-  grid: l(["cols", "rows", "gap"]),
-  frame: l([
+  stack: u(["direction", "gap", "wrap", "crossGap", "align", "justify"]),
+  grid: u(["cols", "rows", "gap"]),
+  frame: u([
     "x",
     "y",
     "width",
@@ -694,7 +728,7 @@ const De = {
     "backgrounds",
     "clipsContent"
   ]),
-  text: l([
+  text: u([
     "value",
     "size",
     "font",
@@ -708,8 +742,8 @@ const De = {
     "fontStyle",
     "maxLines"
   ]),
-  image: l(["src", "alt", "fit", "position", "width", "height"]),
-  shape: l([
+  image: u(["src", "alt", "fit", "position", "width", "height"]),
+  shape: u([
     "geometry",
     "kind",
     "width",
@@ -724,8 +758,8 @@ const De = {
     "paths",
     "ariaLabel"
   ]),
-  media: l(["src", "loop", "mute", "autoplay", "fit"]),
-  instance: l(["scene_id", "scene_version", "size", "position"]),
+  media: u(["src", "loop", "mute", "autoplay", "fit"]),
+  instance: u(["scene_id", "scene_version", "size", "position"]),
   // `repeat` is dispatched specially by the tree ; its only consumed
   // binding is `items`.
   repeat: /* @__PURE__ */ new Set(["items"])
@@ -734,39 +768,39 @@ function Fe(t, e) {
   const s = De[t];
   return !!(s === void 0 || s.has(e) || t === "instance" && (e === "params" || e.startsWith("params.")));
 }
-const x = /* @__PURE__ */ new WeakSet();
+const M = /* @__PURE__ */ new WeakSet();
 function et(t) {
-  if (x.has(t)) return;
-  x.add(t);
+  if (M.has(t)) return;
+  M.add(t);
   const e = /* @__PURE__ */ new Set([
     ...Object.keys(t.props ?? {}),
     ...Object.keys(t.bindings ?? {})
   ]);
   for (const s of e)
-    Fe(t.kind, s) || P(
+    Fe(t.kind, s) || $(
       t.id,
       `${t.kind}.${s}`,
       "is not consumed by this primitive's renderer ; the prop is ignored (anti-silent-drop, ADR 001 §3.4)"
     );
 }
 export {
-  oe as A,
+  ce as A,
   L as B,
   Ke as F,
   De as P,
-  Ee as S,
+  Ie as S,
   et as a,
-  ce as b,
+  ae as b,
   O as c,
   Ve as d,
-  P as e,
-  Ae as i,
+  $ as e,
+  Oe as i,
   Ze as m,
   Qe as r,
-  de as s,
+  me as s,
   Je as t,
   Ye as u,
   U as v,
-  me as w
+  pe as w
 };
-//# sourceMappingURL=index-CyOlpZAL.js.map
+//# sourceMappingURL=index-C6viWFcT.js.map