@pascal-app/viewer 1.0.0-beta.5 → 1.0.1

package/dist/capture/trajectory.js

@@ -0,0 +1,77 @@
+import { DeviceMotionSampleSchema, DeviceMotionTrajectorySchema, } from '@pascal-app/core/capture';
+import { Matrix4, Quaternion, Vector3 } from 'three';
+export function parseDeviceTrajectoryPayload(trajectory) {
+    if (!trajectory)
+        return null;
+    const parsed = DeviceMotionTrajectorySchema.safeParse(trajectory);
+    if (!parsed.success)
+        return null;
+    const poses = parsed.data.samples
+        .map(parsePose)
+        .sort((left, right) => left.timestamp - right.timestamp);
+    if (poses.length < 2)
+        return null;
+    const firstTimestamp = poses[0]?.timestamp ?? 0;
+    for (const pose of poses)
+        pose.timestamp -= firstTimestamp;
+    const duration = poses.at(-1)?.timestamp ?? 0;
+    if (!(duration > 0))
+        return null;
+    return { duration, poses };
+}
+export function parseDeviceTrajectoryPackets(payloads) {
+    let coordinateSystem = 'source';
+    let samples = [];
+    for (const payload of payloads) {
+        const trajectory = DeviceMotionTrajectorySchema.safeParse(payload);
+        if (trajectory.success) {
+            coordinateSystem = trajectory.data.coordinateSystem;
+            samples = [...trajectory.data.samples];
+            continue;
+        }
+        const sample = DeviceMotionSampleSchema.safeParse(payload);
+        if (sample.success)
+            samples.push(sample.data);
+    }
+    if (samples.length < 2)
+        return null;
+    return parseDeviceTrajectoryPayload({ coordinateSystem, samples });
+}
+export function sampleDeviceTrajectory(trajectory, elapsed) {
+    const time = positiveModulo(elapsed, trajectory.duration);
+    const poses = trajectory.poses;
+    const first = poses[0];
+    const last = poses.at(-1);
+    if (!(first && last))
+        throw new Error('Device trajectory requires at least two poses.');
+    let upperIndex = poses.findIndex((pose) => pose.timestamp > time);
+    if (upperIndex < 0)
+        upperIndex = poses.length - 1;
+    if (upperIndex === 0)
+        return { alpha: 0, from: first, to: first };
+    const from = poses[upperIndex - 1] ?? first;
+    const to = poses[upperIndex] ?? last;
+    if (from.segment !== to.segment)
+        return { alpha: 0, from, to: from };
+    const interval = to.timestamp - from.timestamp;
+    return {
+        alpha: interval > 0 ? Math.min(1, Math.max(0, (time - from.timestamp) / interval)) : 0,
+        from,
+        to,
+    };
+}
+function parsePose(value) {
+    const matrix = new Matrix4().fromArray(value.transform);
+    const position = new Vector3();
+    const quaternion = new Quaternion();
+    matrix.decompose(position, quaternion, new Vector3());
+    return {
+        position: [position.x, position.y, position.z],
+        quaternion: [quaternion.x, quaternion.y, quaternion.z, quaternion.w],
+        segment: value.segment,
+        timestamp: value.timestamp,
+    };
+}
+function positiveModulo(value, divisor) {
+    return ((value % divisor) + divisor) % divisor;
+}

package/dist/capture/use-json-artifact.d.ts

@@ -0,0 +1,2 @@
+export declare function useJsonArtifactPayload(url: string | null): unknown;
+//# sourceMappingURL=use-json-artifact.d.ts.map

package/dist/capture/use-json-artifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-json-artifact.d.ts","sourceRoot":"","sources":["../../src/capture/use-json-artifact.ts"],"names":[],"mappings":"AAgBA,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAgClE"}

package/dist/capture/use-json-artifact.js

