@uptimizr/dashboard 0.4.6 → 0.4.8

package/out/_next/static/chunks/1bfony5qsc5tp.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,2348,2413,e=>{"use strict";let t=1/1.2;e.s(["ZOOM_IN_FACTOR",0,t,"ZOOM_OUT_FACTOR",0,1.2,"attachDoubleClickFocus",0,function(e,t,r){let n=()=>{let t=e.pick(e.pointerX,e.pointerY);t?.hit&&t.pickedPoint&&r.setTarget(t.pickedPoint)};return t.addEventListener("dblclick",n),()=>t.removeEventListener("dblclick",n)},"disableWheelZoom",0,function(e){e.inputs.removeByType("ArcRotateCameraMouseWheelInput")},"resetFocus",0,function(e,t){e.setTarget(t.target),e.alpha=t.alpha,e.beta=t.beta,e.radius=t.radius},"stepZoom",0,function(e,t){let r=e.lowerRadiusLimit??.01,n=e.upperRadiusLimit??1/0;e.radius=Math.min(n,Math.max(r,e.radius*t))}],2348);var r=e.i(63671);e.s(["ZoomButtons",0,function({onZoom:e,onReset:n}){let i="grid h-8 w-8 place-items-center rounded-md border border-edge bg-ink/80 text-lg leading-none text-fg backdrop-blur transition hover:bg-ink hover:text-white";return(0,r.jsxs)("div",{className:"absolute right-3 top-3 flex flex-col gap-1",children:[(0,r.jsx)("button",{type:"button","aria-label":"Zoom in",className:i,onClick:()=>e(t),children:"+"}),(0,r.jsx)("button",{type:"button","aria-label":"Zoom out",className:i,onClick:()=>e(1.2),children:"−"}),n?(0,r.jsx)("button",{type:"button","aria-label":"Reset camera focus to center",title:"Reset focus to center",className:i,onClick:n,children:(0,r.jsxs)("svg",{viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round","aria-hidden":"true",children:[(0,r.jsx)("circle",{cx:"8",cy:"8",r:"3"}),(0,r.jsx)("path",{d:"M8 1v2.5M8 12.5V15M1 8h2.5M12.5 8H15"})]})}):null]})}],2413)},76421,e=>{"use strict";var t=e.i(63671),r=e.i(48093);let n={status:"idle",gated:!1,count:0};var i=e.i(60614),l=e.i(2348),s=e.i(2413);let a=new Set,o=[{key:"interaction",label:"Clicks & picks",color:"#fb923c",types:new Set(["pointer_click","mesh_interaction"])},{key:"actors",label:"Scene actors",color:"#e879f9",types:new Set(["node_transform"])},{key:"custom",label:"Custom",color:"#34d399",types:new Set(["custom"])},{key:"camera",label:"Camera",color:"#38bdf8",types:new Set(["camera_sample"])},{key:"pointer",label:"Pointer",color:"#94a3b8",types:new Set(["pointer_move","pointer_down","pointer_up"])},{key:"perf",label:"Perf",color:"#a78bfa",types:new Set(["frame_perf"])},{key:"lifecycle",label:"Lifecycle",color:"#f472b6",types:new Set(["session_start","session_end","scene_change","focus_change","visibility_change","viewport_resize","context_lost","context_restored","runtime_error","capability_change","input_action","resource_sample","compile_stall","mesh_visibility","hover_dwell"])}];function u(e,t,r){let n=Math.max(1,r),i=new Map;o.forEach((e,t)=>{for(let r of e.types)i.set(r,t)});let l=o.map(()=>new Set);for(let r of e){let e=i.get(r.type);if(void 0===e)continue;let s=Math.min(1,Math.max(0,(r.ts-t)/n));l[e].add(Math.round(600*s))}return o.map((e,t)=>({key:e.key,label:e.label,color:e.color,marks:[...l[t]].sort((e,t)=>e-t).map(e=>e/600)})).filter(e=>e.marks.length>0)}function c(e){let t=Math.max(0,Math.round(e/1e3)),r=Math.floor(t/60);return`${r}:${(t%60).toString().padStart(2,"0")}`}function d(e){let t=e.slice(e.lastIndexOf("/")+1);return t.length>20?`${t.slice(0,19)}\u2026`:t}function p({lanes:e,duration:r,progress:n,onSeek:i,hiddenTypes:l}){let s=e.filter(e=>{let t=o.find(t=>t.key===e.key);if(!t)return!0;for(let e of t.types)if(!l.has(e))return!0;return!1});if(0===s.length)return null;let a=`${Math.min(100,Math.max(0,n/Math.max(1,r)*100))}%`;return(0,t.jsxs)("div",{className:"mt-4",children:[(0,t.jsx)("div",{className:"mb-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px] text-fg-muted",children:s.map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"inline-block h-2 w-2 rounded-sm",style:{backgroundColor:e.color}}),e.label,(0,t.jsxs)("span",{className:"tabular-nums text-fg-muted",children:["(",e.marks.length,")"]})]},e.key))}),(0,t.jsxs)("button",{type:"button","aria-label":"Event timeline — click to seek",className:"relative block w-full cursor-pointer select-none rounded-md border border-edge bg-ink/60 p-1.5 text-left",onClick:e=>{var t;let n;return t=e.clientX,void i(Math.min(1,Math.max(0,(t-(n=e.currentTarget.getBoundingClientRect()).left)/(n.width||1)))*r)},children:[(0,t.jsx)("div",{className:"flex flex-col gap-1",children:s.map(e=>(0,t.jsx)("div",{className:"relative h-2.5 rounded-sm bg-white/5",children:e.marks.map((r,n)=>(0,t.jsx)("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 h-full w-px",style:{left:`${100*r}%`,backgroundColor:e.color,opacity:.85}},n))},e.key))}),(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-1 w-px bg-saffron",style:{left:a}})]})]})}e.s(["SessionReplayView",0,function({api:o,sessionId:h,hiddenTypes:m,isLive:f=!1}){let b=(0,r.useRef)(null),g=(0,r.useRef)(null),y=(0,r.useRef)(0),x=(0,r.useRef)(m??a),w=(0,r.useRef)(!1),v=(0,r.useRef)(null),k=(0,r.useRef)(!1),M=(0,r.useRef)(!1),C=(0,r.useRef)(null),j=(0,r.useRef)(0),N=(0,r.useRef)([]),S=(0,r.useRef)([]),R=(0,r.useRef)([]),_=(0,r.useRef)(!0),P=(0,r.useRef)("birdview"),$=(0,r.useRef)(null),L=(0,r.useRef)(null),I=(0,r.useRef)([]),V=(0,r.useRef)(null),A=(0,r.useRef)(null),[E,T]=(0,r.useState)("idle"),[z,Z]=(0,r.useState)(null),[F,O]=(0,r.useState)(0),[W,B]=(0,r.useState)(0),[H,K]=(0,r.useState)(!1),[q,U]=(0,r.useState)([]),[X,D]=(0,r.useState)([]),[G,Y]=(0,r.useState)([]),[J,Q]=(0,r.useState)(!0),[ee,et]=(0,r.useState)(!1),[er,en]=(0,r.useState)("birdview"),[ei,el]=(0,r.useState)(null),[es,ea]=(0,r.useState)(!1),[eo,eu]=(0,r.useState)(!1),[ec,ed]=(0,r.useState)(null);(0,r.useEffect)(()=>{_.current=J},[J]),(0,r.useEffect)(()=>{M.current=H},[H]),(0,r.useEffect)(()=>{k.current=ee},[ee]),(0,r.useEffect)(()=>{P.current=er,w.current=!0},[er]),(0,r.useEffect)(()=>{x.current=m??a,w.current=!0},[m]),(0,r.useEffect)(()=>{let t=b.current;if(!t)return;let r=!1,n=null;return T("loading"),Z(null),K(!1),O(0),B(0),U([]),D([]),Y([]),el(null),$.current=null,N.current=[],S.current=[],R.current=[],y.current=0,V.current=null,I.current=[],L.current=null,ea(!1),eu(!1),ed(null),(async()=>{try{let[{Engine:s},{Scene:a},{ArcRotateCamera:c},{UniversalCamera:d},{HemisphericLight:p},{Vector3:m,Color3:b,Color4:A,Matrix:E},{MeshBuilder:z},{StandardMaterial:Z},{ReplayPlayer:F}]=await Promise.all([e.A(69721),e.A(341),e.A(21342),e.A(98211),e.A(72976),e.A(35285),e.A(42598),e.A(97938),e.A(85461),e.A(82926)]),W=await o.sessionEvents(h);if(r)return;if(0===W.length)return void T("empty");let H=W[0].ts,q=W[0].ts;for(let e of W)e.ts<H&&(H=e.ts),e.ts>q&&(q=e.ts);let X=await (0,i.mergeSceneProxies)(o,{since:H-1,until:q+1});if(r)return;let G=[...W].sort((e,t)=>e.ts-t.ts),J=G[0].ts,Q=[],ee=[],er=new Map,en=null;for(let e of G){let t=e.ts-J;if("camera_sample"===e.type){en=[e.position[0],e.position[1],e.position[2]],Q.push({at:t,position:en,direction:[e.direction[0],e.direction[1],e.direction[2]],..."number"==typeof e.fov?{fov:e.fov}:{}});continue}if("node_transform"===e.type){if(e.boneId)continue;let r=e.childPath?`${e.nodeId}/${e.childPath}`:e.nodeId,n=er.get(r);n||(n=[],er.set(r,n)),n.push({at:t,position:[e.position[0],e.position[1],e.position[2]]});continue}if("pointer_click"===e.type&&e.hitPoint){let r=e.ray?.origin??en;if(!r)continue;ee.push({at:t,type:"pointer_click",origin:[r[0],r[1],r[2]],hit:[e.hitPoint[0],e.hitPoint[1],e.hitPoint[2]],...e.hitMesh?{mesh:e.hitMesh}:{}});continue}if("mesh_interaction"===e.type&&e.point){if(!en)continue;ee.push({at:t,type:"mesh_interaction",origin:[en[0],en[1],en[2]],hit:[e.point[0],e.point[1],e.point[2]],...e.mesh?{mesh:e.mesh}:{}})}}if(0===Q.length&&0===ee.length&&0===er.size)return void T("empty");let ei=new s(t,!0,{preserveDrawingBuffer:!1}),es=new a(ei);es.clearColor=new A(.04,.05,.07,1),L.current=es;let ea=new c("birdview-cam",-Math.PI/2,.22,12,m.Zero(),es);ea.attachControl(t,!0),(0,l.disableWheelZoom)(ea),g.current=ea,new p("replay-light",new m(0,1,0),es);let eo=new d("replay-follow-cam",m.Zero(),es);eo.minZ=.05,eo.fov=Math.PI/3,es.activeCamera=ea;let eu="birdview",ec=z.CreateGround("replay-ground",{width:20,height:20,subdivisions:20},es),ed=new Z("replay-ground-mat",es);ed.diffuseColor=new b(.12,.14,.18),ed.wireframe=!0,ec.material=ed;let ep=new Set(er.keys()),eh=new Set(Array.from(ep,e=>e.slice(e.lastIndexOf("/")+1))),em=[],ef=[],eb=new Set,eg=e=>{if(eb.has(e.name)||(e=>{if(e.path){for(let t of ep)if(e.path===t||e.path.endsWith(`/${t}`))return!0}return eh.has(e.name)})(e))return!1;eb.add(e.name);let t=e.aabb,r=Math.max(t[3]-t[0],.001),n=Math.max(t[4]-t[1],.001),i=Math.max(t[5]-t[2],.001),l=z.CreateBox(`replay-proxy-${e.name}`,{width:r,height:n,depth:i},es);l.position=new m((t[0]+t[3])/2,(t[1]+t[4])/2,(t[2]+t[5])/2);let s=new Z(`replay-proxy-mat-${e.name}`,es);return s.wireframe=!0,s.disableLighting=!0,s.emissiveColor=new b(.32,.4,.52),s.alpha=.35,l.material=s,l.isPickable=!1,V.current&&l.setEnabled(!1),ef.push(l),em.push({name:e.name,center:new m((t[0]+t[3])/2,t[4],(t[2]+t[5])/2)}),!0};for(let e of X)eg(e);N.current=em,S.current=em.map(()=>null),D(em.map(e=>e.name)),I.current=ef;let ey=async()=>{let e=await (0,i.mergeSceneProxies)(o,{since:H-1}).catch(()=>null);if(r||!e)return;let t=!1;for(let r of e)eg(r)&&(t=!0);t&&(N.current=em,S.current=em.map((e,t)=>S.current[t]??null),D(em.map(e=>e.name)),w.current=!0)},ex=[[.91,.47,.98],[.4,.95,.6],[.98,.8,.3],[.45,.85,1]],ew=e=>{let t=e.indexOf("/");return -1===t?e:e.slice(0,t)},ev=[],ek=new Map,eM=0,eC=(e,t,r)=>{let n=z.CreateSphere(`replay-actor-${e}`,{diameter:.5,segments:12},es),i=new Z(`replay-actor-mat-${e}`,es);i.disableLighting=!0;let l=ex[eM%ex.length];i.emissiveColor=new b(l[0],l[1],l[2]),n.material=i,n.isPickable=!1,n.isVisible=!1,eM++;let s={key:e,mesh:n,samples:r,driveKey:t};return ev.push(s),ek.set(e,s),s},ej=new Map,eN=new Map;for(let[e,t]of er){if(0===t.length)continue;let r=ew(e);if(e===r)ej.set(r,t);else{let n=eN.get(r);(!n||t.length>n.samples.length)&&eN.set(r,{key:e,samples:t})}}for(let e of new Set([...ej.keys(),...eN.keys()])){let t=ej.get(e);if(t)eC(e,e,t);else{let t=eN.get(e);eC(e,t.key,t.samples)}}R.current=ev.map(()=>null),Y(ev.map(e=>e.key));let eS=(e,t)=>{if(0===e.length||t<e[0].at)return null;let r=0,n=e.length-1,i=-1;for(;r<=n;){let l=r+n>>1;e[l].at<=t?(i=l,r=l+1):n=l-1}if(i<0)return null;let l=e[i],s=e[i+1];if(!s)return l.position;let a=s.at-l.at;if(a<=0)return l.position;let o=Math.max(0,Math.min(1,(t-l.at)/a));return[l.position[0]+(s.position[0]-l.position[0])*o,l.position[1]+(s.position[1]-l.position[1])*o,l.position[2]+(s.position[2]-l.position[2])*o]},eR=1,e_=1.4,eP=z.CreateSphere("replay-camera-origin",{diameter:.35,segments:12},es),e$=new Z("replay-camera-origin-mat",es);e$.disableLighting=!0,e$.emissiveColor=new b(.6,.9,1),eP.material=e$;let eL=z.CreateLines("replay-camera-frustum",{points:[m.Zero(),new m(0,0,1)]},es);eL.color=new b(.7,.95,1),eL.isPickable=!1;let eI=z.CreateCylinder("replay-camera-cone",{height:1,diameterTop:0,diameterBottom:1,tessellation:24},es);eI.bakeTransformIntoVertices(E.RotationX(-Math.PI/2).multiply(E.Translation(0,0,.5)));let eV=new Z("replay-camera-cone-mat",es);eV.disableLighting=!0,eV.emissiveColor=new b(.4,.78,1),eV.alpha=.16,eV.backFaceCulling=!1,eI.material=eV,eI.isPickable=!1,eI.isVisible=!1;let eA=(e,t,r,n)=>{if(e?.dispose(),0===r.length)return null;let i=z.CreateLineSystem(t,{lines:r,...n?{colors:n,useVertexAlpha:!0}:{}},es);return i.isPickable=!1,i},eE=null,eT=null,ez=null,eZ=()=>{let e=x.current,t=[],r=[];for(let n of ee){if(e.has(n.type))continue;let[i,l,s]=n.hit,a="mesh_interaction"===n.type?new A(.45,.85,1,.32):new A(1,.7,.35,.32);t.push([new m(i-.1,l,s),new m(i+.1,l,s)]),t.push([new m(i,l-.1,s),new m(i,l+.1,s)]),t.push([new m(i,l,s-.1),new m(i,l,s+.1)]),r.push([a,a],[a,a],[a,a])}ez=eA(ez,"replay-persistent-marks",t,r)};eZ();let eF=z.CreateSphere("replay-glow",{diameter:1,segments:12},es),eO=new Z("replay-glow-mat",es);eO.disableLighting=!0,eO.emissiveColor=new b(1,.62,.2),eO.alpha=0,eF.material=eO,eF.isPickable=!1,eF.isVisible=!1;let eW=1/0,eB=1/0,eH=1/0,eK=-1/0,eq=-1/0,eU=-1/0,eX=!1,eD=e=>{eW=Math.min(eW,e[0]),eB=Math.min(eB,e[1]),eH=Math.min(eH,e[2]),eK=Math.max(eK,e[0]),eq=Math.max(eq,e[1]),eU=Math.max(eU,e[2])},eG=()=>{let e;if(eX||!Number.isFinite(eW))return;let t=(eW+eK)/2,r=(eB+eq)/2,n=(eH+eU)/2,i=eK-eW,l=eq-eB,s=eU-eH,a=Math.sqrt(i*i+l*l+s*s);ea.setTarget(new m(t,r,n)),e=1.3*a,ea.radius=Number.isFinite(e)?Math.max(8,e):12,eX=!0};for(let e of Q)eD(e.position);for(let e of ee)eD(e.origin),eD(e.hit);for(let e of er.values())for(let t of e)eD(t.position);for(let e of X)eD(e.aabb.slice(0,3)),eD(e.aabb.slice(3,6));eG();{let e=eK-eW,t=eq-eB,r=eU-eH,n=Number.isFinite(e)?Math.sqrt(e*e+t*t+r*r):0,i=Math.min(Math.max(.035*n,.45),Math.max(.45,.18*n));eR=i/.35,e_=Math.max(.16*n,3.2*i,1.4),eP.scaling.setAll(eR)}let eY=-1,eJ=e=>{var n;let i=w.current;if(!i&&e===eY)return;w.current=!1,eY=e,i&&eZ();let l=x.current;(n=P.current)!==eu&&(eu=n,"follow"===n?(ea.detachControl(),es.activeCamera=eo):(es.activeCamera=ea,ea.attachControl(t,!0)));let s="follow"===P.current,a=l.has("camera_sample")?null:(e=>{if(0===Q.length)return null;let t=0,r=Q.length-1,n=-1;for(;t<=r;){let i=t+r>>1;Q[i].at<=e?(n=i,t=i+1):r=i-1}return n>=0?Q[n]:null})(e);if(a){eP.position.set(a.position[0],a.position[1],a.position[2]);let e=a.direction,t=Math.sqrt(e[0]*e[0]+e[1]*e[1]+e[2]*e[2])||1,r=e_,n=new m(a.position[0]+e[0]/t*r,a.position[1]+e[1]/t*r,a.position[2]+e[2]/t*r);if(s)eP.isVisible=!1,eL.isVisible=!1,eI.isVisible=!1,eo.position.set(a.position[0],a.position[1],a.position[2]),eo.setTarget(n),a.fov&&a.fov>0&&(eo.fov=a.fov);else{eP.isVisible=!0,eL.isVisible=!0,eL=z.CreateLines("replay-camera-frustum",{points:[eP.position.clone(),n],instance:eL},es);let e=(a.fov&&a.fov>0?a.fov:Math.PI/3)/2,t=r*Math.tan(e);eI.isVisible=!0,eI.position.copyFrom(eP.position),eI.lookAt(n),eI.scaling.set(2*t,2*t,r)}}else eP.isVisible=!1,eL.isVisible=!1,eI.isVisible=!1;let o=l.has("node_transform");for(let t of ev){let r=o?null:eS(t.samples,e);if(!r){t.mesh.isVisible=!1;continue}t.mesh.isVisible=!0,t.mesh.position.set(r[0],r[1],r[2])}let u=ee.filter(t=>!l.has(t.type)&&t.at<=e&&t.at>=e-2200),c=[],d=[],p=[],h=[],f=null;for(let t of u){let r=e-t.at,n=Math.max(0,Math.min(1,1-r/2200)),i=new A(1,.62,.2,.18+.72*n),l=new m(t.origin[0],t.origin[1],t.origin[2]),s=new m(t.hit[0],t.hit[1],t.hit[2]);c.push([l,s]),d.push([i,i]);let a=.12+.08*n;p.push([new m(s.x-a,s.y,s.z),new m(s.x+a,s.y,s.z)]),p.push([new m(s.x,s.y-a,s.z),new m(s.x,s.y+a,s.z)]),p.push([new m(s.x,s.y,s.z-a),new m(s.x,s.y,s.z+a)]);let o=new A(1,.78,.42,.22+.72*n);if(h.push([o,o],[o,o],[o,o]),r<=900){let e=1-r/900;(!f||e>f.t)&&(f={hit:t.hit,t:e})}}if(f){let e=.25+.9*f.t;eF.isVisible=!0,eF.scaling.set(e,e,e),eF.position.set(f.hit[0],f.hit[1],f.hit[2]),eO.alpha=.12+.5*f.t}else eF.isVisible=!1;let b=null,g=-1/0;for(let e of u)e.mesh&&e.at>g&&(g=e.at,b=e.mesh);b!==$.current&&($.current=b,r||el(b)),eE=eA(eE,"replay-trail-lines",c,d),eT=eA(eT,"replay-trail-hits",p,h)},eQ=G.length>0?G[G.length-1].ts-J:0,e0=eQ,e1=G.length>0?G[G.length-1].ts:-1/0,e2=G.map(e=>({type:e.type,ts:e.ts})),e3=0,e5=null;if(f)v.current=null,C.current=e=>{if(r)return;let t="number"==typeof e.ts?e.ts:NaN;if(!Number.isFinite(t)||t<=e1)return;e1=t;let n=t-J;if(n>e0&&(e0=n),n>eQ&&(eQ=n),e2.push({type:e.type,ts:t}),"camera_sample"===e.type){let t=e.position,r=e.direction;if(t&&r){let i=[t[0],t[1],t[2]];en=i;let l="number"==typeof e.fov?e.fov:void 0;Q.push({at:n,position:i,direction:[r[0],r[1],r[2]],...void 0!==l?{fov:l}:{}}),eD(i),eG()}}else if("pointer_click"===e.type){let t=e.hitPoint,r=e.ray,i=r?.origin??en;if(t&&i){let r="string"==typeof e.hitMesh?e.hitMesh:void 0;ee.push({at:n,type:"pointer_click",origin:[i[0],i[1],i[2]],hit:[t[0],t[1],t[2]],...r?{mesh:r}:{}}),eD(t),w.current=!0}}else if("mesh_interaction"===e.type){let t=e.point;if(t&&en){let r="string"==typeof e.mesh?e.mesh:void 0;ee.push({at:n,type:"mesh_interaction",origin:[en[0],en[1],en[2]],hit:[t[0],t[1],t[2]],...r?{mesh:r}:{}}),eD(t),w.current=!0}}else if("node_transform"===e.type){let t=e.position;if(e.boneId||"string"!=typeof e.nodeId||!t)return;let r="string"==typeof e.childPath?e.childPath:void 0,i=r?`${e.nodeId}/${r}`:e.nodeId;((e,t)=>{let r=ew(e),n=ek.get(r);if(!n){n=eC(r,e,[]);let t=R.current;R.current=ev.map((e,r)=>t[r]??null),Y(ev.map(e=>e.key))}e===n.driveKey?n.samples.push(t):e===r&&n.driveKey!==r&&(n.driveKey=r,n.samples.length=0,n.samples.push(t))})(i,{at:n,position:[t[0],t[1],t[2]]}),eD(t)}let i=performance.now();i-e3>250&&(e3=i,U(u(e2,J,Math.max(1,eQ)))),k.current&&n>y.current&&(y.current=n)},j.current=eQ,y.current=eQ,k.current=!0,et(!0),K(!1),O(eQ),B(eQ),U(u(e2,J,Math.max(1,eQ))),eJ(eQ),e5=setInterval(()=>void ey(),4e3);else{let e=new F(W,{reset(){},apply(){}},{onProgress:e=>{r||(y.current=e,B(e))},onComplete:()=>{r||K(!1)}});v.current=e,O(e.durationMs),U(u(G,J,e.durationMs)),e.update(0),eJ(0)}let e4=E.Identity(),e8=new Map,e6=e=>{let t=e8.get(e);if(t)return t;let r={w:e.offsetWidth||60,h:e.offsetHeight||16};return e.offsetWidth>0&&e8.set(e,r),r},e9=performance.now(),e7=0;ei.runRenderLoop(()=>{if(f){let e=performance.now(),t=e-e9;if(e9=e,k.current)y.current+=t,y.current>eQ&&(eQ=y.current),j.current=eQ,B(y.current),e-e7>250&&(e7=e,O(eQ));else if(M.current){let e=y.current+t;e>=eQ&&(e=eQ),y.current=e,B(e)}}eJ(y.current),es.render(),(()=>{if(!_.current)return;let e=t.clientWidth||ei.getRenderWidth(),r=t.clientHeight||ei.getRenderHeight(),n=ea.viewport.toGlobal(e,r),i=es.getTransformMatrix(),l=$.current,s=e=>e.slice(e.lastIndexOf("/")+1),a=e=>!!l&&(l===e||s(l)===s(e)||e.endsWith(`/${l}`)||l.endsWith(`/${e}`)),o=[],u=N.current,c=S.current;for(let e=0;e<u.length;e++){let t=c[e];if(!t)continue;let r=m.Project(u[e].center,e4,i,n);if(r.z<0||r.z>1){t.style.opacity="0";continue}o.push({el:t,x:r.x,y:r.y,liftPct:140,highlighted:a(u[e].name)})}let d=R.current;for(let e=0;e<ev.length;e++){let t=d[e];if(!t)continue;let r=ev[e].mesh;if(!r.isVisible){t.style.opacity="0";continue}let l=m.Project(r.position,e4,i,n);if(l.z<0||l.z>1){t.style.opacity="0";continue}o.push({el:t,x:l.x,y:l.y,liftPct:180,highlighted:a(ev[e].key)})}o.sort((e,t)=>e.highlighted!==t.highlighted?e.highlighted?-1:1:e.y-t.y||e.x-t.x);let p=[];for(let e of o){let{w:t,h:r}=e6(e.el),n=e.x-t/2,i=e.x+t/2,l=e.y-e.liftPct/100*r,s=l,a=!0,o=0;for(;a&&o++<256;)for(let e of(a=!1,p))n<e.right&&i>e.left&&s<e.bottom&&s+r>e.top&&(s=e.bottom+1,a=!0);p.push({left:n,right:i,top:s,bottom:s+r});let u=s-l;e.el.style.opacity="1",e.el.style.zIndex=e.highlighted?"10":"",e.el.style.transform=`translate(${e.x}px, ${e.y+u}px) translate(-50%, -${e.liftPct}%)`}})()});let te=()=>ei.resize();window.addEventListener("resize",te),T("ready"),n=()=>{window.removeEventListener("resize",te),e5&&clearInterval(e5),C.current=null,v.current?.pause(),eL.dispose(),eI.dispose(),eE?.dispose(),eT?.dispose(),ez?.dispose(),eF.dispose(),V.current?.dispose(),V.current=null,I.current=[],L.current=null,es.dispose(),ei.dispose(),g.current=null,v.current=null}}catch(e){if(r)return;T("error"),Z(e instanceof Error?e.message:"Failed to load replay.")}})(),()=>{r=!0,n?.()}},[o,h,f]);let ep=(0,r.useCallback)(()=>{if(f){et(!1),k.current=!1,K(e=>{let t=!e;return M.current=t,t});return}let e=v.current;e&&K(t=>(t?e.pause():e.play(),!t))},[f]),eh=(0,r.useCallback)(e=>{if(f){et(!1),k.current=!1,K(!1),M.current=!1,y.current=e,B(e);return}let t=v.current;t&&(t.pause(),t.seek(e),K(!1),y.current=e,B(e))},[f]),em=(0,r.useCallback)(()=>{et(!0),k.current=!0,K(!1),M.current=!1,y.current=j.current,B(j.current)},[]),{gated:ef}=function(e,t,i,l,s){let[a,o]=(0,r.useState)(n),u=(0,r.useRef)(l),c=(0,r.useRef)(s);return u.current=l,c.current=s,(0,r.useEffect)(()=>i?e.liveSession(t,e=>u.current(e),{onReset:()=>c.current(),onState:o}):void o(n),[e,t,i]),a}(o,h,f&&"ready"===E,e=>C.current?.(e),()=>{}),eb=(0,r.useCallback)(e=>{if(!ei)return!1;if(ei===e)return!0;let t=e=>e.slice(e.lastIndexOf("/")+1);return t(ei)===t(e)||e.endsWith(`/${ei}`)||ei.endsWith(`/${e}`)},[ei]),eg=(0,r.useCallback)(async t=>{let r=L.current;if(r){eu(!0),ed(`Loading ${t.name}…`);try{let[{loadSceneBackdrop:n}]=await Promise.all([e.A(3633),e.A(80610)]);if(L.current!==r)return;V.current?.dispose();let i=await n(r,t);if(L.current!==r)return void i.dispose();for(let e of(V.current=i,I.current))e.setEnabled(!1);w.current=!0,ea(!0),ed(`Loaded ${t.name} (${i.meshes.length} meshes).`)}catch(e){ed(e instanceof Error?e.message:"Could not load model.")}finally{eu(!1)}}},[]),ey=(0,r.useCallback)(e=>{let t=e.target.files?.[0];e.target.value="",t&&eg(t)},[eg]),ex=(0,r.useCallback)(()=>{for(let e of(V.current?.dispose(),V.current=null,I.current))e.setEnabled(!0);w.current=!0,ea(!1),ed(null)},[]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("canvas",{ref:b,className:"aspect-video w-full rounded-lg border border-edge bg-ink"}),(0,t.jsxs)("div",{className:`pointer-events-none absolute inset-0 overflow-hidden ${J?"":"hidden"}`,children:[X.map((e,r)=>(0,t.jsx)("div",{title:e,ref:e=>{e&&(S.current[r]=e)},className:`absolute left-0 top-0 whitespace-nowrap rounded px-1.5 py-0.5 text-[10px] font-medium opacity-0 transition-colors ${eb(e)?"bg-amber/30 text-white ring-2 ring-amber shadow-lg shadow-amber/30":"bg-ink/80 text-saffron ring-1 ring-amber/30"}`,children:d(e)},e)),G.map((e,r)=>(0,t.jsx)("div",{title:e,ref:e=>{e&&(R.current[r]=e)},className:`absolute left-0 top-0 whitespace-nowrap rounded px-1.5 py-0.5 text-[10px] font-medium opacity-0 transition-colors ${eb(e)?"bg-fuchsia-400/30 text-white ring-2 ring-fuchsia-300 shadow-lg shadow-fuchsia-500/30":"bg-ink/80 text-fuchsia-300 ring-1 ring-fuchsia-400/30"}`,children:d(e)},`actor-${e}`))]}),"ready"===E&&(X.length>0||G.length>0)?(0,t.jsx)("button",{type:"button",onClick:()=>Q(e=>!e),className:"absolute left-3 top-3 rounded-md border border-edge bg-ink/80 px-2 py-1 text-xs font-medium text-fg transition hover:bg-ink hover:text-white","aria-pressed":J?"true":"false",children:J?"Hide labels":"Show labels"}):null,"ready"===E&&"birdview"===er?(0,t.jsx)(s.ZoomButtons,{onZoom:e=>g.current&&(0,l.stepZoom)(g.current,e)}):null,"ready"!==E?(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 grid place-items-center text-sm text-fg-muted",children:"loading"===E?"Loading replay…":"empty"===E?"No replayable events (raw retention may be disabled).":"error"===E?z??"Replay unavailable.":null}):null]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-3",children:[(0,t.jsx)("button",{type:"button",onClick:ep,disabled:"ready"!==E,className:"rounded-md bg-amber px-3 py-1.5 text-sm font-medium text-ink transition hover:bg-ember disabled:opacity-40",children:H?"Pause":"Play"}),f?(0,t.jsxs)("button",{type:"button",onClick:em,disabled:"ready"!==E,"aria-pressed":ee?"true":"false",className:`flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition disabled:opacity-40 ${ee?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-400/40":"border border-edge text-fg hover:bg-ink hover:text-white"}`,children:[(0,t.jsx)("span",{className:`inline-block h-2 w-2 rounded-full ${ee?"animate-pulse bg-rose-400":"bg-fg-muted"}`}),ee?"LIVE":"Resume live"]}):null,(0,t.jsxs)("div",{role:"group","aria-label":"Camera view",className:"flex items-center rounded-md border border-edge p-0.5 text-xs font-medium",children:[(0,t.jsx)("button",{type:"button",onClick:()=>en("birdview"),disabled:"ready"!==E,"aria-pressed":"birdview"===er?"true":"false",className:`rounded px-2 py-1 transition disabled:opacity-40 ${"birdview"===er?"bg-amber text-ink":"text-fg hover:text-white"}`,children:"Birdview"}),(0,t.jsx)("button",{type:"button",onClick:()=>en("follow"),disabled:"ready"!==E,"aria-pressed":"follow"===er?"true":"false",className:`rounded px-2 py-1 transition disabled:opacity-40 ${"follow"===er?"bg-amber text-ink":"text-fg hover:text-white"}`,children:"Follow camera"})]}),(0,t.jsx)("span",{className:"w-12 text-right font-mono text-xs tabular-nums text-fg-muted",children:c(W)}),(0,t.jsx)("input",{type:"range",min:0,max:Math.max(1,F),step:50,value:Math.min(W,F),onChange:e=>eh(Number(e.target.value)),disabled:"ready"!==E,className:"flex-1 accent-amber"}),(0,t.jsx)("span",{className:"w-12 font-mono text-xs tabular-nums text-fg-muted",children:c(F)})]}),"ready"===E?(0,t.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-3",children:[(0,t.jsx)("input",{ref:A,type:"file",accept:".glb,.gltf,model/gltf-binary,model/gltf+json",onChange:ey,className:"hidden"}),(0,t.jsx)("button",{type:"button",onClick:()=>A.current?.click(),disabled:eo,className:"rounded-md border border-edge bg-ink/80 px-2.5 py-1.5 text-xs font-medium text-fg transition hover:bg-ink hover:text-white disabled:opacity-40",children:eo?"Loading model…":es?"Replace model (.glb)":"Load model (.glb)"}),es?(0,t.jsx)("button",{type:"button",onClick:ex,disabled:eo,className:"rounded-md border border-edge px-2.5 py-1.5 text-xs font-medium text-fg transition hover:bg-ink hover:text-white disabled:opacity-40",children:"Remove model"}):null,ec?(0,t.jsx)("span",{className:"text-xs text-fg-muted",role:"status",children:ec}):(0,t.jsx)("span",{className:"text-xs text-fg-muted",children:"Load a glTF model to replace the wireframe boxes with your real scene."})]}):null,"ready"===E?(0,t.jsx)(p,{lanes:q,duration:F,progress:W,onSeek:eh,hiddenTypes:m??a}):null,f&&ef&&"ready"===E?(0,t.jsx)("p",{className:"mt-2 text-xs text-fg-muted",children:"Live follow is unavailable — raw session retention is disabled on the collector."}):null]})}],76421)}]);