@pascal-app/viewer 0.5.0 → 0.6.0

package/dist/components/renderers/stair-segment/stair-segment-renderer.js

@@ -1,20 +1,49 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRegistry, useScene } from '@pascal-app/core';
-import { useLayoutEffect, useMemo, useRef } from 'react';
+import { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import * as THREE from 'three';
 import { useNodeEvents } from '../../../hooks/use-node-events';
-import { createMaterial, DEFAULT_STAIR_MATERIAL } from '../../../lib/materials';
+import { getStraightStairSegmentBodyMaterials } from '../../../systems/stair/stair-materials';
 export const StairSegmentRenderer = ({ node }) => {
     const ref = useRef(null);
+    const nodes = useScene((state) => state.nodes);
     useRegistry(node.id, 'stair-segment', ref);
     useLayoutEffect(() => {
         useScene.getState().markDirty(node.id);
     }, [node.id]);
     const handlers = useNodeEvents(node, 'stair-segment');
+    const parentNode = node.parentId ? nodes[node.parentId] : undefined;
     const material = useMemo(() => {
-        const mat = node.material;
-        if (!mat)
-            return DEFAULT_STAIR_MATERIAL;
-        return createMaterial(mat);
-    }, [node.material, node.material?.preset, node.material?.properties, node.material?.texture]);
-    return (_jsx("mesh", { material: material, position: node.position, ref: ref, "rotation-y": node.rotation, visible: node.visible, ...handlers, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }));
+        return getStraightStairSegmentBodyMaterials(node, parentNode);
+    }, [
+        node.materialPreset,
+        node.material,
+        node.material?.preset,
+        node.material?.properties,
+        node.material?.texture,
+        parentNode?.materialPreset,
+        parentNode?.material,
+        parentNode?.material?.preset,
+        parentNode?.material?.properties,
+        parentNode?.material?.texture,
+        parentNode?.railingMaterialPreset,
+        parentNode?.railingMaterial,
+        parentNode?.sideMaterialPreset,
+        parentNode?.sideMaterial,
+        parentNode?.treadMaterialPreset,
+        parentNode?.treadMaterial,
+    ]);
+    const placeholderGeometry = useMemo(() => {
+        const geometry = new THREE.BufferGeometry();
+        geometry.setAttribute('position', new THREE.Float32BufferAttribute([], 3));
+        geometry.addGroup(0, 0, 0);
+        geometry.addGroup(0, 0, 1);
+        return geometry;
+    }, []);
+    useEffect(() => {
+        return () => {
+            placeholderGeometry.dispose();
+        };
+    }, [placeholderGeometry]);
+    return (_jsx("mesh", { geometry: placeholderGeometry, material: material, position: node.position, ref: ref, "rotation-y": node.rotation, visible: node.visible, ...handlers }));
 };

package/dist/components/renderers/wall/wall-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wall-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/wall/wall-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOvE,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CA6BxD,CAAA"}
+{"version":3,"file":"wall-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/wall/wall-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOvE,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAwBxD,CAAA"}

package/dist/components/renderers/wall/wall-renderer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRegistry, useScene } from '@pascal-app/core';
-import { useLayoutEffect, useMemo, useRef } from 'react';
+import { useLayoutEffect, useRef } from 'react';
 import { useNodeEvents } from '../../../hooks/use-node-events';
-import { createMaterial, DEFAULT_WALL_MATERIAL } from '../../../lib/materials';
+import { getVisibleWallMaterials } from '../../../systems/wall/wall-materials';
 import { NodeRenderer } from '../node-renderer';
 export const WallRenderer = ({ node }) => {
     const ref = useRef(null);
@@ -11,11 +11,6 @@ export const WallRenderer = ({ node }) => {
         useScene.getState().markDirty(node.id);
     }, [node.id]);
     const handlers = useNodeEvents(node, 'wall');