@@ -0,0 +1,42 @@
+import { useEffect, useState } from 'react';
+import { FileLoader } from 'three';
+import { rewriteLoopbackAssetUrl } from './asset-url';
+const requests = new Map();
+function loadJsonArtifact(url) {
+    const cached = requests.get(url);
+    if (cached)
+        return cached;
+    const request = new FileLoader().setResponseType('json').loadAsync(url);
+    requests.set(url, request);
+    // Keep successful downloads across view switches, but let a remount retry failures.
+    void request.catch(() => requests.delete(url));
+    return request;
+}
+export function useJsonArtifactPayload(url) {
+    const resolvedUrl = url ? rewriteLoopbackAssetUrl(url) : null;
+    const [result, setResult] = useState(null);
+    useEffect(() => {
+        if (!resolvedUrl)
+            return;
+        let active = true;
+        void loadJsonArtifact(resolvedUrl).then((payload) => {
+            if (active)
+                setResult({ url: resolvedUrl, payload });
+        }, (cause) => {
+            if (active) {
+                setResult({
+                    url: resolvedUrl,
+                    error: cause instanceof Error ? cause : new Error('Could not load capture data.'),
+                });
+            }
+        });
+        return () => {
+            active = false;
+        };
+    }, [resolvedUrl]);
+    if (!result || result.url !== resolvedUrl)
+        return null;
+    if (result.error)
+        throw result.error;
+    return result.payload ?? null;
+}

package/dist/components/viewer/batched-mesh-spike.d.ts

@@ -0,0 +1,14 @@
+/**
+ * De-risk spike for item instancing (charter backlog #3a): mounts one
+ * BatchedMesh — two geometries, a few hundred instances, one material —
+ * through the real render pipeline (post-FX, shadow pass, WebGPU backend).
+ * `?spike=batch` only; never mounted in normal sessions.
+ *
+ * What it proves, read via the ?perf panel + `window.__batchSpike`:
+ * - DRAW rises by ~1 per pass, not by the instance count.
+ * - TRI drops as instances leave the frustum (perObjectFrustumCulled works).
+ * - Shadows cast/receive; no pipeline crash.
+ */
+export declare const BATCH_SPIKE_ENABLED: boolean;
+export declare const BatchedMeshSpike: () => null;
+//# sourceMappingURL=batched-mesh-spike.d.ts.map

package/dist/components/viewer/batched-mesh-spike.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batched-mesh-spike.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/batched-mesh-spike.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,SAEsC,CAAA;AAStE,eAAO,MAAM,gBAAgB,YAoD5B,CAAA"}

package/dist/components/viewer/batched-mesh-spike.js

