@vincentt-xr/sdk 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/{index-BMeBJ0dV.js → index-9dlAQAhy.js}

@@ -1,19 +1,19 @@
-var Ae = Object.defineProperty;
-var be = (n, s, e) => s in n ? Ae(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var h = (n, s, e) => be(n, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as ae } from "react/jsx-runtime";
-import { useRef as oe, useMemo as $, useEffect as Ee, useContext as ce, useCallback as ie, createElement as Ie, createContext as he } from "react";
-import { FilesetResolver as V, PoseLandmarker as De, FaceLandmarker as _e, GestureRecognizer as Pe, HandLandmarker as Oe, ImageSegmenter as Ue, DrawingUtils as ze } from "@mediapipe/tasks-vision";
+var De = Object.defineProperty;
+var _e = (a, s, e) => s in a ? De(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
+var h = (a, s, e) => _e(a, typeof s != "symbol" ? s + "" : s, e);
+import { jsx as ce } from "react/jsx-runtime";
+import { useRef as ue, useMemo as ee, useEffect as Oe, useContext as le, useCallback as he, createElement as Ue, createContext as ge } from "react";
+import { FilesetResolver as V, PoseLandmarker as ze, FaceLandmarker as Le, GestureRecognizer as Be, HandLandmarker as Ve, ImageSegmenter as Ke, DrawingUtils as Ne } from "@mediapipe/tasks-vision";
 import * as E from "three";
-import { RGBAFormat as de, LinearFilter as q, CanvasTexture as ue, SRGBColorSpace as Le } from "three";
-var F = /* @__PURE__ */ ((n) => (n.WEBCAM = "webcam", n.STREAM = "stream", n.CANVAS = "canvas", n))(F || {}), z = /* @__PURE__ */ ((n) => (n.HAND_TRACKER = "vincentt.xr.hand-tracker", n.GESTURE_TRACKER = "vincentt.xr.gesture-tracker", n.FACE_TRACKER = "vincentt.xr.face-tracker", n.BODY_TRACKER = "vincentt.xr.body-tracker", n.BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation", n))(z || {});
+import { RGBAFormat as me, LinearFilter as G, CanvasTexture as fe, SRGBColorSpace as He } from "three";
+var T = /* @__PURE__ */ ((a) => (a.WEBCAM = "webcam", a.STREAM = "stream", a.CANVAS = "canvas", a))(T || {}), U = /* @__PURE__ */ ((a) => (a.HAND_TRACKER = "vincentt.xr.hand-tracker", a.GESTURE_TRACKER = "vincentt.xr.gesture-tracker", a.FACE_TRACKER = "vincentt.xr.face-tracker", a.BODY_TRACKER = "vincentt.xr.body-tracker", a.BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation", a))(U || {});
 class b extends Error {
   constructor(s) {
     super(s), this.name = "VincenttXRError";
   }
 }
-const Be = (n, s) => s, I = {
-  apiBaseUrl: Be(void 0, "https://api.vincentt.studio"),
+const qe = (a, s) => s, I = {
+  apiBaseUrl: qe(void 0, "https://api.vincentt.studio"),
   // Pinned to the CDN, NOT build-env-driven: a stale VITE_ASSET_STORAGE_ENDPOINT
   // baked a now-deleted CloudFront domain into every published bundle, breaking
   // WASM/model loads at runtime. The host must never come from a mutable env value.
@@ -23,7 +23,7 @@ const Be = (n, s) => s, I = {
   loggerPrefix: "[vincentt-xr]:",
   sessionCheckInterval: 3e4
 };
-class Ve {
+class Ge {
   constructor(s) {
     h(this, "options");
     const e = {
@@ -41,12 +41,12 @@ class Ve {
     e && console.error(t, ...s);
   }
 }
-const O = (n) => n * 2 - 1, j = new E.Vector3(), Y = new E.Vector3(), H = ({ x: n, y: s, z: e }, t, i) => {
-  j.set((n - 0.5) * 2, (0.5 - s) * 2, -e), j.unproject(t), Y.copy(j).sub(t.position).normalize();
-  const r = -t.position.z / Y.z;
-  return i.copy(t.position).addScaledVector(Y, r), i;
-}, _t = (n, s) => H(n, s, new E.Vector3()), Ke = (n, s, e = 0.2) => e * s + (1 - e) * n;
-class Z {
+const te = (a, s = { x: 0, y: 0, z: 0 }) => (s.x = a.x * 2 - 1, s.y = 1 - a.y * 2, s.z = -a.z, s), Vt = (a, s = { x: 0, y: 0, z: 0 }) => (s.x = (a.x + 1) / 2, s.y = (1 - a.y) / 2, s.z = -a.z, s), Q = new E.Vector3(), $ = new E.Vector3(), q = ({ x: a, y: s, z: e }, t, i) => {
+  Q.set((a - 0.5) * 2, (0.5 - s) * 2, -e), Q.unproject(t), $.copy(Q).sub(t.position).normalize();
+  const r = -t.position.z / $.z;
+  return i.copy(t.position).addScaledVector($, r), i;
+}, Kt = (a, s) => q(a, s, new E.Vector3()), We = (a, s, e = 0.2) => e * s + (1 - e) * a;
+class se {
   constructor(s) {
     h(this, "canvas");
     this.maxDimension = s;
@@ -59,16 +59,16 @@ class Z {
   draw(s) {
     const e = s.width, t = s.height, i = Math.min(1, this.maxDimension / Math.max(e, t));
     if (i >= 1) return s;
-    const r = Math.max(1, Math.round(e * i)), o = Math.max(1, Math.round(t * i));
-    (!this.canvas || this.canvas.width !== r || this.canvas.height !== o) && (this.canvas = new OffscreenCanvas(r, o));
-    const u = this.canvas.getContext("2d");
-    return u ? (u.setTransform(1, 0, 0, 1, 0, 0), u.clearRect(0, 0, r, o), u.drawImage(s, 0, 0, r, o), this.canvas) : s;
+    const r = Math.max(1, Math.round(e * i)), c = Math.max(1, Math.round(t * i));
+    (!this.canvas || this.canvas.width !== r || this.canvas.height !== c) && (this.canvas = new OffscreenCanvas(r, c));
+    const d = this.canvas.getContext("2d");
+    return d ? (d.setTransform(1, 0, 0, 1, 0, 0), d.clearRect(0, 0, r, c), d.drawImage(s, 0, 0, r, c), this.canvas) : s;
   }
   dispose() {
     this.canvas = void 0;
   }
 }
-const Ne = {
+const Xe = {
   "/assets/xr/models/face_tracking.task": "sha384-tYQh+yJE8llY+zO4RviZmWaSKs5W9tsB0ix5rjQVpF5/CLTqmwtP7bYtkUi2w65P",
   "/assets/xr/models/hand_tracking.task": "sha384-uWvruVKd887ov8k43S+DBHCsi7UXXS+CKvvdM1PX00rjPzx/B0QrAPfJ1U9yKcze",
   "/assets/xr/models/gesture_tracking.task": "sha384-2zuseP9JKKWAYlWQGKA2N+ooabB8V/yIxu23Mv8mtY7SowcySB+xKiOmqBhVvlUC",
@@ -78,50 +78,68 @@ const Ne = {
   "/assets/sdk/face/v1/canonical_face_model.obj": "sha384-xP8YM/72TXKvbMptXB9a8JUlUf3MZQ8uLurExrsZc05v6/P5RrsaNGMUYS/BZx8A",
   "/opencv/facial_expression_recognition/resolve/main/facial_expression_recognition_mobilefacenet_2022july_int8.onnx": "sha384-g8mtFubiIc/yhqi591RsxD76AJLw2CfYgKhKbVkIiFlwBmIyG7ZAIVyGPXafrDGB"
 };
-async function He(n) {
-  const s = await fetch(n);
+async function je(a) {
+  const s = await fetch(a);
   if (!s.ok)
-    throw new Error(`fetchAndVerify: ${s.status} ${n}`);
-  const e = await s.arrayBuffer(), t = Ge(n);
+    throw new Error(`fetchAndVerify: ${s.status} ${a}`);
+  const e = await s.arrayBuffer(), t = Qe(a);
   if (!t) {
-    if (qe(n))
-      throw new Error(`[xr-sdk integrity] no SRI hash for SDK asset ${n}`);
-    return console.warn(`[xr-sdk integrity] no SRI hash for ${n} — passing through`), e;
+    if (Ye(a))
+      throw new Error(`[xr-sdk integrity] no SRI hash for SDK asset ${a}`);
+    return console.warn(`[xr-sdk integrity] no SRI hash for ${a} — passing through`), e;
   }
-  const i = await We(e);
+  const i = await $e(e);
   if (i !== t)
     throw new Error(
-      `[xr-sdk integrity] SRI mismatch for ${n}: expected ${t}, got ${i}`
+      `[xr-sdk integrity] SRI mismatch for ${a}: expected ${t}, got ${i}`
     );
   return e;
 }
-function qe(n) {
+function Ye(a) {
   try {
-    return new URL(n).origin === new URL(I.assetStorageEndpoint).origin;
+    return new URL(a).origin === new URL(I.assetStorageEndpoint).origin;
   } catch {
     return !1;
   }
 }
-async function K(n) {
-  const s = await He(n);
+async function K(a) {
+  const s = await je(a);
   return new Uint8Array(s);
 }
-function Ge(n) {
+function Qe(a) {
   try {
-    const s = new URL(n);
-    return Ne[s.pathname];
+    const s = new URL(a);
+    return Xe[s.pathname];
   } catch {
     return;
   }
 }
-async function We(n) {
-  const s = await crypto.subtle.digest("SHA-384", n), e = new Uint8Array(s);
+async function $e(a) {
+  const s = await crypto.subtle.digest("SHA-384", a), e = new Uint8Array(s);
   let t = "";
   for (let i = 0; i < e.byteLength; i++)
     t += String.fromCharCode(e[i]);
   return `sha384-${btoa(t)}`;
 }
-class N {
+const Z = /* @__PURE__ */ new Map();
+function N(a) {
+  const s = a.wasmBinaryPath;
+  let e = Z.get(s);
+  return e || (e = Ze(s).catch(() => {
+    Z.delete(s);
+  }), Z.set(s, e)), e;
+}
+async function Ze(a) {
+  const s = await fetch(a, { credentials: "same-origin" });
+  if (!s.ok || !s.body)
+    throw new Error(`warmVisionWasm: ${s.status} ${a}`);
+  const e = s.body.getReader();
+  for (; ; ) {
+    const { done: t } = await e.read();
+    if (t) return;
+  }
+}
+class H {
   constructor() {
     h(this, "disposed", !1);
     h(this, "paused", !1);
@@ -183,30 +201,29 @@ class N {
     this.disposed = !0, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
 }
-const Xe = 768;
-class je extends N {
+const Je = 768;
+class et extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
     h(this, "processingTime", null);
     h(this, "coordinates");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(Xe));
+    h(this, "downscaler", new se(Je));
   }
   async getBodyData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
     const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = i.landmarks, u = [];
-    if (o)
-      return o.forEach((m, d) => {
-        u[d] || (u[d] = []), m.forEach((S) => {
-          const R = O(S.x), M = O(1 - S.y), x = O(S.z);
-          u[d].push({ x: R, y: M, z: x });
+    const c = i.landmarks, d = [];
+    if (c)
+      return c.forEach((m, u) => {
+        d[u] || (d[u] = []), m.forEach((C) => {
+          d[u].push(te(C));
         });
       }), {
-        coordinatesList: u
+        coordinatesList: d
       };
   }
   async processBodyTracking() {
@@ -238,10 +255,13 @@ class je extends N {
   async initialize(e) {
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), i = await K(
-      new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
-    );
-    this.landmarker = await De.createFromOptions(t, {
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]);
+    this.landmarker = await ze.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -265,8 +285,8 @@ class je extends N {
     };
   }
 }
-const Ye = 0.11, Qe = 4e-3, $e = (n, s) => s.set(n.x, -n.y, n.z);
-class Ze extends N {
+const tt = 0.11, st = 4e-3, at = (a, s) => s.set(a.x, -a.y, a.z);
+class nt extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -321,33 +341,33 @@ class Ze extends N {
     for (let r = 0; r < t; r += 1) {
       if (!this.cameras[r])
         continue;
-      const o = this.faces[r], u = (i = this.getSource) == null ? void 0 : i.call(this), m = !(u === "webcam" || !u), d = e.faceLandmarks[r], S = e.facialTransformationMatrixes[r];
-      this.rotMatrixScratch.fromArray(S.data), this.rotQuatScratch.setFromRotationMatrix(this.rotMatrixScratch), this.rotQuatScratch.set(
+      const c = this.faces[r], d = (i = this.getSource) == null ? void 0 : i.call(this), m = !(d === "webcam" || !d), u = e.faceLandmarks[r], C = e.facialTransformationMatrixes[r];
+      this.rotMatrixScratch.fromArray(C.data), this.rotQuatScratch.setFromRotationMatrix(this.rotMatrixScratch), this.rotQuatScratch.set(
         -this.rotQuatScratch.x,
         this.rotQuatScratch.y,
         this.rotQuatScratch.z,
         this.rotQuatScratch.w
-      ), this.rotEulerScratch.setFromQuaternion(this.rotQuatScratch, "XYZ"), $e(this.rotEulerScratch, o.transform.rotation), H(
-        this.landmarkForSource(d[4], m),
+      ), this.rotEulerScratch.setFromQuaternion(this.rotQuatScratch, "XYZ"), at(this.rotEulerScratch, c.transform.rotation), q(
+        this.landmarkForSource(u[4], m),
         this.cameras[r],
-        o.transform.position
-      ), H(
-        this.landmarkForSource(d[50], m),
+        c.transform.position
+      ), q(
+        this.landmarkForSource(u[50], m),
         this.cameras[r],
         this.leftCheekScratch[r]
-      ), H(
-        this.landmarkForSource(d[280], m),
+      ), q(
+        this.landmarkForSource(u[280], m),
         this.cameras[r],
         this.rightCheekScratch[r]
       );
-      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * Ye, x = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), l = M + x * Qe, f = o.transform.scale.x, v = Ke(
+      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * tt, F = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), l = M + F * st, f = c.transform.scale.x, v = We(
         isNaN(f) ? 0 : f,
         l
       );
-      o.transform.scale.set(v, v, v);
-      const p = o.gestures, k = e.faceBlendshapes[r].categories;
-      for (const C of k)
-        p[C.categoryName] = C.score;
+      c.transform.scale.set(v, v, v);
+      const p = c.gestures, k = e.faceBlendshapes[r].categories;
+      for (const S of k)
+        p[S.categoryName] = S.score;
     }
   }
   async processFaceTracking() {
@@ -357,16 +377,16 @@ class Ze extends N {
       this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
       return;
     }
-    const e = Je(this.numFaces), t = this.sourceCanvas.width, i = this.sourceCanvas.height, r = Math.min(1, e / Math.max(t, i)), o = Math.max(1, Math.round(t * r)), u = Math.max(1, Math.round(i * r));
-    (!this.analysisCanvas || this.analysisCanvas.width !== o || this.analysisCanvas.height !== u) && (this.analysisCanvas = new OffscreenCanvas(o, u));
+    const e = it(this.numFaces), t = this.sourceCanvas.width, i = this.sourceCanvas.height, r = Math.min(1, e / Math.max(t, i)), c = Math.max(1, Math.round(t * r)), d = Math.max(1, Math.round(i * r));
+    (!this.analysisCanvas || this.analysisCanvas.width !== c || this.analysisCanvas.height !== d) && (this.analysisCanvas = new OffscreenCanvas(c, d));
     const m = this.analysisCanvas.getContext("2d");
     if (!m) {
       this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
       return;
     }
-    m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, o, u), m.drawImage(this.sourceCanvas, 0, 0, o, u);
-    const d = performance.now(), S = this.landmarker.detectForVideo(this.analysisCanvas, d), R = performance.now();
-    this.processingTime = R - d, this.detectionResults = S, this.extractAndUpdateFaceData(S), !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this)));
+    m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, c, d), m.drawImage(this.sourceCanvas, 0, 0, c, d);
+    const u = performance.now(), C = this.landmarker.detectForVideo(this.analysisCanvas, u), x = performance.now();
+    this.processingTime = x - u, this.detectionResults = C, this.extractAndUpdateFaceData(C), !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this)));
   }
   resume() {
     this.paused && (super.resume(), this.processFaceTracking());
@@ -388,21 +408,24 @@ class Ze extends N {
     return this.detectionResults;
   }
   getRawFaceTrackingData(e = 0) {
-    var t, i, r, o;
+    var t, i, r, c;
     if (this.detectionResults)
       return {
         landmarks: (t = this.detectionResults.faceLandmarks) == null ? void 0 : t[e],
         blendshapes: (r = (i = this.detectionResults.faceBlendshapes) == null ? void 0 : i[e]) == null ? void 0 : r.categories,
-        transformationMatrix: (o = this.detectionResults.facialTransformationMatrixes) == null ? void 0 : o[e]
+        transformationMatrix: (c = this.detectionResults.facialTransformationMatrixes) == null ? void 0 : c[e]
       };
   }
   async initialize(e) {
     this.numFaces = (e == null ? void 0 : e.numFaces) || 1;
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), i = await K(
-      new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
-    ), r = await _e.createFromOptions(t, {
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]), r = await Le.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -446,19 +469,19 @@ class Ze extends N {
     };
   }
 }
-const Je = (n) => n > 1 ? 1024 : 512;
-var D = /* @__PURE__ */ ((n) => (n.ClosedFist = "closed_fist", n.OpenPalm = "open_palm", n.PointingUp = "pointing_up", n.ThumbDown = "thumb_down", n.ThumbUp = "thumb_up", n.Victory = "victory", n.ILoveYou = "i_love_you", n.None = "none", n))(D || {});
-const et = 512, tt = {
-  Closed_Fist: D.ClosedFist,
-  Open_Palm: D.OpenPalm,
-  Pointing_Up: D.PointingUp,
-  Thumb_Down: D.ThumbDown,
-  Thumb_Up: D.ThumbUp,
-  Victory: D.Victory,
-  ILoveYou: D.ILoveYou,
-  None: D.None
-}, st = 15;
-class nt extends N {
+const it = (a) => a > 1 ? 1024 : 512;
+var P = /* @__PURE__ */ ((a) => (a.ClosedFist = "closed_fist", a.OpenPalm = "open_palm", a.PointingUp = "pointing_up", a.ThumbDown = "thumb_down", a.ThumbUp = "thumb_up", a.Victory = "victory", a.ILoveYou = "i_love_you", a.None = "none", a))(P || {});
+const rt = 512, ot = {
+  Closed_Fist: P.ClosedFist,
+  Open_Palm: P.OpenPalm,
+  Pointing_Up: P.PointingUp,
+  Thumb_Down: P.ThumbDown,
+  Thumb_Up: P.ThumbUp,
+  Victory: P.Victory,
+  ILoveYou: P.ILoveYou,
+  None: P.None
+}, ct = 15;
+class ht extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -466,25 +489,21 @@ class nt extends N {
     h(this, "coordinates");
     h(this, "gesture");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(et));
+    h(this, "downscaler", new se(rt));
   }
   async getGestureData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
     const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.recognizeForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = i.landmarks[0], u = [];
-    if (o) {
+    const c = i.landmarks[0], d = [];
+    if (c) {
       const m = i.gestures[0][0].categoryName;
-      return o.forEach((d) => {
-        u.push({
-          x: O(d.x),
-          y: O(1 - d.y),
-          z: -d.z
-        });
+      return c.forEach((u) => {
+        d.push(te(u));
       }), {
-        coordinates: u,
-        gesture: tt[m]
+        coordinates: d,
+        gesture: ot[m]
       };
     }
     return { coordinates: void 0, gesture: void 0 };
@@ -514,9 +533,15 @@ class nt extends N {
   async initialize() {
     const e = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), t = await K(
-      new URL("/assets/xr/models/gesture_tracking.task", I.assetStorageEndpoint).toString()
-    ), i = await Pe.createFromOptions(e, {
+    ), [t] = await Promise.all([
+      K(
+        new URL(
+          "/assets/xr/models/gesture_tracking.task",
+          I.assetStorageEndpoint
+        ).toString()
+      ),
+      N(e)
+    ]), i = await Be.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -527,7 +552,7 @@ class nt extends N {
     this.landmarker = i;
   }
   async run({ sourceCanvas: e, targetFps: t }) {
-    this.sourceCanvas = e, this.setTargetFps(t ?? st), this.rafId === null && await this.processGestureTracking();
+    this.sourceCanvas = e, this.setTargetFps(t ?? ct), this.rafId === null && await this.processGestureTracking();
   }
   getModelNode() {
     const e = this;
@@ -547,8 +572,8 @@ class nt extends N {
     };
   }
 }
-const at = 512;
-class it extends N {
+const dt = 512;
+class ut extends H {
   constructor() {
     super();
     h(this, "landmarker", null);
@@ -558,34 +583,32 @@ class it extends N {
     h(this, "gesture");
     h(this, "handedness");
     h(this, "sourceCanvas");
-    h(this, "downscaler", new Z(at));
+    h(this, "downscaler", new se(dt));
   }
   async getHandData() {
     if (!this.landmarker || !this.sourceCanvas)
       return;
     const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
     this.processingTime = r - t;
-    const o = [], u = i.handedness ?? i.handednesses ?? [];
-    if (i.landmarks.forEach((d, S) => {
+    const c = [], d = i.handedness ?? i.handednesses ?? [];
+    if (i.landmarks.forEach((u, C) => {
       var f, v, p;
-      if (!d || d.length === 0)
+      if (!u || u.length === 0)
         return;
-      const R = d.map((k) => ({
-        x: O(k.x),
-        y: O(1 - k.y),
-        z: -k.z
-      })), M = (p = (v = (f = u[S]) == null ? void 0 : f[0]) == null ? void 0 : v.categoryName) == null ? void 0 : p.toLowerCase(), x = M === "left" || M === "right" ? M : void 0, l = d[0].z < 0 ? "closed_fist" : "open_palm";
-      o.push({ coordinates: R, gesture: l, handedness: x });
-    }), !o.length)
+      const x = u.map(
+        (k) => te(k)
+      ), M = (p = (v = (f = d[C]) == null ? void 0 : f[0]) == null ? void 0 : v.categoryName) == null ? void 0 : p.toLowerCase(), F = M === "left" || M === "right" ? M : void 0, l = u[0].z < 0 ? "closed_fist" : "open_palm";
+      c.push({ coordinates: x, gesture: l, handedness: F });
+    }), !c.length)
       return {
         hands: void 0,
         coordinates: void 0,
         gesture: void 0,
         handedness: void 0
       };
-    const m = o[0];
+    const m = c[0];
     return {
-      hands: o,
+      hands: c,
       coordinates: m.coordinates,
       gesture: m.gesture,
       handedness: m.handedness
@@ -616,9 +639,12 @@ class it extends N {
   async initialize() {
     const e = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), t = await K(
-      new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
-    ), i = await Oe.createFromOptions(e, {
+    ), [t] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
+      ),
+      N(e)
+    ]), i = await Ve.createFromOptions(e, {
       baseOptions: {
         modelAssetBuffer: t,
         delegate: "GPU"
@@ -655,13 +681,13 @@ class it extends N {
     };
   }
 }
-const rt = 24, ot = 720, ct = [
+const lt = 24, gt = 720, mt = [
   [255, 255, 255, 255],
   // 0: background → green 255, kept
   [0, 0, 0, 0]
   // 1: person → green 0, discarded
 ];
-class ht extends N {
+class ft extends H {
   constructor() {
     super();
     h(this, "segmenter", null);
@@ -747,7 +773,7 @@ class ht extends N {
     const e = this.readIntrinsicSize(this.inputSource);
     if (!e) return;
     this.inputSourceSize = e;
-    const t = Math.min(1, ot / Math.max(e.width, e.height)), i = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
+    const t = Math.min(1, gt / Math.max(e.width, e.height)), i = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
     this.processCanvas.width === i && this.processCanvas.height === r || (this.processCanvas.width = i, this.processCanvas.height = r, this.glCanvas && (this.glCanvas.width = i, this.glCanvas.height = r), this.maskImageData = void 0);
   }
   async processSegmentation() {
@@ -768,30 +794,30 @@ class ht extends N {
     this.ensureProcessCanvasForInput();
     const i = this.processCanvas.getContext("2d");
     if (i) {
-      const u = this.processCanvas.width, m = this.processCanvas.height;
-      if (i.clearRect(0, 0, u, m), this.inputSource && this.inputSourceSize) {
-        const { width: d, height: S } = this.inputSourceSize, R = Math.min(u / d, m / S), M = d * R, x = S * R;
-        i.drawImage(this.inputSource, (u - M) / 2, (m - x) / 2, M, x);
+      const d = this.processCanvas.width, m = this.processCanvas.height;
+      if (i.clearRect(0, 0, d, m), this.inputSource && this.inputSourceSize) {
+        const { width: u, height: C } = this.inputSourceSize, x = Math.min(d / u, m / C), M = u * x, F = C * x;
+        i.drawImage(this.inputSource, (d - M) / 2, (m - F) / 2, M, F);
       } else
-        i.drawImage(e, 0, 0, u, m);
+        i.drawImage(e, 0, 0, d, m);
     }
-    const o = this.segmenter.segmentForVideo(
+    const c = this.segmenter.segmentForVideo(
       this.processCanvas,
       performance.now()
     ).categoryMask;
-    if (!o) {
+    if (!c) {
       if (this.disposed || this.paused) return;
       this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
       return;
     }
     if (this.rawCache = null, this.latestMask && (this.latestMask.close(), this.latestMask = null), this.useGpuMaskPath && this.drawingUtils && this.glCanvas)
-      this.drawingUtils.drawCategoryMask(o, ct), this.latestMask = o.clone(), o.close(), this.blitGlToMask();
+      this.drawingUtils.drawCategoryMask(c, mt), this.latestMask = c.clone(), c.close(), this.blitGlToMask();
     else {
-      this.latestMask = o.clone();
-      const u = this.readMaskToImageData(o);
-      o.close(), u && this.blitImageDataToMask(u);
+      this.latestMask = c.clone();
+      const d = this.readMaskToImageData(c);
+      c.close(), d && this.blitImageDataToMask(d);
     }
-    this.segmentationMaskTexture && (this.isMaskSetup || (this.segmentationMaskTexture.format = de, this.segmentationMaskTexture.minFilter = q, this.segmentationMaskTexture.magFilter = q, this.segmentationMaskTexture.generateMipmaps = !1, this.isMaskSetup = !0), this.segmentationMaskTexture.needsUpdate = !0), this.processingTime = performance.now() - t, !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processSegmentation.bind(this)));
+    this.segmentationMaskTexture && (this.isMaskSetup || (this.segmentationMaskTexture.format = me, this.segmentationMaskTexture.minFilter = G, this.segmentationMaskTexture.magFilter = G, this.segmentationMaskTexture.generateMipmaps = !1, this.isMaskSetup = !0), this.segmentationMaskTexture.needsUpdate = !0), this.processingTime = performance.now() - t, !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processSegmentation.bind(this)));
   }
   /**
    * Blit the GPU-rendered mask (already RGBA-inverted by drawCategoryMask)
@@ -814,10 +840,10 @@ class ht extends N {
     const t = e.getAsUint8Array(), { width: i, height: r } = e;
     if (!t || i <= 0 || r <= 0) return null;
     (!this.maskImageData || this.maskImageData.width !== i || this.maskImageData.height !== r) && (this.maskImageData = new ImageData(i, r));
-    const o = this.maskImageData.data;
-    for (let u = 0; u < t.length; u += 1) {
-      const m = t[u] === 255 ? 0 : 255;
-      o[u * 4] = 255, o[u * 4 + 1] = m, o[u * 4 + 2] = 255, o[u * 4 + 3] = m;
+    const c = this.maskImageData.data;
+    for (let d = 0; d < t.length; d += 1) {
+      const m = t[d] === 255 ? 0 : 255;
+      c[d * 4] = 255, c[d * 4 + 1] = m, c[d * 4 + 2] = 255, c[d * 4 + 3] = m;
     }
     return this.maskImageData;
   }
@@ -830,8 +856,8 @@ class ht extends N {
     if (!this.maskCanvas || !this.filterCanvas) return;
     const t = this.maskCanvas.getContext("2d"), i = this.filterCanvas.getContext("2d");
     if (!t || !i) return;
-    const r = this.getStagingCanvas(e.width, e.height), o = r.getContext("2d");
-    o && (o.putImageData(e, 0, 0), i.filter = "blur(0.5px)", i.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), i.drawImage(r, 0, 0, this.filterCanvas.width, this.filterCanvas.height), t.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), t.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
+    const r = this.getStagingCanvas(e.width, e.height), c = r.getContext("2d");
+    c && (c.putImageData(e, 0, 0), i.filter = "blur(0.5px)", i.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), i.drawImage(r, 0, 0, this.filterCanvas.width, this.filterCanvas.height), t.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), t.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
   }
   getStagingCanvas(e, t) {
     return this.stagingCanvas || (this.stagingCanvas = document.createElement("canvas")), this.stagingCanvas.width !== e && (this.stagingCanvas.width = e), this.stagingCanvas.height !== t && (this.stagingCanvas.height = t), this.stagingCanvas;
@@ -860,14 +886,17 @@ class ht extends N {
     this.quality = (e == null ? void 0 : e.quality) ?? "low";
     const t = await V.forVisionTasks(
       new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), i = await K(
-      new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
-    );
+    ), [i] = await Promise.all([
+      K(
+        new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
+      ),
+      N(t)
+    ]);
     this.glCanvas = new OffscreenCanvas(1, 1);
     const r = this.glCanvas.getContext("webgl2", {
       preserveDrawingBuffer: !0
     });
-    this.segmenter = await Ue.createFromOptions(t, {
+    this.segmenter = await Ke.createFromOptions(t, {
       baseOptions: {
         modelAssetBuffer: i,
         delegate: "GPU"
@@ -876,7 +905,7 @@ class ht extends N {
       outputCategoryMask: !0,
       outputConfidenceMasks: !1,
       runningMode: "VIDEO"
-    }), r ? (this.drawingUtils = new ze(r), this.useGpuMaskPath = !0) : this.useGpuMaskPath = !1;
+    }), r ? (this.drawingUtils = new Ne(r), this.useGpuMaskPath = !0) : this.useGpuMaskPath = !1;
   }
   async run({
     sourceCanvas: e,
@@ -884,12 +913,12 @@ class ht extends N {
     renderHeight: i,
     targetFps: r
   }) {
-    var u;
+    var d;
     if (!e)
       return;
-    this.setTargetFps(r ?? rt), this.isProcessing = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
-    const o = this.getQualityScaleFactor();
-    this.sourceCanvas = e, this.processCanvas = document.createElement("canvas"), this.processCanvas.width = e.width * o, this.processCanvas.height = e.height * o, this.glCanvas && (this.glCanvas.width = this.processCanvas.width, this.glCanvas.height = this.processCanvas.height), this.maskImageData = void 0, this.maskCanvas = document.createElement("canvas"), this.maskCanvas.width = t, this.maskCanvas.height = i, this.filterCanvas = document.createElement("canvas"), this.filterCanvas.width = t, this.filterCanvas.height = i, (u = this.segmentationMaskTexture) == null || u.dispose(), this.segmentationMaskTexture = new ue(this.maskCanvas), this.isMaskSetup = !1, this.rawCache = null, this.isProcessing = !0, this.lastInferenceMs = 0, this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
+    this.setTargetFps(r ?? lt), this.isProcessing = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
+    const c = this.getQualityScaleFactor();
+    this.sourceCanvas = e, this.processCanvas = document.createElement("canvas"), this.processCanvas.width = e.width * c, this.processCanvas.height = e.height * c, this.glCanvas && (this.glCanvas.width = this.processCanvas.width, this.glCanvas.height = this.processCanvas.height), this.maskImageData = void 0, this.maskCanvas = document.createElement("canvas"), this.maskCanvas.width = t, this.maskCanvas.height = i, this.filterCanvas = document.createElement("canvas"), this.filterCanvas.width = t, this.filterCanvas.height = i, (d = this.segmentationMaskTexture) == null || d.dispose(), this.segmentationMaskTexture = new fe(this.maskCanvas), this.isMaskSetup = !1, this.rawCache = null, this.isProcessing = !0, this.lastInferenceMs = 0, this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
   }
   /**
    * Lazily read the single-channel mask back to a Uint8Array. Only invoked when
@@ -924,15 +953,15 @@ class ht extends N {
     };
   }
 }
-const re = {
-  [z.BACKGROUND_SEGMENTATION]: ht,
-  [z.HAND_TRACKER]: it,
-  [z.GESTURE_TRACKER]: nt,
-  [z.FACE_TRACKER]: Ze,
-  [z.BODY_TRACKER]: je
-}, dt = async (n) => {
+const de = {
+  [U.BACKGROUND_SEGMENTATION]: ft,
+  [U.HAND_TRACKER]: ut,
+  [U.GESTURE_TRACKER]: ht,
+  [U.FACE_TRACKER]: nt,
+  [U.BODY_TRACKER]: et
+}, pt = async (a) => {
   const s = document.createElement("video");
-  s.srcObject = n, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
+  s.srcObject = a, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
     s.onloadedmetadata = () => {
       s.play(), t();
     };
@@ -944,38 +973,38 @@ const re = {
     };
     typeof e.requestVideoFrameCallback == "function" ? e.requestVideoFrameCallback(r) : requestAnimationFrame(() => requestAnimationFrame(() => r()));
   }), s;
-}, ut = (n) => {
-  const s = new ue(n);
-  return s.colorSpace = Le, s.format = de, s.minFilter = q, s.magFilter = q, s.generateMipmaps = !1, s.needsUpdate = !0, s;
-}, lt = (n, s) => {
-  const e = n.videoWidth, t = n.videoHeight;
+}, wt = (a) => {
+  const s = new fe(a);
+  return s.colorSpace = He, s.format = me, s.minFilter = G, s.magFilter = G, s.generateMipmaps = !1, s.needsUpdate = !0, s;
+}, vt = (a, s) => {
+  const e = a.videoWidth, t = a.videoHeight;
   e > 0 && t > 0 && (s.width !== e && (s.width = e), s.height !== t && (s.height = t));
   const i = s.getContext("2d", {
     colorSpace: "srgb"
   });
-  i.save(), i.scale(-1, 1), i.drawImage(n, -s.width, 0, s.width, s.height), i.restore();
-}, gt = (n, s, e = 1) => {
+  i.save(), i.scale(-1, 1), i.drawImage(a, -s.width, 0, s.width, s.height), i.restore();
+}, St = (a, s, e = 1) => {
   const t = s.getContext("2d", {
     colorSpace: "srgb"
-  }), i = s.width / s.height, r = n.width / n.height;
-  let o, u;
-  r > i ? (u = s.height, o = n.width * (s.height / n.height)) : (o = s.width, u = n.height * (s.width / n.width));
+  }), i = s.width / s.height, r = a.width / a.height;
+  let c, d;
+  r > i ? (d = s.height, c = a.width * (s.height / a.height)) : (c = s.width, d = a.height * (s.width / a.width));
   const m = Number.isFinite(e) && e > 0 ? e : 1;
-  o *= m, u *= m;
-  const d = (s.width - o) / 2, S = (s.height - u) / 2;
+  c *= m, d *= m;
+  const u = (s.width - c) / 2, C = (s.height - d) / 2;
   t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, s.width, s.height), t.drawImage(
-    n,
+    a,
     0,
     0,
-    n.width,
-    n.height,
-    d,
-    S,
-    o,
-    u
+    a.width,
+    a.height,
+    u,
+    C,
+    c,
+    d
   );
-}, mt = (n) => {
-  switch (n instanceof DOMException ? n.name : "") {
+}, Ct = (a) => {
+  switch (a instanceof DOMException ? a.name : "") {
     case "NotAllowedError":
     case "PermissionDeniedError":
       return "permission-denied";
@@ -989,15 +1018,15 @@ const re = {
     case "SecurityError":
       return "unsupported";
     default:
-      return n instanceof TypeError ? "unsupported" : "unknown";
+      return a instanceof TypeError ? "unsupported" : "unknown";
   }
-}, ft = {
+}, kt = {
   "permission-denied": "Camera access was blocked. Allow camera permissions in your browser, then refresh.",
   "camera-in-use": "Camera is already in use by another app or browser tab. Close it and refresh.",
   "no-camera": "No camera was found on this device.",
   unsupported: "Unable to access camera. Allow camera permissions in your browser, then refresh.",
   unknown: "Unable to access camera. Allow camera permissions in your browser, then refresh."
-}, pt = (n, s, e) => {
+}, yt = (a, s, e) => {
   const t = /* @__PURE__ */ new Map();
   let i = !1;
   const r = (l, f) => {
@@ -1015,28 +1044,28 @@ const re = {
     const k = s[l];
     if (!k)
       throw new Error(`Invalid model: ${l}`);
-    const C = new k(), L = /* @__PURE__ */ new Set([f]), U = /* @__PURE__ */ new Set([f]), _ = (async () => {
-      await C.initialize(v);
-      const B = t.get(l);
-      if (!B || B.model !== C || B.refs.size === 0)
-        return r(l, C), C;
-      e && await e(l, C);
-      const T = t.get(l);
-      return T && T.refs.size > 0 && n.setPipeline((P) => P.set(l, C)), C;
+    const S = new k(), O = /* @__PURE__ */ new Set([f]), z = /* @__PURE__ */ new Set([f]), D = (async () => {
+      await S.initialize(v);
+      const _ = t.get(l);
+      if (!_ || _.model !== S || _.refs.size === 0)
+        return r(l, S), S;
+      e && await e(l, S);
+      const L = t.get(l);
+      return L && L.refs.size > 0 && a.setPipeline((A) => A.set(l, S)), S;
     })();
-    return p = { model: C, refs: L, activeRefs: U, initPromise: _, options: v }, t.set(l, p), _.catch(() => {
-      t.get(l) === p && (t.delete(l), n.setPipeline((T) => T.delete(l))), r(l, C);
-    }), _;
+    return p = { model: S, refs: O, activeRefs: z, initPromise: D, options: v }, t.set(l, p), D.catch(() => {
+      t.get(l) === p && (t.delete(l), a.setPipeline((L) => L.delete(l))), r(l, S);
+    }), D;
   }, release: (l, f) => {
     const v = t.get(l);
-    v && (v.refs.delete(f), v.activeRefs.delete(f) && v.refs.size > 0 && v.activeRefs.size === 0 && v.model.pause(), !(v.refs.size > 0) && (t.delete(l), r(l, v.model), n.setPipeline((p) => p.delete(l))));
+    v && (v.refs.delete(f), v.activeRefs.delete(f) && v.refs.size > 0 && v.activeRefs.size === 0 && v.model.pause(), !(v.refs.size > 0) && (t.delete(l), r(l, v.model), a.setPipeline((p) => p.delete(l))));
   }, setActive: (l, f, v) => {
     const p = t.get(l);
     if (!p || !p.refs.has(f)) return;
     const k = p.activeRefs.size > 0;
     v ? p.activeRefs.add(f) : p.activeRefs.delete(f);
-    const C = p.activeRefs.size > 0;
-    k !== C && (C && !i ? p.model.resume() : p.model.pause());
+    const S = p.activeRefs.size > 0;
+    k !== S && (S && !i ? p.model.resume() : p.model.pause());
   }, suspendAll: () => {
     i = !0;
     for (const l of t.values())
@@ -1056,9 +1085,9 @@ const re = {
       const f = t.get(l);
       f && (f.refs.clear(), t.delete(l), r(l, f.model));
     }
-    n.setPipeline((l) => l.clear());
+    a.setPipeline((l) => l.clear());
   } };
-}, wt = {
+}, Mt = {
   lifecycle: "idle",
   ready: !1,
   error: void 0,
@@ -1068,307 +1097,317 @@ const re = {
   source: void 0,
   sourceKind: void 0,
   pipeline: /* @__PURE__ */ new Map()
-}, vt = () => {
-  let n = { ...wt, pipeline: /* @__PURE__ */ new Map() };
+}, Tt = () => {
+  let a = { ...Mt, pipeline: /* @__PURE__ */ new Map() };
   const s = /* @__PURE__ */ new Set(), e = () => {
     s.forEach((t) => t());
   };
   return {
-    getSnapshot: () => n,
+    getSnapshot: () => a,
     set: (t) => {
       let i = !1;
       for (const r of Object.keys(t))
-        if (t[r] !== n[r]) {
+        if (t[r] !== a[r]) {
           i = !0;
           break;
         }
-      i && (n = { ...n, ...t }, e());
+      i && (a = { ...a, ...t }, e());
     },
     setPipeline: (t) => {
-      const i = new Map(n.pipeline);
-      return t(i), n = { ...n, pipeline: i }, e(), i;
+      const i = new Map(a.pipeline);
+      return t(i), a = { ...a, pipeline: i }, e(), i;
     },
     subscribe: (t) => (s.add(t), () => {
       s.delete(t);
     })
   };
-}, Ct = ({
-  renderHeight: n,
+}, Rt = ({
+  renderHeight: a,
   renderWidth: s,
   videoHeight: e,
   videoWidth: t
 }) => ({
-  height: n || e,
+  height: a || e,
   width: s || t
-}), St = (n) => {
-  const s = new Ve({ verbose: !0 }), e = vt();
-  let t = n;
-  const i = (a) => {
+}), xt = (a) => {
+  const s = new Ge({ verbose: !0 }), e = Tt();
+  let t = a;
+  const i = (n) => {
     var g;
-    const c = (g = T.getOptions(a)) == null ? void 0 : g.targetFps;
-    return typeof c == "number" ? c : t == null ? void 0 : t.targetFps;
+    const o = (g = A.getOptions(n)) == null ? void 0 : g.targetFps;
+    return typeof o == "number" ? o : t == null ? void 0 : t.targetFps;
   };
-  let r, o, u, m, d, S, R, M, x, l, f, v = !1, p = !1, k = 0;
-  const C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), U = (a) => {
-    const c = e.getSnapshot().cameraTexture;
-    c && c.dispose();
-    const g = ut(a);
+  let r, c, d, m, u, C, x, M, F, l, f, v, p = !1, k = !1, S = 0;
+  const O = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new Set(), D = (n) => {
+    const o = e.getSnapshot().cameraTexture;
+    o && o.dispose();
+    const g = wt(n);
     return e.set({ cameraTexture: g }), g;
-  }, _ = async (a, c) => {
-    if (C.has(a) || e.getSnapshot().lifecycle !== "running" || !d) return;
-    C.add(a);
-    const g = k;
+  }, _ = async (n, o) => {
+    if (O.has(n) || e.getSnapshot().lifecycle !== "running" || !u) return;
+    O.add(n);
+    const g = S;
     try {
-      await c.run({
-        sourceCanvas: d,
+      await o.run({
+        sourceCanvas: u,
         renderWidth: e.getSnapshot().renderWidth,
         renderHeight: e.getSnapshot().renderHeight,
         getSource: () => e.getSnapshot().sourceKind,
-        targetFps: i(a)
-      }), p && (await new Promise((w) => requestAnimationFrame(() => w())), await new Promise((w) => requestAnimationFrame(() => w())), p && k === g && T.suspendAll());
+        targetFps: i(n)
+      }), k && (await new Promise((w) => requestAnimationFrame(() => w())), await new Promise((w) => requestAnimationFrame(() => w())), k && S === g && A.suspendAll());
     } catch (w) {
-      throw C.delete(a), w;
+      throw O.delete(n), w;
     }
-  }, T = pt(e, re, (a, c) => _(a, c));
+  }, A = yt(e, de, (n, o) => _(n, o));
   e.subscribe(() => {
     if (e.getSnapshot().lifecycle !== "running") return;
-    const a = e.getSnapshot().pipeline;
-    for (const [c, g] of a.entries())
-      C.has(c) || _(c, g);
+    const n = e.getSnapshot().pipeline;
+    for (const [o, g] of n.entries())
+      O.has(o) || _(o, g);
   });
-  const P = () => {
-    if (f !== void 0 && (cancelAnimationFrame(f), f = void 0), o) {
+  const B = () => {
+    if (v !== void 0 && (cancelAnimationFrame(v), v = void 0), c) {
       try {
-        o.pause();
+        c.pause();
       } catch {
       }
       try {
-        o.srcObject = null;
+        c.srcObject = null;
       } catch {
       }
-      o = void 0;
+      c = void 0;
     }
-    if (u) {
+    if (d) {
       try {
-        u.getTracks().forEach((a) => a.stop());
+        d.getTracks().forEach((n) => n.stop());
       } catch {
       }
-      u = void 0;
+      d = void 0;
     }
-  }, G = () => {
-    if (v || !o || !m || !d) return;
-    const a = window.__xr_debugger_metrics;
-    if (a != null && a.trackCameraFrame && a.trackCameraFrame(), (e.getSnapshot().sourceKind ?? "webcam") === "webcam")
-      lt(o, m);
+  }, W = () => {
+    if (p || !c || !m || !u) return;
+    const n = window.__xr_debugger_metrics;
+    if (n != null && n.trackCameraFrame && n.trackCameraFrame(), (e.getSnapshot().sourceKind ?? "webcam") === "webcam")
+      vt(c, m);
     else {
       const w = m.getContext("2d");
       if (!w) return;
-      const y = o.videoWidth, A = o.videoHeight;
-      m.width !== y && (m.width = y), m.height !== A && (m.height = A), w.setTransform(1, 0, 0, 1, 0, 0), w.clearRect(0, 0, y, A), w.drawImage(o, 0, 0, y, A);
+      const y = c.videoWidth, R = c.videoHeight;
+      m.width !== y && (m.width = y), m.height !== R && (m.height = R), w.setTransform(1, 0, 0, 1, 0, 0), w.clearRect(0, 0, y, R), w.drawImage(c, 0, 0, y, R);
     }
-    gt(m, d, (t == null ? void 0 : t.cameraZoom) ?? 1.2);
+    St(m, u, (t == null ? void 0 : t.cameraZoom) ?? 1.2);
     const g = e.getSnapshot().cameraTexture;
     g && (g.needsUpdate = !0);
-  }, J = () => {
-    if (!o || !m || !d) return;
-    if (p) {
-      G();
+  }, ae = () => {
+    if (!c || !m || !u) return;
+    if (k) {
+      W();
       return;
     }
-    const a = () => {
-      f = requestAnimationFrame(a), G();
+    const n = () => {
+      v = requestAnimationFrame(n), W();
     };
-    f = requestAnimationFrame(a);
-  }, pe = async (a) => {
-    if (a.source === F.WEBCAM)
+    v = requestAnimationFrame(n);
+  }, Ce = async (n) => {
+    if (n.source === T.WEBCAM)
       try {
-        const c = t != null && t.camRes && t.camRes > 0 ? t.camRes : 960;
+        const o = t != null && t.camRes && t.camRes > 0 ? t.camRes : 960;
         return await navigator.mediaDevices.getUserMedia({
           video: {
             facingMode: "user",
             frameRate: { min: 24, ideal: 30, max: 60 },
-            width: { ideal: c }
+            width: { ideal: o }
           }
         });
-      } catch (c) {
-        const g = mt(c), w = ft[g];
-        throw e.set({ error: { error: "PermissionError", message: w, reason: g } }), new b(c instanceof Error ? c.message : "getUserMedia failed");
+      } catch (o) {
+        const g = Ct(o), w = kt[g];
+        throw e.set({ error: { error: "PermissionError", message: w, reason: g } }), new b(o instanceof Error ? o.message : "getUserMedia failed");
       }
-    return a.stream;
-  }, W = async (a) => {
-    const c = await pe(a);
-    u = c;
-    const g = await dt(c);
-    o = g, m = new OffscreenCanvas(g.videoWidth, g.videoHeight);
-    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), A = Ct({
+    return n.stream;
+  }, X = async (n) => {
+    const o = await Ce(n);
+    d = o;
+    const g = await pt(o);
+    c = g, m = new OffscreenCanvas(g.videoWidth, g.videoHeight);
+    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), R = Rt({
       renderWidth: w,
       renderHeight: y,
       videoWidth: g.videoWidth,
       videoHeight: g.videoHeight
     });
-    d ? (d.width !== A.width || d.height !== A.height) && (d.width = A.width, d.height = A.height, U(d)) : (d = new OffscreenCanvas(A.width, A.height), U(d));
-    const ne = a.source === F.STREAM ? a.static === !0 : !1;
-    p = ne, r = a.source === F.WEBCAM ? { source: F.WEBCAM, sourceKind: "webcam" } : {
-      source: F.STREAM,
-      stream: a.stream,
-      static: ne,
-      sourceKind: a.sourceKind ?? "webcam"
+    u ? (u.width !== R.width || u.height !== R.height) && (u.width = R.width, u.height = R.height, D(u)) : (u = new OffscreenCanvas(R.width, R.height), D(u));
+    const oe = n.source === T.STREAM ? n.static === !0 : !1;
+    k = oe, r = n.source === T.WEBCAM ? { source: T.WEBCAM, sourceKind: "webcam" } : {
+      source: T.STREAM,
+      stream: n.stream,
+      static: oe,
+      sourceKind: n.sourceKind ?? "webcam"
     }, e.set({
-      source: a.source,
+      source: n.source,
       sourceKind: r.sourceKind,
       error: void 0
     });
-  }, X = async (a) => {
-    const c = a.sourceKind ?? "webcam";
-    d = a.canvas;
-    const g = U(d);
+  }, j = async (n) => {
+    const o = n.sourceKind ?? "webcam";
+    u = n.canvas;
+    const g = D(u);
     e.set({
       cameraTexture: g,
-      source: F.CANVAS,
-      sourceKind: c,
-      renderWidth: d.width,
-      renderHeight: d.height,
+      source: T.CANVAS,
+      sourceKind: o,
+      renderWidth: u.width,
+      renderHeight: u.height,
       error: void 0
     }), r = {
-      source: F.CANVAS,
-      canvas: a.canvas,
-      sourceKind: c
+      source: T.CANVAS,
+      canvas: n.canvas,
+      sourceKind: o
     };
-  }, we = (a, c) => !c || a.source !== c.source ? !1 : a.source === F.STREAM && c.source === F.STREAM ? a.stream === c.stream && (a.sourceKind ?? "webcam") === c.sourceKind : !0, ve = async () => {
-    if (!d) return;
-    const a = k, c = e.getSnapshot().pipeline;
-    for (const [, g] of c.entries())
+  }, ke = (n, o) => !o || n.source !== o.source ? !1 : n.source === T.STREAM && o.source === T.STREAM ? n.stream === o.stream && (n.sourceKind ?? "webcam") === o.sourceKind : !0, ye = async () => {
+    if (!u) return;
+    const n = S, o = e.getSnapshot().pipeline;
+    for (const [, g] of o.entries())
       g.resume();
-    await new Promise((g) => requestAnimationFrame(() => g())), await new Promise((g) => requestAnimationFrame(() => g())), p && k === a && T.suspendAll();
-  }, Ce = (a, c) => !c || c.source !== F.CANVAS ? !1 : a.canvas === c.canvas && (a.sourceKind ?? "webcam") === c.sourceKind, Se = async (a) => {
-    const c = a.source;
-    if (c !== F.WEBCAM && c !== F.STREAM)
-      throw new b(`Invalid media source: ${String(c)}`);
-    if (we(a, r)) {
+    await new Promise((g) => requestAnimationFrame(() => g())), await new Promise((g) => requestAnimationFrame(() => g())), k && S === n && A.suspendAll();
+  }, Me = (n, o) => !o || o.source !== T.CANVAS ? !1 : n.canvas === o.canvas && (n.sourceKind ?? "webcam") === o.sourceKind, Te = async (n) => {
+    const o = n.source;
+    if (o !== T.WEBCAM && o !== T.STREAM)
+      throw new b(`Invalid media source: ${String(o)}`);
+    if (ke(n, r)) {
       s.log("Media source unchanged, skipping rebind.");
       return;
     }
-    k += 1;
+    S += 1;
     const { lifecycle: g } = e.getSnapshot();
     if (g === "idle" || g === "stopped") {
-      await W(a), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", a.source);
+      await X(n), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", n.source);
       return;
     }
     if (g === "media-bound") {
-      P(), await W(a), s.log("Media source rebound to:", a.source);
+      B(), await X(n), s.log("Media source rebound to:", n.source);
       return;
     }
-    v = !0, await new Promise((w) => requestAnimationFrame(() => w())), P(), await W(a), v = !1, J(), p ? await ve() : T.resumeActive(), s.log("Media source swapped to:", a.source);
-  }, ke = async (a) => {
-    if (Ce(a, r)) {
+    p = !0, await new Promise((w) => requestAnimationFrame(() => w())), B(), await X(n), p = !1, ae(), k ? await ye() : A.resumeActive(), s.log("Media source swapped to:", n.source);
+  }, Re = async (n) => {
+    if (Me(n, r)) {
       s.log("Frame source unchanged, skipping rebind.");
       return;
     }
-    k += 1;
-    const { lifecycle: c } = e.getSnapshot();
-    if (c === "idle" || c === "stopped") {
-      await X(a), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
+    S += 1;
+    const { lifecycle: o } = e.getSnapshot();
+    if (o === "idle" || o === "stopped") {
+      await j(n), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
       return;
     }
-    if (c === "media-bound") {
-      P(), await X(a), s.log("Frame source rebound to canvas.");
+    if (o === "media-bound") {
+      B(), await j(n), s.log("Frame source rebound to canvas.");
       return;
     }
-    v = !0, await new Promise((g) => requestAnimationFrame(() => g())), P(), await X(a), v = !1, s.log("Frame source swapped to canvas.");
-  }, ye = async () => {
-    const { lifecycle: a } = e.getSnapshot();
-    if (a === "running") return;
-    if (a === "idle")
+    p = !0, await new Promise((g) => requestAnimationFrame(() => g())), B(), await j(n), p = !1, s.log("Frame source swapped to canvas.");
+  }, xe = async () => {
+    const { lifecycle: n } = e.getSnapshot();
+    if (n === "running") return;
+    if (n === "idle")
       throw new b("session.start() called before setMediaSource — call setMediaSource first");
-    if (!d)
+    if (!u)
       throw new b("session.start(): media source not bound");
-    const c = (r == null ? void 0 : r.source) === F.CANVAS;
-    if (!c && (!o || !m))
-      throw a === "stopped" ? new b(
+    const o = (r == null ? void 0 : r.source) === T.CANVAS;
+    if (!o && (!c || !m))
+      throw n === "stopped" ? new b(
         "session.start() called from stopped state without a media source — call setMediaSource first"
       ) : new b("session.start(): media source not bound");
-    c || J(), T.resumeActive(), e.set({ lifecycle: "running" }), await new Promise((w) => requestAnimationFrame(() => w()));
+    o || ae(), A.resumeActive(), e.set({ lifecycle: "running" }), await new Promise((w) => requestAnimationFrame(() => w()));
     const g = e.getSnapshot().pipeline;
     for (const [w, y] of g.entries())
       await _(w, y);
     e.set({ ready: !0 }), s.log("XR session started.");
-  }, ee = async () => {
-    const { lifecycle: a } = e.getSnapshot();
-    a === "stopped" || a === "idle" || (P(), T.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
-  }, Me = async () => {
-    await ee(), T.releaseAll(), L.clear();
-    const a = e.getSnapshot().cameraTexture;
-    a && a.dispose(), C.clear(), r = void 0, k += 1, d = void 0, m = void 0, p = !1, e.set({
+  }, ne = async () => {
+    const { lifecycle: n } = e.getSnapshot();
+    n === "stopped" || n === "idle" || (B(), A.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
+  }, Fe = async () => {
+    await ne(), A.releaseAll(), z.clear();
+    const n = e.getSnapshot().cameraTexture;
+    n && n.dispose(), O.clear(), r = void 0, S += 1, u = void 0, m = void 0, x = void 0, k = !1, e.set({
       lifecycle: "idle",
       cameraTexture: void 0,
       source: void 0
     }), s.log("XR session reset.");
-  }, Re = async (a) => {
-    const c = "legacy:registerXRPipeline", g = [];
+  }, Ae = async (n) => {
+    const o = "legacy:registerXRPipeline", g = [];
     await Promise.all(
-      a.map(async (w) => {
+      n.map(async (w) => {
         const { model: y } = w;
-        if (!re[y])
+        if (!de[y])
           throw new b(`Invalid model: ${y}`);
-        L.has(y) || g.push(y);
-        const A = "options" in w ? w.options : void 0;
-        await T.acquire(y, c, A);
+        z.has(y) || g.push(y);
+        const R = "options" in w ? w.options : void 0;
+        await A.acquire(y, o, R);
       })
-    ), g.length > 0 && (g.forEach((w) => L.add(w)), s.log("XR pipeline registered."));
-  }, Te = (a) => {
-    const c = T.get(a);
-    if (!c)
-      throw new b(`Model ${a} is not registered in the pipeline`);
-    return c.getModelNode();
-  }, te = async (a, c) => {
-    a <= 0 || c <= 0 || (e.set({ renderWidth: a, renderHeight: c }), d && (d.width !== a || d.height !== c) && (d.width = a, d.height = c, U(d), p && G()), s.log(`Source canvas set. Render size: ${a}x${c}`));
-  }, xe = async (a) => {
+    ), g.length > 0 && (g.forEach((w) => z.add(w)), s.log("XR pipeline registered."));
+  }, be = (n) => {
+    const o = A.get(n);
+    if (!o)
+      throw new b(`Model ${n} is not registered in the pipeline`);
+    return o.getModelNode();
+  }, ie = async (n, o) => {
+    n <= 0 || o <= 0 || (e.set({ renderWidth: n, renderHeight: o }), u && (u.width !== n || u.height !== o) && (u.width = n, u.height = o, D(u), k && W()), s.log(`Source canvas set. Render size: ${n}x${o}`));
+  }, Ee = async (n) => {
     var y;
-    S = a;
-    const c = (y = a.getBoundingClientRect) == null ? void 0 : y.call(a), g = c && c.width > 0 ? Math.round(c.width) : a.clientWidth, w = c && c.height > 0 ? Math.round(c.height) : a.clientHeight;
-    await te(g, w);
-  }, Fe = (a) => {
-    R = a.renderer, M = a.scene, x = a.camera, l = a.renderFrame;
-  }, se = () => {
-    if (!R || !M || !x)
+    C = n;
+    const o = (y = n.getBoundingClientRect) == null ? void 0 : y.call(n), g = o && o.width > 0 ? Math.round(o.width) : n.clientWidth, w = o && o.height > 0 ? Math.round(o.height) : n.clientHeight;
+    await ie(g, w);
+  }, Ie = (n) => {
+    x = n;
+  }, Y = () => C && M && F && l ? C : x, Pe = (n) => {
+    M = n.renderer, F = n.scene, l = n.camera, f = n.renderFrame;
+  }, re = () => {
+    if (!M || !F || !l)
       throw new b(
         "XR frame render requested before the R3F state was bound — make sure <XRScene> is mounted"
       );
-    l ? l() : R.render(M, x);
+    f ? f() : M.render(F, l);
   };
   return {
     store: e,
-    registry: T,
-    setMediaSource: Se,
-    start: ye,
-    stop: ee,
-    reset: Me,
-    setFrameSource: ke,
-    registerXRPipeline: Re,
-    getModelNode: Te,
+    registry: A,
+    setMediaSource: Te,
+    start: xe,
+    stop: ne,
+    reset: Fe,
+    setFrameSource: Re,
+    registerXRPipeline: Ae,
+    getModelNode: be,
     captureFrame: () => {
-      if (!S)
-        throw new b(
-          "session.captureFrame() called before the XRScene render target was bound — make sure <XRScene> is mounted"
-        );
-      if (!R || !M || !x)
+      const n = C;
+      if (n && Y() === n)
+        return re(), n.toDataURL("image/png");
+      const o = Y();
+      if (o) return o.toDataURL("image/png");
+      throw new b(
+        "session.captureFrame() called before an XRScene or XRMediaSurface capture target was bound"
+      );
+    },
+    captureStream: (n = 30) => {
+      const o = Y();
+      if (!(o != null && o.captureStream))
         throw new b(
-          "session.captureFrame() called before the R3F state was bound — make sure <XRScene> is mounted"
+          "session.captureStream() called before an XRScene or XRMediaSurface capture target was bound"
         );
-      return se(), S.toDataURL("image/png");
+      return o.captureStream(n);
     },
-    getInputFrame: () => d ?? null,
-    _setRenderTarget: xe,
-    _setRenderSize: te,
-    _setR3FState: Fe,
-    _renderFrame: se,
-    _getVideoElement: () => o,
-    _setPerf: (a) => {
-      if (t = a, e.getSnapshot().lifecycle !== "running" || !d) return;
-      const c = e.getSnapshot().pipeline;
-      for (const [g, w] of c.entries())
+    getInputFrame: () => u ?? null,
+    _setRenderTarget: Ee,
+    _setCaptureTarget: Ie,
+    _setRenderSize: ie,
+    _setR3FState: Pe,
+    _renderFrame: re,
+    _getVideoElement: () => c,
+    _setPerf: (n) => {
+      if (t = n, e.getSnapshot().lifecycle !== "running" || !u) return;
+      const o = e.getSnapshot().pipeline;
+      for (const [g, w] of o.entries())
         w.run({
-          sourceCanvas: d,
+          sourceCanvas: u,
           renderWidth: e.getSnapshot().renderWidth,
           renderHeight: e.getSnapshot().renderHeight,
           getSource: () => e.getSnapshot().sourceKind,
@@ -1376,46 +1415,48 @@ const re = {
         });
     }
   };
-}, kt = (n) => {
-  const s = oe(n), e = $(() => St(s.current), []), t = JSON.stringify(n ?? {});
-  return Ee(() => {
-    e._setPerf(n);
+}, Ft = (a) => {
+  const s = ue(a), e = ee(() => xt(s.current), []), t = JSON.stringify(a ?? {});
+  return Oe(() => {
+    e._setPerf(a);
   }, [e, t]), e;
-}, Q = /* @__PURE__ */ new Map(), yt = () => ({
-  register: (n, s) => {
-    s ? Q.set(n, s) : Q.delete(n);
+}, J = /* @__PURE__ */ new Map(), At = () => ({
+  register: (a, s) => {
+    s ? J.set(a, s) : J.delete(a);
   },
-  resolve: (n) => n ? Q.get(n) ?? null : null
-}), le = yt(), ge = he(null), Mt = ({ children: n }) => {
-  const s = oe(/* @__PURE__ */ new Map()), e = ie((r, o) => {
-    o ? s.current.set(r, o) : s.current.delete(r);
-  }, []), t = ie(
+  resolve: (a) => a ? J.get(a) ?? null : null
+}), pe = At(), we = ge(null), bt = ({ children: a }) => {
+  const s = ue(/* @__PURE__ */ new Map()), e = he((r, c) => {
+    c ? s.current.set(r, c) : s.current.delete(r);
+  }, []), t = he(
     (r) => r ? s.current.get(r) ?? null : null,
     []
-  ), i = $(() => ({ register: e, resolve: t }), [e, t]);
-  return Ie(ge.Provider, { value: i }, n);
-}, me = () => ce(ge) ?? le, Pt = () => me().register, Ot = () => me().resolve;
-le.register;
-const fe = he(void 0), Ut = () => {
-  const n = ce(fe);
-  if (!n)
+  ), i = ee(() => ({ register: e, resolve: t }), [e, t]);
+  return Ue(we.Provider, { value: i }, a);
+}, ve = () => le(we) ?? pe, Nt = () => ve().register, Ht = () => ve().resolve;
+pe.register;
+const Se = ge(void 0), qt = () => {
+  const a = le(Se);
+  if (!a)
     throw new b(
       "XR context can only be used inside XRProvider, did you forget to wrap your app in <XRProvider>?"
     );
-  return n;
-}, zt = ({ children: n, perf: s }) => {
-  const e = kt(s), t = $(() => ({ session: e }), [e]);
-  return /* @__PURE__ */ ae(fe.Provider, { value: t, children: /* @__PURE__ */ ae(Mt, { children: n }) });
+  return a;
+}, Gt = ({ children: a, perf: s }) => {
+  const e = Ft(s), t = ee(() => ({ session: e }), [e]);
+  return /* @__PURE__ */ ce(Se.Provider, { value: t, children: /* @__PURE__ */ ce(bt, { children: a }) });
 };
 export {
-  z as X,
-  H as a,
-  _t as b,
-  F as c,
-  zt as d,
-  Ot as e,
-  He as f,
-  Pt as g,
+  U as X,
+  q as a,
+  Kt as b,
+  T as c,
+  Gt as d,
+  Ht as e,
+  je as f,
+  Nt as g,
   I as l,
-  Ut as u
+  te as n,
+  Vt as t,
+  qt as u
 };