@roomle/web-sdk 4.0.0 → 4.1.0-alpha.1

package/lib/{roomle-webgpu-renderer-CRGcdahn.mjs → roomle-webgpu-renderer-fOYJoKJU.mjs}

@@ -1,18 +1,18 @@
-import { Ar as e, Br as t, Cr as n, En as r, Gn as i, Hi as a, J as o, Jr as s, Kn as c, On as l, Qt as u, Tt as d, Wi as f, Y as p, _i as m, bi as h, ci as g, ct as _, g as v, gi as y, hi as b, hr as x, ht as S, in as C, jr as w, kr as T, mi as ee, mr as te, pi as ne, q as re, rt as E, sn as D, t as ie, vi as ae, w as O, wr as oe, xi as k, yi as se } from "./three.core-DjCexDCp.mjs";
-import { t as ce } from "./shading-settings-BEMqEGzB.mjs";
-import { n as le, r as ue, t as de } from "./decorate-BAtqSPNS.mjs";
-import { a as A, n as fe, r as pe } from "./roomle-renderer-DhLUaHJZ.mjs";
-import { Rt as j, Ut as me, Wn as he, Z as ge, bn as M, fr as _e, jn as ve, kt as ye, lr as be, un as xe, vn as Se, x as Ce } from "./three.webgpu-Bz4Xtk0X.mjs";
-import { $ as we, A as Te, B as Ee, C as De, Ct as Oe, D as ke, E as N, F as Ae, G as je, H as Me, I as P, J as Ne, K as Pe, L as Fe, M as Ie, N as Le, O as Re, P as ze, R as Be, S as Ve, St as F, T as He, Tt as Ue, U as We, V as Ge, W as Ke, X as qe, Y as Je, Z as Ye, _ as Xe, _t as I, a as Ze, at as Qe, b as $e, bt as L, c as et, ct as tt, d as nt, dt as rt, et as it, f as at, ft as ot, g as st, gt as R, h as ct, ht as lt, i as z, it as ut, j as dt, k as ft, l as pt, m as mt, mt as B, n as V, nt as ht, o as gt, ot as _t, p as vt, pt as yt, q as bt, r as xt, rt as St, s as Ct, st as wt, t as Tt, u as Et, ut as Dt, v as Ot, w as H, wt as kt, x as At, xt as U, y as jt, yt as Mt, z as Nt } from "./three.tsl-BIBER8nk.mjs";
+import { Ar as e, Br as t, Cr as n, En as r, Gi as i, Gn as a, J as o, Jr as s, Kn as c, On as l, Qt as u, Si as d, Tt as f, Ui as p, Y as m, _i as h, bi as g, ct as _, g as v, gi as y, hi as b, hr as x, ht as S, in as C, jr as w, kr as T, li as E, mi as ee, mr as te, q as ne, rt as D, sn as O, t as re, vi as ie, w as k, wr as ae, xi as oe, yi as se } from "./three.core-CmmDf_BZ.mjs";
+import { t as ce } from "./shading-settings-BPpgt0Fq.mjs";
+import { n as le, r as ue, t as de } from "./decorate-CX1ZGuFY.mjs";
+import { a as A, n as fe, r as pe } from "./roomle-renderer-BR0UKz2y.mjs";
+import { At as me, Kn as he, Mn as ge, Q as _e, Wt as ve, dn as ye, dr as be, mr as xe, x as Se, xn as j, yn as Ce, zt as M } from "./three.webgpu-DL5l_0xI.mjs";
+import { $ as we, A as Te, At as N, B as Ee, C as De, Ct as P, D as Oe, Dt as ke, E as F, F as Ae, G as je, H as Me, I as Ne, J as Pe, K as Fe, M as Ie, Mt as Le, N as Re, Nt as ze, O as Be, P as Ve, Pt as He, Q as Ue, S as We, T as Ge, U as Ke, V as qe, W as Je, X as Ye, Y as Xe, Z as Ze, _ as Qe, _t as $e, a as et, at as tt, b as nt, bt as rt, c as it, ct as at, d as ot, dt as st, et as ct, f as lt, ft as ut, g as dt, h as ft, ht as pt, i as I, jt as L, k as mt, kt as R, l as ht, lt as gt, m as _t, mt as vt, n as z, nt as yt, o as bt, ot as xt, p as St, q as Ct, r as wt, rt as Tt, s as Et, t as Dt, u as Ot, ut as kt, v as At, vt as jt, w as B, wt as V, x as Mt, y as Nt, yt as H, z as U } from "./three.tsl-Cw9IeeKW.mjs";
 //#region ../../node_modules/three/examples/jsm/tsl/display/OutlineNode.js