@@ -0,0 +1,64 @@
+import { useThree } from '@react-three/fiber';
+import { useEffect } from 'react';
+import * as THREE from 'three';
+/**
+ * De-risk spike for item instancing (charter backlog #3a): mounts one
+ * BatchedMesh — two geometries, a few hundred instances, one material —
+ * through the real render pipeline (post-FX, shadow pass, WebGPU backend).
+ * `?spike=batch` only; never mounted in normal sessions.
+ *
+ * What it proves, read via the ?perf panel + `window.__batchSpike`:
+ * - DRAW rises by ~1 per pass, not by the instance count.
+ * - TRI drops as instances leave the frustum (perObjectFrustumCulled works).
+ * - Shadows cast/receive; no pipeline crash.
+ */
+export const BATCH_SPIKE_ENABLED = typeof window !== 'undefined' &&
+    new URLSearchParams(window.location.search).get('spike') === 'batch';
+// `?spike=batch&spikeGrid=70` → 4,900 instances; default 20×20 = 400.
+const GRID = typeof window !== 'undefined'
+    ? Math.min(120, Number(new URLSearchParams(window.location.search).get('spikeGrid')) || 20)
+    : 20;
+const SPACING = 1.2;
+export const BatchedMeshSpike = () => {
+    const scene = useThree((s) => s.scene);
+    useEffect(() => {
+        const box = new THREE.BoxGeometry(0.4, 0.4, 0.4);
+        const sphere = new THREE.SphereGeometry(0.25, 16, 12);
+        const material = new THREE.MeshStandardMaterial({ color: '#c2410c', roughness: 0.6 });
+        const maxVertices = (box.attributes.position?.count ?? 0) + (sphere.attributes.position?.count ?? 0);
+        const maxIndices = (box.index?.count ?? 0) + (sphere.index?.count ?? 0);
+        const batch = new THREE.BatchedMesh(GRID * GRID, maxVertices, maxIndices, material);
+        batch.castShadow = true;
+        batch.receiveShadow = true;
+        // Default is true — asserted explicitly because per-instance frustum
+        // culling is the property the whole plan depends on.
+        batch.perObjectFrustumCulled = true;
+        const boxGeomId = batch.addGeometry(box);
+        const sphereGeomId = batch.addGeometry(sphere);
+        const m = new THREE.Matrix4();
+        let count = 0;
+        for (let x = 0; x < GRID; x++) {
+            for (let z = 0; z < GRID; z++) {
+                const geomId = (x + z) % 2 === 0 ? boxGeomId : sphereGeomId;
+                const id = batch.addInstance(geomId);
+                m.setPosition((x - GRID / 2) * SPACING, 6 + Math.sin(x * 0.7) * 0.5 + Math.cos(z * 0.5) * 0.5, (z - GRID / 2) * SPACING);
+                batch.setMatrixAt(id, m);
+                count++;
+            }
+        }
+        scene.add(batch);
+        window.__batchSpike = {
+            instances: count,
+            geometries: 2,
+        };
+        return () => {
+            scene.remove(batch);
+            batch.dispose();
+            box.dispose();
+            sphere.dispose();
+            material.dispose();
+            delete window.__batchSpike;
+        };
+    }, [scene]);
+    return null;
+};

package/dist/components/viewer/frame-limiter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frame-limiter.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/frame-limiter.tsx"],"names":[],"mappings":"AAIA,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACjE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,SAAI,GAAG,UAAU,CAwB5D;AAgBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoF7C,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"frame-limiter.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/frame-limiter.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACjE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,SAAI,GAAG,UAAU,CAwB5D;AAgBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoF7C,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/viewer/frame-limiter.js

@@ -1,5 +1,6 @@
 import { useThree } from '@react-three/fiber';
 import { useLayoutEffect, useRef } from 'react';