-    const material = useMemo(() => {
-        const mat = node.material;
-        if (!mat)
-            return DEFAULT_WALL_MATERIAL;
-        return createMaterial(mat);
-    }, [node.material, node.material?.preset, node.material?.properties, node.material?.texture]);
-    return (_jsxs("mesh", { castShadow: true, material: material, receiveShadow: true, ref: ref, visible: node.visible, children: [_jsx("boxGeometry", { args: [0, 0, 0] }), _jsx("mesh", { name: "collision-mesh", visible: false, ...handlers, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }), node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
+    const material = getVisibleWallMaterials(node);
+    return (_jsxs("mesh", { castShadow: true, material: material, receiveShadow: true, ref: ref, visible: node.visible, children: [_jsx("boxGeometry", { args: [0, 0, 0] }), _jsx("mesh", { name: "collision-mesh", visible: false, ...handlers, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }), node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, `${node.id}:${childId}`)))] }));
 };

package/dist/components/renderers/window/window-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/window/window-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAM/D,eAAO,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,4CA2B5D,CAAA"}
+{"version":3,"file":"window-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/window/window-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAMzE,eAAO,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,4CA8B5D,CAAA"}

package/dist/components/renderers/window/window-renderer.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useMemo, useRef } from 'react';
+import { useRegistry, useScene } from '@pascal-app/core';
+import { useLayoutEffect, useMemo, useRef } from 'react';
 import { useNodeEvents } from '../../../hooks/use-node-events';
 import { createMaterial, DEFAULT_WINDOW_MATERIAL } from '../../../lib/materials';
 export const WindowRenderer = ({ node }) => {
     const ref = useRef(null);
     useRegistry(node.id, 'window', ref);
+    useLayoutEffect(() => {
+        useScene.getState().markDirty(node.id);
+    }, [node.id]);
     const handlers = useNodeEvents(node, 'window');
     const isTransient = !!node.metadata?.isTransient;
     const material = useMemo(() => {

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

@@ -0,0 +1,6 @@
+type FrameLimiterProps = {
+    fps?: number;
+};
+declare const FrameLimiter: React.FC<FrameLimiterProps>;
+export default FrameLimiter;
+//# sourceMappingURL=frame-limiter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"frame-limiter.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/frame-limiter.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,31 @@
+import { useThree } from '@react-three/fiber';
+import { useLayoutEffect } from 'react';
+const FrameLimiter = ({ fps = 50 }) => {
+    const { advance, set, frameloop: initFrameloop } = useThree();
+    useLayoutEffect(() => {
+        let elapsed = 0;
+        let then = 0;
+        let i = 0;
+        let raf = null;
+        const interval = 1000 / fps;
+        function tick(t) {
+            raf = requestAnimationFrame(tick);
+            elapsed = t - then;
+            if (elapsed > interval) {
+                advance(i);
+                i += elapsed / 1000 - (elapsed % interval) / 1000;
+                then = t - (elapsed % interval);
+            }
+        }
+        set({ frameloop: 'never' });
+        raf = requestAnimationFrame(tick);
+        return () => {
+            if (raf) {
+                cancelAnimationFrame(raf);
+            }
+            set({ frameloop: initFrameloop });
+        };
+    }, [fps, advance, set, initFrameloop]);
+    return null;
+};
+export default FrameLimiter;

package/dist/components/viewer/ground-occluder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ground-occluder.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/ground-occluder.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CA+F1B,CAAA"}
+{"version":3,"file":"ground-occluder.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/ground-occluder.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAuG1B,CAAA"}

package/dist/components/viewer/ground-occluder.js

@@ -31,7 +31,11 @@ export const GroundOccluder = () => {
         // reveal their footprint on the level-zero ground material.
         const polygons = [];
         Object.values(nodes).forEach((node) => {
-            if (!(node.type === 'slab' && node.visible && node.polygon.length >= 3)) {
+            if (!(node.type === 'slab' &&
+                node.visible &&
+                node.polygon.length >= 3 &&
+                // Only recessed slabs should punch through the ground plane.
+                (node.elevation ?? 0.05) < 0)) {
                 return;
             }
             if (Number.isFinite(lowestLevelIndex)) {

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":"AAaA,OAAO,EAAkB,KAAK,kBAAkB,EAAsB,MAAM,oBAAoB,CAAA;AAEhG,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AA0CrC,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAU,aAAc,SAAQ,kBAAkB,CAAC,OAAO,KAAK,CAAC;KAAG;CACpE;AA+BD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DjC,CAAA;AASD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAkB,KAAK,kBAAkB,EAAsB,MAAM,oBAAoB,CAAA;AAEhG,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AA2CrC,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAU,aAAc,SAAQ,kBAAkB,CAAC,OAAO,KAAK,CAAC;KAAG;CACpE;AAwCD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsEjC,CAAA;AASD,eAAe,MAAM,CAAA"}

package/dist/components/viewer/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CeilingSystem, DoorSystem, ItemSystem, RoofSystem, SlabSystem, StairSystem, WallSystem, WindowSystem, } from '@pascal-app/core';
+import { CeilingSystem, DoorSystem, FenceSystem, ItemSystem, RoofSystem, SlabSystem, StairSystem, WallSystem, WindowSystem, } from '@pascal-app/core';
 import { Bvh } from '@react-three/drei';
 import { Canvas, extend, useFrame, useThree } from '@react-three/fiber';
 import { useEffect, useMemo, useRef } from 'react';
@@ -13,6 +13,7 @@ import { ScanSystem } from '../../systems/scan/scan-system';
 import { WallCutout } from '../../systems/wall/wall-cutout';
 import { ZoneSystem } from '../../systems/zone/zone-system';
 import { SceneRenderer } from '../renderers/scene-renderer';
+import FrameLimiter from './frame-limiter';
 import { Lights } from './lights';
 import { PerfMonitor } from './perf-monitor';
 import PostProcessing from './post-processing';
@@ -40,13 +41,6 @@ function AnimatedBackground({ isDark }) {
     return null;
 }
 extend(THREE);
-/**
- * Monitors the WebGPU device for loss events and logs them.
- * WebGPU device loss can happen when:
- *  - Tab is backgrounded and OS reclaims GPU
- *  - Driver crash or GPU reset
- *  - Browser security policy kills the context
- */
 function GPUDeviceWatcher() {
     const gl = useThree((s) => s.gl);
     useEffect(() => {
@@ -55,7 +49,7 @@ function GPUDeviceWatcher() {
         if (!device)
             return;
         device.lost.then((info) => {
-            console.error(`[viewer] WebGPU device lost: reason="${info.reason}", message="${info.message}". ` +
+            console.error(`[viewer] WebGPU device lost: reason="${info.reason ?? 'unknown'}", message="${info.message ?? ''}". ` +
                 'The page must be reloaded to recover the GPU context.');
         });
     }, [gl]);
@@ -63,18 +57,24 @@ function GPUDeviceWatcher() {
 }
 const Viewer = ({ children, selectionManager = 'default', perf = false, }) => {
     const theme = useViewer((state) => state.theme);
-    return (_jsxs(Canvas, { camera: { position: [50, 50, 50], fov: 50 }, className: `transition-colors duration-700 ${theme === 'dark' ? 'bg-[#1f2433]' : 'bg-[#fafafa]'}`, dpr: [1, 1.5], gl: (props) => {
+    return (_jsxs(Canvas, { camera: { position: [50, 50, 50], fov: 50 }, className: `transition-colors duration-700 ${theme === 'dark' ? 'bg-[#1f2433]' : 'bg-[#fafafa]'}`, dpr: [1, 1.5], frameloop: "never", gl: async (props) => {
             const renderer = new THREE.WebGPURenderer(props);
             renderer.toneMapping = THREE.ACESFilmicToneMapping;
             renderer.toneMappingExposure = 0.9;
-            // renderer.init() // Only use when using <DebugRenderer />
+            // Awaiting init() is required when the browser falls back to the
+            // WebGL2 backend (Safari without the WebGPU flag, older Chrome on
+            // machines without a WebGPU device). In native WebGPU mode the
+            // init resolves almost instantly. Without this await, the first
+            // render throws "Renderer: .render() called before the backend is
+            // initialized" from the post-processing fallback path.
+            await renderer.init();
             return renderer;
         }, resize: {
             debounce: 100,
         }, shadows: {
             type: THREE.PCFShadowMap,
             enabled: true,
-        }, children: [_jsx(ViewerCamera, {}), _jsx(Lights, {}), _jsx(Bvh, { children: _jsx(SceneRenderer, {}) }), _jsx(LevelSystem, {}), _jsx(GuideSystem, {}), _jsx(ScanSystem, {}), _jsx(WallCutout, {}), _jsx(CeilingSystem, {}), _jsx(DoorSystem, {}), _jsx(ItemSystem, {}), _jsx(RoofSystem, {}), _jsx(SlabSystem, {}), _jsx(StairSystem, {}), _jsx(WallSystem, {}), _jsx(WindowSystem, {}), _jsx(ZoneSystem, {}), _jsx(PostProcessing, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ItemLightSystem, {}), selectionManager === 'default' && _jsx(SelectionManager, {}), perf && _jsx(PerfMonitor, {}), children] }));
+        }, children: [_jsx(FrameLimiter, { fps: 50 }), _jsx(ViewerCamera, {}), _jsx(Lights, {}), _jsx(Bvh, { children: _jsx(SceneRenderer, {}) }), _jsx(LevelSystem, {}), _jsx(GuideSystem, {}), _jsx(ScanSystem, {}), _jsx(WallCutout, {}), _jsx(CeilingSystem, {}), _jsx(DoorSystem, {}), _jsx(FenceSystem, {}), _jsx(ItemSystem, {}), _jsx(RoofSystem, {}), _jsx(SlabSystem, {}), _jsx(StairSystem, {}), _jsx(WallSystem, {}), _jsx(WindowSystem, {}), _jsx(ZoneSystem, {}), _jsx(PostProcessing, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ItemLightSystem, {}), selectionManager === 'default' && _jsx(SelectionManager, {}), perf && _jsx(PerfMonitor, {}), children] }));
 };
 const DebugRenderer = () => {
     useFrame(({ gl, scene, camera }) => {

package/dist/components/viewer/post-processing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"post-processing.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/post-processing.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAQD,QAAA,MAAM,oBAAoB,YAoQzB,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"post-processing.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/post-processing.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAuBD,QAAA,MAAM,oBAAoB,YAoSzB,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/viewer/post-processing.js

@@ -27,12 +27,23 @@ const MAX_PIPELINE_RETRIES = 3;
 const RETRY_DELAY_MS = 500;
 const DARK_BG = '#1f2433';
 const LIGHT_BG = '#ffffff';
+function sanitizeOutlineObjects(objects) {
+    let nextIndex = 0;
+    for (const object of objects) {
+        if (!(object && typeof object.id === 'number' && object.parent)) {
+            continue;
+        }
+        objects[nextIndex] = object;
+        nextIndex++;
+    }
+    objects.length = nextIndex;
+}
 const PostProcessingPasses = () => {
     const { gl: renderer, scene, camera } = useThree();
     const renderPipelineRef = useRef(null);
     const hasPipelineErrorRef = useRef(false);
     const retryCountRef = useRef(0);
-    const [isInitialized, setIsInitialized] = useState(false);
+    const rebuildTimeoutRef = useRef(null);
     // Background color uniform — updated every frame via lerp, read by the TSL pipeline.
     // Initialised from the current theme so there's no flash on first render.
     const initBg = useViewer.getState().theme === 'dark' ? DARK_BG : LIGHT_BG;
@@ -51,45 +62,60 @@ const PostProcessingPasses = () => {
     // Bump this to force a pipeline rebuild (used by retry logic)
     const [pipelineVersion, setPipelineVersion] = useState(0);
     const requestPipelineRebuild = useCallback(() => {
+        if (rebuildTimeoutRef.current !== null) {
+            clearTimeout(rebuildTimeoutRef.current);
+            rebuildTimeoutRef.current = null;
+        }
         setPipelineVersion((v) => v + 1);
     }, []);
-    // Renderer initialization
+    // Reset retry state when project changes
+    useEffect(() => {
+        // Intentionally touch projectId so the effect reruns on project switches.
+        void projectId;
+        retryCountRef.current = 0;
+        if (rebuildTimeoutRef.current !== null) {
+            clearTimeout(rebuildTimeoutRef.current);
+            rebuildTimeoutRef.current = null;
+        }
+    }, [projectId]);
     useEffect(() => {
-        let mounted = true;
-        const initRenderer = async () => {
-            try {
-                if (renderer && renderer.init) {
-                    await renderer.init();
-                }
-                if (mounted) {
-                    setIsInitialized(true);
-                }
-            }
-            catch (error) {
-                console.error('[viewer] Failed to initialize renderer for post-processing.', error);
-                if (mounted) {
-                    setIsInitialized(false);
-                }
-            }
-        };
-        initRenderer();
         return () => {
-            mounted = false;
+            if (rebuildTimeoutRef.current !== null) {
+                clearTimeout(rebuildTimeoutRef.current);
+                rebuildTimeoutRef.current = null;
+            }
         };
-    }, [renderer]);
-    // Reset retry count when project changes
-    useEffect(() => {
-        retryCountRef.current = 0;
     }, []);
     // Build / rebuild the post-processing pipeline
     useEffect(() => {
-        if (!(renderer && scene && camera && isInitialized)) {
+        // Intentionally touch these so React/biome treat project switches and retry bumps
+        // as explicit rebuild triggers instead of accidental extra dependencies.
+        void projectId;
+        void pipelineVersion;
+        if (!(renderer && scene && camera)) {
             return;
         }
         hasPipelineErrorRef.current = false;
+        // WebGPU availability check: SSGI, denoise, and RenderPipeline are all
+        // WebGPU-only APIs. When the browser falls back to WebGL2 (no
+        // `navigator.gpu`, or the device couldn't be created), building the
+        // pipeline either throws silently or produces a broken output where
+        // the scene renders for a few frames and then goes black as the retry
+        // loop fights the direct-render fallback path. Short-circuit here so
+        // `useFrame` uses the direct `renderer.render(scene, camera)` path
+        // exclusively and never attempts the TSL pipeline.
+        const hasWebGPU = typeof navigator !== 'undefined' && 'gpu' in navigator;
+        if (!hasWebGPU) {
+            console.warn('[viewer] WebGPU unavailable — rendering without post-processing (SSGI, outlines, denoise).');
+            hasPipelineErrorRef.current = true;
+            renderPipelineRef.current = null;
+            return;
+        }
         // Clear outliner arrays synchronously to prevent stale Object3D refs
         // from the previous project leaking into the new pipeline's outline passes.
         const outliner = useViewer.getState().outliner;
+        sanitizeOutlineObjects(outliner.selectedObjects);
+        sanitizeOutlineObjects(outliner.hoveredObjects);
         outliner.selectedObjects.length = 0;
         outliner.hoveredObjects.length = 0;
         try {
@@ -179,6 +205,7 @@ const PostProcessingPasses = () => {
             const renderPipeline = new RenderPipeline(renderer);
             renderPipeline.outputNode = finalOutput;
             renderPipelineRef.current = renderPipeline;
+            retryCountRef.current = 0;
         }
         catch (error) {
             hasPipelineErrorRef.current = true;
@@ -194,13 +221,27 @@ const PostProcessingPasses = () => {
             }
             renderPipelineRef.current = null;
         };
-    }, [renderer, scene, camera, hoverHighlightMode, isInitialized, zoneLayers]);
+    }, [renderer, scene, camera, hoverHighlightMode, zoneLayers, projectId, pipelineVersion]);
     useFrame((_, delta) => {
         // Animate background colour toward the current theme target (same lerp as AnimatedBackground)
         bgTarget.current.set(useViewer.getState().theme === 'dark' ? DARK_BG : LIGHT_BG);
         bgCurrent.current.lerp(bgTarget.current, Math.min(delta, 0.1) * 4);
         bgUniform.current.value.copy(bgCurrent.current);
+        const outliner = useViewer.getState().outliner;
+        sanitizeOutlineObjects(outliner.selectedObjects);
+        sanitizeOutlineObjects(outliner.hoveredObjects);
         if (hasPipelineErrorRef.current || !renderPipelineRef.current) {
+            try {
+                if (renderer.setClearAlpha) {
+                    ;
+                    renderer.setClearAlpha(1);
+                }
+                ;
+                renderer.render(scene, camera);
+            }
+            catch (fallbackError) {
+                console.error('[viewer] Fallback render failed.', fallbackError);
+            }
             return;
         }
         try {
@@ -221,7 +262,10 @@ const PostProcessingPasses = () => {
                 // Auto-retry: schedule a pipeline rebuild if we haven't exceeded the retry limit
                 retryCountRef.current++;
                 console.warn(`[viewer] Scheduling post-processing rebuild (attempt ${retryCountRef.current}/${MAX_PIPELINE_RETRIES})`);
-                setTimeout(requestPipelineRebuild, RETRY_DELAY_MS);
+                if (rebuildTimeoutRef.current !== null) {
+                    clearTimeout(rebuildTimeoutRef.current);
+                }
+                rebuildTimeoutRef.current = setTimeout(requestPipelineRebuild, RETRY_DELAY_MS);
             }
             else {
                 console.error('[viewer] Post-processing retries exhausted. Rendering without post FX for this session.');

package/dist/components/viewer/selection-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-manager.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/selection-manager.tsx"],"names":[],"mappings":"AAwQA,eAAO,MAAM,gBAAgB,+CAsE5B,CAAA"}
+{"version":3,"file":"selection-manager.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/selection-manager.tsx"],"names":[],"mappings":"AAiRA,eAAO,MAAM,gBAAgB,+CA2E5B,CAAA"}

package/dist/components/viewer/selection-manager.js

@@ -88,6 +88,12 @@ const isNodeInZone = (node, levelId, zoneId) => {
         const endIn = pointInPolygonWithTolerance(wall.end[0], wall.end[1], zone.polygon);
         return startIn || endIn;
     }
+    if (node.type === 'fence') {
+        const fence = node;
+        const startIn = pointInPolygonWithTolerance(fence.start[0], fence.start[1], zone.polygon);
+        const endIn = pointInPolygonWithTolerance(fence.end[0], fence.end[1], zone.polygon);
+        return startIn || endIn;
+    }
     if (node.type === 'slab' || node.type === 'ceiling') {
         const poly = node.polygon;
         if (!poly?.length)
@@ -164,7 +170,7 @@ const getStrategy = () => {
     }
     // Zone selected -> can select/hover contents (walls, items, slabs, ceilings, roofs, windows, doors)
     return {
-        types: ['wall', 'item', 'slab', 'ceiling', 'roof', 'roof-segment', 'window', 'door'],
+        types: ['wall', 'fence', 'item', 'slab', 'ceiling', 'roof', 'roof-segment', 'window', 'door'],
         handleClick: (node, nativeEvent) => {
             let nodeToSelect = node;
             if (node.type === 'roof-segment' && node.parentId) {
@@ -191,6 +197,7 @@ const getStrategy = () => {
         isValid: (node) => {
             const validTypes = [
                 'wall',
+                'fence',
                 'item',
                 'slab',
                 'ceiling',
@@ -215,6 +222,10 @@ export const SelectionManager = () => {
                 return;
             if (strategy.isValid(event.node)) {
                 event.stopPropagation();
+                if (event.node.type === 'slab') {
+                    useViewer.setState({ hoveredId: null });
+                    return;
+                }
                 useViewer.setState({ hoveredId: event.node.id });
             }
         };
@@ -245,6 +256,7 @@ export const SelectionManager = () => {
             'level',
             'zone',
             'wall',
+            'fence',
             'item',
             'slab',
             'ceiling',
@@ -303,10 +315,14 @@ const OutlinerSync = () => {
     const selection = useViewer((s) => s.selection);
     const hoveredId = useViewer((s) => s.hoveredId);
     const outliner = useViewer((s) => s.outliner);
+    const nodes = useScene((s) => s.nodes);
     useEffect(() => {
         // Sync selected objects
         outliner.selectedObjects.length = 0;
         for (const id of selection.selectedIds) {
+            const node = nodes[id];
+            if (node?.type === 'slab')
+                continue;
             const obj = sceneRegistry.nodes.get(id);
             if (obj)
                 outliner.selectedObjects.push(obj);
@@ -314,10 +330,13 @@ const OutlinerSync = () => {
         // Sync hovered objects
         outliner.hoveredObjects.length = 0;
         if (hoveredId) {
+            const hoveredNode = nodes[hoveredId];
+            if (hoveredNode?.type === 'slab')
+                return;
             const obj = sceneRegistry.nodes.get(hoveredId);
             if (obj)
                 outliner.hoveredObjects.push(obj);
         }
-    }, [selection, hoveredId, outliner]);
+    }, [selection, hoveredId, outliner, nodes]);
     return null;
 };

package/dist/hooks/use-node-events.d.ts

@@ -1,4 +1,4 @@
-import { type BuildingEvent, type BuildingNode, type CeilingEvent, type CeilingNode, type DoorEvent, type DoorNode, type ItemEvent, type ItemNode, type LevelEvent, type LevelNode, type RoofEvent, type RoofNode, type RoofSegmentEvent, type RoofSegmentNode, type SiteEvent, type SiteNode, type SlabEvent, type SlabNode, type StairEvent, type StairNode, type StairSegmentEvent, type StairSegmentNode, type WallEvent, type WallNode, type WindowEvent, type WindowNode, type ZoneEvent, type ZoneNode } from '@pascal-app/core';
+import { type BuildingEvent, type BuildingNode, type CeilingEvent, type CeilingNode, type DoorEvent, type DoorNode, type FenceEvent, type FenceNode, type ItemEvent, type ItemNode, type LevelEvent, type LevelNode, type RoofEvent, type RoofNode, type RoofSegmentEvent, type RoofSegmentNode, type SiteEvent, type SiteNode, type SlabEvent, type SlabNode, type StairEvent, type StairNode, type StairSegmentEvent, type StairSegmentNode, type WallEvent, type WallNode, type WindowEvent, type WindowNode, type ZoneEvent, type ZoneNode } from '@pascal-app/core';
 import type { ThreeEvent } from '@react-three/fiber';
 type NodeConfig = {
     site: {
@@ -13,6 +13,10 @@ type NodeConfig = {
         node: WallNode;
         event: WallEvent;
     };
+    fence: {
+        node: FenceNode;
+        event: FenceEvent;
+    };
     building: {
         node: BuildingNode;
         event: BuildingEvent;

package/dist/hooks/use-node-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-node-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-node-events.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,QAAQ,EAGb,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAGpD,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,QAAQ,EAAE;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,KAAK,EAAE,aAAa,CAAA;KAAE,CAAA;IACtD,KAAK,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAA;IAC7C,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,OAAO,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,YAAY,CAAA;KAAE,CAAA;IACnD,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;IAC1C,cAAc,EAAE;QAAE,IAAI,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,gBAAgB,CAAA;KAAE,CAAA;IAClE,KAAK,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAA;IAC7C,eAAe,EAAE;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,CAAA;IACrE,MAAM,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,WAAW,CAAA;KAAE,CAAA;IAChD,IAAI,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAA;CAC3C,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,UAAU,CAAA;AAEhC,wBAAgB,aAAa,CAAC,CAAC,SAAS,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;uBAiB/D,UAAU,CAAC,YAAY,CAAC;qBAK1B,UAAU,CAAC,YAAY,CAAC;iBAQ5B,UAAU,CAAC,YAAY,CAAC;wBAIjB,UAAU,CAAC,YAAY,CAAC;wBAIxB,UAAU,CAAC,YAAY,CAAC;uBAIzB,UAAU,CAAC,YAAY,CAAC;uBAIxB,UAAU,CAAC,YAAY,CAAC;uBAIxB,UAAU,CAAC,YAAY,CAAC;EAK9C"}
+{"version":3,"file":"use-node-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-node-events.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-node-events.js

@@ -9,6 +9,8 @@ export function useNodeEvents(node, type) {
             position: [e.point.x, e.point.y, e.point.z],
             localPosition: [localPoint.x, localPoint.y, localPoint.z],
             normal: e.face ? [e.face.normal.x, e.face.normal.y, e.face.normal.z] : undefined,
+            faceIndex: e.faceIndex ?? undefined,
+            object: e.object,
             stopPropagation: () => e.stopPropagation(),
             nativeEvent: e,
         };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Viewer } from './components/viewer';
+export { SSGI_PARAMS } from './components/viewer/post-processing';
 export { WalkthroughControls } from './components/viewer/walkthrough-controls';
 export { ASSETS_CDN_URL, resolveAssetUrl, resolveCdnUrl } from './lib/asset-url';
 export { SCENE_LAYER, ZONE_LAYER } from './lib/layers';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,GAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,GAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export { default as Viewer } from './components/viewer';
+export { SSGI_PARAMS } from './components/viewer/post-processing';
 export { WalkthroughControls } from './components/viewer/walkthrough-controls';
 export { ASSETS_CDN_URL, resolveAssetUrl, resolveCdnUrl } from './lib/asset-url';
 export { SCENE_LAYER, ZONE_LAYER } from './lib/layers';

package/dist/lib/materials.d.ts

@@ -1,5 +1,8 @@
-import { type MaterialSchema } from '@pascal-app/core';
+import { type MaterialPresetPayload, type MaterialSchema } from '@pascal-app/core';
 import * as THREE from 'three';
+export declare function applyMaterialPresetToMaterials(materialInput: THREE.Material | THREE.Material[], preset: MaterialPresetPayload | null | undefined): void;
+export declare function createMaterialFromPreset(preset: MaterialPresetPayload): THREE.MeshStandardMaterial;
+export declare function createMaterialFromPresetRef(materialPreset?: string): THREE.MeshStandardMaterial | null;
 export declare function createMaterial(material?: MaterialSchema): THREE.MeshStandardMaterial;
 export declare function createDefaultMaterial(color?: string, roughness?: number): THREE.MeshStandardMaterial;
 export declare const DEFAULT_WALL_MATERIAL: THREE.MeshStandardMaterial;

package/dist/lib/materials.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/lib/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAmB,MAAM,kBAAkB,CAAA;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC,oBAAoB,CAmBpF;AAED,wBAAgB,qBAAqB,CACnC,KAAK,SAAY,EACjB,SAAS,SAAM,GACd,KAAK,CAAC,oBAAoB,CAO5B;AAED,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,uBAAuB,4BAOlC,CAAA;AACF,eAAO,MAAM,wBAAwB,4BAAyC,CAAA;AAC9E,eAAO,MAAM,qBAAqB,4BAAyC,CAAA;AAC3E,eAAO,MAAM,sBAAsB,4BAAwC,CAAA;AAE3E,wBAAgB,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAE9D;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAKzC"}
+{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/lib/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAE1B,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2M9B,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,EAChD,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,QAcjD;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,qBAAqB,GAAG,KAAK,CAAC,oBAAoB,CAWlG;AAED,wBAAgB,2BAA2B,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAItG;AAED,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC,oBAAoB,CAsBpF;AAED,wBAAgB,qBAAqB,CACnC,KAAK,SAAY,EACjB,SAAS,SAAM,GACd,KAAK,CAAC,oBAAoB,CAO5B;AAED,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,qBAAqB,4BAAwC,CAAA;AAC1E,eAAO,MAAM,uBAAuB,4BAOlC,CAAA;AACF,eAAO,MAAM,wBAAwB,4BAAyC,CAAA;AAC9E,eAAO,MAAM,qBAAqB,4BAAyC,CAAA;AAC3E,eAAO,MAAM,sBAAsB,4BAAwC,CAAA;AAE3E,wBAAgB,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAE9D;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAWzC"}