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

package/dist/loaders-BJ1_QCHt.cjs

@@ -0,0 +1 @@
+"use strict";var O=Object.defineProperty;var _=(i,e,t)=>e in i?O(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var l=(i,e,t)=>_(i,typeof e!="symbol"?e+"":e,t);const y=require("react"),d=require("./index-CfSF8LXa.cjs"),A=require("./selectors-C4X71aoD.cjs"),U=require("three"),D=require("./segmentation-D9pYO6aR.cjs");function Q(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const f=Q(U),F=i=>{const{session:e}=d.useXRContext(),t=A.useXRQualityState(),r=A.useXRQualityConfig(),o=JSON.stringify(i??null),s=y.useMemo(()=>i?d.resolveQualityConfig(i):r??d.resolveQualityConfig(),[o,r]),n=s.tiers,a=y.useCallback(u=>{const h=e.store.getSnapshot().quality;h&&e._setQuality(d.setQualityTier(h,s,u,performance.now()))},[e,s]),c=y.useCallback(u=>{const h=e.store.getSnapshot().quality;h&&e._setQuality(d.lockQuality(h,s,u,performance.now()))},[e,s]),p=y.useCallback(()=>{const u=e.store.getSnapshot().quality;e._setQuality(d.resetQuality(s,(u==null?void 0:u.signals)??d.EMPTY_QUALITY_SIGNALS,performance.now()))},[e,s]);return y.useMemo(()=>({tier:(t==null?void 0:t.decision.tier)??null,index:(t==null?void 0:t.index)??-1,tiers:n,decision:(t==null?void 0:t.decision)??null,history:(t==null?void 0:t.history)??[],signals:(t==null?void 0:t.signals)??null,locked:(t==null?void 0:t.locked)??!1,setTier:a,lock:()=>c(!0),unlock:()=>c(!1),reset:p,state:t}),[t,n,a,c,p])},E=256*1024*1024;class S{constructor(e={}){l(this,"entries",new Map);l(this,"listeners",new Set);l(this,"budget");l(this,"now");l(this,"evictions",0);l(this,"hits",0);l(this,"misses",0);l(this,"statsSnapshot",null);this.budget=e.budgetBytes??E,this.now=e.now??(()=>typeof performance<"u"?performance.now():Date.now())}acquire(e,t){let r=this.entries.get(e.key);if(r&&r.status==="error"&&(this.entries.delete(e.key),r=void 0),!r){this.misses+=1;const o=typeof AbortController<"u"?new AbortController:null,s={definition:e,status:"loading",value:void 0,bytes:0,owners:new Set([t]),promise:null,controller:o,error:null,lastUsed:this.now(),disposed:!1};return s.promise=e.load((o==null?void 0:o.signal)??new AbortController().signal).then(n=>{var a,c;if(s.disposed||this.entries.get(e.key)!==s)throw(a=e.dispose)==null||a.call(e,n),new Error(`Asset "${e.key}" was released before it loaded`);return s.value=n,s.bytes=Math.max(0,Math.round(((c=e.bytes)==null?void 0:c.call(e,n))??0)),s.status="ready",s.promise=null,this.notify(),this.enforceBudget(),n}).catch(n=>{const a=n instanceof Error?n:new Error(String(n));throw this.entries.get(e.key)===s&&!s.disposed&&(s.status="error",s.error=a,s.promise=null,this.notify()),a}),this.entries.set(e.key,s),this.notify(),s.promise}return this.hits+=1,r.owners.add(t),r.lastUsed=this.now(),this.notify(),r.status==="ready"?Promise.resolve(r.value):r.promise}preload(e){const t="__preload__";return this.acquire(e,t).finally(()=>this.release(e.key,t))}release(e,t){var o;const r=this.entries.get(e);!r||!r.owners.delete(t)||(r.lastUsed=this.now(),r.owners.size===0&&r.status==="loading"&&((o=r.controller)==null||o.abort(),r.disposed=!0,this.entries.delete(e)),this.notify(),this.enforceBudget())}get(e){const t=this.entries.get(e);return(t==null?void 0:t.status)==="ready"?t.value:void 0}has(e){return this.entries.has(e)}entry(e){const t=this.entries.get(e);return t?v(e,t):void 0}list(){return Array.from(this.entries,([e,t])=>v(e,t))}setBudget(e){this.budget=e,this.enforceBudget(),this.notify()}evict(e){const t=e??Math.max(0,this.usage()-(Number.isFinite(this.budget)?this.budget:1/0));if(t<=0)return 0;const r=Array.from(this.entries).filter(([,s])=>s.owners.size===0&&s.status==="ready").sort((s,n)=>s[1].lastUsed-n[1].lastUsed);let o=0;for(const[s,n]of r){if(o>=t)break;o+=n.bytes,this.disposeEntry(s,n),this.evictions+=1}return o>0&&this.notify(),o}disposeUnreferenced(){let e=0;for(const[t,r]of Array.from(this.entries))r.owners.size===0&&(e+=r.bytes,this.disposeEntry(t,r));return e>0&&this.notify(),e}disposeAll(){for(const[e,t]of Array.from(this.entries))this.disposeEntry(e,t);this.notify()}getStats(){if(this.statsSnapshot)return this.statsSnapshot;let e=0,t=0,r=0,o=0,s=0;for(const n of this.entries.values())n.owners.size>0&&(e+=1),n.status==="loading"&&(t+=1),n.status==="error"&&(r+=1),n.status==="ready"&&(o+=n.bytes,n.owners.size===0&&(s+=n.bytes));return this.statsSnapshot={assets:this.entries.size,referencedAssets:e,loadingAssets:t,erroredAssets:r,usageBytes:o,reclaimableBytes:s,budgetBytes:this.budget,overBudget:o>this.budget,evictions:this.evictions,hits:this.hits,misses:this.misses},this.statsSnapshot}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}usage(){let e=0;for(const t of this.entries.values())t.status==="ready"&&(e+=t.bytes);return e}enforceBudget(){Number.isFinite(this.budget)&&this.usage()>this.budget&&this.evict()}disposeEntry(e,t){var r,o,s;if(!t.disposed){if(t.disposed=!0,(r=t.controller)==null||r.abort(),t.status==="ready"&&t.value!==void 0)try{(s=(o=t.definition).dispose)==null||s.call(o,t.value)}catch(n){console.warn(`[xr-sdk assets] dispose threw for ${e}`,n)}this.entries.delete(e)}}notify(){this.statsSnapshot=null,this.listeners.forEach(e=>e())}}const v=(i,e)=>({key:i,status:e.status,bytes:e.bytes,owners:e.owners.size,lastUsed:e.lastUsed,error:e.error}),M=i=>new S(i);let g;const L=()=>(g||(g=M()),g),b=i=>{if(!i)return 0;const e=i.image;if(!e)return 0;const t=e.videoWidth||e.width||0,r=e.videoHeight||e.height||0;if(!t||!r)return 0;const o=i.isCompressedTexture,s=o?.5:i.type===f.FloatType?16:4,n=t*r*s;return Math.round(i.generateMipmaps&&!o?n*1.3334:n)},B=i=>{if(!i)return 0;let e=0;for(const t of Object.values(i.attributes)){const r=t.array;r&&(e+=r.byteLength)}return i.index&&(e+=i.index.array.byteLength),e},R=["map","alphaMap","aoMap","bumpMap","displacementMap","emissiveMap","envMap","lightMap","metalnessMap","normalMap","roughnessMap","specularMap"],T=i=>{const e=[],t=i;for(const o of R){const s=t[o];s&&s.isTexture&&e.push(s)}const r=i.uniforms;if(r)for(const o of Object.values(r)){const s=o==null?void 0:o.value;s&&s.isTexture&&e.push(s)}return e},x=i=>{if(!i)return 0;const e=new Set,t=new Set;i.traverse(o=>{const s=o;s.geometry&&e.add(s.geometry);const n=Array.isArray(s.material)?s.material:s.material?[s.material]:[];for(const a of n)T(a).forEach(c=>t.add(c))});let r=0;return e.forEach(o=>{r+=B(o)}),t.forEach(o=>{r+=b(o)}),r},w=i=>{if(!i)return;const e=new Set,t=new Set,r=new Set;i.traverse(o=>{const s=o;s.geometry&&e.add(s.geometry);const n=Array.isArray(s.material)?s.material:s.material?[s.material]:[];for(const a of n)t.add(a),T(a).forEach(c=>r.add(c))}),r.forEach(o=>o.dispose()),t.forEach(o=>o.dispose()),e.forEach(o=>o.dispose()),i.removeFromParent()};class m extends Error{constructor(t,r){super(t);l(this,"cause");this.name="AssetFetchError",this.cause=r}}const $=i=>(i==null?void 0:i.name)==="AbortError",k=async(i,e)=>{try{if(d.isSdkOwnedUrl(i))return await d.fetchAndVerify(i,{signal:e});const t=await fetch(i,{signal:e});if(!t.ok)throw new m(`Asset fetch failed (${t.status}): ${i}`);return await t.arrayBuffer()}catch(t){if(t instanceof m||$(t)||e.aborted)throw t;const r=t instanceof Error?t.message:String(t);throw new m(`Asset fetch failed: ${i}: ${r}`,t)}},C=i=>new Promise((e,t)=>{const r=()=>t(new DOMException("Asset load aborted","AbortError"));i.aborted?r():i.addEventListener("abort",r,{once:!0})}),P=(i,e={})=>({key:`texture:${i}${e.variant?`#${e.variant}`:""}`,load:async t=>{const r=await k(i,t),o=new Blob([r]),s=createImageBitmap(o,{imageOrientation:e.flipY===!1?"none":"flipY"}),n=await Promise.race([s,C(t)]).catch(c=>{throw s.then(p=>p.close()).catch(()=>{}),c}),a=new f.Texture(n);return a.flipY=!1,a.colorSpace=e.colorSpace??f.SRGBColorSpace,a.generateMipmaps=e.generateMipmaps??!0,a.minFilter=a.generateMipmaps?f.LinearMipmapLinearFilter:f.LinearFilter,a.needsUpdate=!0,a},dispose:t=>{var o;const r=t.image;t.dispose(),(o=r==null?void 0:r.close)==null||o.call(r)},bytes:b}),q=i=>({key:`gltf:${i}`,load:async e=>{const t=await k(i,e),r=i.slice(0,i.lastIndexOf("/")+1),o=D.parseGltf(t,r,i);return Promise.race([o,C(e)]).catch(s=>{throw o.then(n=>w(n.scene)).catch(()=>{}),s})},dispose:e=>w(e.scene),bytes:e=>x(e.scene)}),G=(i,e={})=>({key:`video:${i}`,load:t=>new Promise((r,o)=>{const s=document.createElement("video");s.src=i,s.loop=e.loop??!0,s.muted=e.muted??!0,s.playsInline=!0,s.crossOrigin=e.crossOrigin??"anonymous",s.preload="auto";const n=a=>{s.removeAttribute("src"),s.load(),o(a instanceof Error?a:new Error(`Video failed to load: ${i}`))};t.addEventListener("abort",()=>n(new DOMException("Asset load aborted","AbortError")),{once:!0}),s.onerror=()=>n(s.error),s.onloadeddata=()=>{const a=new f.VideoTexture(s);a.colorSpace=f.SRGBColorSpace,r({video:s,texture:a})},s.load()}),dispose:({video:t,texture:r})=>{r.dispose(),t.pause(),t.removeAttribute("src"),t.load()},bytes:({texture:t})=>b(t)});exports.AssetFetchError=m;exports.DEFAULT_ASSET_BUDGET_BYTES=E;exports.XRAssetCache=S;exports.createAssetCache=M;exports.defineGltfAsset=q;exports.defineTextureAsset=P;exports.defineVideoAsset=G;exports.disposeObject3D=w;exports.estimateGeometryBytes=B;exports.estimateObjectBytes=x;exports.estimateTextureBytes=b;exports.getDefaultAssetCache=L;exports.useXRQuality=F;

package/dist/low-level.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./index-DCiMbxC3.cjs"),D=require("./index-CyUUurQT.cjs"),j=require("./selectors-CZLKT2Iv.cjs"),f=require("react"),q=require("./getFaceInfo-fA1bFBub.cjs"),d=require("react/jsx-runtime"),de=require("@react-three/drei"),L=require("./index-BjmTe9eM.cjs"),ee=require("./useFaceResults-wBJF3zyp.cjs"),ue=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),C=require("./contexts-Dr62It_K.cjs"),he=require("three");function fe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const z=fe(he),B=({children:e,config:t,style:n})=>d.jsx("div",{"data-render-target":t.name,style:{position:"absolute",inset:0,overflow:"hidden",background:t.clearColor,pointerEvents:t.pointerEvents??"none",zIndex:t.zIndex,opacity:t.hidden?0:1,...n},children:e}),U=({canvas:e,layout:t,media:n,mirrored:r,filter:i})=>{const o=Math.round(t.destination.width),a=Math.round(t.destination.height);e.width!==o&&(e.width=o),e.height!==a&&(e.height=a);const s=e.getContext("2d");s&&(s.setTransform(1,0,0,1,0,0),s.clearRect(0,0,o,a),r&&(s.translate(o,0),s.scale(-1,1)),i&&(s.filter=i),s.drawImage(n,t.offsetX,t.offsetY,t.drawWidth,t.drawHeight),i&&(s.filter="none"),s.setTransform(1,0,0,1,0,0))},te=({canvasRef:e,enabled:t=!0,fps:n=30,imageRef:r,layout:i,mirrored:o,sourceKind:a,videoRef:s})=>{f.useEffect(()=>{if(!t){const b=e.current,p=b==null?void 0:b.getContext("2d");b&&p&&p.clearRect(0,0,b.width,b.height);return}let l=0,c=0;const u=n>0?1e3/n:0,m=b=>{if(l=requestAnimationFrame(m),u>0&&b-c<u)return;c=b;const p=e.current;if(!p||!i)return;if(a==="image"){const x=r.current;if(!x||!x.complete||x.naturalWidth<=0||x.naturalHeight<=0)return;U({canvas:p,layout:i,media:x,mirrored:o});return}const w=s.current;!w||w.readyState<2||w.videoWidth<=0||w.videoHeight<=0||U({canvas:p,layout:i,media:w,mirrored:o})};return l=requestAnimationFrame(m),()=>{cancelAnimationFrame(l)}},[e,t,n,r,i,o,a,s])},re=({canvasRef:e,imageRef:t,layer:n,layout:r,mirrored:i,onCaptureTarget:o,sourceKind:a,videoRef:s})=>(te({canvasRef:e,imageRef:t,layout:r,mirrored:i,sourceKind:a,videoRef:s}),f.useEffect(()=>{const l=e.current;if(l)return o==null||o(l),()=>o==null?void 0:o(void 0)},[e,o]),d.jsx(B,{config:n,children:d.jsx("canvas",{ref:e,style:{position:"absolute",inset:0,width:"100%",height:"100%",display:"block",background:"#000"}})})),me=({canvasRef:e,controlInsetTop:t,debugVisible:n,fps:r=15,imageRef:i,layer:o,layout:a,mirrored:s,sourceKind:l,videoRef:c,viewportSize:u})=>{te({canvasRef:e,enabled:n,fps:r,imageRef:i,layout:a,mirrored:s,sourceKind:l,videoRef:c});const m=Math.min(220,Math.max(120,u.width*.22)),b=u.width>0&&u.height>0?u.width/u.height:1,p=Math.min(u.height-24,Math.max(t??16,16));return d.jsx(B,{config:o,children:d.jsx("canvas",{ref:e,style:{position:"absolute",left:16,top:p,width:n?m:1,height:n?"auto":1,aspectRatio:`${b}`,opacity:n?.85:0,borderRadius:10,border:n?"1px solid rgba(255,255,255,0.16)":"none",pointerEvents:"none",objectFit:"contain",background:"#000"}})})},ge={audio:!1,video:{facingMode:"user",frameRate:{ideal:30,max:60}}},pe={name:"viewport-live",clearColor:"#000000",pointerEvents:"none",zIndex:0},xe={name:"viewport-ui",clearColor:"transparent",pointerEvents:"auto",zIndex:5},be={name:"viewport-scene",clearColor:"transparent",pointerEvents:"auto",zIndex:1},k={webcam:{icon:"◉",label:"Webcam"},image:{icon:"▣",label:"Images"},video:{icon:"▶",label:"Videos"}},we=({imageRef:e,selectedSource:t,videoRef:n})=>d.jsxs(d.Fragment,{children:[d.jsx("video",{ref:n,style:{position:"absolute",width:1,height:1,opacity:t==="image"?0:.001,pointerEvents:"none"}}),d.jsx("img",{ref:e,alt:"",style:{position:"absolute",width:1,height:1,opacity:t==="image"?.001:0,pointerEvents:"none"}})]}),Y=({dock:e,label:t,onChange:n,options:r,value:i})=>d.jsx("div",{style:{position:"absolute",top:e==="top-left"?74:void 0,bottom:e==="bottom-left"?74:void 0,left:16,zIndex:5,maxWidth:"calc(100vw - 32px)",padding:10,borderRadius:14,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)"},children:d.jsxs("label",{style:{display:"grid",gap:6,color:"#e5eefb",fontSize:12,fontWeight:700},children:[d.jsx("span",{children:t}),d.jsx("select",{value:i,onChange:o=>n(o.target.value),style:{minWidth:180,maxWidth:"calc(100vw - 52px)",height:36,borderRadius:10,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.06)",color:"#e5eefb",padding:"0 10px"},children:r.map(o=>d.jsx("option",{value:o.id,style:{color:"#111827"},children:o.label},o.id))})]})}),Se=({dock:e,imageOptions:t,selectedImageId:n,selectedSource:r,selectedVideoId:i,setSelectedImageId:o,setSelectedSource:a,setSelectedVideoId:s,showMediaControls:l,videoOptions:c})=>{const[u,m]=f.useState(!1),b=["webcam","image","video"].filter(p=>p==="image"?t.length>0:p==="video"?c.length>0:!0);return l?u?d.jsx("button",{type:"button",onClick:()=>m(!1),"aria-label":"Open media controls",title:"Open media controls",style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer"},children:"≡"}):d.jsxs(d.Fragment,{children:[d.jsxs("div",{style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,display:"inline-flex",alignItems:"center",gap:8,maxWidth:"calc(100vw - 32px)"},children:[d.jsx("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:8,borderRadius:999,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",overflowX:"auto"},children:b.map(p=>{const w=p===r;return d.jsxs("button",{type:"button",onClick:()=>a(p),"aria-pressed":w,title:k[p].label,style:{border:"none",borderRadius:999,minWidth:42,height:42,padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:8,background:w?"rgba(56, 189, 248, 0.18)":"rgba(255,255,255,0.04)",color:w?"#e0f2fe":"rgba(229,238,251,0.82)",cursor:"pointer",flex:"0 0 auto"},children:[d.jsx("span",{style:{fontSize:14,lineHeight:1},children:k[p].icon}),d.jsx("span",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.01em"},children:k[p].label})]},p)})}),d.jsx("button",{type:"button",onClick:()=>m(!0),"aria-label":"Close media controls",title:"Close media controls",style:{width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer",flex:"0 0 auto"},children:"×"})]}),r==="image"&&t.length>0&&d.jsx(Y,{dock:e,label:"Image Asset",options:t,value:n,onChange:o}),r==="video"&&c.length>0&&d.jsx(Y,{dock:e,label:"Video Asset",options:c,value:i,onChange:s})]}):null},ve=({containerRef:e,displayCanvasRef:t,imageOptions:n,imageRef:r,layout:i,managesOwnMedia:o,mediaDock:a,mode:s,overlayContent:l,renderOutputs:c,sceneContent:u,selectedImageId:m,selectedSource:b,selectedVideoId:p,setSceneRenderOutputs:w,setSelectedImageId:x,setSelectedSource:g,setSelectedVideoId:R,showMediaControls:M,style:E,videoOptions:v,videoRef:I,viewportSize:S,mirrored:h})=>{const{session:F}=A.useXRContext();return d.jsxs("div",{ref:e,style:{position:"fixed",inset:0,overflow:"hidden",background:"#000",...E},children:[d.jsx(we,{imageRef:r,selectedSource:b,videoRef:I}),s==="dom"&&o&&d.jsx(re,{canvasRef:t,imageRef:r,videoRef:I,layer:pe,layout:i,mirrored:h,onCaptureTarget:F._setCaptureTarget,sourceKind:b==="image"?"image":"video"}),(s==="r3f"||s==="hybrid")&&d.jsx(B,{config:be,children:d.jsx(C.XRScene,{onRenderOutputs:w,renderOutputs:{sceneColor:c.sceneColor||c.finalColor,sceneDepth:c.sceneDepth},renderTargetSize:S,style:{width:"100%",height:"100%"},children:u})}),d.jsxs(B,{config:xe,children:[o&&d.jsx(Se,{dock:a,imageOptions:n,selectedImageId:m,selectedSource:b,selectedVideoId:p,setSelectedImageId:x,setSelectedSource:g,setSelectedVideoId:R,showMediaControls:M,videoOptions:v}),l]})]})},Re=5,ye=1,ne=(e,t)=>t,Ce="brightness(2.2) contrast(1.5) saturate(1.25)",oe=({enabled:e,displayMirrored:t,imageRef:n,layout:r,mode:i,numFaces:o,selectedSource:a,sourceStream:s,videoRef:l})=>{const{session:c}=A.useXRContext(),u=f.useRef(null),m=f.useRef(!1),b=f.useRef(document.createElement("canvas")),{ready:p,node:w,error:x}=D.useXRModel(A.XRModel.FACE_TRACKER,{numFaces:o??(i==="head-binding"?ye:Re)}),[g,R]=f.useState("idle"),[M,E]=f.useState(null),v=e&&p&&!!w,I=ee.useFaceResults({node:v?w:null,enabled:v,selectedSource:a,onFrame:f.useCallback(()=>{E(null),R("ready")},[])});return f.useEffect(()=>{if(!e||!r)return;const S=()=>{const y=a==="image"?n.current:l.current;if(y){if(y instanceof HTMLImageElement){if(!y.complete||y.naturalWidth<=0||y.naturalHeight<=0)return}else if(y.readyState<2||y.videoWidth<=0||y.videoHeight<=0)return;U({canvas:b.current,layout:r,media:y,mirrored:t,filter:a==="webcam"?Ce:void 0})}};if(a==="image"){S();return}let h=0;const F=()=>{h=requestAnimationFrame(F),S()};return h=requestAnimationFrame(F),()=>cancelAnimationFrame(h)},[t,e,n,r,a,l]),f.useEffect(()=>{var _;if(!e){R("idle"),E(null),m.current=!1,u.current=null;return}if(!r){R("initializing");return}const S=(s==null?void 0:s.id)??(((_=l.current)==null?void 0:_.srcObject)instanceof MediaStream?l.current.srcObject.id:"none"),F=a==="webcam"?`webcam:${S}`:a;u.current!==F&&(m.current=!1,u.current=F);let y=!1;return(async()=>{try{R("initializing");const X=!m.current;if(X&&await c.setFrameSource({canvas:b.current,sourceKind:a}),await c._setRenderSize(Math.round(r.destination.width),Math.round(r.destination.height)),X&&(await c.start(),m.current=!0),y)return;E(null),R("initializing")}catch(X){if(y)return;R("error"),E(X instanceof Error?X.message:"Failed to initialize SDK face tracking")}})(),()=>{y=!0}},[e,r,a,c,s,l]),f.useEffect(()=>{!v&&e&&!x&&R("initializing")},[v,e,x]),f.useEffect(()=>{x&&(R("error"),E(x.message))},[x]),f.useEffect(()=>()=>{m.current=!1,c.stop()},[c]),{activeDelegate:"GPU",faces:I,status:g,error:M}},Ee=(e,t)=>e==="auto"?t==="webcam"?"cover":"contain":e,Fe=({imageOptions:e,initialImageId:t,initialSource:n,initialVideoId:r,source:i,videoOptions:o})=>{var l,c,u,m;const a=(i==null?void 0:i.kind)??n??"webcam";return{selectedSource:a==="image"&&e.length===0||a==="video"&&o.length===0?"webcam":a,selectedImageId:(i==null?void 0:i.kind)==="image"?i.assetId??((l=e[0])==null?void 0:l.id)??"":t??((c=e[0])==null?void 0:c.id)??"",selectedVideoId:(i==null?void 0:i.kind)==="video"?i.assetId??((u=o[0])==null?void 0:u.id)??"":r??((m=o[0])==null?void 0:m.id)??""}},Ie=(e,t,n)=>{if(e.width<=0||e.height<=0||t.width<=0||t.height<=0)return null;const r=n==="contain"?Math.min(t.width/e.width,t.height/e.height):Math.max(t.width/e.width,t.height/e.height),i=e.width*r,o=e.height*r;return{source:e,destination:t,drawWidth:i,drawHeight:o,offsetX:(t.width-i)*.5,offsetY:(t.height-o)*.5,scale:r}},Te=e=>{if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width||e.clientWidth,height:t.height||e.clientHeight}},Me=e=>{const[t,n]=f.useState({width:0,height:0});return f.useLayoutEffect(()=>{const r=e.current;if(!r)return;let i=0;const o=()=>{const c=Te(r);n(u=>u.width===c.width&&u.height===c.height?u:c)},a=()=>{o(),i&&cancelAnimationFrame(i),i=requestAnimationFrame(o)};a();const s=new ResizeObserver(a);s.observe(r);const l=window.visualViewport;return window.addEventListener("resize",a),window.addEventListener("orientationchange",a),l==null||l.addEventListener("resize",a),l==null||l.addEventListener("scroll",a),()=>{i&&cancelAnimationFrame(i),s.disconnect(),window.removeEventListener("resize",a),window.removeEventListener("orientationchange",a),l==null||l.removeEventListener("resize",a),l==null||l.removeEventListener("scroll",a)}},[e]),t},Xe=({enabled:e,selectedSource:t})=>{const n=j.useXRModelNode(A.XRModel.FACE_TRACKER);return{faces:ee.useFaceResults({node:n,enabled:e,selectedSource:t}),trackerStatus:n?"ready":"idle"}},J=e=>{e&&(e.pause(),e.removeAttribute("src"),e.srcObject=null,e.load())},Q=e=>{e&&e.removeAttribute("src")},je=({enabled:e,imageAsset:t,selectedSource:n,videoAsset:r})=>{const i=f.useRef(null),o=f.useRef(null),[a,s]=f.useState(null),[l,c]=f.useState({width:0,height:0}),[u,m]=f.useState("idle"),[b,p]=f.useState(null);return f.useEffect(()=>{if(!e){J(i.current),Q(o.current),s(null),c({width:0,height:0}),m("idle"),p(null);return}let w=!1,x=null;const g=(S,h)=>{w||(c({width:S,height:h}),m("ready"),p(null))},R=()=>{J(i.current),Q(o.current),x==null||x.getTracks().forEach(S=>S.stop()),x=null,s(null)},M=async()=>{m("requesting");const S=await navigator.mediaDevices.getUserMedia(ge);if(w){S.getTracks().forEach(F=>F.stop());return}x=S,s(S);const h=i.current;h&&(h.srcObject=S,h.muted=!0,h.playsInline=!0,h.autoplay=!0,await h.play(),g(h.videoWidth,h.videoHeight))},E=async S=>{m("requesting"),s(null);const h=i.current;h&&(h.src=S,h.muted=!0,h.loop=!0,h.playsInline=!0,h.autoplay=!0,h.crossOrigin="anonymous",await h.play(),g(h.videoWidth,h.videoHeight))},v=async S=>{m("requesting"),s(null);const h=o.current;h&&(await new Promise((F,y)=>{h.onload=()=>F(),h.onerror=()=>y(new Error("Unable to load image")),h.src=S}),g(h.naturalWidth,h.naturalHeight))};return R(),(async()=>{try{if(n==="webcam"){await M();return}if(n==="video"){if(!(r!=null&&r.src))throw new Error("Missing video source");await E(r.src);return}if(!(t!=null&&t.src))throw new Error("Missing image source");await v(t.src)}catch(S){if(w)return;m("error"),p(S instanceof Error?S.message:`Unable to initialize ${n}`)}})(),()=>{w=!0,R()}},[e,t,n,r]),{videoRef:i,imageRef:o,stream:a,mediaSize:l,status:u,error:b}},ke=({enabled:e,imageRef:t,selectedSource:n,status:r,videoRef:i})=>{const[o,a]=f.useState(null);return f.useEffect(()=>{if(!e||r!=="ready"){a(c=>(c==null||c.dispose(),null));return}const s=n==="image"?t.current:i.current;if(!s)return;const l=n==="image"?new z.Texture(s):new z.VideoTexture(s);return l.colorSpace=z.SRGBColorSpace,l.minFilter=z.LinearFilter,l.magFilter=z.LinearFilter,l.generateMipmaps=!1,l.needsUpdate=!0,a(c=>(c==null||c.dispose(),l)),()=>{l.dispose()}},[e,t,n,r,i]),o},ze=({externalTracker:e,imageOptions:t,layout:n,managesOwnMedia:r,mediaError:i,mediaFitMode:o,mediaSize:a,mediaStatus:s,mirrored:l,selectedImage:c,selectedImageId:u,selectedSource:m,selectedVideo:b,selectedVideoId:p,setMirrored:w,setSelectedImageId:x,setSelectedSource:g,setSelectedVideoId:R,setShowMediaControls:M,showMediaControls:E,tracker:v,videoOptions:I,viewportSize:S})=>{const h=m==="image"?`${k.image.label}: ${(c==null?void 0:c.label)??""}`:m==="video"?`${k.video.label}: ${(b==null?void 0:b.label)??""}`:k.webcam.label;return{activeDelegate:r?v.activeDelegate:null,faces:r?v.faces:e.faces,imageOptions:t,layout:n,mediaError:i,mediaFitMode:o,mediaLabel:h,mediaStatus:s,mirrored:l,selectedImageId:u,selectedSource:m,selectedVideoId:p,setMirrored:w,setSelectedImageId:x,setSelectedSource:g,setSelectedVideoId:R,setShowMediaControls:M,showMediaControls:E,trackerError:r?v.error:null,trackerStatus:r?v.status:e.trackerStatus,videoOptions:I,viewportSize:S,mediaSize:a}},Ae=({mediaTexture:e,previewMode:t,renderOutputs:n,sceneRenderOutputs:r})=>f.useMemo(()=>({requested:n,previewMode:t,mediaColorTexture:e,sceneColorTexture:r.sceneColorTexture,finalColorTexture:n.finalColor?r.sceneColorTexture:null,sceneDepthTexture:r.sceneDepthTexture,estimatedDepthTexture:null,available:{mediaColor:e!==null,sceneColor:r.sceneColorTexture!==null,finalColor:!!(n.finalColor&&r.sceneColorTexture),sceneDepth:r.sceneDepthTexture!==null,estimatedDepth:!1}}),[e,t,n,r]),Be=({fitMode:e,imageOptions:t,initialImageId:n,initialMirrored:r,initialSource:i,initialVideoId:o,mediaStrategy:a,previewMode:s,renderOutputs:l,showMediaControlsByDefault:c,source:u,videoOptions:m})=>{const b=f.useRef(null),p=f.useRef(null),w=Me(b),x=f.useMemo(()=>Fe({imageOptions:t,initialImageId:n,initialSource:i,initialVideoId:o,source:u,videoOptions:m}),[t,n,i,o,u,m]),[g,R]=f.useState(r),[M,E]=f.useState(c),[v,I]=f.useState(x.selectedSource),[S,h]=f.useState(x.selectedImageId),[F,y]=f.useState(x.selectedVideoId),[G,_]=f.useState({sceneColorTexture:null,sceneDepthTexture:null}),X=a==="internal";f.useEffect(()=>{u&&(I(x.selectedSource),h(x.selectedImageId),y(x.selectedVideoId))},[x,u]);const K=t.find(H=>H.id===S)??t[0],O=m.find(H=>H.id===F)??m[0],T=je({enabled:X,imageAsset:K,selectedSource:v,videoAsset:O}),P=Ee(e,v),V=f.useMemo(()=>Ie(T.mediaSize,w,P),[T.mediaSize,P,w]),ie=ke({enabled:!!(l.mediaColor||l.finalColor),imageRef:T.imageRef,selectedSource:v,status:T.status,videoRef:T.videoRef}),W=ne(v,g),ae=oe({displayMirrored:W,enabled:X&&T.status==="ready"&&V!==null,imageRef:T.imageRef,layout:V,selectedSource:v,sourceStream:T.stream,videoRef:T.videoRef}),se=Xe({enabled:!X,selectedSource:v}),le=ze({externalTracker:se,imageOptions:t,layout:V,managesOwnMedia:X,mediaError:T.error,mediaFitMode:P,mediaSize:T.mediaSize,mediaStatus:T.status,mirrored:W,selectedImage:K,selectedImageId:S,selectedSource:v,selectedVideo:O,selectedVideoId:F,setMirrored:R,setSelectedImageId:h,setSelectedSource:I,setSelectedVideoId:y,setShowMediaControls:E,showMediaControls:M,tracker:ae,videoOptions:m,viewportSize:w}),ce=Ae({mediaTexture:ie,previewMode:s,renderOutputs:l,sceneRenderOutputs:G});return{containerRef:b,displayCanvasRef:p,displayMirrored:W,layout:V,managesOwnMedia:X,media:T,renderOutputState:ce,renderState:le,selectedImageId:S,selectedSource:v,selectedVideoId:F,setSceneRenderOutputs:_,setSelectedImageId:h,setSelectedSource:I,setSelectedVideoId:y,showMediaControls:M,viewportSize:w}},N=({children:e})=>d.jsx(d.Fragment,{children:e});N.displayName="XRViewport.Scene";const $=({children:e})=>d.jsx(d.Fragment,{children:e});$.displayName="XRViewport.Overlay";const Le=(e,t)=>{if(e==="dom")return{sceneContent:null,overlayContent:t};let n=null,r=null;const i=[];return f.Children.forEach(t,o=>{var s;if(!f.isValidElement(o)){o!=null&&i.push(o);return}const a=(s=o.type)==null?void 0:s.displayName;if(a===N.displayName){n=o.props.children;return}if(a===$.displayName){r=o.props.children;return}i.push(o)}),!r&&i.length>0&&(r=i),{sceneContent:n,overlayContent:r}},Z=(e,t)=>typeof e=="function"?e(t):e;function _e(e){return e.Scene=N,e.Overlay=$,e}const Ve=_e(({children:e,fitMode:t="auto",imageOptions:n=[],initialImageId:r,initialMirrored:i=!0,initialSource:o="webcam",initialVideoId:a,mediaStrategy:s="internal",mediaDock:l="bottom-left",mode:c="dom",previewMode:u="finalColor",renderOutputs:m={},showMediaControlsByDefault:b=!0,source:p,style:w,videoOptions:x=[]})=>{const g=Be({fitMode:t,imageOptions:n,initialImageId:r,initialMirrored:i,initialSource:o,initialVideoId:a,mediaStrategy:s,previewMode:u,renderOutputs:m,showMediaControlsByDefault:b,source:p,videoOptions:x}),R=typeof e=="function"?e(g.renderState):e,{sceneContent:M,overlayContent:E}=Le(c,R),v=Z(M,g.renderState),I=Z(E,g.renderState);return d.jsx(C.XRViewportStateContext.Provider,{value:g.renderState,children:d.jsx(C.XRViewportRenderOutputsContext.Provider,{value:g.renderOutputState,children:d.jsx(ve,{containerRef:g.containerRef,displayCanvasRef:g.displayCanvasRef,imageOptions:n,imageRef:g.media.imageRef,layout:g.layout,managesOwnMedia:g.managesOwnMedia,mediaDock:l,mirrored:g.displayMirrored,mode:c,overlayContent:I,renderOutputs:m,sceneContent:v,selectedImageId:g.selectedImageId,selectedSource:g.selectedSource,selectedVideoId:g.selectedVideoId,setSceneRenderOutputs:g.setSceneRenderOutputs,setSelectedImageId:g.setSelectedImageId,setSelectedSource:g.setSelectedSource,setSelectedVideoId:g.setSelectedVideoId,showMediaControls:g.showMediaControls,style:w,videoOptions:x,videoRef:g.media.videoRef,viewportSize:g.viewportSize})})})}),De={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"},qe=({boundingBox:e,label:t="face bounding box",color:n="#22c55e",style:r,labelStyle:i})=>d.jsx("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,...r},children:t!==null&&d.jsx("div",{style:{...De,...i},children:t})}),Pe=e=>{const[t,n]=f.useState(null);return f.useEffect(()=>{let r=0;const i=()=>{var l,c;r=requestAnimationFrame(i);const o=(c=(l=e==null?void 0:e.detectionResults)==null?void 0:l.faceLandmarks)==null?void 0:c[0];if(!o||o.length===0){n(null);return}const a=q.computeLandmarkBounds(o),s={left:a.minX,top:a.minY,width:a.width,height:a.height};n(u=>u&&u.left===s.left&&u.top===s.top&&u.width===s.width&&u.height===s.height?u:s)};return i(),()=>{cancelAnimationFrame(r)}},[e]),t},We=({background:e="#000",children:t,style:n})=>d.jsx("div",{style:{position:"fixed",inset:0,overflow:"hidden",background:e,...n},children:t}),He=e=>{const{makeDefault:t=!0,...n}=e;return d.jsx(de.PerspectiveCamera,{position:[0,0,40],fov:30,near:.1,far:1e3,makeDefault:t,...n})},Ue=["fill","contain"];exports.useXRContext=A.useXRContext;exports.HeadTracker=D.HeadTracker;exports.useTrackerContext=D.useTrackerContext;exports.useXRModel=D.useXRModel;exports.useXRCameraTexture=j.useXRCameraTexture;exports.useXRError=j.useXRError;exports.useXRModelNode=j.useXRModelNode;exports.useXRPipelineSnapshot=j.useXRPipelineSnapshot;exports.useXRReady=j.useXRReady;exports.useXRRenderSize=j.useXRRenderSize;exports.computeLandmarkBounds=q.computeLandmarkBounds;exports.createFaceInfoTarget=q.createFaceInfoTarget;exports.getFaceInfo=q.getFaceInfo;exports.ScreenRectAspectContext=L.ScreenRectAspectContext;exports.getThreeBlending=L.getThreeBlending;exports.getThreeDepthFunction=L.getThreeDepthFunction;exports.getThreeSide=L.getThreeSide;exports.useScreenSpace=L.useScreenSpace;exports.hasFullUnitUVBounds=ue.hasFullUnitUVBounds;exports.BasicAnimatedTextureController=C.BasicAnimatedTextureController;exports.MAX_GIF_BYTES=C.MAX_GIF_BYTES;exports.MAX_GIF_FRAMES=C.MAX_GIF_FRAMES;exports.MAX_GIF_PIXELS=C.MAX_GIF_PIXELS;exports.TextureSourceLoadError=C.TextureSourceLoadError;exports.computeScreenTransform=C.computeScreenTransform;exports.createTextureSourceResolver=C.createTextureSourceResolver;exports.disposeResolvedTextureSource=C.disposeResolvedTextureSource;exports.getPlaybackFrame=C.getPlaybackFrame;exports.getSequenceFrame=C.getSequenceFrame;exports.gifTextureSourceProvider=C.gifTextureSourceProvider;exports.resolveTextureSource=C.resolveTextureSource;exports.throwIfAborted=C.throwIfAborted;exports.useXRViewportRenderOutputs=C.useXRViewportRenderOutputs;exports.useXRViewportState=C.useXRViewportState;exports.BoundingBoxOverlay=qe;exports.PerspectiveCamera=He;exports.TEXTURE_FITS=Ue;exports.XRCompositor=We;exports.XRLayer=B;exports.XRMediaSurface=re;exports.XRTrackingOverlay=me;exports.XRViewport=Ve;exports.resolveCalibrationFaceDisplayMirrored=ne;exports.useCalibrationFaceTracker=oe;exports.useFaceBoundingBox=Pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index-CfSF8LXa.cjs"),oe=require("./index-DE17y0ZI.cjs"),le=require("./landmarks-BlUqf5MZ.cjs"),F=require("./selectors-C4X71aoD.cjs"),w=require("react"),V=require("./getFaceInfo-B1otSDMX.cjs"),y=require("react/jsx-runtime"),Ae=require("@react-three/drei"),K=require("./index-tpCr9CLj.cjs"),m=require("./trigger-D0Pm9noT.cjs"),Me=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),I=require("./contexts-BH7PdKFS.cjs"),O=require("./index-CGsQWodV.cjs"),W=require("./detector-ijypGtse.cjs"),M=require("./providers-DHsrhDI2.cjs"),ce=require("./context-hA0Rb2Xa.cjs"),Ce=require("three");function Fe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const P=Fe(Ce),B=({children:e,config:t,style:r})=>y.jsx("div",{"data-render-target":t.name,style:{position:"absolute",inset:0,overflow:"hidden",background:t.clearColor,pointerEvents:t.pointerEvents??"none",zIndex:t.zIndex,opacity:t.hidden?0:1,...r},children:e}),Q=({canvas:e,layout:t,media:r,mirrored:a,filter:n})=>{const c=Math.round(t.destination.width),u=Math.round(t.destination.height);e.width!==c&&(e.width=c),e.height!==u&&(e.height=u);const d=e.getContext("2d");d&&(d.setTransform(1,0,0,1,0,0),d.clearRect(0,0,c,u),a&&(d.translate(c,0),d.scale(-1,1)),n&&(d.filter=n),d.drawImage(r,t.offsetX,t.offsetY,t.drawWidth,t.drawHeight),n&&(d.filter="none"),d.setTransform(1,0,0,1,0,0))},de=({canvasRef:e,enabled:t=!0,fps:r=30,imageRef:a,layout:n,mirrored:c,sourceKind:u,videoRef:d})=>{w.useEffect(()=>{if(!t){const h=e.current,R=h==null?void 0:h.getContext("2d");h&&R&&R.clearRect(0,0,h.width,h.height);return}let i=0,f=0;const g=r>0?1e3/r:0,s=h=>{if(i=requestAnimationFrame(s),g>0&&h-f<g)return;f=h;const R=e.current;if(!R||!n)return;if(u==="image"){const l=a.current;if(!l||!l.complete||l.naturalWidth<=0||l.naturalHeight<=0)return;Q({canvas:R,layout:n,media:l,mirrored:c});return}const o=d.current;!o||o.readyState<2||o.videoWidth<=0||o.videoHeight<=0||Q({canvas:R,layout:n,media:o,mirrored:c})};return i=requestAnimationFrame(s),()=>{cancelAnimationFrame(i)}},[e,t,r,a,n,c,u,d])},ue=({canvasRef:e,imageRef:t,layer:r,layout:a,mirrored:n,onCaptureTarget:c,sourceKind:u,videoRef:d})=>(de({canvasRef:e,imageRef:t,layout:a,mirrored:n,sourceKind:u,videoRef:d}),w.useEffect(()=>{const i=e.current;if(i)return c==null||c(i),()=>c==null?void 0:c(void 0)},[e,c]),y.jsx(B,{config:r,children:y.jsx("canvas",{ref:e,style:{position:"absolute",inset:0,width:"100%",height:"100%",display:"block",background:"#000"}})})),Ie=({canvasRef:e,controlInsetTop:t,debugVisible:r,fps:a=15,imageRef:n,layer:c,layout:u,mirrored:d,sourceKind:i,videoRef:f,viewportSize:g})=>{de({canvasRef:e,enabled:r,fps:a,imageRef:n,layout:u,mirrored:d,sourceKind:i,videoRef:f});const s=Math.min(220,Math.max(120,g.width*.22)),h=g.width>0&&g.height>0?g.width/g.height:1,R=Math.min(g.height-24,Math.max(t??16,16));return y.jsx(B,{config:c,children:y.jsx("canvas",{ref:e,style:{position:"absolute",left:16,top:R,width:r?s:1,height:r?"auto":1,aspectRatio:`${h}`,opacity:r?.85:0,borderRadius:10,border:r?"1px solid rgba(255,255,255,0.16)":"none",pointerEvents:"none",objectFit:"contain",background:"#000"}})})},_e={audio:!1,video:{facingMode:"user",frameRate:{ideal:30,max:60}}},ke={name:"viewport-live",clearColor:"#000000",pointerEvents:"none",zIndex:0},Le={name:"viewport-ui",clearColor:"transparent",pointerEvents:"auto",zIndex:5},Oe={name:"viewport-scene",clearColor:"transparent",pointerEvents:"auto",zIndex:1},N={webcam:{icon:"◉",label:"Webcam"},image:{icon:"▣",label:"Images"},video:{icon:"▶",label:"Videos"}},Xe=({imageRef:e,selectedSource:t,videoRef:r})=>y.jsxs(y.Fragment,{children:[y.jsx("video",{ref:r,style:{position:"absolute",width:1,height:1,opacity:t==="image"?0:.001,pointerEvents:"none"}}),y.jsx("img",{ref:e,alt:"",style:{position:"absolute",width:1,height:1,opacity:t==="image"?.001:0,pointerEvents:"none"}})]}),re=({dock:e,label:t,onChange:r,options:a,value:n})=>y.jsx("div",{style:{position:"absolute",top:e==="top-left"?74:void 0,bottom:e==="bottom-left"?74:void 0,left:16,zIndex:5,maxWidth:"calc(100vw - 32px)",padding:10,borderRadius:14,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)"},children:y.jsxs("label",{style:{display:"grid",gap:6,color:"#e5eefb",fontSize:12,fontWeight:700},children:[y.jsx("span",{children:t}),y.jsx("select",{value:n,onChange:c=>r(c.target.value),style:{minWidth:180,maxWidth:"calc(100vw - 52px)",height:36,borderRadius:10,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.06)",color:"#e5eefb",padding:"0 10px"},children:a.map(c=>y.jsx("option",{value:c.id,style:{color:"#111827"},children:c.label},c.id))})]})}),De=({dock:e,imageOptions:t,selectedImageId:r,selectedSource:a,selectedVideoId:n,setSelectedImageId:c,setSelectedSource:u,setSelectedVideoId:d,showMediaControls:i,videoOptions:f})=>{const[g,s]=w.useState(!1),h=["webcam","image","video"].filter(R=>R==="image"?t.length>0:R==="video"?f.length>0:!0);return i?g?y.jsx("button",{type:"button",onClick:()=>s(!1),"aria-label":"Open media controls",title:"Open media controls",style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer"},children:"≡"}):y.jsxs(y.Fragment,{children:[y.jsxs("div",{style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,display:"inline-flex",alignItems:"center",gap:8,maxWidth:"calc(100vw - 32px)"},children:[y.jsx("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:8,borderRadius:999,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",overflowX:"auto"},children:h.map(R=>{const o=R===a;return y.jsxs("button",{type:"button",onClick:()=>u(R),"aria-pressed":o,title:N[R].label,style:{border:"none",borderRadius:999,minWidth:42,height:42,padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:8,background:o?"rgba(56, 189, 248, 0.18)":"rgba(255,255,255,0.04)",color:o?"#e0f2fe":"rgba(229,238,251,0.82)",cursor:"pointer",flex:"0 0 auto"},children:[y.jsx("span",{style:{fontSize:14,lineHeight:1},children:N[R].icon}),y.jsx("span",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.01em"},children:N[R].label})]},R)})}),y.jsx("button",{type:"button",onClick:()=>s(!0),"aria-label":"Close media controls",title:"Close media controls",style:{width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer",flex:"0 0 auto"},children:"×"})]}),a==="image"&&t.length>0&&y.jsx(re,{dock:e,label:"Image Asset",options:t,value:r,onChange:c}),a==="video"&&f.length>0&&y.jsx(re,{dock:e,label:"Video Asset",options:f,value:n,onChange:d})]}):null},He=({containerRef:e,displayCanvasRef:t,imageOptions:r,imageRef:a,layout:n,managesOwnMedia:c,mediaDock:u,mode:d,overlayContent:i,renderOutputs:f,sceneContent:g,selectedImageId:s,selectedSource:h,selectedVideoId:R,setSceneRenderOutputs:o,setSelectedImageId:l,setSelectedSource:p,setSelectedVideoId:x,showMediaControls:T,style:A,videoOptions:E,videoRef:_,viewportSize:v,mirrored:b})=>{const{session:k}=S.useXRContext();return y.jsxs("div",{ref:e,style:{position:"fixed",inset:0,overflow:"hidden",background:"#000",...A},children:[y.jsx(Xe,{imageRef:a,selectedSource:h,videoRef:_}),d==="dom"&&c&&y.jsx(ue,{canvasRef:t,imageRef:a,videoRef:_,layer:ke,layout:n,mirrored:b,onCaptureTarget:k._setCaptureTarget,sourceKind:h==="image"?"image":"video"}),(d==="r3f"||d==="hybrid")&&y.jsx(B,{config:Oe,children:y.jsx(I.XRScene,{onRenderOutputs:o,renderOutputs:{sceneColor:f.sceneColor||f.finalColor,sceneDepth:f.sceneDepth},renderTargetSize:v,style:{width:"100%",height:"100%"},children:g})}),y.jsxs(B,{config:Le,children:[c&&y.jsx(De,{dock:u,imageOptions:r,selectedImageId:s,selectedSource:h,selectedVideoId:R,setSelectedImageId:l,setSelectedSource:p,setSelectedVideoId:x,showMediaControls:T,videoOptions:E}),i]})]})},Ne=5,Pe=1,me=(e,t)=>t,Be="brightness(2.2) contrast(1.5) saturate(1.25)",pe=({enabled:e,displayMirrored:t,imageRef:r,layout:a,mode:n,numFaces:c,selectedSource:u,sourceStream:d,videoRef:i})=>{const{session:f}=S.useXRContext(),g=w.useRef(null),s=w.useRef(!1),h=w.useRef(document.createElement("canvas")),{ready:R,node:o,error:l}=le.useXRModel(S.XRModel.FACE_TRACKER,{numFaces:c??(n==="head-binding"?Pe:Ne)}),[p,x]=w.useState("idle"),[T,A]=w.useState(null),E=e&&R&&!!o,_=m.useFaceResults({node:E?o:null,enabled:E,selectedSource:u,onFrame:w.useCallback(()=>{A(null),x("ready")},[])});return w.useEffect(()=>{if(!e||!a)return;const v=()=>{const C=u==="image"?r.current:i.current;if(C){if(C instanceof HTMLImageElement){if(!C.complete||C.naturalWidth<=0||C.naturalHeight<=0)return}else if(C.readyState<2||C.videoWidth<=0||C.videoHeight<=0)return;Q({canvas:h.current,layout:a,media:C,mirrored:t,filter:u==="webcam"?Be:void 0})}};if(u==="image"){v();return}let b=0;const k=()=>{b=requestAnimationFrame(k),v()};return b=requestAnimationFrame(k),()=>cancelAnimationFrame(b)},[t,e,r,a,u,i]),w.useEffect(()=>{var j;if(!e){x("idle"),A(null),s.current=!1,g.current=null;return}if(!a){x("initializing");return}const v=(d==null?void 0:d.id)??(((j=i.current)==null?void 0:j.srcObject)instanceof MediaStream?i.current.srcObject.id:"none"),k=u==="webcam"?`webcam:${v}`:u;g.current!==k&&(s.current=!1,g.current=k);let C=!1;return(async()=>{try{x("initializing");const D=!s.current;if(D&&await f.setFrameSource({canvas:h.current,sourceKind:u}),await f._setRenderSize(Math.round(a.destination.width),Math.round(a.destination.height)),D&&(await f.start(),s.current=!0),C)return;A(null),x("initializing")}catch(D){if(C)return;x("error"),A(D instanceof Error?D.message:"Failed to initialize SDK face tracking")}})(),()=>{C=!0}},[e,a,u,f,d,i]),w.useEffect(()=>{!E&&e&&!l&&x("initializing")},[E,e,l]),w.useEffect(()=>{l&&(x("error"),A(l.message))},[l]),w.useEffect(()=>()=>{s.current=!1,f.stop()},[f]),{activeDelegate:"GPU",faces:_,status:p,error:T}},je=(e,t)=>e==="auto"?t==="webcam"?"cover":"contain":e,Ge=({imageOptions:e,initialImageId:t,initialSource:r,initialVideoId:a,source:n,videoOptions:c})=>{var i,f,g,s;const u=(n==null?void 0:n.kind)??r??"webcam";return{selectedSource:u==="image"&&e.length===0||u==="video"&&c.length===0?"webcam":u,selectedImageId:(n==null?void 0:n.kind)==="image"?n.assetId??((i=e[0])==null?void 0:i.id)??"":t??((f=e[0])==null?void 0:f.id)??"",selectedVideoId:(n==null?void 0:n.kind)==="video"?n.assetId??((g=c[0])==null?void 0:g.id)??"":a??((s=c[0])==null?void 0:s.id)??""}},ze=(e,t,r)=>{if(e.width<=0||e.height<=0||t.width<=0||t.height<=0)return null;const a=S.computeFitLayout(e,t,r);return a?{source:e,destination:t,...a}:null},Ve=e=>{if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width||e.clientWidth,height:t.height||e.clientHeight}},We=e=>{const[t,r]=w.useState({width:0,height:0});return w.useLayoutEffect(()=>{const a=e.current;if(!a)return;let n=0;const c=()=>{const f=Ve(a);r(g=>g.width===f.width&&g.height===f.height?g:f)},u=()=>{c(),n&&cancelAnimationFrame(n),n=requestAnimationFrame(c)};u();const d=new ResizeObserver(u);d.observe(a);const i=window.visualViewport;return window.addEventListener("resize",u),window.addEventListener("orientationchange",u),i==null||i.addEventListener("resize",u),i==null||i.addEventListener("scroll",u),()=>{n&&cancelAnimationFrame(n),d.disconnect(),window.removeEventListener("resize",u),window.removeEventListener("orientationchange",u),i==null||i.removeEventListener("resize",u),i==null||i.removeEventListener("scroll",u)}},[e]),t},Ue=({enabled:e,selectedSource:t})=>{const r=F.useXRModelNode(S.XRModel.FACE_TRACKER);return{faces:m.useFaceResults({node:r,enabled:e,selectedSource:t}),trackerStatus:r?"ready":"idle"}},ae=e=>{e&&(e.pause(),e.removeAttribute("src"),e.srcObject=null,e.load())},ne=e=>{e&&e.removeAttribute("src")},qe=({enabled:e,imageAsset:t,selectedSource:r,videoAsset:a})=>{const n=w.useRef(null),c=w.useRef(null),[u,d]=w.useState(null),[i,f]=w.useState({width:0,height:0}),[g,s]=w.useState("idle"),[h,R]=w.useState(null);return w.useEffect(()=>{if(!e){ae(n.current),ne(c.current),d(null),f({width:0,height:0}),s("idle"),R(null);return}let o=!1,l=null;const p=(v,b)=>{o||(f({width:v,height:b}),s("ready"),R(null))},x=()=>{ae(n.current),ne(c.current),l==null||l.getTracks().forEach(v=>v.stop()),l=null,d(null)},T=async()=>{s("requesting");const v=await navigator.mediaDevices.getUserMedia(_e);if(o){v.getTracks().forEach(k=>k.stop());return}l=v,d(v);const b=n.current;b&&(b.srcObject=v,b.muted=!0,b.playsInline=!0,b.autoplay=!0,await b.play(),p(b.videoWidth,b.videoHeight))},A=async v=>{s("requesting"),d(null);const b=n.current;b&&(b.src=v,b.muted=!0,b.loop=!0,b.playsInline=!0,b.autoplay=!0,b.crossOrigin="anonymous",await b.play(),p(b.videoWidth,b.videoHeight))},E=async v=>{s("requesting"),d(null);const b=c.current;b&&(await new Promise((k,C)=>{b.onload=()=>k(),b.onerror=()=>C(new Error("Unable to load image")),b.src=v}),p(b.naturalWidth,b.naturalHeight))};return x(),(async()=>{try{if(r==="webcam"){await T();return}if(r==="video"){if(!(a!=null&&a.src))throw new Error("Missing video source");await A(a.src);return}if(!(t!=null&&t.src))throw new Error("Missing image source");await E(t.src)}catch(v){if(o)return;s("error"),R(v instanceof Error?v.message:`Unable to initialize ${r}`)}})(),()=>{o=!0,x()}},[e,t,r,a]),{videoRef:n,imageRef:c,stream:u,mediaSize:i,status:g,error:h}},$e=({enabled:e,imageRef:t,selectedSource:r,status:a,videoRef:n})=>{const[c,u]=w.useState(null);return w.useEffect(()=>{if(!e||a!=="ready"){u(f=>(f==null||f.dispose(),null));return}const d=r==="image"?t.current:n.current;if(!d)return;const i=r==="image"?new P.Texture(d):new P.VideoTexture(d);return i.colorSpace=P.SRGBColorSpace,i.minFilter=P.LinearFilter,i.magFilter=P.LinearFilter,i.generateMipmaps=!1,i.needsUpdate=!0,u(f=>(f==null||f.dispose(),i)),()=>{i.dispose()}},[e,t,r,a,n]),c},Qe=({externalTracker:e,imageOptions:t,layout:r,managesOwnMedia:a,mediaError:n,mediaFitMode:c,mediaSize:u,mediaStatus:d,mirrored:i,selectedImage:f,selectedImageId:g,selectedSource:s,selectedVideo:h,selectedVideoId:R,setMirrored:o,setSelectedImageId:l,setSelectedSource:p,setSelectedVideoId:x,setShowMediaControls:T,showMediaControls:A,tracker:E,videoOptions:_,viewportSize:v})=>{const b=s==="image"?`${N.image.label}: ${(f==null?void 0:f.label)??""}`:s==="video"?`${N.video.label}: ${(h==null?void 0:h.label)??""}`:N.webcam.label;return{activeDelegate:a?E.activeDelegate:null,faces:a?E.faces:e.faces,imageOptions:t,layout:r,mediaError:n,mediaFitMode:c,mediaLabel:b,mediaStatus:d,mirrored:i,selectedImageId:g,selectedSource:s,selectedVideoId:R,setMirrored:o,setSelectedImageId:l,setSelectedSource:p,setSelectedVideoId:x,setShowMediaControls:T,showMediaControls:A,trackerError:a?E.error:null,trackerStatus:a?E.status:e.trackerStatus,videoOptions:_,viewportSize:v,mediaSize:u}},Ke=({mediaTexture:e,previewMode:t,renderOutputs:r,sceneRenderOutputs:a})=>w.useMemo(()=>({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]),Ye=({fitMode:e,imageOptions:t,initialImageId:r,initialMirrored:a,initialSource:n,initialVideoId:c,mediaStrategy:u,previewMode:d,renderOutputs:i,showMediaControlsByDefault:f,source:g,videoOptions:s})=>{const h=w.useRef(null),R=w.useRef(null),o=We(h),l=w.useMemo(()=>Ge({imageOptions:t,initialImageId:r,initialSource:n,initialVideoId:c,source:g,videoOptions:s}),[t,r,n,c,g,s]),[p,x]=w.useState(a),[T,A]=w.useState(f),[E,_]=w.useState(l.selectedSource),[v,b]=w.useState(l.selectedImageId),[k,C]=w.useState(l.selectedVideoId),[Z,j]=w.useState({sceneColorTexture:null,sceneDepthTexture:null}),D=u==="internal";w.useEffect(()=>{g&&(_(l.selectedSource),b(l.selectedImageId),C(l.selectedVideoId))},[l,g]);const ee=t.find($=>$.id===v)??t[0],te=s.find($=>$.id===k)??s[0],L=qe({enabled:D,imageAsset:ee,selectedSource:E,videoAsset:te}),U=je(e,E),G=w.useMemo(()=>ze(L.mediaSize,o,U),[L.mediaSize,U,o]),we=$e({enabled:!!(i.mediaColor||i.finalColor),imageRef:L.imageRef,selectedSource:E,status:L.status,videoRef:L.videoRef}),q=me(E,p),xe=pe({displayMirrored:q,enabled:D&&L.status==="ready"&&G!==null,imageRef:L.imageRef,layout:G,selectedSource:E,sourceStream:L.stream,videoRef:L.videoRef}),Te=Ue({enabled:!D,selectedSource:E}),ve=Qe({externalTracker:Te,imageOptions:t,layout:G,managesOwnMedia:D,mediaError:L.error,mediaFitMode:U,mediaSize:L.mediaSize,mediaStatus:L.status,mirrored:q,selectedImage:ee,selectedImageId:v,selectedSource:E,selectedVideo:te,selectedVideoId:k,setMirrored:x,setSelectedImageId:b,setSelectedSource:_,setSelectedVideoId:C,setShowMediaControls:A,showMediaControls:T,tracker:xe,videoOptions:s,viewportSize:o}),Ee=Ke({mediaTexture:we,previewMode:d,renderOutputs:i,sceneRenderOutputs:Z});return{containerRef:h,displayCanvasRef:R,displayMirrored:q,layout:G,managesOwnMedia:D,media:L,renderOutputState:Ee,renderState:ve,selectedImageId:v,selectedSource:E,selectedVideoId:k,setSceneRenderOutputs:j,setSelectedImageId:b,setSelectedSource:_,setSelectedVideoId:C,showMediaControls:T,viewportSize:o}},Y=({children:e})=>y.jsx(y.Fragment,{children:e});Y.displayName="XRViewport.Scene";const J=({children:e})=>y.jsx(y.Fragment,{children:e});J.displayName="XRViewport.Overlay";const Je=(e,t)=>{if(e==="dom")return{sceneContent:null,overlayContent:t};let r=null,a=null;const n=[];return w.Children.forEach(t,c=>{var d;if(!w.isValidElement(c)){c!=null&&n.push(c);return}const u=(d=c.type)==null?void 0:d.displayName;if(u===Y.displayName){r=c.props.children;return}if(u===J.displayName){a=c.props.children;return}n.push(c)}),!a&&n.length>0&&(a=n),{sceneContent:r,overlayContent:a}},se=(e,t)=>typeof e=="function"?e(t):e;function Ze(e){return e.Scene=Y,e.Overlay=J,e}const et=Ze(({children:e,fitMode:t="auto",imageOptions:r=[],initialImageId:a,initialMirrored:n=!0,initialSource:c="webcam",initialVideoId:u,mediaStrategy:d="internal",mediaDock:i="bottom-left",mode:f="dom",previewMode:g="finalColor",renderOutputs:s={},showMediaControlsByDefault:h=!0,source:R,style:o,videoOptions:l=[]})=>{const p=Ye({fitMode:t,imageOptions:r,initialImageId:a,initialMirrored:n,initialSource:c,initialVideoId:u,mediaStrategy:d,previewMode:g,renderOutputs:s,showMediaControlsByDefault:h,source:R,videoOptions:l}),x=typeof e=="function"?e(p.renderState):e,{sceneContent:T,overlayContent:A}=Je(f,x),E=se(T,p.renderState),_=se(A,p.renderState);return y.jsx(I.XRViewportStateContext.Provider,{value:p.renderState,children:y.jsx(I.XRViewportRenderOutputsContext.Provider,{value:p.renderOutputState,children:y.jsx(He,{containerRef:p.containerRef,displayCanvasRef:p.displayCanvasRef,imageOptions:r,imageRef:p.media.imageRef,layout:p.layout,managesOwnMedia:p.managesOwnMedia,mediaDock:i,mirrored:p.displayMirrored,mode:f,overlayContent:_,renderOutputs:s,sceneContent:E,selectedImageId:p.selectedImageId,selectedSource:p.selectedSource,selectedVideoId:p.selectedVideoId,setSceneRenderOutputs:p.setSceneRenderOutputs,setSelectedImageId:p.setSelectedImageId,setSelectedSource:p.setSelectedSource,setSelectedVideoId:p.setSelectedVideoId,showMediaControls:p.showMediaControls,style:o,videoOptions:l,videoRef:p.media.videoRef,viewportSize:p.viewportSize})})})}),tt={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"},rt=({boundingBox:e,label:t="face bounding box",color:r="#22c55e",style:a,labelStyle:n})=>y.jsx("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&&y.jsx("div",{style:{...tt,...n},children:t})}),z=[{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"}],fe=[{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"}],at=e=>z.find(t=>t.id===e)??fe.find(t=>t.id===e),X=(e,t)=>{const r=e.match(t);return r?r[1]:""},he=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:X(e,/Edg\/(\d+)/)}:/OPR\//.test(e)?a={name:"Opera",version:X(e,/OPR\/(\d+)/)}:/SamsungBrowser\//.test(e)?a={name:"Samsung Internet",version:X(e,/SamsungBrowser\/(\d+)/)}:/CriOS\//.test(e)?a={name:"Chrome iOS",version:X(e,/CriOS\/(\d+)/)}:/FxiOS\//.test(e)?a={name:"Firefox iOS",version:X(e,/FxiOS\/(\d+)/)}:/Firefox\//.test(e)?a={name:"Firefox",version:X(e,/Firefox\/(\d+)/)}:/Chrome\//.test(e)?a={name:"Chrome",version:X(e,/Chrome\/(\d+)/)}:/Safari\//.test(e)&&(a={name:"Safari",version:X(e,/Version\/(\d+)/)});let n={name:"unknown",version:""};return t?n={name:"iOS",version:X(e,/OS (\d+[._]\d+)/).replace("_",".")}:r?n={name:"Android",version:X(e,/Android (\d+(?:\.\d+)?)/)}:/Mac OS X/.test(e)?n={name:"macOS",version:X(e,/Mac OS X (\d+[._]\d+)/).replace("_",".")}:/Windows NT/.test(e)?n={name:"Windows",version:X(e,/Windows NT (\d+\.\d+)/)}:/Linux/.test(e)&&(n={name:"Linux",version:""}),{browser:a,os:n,mobile:t||r||/Mobile/.test(e)}},ge=()=>{var a,n;const e=typeof navigator<"u"?navigator:void 0,t=(e==null?void 0:e.userAgent)??"",r=he(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:((n=window.screen)==null?void 0:n.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}},nt=[S.XRModel.FACE_TRACKER,S.XRModel.HAND_TRACKER,S.XRModel.BODY_TRACKER],ie="__xr_compat__",Se=e=>new Promise(t=>setTimeout(t,e)),H=async(e,t,r=50)=>{const a=Date.now()+t;for(;Date.now()<a;){if(e())return!0;await Se(r)}return e()},ye=(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,Re=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},be=(e,t,r={})=>({version:1,sdkVersion:r.sdkVersion??"dev",checkedAt:new Date().toISOString(),label:r.label??"",environment:ge(),capabilities:t,results:e,summary:Re(e)}),st=async(e,t={})=>{var g;const r=t.timeoutMs??2e4,a=t.models??nt,n=new Set(t.scenarios??z.map(s=>s.id)),c=[];let u=null,d=!1;const i=(s,h,R,o)=>{var p;const l={id:s,status:o.status,cause:o.status==="fail"?ye(o.code??null,h):null,code:o.status==="fail"?o.code??null:null,detail:o.detail,durationMs:Math.round(performance.now()-R)};c.push(l),(p=t.onResult)==null||p.call(t,l)},f=async()=>{t.stream?await e.setMediaSource({source:S.XRMediaSource.STREAM,stream:t.stream,sourceKind:"video"}):await e.setMediaSource({source:S.XRMediaSource.WEBCAM}),await e.start()};try{for(const s of z){if(!n.has(s.id))continue;const h=performance.now();try{const R=s.id;switch(R){case"capabilities":{u=await S.detectXRCapabilities({models:a,timeoutMs:Math.min(r,8e3)});const o=a.map(p=>S.resolveTrackerSupport(u,p)).filter(p=>!p.supported&&p.reason).map(p=>p.reason.code),l=Array.from(new Set(o));i(s.id,s.layer,h,{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 f();const o=await H(()=>e.store.getSnapshot().lifecycle==="running",r),l=e.store.getSnapshot().feedFrames,p=o&&await H(()=>e.store.getSnapshot().feedFrames>l,r);d=o&&p;const x=e.store.getSnapshot().error;i(s.id,s.layer,h,{status:d?"pass":"fail",code:x?x.reason:o?"feed-stalled":"timeout:lifecycle",detail:d?`running on ${e.store.getSnapshot().sourceKind}`:x?x.message:o?"running but no feed frames advanced":`lifecycle ${e.store.getSnapshot().lifecycle}`});break}case"model-ready":{if(!d){i(s.id,s.layer,h,{status:"skip",detail:"session did not start"});break}const o=[];await Promise.all(a.map(async l=>{try{await e.registry.acquire(l,ie),await H(()=>e.store.getSnapshot().pipeline.has(l),r)||o.push(`${l}: timeout`)}catch(p){o.push(`${l}: ${S.mapModelErrorToReason(p).code}`)}})),i(s.id,s.layer,h,{status:o.length?"fail":"pass",code:o.length?o[0].split(": ")[1]==="timeout"?"model-init-failed":o[0].split(": ")[1]:null,detail:o.length?o.join("; "):`${a.length} models ready`});break}case"model-detects":{if(!d){i(s.id,s.layer,h,{status:"skip",detail:"session did not start"});break}const o=await H(()=>S.sampleXRDiagnostics(e,a,null).models.every(A=>A.state!=="ready"||A.inferences>0),Math.min(r,8e3)),l=S.sampleXRDiagnostics(e,a,null),p=l.models.filter(T=>T.state==="ready"&&T.inferences===0).map(T=>T.label),x=l.models.filter(T=>T.state==="error").map(T=>{var A;return`${T.label}: ${((A=T.error)==null?void 0:A.message)??"error"}`});i(s.id,s.layer,h,{status:o&&!x.length?"pass":"fail",code:x.length?"model-init-failed":p.length?"model-idle":null,detail:x.length?x.join("; "):p.length?`no inference from ${p.join(", ")}`:l.models.map(T=>`${T.label} ${T.inferences} run · ${T.detections??"–"} det`).join(", ")});break}case"pause-resume":{if(!d){i(s.id,s.layer,h,{status:"skip",detail:"session did not start"});break}e.pause();const o=e.store.getSnapshot().lifecycle==="paused";await e.resume();const l=await H(()=>e.store.getSnapshot().lifecycle==="running",r),p=e.store.getSnapshot().feedFrames,x=l&&await H(()=>e.store.getSnapshot().feedFrames>p,r);i(s.id,s.layer,h,{status:o&&l&&x?"pass":"fail",code:o?l?"feed-stalled":"lifecycle:resume":"lifecycle:pause",detail:o&&l&&x?"paused → running, feed advanced":`paused=${o} resumed=${l} advanced=${x}`});break}case"stop-start":{if(!d){i(s.id,s.layer,h,{status:"skip",detail:"session did not start"});break}await e.stop();const o=e.store.getSnapshot().lifecycle==="stopped";await f();const l=await H(()=>e.store.getSnapshot().lifecycle==="running",r);i(s.id,s.layer,h,{status:o&&l?"pass":"fail",code:o?"lifecycle:restart":"lifecycle:stop",detail:o&&l?"stopped → running":`stopped=${o} running=${l}`});break}case"performance":{if(!d){i(s.id,s.layer,h,{status:"skip",detail:"session did not start"});break}const o=t.performanceWindowMs??3e3;let l=0,p=0;const x=()=>{l+=1,p=requestAnimationFrame(x)};p=requestAnimationFrame(x);const T=S.sampleXRDiagnostics(e,a,null);await Se(o),cancelAnimationFrame(p);const A=S.sampleXRDiagnostics(e,a,{feedFrames:T.session.feedFrames,sampledAt:T.sampledAt}),E=l*1e3/o,_=A.inferenceMsTotal,v=E>=20&&_<=50;i(s.id,s.layer,h,{status:v?"pass":"fail",code:E<20?"fps-low":_>50?"inference-high":null,detail:`${E.toFixed(0)} fps · feed ${A.session.feedFps.toFixed(0)} fps · inference ${_.toFixed(1)} ms`});break}default:i(R,s.layer,h,{status:"skip",detail:"no runner"})}}catch(R){const o=R instanceof Error?R.message:String(R),l=(g=e.store.getSnapshot().error)==null?void 0:g.reason;i(s.id,s.layer,h,{status:"fail",code:l?S.sessionReasonToFallback(l).code:null,detail:l?`${o} (${l})`:o})}}}finally{for(const s of a)e.registry.release(s,ie);t.keepSessionRunning||await e.stop().catch(()=>{})}return be(c,u,t)},it=e=>{const[t,r]=w.useState(null);return w.useEffect(()=>{let a=0;const n=()=>{var i,f;a=requestAnimationFrame(n);const c=(f=(i=e==null?void 0:e.detectionResults)==null?void 0:i.faceLandmarks)==null?void 0:f[0];if(!c||c.length===0){r(null);return}const u=V.computeLandmarkBounds(c),d={left:u.minX,top:u.minY,width:u.width,height:u.height};r(g=>g&&g.left===d.left&&g.top===d.top&&g.width===d.width&&g.height===d.height?g:d)};return n(),()=>{cancelAnimationFrame(a)}},[e]),t},ot=({background:e="#000",children:t,style:r})=>y.jsx("div",{style:{position:"fixed",inset:0,overflow:"hidden",background:e,...r},children:t}),lt=e=>{const{makeDefault:t=!0,...r}=e;return y.jsx(Ae.PerspectiveCamera,{position:[0,0,40],fov:30,near:.1,far:1e3,makeDefault:t,...r})},ct=["fill","contain"];exports.EMPTY_QUALITY_SIGNALS=S.EMPTY_QUALITY_SIGNALS;exports.XR_MODEL_LABELS=S.XR_MODEL_LABELS;exports.anatomicalHandedness=S.anatomicalHandedness;exports.assignHandPoses=S.assignHandPoses;exports.classifyCameraFailure=S.classifyCameraFailure;exports.createQualityState=S.createQualityState;exports.fillLandmarkPolygon=S.fillLandmarkPolygon;exports.fillPolygon=S.fillPolygon;exports.handWorldLandmarkToJoint=S.handWorldLandmarkToJoint;exports.judgeSample=S.judgeSample;exports.lockQuality=S.lockQuality;exports.mapDomExceptionToReason=S.mapDomExceptionToReason;exports.mapModelErrorToReason=S.mapModelErrorToReason;exports.permissionStateToStatus=S.permissionStateToStatus;exports.readDeviceSignals=S.readDeviceSignals;exports.resetQuality=S.resetQuality;exports.resolveInitialTierIndex=S.resolveInitialTierIndex;exports.resolvePerformanceBudget=S.resolvePerformanceBudget;exports.resolveQualityTier=S.resolveQualityTier;exports.sampleXRDiagnostics=S.sampleXRDiagnostics;exports.semanticMaskLabelIndex=S.semanticMaskLabelIndex;exports.sessionReasonToFallback=S.sessionReasonToFallback;exports.setQualityTier=S.setQualityTier;exports.stepQualityController=S.stepQualityController;exports.tierToApply=S.tierToApply;exports.useXRContext=S.useXRContext;exports.useXRDiagnostics=S.useXRDiagnostics;exports.HeadTracker=oe.HeadTracker;exports.useTrackerContext=oe.useTrackerContext;exports.useXRModel=le.useXRModel;exports.useXRCameraDeviceId=F.useXRCameraDeviceId;exports.useXRCameraFacing=F.useXRCameraFacing;exports.useXRCameraTexture=F.useXRCameraTexture;exports.useXRError=F.useXRError;exports.useXRFeedAspect=F.useXRFeedAspect;exports.useXRFeedCrop=F.useXRFeedCrop;exports.useXRLifecycle=F.useXRLifecycle;exports.useXRMirrored=F.useXRMirrored;exports.useXRModelErrors=F.useXRModelErrors;exports.useXRModelNode=F.useXRModelNode;exports.useXROrientation=F.useXROrientation;exports.useXRPipelineSnapshot=F.useXRPipelineSnapshot;exports.useXRQualityConfig=F.useXRQualityConfig;exports.useXRQualityState=F.useXRQualityState;exports.useXRReady=F.useXRReady;exports.useXRRenderSize=F.useXRRenderSize;exports.useXRSessionCameraPermission=F.useXRSessionCameraPermission;exports.useXRTrackerStatus=F.useXRTrackerStatus;exports.computeLandmarkBounds=V.computeLandmarkBounds;exports.createFaceInfoTarget=V.createFaceInfoTarget;exports.getFaceInfo=V.getFaceInfo;exports.getThreeBlending=K.getThreeBlending;exports.getThreeDepthFunction=K.getThreeDepthFunction;exports.getThreeSide=K.getThreeSide;exports.ARM_FIT_DEFAULTS=m.ARM_FIT_DEFAULTS;exports.ARM_MASK_DEFAULTS=m.ARM_MASK_DEFAULTS;exports.ArmTracker=m.ArmTracker;exports.BODY_POSE_TRIGGER_DEFAULTS=m.BODY_POSE_TRIGGER_DEFAULTS;exports.HAND_JOINTS=m.HAND_JOINTS;exports.HAND_RIG_FOREARM=m.HAND_RIG_FOREARM;exports.HAND_RIG_MODEL_MESH=m.HAND_RIG_MODEL_MESH;exports.HAND_TATTOO_FACING_FADE=m.HAND_TATTOO_FACING_FADE;exports.HandRigContext=m.HandRigContext;exports.HandRigWrist=m.HandRigWrist;exports.HandRigWristContext=m.HandRigWristContext;exports.HandTouchContext=m.HandTouchContext;exports.OscillationTracker=m.OscillationTracker;exports.POSE_JOINTS=m.POSE_JOINTS;exports.TimedSeries=m.TimedSeries;exports.TouchWorld=m.TouchWorld;exports.WRIST_FILTER_DEFAULTS=m.WRIST_FILTER_DEFAULTS;exports.WristRotationFilter=m.WristRotationFilter;exports.armQueryOf=m.armQueryOf;exports.bodyTriggerStatesEqual=m.bodyTriggerStatesEqual;exports.createBodyMoveFrame=m.createBodyMoveFrame;exports.createBodyTrigger=m.createBodyTrigger;exports.createHandOccluderMaterial=m.createHandOccluderMaterial;exports.createHandTattooMaterial=m.createHandTattooMaterial;exports.createTouchHand=m.createTouchHand;exports.ellipseWidthOnScreen=m.ellipseWidthOnScreen;exports.ensureForearmBone=m.ensureForearmBone;exports.fingerExtensions=m.fingerExtensions;exports.fitWristFrame=m.fitWristFrame;exports.frameUpOnScreen=m.frameUpOnScreen;exports.handGeometryToRoot=m.handGeometryToRoot;exports.handTattooFrame=m.handTattooFrame;exports.handTattooMatrix=m.handTattooMatrix;exports.handTattooUv=m.handTattooUv;exports.measureArm=m.measureArm;exports.measureArmRaise=m.measureArmRaise;exports.measureFingerPattern=m.measureFingerPattern;exports.measureGrab=m.measureGrab;exports.measureHandHeight=m.measureHandHeight;exports.measureOpenPalm=m.measureOpenPalm;exports.measurePinch=m.measurePinch;exports.measureTPose=m.measureTPose;exports.measureThumb=m.measureThumb;exports.patchHandOccluderInflate=m.patchHandOccluderInflate;exports.resolveBodyMoveLimits=m.resolveBodyMoveLimits;exports.resolveBodyTriggerOptions=m.resolveBodyTriggerOptions;exports.screenAngle=m.screenAngle;exports.setBodyTriggerOptions=m.setBodyTriggerOptions;exports.setHandTattooBlend=m.setHandTattooBlend;exports.sideJoint=m.sideJoint;exports.snapshotBodyTriggerState=m.snapshotBodyTriggerState;exports.stepBodyTrigger=m.stepBodyTrigger;exports.thumbDirection=m.thumbDirection;exports.thumbExtension=m.thumbExtension;exports.updatePointerHand=m.updatePointerHand;exports.updateTouchHand=m.updateTouchHand;exports.useArmMask=m.useArmMask;exports.worldToFeedUnits=m.worldToFeedUnits;exports.wristFrameLocal=m.wristFrameLocal;exports.hasFullUnitUVBounds=Me.hasFullUnitUVBounds;exports.BasicAnimatedTextureController=I.BasicAnimatedTextureController;exports.MAX_GIF_BYTES=I.MAX_GIF_BYTES;exports.MAX_GIF_FRAMES=I.MAX_GIF_FRAMES;exports.MAX_GIF_PIXELS=I.MAX_GIF_PIXELS;exports.TextureSourceLoadError=I.TextureSourceLoadError;exports.computeScreenTransform=I.computeScreenTransform;exports.createTextureSourceResolver=I.createTextureSourceResolver;exports.disposeResolvedTextureSource=I.disposeResolvedTextureSource;exports.getPlaybackFrame=I.getPlaybackFrame;exports.getSequenceFrame=I.getSequenceFrame;exports.gifTextureSourceProvider=I.gifTextureSourceProvider;exports.resolveTextureSource=I.resolveTextureSource;exports.throwIfAborted=I.throwIfAborted;exports.useXRViewportRenderOutputs=I.useXRViewportRenderOutputs;exports.useXRViewportState=I.useXRViewportState;exports.HAND_RIG_BONES=O.HAND_RIG_BONES;exports.HAND_RIG_KNUCKLE_SHIFT=O.HAND_RIG_KNUCKLE_SHIFT;exports.HAND_RIG_LENGTH_RANGE=O.HAND_RIG_LENGTH_RANGE;exports.HAND_RIG_PALM_JOINTS=O.HAND_RIG_PALM_JOINTS;exports.HAND_RIG_SNAP_PALMS=O.HAND_RIG_SNAP_PALMS;exports.applyHandRigLengths=O.applyHandRigLengths;exports.applyHandRigSolution=O.applyHandRigSolution;exports.bindHandRig=O.bindHandRig;exports.handAttachmentLocal=O.handAttachmentLocal;exports.handRigRootMatrix=O.handRigRootMatrix;exports.handRigSnapDistance=O.handRigSnapDistance;exports.screenChirality=O.screenChirality;exports.solveHandRig=O.solveHandRig;exports.createGestureDetectorState=W.createGestureDetectorState;exports.gestureStatesEqual=W.gestureStatesEqual;exports.snapshotGestureState=W.snapshotGestureState;exports.stepGestureDetector=W.stepGestureDetector;exports.FACE_REGION_POLYGONS=M.FACE_REGION_POLYGONS;exports.IRIS_FULL_OPENNESS=M.IRIS_FULL_OPENNESS;exports.IrisLead=M.IrisLead;exports.MAX_OVERLAY_LABELS=M.MAX_OVERLAY_LABELS;exports.SEGMENTATION_OVERLAY_FRAGMENT_SHADER=M.SEGMENTATION_OVERLAY_FRAGMENT_SHADER;exports.SEGMENTATION_OVERLAY_VERTEX_SHADER=M.SEGMENTATION_OVERLAY_VERTEX_SHADER;exports.computeIrisEye=M.computeIrisEye;exports.computeMaskUvTransform=M.computeMaskUvTransform;exports.createIrisEye=M.createIrisEye;exports.createIrisResult=M.createIrisResult;exports.createSegmentationOverlayMaterial=M.createSegmentationOverlayMaterial;exports.createSemanticMaskTexture=M.createSemanticMaskTexture;exports.rasterizeFaceRegions=M.rasterizeFaceRegions;exports.resolveActiveOverlayLabelIndices=M.resolveActiveOverlayLabelIndices;exports.resolveMaskSize=M.resolveMaskSize;exports.resolveOverlayLabelIndices=M.resolveOverlayLabelIndices;exports.updateIrisResult=M.updateIrisResult;exports.updateSegmentationOverlayMaterial=M.updateSegmentationOverlayMaterial;exports.uploadSemanticMask=M.uploadSemanticMask;exports.useSegmentationOverlayMaterial=M.useSegmentationOverlayMaterial;exports.useSemanticMaskTexture=M.useSemanticMaskTexture;exports.ScreenRectAspectContext=ce.ScreenRectAspectContext;exports.useScreenSpace=ce.useScreenSpace;exports.BoundingBoxOverlay=rt;exports.COMPAT_SCENARIOS=z;exports.MANUAL_COMPAT_SCENARIOS=fe;exports.PerspectiveCamera=lt;exports.TEXTURE_FITS=ct;exports.XRCompositor=ot;exports.XRLayer=B;exports.XRMediaSurface=ue;exports.XRTrackingOverlay=Ie;exports.XRViewport=et;exports.classifyCompatCause=ye;exports.createCompatReport=be;exports.describeCompatEnvironment=ge;exports.findCompatScenario=at;exports.parseUserAgent=he;exports.resolveCalibrationFaceDisplayMirrored=me;exports.runCompatChecks=st;exports.summarizeCompatResults=Re;exports.useCalibrationFaceTracker=pe;exports.useFaceBoundingBox=it;