+import { timeSpan } from '../../lib/perf-tracks';
 import useViewer from '../../store/use-viewer';
 /**
  * Keeps R3F's manual clock monotonic while each limiter effect owns a fresh
@@ -70,13 +71,13 @@ const FrameLimiter = ({ fps = 50, paused = false }) => {
             if (frameTime === null)
                 return;
             nextFrameTimeRef.current = frameTime;
-            advance(frameTime);
+            timeSpan('frame-cpu', () => advance(frameTime));
         }
         function kick() {
             syncSize();
             const frameTime = clock.step(1 / 1000);
             nextFrameTimeRef.current = frameTime;
-            advance(frameTime);
+            timeSpan('frame-cpu', () => advance(frameTime));
         }
         function onVisibilityChange() {
             if (document.visibilityState === 'visible')
@@ -88,7 +89,7 @@ const FrameLimiter = ({ fps = 50, paused = false }) => {
             timer = setInterval(() => {
                 const frameTime = clock.step(interval / 1000);
                 nextFrameTimeRef.current = frameTime;
-                advance(frameTime);
+                timeSpan('frame-cpu', () => advance(frameTime));
             }, interval);
         }
         else {

package/dist/components/viewer/glb-scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glb-scene.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/glb-scene.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAkC,MAAM,kBAAkB,CAAA;AAc/E,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAqB3E,2EAA2E;AAC3E,MAAM,MAAM,QAAQ,GAAG;IAAE,EAAE,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE/D,4EAA4E;AAC5E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEzE,mFAAmF;AACnF,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAE7D;8EAC8E;AAC9E,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAChD,GAAG,IAAI,CAAA;AA8NR;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,mBAAmB,GACpB,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;IACX;oFACgF;IAChF,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACvC;mFAC+E;IAC/E,cAAc,CAAC,EAAE,OAAO,EAAE,CAAA;IAC1B;kFAC8E;IAC9E,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACzC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;CACtD,+BAgzBA"}
+{"version":3,"file":"glb-scene.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/glb-scene.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAkC,MAAM,kBAAkB,CAAA;AAc/E,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAqB3E,2EAA2E;AAC3E,MAAM,MAAM,QAAQ,GAAG;IAAE,EAAE,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE/D,4EAA4E;AAC5E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEzE,mFAAmF;AACnF,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAE7D;8EAC8E;AAC9E,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAChD,GAAG,IAAI,CAAA;AA8NR;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,mBAAmB,GACpB,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;IACX;oFACgF;IAChF,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACvC;mFAC+E;IAC/E,cAAc,CAAC,EAAE,OAAO,EAAE,CAAA;IAC1B;kFAC8E;IAC9E,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACzC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;CACtD,+BAkzBA"}

package/dist/components/viewer/glb-scene.js

@@ -483,7 +483,9 @@ export function GlbScene({ url, interactiveItems, referenceNodes, replaceNodes,
             const targetY = baseY + (exploded ? index * EXPLODED_GAP : 0);
             // Snap (not lerp) in walkthrough so the first-person collider, built from
             // these world positions, matches the stacked building immediately.
-            node.position.y = walkthroughMode ? targetY : lerp(node.position.y, targetY, delta * 12);
+            node.position.y = walkthroughMode
+                ? targetY
+                : lerp(node.position.y, targetY, Math.min(1, delta * 12));
             // Solo: hidden levels above the soloed one keep casting shadows
             // (shadow-caster-only); below-levels can't block the sun, so plain-hide.
             const hidden = !walkthroughMode && levelMode === 'solo' && Boolean(selectedLevel) && id !== selectedLevel;

package/dist/components/viewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAkB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAA;AAS1F,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAKrC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAIrE,OAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAQtE,OAAuB,EAAwB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAW1F,OAAO,QAAQ,oBAAoB,CAAC;IAOlC,UAAU,aAAa;QACrB,qBAAqB,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,qBAAqB,CAAC,CAAA;KACxE;CACF;AAuQD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,aAAa,CAAA;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,WAAW,CAAC,EAAE,WAAW,CAAA;KAC1B,CAAA;IACD;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;IAC5B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,yDAAyD;AACzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;OAKG;IACH,WAAW,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,MAAM,sGAoOV,CAAA;AAkBF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAkB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAA;AAS1F,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAKrC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAKrE,OAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAatE,OAAuB,EAAwB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAY1F,OAAO,QAAQ,oBAAoB,CAAC;IAOlC,UAAU,aAAa;QACrB,qBAAqB,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,qBAAqB,CAAC,CAAA;KACxE;CACF;AA8QD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,aAAa,CAAA;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,WAAW,CAAC,EAAE,WAAW,CAAA;KAC1B,CAAA;IACD;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;IAC5B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,yDAAyD;AACzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;OAKG;IACH,WAAW,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,MAAM,sGA0PV,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/components/viewer/index.js

@@ -1,26 +1,33 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { nodeRegistry, StairOpeningSystem, sceneRegistry, useScene, } from '@pascal-app/core';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { nodeRegistry, RoofElevationSystem, StairOpeningSystem, sceneRegistry, useScene, } from '@pascal-app/core';
 import { Canvas, extend, useFrame, useThree } from '@react-three/fiber';
 import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState, } from 'react';
 import * as THREE from 'three/webgpu';
 import { hasDrawableGeometry } from '../../lib/drawable-geometry';
-import { PERF_OVERLAY_ENABLED, pushGpuSample } from '../../lib/gpu-perf';
+import { PERF_OVERLAY_ENABLED } from '../../lib/gpu-perf';
 import { applyIsolation, clearIsolation } from '../../lib/isolation';
 import { ensureKtx2Support } from '../../lib/ktx2-loader';
+import { choosePointerEvents } from '../../lib/pointer-events';
 import { initializeGpuRenderer } from '../../lib/renderer-capability';
 import { getSceneTheme } from '../../lib/scene-themes';
 import { installTextureNodeNullGuard } from '../../lib/texture-node-guard';
 import useViewer, {} from '../../store/use-viewer';
 import { FloorElevationSystem } from '../../systems/floor-elevation/floor-elevation-system';
 import { GeometrySystem } from '../../systems/geometry/geometry-system';
+import { PerfActionSettleSystem } from '../../systems/perf-action-settle/perf-action-settle-system';
+import { subscribeWallBuildInteractions } from '../../systems/wall/wall-build-lifecycle';
 import { ErrorBoundary } from '../error-boundary';
 import { SceneRenderer } from '../renderers/scene-renderer';
+import { BATCH_SPIKE_ENABLED, BatchedMeshSpike } from './batched-mesh-spike';
 import FrameLimiter from './frame-limiter';
 import { Lights } from './lights';
 import { PerfMonitor } from './perf-monitor';
+import { PerfPanel } from './perf-panel';
+import { PointerRaycastLayers } from './pointer-raycast-layers';
 import PostProcessing, { DEFAULT_HOVER_STYLES } from './post-processing';
 import { RegisteredSystems } from './registered-systems';
+import { useSceneAtmosphere } from './scene-atmosphere';
 import { SceneBvh } from './scene-bvh';
 import { SelectionManager } from './selection-manager';
 import { UnsupportedGpuViewerFallback } from './unsupported-gpu-fallback';
@@ -125,12 +132,20 @@ function GPUDeviceWatcher() {
 }
 function ToneMappingExposure() {
     const sceneTheme = useViewer((state) => state.sceneTheme);
+    const atmosphere = useSceneAtmosphere();
     const gl = useThree((state) => state.gl);
     const invalidate = useThree((state) => state.invalidate);
     useEffect(() => {
+        if (atmosphere)
+            return;
         gl.toneMappingExposure = getSceneTheme(sceneTheme).toneMappingExposure;
         invalidate();
-    }, [gl, invalidate, sceneTheme]);
+    }, [atmosphere, gl, invalidate, sceneTheme]);
+    useFrame(() => {
+        if (!atmosphere)
+            return;
+        gl.toneMappingExposure = atmosphere.exposure;
+    }, -1);
     return null;
 }
 function hasPendingSceneBuildWork() {
@@ -234,6 +249,7 @@ const Viewer = forwardRef(function Viewer({ children, hoverStyles = DEFAULT_HOVE
                 clearIsolation();
         };
     }, [isolate]);
+    const [pointerEvents] = useState(() => choosePointerEvents());
     const [rendererInitFailed, setRendererInitFailed] = useState(false);
     const isDark = useViewer((state) => getSceneTheme(state.sceneTheme).appearance === 'dark');
     const transparentBackground = useViewer((state) => state.transparentBackground);
@@ -300,64 +316,56 @@ const Viewer = forwardRef(function Viewer({ children, hoverStyles = DEFAULT_HOVE
     if (showGpuFallback) {
         return _jsx(UnsupportedGpuViewerFallback, {});
     }
-    return (_jsxs(Canvas, { camera: { position: [50, 50, 50], fov: 50 }, className: `transition-colors duration-700 ${transparentBackground ? 'bg-transparent' : isDark ? 'bg-[#1f2433]' : 'bg-[#fafafa]'}`, dpr: [1, maxDpr], frameloop: "never", gl: ((props) => {
-            const canvas = props.canvas;
-            const cached = canvas ? WEBGPU_RENDERER_CACHE.get(canvas) : undefined;
-            if (cached)
-                return cached;
-            const promise = (async () => {
-                const result = await initializeGpuRenderer({
-                    // Supplying `device` makes three skip its own `requestAdapter`,
-                    // so R3F's `powerPreference` only reaches the GPU if we forward it.
-                    powerPreference: props.powerPreference,
-                    createRenderer: (backendParameters) => {
-                        const renderer = new THREE.WebGPURenderer({
-                            ...props,
-                            ...backendParameters,
-                            alpha: true,
+    return (_jsxs(_Fragment, { children: [(perf || PERF_OVERLAY_ENABLED) && _jsx(PerfPanel, {}), _jsxs(Canvas, { ref: subscribeWallBuildInteractions, camera: { position: [50, 50, 50], fov: 50 }, className: `transition-colors duration-700 ${transparentBackground ? 'bg-transparent' : isDark ? 'bg-[#1f2433]' : 'bg-[#fafafa]'}`, dpr: [1, maxDpr], events: pointerEvents, frameloop: "never", gl: ((props) => {
+                    const canvas = props.canvas;
+                    const cached = canvas ? WEBGPU_RENDERER_CACHE.get(canvas) : undefined;
+                    if (cached)
+                        return cached;
+                    const promise = (async () => {
+                        const result = await initializeGpuRenderer({
+                            // Supplying `device` makes three skip its own `requestAdapter`,
+                            // so R3F's `powerPreference` only reaches the GPU if we forward it.
+                            powerPreference: props.powerPreference,
+                            createRenderer: (backendParameters) => {
+                                const renderer = new THREE.WebGPURenderer({
+                                    ...props,
+                                    ...backendParameters,
+                                    alpha: true,
+                                    // Allocates the backend's timestamp query pool so
+                                    // `resolveTimestampsAsync()` can report real GPU render-pass
+                                    // time (post-processing.tsx). The backend self-disables it
+                                    // when the device lacks 'timestamp-query'.
+                                    trackTimestamp: PERF_OVERLAY_ENABLED,
+                                });
+                                renderer.toneMapping = THREE.ACESFilmicToneMapping;
+                                renderer.toneMappingExposure = getSceneTheme(useViewer.getState().sceneTheme).toneMappingExposure;
+                                return renderer;
+                            },
                         });
-                        renderer.toneMapping = THREE.ACESFilmicToneMapping;
-                        renderer.toneMappingExposure = getSceneTheme(useViewer.getState().sceneTheme).toneMappingExposure;
-                        return renderer;
-                    },
-                });
-                if (result.status === 'ready') {
-                    installEmptyDrawGuard(result.renderer);
-                    return result.renderer;
-                }
-                if (canvas)
-                    WEBGPU_RENDERER_CACHE.delete(canvas);
-                console.error('[viewer] WebGPURenderer init failed', result.error);
-                setRendererInitFailed(true);
-                // Never settles on purpose. Rejecting is what produced
-                // MONOREPO-EDITOR-59: R3F awaits this inside its own configure()
-                // with no catch, so a rejection surfaces as an unhandled rejection.
-                // Resolving is worse still — R3F would call render() on a renderer
-                // that has no context. The state update above unmounts this Canvas,
-                // which is what releases the pending configure().
-                return new Promise(() => undefined);
-            })();
-            if (canvas)
-                WEBGPU_RENDERER_CACHE.set(canvas, promise);
-            return promise;
-        }), resize: {
-            debounce: 100,
-        }, shadows: {
-            type: THREE.PCFShadowMap,
-            enabled: shadowsEnabled,
-        }, children: [_jsx(FrameLimiter, { fps: maxFps, paused: renderPaused }), _jsx(ViewerCamera, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ToneMappingExposure, {}), _jsx(SceneReadyTracker, { onSceneReadyChange: onSceneReadyChange, sceneReadyKey: sceneReadyKey, sceneReadyMaxWaitMs: sceneReadyMaxWaitMs }), _jsxs(ErrorBoundary, { fallback: null, scope: "viewer-scene", children: [_jsx(Lights, {}), useBvh ? (_jsx(SceneBvh, { children: _jsx(SceneRenderer, {}) })) : (_jsx(SceneRenderer, {})), _jsx(FloorElevationSystem, {}), _jsx(GeometrySystem, {}), _jsx(StairOpeningSystem, {}), _jsx(RegisteredSystems, {}), _jsx(PostProcessing, { disablePostFx: disablePostFx, hoverStyles: hoverStyles }), selectionManager === 'default' && _jsx(SelectionManager, {}), (perf || PERF_OVERLAY_ENABLED) && _jsx(PerfMonitor, {}), children] })] }));
+                        if (result.status === 'ready') {
+                            installEmptyDrawGuard(result.renderer);
+                            return result.renderer;
+                        }
+                        if (canvas)
+                            WEBGPU_RENDERER_CACHE.delete(canvas);
+                        console.error('[viewer] WebGPURenderer init failed', result.error);
+                        setRendererInitFailed(true);
+                        // Never settles on purpose. Rejecting is what produced
+                        // MONOREPO-EDITOR-59: R3F awaits this inside its own configure()
+                        // with no catch, so a rejection surfaces as an unhandled rejection.
+                        // Resolving is worse still — R3F would call render() on a renderer
+                        // that has no context. The state update above unmounts this Canvas,
+                        // which is what releases the pending configure().
+                        return new Promise(() => undefined);
+                    })();
+                    if (canvas)
+                        WEBGPU_RENDERER_CACHE.set(canvas, promise);
+                    return promise;
+                }), resize: {
+                    debounce: 100,
+                }, shadows: {
+                    type: THREE.PCFShadowMap,
+                    enabled: shadowsEnabled,
+                }, children: [_jsx(FrameLimiter, { fps: maxFps, paused: renderPaused }), _jsx(ViewerCamera, {}), _jsx(PointerRaycastLayers, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ToneMappingExposure, {}), _jsx(SceneReadyTracker, { onSceneReadyChange: onSceneReadyChange, sceneReadyKey: sceneReadyKey, sceneReadyMaxWaitMs: sceneReadyMaxWaitMs }), _jsxs(ErrorBoundary, { fallback: null, scope: "viewer-scene", children: [_jsx(Lights, {}), useBvh ? (_jsx(SceneBvh, { children: _jsx(SceneRenderer, {}) })) : (_jsx(SceneRenderer, {})), _jsx(FloorElevationSystem, {}), _jsx(GeometrySystem, {}), _jsx(StairOpeningSystem, {}), _jsx(RoofElevationSystem, {}), _jsx(RegisteredSystems, {}), _jsx(PostProcessing, { disablePostFx: disablePostFx, hoverStyles: hoverStyles }), selectionManager === 'default' && _jsx(SelectionManager, {}), (perf || PERF_OVERLAY_ENABLED) && _jsx(PerfMonitor, {}), (perf || PERF_OVERLAY_ENABLED) && _jsx(PerfActionSettleSystem, {}), BATCH_SPIKE_ENABLED && _jsx(BatchedMeshSpike, {}), children] })] })] }));
 });
-const DebugRenderer = () => {
-    useFrame(({ gl, scene, camera }) => {
-        const submittedAt = PERF_OVERLAY_ENABLED ? performance.now() : 0;
-        gl.render(scene, camera);
-        if (PERF_OVERLAY_ENABLED) {
-            const queue = gl.backend?.device?.queue;
-            queue?.onSubmittedWorkDone?.().then(() => {
-                pushGpuSample(performance.now() - submittedAt);
-            });
-        }
-    });
-    return null;
-};
 export default Viewer;

package/dist/components/viewer/lights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lights.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/lights.tsx"],"names":[],"mappings":"AA4EA,wBAAgB,MAAM,gCAgPrB"}
+{"version":3,"file":"lights.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/lights.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,MAAM,gCAqQrB"}