@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/low-level.js

@@ -1,80 +1,32 @@
-import { u as he } from "./index-BD-JWMjE.js";
-import { H as lt, a as ct } from "./index-BD-JWMjE.js";
-import { a as me } from "./selectors-BHO6TnoC.js";
-import { u as ut, c as ht, e as mt, b as ft, d as gt } from "./selectors-BHO6TnoC.js";
-import { useEffect as M, useRef as k, useState as y, useCallback as fe, useContext as ge, useMemo as G, createContext as pe, useLayoutEffect as be, Children as we, isValidElement as ve } from "react";
-import { u as te, c as xe } from "./useFaceResults-cpsSmKKc.js";
-import { u as ye, X as re } from "./index-CYMj26Ej.js";
-import { h as bt } from "./hasFullUnitUVBounds-BGvcFsQM.js";
-import { X as Ce } from "./index-DtwHElmG.js";
-import { c as vt, d as xt, b as yt } from "./index-DtwHElmG.js";
-import { jsx as f, jsxs as z, Fragment as q } from "react/jsx-runtime";
-import { PerspectiveCamera as Re } from "@react-three/drei";
-const Ee = {
-  position: "absolute",
-  top: -28,
-  left: 0,
-  background: "rgba(34, 197, 94, 0.9)",
-  color: "#04130a",
-  fontFamily: "Menlo, Monaco, Consolas, monospace",
-  fontSize: 12,
-  fontWeight: 700,
-  padding: "4px 8px",
-  whiteSpace: "nowrap"
-}, Ze = ({
-  boundingBox: e,
-  label: t = "face bounding box",
-  color: n = "#22c55e",
-  style: a,
-  labelStyle: r
-}) => /* @__PURE__ */ f(
-  "div",
-  {
-    style: {
-      position: "absolute",
-      left: `${e.left * 100}%`,
-      top: `${e.top * 100}%`,
-      width: `${e.width * 100}%`,
-      height: `${e.height * 100}%`,
-      border: `3px solid ${n}`,
-      boxSizing: "border-box",
-      pointerEvents: "none",
-      zIndex: 20,
-      ...a
-    },
-    children: t !== null && /* @__PURE__ */ f("div", { style: { ...Ee, ...r }, children: t })
-  }
-), et = (e) => {
-  const { makeDefault: t = !0, ...n } = e, a = {
-    position: [0, 0, 40],
-    fov: 30,
-    near: 0.1,
-    far: 1e3,
-    makeDefault: t,
-    ...n
-  };
-  return /* @__PURE__ */ f(Re, { ...a });
-}, tt = ({
-  background: e = "#000",
-  children: t,
-  style: n
-}) => /* @__PURE__ */ f(
-  "div",
-  {
-    style: {
-      position: "fixed",
-      inset: 0,
-      overflow: "hidden",
-      background: e,
-      ...n
-    },
-    children: t
-  }
-), $ = ({
+import { u as oe, j as N, z as he, aK as P, m as ge, d as be, au as ye, s as Se, w as ee } from "./index-CKRN-xJp.js";
+import { a_ as Ft, b4 as Ot, a$ as Dt, E as kt, aO as Bt, b5 as Lt, b1 as Nt, b2 as Ht, b6 as Gt, aM as Pt, aQ as Xt, F as Wt, aY as zt, b3 as Yt, aR as Vt, l as $t, aL as Ut, aP as qt, aS as Kt, b as jt, aT as Jt, b0 as Qt, aU as Zt, aV as ea, aZ as ta, a as aa, aW as ra, aX as sa, aN as na } from "./index-CKRN-xJp.js";
+import { H as ia, u as la } from "./index-vr2ichWQ.js";
+import { u as Re } from "./landmarks-DtCAFV_m.js";
+import { b as we } from "./selectors-BvJepq6H.js";
+import { m as ca, l as ua, c as ma, e as pa, g as fa, p as ha, h as ga, f as ba, i as ya, n as Sa, q as Ra, a as wa, u as _a, d as Ea, o as va, k as Ia, j as Ta } from "./selectors-BvJepq6H.js";
+import { useEffect as F, useState as T, useRef as D, useCallback as _e, useLayoutEffect as Ee, useMemo as $, Children as ve, isValidElement as Ie } from "react";
+import { c as Te } from "./getFaceInfo-BafgGT27.js";
+import { a as Aa, b as Ma } from "./getFaceInfo-BafgGT27.js";
+import { jsx as S, jsxs as k, Fragment as W } from "react/jsx-runtime";
+import { PerspectiveCamera as xe } from "@react-three/drei";
+import { g as Fa, b as Oa, c as Da } from "./index-CUldCMRl.js";
+import { ag as ie } from "./trigger-D9L4GPmQ.js";
+import { bP as Ba, bL as La, bQ as Na, bc as Ha, bd as Ga, b5 as Pa, am as Xa, as as Wa, aF as za, aG as Ya, aH as Va, at as $a, au as Ua, aI as qa, aJ as Ka, av as ja, aK as Ja, aw as Qa, aL as Za, aM as er, aN as tr, aO as ar, aP as rr, ax as sr, ay as nr, az as or, aQ as ir, aR as lr, b6 as dr, bs as cr, by as ur, bz as mr, bA as pr, bB as fr, ah as hr, bm as gr, bn as br, bW as yr, ar as Sr, bf as Rr, H as wr, bX as _r, bY as Er, e as vr, O as Ir, ai as Tr, S as xr, an as Ar, c0 as Mr, b_ as Cr, bC as Fr, b$ as Or, aS as Dr, aT as kr, aA as Br, bM as Lr, bv as Nr, aB as Hr, bb as Gr, d as Pr, aU as Xr, aV as Wr, aW as zr, aY as Yr, aZ as Vr, a_ as $r, aX as Ur, a$ as qr, b0 as Kr, b1 as jr, b2 as Jr, t as Qr, bD as Zr, c as es, v as ts, n as as, bw as rs, b9 as ss, bk as ns, b7 as os, c1 as is, bK as ls, bR as ds, bZ as cs, aj as us, bS as ms, bE as ps, bF as fs, bG as hs, bT as gs, bg as bs, bH as ys, bo as Ss, bp as Rs, bq as ws, bh as _s, bi as Es, bj as vs, bI as Is, aC as Ts, bN as xs, f as As, h as Ms, k as Cs, i as Fs, j as Os, l as Ds, m as ks, g as Bs, bt as Ls, be as Ns, ba as Hs, b8 as Gs, b3 as Ps, b4 as Xs, br as Ws, r as zs, aD as Ys, ao as Vs, ap as $s, bU as Us, p as qs, bl as Ks, bu as js, aq as Js, s as Qs, aE as Zs, q as en, ak as tn, al as an, c2 as rn, c3 as sn, bO as nn, u as on, bV as ln, bJ as dn, bx as cn } from "./trigger-D9L4GPmQ.js";
+import { h as mn } from "./hasFullUnitUVBounds-BGvcFsQM.js";
+import { X as Ae, a as Me, b as Ce } from "./contexts-Y_FhdnIv.js";
+import { B as fn, M as hn, h as gn, i as bn, T as yn, c as Sn, j as Rn, k as wn, g as _n, e as En, f as vn, r as In, t as Tn, d as xn, u as An } from "./contexts-Y_FhdnIv.js";
+import { H as Cn, p as Fn, q as On, t as Dn, u as kn, v as Bn, w as Ln, b as Nn, l as Hn, x as Gn, y as Pn, s as Xn, z as Wn } from "./index-DiIoHK_4.js";
+import { b as Yn, r as Vn } from "./useBodies-BYzJpQ4L.js";
+import { B as Un, d as qn, e as Kn, f as jn, g as Jn, b as Qn, h as Zn, a as eo, c as to, p as ao, s as ro, i as so } from "./bodyMaskMaterial-Cs2awskk.js";
+import { c as oo, g as io, s as lo, a as co } from "./detector-K8aej4MB.js";
+import { F as mo, g as po, I as fo, M as ho, j as go, k as bo, h as yo, v as So, i as Ro, c as wo, l as _o, p as Eo, w as vo, r as Io, t as To, m as xo, u as Ao, n as Mo, q as Co, o as Fo, s as Oo } from "./providers-CRuaD8bi.js";
+import { S as ko, u as Bo } from "./context-DTxSQvp4.js";
+import * as L from "three";
+const X = ({
   children: e,
   config: t,
-  style: n
-}) => /* @__PURE__ */ f(
+  style: r
+}) => /* @__PURE__ */ S(
   "div",
   {
     "data-render-target": t.name,
@@ -86,83 +38,88 @@ const Ee = {
       pointerEvents: t.pointerEvents ?? "none",
       zIndex: t.zIndex,
       opacity: t.hidden ? 0 : 1,
-      ...n
+      ...r
     },
     children: e
   }
-), j = ({
+), U = ({
   canvas: e,
   layout: t,
-  media: n,
+  media: r,
   mirrored: a,
-  filter: r
+  filter: s
 }) => {
-  const i = Math.round(t.destination.width), s = Math.round(t.destination.height);
-  e.width !== i && (e.width = i), e.height !== s && (e.height = s);
-  const o = e.getContext("2d");
-  o && (o.setTransform(1, 0, 0, 1, 0, 0), o.clearRect(0, 0, i, s), a && (o.translate(i, 0), o.scale(-1, 1)), r && (o.filter = r), o.drawImage(n, t.offsetX, t.offsetY, t.drawWidth, t.drawHeight), r && (o.filter = "none"), o.setTransform(1, 0, 0, 1, 0, 0));
-}, ne = ({
+  const d = Math.round(t.destination.width), u = Math.round(t.destination.height);
+  e.width !== d && (e.width = d), e.height !== u && (e.height = u);
+  const c = e.getContext("2d");
+  c && (c.setTransform(1, 0, 0, 1, 0, 0), c.clearRect(0, 0, d, u), a && (c.translate(d, 0), c.scale(-1, 1)), s && (c.filter = s), c.drawImage(r, t.offsetX, t.offsetY, t.drawWidth, t.drawHeight), s && (c.filter = "none"), c.setTransform(1, 0, 0, 1, 0, 0));
+}, le = ({
   canvasRef: e,
   enabled: t = !0,
-  fps: n = 30,
+  fps: r = 30,
   imageRef: a,
-  layout: r,
-  mirrored: i,
-  sourceKind: s,
-  videoRef: o
+  layout: s,
+  mirrored: d,
+  sourceKind: u,
+  videoRef: c
 }) => {
-  M(() => {
+  F(() => {
     if (!t) {
-      const p = e.current, c = p == null ? void 0 : p.getContext("2d");
-      p && c && c.clearRect(0, 0, p.width, p.height);
+      const f = e.current, g = f == null ? void 0 : f.getContext("2d");
+      f && g && g.clearRect(0, 0, f.width, f.height);
       return;
     }
-    let h = 0, m = 0;
-    const d = n > 0 ? 1e3 / n : 0, g = (p) => {
-      if (h = requestAnimationFrame(g), d > 0 && p - m < d) return;
-      m = p;
-      const c = e.current;
-      if (!c || !r) return;
-      if (s === "image") {
-        const w = a.current;
-        if (!w || !w.complete || w.naturalWidth <= 0 || w.naturalHeight <= 0)
+    let o = 0, p = 0;
+    const h = r > 0 ? 1e3 / r : 0, n = (f) => {
+      if (o = requestAnimationFrame(n), h > 0 && f - p < h) return;
+      p = f;
+      const g = e.current;
+      if (!g || !s) return;
+      if (u === "image") {
+        const l = a.current;
+        if (!l || !l.complete || l.naturalWidth <= 0 || l.naturalHeight <= 0)
           return;
-        j({
-          canvas: c,
-          layout: r,
-          media: w,
-          mirrored: i
+        U({
+          canvas: g,
+          layout: s,
+          media: l,
+          mirrored: d
         });
         return;
       }
-      const b = o.current;
-      !b || b.readyState < 2 || b.videoWidth <= 0 || b.videoHeight <= 0 || j({
-        canvas: c,
-        layout: r,
-        media: b,
-        mirrored: i
+      const i = c.current;
+      !i || i.readyState < 2 || i.videoWidth <= 0 || i.videoHeight <= 0 || U({
+        canvas: g,
+        layout: s,
+        media: i,
+        mirrored: d
       });
     };
-    return h = requestAnimationFrame(g), () => {
-      cancelAnimationFrame(h);
+    return o = requestAnimationFrame(n), () => {
+      cancelAnimationFrame(o);
     };
-  }, [e, t, n, a, r, i, s, o]);
-}, Se = ({
+  }, [e, t, r, a, s, d, u, c]);
+}, Fe = ({
   canvasRef: e,
   imageRef: t,
-  layer: n,
+  layer: r,
   layout: a,
-  mirrored: r,
-  sourceKind: i,
-  videoRef: s
-}) => (ne({
+  mirrored: s,
+  onCaptureTarget: d,
+  sourceKind: u,
+  videoRef: c
+}) => (le({
   canvasRef: e,
   imageRef: t,
   layout: a,
-  mirrored: r,
-  sourceKind: i,
-  videoRef: s
-}), /* @__PURE__ */ f($, { config: n, children: /* @__PURE__ */ f(
+  mirrored: s,
+  sourceKind: u,
+  videoRef: c
+}), F(() => {
+  const o = e.current;
+  if (o)
+    return d == null || d(o), () => d == null ? void 0 : d(void 0);
+}, [e, d]), /* @__PURE__ */ S(X, { config: r, children: /* @__PURE__ */ S(
   "canvas",
   {
     ref: e,
@@ -175,339 +132,84 @@ const Ee = {
       background: "#000"
     }
   }
-) })), rt = ({
+) })), Rt = ({
   canvasRef: e,
   controlInsetTop: t,
-  debugVisible: n,
+  debugVisible: r,
   fps: a = 15,
-  imageRef: r,
-  layer: i,
-  layout: s,
-  mirrored: o,
-  sourceKind: h,
-  videoRef: m,
-  viewportSize: d
+  imageRef: s,
+  layer: d,
+  layout: u,
+  mirrored: c,
+  sourceKind: o,
+  videoRef: p,
+  viewportSize: h
 }) => {
-  ne({
+  le({
     canvasRef: e,
-    enabled: n,
+    enabled: r,
     fps: a,
-    imageRef: r,
-    layout: s,
-    mirrored: o,
-    sourceKind: h,
-    videoRef: m
+    imageRef: s,
+    layout: u,
+    mirrored: c,
+    sourceKind: o,
+    videoRef: p
   });
-  const g = Math.min(220, Math.max(120, d.width * 0.22)), p = d.width > 0 && d.height > 0 ? d.width / d.height : 1, c = Math.min(d.height - 24, Math.max(t ?? 16, 16));
-  return /* @__PURE__ */ f($, { config: i, children: /* @__PURE__ */ f(
+  const n = Math.min(220, Math.max(120, h.width * 0.22)), f = h.width > 0 && h.height > 0 ? h.width / h.height : 1, g = Math.min(h.height - 24, Math.max(t ?? 16, 16));
+  return /* @__PURE__ */ S(X, { config: d, children: /* @__PURE__ */ S(
     "canvas",
     {
       ref: e,
       style: {
         position: "absolute",
         left: 16,
-        top: c,
-        width: n ? g : 1,
-        height: n ? "auto" : 1,
-        aspectRatio: `${p}`,
-        opacity: n ? 0.85 : 0,
+        top: g,
+        width: r ? n : 1,
+        height: r ? "auto" : 1,
+        aspectRatio: `${f}`,
+        opacity: r ? 0.85 : 0,
         borderRadius: 10,
-        border: n ? "1px solid rgba(255,255,255,0.16)" : "none",
+        border: r ? "1px solid rgba(255,255,255,0.16)" : "none",
         pointerEvents: "none",
         objectFit: "contain",
         background: "#000"
       }
     }
   ) });
-}, Ie = 5, Fe = 1, Me = (e, t) => t, ke = "brightness(2.2) contrast(1.5) saturate(1.25)", ze = ({
-  enabled: e,
-  displayMirrored: t,
-  imageRef: n,
-  layout: a,
-  mode: r,
-  numFaces: i,
-  selectedSource: s,
-  sourceStream: o,
-  videoRef: h
-}) => {
-  const { session: m } = ye(), d = k(null), g = k(!1), p = k(document.createElement("canvas")), {
-    ready: c,
-    node: b,
-    error: w
-  } = he(re.FACE_TRACKER, {
-    numFaces: i ?? (r === "head-binding" ? Fe : Ie)
-  }), [S, v] = y("idle"), [A, I] = y(null), F = e && c && !!b, L = te({
-    node: F ? b : null,
-    enabled: F,
-    selectedSource: s,
-    onFrame: fe(() => {
-      I(null), v("ready");
-    }, [])
-  });
-  return M(() => {
-    if (!e || !a) return;
-    const u = () => {
-      const x = s === "image" ? n.current : h.current;
-      if (x) {
-        if (x instanceof HTMLImageElement) {
-          if (!x.complete || x.naturalWidth <= 0 || x.naturalHeight <= 0) return;
-        } else if (x.readyState < 2 || x.videoWidth <= 0 || x.videoHeight <= 0)
-          return;
-        j({
-          canvas: p.current,
-          layout: a,
-          media: x,
-          mirrored: t,
-          filter: s === "webcam" ? ke : void 0
-        });
-      }
-    };
-    if (s === "image") {
-      u();
-      return;
-    }
-    let l = 0;
-    const C = () => {
-      l = requestAnimationFrame(C), u();
-    };
-    return l = requestAnimationFrame(C), () => cancelAnimationFrame(l);
-  }, [t, e, n, a, s, h]), M(() => {
-    var T;
-    if (!e) {
-      v("idle"), I(null), g.current = !1, d.current = null;
-      return;
-    }
-    if (!a) {
-      v("initializing");
-      return;
-    }
-    const u = (o == null ? void 0 : o.id) ?? (((T = h.current) == null ? void 0 : T.srcObject) instanceof MediaStream ? h.current.srcObject.id : "none"), C = s === "webcam" ? `webcam:${u}` : s;
-    d.current !== C && (g.current = !1, d.current = C);
-    let x = !1;
-    return (async () => {
-      try {
-        if (v("initializing"), g.current || (await m.setFrameSource({
-          canvas: p.current,
-          sourceKind: s
-        }), await m.start(), g.current = !0), x) return;
-        I(null), v("initializing");
-      } catch (E) {
-        if (x) return;
-        v("error"), I(E instanceof Error ? E.message : "Failed to initialize SDK face tracking");
-      }
-    })(), () => {
-      x = !0;
-    };
-  }, [e, a, s, m, o, h]), M(() => {
-    !F && e && !w && v("initializing");
-  }, [F, e, w]), M(() => {
-    w && (v("error"), I(w.message));
-  }, [w]), M(() => () => {
-    g.current = !1, m.stop();
-  }, [m]), {
-    activeDelegate: "GPU",
-    faces: L,
-    status: S,
-    error: A
-  };
-}, ie = pe(null), Te = {
+}, Oe = {
   audio: !1,
   video: {
     facingMode: "user",
     frameRate: { ideal: 30, max: 60 }
   }
-}, Xe = {
+}, De = {
   name: "viewport-live",
   clearColor: "#000000",
   pointerEvents: "none",
   zIndex: 0
-}, Ae = {
+}, ke = {
   name: "viewport-ui",
   clearColor: "transparent",
   pointerEvents: "auto",
   zIndex: 5
-}, Le = {
+}, Be = {
   name: "viewport-scene",
   clearColor: "transparent",
   pointerEvents: "auto",
   zIndex: 1
-}, X = {
+}, B = {
   webcam: { icon: "◉", label: "Webcam" },
   image: { icon: "▣", label: "Images" },
   video: { icon: "▶", label: "Videos" }
-}, K = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
-K.displayName = "XRViewport.Scene";
-const O = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
-O.displayName = "XRViewport.Overlay";
-const We = (e) => {
-  if (!e)
-    return { width: 0, height: 0 };
-  const t = e.getBoundingClientRect();
-  return {
-    width: t.width || e.clientWidth,
-    height: t.height || e.clientHeight
-  };
-}, Be = (e) => {
-  const [t, n] = y({ width: 0, height: 0 });
-  return be(() => {
-    const a = e.current;
-    if (!a) return;
-    let r = 0;
-    const i = () => {
-      const m = We(a);
-      n(
-        (d) => d.width === m.width && d.height === m.height ? d : m
-      );
-    };
-    i(), r = requestAnimationFrame(i);
-    const s = new ResizeObserver(() => {
-      i(), r && cancelAnimationFrame(r), r = requestAnimationFrame(i);
-    });
-    s.observe(a);
-    const o = window.visualViewport, h = () => {
-      i(), r && cancelAnimationFrame(r), r = requestAnimationFrame(i);
-    };
-    return window.addEventListener("resize", h), window.addEventListener("orientationchange", h), o == null || o.addEventListener("resize", h), o == null || o.addEventListener("scroll", h), () => {
-      r && cancelAnimationFrame(r), s.disconnect(), window.removeEventListener("resize", h), window.removeEventListener("orientationchange", h), o == null || o.removeEventListener("resize", h), o == null || o.removeEventListener("scroll", h);
-    };
-  }, [e]), t;
-}, J = (e) => {
-  e && (e.pause(), e.removeAttribute("src"), e.srcObject = null, e.load());
-}, Q = (e) => {
-  e && e.removeAttribute("src");
-}, He = ({
-  enabled: e,
-  imageAsset: t,
-  selectedSource: n,
-  videoAsset: a
-}) => {
-  const r = k(null), i = k(null), [s, o] = y(null), [h, m] = y({ width: 0, height: 0 }), [d, g] = y("idle"), [p, c] = y(null);
-  return M(() => {
-    if (!e) {
-      J(r.current), Q(i.current), o(null), m({ width: 0, height: 0 }), g("idle"), c(null);
-      return;
-    }
-    let b = !1, w = null;
-    const S = (u, l) => {
-      b || (m({ width: u, height: l }), g("ready"), c(null));
-    }, v = () => {
-      J(r.current), Q(i.current), w == null || w.getTracks().forEach((u) => u.stop()), w = null, o(null);
-    }, A = async () => {
-      g("requesting");
-      const u = await navigator.mediaDevices.getUserMedia(Te);
-      if (b) {
-        u.getTracks().forEach((C) => C.stop());
-        return;
-      }
-      w = u, o(u);
-      const l = r.current;
-      l && (l.srcObject = u, l.muted = !0, l.playsInline = !0, l.autoplay = !0, await l.play(), S(l.videoWidth, l.videoHeight));
-    }, I = async (u) => {
-      g("requesting"), o(null);
-      const l = r.current;
-      l && (l.src = u, l.muted = !0, l.loop = !0, l.playsInline = !0, l.autoplay = !0, l.crossOrigin = "anonymous", await l.play(), S(l.videoWidth, l.videoHeight));
-    }, F = async (u) => {
-      g("requesting"), o(null);
-      const l = i.current;
-      l && (await new Promise((C, x) => {
-        l.onload = () => C(), l.onerror = () => x(new Error("Unable to load image")), l.src = u;
-      }), S(l.naturalWidth, l.naturalHeight));
-    };
-    return v(), (async () => {
-      try {
-        if (n === "webcam") {
-          await A();
-          return;
-        }
-        if (n === "video") {
-          if (!(a != null && a.src))
-            throw new Error("Missing video source");
-          await I(a.src);
-          return;
-        }
-        if (!(t != null && t.src))
-          throw new Error("Missing image source");
-        await F(t.src);
-      } catch (u) {
-        if (b) return;
-        g("error"), c(u instanceof Error ? u.message : `Unable to initialize ${n}`);
-      }
-    })(), () => {
-      b = !0, v();
-    };
-  }, [e, t, n, a]), {
-    videoRef: r,
-    imageRef: i,
-    stream: s,
-    mediaSize: h,
-    status: d,
-    error: p
-  };
-}, Ve = (e, t) => e === "auto" ? t === "webcam" ? "cover" : "contain" : e, De = ({
-  imageOptions: e,
-  initialImageId: t,
-  initialSource: n,
-  initialVideoId: a,
-  source: r,
-  videoOptions: i
-}) => {
-  var d, g, p, c;
-  const s = (r == null ? void 0 : r.kind) ?? n ?? "webcam", o = s === "image" && e.length === 0 || s === "video" && i.length === 0 ? "webcam" : s, h = (r == null ? void 0 : r.kind) === "image" ? r.assetId ?? ((d = e[0]) == null ? void 0 : d.id) ?? "" : t ?? ((g = e[0]) == null ? void 0 : g.id) ?? "", m = (r == null ? void 0 : r.kind) === "video" ? r.assetId ?? ((p = i[0]) == null ? void 0 : p.id) ?? "" : a ?? ((c = i[0]) == null ? void 0 : c.id) ?? "";
-  return {
-    selectedSource: o,
-    selectedImageId: h,
-    selectedVideoId: m
-  };
-}, _e = (e, t, n) => {
-  if (e.width <= 0 || e.height <= 0 || t.width <= 0 || t.height <= 0)
-    return null;
-  const a = n === "contain" ? Math.min(t.width / e.width, t.height / e.height) : Math.max(t.width / e.width, t.height / e.height), r = e.width * a, i = e.height * a, s = (t.width - r) * 0.5, o = (t.height - i) * 0.5;
-  return {
-    source: e,
-    destination: t,
-    drawWidth: r,
-    drawHeight: i,
-    offsetX: s,
-    offsetY: o,
-    scale: a
-  };
-}, $e = (e, t) => {
-  if (e === "dom")
-    return {
-      sceneContent: null,
-      overlayContent: t
-    };
-  let n = null, a = null;
-  const r = [];
-  return we.forEach(t, (i) => {
-    var o;
-    if (!ve(i)) {
-      i != null && r.push(i);
-      return;
-    }
-    const s = (o = i.type) == null ? void 0 : o.displayName;
-    if (s === K.displayName) {
-      n = i.props.children;
-      return;
-    }
-    if (s === O.displayName) {
-      a = i.props.children;
-      return;
-    }
-    r.push(i);
-  }), !a && r.length > 0 && (a = r), {
-    sceneContent: n,
-    overlayContent: a
-  };
-}, Z = (e, t) => typeof e == "function" ? e(t) : e, nt = () => ge(ie), qe = ({
+}, Le = ({
   imageRef: e,
   selectedSource: t,
-  videoRef: n
-}) => /* @__PURE__ */ z(q, { children: [
-  /* @__PURE__ */ f(
+  videoRef: r
+}) => /* @__PURE__ */ k(W, { children: [
+  /* @__PURE__ */ S(
     "video",
     {
-      ref: n,
+      ref: r,
       style: {
         position: "absolute",
         width: 1,
@@ -517,7 +219,7 @@ const We = (e) => {
       }
     }
   ),
-  /* @__PURE__ */ f(
+  /* @__PURE__ */ S(
     "img",
     {
       ref: e,
@@ -531,13 +233,13 @@ const We = (e) => {
       }
     }
   )
-] }), ee = ({
+] }), te = ({
   dock: e,
   label: t,
-  onChange: n,
+  onChange: r,
   options: a,
-  value: r
-}) => /* @__PURE__ */ f(
+  value: s
+}) => /* @__PURE__ */ S(
   "div",
   {
     style: {
@@ -554,7 +256,7 @@ const We = (e) => {
       boxShadow: "0 12px 30px rgba(0,0,0,0.18)",
       backdropFilter: "blur(10px)"
     },
-    children: /* @__PURE__ */ z(
+    children: /* @__PURE__ */ k(
       "label",
       {
         style: {
@@ -565,12 +267,12 @@ const We = (e) => {
           fontWeight: 700
         },
         children: [
-          /* @__PURE__ */ f("span", { children: t }),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ S("span", { children: t }),
+          /* @__PURE__ */ S(
             "select",
             {
-              value: r,
-              onChange: (i) => n(i.target.value),
+              value: s,
+              onChange: (d) => r(d.target.value),
               style: {
                 minWidth: 180,
                 maxWidth: "calc(100vw - 52px)",
@@ -581,7 +283,7 @@ const We = (e) => {
                 color: "#e5eefb",
                 padding: "0 10px"
               },
-              children: a.map((i) => /* @__PURE__ */ f("option", { value: i.id, style: { color: "#111827" }, children: i.label }, i.id))
+              children: a.map((d) => /* @__PURE__ */ S("option", { value: d.id, style: { color: "#111827" }, children: d.label }, d.id))
             }
           )
         ]
@@ -591,21 +293,21 @@ const We = (e) => {
 ), Ne = ({
   dock: e,
   imageOptions: t,
-  selectedImageId: n,
+  selectedImageId: r,
   selectedSource: a,
-  selectedVideoId: r,
-  setSelectedImageId: i,
-  setSelectedSource: s,
-  setSelectedVideoId: o,
-  showMediaControls: h,
-  videoOptions: m
+  selectedVideoId: s,
+  setSelectedImageId: d,
+  setSelectedSource: u,
+  setSelectedVideoId: c,
+  showMediaControls: o,
+  videoOptions: p
 }) => {
-  const [d, g] = y(!1), p = ["webcam", "image", "video"].filter((c) => c === "image" ? t.length > 0 : c === "video" ? m.length > 0 : !0);
-  return h ? d ? /* @__PURE__ */ f(
+  const [h, n] = T(!1), f = ["webcam", "image", "video"].filter((g) => g === "image" ? t.length > 0 : g === "video" ? p.length > 0 : !0);
+  return o ? h ? /* @__PURE__ */ S(
     "button",
     {
       type: "button",
-      onClick: () => g(!1),
+      onClick: () => n(!1),
       "aria-label": "Open media controls",
       title: "Open media controls",
       style: {
@@ -626,8 +328,8 @@ const We = (e) => {
       },
       children: "≡"
     }
-  ) : /* @__PURE__ */ z(q, { children: [
-    /* @__PURE__ */ z(
+  ) : /* @__PURE__ */ k(W, { children: [
+    /* @__PURE__ */ k(
       "div",
       {
         style: {
@@ -642,7 +344,7 @@ const We = (e) => {
           maxWidth: "calc(100vw - 32px)"
         },
         children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ S(
             "div",
             {
               style: {
@@ -657,15 +359,15 @@ const We = (e) => {
                 backdropFilter: "blur(10px)",
                 overflowX: "auto"
               },
-              children: p.map((c) => {
-                const b = c === a;
-                return /* @__PURE__ */ z(
+              children: f.map((g) => {
+                const i = g === a;
+                return /* @__PURE__ */ k(
                   "button",
                   {
                     type: "button",
-                    onClick: () => s(c),
-                    "aria-pressed": b,
-                    title: X[c].label,
+                    onClick: () => u(g),
+                    "aria-pressed": i,
+                    title: B[g].label,
                     style: {
                       border: "none",
                       borderRadius: 999,
@@ -676,26 +378,26 @@ const We = (e) => {
                       alignItems: "center",
                       justifyContent: "center",
                       gap: 8,
-                      background: b ? "rgba(56, 189, 248, 0.18)" : "rgba(255,255,255,0.04)",
-                      color: b ? "#e0f2fe" : "rgba(229,238,251,0.82)",
+                      background: i ? "rgba(56, 189, 248, 0.18)" : "rgba(255,255,255,0.04)",
+                      color: i ? "#e0f2fe" : "rgba(229,238,251,0.82)",
                       cursor: "pointer",
                       flex: "0 0 auto"
                     },
                     children: [
-                      /* @__PURE__ */ f("span", { style: { fontSize: 14, lineHeight: 1 }, children: X[c].icon }),
-                      /* @__PURE__ */ f("span", { style: { fontSize: 12, fontWeight: 700, letterSpacing: "0.01em" }, children: X[c].label })
+                      /* @__PURE__ */ S("span", { style: { fontSize: 14, lineHeight: 1 }, children: B[g].icon }),
+                      /* @__PURE__ */ S("span", { style: { fontSize: 12, fontWeight: 700, letterSpacing: "0.01em" }, children: B[g].label })
                     ]
                   },
-                  c
+                  g
                 );
               })
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ S(
             "button",
             {
               type: "button",
-              onClick: () => g(!0),
+              onClick: () => n(!0),
               "aria-label": "Close media controls",
               title: "Close media controls",
               style: {
@@ -716,226 +418,1389 @@ const We = (e) => {
         ]
       }
     ),
-    a === "image" && t.length > 0 && /* @__PURE__ */ f(
-      ee,
+    a === "image" && t.length > 0 && /* @__PURE__ */ S(
+      te,
       {
         dock: e,
         label: "Image Asset",
         options: t,
-        value: n,
-        onChange: i
+        value: r,
+        onChange: d
       }
     ),
-    a === "video" && m.length > 0 && /* @__PURE__ */ f(
-      ee,
+    a === "video" && p.length > 0 && /* @__PURE__ */ S(
+      te,
       {
         dock: e,
         label: "Video Asset",
-        options: m,
-        value: r,
-        onChange: o
+        options: p,
+        value: s,
+        onChange: c
       }
     )
   ] }) : null;
-}, Pe = ({
-  enabled: e,
-  selectedSource: t
-}) => {
-  const n = me(re.FACE_TRACKER);
-  return {
-    faces: te({ node: n, enabled: e, selectedSource: t }),
-    trackerStatus: n ? "ready" : "idle"
-  };
-}, oe = ({
-  children: e,
-  fitMode: t = "auto",
-  imageOptions: n = [],
-  initialImageId: a,
-  initialMirrored: r = !0,
-  initialSource: i = "webcam",
-  initialVideoId: s,
-  mediaStrategy: o = "internal",
-  mediaDock: h = "bottom-left",
-  mode: m = "dom",
-  showMediaControlsByDefault: d = !0,
-  source: g,
-  style: p,
-  videoOptions: c = []
+}, He = ({
+  containerRef: e,
+  displayCanvasRef: t,
+  imageOptions: r,
+  imageRef: a,
+  layout: s,
+  managesOwnMedia: d,
+  mediaDock: u,
+  mode: c,
+  overlayContent: o,
+  renderOutputs: p,
+  sceneContent: h,
+  selectedImageId: n,
+  selectedSource: f,
+  selectedVideoId: g,
+  setSceneRenderOutputs: i,
+  setSelectedImageId: l,
+  setSelectedSource: m,
+  setSelectedVideoId: y,
+  showMediaControls: R,
+  style: E,
+  videoOptions: _,
+  videoRef: I,
+  viewportSize: w,
+  mirrored: b
 }) => {
-  const b = k(null), w = k(null), S = Be(b), v = G(
-    () => De({
-      imageOptions: n,
-      initialImageId: a,
-      initialSource: i,
-      initialVideoId: s,
-      source: g,
-      videoOptions: c
-    }),
-    [n, a, i, s, g, c]
-  ), [A, I] = y(r), [F, L] = y(d), [u, l] = y(
-    v.selectedSource
-  ), [C, x] = y(v.selectedImageId), [W, T] = y(v.selectedVideoId), E = o === "internal";
-  M(() => {
-    g && (l(v.selectedSource), x(v.selectedImageId), T(v.selectedVideoId));
-  }, [v, g]);
-  const B = n.find((U) => U.id === C) ?? n[0], H = c.find((U) => U.id === W) ?? c[0], R = He({
-    enabled: E,
-    imageAsset: B,
-    selectedSource: u,
-    videoAsset: H
-  }), N = Ve(t, u), V = G(
-    () => _e(R.mediaSize, S, N),
-    [R.mediaSize, N, S]
-  ), P = Me(u, A), D = ze({
-    displayMirrored: P,
-    enabled: E && R.status === "ready" && V !== null,
-    imageRef: R.imageRef,
-    layout: V,
-    selectedSource: u,
-    sourceStream: R.stream,
-    videoRef: R.videoRef
-  }), Y = Pe({
-    enabled: !E,
-    selectedSource: u
-  }), ae = u === "image" ? `${X.image.label}: ${(B == null ? void 0 : B.label) ?? ""}` : u === "video" ? `${X.video.label}: ${(H == null ? void 0 : H.label) ?? ""}` : X.webcam.label, _ = {
-    activeDelegate: E ? D.activeDelegate : null,
-    faces: E ? D.faces : Y.faces,
-    imageOptions: n,
-    layout: V,
-    mediaError: R.error,
-    mediaFitMode: N,
-    mediaLabel: ae,
-    mediaStatus: R.status,
-    mirrored: P,
-    selectedImageId: C,
-    selectedSource: u,
-    selectedVideoId: W,
-    setMirrored: I,
-    setSelectedImageId: x,
-    setSelectedSource: l,
-    setSelectedVideoId: T,
-    setShowMediaControls: L,
-    showMediaControls: F,
-    trackerError: E ? D.error : null,
-    trackerStatus: E ? D.status : Y.trackerStatus,
-    videoOptions: c,
-    viewportSize: S,
-    mediaSize: R.mediaSize
-  }, se = typeof e == "function" ? e(_) : e, { sceneContent: le, overlayContent: ce } = $e(m, se), de = Z(
-    le,
-    _
-  ), ue = Z(
-    ce,
-    _
-  );
-  return /* @__PURE__ */ f(ie.Provider, { value: _, children: /* @__PURE__ */ z(
+  const { session: x } = oe();
+  return /* @__PURE__ */ k(
     "div",
     {
-      ref: b,
+      ref: e,
       style: {
         position: "fixed",
         inset: 0,
         overflow: "hidden",
         background: "#000",
-        ...p
+        ...E
       },
       children: [
-        /* @__PURE__ */ f(
-          qe,
+        /* @__PURE__ */ S(Le, { imageRef: a, selectedSource: f, videoRef: I }),
+        c === "dom" && d && /* @__PURE__ */ S(
+          Fe,
           {
-            imageRef: R.imageRef,
-            selectedSource: u,
-            videoRef: R.videoRef
+            canvasRef: t,
+            imageRef: a,
+            videoRef: I,
+            layer: De,
+            layout: s,
+            mirrored: b,
+            onCaptureTarget: x._setCaptureTarget,
+            sourceKind: f === "image" ? "image" : "video"
           }
         ),
-        m === "dom" && E && /* @__PURE__ */ f(
-          Se,
+        (c === "r3f" || c === "hybrid") && /* @__PURE__ */ S(X, { config: Be, children: /* @__PURE__ */ S(
+          Ae,
           {
-            canvasRef: w,
-            imageRef: R.imageRef,
-            videoRef: R.videoRef,
-            layer: Xe,
-            layout: V,
-            mirrored: P,
-            sourceKind: u === "image" ? "image" : "video"
+            onRenderOutputs: i,
+            renderOutputs: {
+              sceneColor: p.sceneColor || p.finalColor,
+              sceneDepth: p.sceneDepth
+            },
+            renderTargetSize: w,
+            style: { width: "100%", height: "100%" },
+            children: h
           }
-        ),
-        (m === "r3f" || m === "hybrid") && /* @__PURE__ */ f($, { config: Le, children: /* @__PURE__ */ f(Ce, { renderTargetSize: S, style: { width: "100%", height: "100%" }, children: de }) }),
-        /* @__PURE__ */ z($, { config: Ae, children: [
-          E && /* @__PURE__ */ f(
+        ) }),
+        /* @__PURE__ */ k(X, { config: ke, children: [
+          d && /* @__PURE__ */ S(
             Ne,
             {
-              dock: h,
-              imageOptions: n,
-              selectedImageId: C,
-              selectedSource: u,
-              selectedVideoId: W,
-              setSelectedImageId: x,
-              setSelectedSource: l,
-              setSelectedVideoId: T,
-              showMediaControls: F,
-              videoOptions: c
+              dock: u,
+              imageOptions: r,
+              selectedImageId: n,
+              selectedSource: f,
+              selectedVideoId: g,
+              setSelectedImageId: l,
+              setSelectedSource: m,
+              setSelectedVideoId: y,
+              showMediaControls: R,
+              videoOptions: _
             }
           ),
-          ue
+          o
         ] })
       ]
     }
-  ) });
-};
-oe.Scene = K;
-oe.Overlay = O;
-const it = (e) => {
-  const [t, n] = y(null);
-  return M(() => {
+  );
+}, Ge = 5, Pe = 1, Xe = (e, t) => t, We = "brightness(2.2) contrast(1.5) saturate(1.25)", ze = ({
+  enabled: e,
+  displayMirrored: t,
+  imageRef: r,
+  layout: a,
+  mode: s,
+  numFaces: d,
+  selectedSource: u,
+  sourceStream: c,
+  videoRef: o
+}) => {
+  const { session: p } = oe(), h = D(null), n = D(!1), f = D(document.createElement("canvas")), {
+    ready: g,
+    node: i,
+    error: l
+  } = Re(N.FACE_TRACKER, {
+    numFaces: d ?? (s === "head-binding" ? Pe : Ge)
+  }), [m, y] = T("idle"), [R, E] = T(null), _ = e && g && !!i, I = ie({
+    node: _ ? i : null,
+    enabled: _,
+    selectedSource: u,
+    onFrame: _e(() => {
+      E(null), y("ready");
+    }, [])
+  });
+  return F(() => {
+    if (!e || !a) return;
+    const w = () => {
+      const v = u === "image" ? r.current : o.current;
+      if (v) {
+        if (v instanceof HTMLImageElement) {
+          if (!v.complete || v.naturalWidth <= 0 || v.naturalHeight <= 0) return;
+        } else if (v.readyState < 2 || v.videoWidth <= 0 || v.videoHeight <= 0)
+          return;
+        U({
+          canvas: f.current,
+          layout: a,
+          media: v,
+          mirrored: t,
+          filter: u === "webcam" ? We : void 0
+        });
+      }
+    };
+    if (u === "image") {
+      w();
+      return;
+    }
+    let b = 0;
+    const x = () => {
+      b = requestAnimationFrame(x), w();
+    };
+    return b = requestAnimationFrame(x), () => cancelAnimationFrame(b);
+  }, [t, e, r, a, u, o]), F(() => {
+    var H;
+    if (!e) {
+      y("idle"), E(null), n.current = !1, h.current = null;
+      return;
+    }
+    if (!a) {
+      y("initializing");
+      return;
+    }
+    const w = (c == null ? void 0 : c.id) ?? (((H = o.current) == null ? void 0 : H.srcObject) instanceof MediaStream ? o.current.srcObject.id : "none"), x = u === "webcam" ? `webcam:${w}` : u;
+    h.current !== x && (n.current = !1, h.current = x);
+    let v = !1;
+    return (async () => {
+      try {
+        y("initializing");
+        const C = !n.current;
+        if (C && await p.setFrameSource({
+          canvas: f.current,
+          sourceKind: u
+        }), await p._setRenderSize(
+          Math.round(a.destination.width),
+          Math.round(a.destination.height)
+        ), C && (await p.start(), n.current = !0), v) return;
+        E(null), y("initializing");
+      } catch (C) {
+        if (v) return;
+        y("error"), E(C instanceof Error ? C.message : "Failed to initialize SDK face tracking");
+      }
+    })(), () => {
+      v = !0;
+    };
+  }, [e, a, u, p, c, o]), F(() => {
+    !_ && e && !l && y("initializing");
+  }, [_, e, l]), F(() => {
+    l && (y("error"), E(l.message));
+  }, [l]), F(() => () => {
+    n.current = !1, p.stop();
+  }, [p]), {
+    activeDelegate: "GPU",
+    faces: I,
+    status: m,
+    error: R
+  };
+}, Ye = (e, t) => e === "auto" ? t === "webcam" ? "cover" : "contain" : e, Ve = ({
+  imageOptions: e,
+  initialImageId: t,
+  initialSource: r,
+  initialVideoId: a,
+  source: s,
+  videoOptions: d
+}) => {
+  var o, p, h, n;
+  const u = (s == null ? void 0 : s.kind) ?? r ?? "webcam";
+  return {
+    selectedSource: u === "image" && e.length === 0 || u === "video" && d.length === 0 ? "webcam" : u,
+    selectedImageId: (s == null ? void 0 : s.kind) === "image" ? s.assetId ?? ((o = e[0]) == null ? void 0 : o.id) ?? "" : t ?? ((p = e[0]) == null ? void 0 : p.id) ?? "",
+    selectedVideoId: (s == null ? void 0 : s.kind) === "video" ? s.assetId ?? ((h = d[0]) == null ? void 0 : h.id) ?? "" : a ?? ((n = d[0]) == null ? void 0 : n.id) ?? ""
+  };
+}, $e = (e, t, r) => {
+  if (e.width <= 0 || e.height <= 0 || t.width <= 0 || t.height <= 0)
+    return null;
+  const a = he(e, t, r);
+  return a ? { source: e, destination: t, ...a } : null;
+}, Ue = (e) => {
+  if (!e) return { width: 0, height: 0 };
+  const t = e.getBoundingClientRect();
+  return {
+    width: t.width || e.clientWidth,
+    height: t.height || e.clientHeight
+  };
+}, qe = (e) => {
+  const [t, r] = T({ width: 0, height: 0 });
+  return Ee(() => {
+    const a = e.current;
+    if (!a) return;
+    let s = 0;
+    const d = () => {
+      const p = Ue(a);
+      r(
+        (h) => h.width === p.width && h.height === p.height ? h : p
+      );
+    }, u = () => {
+      d(), s && cancelAnimationFrame(s), s = requestAnimationFrame(d);
+    };
+    u();
+    const c = new ResizeObserver(u);
+    c.observe(a);
+    const o = window.visualViewport;
+    return window.addEventListener("resize", u), window.addEventListener("orientationchange", u), o == null || o.addEventListener("resize", u), o == null || o.addEventListener("scroll", u), () => {
+      s && cancelAnimationFrame(s), c.disconnect(), window.removeEventListener("resize", u), window.removeEventListener("orientationchange", u), o == null || o.removeEventListener("resize", u), o == null || o.removeEventListener("scroll", u);
+    };
+  }, [e]), t;
+}, Ke = ({
+  enabled: e,
+  selectedSource: t
+}) => {
+  const r = we(N.FACE_TRACKER);
+  return {
+    faces: ie({ node: r, enabled: e, selectedSource: t }),
+    trackerStatus: r ? "ready" : "idle"
+  };
+}, ae = (e) => {
+  e && (e.pause(), e.removeAttribute("src"), e.srcObject = null, e.load());
+}, re = (e) => {
+  e && e.removeAttribute("src");
+}, je = ({
+  enabled: e,
+  imageAsset: t,
+  selectedSource: r,
+  videoAsset: a
+}) => {
+  const s = D(null), d = D(null), [u, c] = T(null), [o, p] = T({ width: 0, height: 0 }), [h, n] = T("idle"), [f, g] = T(null);
+  return F(() => {
+    if (!e) {
+      ae(s.current), re(d.current), c(null), p({ width: 0, height: 0 }), n("idle"), g(null);
+      return;
+    }
+    let i = !1, l = null;
+    const m = (w, b) => {
+      i || (p({ width: w, height: b }), n("ready"), g(null));
+    }, y = () => {
+      ae(s.current), re(d.current), l == null || l.getTracks().forEach((w) => w.stop()), l = null, c(null);
+    }, R = async () => {
+      n("requesting");
+      const w = await navigator.mediaDevices.getUserMedia(Oe);
+      if (i) {
+        w.getTracks().forEach((x) => x.stop());
+        return;
+      }
+      l = w, c(w);
+      const b = s.current;
+      b && (b.srcObject = w, b.muted = !0, b.playsInline = !0, b.autoplay = !0, await b.play(), m(b.videoWidth, b.videoHeight));
+    }, E = async (w) => {
+      n("requesting"), c(null);
+      const b = s.current;
+      b && (b.src = w, b.muted = !0, b.loop = !0, b.playsInline = !0, b.autoplay = !0, b.crossOrigin = "anonymous", await b.play(), m(b.videoWidth, b.videoHeight));
+    }, _ = async (w) => {
+      n("requesting"), c(null);
+      const b = d.current;
+      b && (await new Promise((x, v) => {
+        b.onload = () => x(), b.onerror = () => v(new Error("Unable to load image")), b.src = w;
+      }), m(b.naturalWidth, b.naturalHeight));
+    };
+    return y(), (async () => {
+      try {
+        if (r === "webcam") {
+          await R();
+          return;
+        }
+        if (r === "video") {
+          if (!(a != null && a.src)) throw new Error("Missing video source");
+          await E(a.src);
+          return;
+        }
+        if (!(t != null && t.src)) throw new Error("Missing image source");
+        await _(t.src);
+      } catch (w) {
+        if (i) return;
+        n("error"), g(w instanceof Error ? w.message : `Unable to initialize ${r}`);
+      }
+    })(), () => {
+      i = !0, y();
+    };
+  }, [e, t, r, a]), {
+    videoRef: s,
+    imageRef: d,
+    stream: u,
+    mediaSize: o,
+    status: h,
+    error: f
+  };
+}, Je = ({
+  enabled: e,
+  imageRef: t,
+  selectedSource: r,
+  status: a,
+  videoRef: s
+}) => {
+  const [d, u] = T(null);
+  return F(() => {
+    if (!e || a !== "ready") {
+      u((p) => (p == null || p.dispose(), null));
+      return;
+    }
+    const c = r === "image" ? t.current : s.current;
+    if (!c) return;
+    const o = r === "image" ? new L.Texture(c) : new L.VideoTexture(c);
+    return o.colorSpace = L.SRGBColorSpace, o.minFilter = L.LinearFilter, o.magFilter = L.LinearFilter, o.generateMipmaps = !1, o.needsUpdate = !0, u((p) => (p == null || p.dispose(), o)), () => {
+      o.dispose();
+    };
+  }, [e, t, r, a, s]), d;
+}, Qe = ({
+  externalTracker: e,
+  imageOptions: t,
+  layout: r,
+  managesOwnMedia: a,
+  mediaError: s,
+  mediaFitMode: d,
+  mediaSize: u,
+  mediaStatus: c,
+  mirrored: o,
+  selectedImage: p,
+  selectedImageId: h,
+  selectedSource: n,
+  selectedVideo: f,
+  selectedVideoId: g,
+  setMirrored: i,
+  setSelectedImageId: l,
+  setSelectedSource: m,
+  setSelectedVideoId: y,
+  setShowMediaControls: R,
+  showMediaControls: E,
+  tracker: _,
+  videoOptions: I,
+  viewportSize: w
+}) => {
+  const b = n === "image" ? `${B.image.label}: ${(p == null ? void 0 : p.label) ?? ""}` : n === "video" ? `${B.video.label}: ${(f == null ? void 0 : f.label) ?? ""}` : B.webcam.label;
+  return {
+    activeDelegate: a ? _.activeDelegate : null,
+    faces: a ? _.faces : e.faces,
+    imageOptions: t,
+    layout: r,
+    mediaError: s,
+    mediaFitMode: d,
+    mediaLabel: b,
+    mediaStatus: c,
+    mirrored: o,
+    selectedImageId: h,
+    selectedSource: n,
+    selectedVideoId: g,
+    setMirrored: i,
+    setSelectedImageId: l,
+    setSelectedSource: m,
+    setSelectedVideoId: y,
+    setShowMediaControls: R,
+    showMediaControls: E,
+    trackerError: a ? _.error : null,
+    trackerStatus: a ? _.status : e.trackerStatus,
+    videoOptions: I,
+    viewportSize: w,
+    mediaSize: u
+  };
+}, Ze = ({
+  mediaTexture: e,
+  previewMode: t,
+  renderOutputs: r,
+  sceneRenderOutputs: a
+}) => $(
+  () => ({
+    requested: r,
+    previewMode: t,
+    mediaColorTexture: e,
+    sceneColorTexture: a.sceneColorTexture,
+    finalColorTexture: r.finalColor ? a.sceneColorTexture : null,
+    sceneDepthTexture: a.sceneDepthTexture,
+    estimatedDepthTexture: null,
+    available: {
+      mediaColor: e !== null,
+      sceneColor: a.sceneColorTexture !== null,
+      finalColor: !!(r.finalColor && a.sceneColorTexture),
+      sceneDepth: a.sceneDepthTexture !== null,
+      estimatedDepth: !1
+    }
+  }),
+  [e, t, r, a]
+), et = ({
+  fitMode: e,
+  imageOptions: t,
+  initialImageId: r,
+  initialMirrored: a,
+  initialSource: s,
+  initialVideoId: d,
+  mediaStrategy: u,
+  previewMode: c,
+  renderOutputs: o,
+  showMediaControlsByDefault: p,
+  source: h,
+  videoOptions: n
+}) => {
+  const f = D(null), g = D(null), i = qe(f), l = $(
+    () => Ve({
+      imageOptions: t,
+      initialImageId: r,
+      initialSource: s,
+      initialVideoId: d,
+      source: h,
+      videoOptions: n
+    }),
+    [t, r, s, d, h, n]
+  ), [m, y] = T(a), [R, E] = T(p), [_, I] = T(
+    l.selectedSource
+  ), [w, b] = T(l.selectedImageId), [x, v] = T(l.selectedVideoId), [J, H] = T({
+    sceneColorTexture: null,
+    sceneDepthTexture: null
+  }), C = u === "internal";
+  F(() => {
+    h && (I(l.selectedSource), b(l.selectedImageId), v(l.selectedVideoId));
+  }, [l, h]);
+  const Q = t.find((V) => V.id === w) ?? t[0], Z = n.find((V) => V.id === x) ?? n[0], A = je({
+    enabled: C,
+    imageAsset: Q,
+    selectedSource: _,
+    videoAsset: Z
+  }), z = Ye(e, _), G = $(
+    () => $e(A.mediaSize, i, z),
+    [A.mediaSize, z, i]
+  ), ce = Je({
+    enabled: !!(o.mediaColor || o.finalColor),
+    imageRef: A.imageRef,
+    selectedSource: _,
+    status: A.status,
+    videoRef: A.videoRef
+  }), Y = Xe(_, m), ue = ze({
+    displayMirrored: Y,
+    enabled: C && A.status === "ready" && G !== null,
+    imageRef: A.imageRef,
+    layout: G,
+    selectedSource: _,
+    sourceStream: A.stream,
+    videoRef: A.videoRef
+  }), me = Ke({
+    enabled: !C,
+    selectedSource: _
+  }), pe = Qe({
+    externalTracker: me,
+    imageOptions: t,
+    layout: G,
+    managesOwnMedia: C,
+    mediaError: A.error,
+    mediaFitMode: z,
+    mediaSize: A.mediaSize,
+    mediaStatus: A.status,
+    mirrored: Y,
+    selectedImage: Q,
+    selectedImageId: w,
+    selectedSource: _,
+    selectedVideo: Z,
+    selectedVideoId: x,
+    setMirrored: y,
+    setSelectedImageId: b,
+    setSelectedSource: I,
+    setSelectedVideoId: v,
+    setShowMediaControls: E,
+    showMediaControls: R,
+    tracker: ue,
+    videoOptions: n,
+    viewportSize: i
+  }), fe = Ze({
+    mediaTexture: ce,
+    previewMode: c,
+    renderOutputs: o,
+    sceneRenderOutputs: J
+  });
+  return {
+    containerRef: f,
+    displayCanvasRef: g,
+    displayMirrored: Y,
+    layout: G,
+    managesOwnMedia: C,
+    media: A,
+    renderOutputState: fe,
+    renderState: pe,
+    selectedImageId: w,
+    selectedSource: _,
+    selectedVideoId: x,
+    setSceneRenderOutputs: H,
+    setSelectedImageId: b,
+    setSelectedSource: I,
+    setSelectedVideoId: v,
+    showMediaControls: R,
+    viewportSize: i
+  };
+}, K = ({ children: e }) => /* @__PURE__ */ S(W, { children: e });
+K.displayName = "XRViewport.Scene";
+const j = ({ children: e }) => /* @__PURE__ */ S(W, { children: e });
+j.displayName = "XRViewport.Overlay";
+const tt = (e, t) => {
+  if (e === "dom")
+    return {
+      sceneContent: null,
+      overlayContent: t
+    };
+  let r = null, a = null;
+  const s = [];
+  return ve.forEach(t, (d) => {
+    var c;
+    if (!Ie(d)) {
+      d != null && s.push(d);
+      return;
+    }
+    const u = (c = d.type) == null ? void 0 : c.displayName;
+    if (u === K.displayName) {
+      r = d.props.children;
+      return;
+    }
+    if (u === j.displayName) {
+      a = d.props.children;
+      return;
+    }
+    s.push(d);
+  }), !a && s.length > 0 && (a = s), {
+    sceneContent: r,
+    overlayContent: a
+  };
+}, se = (e, t) => typeof e == "function" ? e(t) : e;
+function at(e) {
+  return e.Scene = K, e.Overlay = j, e;
+}
+const wt = at(({
+  children: e,
+  fitMode: t = "auto",
+  imageOptions: r = [],
+  initialImageId: a,
+  initialMirrored: s = !0,
+  initialSource: d = "webcam",
+  initialVideoId: u,
+  mediaStrategy: c = "internal",
+  mediaDock: o = "bottom-left",
+  mode: p = "dom",
+  previewMode: h = "finalColor",
+  renderOutputs: n = {},
+  showMediaControlsByDefault: f = !0,
+  source: g,
+  style: i,
+  videoOptions: l = []
+}) => {
+  const m = et({
+    fitMode: t,
+    imageOptions: r,
+    initialImageId: a,
+    initialMirrored: s,
+    initialSource: d,
+    initialVideoId: u,
+    mediaStrategy: c,
+    previewMode: h,
+    renderOutputs: n,
+    showMediaControlsByDefault: f,
+    source: g,
+    videoOptions: l
+  }), y = typeof e == "function" ? e(m.renderState) : e, { sceneContent: R, overlayContent: E } = tt(p, y), _ = se(
+    R,
+    m.renderState
+  ), I = se(
+    E,
+    m.renderState
+  );
+  return /* @__PURE__ */ S(Me.Provider, { value: m.renderState, children: /* @__PURE__ */ S(Ce.Provider, { value: m.renderOutputState, children: /* @__PURE__ */ S(
+    He,
+    {
+      containerRef: m.containerRef,
+      displayCanvasRef: m.displayCanvasRef,
+      imageOptions: r,
+      imageRef: m.media.imageRef,
+      layout: m.layout,
+      managesOwnMedia: m.managesOwnMedia,
+      mediaDock: o,
+      mirrored: m.displayMirrored,
+      mode: p,
+      overlayContent: I,
+      renderOutputs: n,
+      sceneContent: _,
+      selectedImageId: m.selectedImageId,
+      selectedSource: m.selectedSource,
+      selectedVideoId: m.selectedVideoId,
+      setSceneRenderOutputs: m.setSceneRenderOutputs,
+      setSelectedImageId: m.setSelectedImageId,
+      setSelectedSource: m.setSelectedSource,
+      setSelectedVideoId: m.setSelectedVideoId,
+      showMediaControls: m.showMediaControls,
+      style: i,
+      videoOptions: l,
+      videoRef: m.media.videoRef,
+      viewportSize: m.viewportSize
+    }
+  ) }) });
+}), rt = {
+  position: "absolute",
+  top: -28,
+  left: 0,
+  background: "rgba(34, 197, 94, 0.9)",
+  color: "#04130a",
+  fontFamily: "Menlo, Monaco, Consolas, monospace",
+  fontSize: 12,
+  fontWeight: 700,
+  padding: "4px 8px",
+  whiteSpace: "nowrap"
+}, _t = ({
+  boundingBox: e,
+  label: t = "face bounding box",
+  color: r = "#22c55e",
+  style: a,
+  labelStyle: s
+}) => /* @__PURE__ */ S(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      left: `${e.left * 100}%`,
+      top: `${e.top * 100}%`,
+      width: `${e.width * 100}%`,
+      height: `${e.height * 100}%`,
+      border: `3px solid ${r}`,
+      boxSizing: "border-box",
+      pointerEvents: "none",
+      zIndex: 20,
+      ...a
+    },
+    children: t !== null && /* @__PURE__ */ S("div", { style: { ...rt, ...s }, children: t })
+  }
+), q = [
+  {
+    id: "capabilities",
+    title: "Capability report",
+    steps: "Run detectXRCapabilities with model probes.",
+    expect: "Rendering supported (WebGL, OffscreenCanvas, WebAssembly); camera not unsupported; model assets reachable.",
+    mode: "automated",
+    layer: "capability"
+  },
+  {
+    id: "session-start",
+    title: "Session binds and starts",
+    steps: "setMediaSource (webcam or the supplied stream) and start().",
+    expect: "Lifecycle reaches running within the timeout; feed frames advance.",
+    mode: "automated",
+    layer: "lifecycle"
+  },
+  {
+    id: "model-ready",
+    title: "Tracker models initialize",
+    steps: "Acquire each requested model and wait for ready.",
+    expect: "Every model reaches ready; none errors.",
+    mode: "automated",
+    layer: "model"
+  },
+  {
+    id: "model-detects",
+    title: "Trackers run inference",
+    steps: "Sample diagnostics while running.",
+    expect: "Each ready model reports inferences > 0 (detection itself needs a subject in frame).",
+    mode: "automated",
+    layer: "model"
+  },
+  {
+    id: "pause-resume",
+    title: "Pause and resume",
+    steps: "session.pause(), then resume().",
+    expect: "Lifecycle paused then running; feed resumes.",
+    mode: "automated",
+    layer: "lifecycle"
+  },
+  {
+    id: "stop-start",
+    title: "Stop and rebind",
+    steps: "session.stop(), then setMediaSource + start() again.",
+    expect: "Lifecycle stopped then running on the same source.",
+    mode: "automated",
+    layer: "lifecycle"
+  },
+  {
+    id: "performance",
+    title: "Performance sample",
+    steps: "Measure frame rate and tracker inference over the window.",
+    expect: "Frame rate ≥ 20 fps and total inference ≤ 50 ms while running.",
+    mode: "automated",
+    layer: "performance"
+  }
+], st = [
+  {
+    id: "permission-prompt",
+    title: "First-visit permission prompt",
+    steps: "Open the app in a fresh profile; tap Allow on the prompt.",
+    expect: "Camera starts; no second prompt on reload.",
+    mode: "manual",
+    layer: "capability"
+  },
+  {
+    id: "permission-blocked",
+    title: "Blocked camera recovers",
+    steps: "Block the camera in site settings, reload, then allow it from the address bar.",
+    expect: "Gate shows blocked with instructions; allowing flips it without a reload.",
+    mode: "manual",
+    layer: "capability"
+  },
+  {
+    id: "rear-camera",
+    title: "Rear camera",
+    steps: "Switch front → rear on /camera.",
+    expect: "Rear feed is straight (text readable); tracking stays aligned.",
+    mode: "manual",
+    layer: "lifecycle"
+  },
+  {
+    id: "orientation",
+    title: "Rotate the device",
+    steps: "Rotate portrait ↔ landscape while tracking a face.",
+    expect: "Anchored content stays on the face; no stretched feed.",
+    mode: "manual",
+    layer: "lifecycle"
+  },
+  {
+    id: "background-foreground",
+    title: "Background and return",
+    steps: "Switch apps / lock the screen for 10 s and come back.",
+    expect: "Feed resumes by itself; no frozen frame; trackers continue.",
+    mode: "manual",
+    layer: "lifecycle"
+  },
+  {
+    id: "camera-interrupted",
+    title: "Camera taken by another app",
+    steps: "Take a call or open the native camera, then return.",
+    expect: "Session reports camera-lost and recovers on retry.",
+    mode: "manual",
+    layer: "lifecycle"
+  },
+  {
+    id: "thermal",
+    title: "Sustained use",
+    steps: "Run face + body tracking for 5 minutes.",
+    expect: "Adaptive quality steps down before the frame rate collapses; no crash.",
+    mode: "manual",
+    layer: "performance"
+  },
+  {
+    id: "low-end",
+    title: "Low-end device",
+    steps: "Run the automated set on the slowest supported device.",
+    expect: "All pass; performance may land on the low tier.",
+    mode: "manual",
+    layer: "performance"
+  }
+], Et = (e) => q.find((t) => t.id === e) ?? st.find((t) => t.id === e), M = (e, t) => {
+  const r = e.match(t);
+  return r ? r[1] : "";
+}, nt = (e) => {
+  const t = /iPhone|iPad|iPod/.test(e) || /Macintosh/.test(e) && /Mobile/.test(e), r = /Android/.test(e);
+  let a = { name: "unknown", version: "" };
+  /Edg\//.test(e) ? a = { name: "Edge", version: M(e, /Edg\/(\d+)/) } : /OPR\//.test(e) ? a = { name: "Opera", version: M(e, /OPR\/(\d+)/) } : /SamsungBrowser\//.test(e) ? a = { name: "Samsung Internet", version: M(e, /SamsungBrowser\/(\d+)/) } : /CriOS\//.test(e) ? a = { name: "Chrome iOS", version: M(e, /CriOS\/(\d+)/) } : /FxiOS\//.test(e) ? a = { name: "Firefox iOS", version: M(e, /FxiOS\/(\d+)/) } : /Firefox\//.test(e) ? a = { name: "Firefox", version: M(e, /Firefox\/(\d+)/) } : /Chrome\//.test(e) ? a = { name: "Chrome", version: M(e, /Chrome\/(\d+)/) } : /Safari\//.test(e) && (a = { name: "Safari", version: M(e, /Version\/(\d+)/) });
+  let s = { name: "unknown", version: "" };
+  return t ? s = { name: "iOS", version: M(e, /OS (\d+[._]\d+)/).replace("_", ".") } : r ? s = { name: "Android", version: M(e, /Android (\d+(?:\.\d+)?)/) } : /Mac OS X/.test(e) ? s = { name: "macOS", version: M(e, /Mac OS X (\d+[._]\d+)/).replace("_", ".") } : /Windows NT/.test(e) ? s = { name: "Windows", version: M(e, /Windows NT (\d+\.\d+)/) } : /Linux/.test(e) && (s = { name: "Linux", version: "" }), { browser: a, os: s, mobile: t || r || /Mobile/.test(e) };
+}, ot = () => {
+  var a, s;
+  const e = typeof navigator < "u" ? navigator : void 0, t = (e == null ? void 0 : e.userAgent) ?? "", r = nt(t);
+  return {
+    userAgent: t,
+    platform: (e == null ? void 0 : e.platform) ?? "",
+    ...r,
+    screen: typeof window < "u" ? {
+      width: ((a = window.screen) == null ? void 0 : a.width) ?? 0,
+      height: ((s = window.screen) == null ? void 0 : s.height) ?? 0,
+      dpr: window.devicePixelRatio || 1
+    } : { width: 0, height: 0, dpr: 1 },
+    deviceMemoryGb: typeof (e == null ? void 0 : e.deviceMemory) == "number" ? e.deviceMemory : null,
+    hardwareConcurrency: typeof (e == null ? void 0 : e.hardwareConcurrency) == "number" ? e.hardwareConcurrency : null,
+    secureContext: typeof window < "u" ? !!window.isSecureContext : !1,
+    videoCaptureStream: typeof HTMLVideoElement < "u" && ("captureStream" in HTMLVideoElement.prototype || "mozCaptureStream" in HTMLVideoElement.prototype),
+    touch: typeof navigator < "u" && (navigator.maxTouchPoints ?? 0) > 0
+  };
+}, it = [N.FACE_TRACKER, N.HAND_TRACKER, N.BODY_TRACKER], ne = "__xr_compat__", de = (e) => new Promise((t) => setTimeout(t, e)), O = async (e, t, r = 50) => {
+  const a = Date.now() + t;
+  for (; Date.now() < a; ) {
+    if (e()) return !0;
+    await de(r);
+  }
+  return e();
+}, lt = (e, t) => e ? /^(camera-|no-camera|webgl-|offscreen-canvas-|wasm-)/.test(e) ? "capability" : /^model-/.test(e) ? "model" : /^(lifecycle|timeout:lifecycle|feed-stalled|start-)/.test(e) ? "lifecycle" : /^(fps|inference|frame)/.test(e) ? "performance" : t : t, dt = (e) => {
+  const t = {
+    pass: 0,
+    fail: 0,
+    skip: 0,
+    causes: { capability: 0, model: 0, lifecycle: 0, performance: 0, unknown: 0 }
+  };
+  for (const r of e)
+    t[r.status] += 1, r.status === "fail" && (t.causes[r.cause ?? "unknown"] += 1);
+  return t;
+}, ct = (e, t, r = {}) => ({
+  version: 1,
+  sdkVersion: r.sdkVersion ?? "dev",
+  checkedAt: (/* @__PURE__ */ new Date()).toISOString(),
+  label: r.label ?? "",
+  environment: ot(),
+  capabilities: t,
+  results: e,
+  summary: dt(e)
+}), vt = async (e, t = {}) => {
+  var h;
+  const r = t.timeoutMs ?? 2e4, a = t.models ?? it, s = new Set(
+    t.scenarios ?? q.map((n) => n.id)
+  ), d = [];
+  let u = null, c = !1;
+  const o = (n, f, g, i) => {
+    var m;
+    const l = {
+      id: n,
+      status: i.status,
+      cause: i.status === "fail" ? lt(i.code ?? null, f) : null,
+      // Codes describe failures; a pass carries none.
+      code: i.status === "fail" ? i.code ?? null : null,
+      detail: i.detail,
+      durationMs: Math.round(performance.now() - g)
+    };
+    d.push(l), (m = t.onResult) == null || m.call(t, l);
+  }, p = async () => {
+    t.stream ? await e.setMediaSource({
+      source: ee.STREAM,
+      stream: t.stream,
+      sourceKind: "video"
+    }) : await e.setMediaSource({ source: ee.WEBCAM }), await e.start();
+  };
+  try {
+    for (const n of q) {
+      if (!s.has(n.id)) continue;
+      const f = performance.now();
+      try {
+        const g = n.id;
+        switch (g) {
+          case "capabilities": {
+            u = await be({
+              models: a,
+              timeoutMs: Math.min(r, 8e3)
+            });
+            const i = a.map((m) => ye(u, m)).filter((m) => !m.supported && m.reason).map((m) => m.reason.code), l = Array.from(new Set(i));
+            o(n.id, n.layer, f, {
+              status: l.length ? "fail" : "pass",
+              code: l[0] ?? null,
+              detail: l.length ? `blocked: ${l.join(", ")}` : `webgl${u.rendering.webglVersion}, camera ${u.camera.status}`
+            });
+            break;
+          }
+          case "session-start": {
+            await p();
+            const i = await O(
+              () => e.store.getSnapshot().lifecycle === "running",
+              r
+            ), l = e.store.getSnapshot().feedFrames, m = i && await O(() => e.store.getSnapshot().feedFrames > l, r);
+            c = i && m;
+            const y = e.store.getSnapshot().error;
+            o(n.id, n.layer, f, {
+              status: c ? "pass" : "fail",
+              code: y ? y.reason : i ? "feed-stalled" : "timeout:lifecycle",
+              detail: c ? `running on ${e.store.getSnapshot().sourceKind}` : y ? y.message : i ? "running but no feed frames advanced" : `lifecycle ${e.store.getSnapshot().lifecycle}`
+            });
+            break;
+          }
+          case "model-ready": {
+            if (!c) {
+              o(n.id, n.layer, f, {
+                status: "skip",
+                detail: "session did not start"
+              });
+              break;
+            }
+            const i = [];
+            await Promise.all(
+              a.map(async (l) => {
+                try {
+                  await e.registry.acquire(l, ne), await O(
+                    () => e.store.getSnapshot().pipeline.has(l),
+                    r
+                  ) || i.push(`${l}: timeout`);
+                } catch (m) {
+                  i.push(`${l}: ${ge(m).code}`);
+                }
+              })
+            ), o(n.id, n.layer, f, {
+              status: i.length ? "fail" : "pass",
+              code: i.length ? i[0].split(": ")[1] === "timeout" ? "model-init-failed" : i[0].split(": ")[1] : null,
+              detail: i.length ? i.join("; ") : `${a.length} models ready`
+            });
+            break;
+          }
+          case "model-detects": {
+            if (!c) {
+              o(n.id, n.layer, f, {
+                status: "skip",
+                detail: "session did not start"
+              });
+              break;
+            }
+            const i = await O(
+              () => P(e, a, null).models.every((E) => E.state !== "ready" || E.inferences > 0),
+              Math.min(r, 8e3)
+            ), l = P(e, a, null), m = l.models.filter((R) => R.state === "ready" && R.inferences === 0).map((R) => R.label), y = l.models.filter((R) => R.state === "error").map((R) => {
+              var E;
+              return `${R.label}: ${((E = R.error) == null ? void 0 : E.message) ?? "error"}`;
+            });
+            o(n.id, n.layer, f, {
+              status: i && !y.length ? "pass" : "fail",
+              code: y.length ? "model-init-failed" : m.length ? "model-idle" : null,
+              detail: y.length ? y.join("; ") : m.length ? `no inference from ${m.join(", ")}` : l.models.map((R) => `${R.label} ${R.inferences} run · ${R.detections ?? "–"} det`).join(", ")
+            });
+            break;
+          }
+          case "pause-resume": {
+            if (!c) {
+              o(n.id, n.layer, f, {
+                status: "skip",
+                detail: "session did not start"
+              });
+              break;
+            }
+            e.pause();
+            const i = e.store.getSnapshot().lifecycle === "paused";
+            await e.resume();
+            const l = await O(
+              () => e.store.getSnapshot().lifecycle === "running",
+              r
+            ), m = e.store.getSnapshot().feedFrames, y = l && await O(() => e.store.getSnapshot().feedFrames > m, r);
+            o(n.id, n.layer, f, {
+              status: i && l && y ? "pass" : "fail",
+              code: i ? l ? "feed-stalled" : "lifecycle:resume" : "lifecycle:pause",
+              detail: i && l && y ? "paused → running, feed advanced" : `paused=${i} resumed=${l} advanced=${y}`
+            });
+            break;
+          }
+          case "stop-start": {
+            if (!c) {
+              o(n.id, n.layer, f, {
+                status: "skip",
+                detail: "session did not start"
+              });
+              break;
+            }
+            await e.stop();
+            const i = e.store.getSnapshot().lifecycle === "stopped";
+            await p();
+            const l = await O(
+              () => e.store.getSnapshot().lifecycle === "running",
+              r
+            );
+            o(n.id, n.layer, f, {
+              status: i && l ? "pass" : "fail",
+              code: i ? "lifecycle:restart" : "lifecycle:stop",
+              detail: i && l ? "stopped → running" : `stopped=${i} running=${l}`
+            });
+            break;
+          }
+          case "performance": {
+            if (!c) {
+              o(n.id, n.layer, f, {
+                status: "skip",
+                detail: "session did not start"
+              });
+              break;
+            }
+            const i = t.performanceWindowMs ?? 3e3;
+            let l = 0, m = 0;
+            const y = () => {
+              l += 1, m = requestAnimationFrame(y);
+            };
+            m = requestAnimationFrame(y);
+            const R = P(e, a, null);
+            await de(i), cancelAnimationFrame(m);
+            const E = P(e, a, {
+              feedFrames: R.session.feedFrames,
+              sampledAt: R.sampledAt
+            }), _ = l * 1e3 / i, I = E.inferenceMsTotal, w = _ >= 20 && I <= 50;
+            o(n.id, n.layer, f, {
+              status: w ? "pass" : "fail",
+              code: _ < 20 ? "fps-low" : I > 50 ? "inference-high" : null,
+              detail: `${_.toFixed(0)} fps · feed ${E.session.feedFps.toFixed(0)} fps · inference ${I.toFixed(1)} ms`
+            });
+            break;
+          }
+          default:
+            o(g, n.layer, f, { status: "skip", detail: "no runner" });
+        }
+      } catch (g) {
+        const i = g instanceof Error ? g.message : String(g), l = (h = e.store.getSnapshot().error) == null ? void 0 : h.reason;
+        o(n.id, n.layer, f, {
+          status: "fail",
+          code: l ? Se(l).code : null,
+          detail: l ? `${i} (${l})` : i
+        });
+      }
+    }
+  } finally {
+    for (const n of a) e.registry.release(n, ne);
+    t.keepSessionRunning || await e.stop().catch(() => {
+    });
+  }
+  return ct(d, u, t);
+}, It = (e) => {
+  const [t, r] = T(null);
+  return F(() => {
     let a = 0;
-    const r = () => {
-      var h, m;
-      a = requestAnimationFrame(r);
-      const i = (m = (h = e == null ? void 0 : e.detectionResults) == null ? void 0 : h.faceLandmarks) == null ? void 0 : m[0];
-      if (!i || i.length === 0) {
-        n(null);
+    const s = () => {
+      var o, p;
+      a = requestAnimationFrame(s);
+      const d = (p = (o = e == null ? void 0 : e.detectionResults) == null ? void 0 : o.faceLandmarks) == null ? void 0 : p[0];
+      if (!d || d.length === 0) {
+        r(null);
         return;
       }
-      const s = xe(i), o = {
-        left: s.minX,
-        top: s.minY,
-        width: s.width,
-        height: s.height
+      const u = Te(d), c = {
+        left: u.minX,
+        top: u.minY,
+        width: u.width,
+        height: u.height
       };
-      n((d) => d && d.left === o.left && d.top === o.top && d.width === o.width && d.height === o.height ? d : o);
+      r((h) => h && h.left === c.left && h.top === c.top && h.width === c.width && h.height === c.height ? h : c);
     };
-    return r(), () => {
+    return s(), () => {
       cancelAnimationFrame(a);
     };
   }, [e]), t;
-}, ot = ["fill", "contain"];
+}, Tt = ({
+  background: e = "#000",
+  children: t,
+  style: r
+}) => /* @__PURE__ */ S(
+  "div",
+  {
+    style: {
+      position: "fixed",
+      inset: 0,
+      overflow: "hidden",
+      background: e,
+      ...r
+    },
+    children: t
+  }
+), xt = (e) => {
+  const { makeDefault: t = !0, ...r } = e;
+  return /* @__PURE__ */ S(
+    xe,
+    {
+      position: [0, 0, 40],
+      fov: 30,
+      near: 0.1,
+      far: 1e3,
+      makeDefault: t,
+      ...r
+    }
+  );
+}, At = ["fill", "contain"];
 export {
-  Ze as BoundingBoxOverlay,
-  lt as HeadTracker,
-  et as PerspectiveCamera,
-  vt as ScreenRectAspectContext,
-  ot as TEXTURE_FITS,
-  tt as XRCompositor,
-  $ as XRLayer,
-  Se as XRMediaSurface,
-  rt as XRTrackingOverlay,
-  oe as XRViewport,
-  xe as computeLandmarkBounds,
-  xt as computeScreenTransform,
-  bt as hasFullUnitUVBounds,
-  Me as resolveCalibrationFaceDisplayMirrored,
+  Ba as ARM_FIT_DEFAULTS,
+  La as ARM_MASK_DEFAULTS,
+  Na as ArmTracker,
+  Ha as BODY_DEPTH_LAYER,
+  Ga as BODY_DEPTH_RANGE_PAD,
+  Pa as BODY_FLIP_GUARD_DEFAULTS,
+  Ft as BODY_IDENTITY_DEFAULTS,
+  Ot as BODY_JOINT_OTHER_SIDE,
+  Un as BODY_MASK_BONES,
+  qn as BODY_MASK_MAX_PEOPLE,
+  Kn as BODY_MASK_MIN_VISIBILITY,
+  jn as BODY_MASK_SPLIT_DEFAULTS,
+  Xa as BODY_POSE_TRIGGER_DEFAULTS,
+  Wa as BODY_RIG_BONE_REGION,
+  za as BODY_RIG_CHEST_RANGE,
+  Ya as BODY_RIG_CLAVICLE_RANGE,
+  Va as BODY_RIG_EAR_TO_HEAD,
+  $a as BODY_RIG_FOREARM_TWIST_SHARE,
+  Ua as BODY_RIG_HAND_SEEN,
+  qa as BODY_RIG_HEAD_ABOVE_EARS,
+  Ka as BODY_RIG_HEAD_CENTER,
+  ja as BODY_RIG_HEAD_LIMITS,
+  Ja as BODY_RIG_HEAD_RANGE,
+  Qa as BODY_RIG_HINGE_BEND,
+  Za as BODY_RIG_LENGTH_RANGE,
+  er as BODY_RIG_LIMBS,
+  tr as BODY_RIG_LIMB_BONES,
+  ar as BODY_RIG_LIMB_JOINTS,
+  rr as BODY_RIG_NECK_RANGE,
+  sr as BODY_RIG_NECK_SHARE,
+  nr as BODY_RIG_REGIONS,
+  or as BODY_RIG_REGION_JOINTS,
+  ir as BODY_RIG_SEGMENTS,
+  lr as BODY_RIG_SHOULDER_TO_TORSO,
+  fn as BasicAnimatedTextureController,
+  dr as BodyFlipGuard,
+  Dt as BodyIdentity,
+  _t as BoundingBoxOverlay,
+  q as COMPAT_SCENARIOS,
+  cr as DEFAULT_NAIL_FALLBACK,
+  kt as EMPTY_QUALITY_SIGNALS,
+  mo as FACE_REGION_POLYGONS,
+  ur as FOREARM_BULGE_AT,
+  mr as FOREARM_ELBOW_DEPTH_OF_WRIST,
+  pr as FOREARM_ELBOW_WIDTH_OF_WRIST,
+  fr as FOREARM_LENGTH_OF_HAND,
+  hr as HAND_JOINTS,
+  gr as HAND_NAIL_FACING_FADE,
+  br as HAND_NAIL_FINISH_LIGHTING,
+  Cn as HAND_RIG_BONES,
+  yr as HAND_RIG_FOREARM,
+  Fn as HAND_RIG_KNUCKLE_SHIFT,
+  On as HAND_RIG_LENGTH_RANGE,
+  Sr as HAND_RIG_MODEL_MESH,
+  Dn as HAND_RIG_PALM_JOINTS,
+  kn as HAND_RIG_SNAP_PALMS,
+  Rr as HAND_TATTOO_FACING_FADE,
+  wr as HandRigContext,
+  _r as HandRigWrist,
+  Er as HandRigWristContext,
+  vr as HandTouchContext,
+  ia as HeadTracker,
+  po as IRIS_FULL_OPENNESS,
+  fo as IrisLead,
+  st as MANUAL_COMPAT_SCENARIOS,
+  hn as MAX_GIF_BYTES,
+  gn as MAX_GIF_FRAMES,
+  bn as MAX_GIF_PIXELS,
+  ho as MAX_OVERLAY_LABELS,
+  Ir as OscillationTracker,
+  Tr as POSE_JOINTS,
+  xt as PerspectiveCamera,
+  go as SEGMENTATION_OVERLAY_FRAGMENT_SHADER,
+  bo as SEGMENTATION_OVERLAY_VERTEX_SHADER,
+  xr as SKINNED_OCCLUDER_RENDER_ORDER,
+  ko as ScreenRectAspectContext,
+  At as TEXTURE_FITS,
+  yn as TextureSourceLoadError,
+  Ar as TimedSeries,
+  Mr as TouchWorld,
+  Cr as WRIST_FILTER_DEFAULTS,
+  Fr as WRIST_JOINT_LIMITS,
+  Or as WristRotationFilter,
+  Tt as XRCompositor,
+  X as XRLayer,
+  Fe as XRMediaSurface,
+  Rt as XRTrackingOverlay,
+  wt as XRViewport,
+  Bt as XR_MODEL_LABELS,
+  Lt as anatomicalBodyPose,
+  Nt as anatomicalHandedness,
+  Dr as applyBodyRigHeadScale,
+  kr as applyBodyRigLengths,
+  Br as applyBodyRigSolution,
+  Bn as applyHandRigLengths,
+  Ln as applyHandRigSolution,
+  Lr as armQueryOf,
+  Ht as assignHandPoses,
+  Nr as assignNailBlobs,
+  Hr as bindBodyRig,
+  Nn as bindHandRig,
+  Gr as bodyAttachmentFrame,
+  Pr as bodyDepthRange,
+  Jn as bodyMaskDistance,
+  Qn as bodyMaskPerson,
+  Zn as bodyMaskWeights,
+  Xr as bodyPoseToScene,
+  Wr as bodyRigChestScale,
+  zr as bodyRigClipPose,
+  Yr as bodyRigHeadCenter,
+  Vr as bodyRigHeadScale,
+  $r as bodyRigHeadTarget,
+  Ur as bodyRigJointPosition,
+  qr as bodyRigLengthRatios,
+  Kr as bodyRigModelHead,
+  jr as bodyRigSceneScale,
+  Jr as bodyRigShoulderScale,
+  Yn as bodySubjectCount,
+  Qr as bodyTriggerStatesEqual,
+  Gt as bodyWorldLandmarkToJoint,
+  Zr as clampWristBend,
+  Pt as classifyCameraFailure,
+  lt as classifyCompatCause,
+  eo as closestBodies,
+  yo as computeIrisEye,
+  Te as computeLandmarkBounds,
+  So as computeMaskUvTransform,
+  Sn as computeScreenTransform,
+  es as createBodyDepthMaterial,
+  to as createBodyMaskSplitMaterial,
+  ts as createBodyMoveFrame,
+  as as createBodyTrigger,
+  ct as createCompatReport,
+  Aa as createFaceInfoTarget,
+  oo as createGestureDetectorState,
+  rs as createHandNailsMaterial,
+  ss as createHandOccluderMaterial,
+  ns as createHandTattooMaterial,
+  Ro as createIrisEye,
+  wo as createIrisResult,
+  Xt as createQualityState,
+  _o as createSegmentationOverlayMaterial,
+  Eo as createSemanticMaskTexture,
+  os as createSkinnedOccluderMaterial,
+  Rn as createTextureSourceResolver,
+  is as createTouchHand,
+  ot as describeCompatEnvironment,
+  wn as disposeResolvedTextureSource,
+  ls as elbowUpOnScreen,
+  ds as ellipseWidthOnScreen,
+  cs as ensureForearmBone,
+  Wt as fillLandmarkPolygon,
+  zt as fillPolygon,
+  Et as findCompatScenario,
+  us as fingerExtensions,
+  ms as fitWristFrame,
+  ps as forearmDirectionOf,
+  fs as forearmSectionAt,
+  hs as forearmSegmentOf,
+  gs as frameUpOnScreen,
+  io as gestureStatesEqual,
+  Ma as getFaceInfo,
+  _n as getPlaybackFrame,
+  En as getSequenceFrame,
+  Fa as getThreeBlending,
+  Oa as getThreeDepthFunction,
+  Da as getThreeSide,
+  vn as gifTextureSourceProvider,
+  Hn as handAttachmentLocal,
+  bs as handGeometryToRoot,
+  ys as handLengthOf,
+  Ss as handNailCoverage,
+  Rs as handNailDistance,
+  ws as handNailFrame,
+  Gn as handRigRootMatrix,
+  Pn as handRigSnapDistance,
+  _s as handTattooFrame,
+  Es as handTattooMatrix,
+  vs as handTattooUv,
+  Yt as handWorldLandmarkToJoint,
+  mn as hasFullUnitUVBounds,
+  Vt as judgeSample,
+  Is as limitForearmDirection,
+  Ts as limitHeadTurn,
+  $t as lockQuality,
+  Ut as mapDomExceptionToReason,
+  ge as mapModelErrorToReason,
+  xs as measureArm,
+  As as measureArmRaise,
+  Ms as measureFingerPattern,
+  Cs as measureGrab,
+  Fs as measureHandHeight,
+  Os as measureOpenPalm,
+  Ds as measurePinch,
+  ks as measureTPose,
+  Bs as measureThumb,
+  ao as packBodyMaskUniforms,
+  Ls as paintFallbackNail,
+  nt as parseUserAgent,
+  Ns as patchBodyDepthShaders,
+  Hs as patchHandOccluderInflate,
+  Gs as patchOccluderInflate,
+  qt as permissionStateToStatus,
+  vo as rasterizeFaceRegions,
+  Ps as reachBodyRigHead,
+  Xs as reachBodyRigLimb,
+  Kt as readDeviceSignals,
+  Ws as refineNailTip,
+  zs as renderBodyDepth,
+  Ys as resetBodyRig,
+  jt as resetQuality,
+  Io as resolveActiveOverlayLabelIndices,
+  Vn as resolveBody,
+  Vs as resolveBodyMoveLimits,
+  $s as resolveBodyTriggerOptions,
+  Xe as resolveCalibrationFaceDisplayMirrored,
+  Jt as resolveInitialTierIndex,
+  To as resolveMaskSize,
+  Qt as resolveNumBodies,
+  xo as resolveOverlayLabelIndices,
+  Zt as resolvePerformanceBudget,
+  ea as resolveQualityTier,
+  In as resolveTextureSource,
+  vt as runCompatChecks,
+  P as sampleXRDiagnostics,
+  Us as screenAngle,
+  Xn as screenChirality,
+  ta as semanticMaskLabelIndex,
+  Se as sessionReasonToFallback,
+  ro as setBodyMaskSplitUniforms,
+  qs as setBodyTriggerOptions,
+  Ks as setHandTattooBlend,
+  aa as setQualityTier,
+  js as settleNailMask,
+  Js as sideJoint,
+  Qs as snapshotBodyTriggerState,
+  lo as snapshotGestureState,
+  Zs as solveBodyRig,
+  Wn as solveHandRig,
+  so as splitBodyMask,
+  en as stepBodyTrigger,
+  co as stepGestureDetector,
+  ra as stepQualityController,
+  dt as summarizeCompatResults,
+  Tn as throwIfAborted,
+  tn as thumbDirection,
+  an as thumbExtension,
+  sa as tierToApply,
+  Ao as updateIrisResult,
+  rn as updatePointerHand,
+  Mo as updateSegmentationOverlayMaterial,
+  sn as updateTouchHand,
+  Co as uploadSemanticMask,
+  nn as useArmMask,
   ze as useCalibrationFaceTracker,
-  it as useFaceBoundingBox,
-  yt as useScreenSpace,
-  ct as useTrackerContext,
-  ut as useXRCameraTexture,
-  ye as useXRContext,
-  ht as useXRError,
-  he as useXRModel,
-  me as useXRModelNode,
-  mt as useXRPipelineSnapshot,
-  ft as useXRReady,
-  gt as useXRRenderSize,
-  nt as useXRViewportState
+  It as useFaceBoundingBox,
+  Bo as useScreenSpace,
+  Fo as useSegmentationOverlayMaterial,
+  Oo as useSemanticMaskTexture,
+  on as useSkinnedOccluder,
+  la as useTrackerContext,
+  ca as useXRCameraDeviceId,
+  ua as useXRCameraFacing,
+  ma as useXRCameraTexture,
+  oe as useXRContext,
+  na as useXRDiagnostics,
+  pa as useXRError,
+  fa as useXRFeedAspect,
+  ha as useXRFeedCrop,
+  ga as useXRLifecycle,
+  ba as useXRMirrored,
+  Re as useXRModel,
+  ya as useXRModelErrors,
+  we as useXRModelNode,
+  Sa as useXROrientation,
+  Ra as useXRPipelineSnapshot,
+  wa as useXRQualityConfig,
+  _a as useXRQualityState,
+  Ea as useXRReady,
+  va as useXRRenderSize,
+  Ia as useXRSessionCameraPermission,
+  Ta as useXRTrackerStatus,
+  xn as useXRViewportRenderOutputs,
+  An as useXRViewportState,
+  ln as worldToFeedUnits,
+  dn as wristBendOf,
+  cn as wristFrameLocal
 };