-var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE__ */ new k(1, 0), It = /* @__PURE__ */ new k(0, 1), G, Lt = class extends he {
+var W = /* @__PURE__ */ new ye(), Pt = /* @__PURE__ */ new d(), Ft = /* @__PURE__ */ new d(1, 0), It = /* @__PURE__ */ new d(0, 1), G, Lt = class extends he {
 	static get type() {
 		return "OutlineNode";
 	}
 	constructor(e, t, n = {}) {
 		super("vec4");
-		let { selectedObjects: r = [], edgeThickness: i = N(1), edgeGlow: a = N(0), downSampleRatio: o = 2 } = n;
-		this.scene = e, this.camera = t, this.selectedObjects = r, this.edgeThicknessNode = Ge(i), this.edgeGlowNode = Ge(a), this.downSampleRatio = o, this.updateBeforeType = me.FRAME, this._renderTargetDepthBuffer = new w(), this._renderTargetDepthBuffer.depthTexture = new p(), this._renderTargetDepthBuffer.depthTexture.type = _, this._renderTargetMaskBuffer = new w(), this._renderTargetMaskDownSampleBuffer = new w(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new w(1, 1, { depthBuffer: !1 }), this._cameraNear = it("near", "float", t), this._cameraFar = it("far", "float", t), this._blurDirection = I(new k()), this._depthTextureUniform = B(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = B(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = B(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = B(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = B(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = B(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = U(1, 0, 0), this._hiddenEdgeColor = U(0, 1, 0), this._depthMaterial = new j(), this._depthMaterial.colorNode = ct(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new ve(), this._depthSpriteMaterial.colorNode = ct(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new j(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new ve(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new j(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new j(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new j(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new j(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new j(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = bt(this, this._renderTargetComposite.texture);
+		let { selectedObjects: r = [], edgeThickness: i = F(1), edgeGlow: a = F(0), downSampleRatio: o = 2 } = n;
+		this.scene = e, this.camera = t, this.selectedObjects = r, this.edgeThicknessNode = Je(i), this.edgeGlowNode = Je(a), this.downSampleRatio = o, this.updateBeforeType = ve.FRAME, this._renderTargetDepthBuffer = new w(), this._renderTargetDepthBuffer.depthTexture = new m(), this._renderTargetDepthBuffer.depthTexture.type = _, this._renderTargetMaskBuffer = new w(), this._renderTargetMaskDownSampleBuffer = new w(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new w(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new w(1, 1, { depthBuffer: !1 }), this._cameraNear = Tt("near", "float", t), this._cameraFar = Tt("far", "float", t), this._blurDirection = V(new d()), this._depthTextureUniform = H(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = H(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = H(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = H(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = H(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = H(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = N(1, 0, 0), this._hiddenEdgeColor = N(0, 1, 0), this._depthMaterial = new M(), this._depthMaterial.colorNode = ft(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new ge(), this._depthSpriteMaterial.colorNode = ft(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new M(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new ge(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new M(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new M(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new M(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new M(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new M(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = Ye(this, this._renderTargetComposite.texture);
 	}
 	get visibleEdge() {
 		return this.r;
@@ -31,10 +31,10 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 	updateBefore(e) {
 		let { renderer: t } = e, { camera: n, scene: r } = this;
 		if (this._updateSelectionCache(), this._selectionCache.size === 0) {
-			this._lastSelectionCount > 0 && (G = M.resetRendererState(t, G), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), M.restoreRendererState(t, G), this._lastSelectionCount = 0);
+			this._lastSelectionCount > 0 && (G = j.resetRendererState(t, G), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), j.restoreRendererState(t, G), this._lastSelectionCount = 0);
 			return;
 		}
-		this._lastSelectionCount = this._selectionCache.size, G = M.resetRendererAndSceneState(t, r, G);
+		this._lastSelectionCount = this._selectionCache.size, G = j.resetRendererAndSceneState(t, r, G);
 		let i = t.getDrawingBufferSize(Pt);
 		this.setSize(i.width, i.height), t.setClearColor(16777215, 1);
 		let a = r.name;
@@ -48,33 +48,33 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 				let a = e.isSprite ? this._prepareMaskSpriteMaterial : this._prepareMaskMaterial;
 				t.renderObject(e, n, r, i, a, o, s, c);
 			}
-		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(G.renderObjectFunction), this._selectionCache.clear(), r.name = a, W.material = this._materialCopy, W.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), W.render(t), W.material = this._edgeDetectionMaterial, W.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Ft), W.material = this._separableBlurMaterial, W.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(It), t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Ft), W.material = this._separableBlurMaterial2, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(It), t.setRenderTarget(this._renderTargetEdgeBuffer2), W.render(t), W.material = this._compositeMaterial, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), W.render(t), M.restoreRendererAndSceneState(t, r, G);
+		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(G.renderObjectFunction), this._selectionCache.clear(), r.name = a, W.material = this._materialCopy, W.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), W.render(t), W.material = this._edgeDetectionMaterial, W.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Ft), W.material = this._separableBlurMaterial, W.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(It), t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Ft), W.material = this._separableBlurMaterial2, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(It), t.setRenderTarget(this._renderTargetEdgeBuffer2), W.render(t), W.material = this._compositeMaterial, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), W.render(t), j.restoreRendererAndSceneState(t, r, G);
 	}
 	setup() {
 		let e = () => {
-			let e = this._depthTextureUniform.sample(Qe), t;
-			return t = this.camera.isPerspectiveCamera ? Ne(e, this._cameraNear, this._cameraFar) : Ke(e, this._cameraNear, this._cameraFar), U(0, Je.z.lessThanEqual(t).select(1, 0), 1);
+			let e = this._depthTextureUniform.sample(gt), t;
+			return t = this.camera.isPerspectiveCamera ? Ze(e, this._cameraNear, this._cameraFar) : Ct(e, this._cameraNear, this._cameraFar), N(0, Ue.z.lessThanEqual(t).select(1, 0), 1);
 		};
 		this._prepareMaskMaterial.colorNode = e(), this._prepareMaskMaterial.needsUpdate = !0, this._prepareMaskSpriteMaterial.colorNode = e(), this._prepareMaskSpriteMaterial.needsUpdate = !0, this._materialCopy.fragmentNode = this._maskTextureUniform, this._materialCopy.needsUpdate = !0;
-		let t = V(() => {
-			let e = lt(this._maskTextureDownsSampleUniform), t = L(1).div(e).toVar(), n = F(1, 0, 0, 1).mul(F(t, t)), r = Mt(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = L(Ee(i.r.sub(a.r), .5), Ee(o.r.sub(s.r), .5)).length();
-			return F(Fe(Fe(i.g, a.g), Fe(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
+		let t = z(() => {
+			let e = rt(this._maskTextureDownsSampleUniform), t = R(1).div(e).toVar(), n = L(1, 0, 0, 1).mul(L(t, t)), r = ke(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = R(Ke(i.r.sub(a.r), .5), Ke(o.r.sub(s.r), .5)).length();
+			return L(Ee(Ee(i.g, a.g), Ee(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
 		});
 		this._edgeDetectionMaterial.fragmentNode = t(), this._edgeDetectionMaterial.needsUpdate = !0;
-		let n = V(([e, t]) => N(.39894).mul(He(N(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = V(([e]) => {
-			let t = lt(this._maskTextureDownsSampleUniform), r = L(1).div(t).toVar(), i = Mt(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
-			return Ze({
-				start: dt(1),
-				end: dt(4),
+		let n = z(([e, t]) => F(.39894).mul(Ge(F(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = z(([e]) => {
+			let t = rt(this._maskTextureDownsSampleUniform), r = R(1).div(t).toVar(), i = ke(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
+			return et({
+				start: Ie(1),
+				end: Ie(4),
 				type: "int",
 				condition: "<="
 			}, ({ i: t }) => {
-				let r = n(e.mul(N(t)).div(4), a), u = this._blurColorTextureUniform.sample(i.add(l)), d = this._blurColorTextureUniform.sample(i.sub(l));
+				let r = n(e.mul(F(t)).div(4), a), u = this._blurColorTextureUniform.sample(i.add(l)), d = this._blurColorTextureUniform.sample(i.sub(l));
 				s.addAssign(u.add(d).mul(r)), o.addAssign(r.mul(2)), l.addAssign(c);
 			}), s.div(o);
 		});
 		this._separableBlurMaterial.fragmentNode = r(this.edgeThicknessNode), this._separableBlurMaterial.needsUpdate = !0, this._separableBlurMaterial2.fragmentNode = r(4), this._separableBlurMaterial2.needsUpdate = !0;
-		let i = V(() => {
+		let i = z(() => {
 			let e = this._edge1TextureUniform, t = this._edge2TextureUniform, n = this._maskTextureUniform, r = e.add(t.mul(this.edgeGlowNode));
 			return n.r.mul(r);
 		});
@@ -93,21 +93,21 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 		this.passId = "OutlineRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.selectedObjects = t.selectedObjects, this.edgeStrength = I(t.edgeStrength), this.edgeGlow = I(t.edgeGlow), this.edgeThickness = I(t.edgeThickness), this.visibleEdgeColor = I(new O(t.visibleEdgeColor)), this.hiddenEdgeColor = I(new O(t.hiddenEdgeColor));
+		super(), this.passId = e.passId, this.selectedObjects = t.selectedObjects, this.edgeStrength = V(t.edgeStrength), this.edgeGlow = V(t.edgeGlow), this.edgeThickness = V(t.edgeThickness), this.visibleEdgeColor = V(new k(t.visibleEdgeColor)), this.hiddenEdgeColor = V(new k(t.hiddenEdgeColor));
 	}
 	highlightObjects(e) {
 		this.selectedObjects.splice(0, this.selectedObjects.length, ...e);
 	}
 	setOutlineColors(e, t) {
-		this.visibleEdgeColor.value = new O(e), this.hiddenEdgeColor.value = new O(t);
+		this.visibleEdgeColor.value = new k(e), this.hiddenEdgeColor.value = new k(t);
 	}
 	assemble(e, t, n, r, i) {
 		let { visibleEdge: a, hiddenEdge: o } = Rt(n, r, {
 			selectedObjects: this.selectedObjects,
 			edgeThickness: this.edgeThickness,
 			edgeGlow: this.edgeGlow
-		}), s = a.mul(this.visibleEdgeColor).add(o.mul(this.hiddenEdgeColor)).mul(this.edgeStrength);
-		return i === "outline" ? F(0, 0, 0, 0).add(s) : t.add(s);
+		}), s = L(a.mul(this.visibleEdgeColor).add(o.mul(this.hiddenEdgeColor)).mul(this.edgeStrength), 0);
+		return i === "outline" ? L(0, 0, 0, 0).add(s) : t.add(s);
 	}
 	addParametersToGUI(e, n) {
 		let r = e.addFolder("Outline Settings");
@@ -130,7 +130,7 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 	constructor(e, t) {
 		super(e, t.name), this.computeNode = t, this.isComputeStats = !0;
 	}
-}, Wt = class extends ge {
+}, Wt = class extends _e {
 	constructor() {
 		super(), this.currentFrame = null, this.currentRender = null, this.currentNodes = null, this.lastFrame = null, this.frames = [], this.framesLib = {}, this.maxFrames = 512, this._lastFinishTime = 0, this._resolveTimestampPromise = null, this.isRendererInspector = !0;
 	}
@@ -178,8 +178,8 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 		return this._resolveTimestampPromise === null && (this._resolveTimestampPromise = new Promise((e) => {
 			requestAnimationFrame(async () => {
 				let t = this.getRenderer();
-				await t.resolveTimestampsAsync(g.COMPUTE), await t.resolveTimestampsAsync(g.RENDER);
-				let n = t.backend.getTimestampFrames(g.COMPUTE), r = t.backend.getTimestampFrames(g.RENDER), i = [...new Set([...n, ...r])];
+				await t.resolveTimestampsAsync(E.COMPUTE), await t.resolveTimestampsAsync(E.RENDER);
+				let n = t.backend.getTimestampFrames(E.COMPUTE), r = t.backend.getTimestampFrames(E.RENDER), i = [...new Set([...n, ...r])];
 				for (let e of i) {
 					let i = this.getFrameById(e);
 					if (i !== null) {
@@ -214,7 +214,7 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 	}
 	inspect(e) {
 		let t = this.currentNodes;
-		t === null ? f("RendererInspector: Unable to inspect node outside of frame scope. Use \"renderer.setAnimationLoop()\".") : t.push(e);
+		t === null ? i("RendererInspector: Unable to inspect node outside of frame scope. Use \"renderer.setAnimationLoop()\".") : t.push(e);
 	}
 	beginCompute(e, t) {
 		let n = this.getFrame();
@@ -244,7 +244,7 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 		let e = document.createElement("style");
 		e.id = "profiler-styles", e.textContent = "\n:root {\n	--profiler-bg: #1e1e24f5;\n	--profiler-header-bg: #2a2a33aa;\n	--profiler-header: #2a2a33;\n	--profiler-border: #4a4a5a;\n	--text-primary: #e0e0e0;\n	--text-secondary: #9a9aab;\n	--accent-color: #00aaff;\n	--color-green: #4caf50;\n	--color-yellow: #ffc107;\n	--color-red: #f44336;\n	--color-fps: rgb(63, 81, 181);\n	--color-call: rgba(255, 185, 34, 1);\n	--font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n	--font-mono: 'Fira Code', 'Courier New', Courier, monospace;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Fira+Code&display=swap');\n\n#profiler-panel *, #profiler-toggle * {\n	text-transform: initial;\n	line-height: normal;\n	box-sizing: border-box;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n}\n\n#profiler-toggle {\n	position: fixed;\n	top: 15px;\n	right: 15px;\n	background-color: rgba(30, 30, 36, 0.85);\n	border: 1px solid #4a4a5a54;\n	border-radius: 12px 6px 6px 12px;\n	color: var(--text-primary);\n	cursor: pointer;\n	z-index: 1001;\n	transition: all 0.2s ease-in-out;\n	/*font-size: 14px;*/\n	font-size: 15px;\n	backdrop-filter: blur(8px);\n	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n	display: flex;\n	align-items: stretch;\n	padding: 0;\n	overflow: hidden;\n	font-family: var(--font-family);\n}\n\n#profiler-toggle.position-right.panel-open {\n	right: auto;\n	left: 15px;\n	border-radius: 6px 12px 12px 6px;\n	flex-direction: row-reverse;\n}\n\n#profiler-toggle.position-right.panel-open #builtin-tabs-container {\n	border-right: none;\n	border-left: 1px solid #262636;\n}\n\n#profiler-toggle:hover {\n	border-color: var(--accent-color);\n}\n\n#profiler-toggle.panel-open #toggle-icon {\n	background-color: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n#toggle-icon {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 40px;\n	font-size: 20px;\n	transition: background-color 0.2s;\n}\n\n#profiler-toggle:hover #toggle-icon {\n	background-color: rgba(255, 255, 255, 0.05);\n}\n\n#profiler-toggle.panel-open:hover #toggle-icon {\n	background-color: rgba(0, 170, 255, 0.3);\n}\n\n.toggle-separator {\n	width: 1px;\n	background-color: var(--profiler-border);\n}\n\n#toggle-text {\n	display: flex;\n	align-items: baseline;\n	padding: 8px 14px;\n	min-width: 80px;\n	justify-content: right;\n}\n\n#toggle-text .fps-label {\n	font-size: 0.7em;\n	margin-left: 10px;\n    color: #999;\n}\n\n#builtin-tabs-container {\n	display: flex;\n	align-items: stretch;\n	gap: 0;\n	border-right: 1px solid #262636;\n	order: -1;\n}\n\n.builtin-tab-btn {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	cursor: pointer;\n	padding: 8px 14px;\n	font-family: var(--font-family);\n	font-size: 13px;\n	font-weight: 600;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	min-width: 32px;\n	position: relative;\n}\n\n.builtin-tab-btn svg {\n	width: 20px;\n	height: 20px;\n	stroke: currentColor;\n}\n\n.builtin-tab-btn:hover {\n	background-color: rgba(255, 255, 255, 0.08);\n	color: var(--accent-color);\n}\n\n.builtin-tab-btn:active {\n	background-color: rgba(255, 255, 255, 0.12);\n}\n\n.builtin-tab-btn.active {\n	background-color: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n.builtin-tab-btn.active:hover {\n	background-color: rgba(0, 170, 255, 0.3);\n}\n\n#profiler-mini-panel {\n	position: fixed;\n	top: 60px;\n	right: 15px;\n	background-color: rgba(30, 30, 36, 0.85);\n	border: 1px solid #4a4a5a54;\n	border-radius: 8px;\n	color: var(--text-primary);\n	z-index: 9999;\n	backdrop-filter: blur(8px);\n	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\n	font-family: var(--font-family);\n	font-size: 11px;\n	width: 350px;\n	max-height: calc(100vh - 100px);\n	overflow-y: auto;\n	overflow-x: hidden;\n	display: none;\n	opacity: 0;\n	transform: translateY(-10px) scale(0.98);\n	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), \n	            transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#profiler-mini-panel.position-right.panel-open {\n	right: auto;\n	left: 15px;\n}\n\n#profiler-mini-panel.visible {\n	display: block;\n	opacity: 1;\n	transform: translateY(0) scale(1);\n}\n\n#profiler-mini-panel::-webkit-scrollbar {\n	width: 6px;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-thumb {\n	background: rgba(255, 255, 255, 0.15);\n	border-radius: 3px;\n	transition: background 0.2s;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-thumb:hover {\n	background: rgba(255, 255, 255, 0.25);\n}\n\n.mini-panel-content {\n	padding: 0;\n	font-size: 11px;\n	line-height: 1.5;\n	font-family: var(--font-mono);\n	letter-spacing: 0.3px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.mini-panel-content .profiler-content {\n	display: block !important;\n	background: transparent;\n}\n\n.mini-panel-content .list-scroll-wrapper {\n	max-height: calc(100vh - 120px);\n	overflow-y: auto;\n	overflow-x: hidden;\n	width: 100%;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar {\n	width: 4px;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb {\n	background: rgba(255, 255, 255, 0.1);\n	border-radius: 2px;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb:hover {\n	background: rgba(255, 255, 255, 0.2);\n}\n\n.mini-panel-content .parameters {\n	background: transparent;\n	border: none;\n	box-shadow: none;\n	padding: 4px;\n}\n\n.mini-panel-content .list-container.parameters {\n	padding: 2px 6px 0px 6px !important;\n}\n\n.mini-panel-content .list-header {\n	display: none;\n	padding: 2px 4px;\n	font-size: 11px;\n	font-weight: 600;\n	text-transform: uppercase;\n	letter-spacing: 0.5px;\n}\n\n.mini-panel-content .list-item {\n	border-bottom: 1px solid rgba(74, 74, 90, 0.2);\n	transition: background-color 0.15s;\n}\n\n.mini-panel-content .list-item:last-child {\n	border-bottom: none;\n}\n\n.mini-panel-content .list-item:hover {\n	background-color: rgba(255, 255, 255, 0.04);\n}\n\n.mini-panel-content .list-item.actionable:hover {\n	background-color: rgba(255, 255, 255, 0.06);\n	cursor: pointer;\n}\n\n/* Style adjustments for lil-gui look */\n.mini-panel-content .item-row {\n	padding: 3px 8px;\n	min-height: 24px;\n}\n\n.mini-panel-content .list-item-row {\n	padding: 1px 4px;\n	gap: 8px;\n	min-height: 21px;\n	align-items: center;\n}\n\n.mini-panel-content input[type=\"checkbox\"] {\n	width: 12px;\n	height: 12px;\n}\n\n.mini-panel-content input[type=\"range\"] {\n	height: 18px;\n}\n\n.mini-panel-content .value-number input,\n.mini-panel-content .value-slider input {\n	background-color: rgba(0, 0, 0, 0.3);\n	border: 1px solid rgba(74, 74, 90, 0.5);\n	font-size: 10px;\n}\n\n.mini-panel-content .value-number input:focus,\n.mini-panel-content .value-slider input:focus {\n	border-color: var(--accent-color);\n}\n\n.mini-panel-content .value-slider {\n	gap: 6px;\n}\n\n/* Compact nested items */\n.mini-panel-content .list-item .list-item {\n	margin-left: 8px;\n}\n\n.mini-panel-content .list-item .list-item .item-row,\n.mini-panel-content .list-item .list-item .list-item-row {\n	padding: 2px 6px;\n	min-height: 22px;\n}\n\n/* Compact collapsible headers */\n.mini-panel-content .collapsible .item-row,\n.mini-panel-content .list-item-row.collapsible {\n	padding: 2px 8px;\n	font-weight: 600;\n	min-height: 16px;\n	display: flex;\n	align-items: center;\n}\n\n.mini-panel-content .collapsible-icon {\n	font-size: 10px;\n	width: 14px;\n	height: 14px;\n}\n\n.mini-panel-content .param-control input[type=\"range\"] {\n	height: 12px;\n	margin-top: 1px;\n	padding-top: 5px;\n	user-select: none;\n	-webkit-user-select: none;\n	outline: none;\n}\n\n.mini-panel-content .param-control input[type=\"range\"]::-webkit-slider-thumb {\n	width: 14px;\n	height: 14px;\n	margin-top: -5px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.mini-panel-content .param-control input[type=\"range\"]::-moz-range-thumb {\n	width: 14px;\n	height: 14px;\n	user-select: none;\n	-moz-user-select: none;\n}\n\n.mini-panel-content .list-children-container {\n	padding-left: 0;\n}\n\n.mini-panel-content .param-control input[type=\"number\"] {\n	flex-basis: 60px !important;\n}\n\n.mini-panel-content .param-control {\n	align-items: center;\n}\n\n.mini-panel-content .param-control select {\n	font-size: 11px;\n}\n\n.mini-panel-content .list-item-wrapper {\n	margin-top: 0;\n	margin-bottom: 0;\n}\n\n#profiler-panel {\n	position: fixed;\n	z-index: 1001 !important;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	height: 350px;\n	background-color: var(--profiler-bg);\n	backdrop-filter: blur(8px);\n	border-top: 2px solid var(--profiler-border);\n	color: var(--text-primary);\n	display: flex;\n	flex-direction: column;\n	z-index: 1000;\n	/*box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.5);*/\n	transform: translateY(100%);\n	transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s ease-out, width 0.3s ease-out;\n	font-family: var(--font-mono);\n}\n\n#profiler-panel.resizing,\n#profiler-panel.dragging {\n	transition: none;\n}\n\n#profiler-panel.visible {\n	transform: translateY(0);\n}\n\n#profiler-panel.maximized {\n	height: 100vh;\n}\n\n/* Position-specific styles */\n#profiler-panel.position-top {\n	bottom: auto;\n	top: 0;\n	border-top: none;\n	border-bottom: 2px solid var(--profiler-border);\n	transform: translateY(-100%);\n}\n\n#profiler-panel.position-top.visible {\n	transform: translateY(0);\n}\n\n#profiler-panel.position-bottom {\n	/* Default position - already defined above */\n}\n\n#profiler-panel.position-left {\n	top: 0;\n	bottom: 0;\n	left: 0;\n	right: auto;\n	width: 350px;\n	height: 100%;\n	border-top: none;\n	border-right: 2px solid var(--profiler-border);\n	transform: translateX(-100%);\n}\n\n#profiler-panel.position-left.visible {\n	transform: translateX(0);\n}\n\n#profiler-panel.position-right {\n	top: 0;\n	bottom: 0;\n	left: auto;\n	right: 0;\n	width: 350px;\n	height: 100%;\n	border-top: none;\n	border-left: 2px solid var(--profiler-border);\n	transform: translateX(100%);\n}\n\n#profiler-panel.position-right.visible {\n	transform: translateX(0);\n}\n\n#profiler-panel.position-floating {\n	border: 2px solid var(--profiler-border);\n	border-radius: 8px;\n	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n	transform: none !important;\n	overflow: hidden;\n}\n\n#profiler-panel.position-floating.visible {\n	transform: none !important;\n}\n\n#profiler-panel.position-floating .profiler-header {\n	border-radius: 6px 6px 0 0;\n}\n\n#profiler-panel.position-floating .panel-resizer {\n	bottom: 0;\n	right: 0;\n	top: auto;\n	left: auto;\n	width: 16px;\n	height: 16px;\n	cursor: nwse-resize;\n	border-radius: 0 0 6px 0;\n}\n\n#profiler-panel.position-floating .panel-resizer::after {\n	content: '';\n	position: absolute;\n	right: 2px;\n	bottom: 2px;\n	width: 10px;\n	height: 10px;\n	background: linear-gradient(135deg, transparent 0%, transparent 45%, var(--profiler-border) 45%, var(--profiler-border) 55%, transparent 55%);\n}\n\n\n.panel-resizer {\n	position: absolute;\n	top: -2px;\n	left: 0;\n	width: 100%;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 1001;\n	touch-action: none;\n}\n\n#profiler-panel.position-top .panel-resizer {\n	top: auto;\n	bottom: -2px;\n}\n\n#profiler-panel.position-left .panel-resizer {\n	top: 0;\n	left: auto;\n	right: -2px;\n	width: 5px;\n	height: 100%;\n	cursor: ew-resize;\n}\n\n#profiler-panel.position-right .panel-resizer {\n	top: 0;\n	left: -2px;\n	right: auto;\n	width: 5px;\n	height: 100%;\n	cursor: ew-resize;\n}\n\n.profiler-header {\n	display: flex;\n	background-color: var(--profiler-header-bg);\n	border-bottom: 1px solid var(--profiler-border);\n	flex-shrink: 0;\n	justify-content: space-between;\n	align-items: stretch;\n\n	overflow-x: auto;\n	overflow-y: hidden;\n	width: calc(100% - 134px);\n	height: 38px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n/* Adjust header width based on panel position */\n#profiler-panel.position-right .profiler-header,\n#profiler-panel.position-left .profiler-header {\n	width: calc(100% - 134px);\n}\n\n#profiler-panel.position-bottom .profiler-header,\n#profiler-panel.position-top .profiler-header {\n	width: calc(100% - 134px);\n}\n\n/* Adjust header width when position toggle button is hidden (mobile) */\n#profiler-panel.hide-position-toggle .profiler-header {\n	width: calc(100% - 90px);\n}\n\n/* ===== RULES FOR WHEN THERE ARE NO TABS ===== */\n\n/* Horizontal mode (bottom/top) without tabs */\n#profiler-panel.position-bottom.no-tabs:not(.maximized),\n#profiler-panel.position-top.no-tabs:not(.maximized) {\n	height: 38px !important;\n	min-height: 38px !important;\n}\n\n#profiler-panel.position-bottom.no-tabs .profiler-header,\n#profiler-panel.position-top.no-tabs .profiler-header {\n	width: 100%;\n	height: 38px;\n	border-bottom: none;\n}\n\n#profiler-panel.position-bottom.no-tabs .profiler-content-wrapper,\n#profiler-panel.position-top.no-tabs .profiler-content-wrapper {\n	display: none;\n}\n\n#profiler-panel.position-bottom.no-tabs .panel-resizer,\n#profiler-panel.position-top.no-tabs .panel-resizer {\n	display: none;\n}\n\n/* Vertical mode (right/left) without tabs */\n#profiler-panel.position-right.no-tabs:not(.maximized),\n#profiler-panel.position-left.no-tabs:not(.maximized) {\n	width: 45px !important;\n	min-width: 45px !important;\n}\n\n/* Vertical layout for header when no tabs */\n#profiler-panel.position-right.no-tabs .profiler-header,\n#profiler-panel.position-left.no-tabs .profiler-header {\n	width: 100%;\n	flex-direction: column;\n	height: 100%;\n	border-bottom: none;\n}\n\n/* Vertical layout for controls when no tabs */\n#profiler-panel.position-right.no-tabs .profiler-controls,\n#profiler-panel.position-left.no-tabs .profiler-controls {\n	position: static;\n	flex-direction: column-reverse;\n	justify-content: flex-end;\n	width: 100%;\n	height: 100%;\n	border-bottom: none;\n	border-left: none;\n	background: transparent;\n}\n\n#profiler-panel.position-right.no-tabs .profiler-controls button,\n#profiler-panel.position-left.no-tabs .profiler-controls button {\n	width: 100%;\n	height: 45px;\n	border-left: none;\n	border-top: none;\n	border-bottom: 1px solid var(--profiler-border);\n}\n\n#profiler-panel.position-right.no-tabs .profiler-content-wrapper,\n#profiler-panel.position-left.no-tabs .profiler-content-wrapper {\n	display: none;\n}\n\n#profiler-panel.position-right.no-tabs .profiler-tabs,\n#profiler-panel.position-left.no-tabs .profiler-tabs {\n	display: none;\n}\n\n#profiler-panel.position-right.no-tabs .panel-resizer,\n#profiler-panel.position-left.no-tabs .panel-resizer {\n	display: none;\n}\n\n/* Hide position toggle on mobile without tabs */\n#profiler-panel.hide-position-toggle.position-right.no-tabs:not(.maximized),\n#profiler-panel.hide-position-toggle.position-left.no-tabs:not(.maximized) {\n	width: 45px !important;\n	min-width: 45px !important;\n}\n\n/* Hide drag indicator on mobile devices */\n#profiler-panel.is-mobile .tab-btn.active::before {\n	display: none;\n}\n\n.profiler-header::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-header::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-header::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-header::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-header::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n#profiler-panel.dragging .profiler-header {\n	cursor: grabbing !important;\n}\n\n#profiler-panel.dragging {\n	opacity: 0.8;\n}\n\n.profiler-tabs {\n	display: flex;\n	cursor: grab;\n	position: relative;\n}\n\n.profiler-tabs:active {\n	cursor: grabbing;\n}\n\n.profiler-tabs::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-tabs::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-tabs::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-tabs::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-tabs::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.profiler-controls {\n	display: flex;\n	position: absolute;\n	right: 0;\n	top: 0;\n	height: 38px;\n	background: var(--profiler-header-bg);\n	border-bottom: 1px solid var(--profiler-border);\n}\n\n.tab-btn {\n	position: relative;\n	background: transparent;\n	border: none;\n	/*border-right: 1px solid var(--profiler-border);*/\n	color: var(--text-secondary);\n	padding: 8px 18px;\n	cursor: default;\n	display: flex;\n	align-items: center;\n	font-family: var(--font-family);\n	font-weight: 600;\n	font-size: 14px;\n	user-select: none;\n	transition: opacity 0.2s, transform 0.2s;\n	touch-action: pan-x;\n}\n\n.tab-btn.active {\n	border-bottom: 2px solid var(--accent-color);\n	color: white;\n}\n\n.tab-btn.active::before {\n	content: '⋮⋮';\n	position: absolute;\n	left: 3px;\n	top: calc(50% - .1rem);\n	transform: translateY(-50%);\n	color: var(--profiler-border);\n	font-size: 18px;\n	letter-spacing: -2px;\n	opacity: 0.6;\n}\n\n.tab-btn.no-detach.active::before {\n	display: none;\n}\n\n#floating-btn,\n#maximize-btn,\n#hide-panel-btn {\n	background: transparent;\n	border: none;\n	border-left: 1px solid var(--profiler-border);\n	color: var(--text-secondary);\n	width: 45px;\n	height: 100%;\n	cursor: pointer;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	flex-shrink: 0;\n}\n\n/* Disable transitions in vertical mode to avoid broken animations */\n#profiler-panel.position-right #floating-btn,\n#profiler-panel.position-right #maximize-btn,\n#profiler-panel.position-right #hide-panel-btn,\n#profiler-panel.position-left #floating-btn,\n#profiler-panel.position-left #maximize-btn,\n#profiler-panel.position-left #hide-panel-btn {\n	transition: background-color 0.2s, color 0.2s;\n}\n\n#floating-btn:hover,\n#maximize-btn:hover,\n#hide-panel-btn:hover {\n	background-color: rgba(255, 255, 255, 0.1);\n	color: var(--text-primary);\n}\n\n/* Hide maximize button when there are no tabs */\n#profiler-panel.position-right.no-tabs #maximize-btn,\n#profiler-panel.position-left.no-tabs #maximize-btn,\n#profiler-panel.position-bottom.no-tabs #maximize-btn,\n#profiler-panel.position-top.no-tabs #maximize-btn {\n	display: none !important;\n}\n\n.profiler-content-wrapper {\n	flex-grow: 1;\n	overflow: hidden;\n	position: relative;\n}\n\n.profiler-content {\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 100%;\n	height: 100%;\n	overflow-y: auto;\n	font-size: 13px;\n	visibility: hidden;\n	opacity: 0;\n	transition: opacity 0.2s, visibility 0.2s;\n	box-sizing: border-box;\n	display: flex;\n	flex-direction: column;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.profiler-content.active {\n	visibility: visible;\n	opacity: 1;\n}\n\n.profiler-content {\n	overflow: auto; /* make sure scrollbars can appear */\n}\n\n.profiler-content::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-content::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-content::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-content::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-content::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.profiler-content {\n	scrollbar-width: thin; /* \"auto\" | \"thin\" */\n	scrollbar-color: rgba(0, 0, 0, 0.25) transparent;\n}\n\n.list-item-row {\n	display: grid;\n	align-items: center;\n	padding: 4px 8px;\n	border-radius: 3px;\n	transition: background-color 0.2s;\n	gap: 10px;\n	border-bottom: none;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.parameters .list-item-row {\n	min-height: 31px;\n}\n\n.mini-panel-content .parameters .list-item-row {\n	min-height: 21px;\n}\n\n.list-item-wrapper {\n	margin-top: 2px;\n	margin-bottom: 2px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-wrapper:first-child {\n	/*margin-top: 0;*/\n}\n\n.list-item-wrapper:not(.header-wrapper):nth-child(odd) > .list-item-row {\n	background-color: rgba(0,0,0,0.1);\n}\n\n.list-item-wrapper.header-wrapper>.list-item-row {\n	color: var(--accent-color);\n	background-color: rgba(0, 170, 255, 0.1);\n}\n\n.list-item-wrapper.header-wrapper>.list-item-row>.list-item-cell:first-child {\n	font-weight: 600;\n	line-height: 1;\n}\n\n.list-item-row.collapsible,\n.list-item-row.actionable {\n	cursor: pointer;\n}\n\n.list-item-row.collapsible {\n	background-color: rgba(0, 170, 255, 0.15) !important;\n	min-height: 23px;\n}\n\n.list-item-row.collapsible.alert,\n.list-item-row.alert {\n	background-color: rgba(244, 67, 54, 0.1) !important;\n}\n\n@media (hover: hover) {\n\n	.list-item-row:hover:not(.collapsible):not(.no-hover),\n	.list-item-row:hover:not(.no-hover),\n	.list-item-row.actionable:hover,\n	.list-item-row.collapsible.actionable:hover {\n		background-color: rgba(255, 255, 255, 0.05) !important;\n	}\n\n	.list-item-row.collapsible:hover {\n		background-color: rgba(0, 170, 255, 0.25) !important;\n	}\n\n}\n\n.list-item-cell {\n	white-space: pre;\n	display: flex;\n	align-items: center;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-cell:not(:first-child) {\n	justify-content: flex-end;\n	font-weight: 600;\n}\n\n.list-header {\n	display: grid;\n	align-items: center;\n	padding: 4px 8px;\n	font-weight: 600;\n	color: var(--text-secondary);\n	padding-bottom: 6px;\n	border-bottom: 1px solid var(--profiler-border);\n	margin-bottom: 5px;\n	gap: 10px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-wrapper.section-start {\n	margin-top: 5px;\n	margin-bottom: 5px;\n}\n\n.list-header .list-header-cell:not(:first-child) {\n	text-align: right;\n}\n\n.list-children-container {\n	padding-left: 1.5em;\n	overflow: hidden;\n	transition: max-height 0.1s ease-out;\n	margin-top: 2px;\n}\n\n.list-children-container.closed {\n	max-height: 0;\n}\n\n.item-toggler {\n	display: inline-block;\n	margin-right: 0.8em;\n	text-align: left;\n}\n\n.list-item-row.open .item-toggler::before {\n	content: '-';\n}\n\n.list-item-row:not(.open) .item-toggler::before {\n	content: '+';\n}\n\n.list-item-cell .value.good {\n	color: var(--color-green);\n}\n\n.list-item-cell .value.warn {\n	color: var(--color-yellow);\n}\n\n.list-item-cell .value.bad {\n	color: var(--color-red);\n}\n\n.list-scroll-wrapper {\n	width: max-content;\n	min-width: 100%;\n	display: flex;\n	flex-direction: column;\n	min-height: 100%;\n}\n\n.list-container.parameters .list-item-row:not(.collapsible) {\n}\n\n.graph-container {\n	width: 100%;\n	box-sizing: border-box;\n	padding: 8px 0;\n	position: relative;\n}\n\n.graph-svg {\n	width: 100%;\n	height: 80px;\n	background-color: var(--profiler-header);\n	border: 1px solid var(--profiler-border);\n	border-radius: 4px;\n}\n\n.graph-path {\n	stroke-width: 2;\n	fill-opacity: 0.4;\n}\n\n.console-header {\n	padding: 10px;\n	border-bottom: 1px solid var(--profiler-border);\n	display: flex;\n	gap: 20px;\n	flex-shrink: 0;\n	align-items: center;\n	justify-content: space-between;\n}\n\n.console-buttons-group {\n	display: flex;\n	gap: 20px;\n}\n\n.console-filter-input {\n	background-color: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	color: var(--text-primary);\n	border-radius: 4px;\n	padding: 4px 8px;\n	font-family: var(--font-mono);\n	flex-grow: 1;\n	max-width: 300px;\n	border-radius: 15px;\n}\n\n.console-filter-input:focus {\n	outline: none;\n	border-color: var(--text-secondary);\n}\n\n.console-copy-button {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	cursor: pointer;\n	padding: 4px;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	border-radius: 4px;\n	transition: color 0.2s, background-color 0.2s;\n}\n\n.console-copy-button:hover {\n	color: var(--text-primary);\n	background-color: var(--profiler-hover);\n}\n\n.console-copy-button.copied {\n	color: var(--color-green);\n}\n\n#console-log {\n	display: flex;\n	flex-direction: column;\n	gap: 4px;\n	padding: 10px;\n	overflow-y: auto;\n	flex-grow: 1;\n	user-select: text;\n	-webkit-user-select: text;\n}\n\n.log-message {\n	padding: 2px 5px;\n	white-space: pre-wrap;\n	word-break: break-all;\n	border-radius: 3px;\n	line-height: 1.5 !important;\n}\n\n.log-message.hidden {\n	display: none;\n}\n\n.log-message.info {\n	color: var(--text-primary);\n}\n\n.log-message.warn {\n	color: var(--color-yellow);\n}\n\n.log-message.error {\n	color: #f9dedc;\n	background-color: rgba(244, 67, 54, 0.1);\n}\n\n.log-prefix {\n	color: var(--text-secondary);\n	margin-right: 8px;\n}\n\n.log-code {\n	background-color: rgba(255, 255, 255, 0.1);\n	border-radius: 3px;\n	padding: 1px 4px;\n}\n\n.thumbnail-container {\n	display: flex;\n	align-items: center;\n}\n\n.thumbnail-svg {\n	width: 40px;\n	height: 22.5px;\n	flex-shrink: 0;\n	margin-right: 8px;\n}\n\n.param-control {\n	display: flex;\n	align-items: center;\n	justify-content: flex-end;\n	gap: 10px;\n	width: 100%;\n}\n\n.param-control input,\n.param-control select,\n.param-control button {\n	background-color: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	color: var(--text-primary);\n	border-radius: 4px;\n	padding: 4px 6px;\n	padding-bottom: 2px;\n	font-family: var(--font-mono);\n	width: 100%;\n	box-sizing: border-box;\n}\n\n.param-control input:focus {\n	outline: none;\n	border-color: var(--accent-color);\n}\n\n.param-control select {\n	padding-top: 3px;\n	padding-bottom: 1px;\n}\n\n.param-control input[type=\"number\"] {\n	cursor: ns-resize;\n}\n\n.param-control input[type=\"color\"] {\n	padding: 2px;\n}\n\n.param-control button {\n	cursor: pointer;\n	transition: background-color 0.2s;\n}\n\n.param-control button:hover {\n	background-color: var(--profiler-header);\n}\n\n.param-control-vector {\n	display: flex;\n	gap: 5px;\n}\n\n.custom-checkbox {\n	display: inline-flex;\n	align-items: center;\n	cursor: pointer;\n	gap: 8px;\n	will-change: transform;\n}\n\n.custom-checkbox input {\n	display: none;\n}\n\n.custom-checkbox .checkmark {\n	width: 14px;\n	height: 14px;\n	border: 1px solid var(--accent-color);\n	border-radius: 3px;\n	display: inline-flex;\n	justify-content: center;\n	align-items: center;\n	transition: background-color 0.2s, border-color 0.2s;\n}\n\n.custom-checkbox .checkmark::after {\n	content: '';\n	width: 6px;\n	height: 6px;\n	background-color: var(--accent-color);\n	border-radius: 1px;\n	display: block;\n	transform: scale(0);\n	transition: transform 0.2s;\n}\n\n.custom-checkbox input:checked+.checkmark {\n	border-color: var(--accent-color);\n}\n\n.custom-checkbox input:checked+.checkmark::after {\n	transform: scale(1);\n}\n\n.param-control input[type=\"range\"] {\n	-webkit-appearance: none;\n	appearance: none;\n	width: 100%;\n	height: 16px;\n	background: var(--profiler-header);\n	border-radius: 5px;\n	border: 1px solid var(--profiler-border);\n	outline: none;\n	padding: 0px;\n	padding-top: 8px;\n}\n\n.param-control input[type=\"range\"]::-webkit-slider-thumb {\n	-webkit-appearance: none;\n	appearance: none;\n	width: 18px;\n	height: 18px;\n	background: var(--profiler-bg);\n	border: 1px solid var(--accent-color);\n	border-radius: 3px;\n	cursor: pointer;\n	margin-top: -8px;\n}\n\n.param-control input[type=\"range\"]::-moz-range-thumb {\n	width: 18px;\n	height: 18px;\n	background: var(--profiler-bg);\n	border: 2px solid var(--accent-color);\n	border-radius: 3px;\n	cursor: pointer;\n}\n\n.param-control input[type=\"range\"]::-moz-range-track {\n	width: 100%;\n	height: 16px;\n	background: var(--profiler-header);\n	border-radius: 5px;\n	border: 1px solid var(--profiler-border);\n}\n\n/* Override .param-control styles for mini-panel-content */\n.mini-panel-content input,\n.mini-panel-content select,\n.mini-panel-content button {\n	padding: 2px 4px;\n	height: 21px;\n	line-height: 1.4;\n	padding-top: 4px;\n}\n\n.mini-panel-content .param-control input,\n.mini-panel-content .param-control select,\n.mini-panel-content .param-control button {\n	background-color: #1e1e24c2;\n	line-height: 1.0;\n}\n\n.mini-panel-content .param-control select {\n	padding: 2px 2px;\n	padding-top: 3px;\n}\n\n.mini-panel-content .param-control input[type=\"number\"]::-webkit-outer-spin-button,\n.mini-panel-content .param-control input[type=\"number\"]::-webkit-inner-spin-button {\n	-webkit-appearance: none;\n	margin: 0;\n}\n\n.mini-panel-content .param-control input[type=\"number\"] {\n	-moz-appearance: textfield;\n}\n\n.mini-panel-content .list-item-cell span {\n	position: relative;\n	top: 1px;\n	margin-left: 2px;\n}\n\n.mini-panel-content .custom-checkbox .checkmark {\n	width: 12px;\n	height: 12px;\n	margin-bottom: 2px;\n	will-change: transform;\n}\n\n.mini-panel-content .list-container.parameters .list-item-row:not(.collapsible) {\n	margin-bottom: 2px;\n}\n\n@media screen and (max-width: 450px) and (orientation: portrait) {\n\n	.console-filter-input {\n		max-width: 100px;\n	}\n\n}\n\n/* Touch device optimizations */\n@media (hover: none) and (pointer: coarse) {\n\n	.panel-resizer {\n		top: -10px !important;\n		height: 20px !important;\n	}\n\n	#profiler-panel.position-top .panel-resizer {\n		top: auto !important;\n		bottom: -10px !important;\n		height: 20px !important;\n	}\n\n	#profiler-panel.position-left .panel-resizer {\n		right: -10px !important;\n		width: 20px !important;\n		height: 100% !important;\n	}\n\n	#profiler-panel.position-right .panel-resizer {\n		left: -10px !important;\n		width: 20px !important;\n		height: 100% !important;\n	}\n\n	.detached-tab-resizer-top,\n	.detached-tab-resizer-bottom {\n		height: 10px !important;\n	}\n\n	.detached-tab-resizer-left,\n	.detached-tab-resizer-right {\n		width: 10px !important;\n	}\n\n}\n\n.drag-preview-indicator {\n	position: fixed;\n	background-color: rgba(0, 170, 255, 0.2);\n	border: 2px dashed var(--accent-color);\n	z-index: 999;\n	pointer-events: none;\n	transition: all 0.2s ease-out;\n}\n\n/* Detached Tab Windows */\n.detached-tab-panel {\n	position: fixed;\n	width: 500px;\n	height: 400px;\n	background: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	border-radius: 8px;\n	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\n	z-index: 1002;\n	display: flex;\n	flex-direction: column;\n	backdrop-filter: blur(10px);\n	overflow: hidden;\n	opacity: 1;\n	visibility: visible;\n	transition: opacity 0.2s, visibility 0.2s;\n}\n\n#profiler-panel:not(.visible) ~ * .detached-tab-panel,\nbody:has(#profiler-panel:not(.visible)) .detached-tab-panel {\n	opacity: 0;\n	visibility: hidden;\n	pointer-events: none;\n}\n\n.detached-tab-header {\n	background: var(--profiler-header-bg);\n	padding: 0 7px 0 15px;\n	font-family: var(--font-family);\n	font-size: 14px;\n	color: var(--text-primary);\n	font-weight: 600;\n	display: flex;\n	justify-content: space-between;\n	align-items: center;\n	border-bottom: 1px solid var(--profiler-border);\n	cursor: grab;\n	user-select: none;\n	height: 38px;\n	flex-shrink: 0;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n	touch-action: none;\n}\n\n.detached-tab-header:active {\n	cursor: grabbing;\n}\n\n.detached-header-controls {\n	display: flex;\n	gap: 5px;\n}\n\n.detached-reattach-btn {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	font-family: var(--font-family);\n	font-size: 18px;\n	line-height: 1;\n	cursor: pointer;\n	padding: 4px 8px;\n	border-radius: 4px;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n}\n\n.detached-reattach-btn:hover {\n	background: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n.detached-tab-content {\n	flex: 1;\n	overflow: auto;\n	position: relative;\n	background: var(--profiler-bg);\n}\n\n.detached-tab-content::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.detached-tab-content::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.detached-tab-content::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.detached-tab-content::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.detached-tab-content::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.detached-tab-content .profiler-content {\n	display: block !important;\n	height: 100%;\n	visibility: visible !important;\n	opacity: 1 !important;\n	position: relative !important;\n}\n\n.detached-tab-content .profiler-content > * {\n	font-family: var(--font-mono);\n	color: var(--text-primary);\n}\n\n.detached-tab-resizer {\n	position: absolute;\n	bottom: 0;\n	right: 0;\n	width: 20px;\n	height: 20px;\n	cursor: nwse-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer::after {\n	content: '';\n	position: absolute;\n	bottom: 2px;\n	right: 2px;\n	width: 12px;\n	height: 12px;\n	border-right: 2px solid var(--profiler-border);\n	border-bottom: 2px solid var(--profiler-border);\n	border-bottom-right-radius: 6px;\n	opacity: 0.5;\n}\n\n.detached-tab-resizer:hover::after {\n	opacity: 1;\n	border-color: var(--accent-color);\n}\n\n/* Edge resizers */\n.detached-tab-resizer-top {\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-right {\n	position: absolute;\n	top: 0;\n	right: 0;\n	bottom: 0;\n	width: 5px;\n	cursor: ew-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-bottom {\n	position: absolute;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-left {\n	position: absolute;\n	top: 0;\n	left: 0;\n	bottom: 0;\n	width: 5px;\n	cursor: ew-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n/* Input number spin buttons - hide arrows */\n/* Chrome, Safari, Edge, Opera */\n#profiler-panel input[type=\"number\"]::-webkit-outer-spin-button,\n#profiler-panel input[type=\"number\"]::-webkit-inner-spin-button,\n.detached-tab-content input[type=\"number\"]::-webkit-outer-spin-button,\n.detached-tab-content input[type=\"number\"]::-webkit-inner-spin-button {\n	-webkit-appearance: none;\n	margin: 0;\n}\n\n/* Firefox */\n#profiler-panel input[type=\"number\"],\n.detached-tab-content input[type=\"number\"] {\n	-moz-appearance: textfield;\n}\n\n.panel-action-btn {\n	background: transparent;\n	color: var(--text-primary);\n	border: 1px solid var(--profiler-border);\n	border-radius: 4px;\n	padding: 6px 12px;\n	cursor: pointer;\n	font-family: var(--font-family);\n	font-size: 12px;\n	transition: background-color 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n}\n\n.panel-action-btn:hover {\n	background-color: rgba(255, 255, 255, 0.05);\n}\n", document.head.appendChild(e);
 	}
-}, Kt = class extends E {
+}, Kt = class extends D {
 	constructor(e) {
 		super(), this.inspector = e, this.tabs = {}, this.activeTabId = null, this.isResizing = !1, this.lastHeightBottom = 350, this.lastWidthRight = 450, this.position = "bottom", this.detachedWindows = [], this.maxZIndex = 1002, this.nextTabOriginalIndex = 0, Gt.init(), this.setupShell(), this.setupResizing(), this.setupWindowResizeListener(), this.setupOrientationListener();
 	}
@@ -659,7 +659,7 @@ var W = /* @__PURE__ */ new xe(), Pt = /* @__PURE__ */ new k(), Ft = /* @__PURE_
 			this.updatePanelSize();
 		}
 	}
-}, qt = class extends E {
+}, qt = class extends D {
 	constructor(e, t = {}) {
 		super(), this.id = e.toLowerCase(), this.button = document.createElement("button"), this.button.className = "tab-btn", this.button.textContent = e, this.content = document.createElement("div"), this.content.id = `${this.id}-content`, this.content.className = "profiler-content", this._isActive = !1, this.isVisible = !0, this.isDetached = !1, this.detachedWindow = null, this.allowDetach = t.allowDetach === void 0 ? !0 : t.allowDetach, this.builtin = t.builtin === void 0 ? !1 : t.builtin, this.icon = t.icon || null, this.builtinButton = null, this.miniContent = null, this.profiler = null, this.onVisibilityChange = null;
 	}
@@ -984,7 +984,7 @@ var Qt = class extends qt {
 		let r = this.filters[e], i = t.toLowerCase().includes(this.filterText);
 		n.classList.toggle("hidden", !(r && i)), this.logContainer.appendChild(n), this.logContainer.scrollTop = this.logContainer.scrollHeight, this.logContainer.children.length > 200 && this.logContainer.removeChild(this.logContainer.firstChild);
 	}
-}, X = class extends E {
+}, X = class extends D {
 	constructor() {
 		super(), this.domElement = document.createElement("div"), this.domElement.className = "param-control", this._onChangeFunction = null, this.addEventListener("change", (e) => {
 			requestAnimationFrame(() => {
@@ -1264,15 +1264,15 @@ var Qt = class extends qt {
 		let t = new ln(this, e);
 		return this.paramList.add(t.paramList), this.groups.push(t), t;
 	}
-}, dn = "../extensions/extensions.json", fn = _e.prototype.init;
+}, dn = "../extensions/extensions.json", fn = xe.prototype.init;
 function pn(e) {
-	e ? _e.prototype.init = async function() {
+	e ? xe.prototype.init = async function() {
 		if (this.backend.isWebGLBackend !== !0) {
 			let e = this.backend.parameters;
 			this.backend = new be(e);
 		}
 		return fn.call(this);
-	} : _e.prototype.init = fn;
+	} : xe.prototype.init = fn;
 }
 var Z = null;
 function mn() {
@@ -1282,7 +1282,7 @@ function mn() {
 		forceWebGL: e.forceWebGL === void 0 ? !1 : e.forceWebGL,
 		captureStackTrace: e.captureStackTrace === void 0 ? !1 : e.captureStackTrace,
 		activeExtensions: e.activeExtensions === void 0 ? {} : e.activeExtensions
-	}, Z.forceWebGL && pn(!0), Z.captureStackTrace && (ye.captureStackTrace = !0), Z;
+	}, Z.forceWebGL && pn(!0), Z.captureStackTrace && (me.captureStackTrace = !0), Z;
 }
 function hn() {
 	wn("settings", {
@@ -1299,7 +1299,7 @@ var gn = class extends un {
 		t.add(e, "forceWebGL").name("Force WebGL").onChange((e) => {
 			pn(e), hn(), location.reload();
 		}), t.add(e, "captureStackTrace").name("Capture Stack Trace").onChange((e) => {
-			ye.captureStackTrace = e, hn(), location.reload();
+			me.captureStackTrace = e, hn(), location.reload();
 		});
 	}
 	init() {
@@ -1340,14 +1340,14 @@ var gn = class extends un {
 		let e = new URL(dn, import.meta.url);
 		return await fetch(e).then((e) => e.json());
 	}
-}, _n = /* @__PURE__ */ V(([e, t]) => {
-	let n = I(0);
-	Ct(() => {
+}, _n = /* @__PURE__ */ z(([e, t]) => {
+	let n = V(0);
+	Et(() => {
 		let { width: e, height: r } = t.value;
 		n.value = e / r;
 	});
-	let r = e.sub(.5), i = L(r.x.div(n), r.y).add(.5);
-	return U(i, rt(0, i.x).mul(rt(i.x, 1)).mul(rt(0, i.y)).mul(rt(i.y, 1)));
+	let r = e.sub(.5), i = R(r.x.div(n), r.y).add(.5);
+	return N(i, pt(0, i.x).mul(pt(i.x, 1)).mul(pt(0, i.y)).mul(pt(i.y, 1)));
 }), vn = class extends qt {
 	constructor(e = {}) {
 		super("Viewer", e);
@@ -1373,16 +1373,16 @@ var gn = class extends un {
 	getCanvasDataByNode(e, t) {
 		let n = this.canvasNodes.get(t);
 		if (n === void 0) {
-			let r = new Ce(document.createElement("canvas"));
+			let r = new Se(document.createElement("canvas"));
 			r.setPixelRatio(window.devicePixelRatio), r.setSize(140, 140);
-			let i = t.id, { path: a, name: o } = Xt(Zt(t.getName() || "(unnamed)")), s = F(U(t.context({ getUV: (e) => {
-				let t = _n(Qe, e), n = t.xy, r = t.z;
+			let i = t.id, { path: a, name: o } = Xt(Zt(t.getName() || "(unnamed)")), s = L(N(t.context({ getUV: (e) => {
+				let t = _n(gt, e), n = t.xy, r = t.z;
 				return n.mul(r);
 			} })), 1);
-			s = ht(s, 0, e.outputColorSpace), s = s.context({ inspector: !0 });
-			let c = new j();
+			s = tt(s, 0, e.outputColorSpace), s = s.context({ inspector: !0 });
+			let c = new M();
 			c.outputNode = s;
-			let l = new xe(c);
+			let l = new ye(c);
 			l.name = "Viewer - " + o, n = {
 				id: i,
 				name: o,
@@ -1418,8 +1418,8 @@ var gn = class extends un {
 				a[o] === void 0 && (a[o] = 0), (e.parent === null || n.parent !== e || e.children.indexOf(n) !== a[o]) && e.add(n), a[o]++;
 			} else n.parent || this.nodes.add(n);
 			this.currentDataList = r;
-			let s = M.resetRendererState(t);
-			t.toneMapping = 0, t.outputColorSpace = u, t.setCanvasTarget(e.canvasTarget), e.quad.render(t), t.setCanvasTarget(i), M.restoreRendererState(t, s);
+			let s = j.resetRendererState(t);
+			t.toneMapping = 0, t.outputColorSpace = u, t.setCanvasTarget(e.canvasTarget), e.quad.render(t), t.setCanvasTarget(i), j.restoreRendererState(t, s);
 		}
 	}
 }, yn = 500, bn = 60, xn = class extends qt {
@@ -1598,48 +1598,48 @@ var gn = class extends un {
 		r.href = n, r.download = "threejs-timeline.json", r.click(), URL.revokeObjectURL(n);
 	}
 	getRenderTargetDetails(t) {
-		let r = t.textures, a = [], l = (e) => {
+		let r = t.textures, i = [], l = (e) => {
 			switch (e.type) {
 				case v:
-				case ne: return "8";
+				case ee: return "8";
 				case s:
-				case h:
+				case oe:
 				case S:
-				case ae:
-				case se: return "16";
-				case d:
-				case m:
+				case se:
+				case g: return "16";
+				case f:
+				case ie:
 				case _:
-				case b:
 				case y:
-				case ee: return "32";
+				case h:
+				case b: return "32";
 				default: return "?";
 			}
 		}, u = (t) => {
 			switch (t.format) {
-				case ie: return "a";
+				case re: return "a";
 				case T:
 				case e: return "r";
 				case n:
-				case oe: return "rg";
+				case ae: return "rg";
 				case te:
 				case x: return "rgb";
-				case re: return "depth";
+				case ne: return "depth";
 				case o: return "depth-stencil";
-				case i:
+				case a:
 				case c:
 				default: return "rgba";
 			}
 		};
 		for (let e = 0; e < r.length; e++) {
-			let t = r[e], n = l(t), i = u(t), o = `[${e}]`;
-			t.name && !(t.isDepthTexture && t.name === "depth") && (o += ` ${t.name}`), o += ` ${i} ${n} bpc`, a.push(o);
+			let t = r[e], n = l(t), a = u(t), o = `[${e}]`;
+			t.name && !(t.isDepthTexture && t.name === "depth") && (o += ` ${t.name}`), o += ` ${a} ${n} bpc`, i.push(o);
 		}
-		let f = {
+		let d = {
 			target: t.name || "RenderTarget",
-			[`attachments(${r.length})`]: a.join(", ")
+			[`attachments(${r.length})`]: i.join(", ")
 		};
-		return t.depthTexture && (f.depth = `${l(t.depthTexture)} bpc`), f;
+		return t.depthTexture && (d.depth = `${l(t.depthTexture)} bpc`), d;
 	}
 	getCallDetail(e, t) {
 		switch (e) {
@@ -2006,7 +2006,7 @@ var gn = class extends un {
 		e.backend.isWebGPUBackend ? t += "WebGPU" : e.backend.isWebGLBackend && (t += "WebGL2"), t += "\" ]", this.console.addMessage("info", t), e.inspector.domElement.parentElement === null && e.domElement.parentElement !== null && e.domElement.parentElement.appendChild(e.inspector.domElement);
 	}
 	setRenderer(e) {
-		return super.setRenderer(e), e !== null && (a(this.resolveConsole.bind(this)), this.isAvailable && (e.init().then(() => {
+		return super.setRenderer(e), e !== null && (p(this.resolveConsole.bind(this)), this.isAvailable && (e.init().then(() => {
 			e.backend.trackTimestamp = !0, e.hasFeature("timestamp-query") !== !0 && this.console.addMessage("error", "THREE.Inspector: GPU Timestamp Queries not available.");
 		}), this.timeline.setRenderer(e))), this;
 	}
@@ -2075,7 +2075,7 @@ function wn(e, t) {
 }
 //#endregion
 //#region ../../node_modules/three/examples/jsm/tsl/display/SSGINode.js
-var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
+var Tn = /* @__PURE__ */ new ye(), En = /* @__PURE__ */ new d(), Dn = [
 	60,
 	300,
 	180,
@@ -2092,7 +2092,7 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 		return "SSGINode";
 	}
 	constructor(e, t, n, r) {
-		super("vec4"), this.beautyNode = e, this.depthNode = t, this.normalNode = n, this.updateBeforeType = gt.FRAME, this.sliceCount = I(1, "uint"), this.stepCount = I(12, "uint"), this.aoIntensity = I(1, "float"), this.giIntensity = I(10, "float"), this.radius = I(12, "float"), this.useScreenSpaceSampling = I(!0, "bool"), this.expFactor = I(2, "float"), this.thickness = I(1, "float"), this.useLinearThickness = I(!1, "bool"), this.backfaceLighting = I(0, "float"), this.useTemporalFiltering = !0, this._resolution = I(new k()), this._halfProjScale = I(1), this._temporalDirection = I(0), this._temporalOffset = I(0), this._cameraProjectionMatrix = I(r.projectionMatrix), this._cameraProjectionMatrixInverse = I(r.projectionMatrixInverse), this._cameraNear = it("near", "float", r), this._cameraFar = it("far", "float", r), this._camera = r, this._ssgiRenderTarget = new w(1, 1, { depthBuffer: !1 }), this._ssgiRenderTarget.texture.name = "SSGI", this._material = new j(), this._material.name = "SSGI", this._textureNode = bt(this, this._ssgiRenderTarget.texture);
+		super("vec4"), this.beautyNode = e, this.depthNode = t, this.normalNode = n, this.updateBeforeType = bt.FRAME, this.sliceCount = V(1, "uint"), this.stepCount = V(12, "uint"), this.aoIntensity = V(1, "float"), this.giIntensity = V(10, "float"), this.radius = V(12, "float"), this.useScreenSpaceSampling = V(!0, "bool"), this.expFactor = V(2, "float"), this.thickness = V(1, "float"), this.useLinearThickness = V(!1, "bool"), this.backfaceLighting = V(0, "float"), this.useTemporalFiltering = !0, this._resolution = V(new d()), this._halfProjScale = V(1), this._temporalDirection = V(0), this._temporalOffset = V(0), this._cameraProjectionMatrix = V(r.projectionMatrix), this._cameraProjectionMatrixInverse = V(r.projectionMatrixInverse), this._cameraNear = Tt("near", "float", r), this._cameraFar = Tt("far", "float", r), this._camera = r, this._ssgiRenderTarget = new w(1, 1, { depthBuffer: !1 }), this._ssgiRenderTarget.texture.name = "SSGI", this._material = new M(), this._material.name = "SSGI", this._textureNode = Ye(this, this._ssgiRenderTarget.texture);
 	}
 	getTextureNode() {
 		return this._textureNode;
@@ -2102,28 +2102,28 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 	}
 	updateBefore(e) {
 		let { renderer: t } = e;
-		kn = M.resetRendererState(t, kn);
+		kn = j.resetRendererState(t, kn);
 		let n = t.getDrawingBufferSize(En);
 		if (this.setSize(n.width, n.height), this.useTemporalFiltering === !0) {
 			let t = e.frameId;
 			this._temporalDirection.value = Dn[t % 6] / 360, this._temporalOffset.value = On[t % 4];
 		} else this._temporalDirection.value = 1, this._temporalOffset.value = 1;
-		Tn.material = this._material, Tn.name = "SSGI", t.setClearColor(0, 1), t.setRenderTarget(this._ssgiRenderTarget), Tn.render(t), M.restoreRendererState(t, kn);
+		Tn.material = this._material, Tn.name = "SSGI", t.setClearColor(0, 1), t.setRenderTarget(this._ssgiRenderTarget), Tn.render(t), j.restoreRendererState(t, kn);
 	}
 	setup(e) {
-		let t = Mt(), n = R(32), r = R(0), i = (t) => {
+		let t = ke(), n = P(32), r = P(0), i = (t) => {
 			let n = this.depthNode.sample(t).r;
-			return e.renderer.logarithmicDepthBuffer === !0 ? Ue(ze(n, this._cameraNear, this._cameraFar), this._cameraNear, this._cameraFar) : n;
-		}, a = (e) => this.normalNode === null ? ft(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), o = (e) => this.beautyNode.sample(e), s = V(([e]) => N(.25).mul(yt(e.y, e.x).bitAnd(3))).setLayout({
+			return e.renderer.logarithmicDepthBuffer === !0 ? He(Ae(n, this._cameraNear, this._cameraFar), this._cameraNear, this._cameraFar) : n;
+		}, a = (e) => this.normalNode === null ? mt(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), o = (e) => this.beautyNode.sample(e), s = z(([e]) => F(.25).mul(jt(e.y, e.x).bitAnd(3))).setLayout({
 			name: "spatialOffsets",
 			type: "float",
 			inputs: [{
 				name: "position",
 				type: "vec2"
 			}]
-		}), c = V(([e]) => {
-			let t = pt(e).mul(N(-.156583)).add(xt);
-			return t.mulAssign(Dt(pt(e).oneMinus())), L(e.x.greaterThanEqual(0).select(t.x, et.sub(t.x)), e.y.greaterThanEqual(0).select(t.y, et.sub(t.y)));
+		}), c = z(([e]) => {
+			let t = ht(e).mul(F(-.156583)).add(wt);
+			return t.mulAssign(vt(ht(e).oneMinus())), R(e.x.greaterThanEqual(0).select(t.x, it.sub(t.x)), e.y.greaterThanEqual(0).select(t.y, it.sub(t.y)));
 		}).setLayout({
 			name: "GTAOFastAcos",
 			type: "vec2",
@@ -2131,67 +2131,67 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 				name: "value",
 				type: "vec2"
 			}]
-		}), l = V(([e, t, s, l, u, d, f, p, m]) => {
-			let h = this.stepCount.toConst(), g = this.expFactor.toConst(), _ = this.thickness.toConst(), v = this.backfaceLighting.toConst(), y = N(0);
-			z(this.useScreenSpaceSampling.equal(!0), () => {
-				y.assign(t.mul(this._resolution.x.div(2)).div(N(16)));
+		}), l = z(([e, t, s, l, u, d, f, p, m]) => {
+			let h = this.stepCount.toConst(), g = this.expFactor.toConst(), _ = this.thickness.toConst(), v = this.backfaceLighting.toConst(), y = F(0);
+			I(this.useScreenSpaceSampling.equal(!0), () => {
+				y.assign(t.mul(this._resolution.x.div(2)).div(F(16)));
 			}).Else(() => {
-				y.assign(P(t.mul(this._halfProjScale).div(s.z.negate()), N(h)));
-			}), y.divAssign(N(h).add(1));
-			let b = P(1, N(h.sub(1))).mul(y), x = e.equal(!0).select(L(1, -1), L(-1, 1)), S = e.equal(!0).select(1, -1), C = U(0);
-			return Ze({
-				start: R(0),
+				y.assign(U(t.mul(this._halfProjScale).div(s.z.negate()), F(h)));
+			}), y.divAssign(F(h).add(1));
+			let b = U(1, F(h.sub(1))).mul(y), x = e.equal(!0).select(R(1, -1), R(-1, 1)), S = e.equal(!0).select(1, -1), C = N(0);
+			return et({
+				start: P(0),
 				end: h,
 				type: "uint",
 				condition: "<"
 			}, ({ i: t }) => {
-				let h = Ye(pt(Ee(y, N(t).add(u)).div(b)), g).mul(b).toConst(), w = l.mul(P(h, N(t).add(1))).toConst(), T = d.add(w.mul(x)).toConst();
-				z(T.x.lessThanEqual(0).or(T.y.lessThanEqual(0)).or(T.x.greaterThanEqual(1)).or(T.y.greaterThanEqual(1)), () => {
-					Tt();
+				let h = ct(ht(Ke(y, F(t).add(u)).div(b)), g).mul(b).toConst(), w = l.mul(U(h, F(t).add(1))).toConst(), T = d.add(w.mul(x)).toConst();
+				I(T.x.lessThanEqual(0).or(T.y.lessThanEqual(0)).or(T.x.greaterThanEqual(1)).or(T.y.greaterThanEqual(1)), () => {
+					Dt();
 				});
-				let ee = Te(T, i(T), this._cameraProjectionMatrixInverse).toConst(), te = ee.sub(s).normalize().toConst(), ne = this.useLinearThickness.equal(!0).select(ee.z.negate().div(this._cameraFar).clamp().mul(100), N(1)), re = We(ee.sub(ne.mul(f).mul(_)).sub(s)), E = L(H(te, f), H(re, f));
-				E = c(mt(E, -1, 1)), E = mt(De(Ee(S, E.negate()).sub(m.sub(xt)), et)), E = e.equal(!0).select(E.yx, E.xy);
-				let D = E.x.toConst(), ie = E.y.toConst(), ae = R(E.mul(N(n))).toConst(), O = R(vt(ie.sub(D).mul(N(n)))).toConst(), oe = O.greaterThan(R(0)).select(R(_t(R(4294967295), R(32).sub(n).add(n.sub(O)))), R(0)).toConst().shiftLeft(ae);
-				oe = oe.bitAnd(r.bitNot()), r.assign(r.bitOr(oe));
-				let k = jt(oe);
-				z(k.greaterThan(0), () => {
+				let E = Te(T, i(T), this._cameraProjectionMatrixInverse).toConst(), ee = E.sub(s).normalize().toConst(), te = this.useLinearThickness.equal(!0).select(E.z.negate().div(this._cameraFar).clamp().mul(100), F(1)), ne = Fe(E.sub(te.mul(f).mul(_)).sub(s)), D = R(B(ee, f), B(ne, f));
+				D = c(_t(D, -1, 1)), D = _t(De(Ke(S, D.negate()).sub(m.sub(wt)), it)), D = e.equal(!0).select(D.yx, D.xy);
+				let O = D.x.toConst(), re = D.y.toConst(), ie = P(D.mul(F(n))).toConst(), k = P(St(re.sub(O).mul(F(n)))).toConst(), ae = k.greaterThan(P(0)).select(P(kt(P(4294967295), P(32).sub(n).add(n.sub(k)))), P(0)).toConst().shiftLeft(ie);
+				ae = ae.bitAnd(r.bitNot()), r.assign(r.bitOr(ae));
+				let oe = Nt(ae);
+				I(oe.greaterThan(0), () => {
 					let e = o(T);
-					z(Ae(e).greaterThan(.001), () => {
-						let t = We(te), r = mt(H(p, t));
-						z(r.greaterThan(.001), () => {
-							let i = a(T), o = H(i, t.negate()), s = wt(o).lessThan(0).select(pt(o).mul(v), pt(o));
-							o = v.greaterThan(0).and(H(i, f).greaterThan(0)).select(s, mt(o)), C.rgb.addAssign(N(k).div(N(n)).mul(e).mul(r).mul(o));
+					I(Ne(e).greaterThan(.001), () => {
+						let t = Fe(ee), r = _t(B(p, t));
+						I(r.greaterThan(.001), () => {
+							let i = a(T), o = B(i, t.negate()), s = st(o).lessThan(0).select(ht(o).mul(v), ht(o));
+							o = v.greaterThan(0).and(B(i, f).greaterThan(0)).select(s, _t(o)), C.rgb.addAssign(F(oe).div(F(n)).mul(e).mul(r).mul(o));
 						});
 					});
 				});
-			}), U(C);
-		}), u = V(() => {
+			}), N(C);
+		}), u = z(() => {
 			let e = i(t).toVar();
 			e.greaterThanEqual(1).discard();
-			let o = Te(t, e, this._cameraProjectionMatrixInverse).toVar(), c = a(t).toVar(), u = We(o.xyz.negate()).toVar(), d = s(ut), f = Ie(ut), p = this._temporalDirection.mul(.02), m = Re(d.add(this._temporalOffset)).add(we(t.add(p).mul(2).sub(1))), h = N(0), g = U(0), _ = this.sliceCount.toConst(), v = this.aoIntensity.toConst(), y = this.giIntensity.toConst(), b = this.radius.toConst();
-			Ze({
-				start: R(0),
+			let o = Te(t, e, this._cameraProjectionMatrixInverse).toVar(), c = a(t).toVar(), u = Fe(o.xyz.negate()).toVar(), d = s(at), f = Re(at), p = this._temporalDirection.mul(.02), m = Be(d.add(this._temporalOffset)).add(yt(t.add(p).mul(2).sub(1))), h = F(0), g = N(0), _ = this.sliceCount.toConst(), v = this.aoIntensity.toConst(), y = this.giIntensity.toConst(), b = this.radius.toConst();
+			et({
+				start: P(0),
 				end: _,
 				type: "uint",
 				condition: "<"
 			}, ({ i: e }) => {
-				let i = Ee(N(e).add(f).add(this._temporalDirection), et.div(N(_))).toConst(), a = U(L(Ot(i), tt(i)), 0).toConst(), s = a.xy.mul(N(1).div(this._resolution)).toConst(), d = We($e(a, u)).toConst(), p = $e(u, d).toConst(), v = c.sub(d.mul(H(c, d))).toConst(), y = mt(H(We(v).toConst(), u), -1, 1).toConst(), x = wt(H(v, p)).negate().mul(Et(y)).toConst();
-				r.assign(0), g.addAssign(l(at(!0), b, o, s, m, t, u, c, x)), g.addAssign(l(at(!1), b, o, s, m, t, u, c, x)), h.addAssign(N(jt(r)).div(N(n)));
-			}), h.divAssign(N(_)), h.assign(Ye(h.clamp().oneMinus(), v).clamp()), g.divAssign(N(_)), g.mulAssign(y);
-			let x = N(7).toConst(), S = Ae(g), C = S.greaterThan(x).select(x.div(S), N(1));
-			return g.mulAssign(C), F(g, h);
+				let i = Ke(F(e).add(f).add(this._temporalDirection), it.div(F(_))).toConst(), a = N(R(At(i), ut(i)), 0).toConst(), s = a.xy.mul(F(1).div(this._resolution)).toConst(), d = Fe(nt(a, u)).toConst(), p = nt(u, d).toConst(), v = c.sub(d.mul(B(c, d))).toConst(), y = _t(B(Fe(v).toConst(), u), -1, 1).toConst(), x = st(B(v, p)).negate().mul(Ot(y)).toConst();
+				r.assign(0), g.addAssign(l(lt(!0), b, o, s, m, t, u, c, x)), g.addAssign(l(lt(!1), b, o, s, m, t, u, c, x)), h.addAssign(F(Nt(r)).div(F(n)));
+			}), h.divAssign(F(_)), h.assign(ct(h.clamp().oneMinus(), v).clamp()), g.divAssign(F(_)), g.mulAssign(y);
+			let x = F(7).toConst(), S = Ne(g), C = S.greaterThan(x).select(x.div(S), F(1));
+			return g.mulAssign(C), L(g, h);
 		});
 		return this._material.fragmentNode = u().context(e.getSharedContext()), this._material.needsUpdate = !0, this._textureNode;
 	}
 	dispose() {
 		this._ssgiRenderTarget.dispose(), this._material.dispose();
 	}
-}, jn = (e, t, n, r) => new An(Xe(e), t, n, r), Mn = class e extends zt {
+}, jn = (e, t, n, r) => new An(Qe(e), t, n, r), Mn = class e extends zt {
 	static {
 		this.passId = "SsgiRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.sliceCount = I(t.sliceCount, "uint"), this.stepCount = I(t.stepCount, "uint"), this.radius = I(t.radius), this.expFactor = I(t.expFactor), this.thickness = I(t.thickness), this.backfaceLighting = I(t.backfaceLighting), this.aoIntensity = I(t.aoIntensity), this.giIntensity = I(t.giIntensity), this.useLinearThickness = I(t.useLinearThickness), this.useScreenSpaceSampling = I(t.useScreenSpaceSampling);
+		super(), this.passId = e.passId, this.sliceCount = V(t.sliceCount, "uint"), this.stepCount = V(t.stepCount, "uint"), this.radius = V(t.radius), this.expFactor = V(t.expFactor), this.thickness = V(t.thickness), this.backfaceLighting = V(t.backfaceLighting), this.aoIntensity = V(t.aoIntensity), this.giIntensity = V(t.giIntensity), this.useLinearThickness = V(t.useLinearThickness), this.useScreenSpaceSampling = V(t.useScreenSpaceSampling), this.useTemporalFiltering = t.useTemporalFiltering;
 	}
 	updatePerformanceParameters(e) {
 		this.sliceCount.value = e.sliceCount, this.stepCount.value = e.stepCount;
@@ -2202,30 +2202,30 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 	}
 	assemble(e, t, n, r, i) {
 		if (!(r instanceof l)) return t;
-		e.setMRT(Nt({
-			output: je,
-			diffuseColor: At,
-			normal: Ve(Me),
-			velocity: Oe
+		e.setMRT(Me({
+			output: Pe,
+			diffuseColor: Mt,
+			normal: We(je),
+			velocity: Le
 		}));
-		let a = e.getTextureNode("output"), o = e.getTextureNode("diffuseColor"), s = e.getTextureNode("depth"), c = e.getTextureNode("normal"), u = jn(a, s, St((e) => st(c.sample(e))), r);
-		u.sliceCount = this.sliceCount, u.stepCount = this.stepCount, u.radius = this.radius, u.expFactor = this.expFactor, u.thickness = this.thickness, u.backfaceLighting = this.backfaceLighting, u.aoIntensity = this.aoIntensity, u.giIntensity = this.giIntensity, u.useLinearThickness = this.useLinearThickness, u.useScreenSpaceSampling = this.useScreenSpaceSampling;
-		let d = u.rgb, f = u.a, p = F(nt(a.rgb.mul(f), o.rgb.mul(d)), a.a);
-		return p.name = "Ssgi Composite", i === "ao only" ? F(U(f), 1) : i === "gi only" ? F(d, 1) : i === "direct lighting only" ? a : p;
+		let a = e.getTextureNode("output"), o = e.getTextureNode("diffuseColor"), s = e.getTextureNode("depth"), c = e.getTextureNode("normal"), u = jn(a, s, xt((e) => dt(c.sample(e))), r);
+		u.sliceCount = this.sliceCount, u.stepCount = this.stepCount, u.radius = this.radius, u.expFactor = this.expFactor, u.thickness = this.thickness, u.backfaceLighting = this.backfaceLighting, u.aoIntensity = this.aoIntensity, u.giIntensity = this.giIntensity, u.useLinearThickness = this.useLinearThickness, u.useScreenSpaceSampling = this.useScreenSpaceSampling, u.useTemporalFiltering = this.useTemporalFiltering;
+		let d = u.rgb, f = u.a, p = L(ot(a.rgb.mul(f), o.rgb.mul(d)), a.a);
+		return p.name = "Ssgi Composite", i === "ao only" ? L(N(f), 1) : i === "gi only" ? L(d, 1) : i === "direct lighting only" ? a : p;
 	}
-}, Nn = /* @__PURE__ */ new xe(), Pn = /* @__PURE__ */ new k(), Fn, In = class extends he {
+}, Nn = /* @__PURE__ */ new ye(), Pn = /* @__PURE__ */ new d(), Fn, In = class extends he {
 	static get type() {
 		return "TRAANode";
 	}
 	constructor(e, t, n, r) {
-		super("vec4"), this.isTRAANode = !0, this.updateBeforeType = me.FRAME, this.beautyNode = e, this.depthNode = t, this.velocityNode = n, this.camera = r, this.depthThreshold = 5e-4, this.edgeDepthDiff = .001, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = I(new k()), this._historyRenderTarget = new w(1, 1, {
+		super("vec4"), this.isTRAANode = !0, this.updateBeforeType = ve.FRAME, this.beautyNode = e, this.depthNode = t, this.velocityNode = n, this.camera = r, this.depthThreshold = 5e-4, this.edgeDepthDiff = .001, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = V(new d()), this._historyRenderTarget = new w(1, 1, {
 			depthBuffer: !1,
 			type: S,
-			depthTexture: new p()
+			depthTexture: new m()
 		}), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new w(1, 1, {
 			depthBuffer: !1,
 			type: S
-		}), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new j(), this._resolveMaterial.name = "TRAA.resolve", this._textureNode = bt(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new D(), this._cameraNearFar = I(new k()), this._cameraWorldMatrix = I(new D()), this._cameraWorldMatrixInverse = I(new D()), this._cameraProjectionMatrixInverse = I(new D()), this._previousCameraWorldMatrix = I(new D()), this._previousCameraProjectionMatrixInverse = I(new D()), this._previousDepthNode = B(new p(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
+		}), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new M(), this._resolveMaterial.name = "TRAA.resolve", this._textureNode = Ye(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new O(), this._cameraNearFar = V(new d()), this._cameraWorldMatrix = V(new O()), this._cameraWorldMatrixInverse = V(new O()), this._cameraProjectionMatrixInverse = V(new O()), this._previousCameraWorldMatrix = V(new O()), this._previousCameraProjectionMatrixInverse = V(new O()), this._previousDepthNode = H(new m(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
 	}
 	getTextureNode() {
 		return this._textureNode;
@@ -2252,7 +2252,7 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 		let { renderer: t } = e;
 		this._previousCameraWorldMatrix.value.copy(this._cameraWorldMatrix.value), this._previousCameraProjectionMatrixInverse.value.copy(this._cameraProjectionMatrixInverse.value), this._cameraNearFar.value.set(this.camera.near, this.camera.far), this._cameraWorldMatrix.value.copy(this.camera.matrixWorld), this._cameraWorldMatrixInverse.value.copy(this.camera.matrixWorldInverse), this._cameraProjectionMatrixInverse.value.copy(this.camera.projectionMatrixInverse);
 		let n = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, r = n.texture.width, i = n.texture.height;
-		this._needsPostProcessingSync === !0 && (this.setViewOffset(r, i), this._needsPostProcessingSync = !1), Fn = M.resetRendererState(t, Fn);
+		this._needsPostProcessingSync === !0 && (this.setViewOffset(r, i), this._needsPostProcessingSync = !1), Fn = j.resetRendererState(t, Fn);
 		let a = this._historyRenderTarget.width !== r || this._historyRenderTarget.height !== i;
 		this.setSize(r, i), a === !0 && (t.initRenderTarget(this._historyRenderTarget), t.initRenderTarget(this._resolveRenderTarget), t.copyTextureToTexture(n.texture, this._historyRenderTarget.texture)), t.setRenderTarget(this._resolveRenderTarget), Nn.material = this._resolveMaterial, Nn.name = "TRAA", Nn.render(t), t.setRenderTarget(null), t.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
 		let o = t.getDrawingBufferSize(Pn);
@@ -2260,7 +2260,7 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 			let e = this.depthNode.value;
 			t.copyTextureToTexture(e, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
 		}
-		M.restoreRendererState(t, Fn);
+		j.restoreRendererState(t, Fn);
 	}
 	setup(e) {
 		let t = e.context.renderPipeline;
@@ -2269,21 +2269,21 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 			this.setViewOffset(t.width, t.height);
 		}, t.context.onAfterRenderPipeline = () => {
 			this.clearViewOffset();
-		}), e.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = _), e.context.velocity === void 0 ? this._velocityNode = Oe : this._velocityNode = e.context.velocity;
+		}), e.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = _), e.context.velocity === void 0 ? this._velocityNode = Le : this._velocityNode = e.context.velocity;
 		let n = (e) => {
 			let { x: t, y: n } = this._cameraNearFar;
-			return Ue(ze(e, t, n), t, n);
-		}, r = ot({
+			return He(Ae(e, t, n), t, n);
+		}, r = $e({
 			closestDepth: "float",
 			closestPositionTexel: "vec2",
 			farthestDepth: "float"
-		}), i = V(([t]) => {
-			let i = N(2).toVar(), a = L(0).toVar(), o = N(-1).toVar();
+		}), i = z(([t]) => {
+			let i = F(2).toVar(), a = R(0).toVar(), o = F(-1).toVar();
 			for (let r = -1; r <= 1; ++r) for (let s = -1; s <= 1; ++s) {
-				let c = t.add(L(r, s)).toVar(), l = this.depthNode.load(c).r;
-				e.renderer.reversedDepthBuffer && (l = l.oneMinus()), e.renderer.logarithmicDepthBuffer && (l = n(l)), l = l.toVar(), z(l.lessThan(i), () => {
+				let c = t.add(R(r, s)).toVar(), l = this.depthNode.load(c).r;
+				e.renderer.reversedDepthBuffer && (l = l.oneMinus()), e.renderer.logarithmicDepthBuffer && (l = n(l)), l = l.toVar(), I(l.lessThan(i), () => {
 					i.assign(l), a.assign(c);
-				}), z(l.greaterThan(o), () => {
+				}), I(l.greaterThan(o), () => {
 					o.assign(l);
 				});
 			}
@@ -2291,11 +2291,11 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 		}), a = (t) => {
 			let r = this._previousDepthNode.sample(t).r;
 			e.renderer.logarithmicDepthBuffer && (r = n(r));
-			let i = Te(t, r, this._previousCameraProjectionMatrixInverse), a = this._previousCameraWorldMatrix.mul(F(i, 1)).xyz, o = this._cameraWorldMatrixInverse.mul(F(a, 1)).z;
-			return this.camera.isOrthographicCamera ? kt(o, this._cameraNearFar.x, this._cameraNearFar.y) : Ue(o, this._cameraNearFar.x, this._cameraNearFar.y);
-		}, o = V(([e, t, n, r]) => {
-			let i = r.rgb.add(n.rgb).mul(.5), a = r.rgb.sub(n.rgb).mul(.5).add(1e-7), o = t.sub(F(i, e.a)), s = o.xyz.div(a).abs(), c = P(s.x, s.y, s.z);
-			return c.greaterThan(1).select(F(i, e.a).add(o.div(c)), t);
+			let i = Te(t, r, this._previousCameraProjectionMatrixInverse), a = this._previousCameraWorldMatrix.mul(L(i, 1)).xyz, o = this._cameraWorldMatrixInverse.mul(L(a, 1)).z;
+			return this.camera.isOrthographicCamera ? ze(o, this._cameraNearFar.x, this._cameraNearFar.y) : He(o, this._cameraNearFar.x, this._cameraNearFar.y);
+		}, o = z(([e, t, n, r]) => {
+			let i = r.rgb.add(n.rgb).mul(.5), a = r.rgb.sub(n.rgb).mul(.5).add(1e-7), o = t.sub(L(i, e.a)), s = o.xyz.div(a).abs(), c = U(s.x, s.y, s.z);
+			return c.greaterThan(1).select(L(i, e.a).add(o.div(c)), t);
 		}).setLayout({
 			name: "clipAABB",
 			type: "vec4",
@@ -2317,7 +2317,7 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 					type: "vec4"
 				}
 			]
-		}), s = V(([e, t, n, r]) => {
+		}), s = z(([e, t, n, r]) => {
 			let i = [
 				[-1, -1],
 				[-1, 1],
@@ -2329,13 +2329,13 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 				[-1, 0]
 			], a = t.toVar(), s = t.pow2().toVar();
 			for (let [t, n] of i) {
-				let r = this.beautyNode.offset(Le(t, n)).load(e).max(0);
+				let r = this.beautyNode.offset(Ve(t, n)).load(e).max(0);
 				a.addAssign(r), s.addAssign(r.pow2());
 			}
-			let c = N(i.length + 1), l = a.div(c), u = s.div(c).sub(l.pow2()).max(0).sqrt().mul(r), d = l.sub(u), f = l.add(u);
+			let c = F(i.length + 1), l = a.div(c), u = s.div(c).sub(l.pow2()).max(0).sqrt().mul(r), d = l.sub(u), f = l.add(u);
 			return o(l.clamp(d, f), n, d, f);
-		}), c = V(([e, t]) => {
-			let n = e.mul(t).fract().abs(), r = P(n, n.oneMinus());
+		}), c = z(([e, t]) => {
+			let n = e.mul(t).fract().abs(), r = U(n, n.oneMinus());
 			return r.x.mul(r.y).oneMinus().div(.75);
 		}).setLayout({
 			name: "subpixelCorrection",
@@ -2347,12 +2347,12 @@ var Tn = /* @__PURE__ */ new xe(), En = /* @__PURE__ */ new k(), Dn = [
 				name: "textureSize",
 				type: "ivec2"
 			}]
-		}), l = V(([e, t, n]) => {
-			let r = n.oneMinus(), i = e.mul(N(1).div(P(e.r, e.g, e.b).add(1))), a = t.mul(N(1).div(P(t.r, t.g, t.b).add(1))), o = Ae(i.rgb), s = Ae(a.rgb);
-			return n.mulAssign(N(1).div(o.add(1))), r.mulAssign(N(1).div(s.add(1))), nt(e.mul(n), t.mul(r)).div(P(n.add(r), 1e-5)).toVar();
-		}), u = B(this._historyRenderTarget.texture), d = V(() => {
-			let e = Mt(), t = this.beautyNode.size(), n = e.mul(t), r = i(n), o = r.get("closestDepth"), d = r.get("closestPositionTexel"), f = r.get("farthestDepth"), p = this.velocityNode.load(d).xy.mul(L(.5, -.5)), m = e.sub(p), h = a(m), g = m.greaterThanEqual(0).all().and(m.lessThanEqual(1).all()), _ = f.sub(o).greaterThan(this.edgeDepthDiff), v = o.sub(h).greaterThan(this.depthThreshold), y = g.and(_.or(v.not())), b = this.beautyNode.sample(e), x = u.sample(e.sub(p)), S = e.sub(m).mul(t).length().div(this.maxVelocityLength).saturate(), C = N(.05).toVar();
-			return this.useSubpixelCorrection && C.addAssign(c(p, t).mul(.25)), C.assign(y.select(C.add(S).saturate(), 1)), l(b, s(n, b, x, Be(.5, 1, S.oneMinus().pow2())), C);
+		}), l = z(([e, t, n]) => {
+			let r = n.oneMinus(), i = e.mul(F(1).div(U(e.r, e.g, e.b).add(1))), a = t.mul(F(1).div(U(t.r, t.g, t.b).add(1))), o = Ne(i.rgb), s = Ne(a.rgb);
+			return n.mulAssign(F(1).div(o.add(1))), r.mulAssign(F(1).div(s.add(1))), ot(e.mul(n), t.mul(r)).div(U(n.add(r), 1e-5)).toVar();
+		}), u = H(this._historyRenderTarget.texture), d = z(() => {
+			let e = ke(), t = this.beautyNode.size(), n = e.mul(t), r = i(n), o = r.get("closestDepth"), d = r.get("closestPositionTexel"), f = r.get("farthestDepth"), p = this.velocityNode.load(d).xy.mul(R(.5, -.5)), m = e.sub(p), h = a(m), g = m.greaterThanEqual(0).all().and(m.lessThanEqual(1).all()), _ = f.sub(o).greaterThan(this.edgeDepthDiff), v = o.sub(h).greaterThan(this.depthThreshold), y = g.and(_.or(v.not())), b = this.beautyNode.sample(e), x = u.sample(e.sub(p)), S = e.sub(m).mul(t).length().div(this.maxVelocityLength).saturate(), C = F(.05).toVar();
+			return this.useSubpixelCorrection && C.addAssign(c(p, t).mul(.25)), C.assign(y.select(C.add(S).saturate(), 1)), l(b, s(n, b, x, qe(.5, 1, S.oneMinus().pow2())), C);
 		});
 		return this._resolveMaterial.colorNode = d(), this._textureNode;
 	}
@@ -2365,7 +2365,7 @@ function Ln(e, t) {
 	for (; e > 0;) n /= t, r += e % t * n, e = Math.floor(e / t);
 	return r;
 }
-var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(t + 1, 3)]), zn = (e, t, n, r) => new In(Xe(e), t, n, r), Bn = class e extends zt {
+var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(t + 1, 3)]), zn = (e, t, n, r) => new In(Qe(e), t, n, r), Bn = class e extends zt {
 	constructor(...t) {
 		super(...t), this.passId = e.passId;
 	}
@@ -2511,7 +2511,7 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 		t && this.applyQualityParametersCallback(t, e);
 	}
 	async autoDetectInitialQualityLevel() {
-		let { getGPUTier: e } = await import("./dist-DGov-RNo.mjs"), t = await e({ benchmarksURL: "./benchmarks" });
+		let { getGPUTier: e } = await import("./dist-Blgk0vU0.mjs"), t = await e({ benchmarksURL: "./benchmarks" });
 		if (!t || !t.fps) {
 			console.info("Could not autodetect performance - no benchmark for graphics hardware. Defaulting to HIGHEST"), this.qualityLevel = Un;
 			return;
@@ -2523,18 +2523,18 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 		this.passId = "FogRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.sceneWithFog = void 0, this.fogColor = I(new O(t.color)), this.fogNearBlend = I(t.nearBlend), this.fogFarBlend = I(t.farBlend);
+		super(), this.passId = e.passId, this.sceneWithFog = void 0, this.fogColor = V(new k(t.color)), this.fogNearBlend = V(t.nearBlend), this.fogFarBlend = V(t.farBlend);
 	}
 	assemble(e, t, n, r, i) {
 		if (!(r instanceof l) || i === "no fog") return this.removeSceneFog(), t;
 		let a = e.getTextureNode("depth");
-		if (i === "depth") return this.removeSceneFog(), F(U(a.r), 1);
-		let o = I(r.projectionMatrixInverse), s = I(r.matrixWorld), c = Fe(I(r.far).onRenderUpdate(() => r.far), 50).sub(this.fogFarBlend), u = c.sub(this.fogNearBlend), d = F(Qe.x.mul(2).sub(1), Qe.y.mul(2).sub(1), a.r, 1), f = o.mul(d), p = f.xyz.div(f.w), m = s.mul(F(p, 1)).xyz.xz.length(), h = c.sub(m).div(c.sub(u)).clamp(0, 1);
-		return this.addSceneFog(n, u, c), Be(F(this.fogColor, 1), t, h);
+		if (i === "depth") return this.removeSceneFog(), L(N(a.r), 1);
+		let o = V(r.projectionMatrixInverse), s = V(r.matrixWorld), c = Ee(V(r.far).onRenderUpdate(() => r.far), 50).sub(this.fogFarBlend), u = c.sub(this.fogNearBlend), d = L(gt.x.mul(2).sub(1), gt.y.mul(2).sub(1), a.r, 1), f = o.mul(d), p = f.xyz.div(f.w), m = s.mul(L(p, 1)).xyz.xz.length(), h = c.sub(m).div(c.sub(u)).clamp(0, 1);
+		return this.addSceneFog(n, u, c), qe(L(this.fogColor, 1), t, h);
 	}
 	addSceneFog(e, t, n) {
-		let r = qe.xz.length(), i = n.sub(r).div(n.sub(t)).clamp(0, 1).oneMinus();
-		e.fogNode = ke(this.fogColor, i), this.sceneWithFog = e;
+		let r = we.xz.length(), i = n.sub(r).div(n.sub(t)).clamp(0, 1).oneMinus();
+		e.fogNode = Oe(this.fogColor, i), this.sceneWithFog = e;
 	}
 	removeSceneFog() {
 		this.sceneWithFog &&= (this.sceneWithFog.fogNode = null, void 0);
@@ -2554,11 +2554,12 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 	[A.AGX]: 6,
 	[A.NEUTRAL]: 7
 }, Xn = class extends fe {
-	constructor(e, t, n, r) {
-		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.lastRenderCamera = void 0, this.qualityManager = new qn(this.applyQualityParameters.bind(this)), this.freezeFrames = 0, this.freezeRenderTarget = new w(), this.renderPipeline = new Se(t), this.applyToneMappingConfig(), this.enableDefaultRenderPasses(n, r), this._initData.webGpuConfig.autoDetectQualityLevel ? this.qualityManager.autoDetectInitialQualityLevel().then(() => this.qualityManager.applyCurrentQualityLevel(0)) : this.qualityManager.applyCurrentQualityLevel(0);
+	constructor(e, t, n, r, i = n) {
+		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.lastRenderCamera = void 0, this.qualityManager = new qn(this.applyQualityParameters.bind(this)), this.freezeFrames = 0, this.freezeRenderTarget = new w(), this.renderPipeline = new Ce(t), this.applyToneMappingConfig(), this.enableDefaultRenderPasses(n, r, i), this._initData.webGpuConfig.autoDetectQualityLevel ? this.qualityManager.autoDetectInitialQualityLevel().then(() => this.qualityManager.applyCurrentQualityLevel(0)) : this.qualityManager.applyCurrentQualityLevel(0);
 	}
-	enableDefaultRenderPasses(e, t) {
-		e && this.enableSsgiPass(), t && this.enableOutline(t.outlineVisibleEdgeColor, t.outlineHiddenEdgeColor), e && this.enableTraaPass(), this._initData.webGpuConfig.fog.enabled && this.enableFogPass();
+	enableDefaultRenderPasses(e, t, n) {
+		let r = this._initData.webGpuConfig.fog.enabled, i = this._initData.transparentBackground;
+		e && this.enableSsgiPass(n), t && this.enableOutline(t.outlineVisibleEdgeColor, t.outlineHiddenEdgeColor), n && !i && this.enableTraaPass(), r && !i && this.enableFogPass();
 	}
 	async addGroundShadowLightAndFloor(e) {
 		await this._webGpuGroundShadowReflection.addToScene(e);
@@ -2573,7 +2574,7 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 		super.setCameraType(e), this.passNeedsReassembly = !0;
 	}
 	switchToConfigurator() {
-		super.switchToConfigurator(), this._webGpuGroundShadowReflection.setVisible(!0), this._initData.webGpuConfig.fog.enabled && this.enableFogPass(), this.passNeedsReassembly = !0;
+		super.switchToConfigurator(), this._webGpuGroundShadowReflection.setVisible(!0), this._initData.webGpuConfig.fog.enabled && !this._initData.transparentBackground && this.enableFogPass(), this.passNeedsReassembly = !0;
 	}
 	switchToPlanner(e) {
 		super.switchToPlanner(e), this._webGpuGroundShadowReflection.setVisible(!1), this.disableFogPass(), this.passNeedsReassembly = !0;
@@ -2596,7 +2597,7 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 		(e instanceof r || e instanceof l) && e.updateProjectionMatrix();
 	}
 	assembleRenderPasses(e, t) {
-		let n = Pe(e, t), r = n;
+		let n = Xe(e, t), r = n;
 		for (let i of this.renderPasses.values()) r = i.assemble(n, r, e, t, this.debugMode);
 		return r;
 	}
@@ -2621,7 +2622,7 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 		let e = this.renderPasses.get(Bt.passId);
 		if (e && e instanceof Bt) return e;
 	}
-	enableSsgiPass() {
+	enableSsgiPass(e) {
 		this.renderPasses.get(Mn.passId) || this.addRenderPass(new Mn({
 			sliceCount: 2,
 			stepCount: 12,
@@ -2632,7 +2633,8 @@ var Rn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Ln(t + 1, 2), Ln(
 			aoIntensity: .6,
 			giIntensity: 4,
 			useLinearThickness: !1,
-			useScreenSpaceSampling: !0
+			useScreenSpaceSampling: !0,
+			useTemporalFiltering: e
 		}));
 	}
 	enableTraaPass() {
@@ -2726,4 +2728,4 @@ de([ue, le("design:type", Object)], Xn.prototype, "_domHelper", void 0), de([ue,
 //#endregion
 export { Xn as RoomleWebGPURenderer };
 
-//# sourceMappingURL=roomle-webgpu-renderer-CRGcdahn.mjs.map
+//# sourceMappingURL=roomle-webgpu-renderer-fOYJoKJU.mjs.map