@pascal-app/viewer 0.5.0 → 0.6.0

package/dist/lib/materials.js

@@ -1,4 +1,4 @@
-import { resolveMaterial } from '@pascal-app/core';
+import { getMaterialPresetByRef, resolveMaterial, } from '@pascal-app/core';
 import * as THREE from 'three';
 const sideMap = {
     front: THREE.FrontSide,
@@ -6,15 +6,185 @@ const sideMap = {
     double: THREE.DoubleSide,
 };
 const materialCache = new Map();
+const textureCache = new Map();
+const textureLoadPromises = new Map();
+const textureLoader = new THREE.TextureLoader();
+const wrapMap = {
+    Repeat: THREE.RepeatWrapping,
+    ClampToEdge: THREE.ClampToEdgeWrapping,
+    MirroredRepeat: THREE.MirroredRepeatWrapping,
+};
+const SRGB_TEXTURE_SLOTS = ['map', 'emissiveMap'];
 function getCacheKey(props) {
     return `${props.color}-${props.roughness}-${props.metalness}-${props.opacity}-${props.transparent}-${props.side}`;
 }
+function getTextureKey(material) {
+    const texture = material?.texture;
+    if (!texture)
+        return 'none';
+    const repeat = texture.repeat?.join('x') ?? 'default';
+    const scale = texture.scale ?? 'default';
+    return `${texture.url}-${repeat}-${scale}`;
+}
+function getTexture(material) {
+    const textureConfig = material?.texture;
+    if (!textureConfig?.url)
+        return undefined;
+    const cacheKey = getTextureKey(material);
+    const cached = textureCache.get(cacheKey);
+    if (cached)
+        return cached;
+    const texture = textureLoader.load(textureConfig.url);
+    texture.wrapS = THREE.RepeatWrapping;
+    texture.wrapT = THREE.RepeatWrapping;
+    const repeatX = textureConfig.repeat?.[0] ?? textureConfig.scale ?? 1;
+    const repeatY = textureConfig.repeat?.[1] ?? textureConfig.scale ?? 1;
+    texture.repeat.set(repeatX, repeatY);
+    texture.colorSpace = THREE.SRGBColorSpace;
+    textureCache.set(cacheKey, texture);
+    return texture;
+}
+function isStandardMaterial(material) {
+    return (material instanceof THREE.MeshStandardMaterial ||
+        material instanceof THREE.MeshPhysicalMaterial);
+}
+function applyTextureProperties(texture, props, slot) {
+    texture.wrapS = wrapMap[props.wrapS];
+    texture.wrapT = wrapMap[props.wrapT];
+    texture.repeat.set(props.repeatX, props.repeatY);
+    texture.rotation = props.rotation;
+    texture.flipY = props.flipY;
+    texture.colorSpace = SRGB_TEXTURE_SLOTS.includes(slot ?? 'map')
+        ? THREE.SRGBColorSpace
+        : THREE.NoColorSpace;
+    texture.needsUpdate = true;
+    return texture;
+}
+function getPresetTextureCacheKey(path, props, slot) {
+    return `${path}-${props.repeatX}-${props.repeatY}-${props.rotation}-${props.wrapS}-${props.wrapT}-${props.flipY}-${slot ?? 'map'}`;
+}
+function getPresetTexture(path, props, slot) {
+    const cacheKey = getPresetTextureCacheKey(path, props, slot);
+    const cached = textureCache.get(cacheKey);
+    if (cached)
+        return cached;
+    const texture = textureLoader.load(path);
+    applyTextureProperties(texture, props, slot);
+    textureCache.set(cacheKey, texture);
+    return texture;
+}
+async function loadPresetTexture(path, props, slot) {
+    const cacheKey = getPresetTextureCacheKey(path, props, slot);
+    const cached = textureCache.get(cacheKey);
+    if (cached)
+        return cached;
+    const existingPromise = textureLoadPromises.get(cacheKey);
+    if (existingPromise)
+        return existingPromise;
+    const promise = textureLoader
+        .loadAsync(path)
+        .then((texture) => {
+        applyTextureProperties(texture, props, slot);
+        textureCache.set(cacheKey, texture);
+        textureLoadPromises.delete(cacheKey);
+        return texture;
+    })
+        .catch((error) => {
+        console.warn('[viewer] Failed to load material texture', path, error);
+        textureLoadPromises.delete(cacheKey);
+        return null;
+    });
+    textureLoadPromises.set(cacheKey, promise);
+    return promise;
+}
+function queueTextureAssignment(material, slot, path, props) {
+    if (!path) {
+        material[slot] = null;
+        return;
+    }
+    const cacheKey = getPresetTextureCacheKey(path, props, slot);
+    const cached = textureCache.get(cacheKey);
+    if (cached) {
+        material[slot] = cached;
+        return;
+    }
+    material[slot] = null;
+    void loadPresetTexture(path, props, slot).then((texture) => {
+        if (!texture)
+            return;
+        material[slot] = texture;
+        material.needsUpdate = true;
+    });
+}
+function applyMaterialMapProperties(material, mapProperties) {
+    material.color.set(mapProperties.color);
+    material.roughness = mapProperties.roughness;
+    material.metalness = mapProperties.metalness;
+    material.emissiveIntensity = mapProperties.emissiveIntensity;
+    material.emissive.set(mapProperties.emissiveColor);
+    material.displacementScale = mapProperties.displacementScale;
+    material.bumpScale = mapProperties.bumpScale;
+    material.aoMapIntensity = mapProperties.aoMapIntensity;
+    material.lightMapIntensity = mapProperties.lightMapIntensity;
+    material.transparent = mapProperties.transparent;
+    material.opacity = mapProperties.opacity;
+    material.side =
+        mapProperties.side === 0
+            ? THREE.FrontSide
+            : mapProperties.side === 1
+                ? THREE.BackSide
+                : THREE.DoubleSide;
+    material.normalScale.set(mapProperties.normalScaleX, mapProperties.normalScaleY);
+    material.needsUpdate = true;
+}
+function applyMaterialPresetTextures(material, preset) {
+    const { maps, mapProperties } = preset;
+    queueTextureAssignment(material, 'map', maps.albedoMap, mapProperties);
+    queueTextureAssignment(material, 'normalMap', maps.normalMap, mapProperties);
+    queueTextureAssignment(material, 'roughnessMap', maps.roughnessMap, mapProperties);
+    queueTextureAssignment(material, 'metalnessMap', maps.metalnessMap, mapProperties);
+    queueTextureAssignment(material, 'displacementMap', maps.displacementMap, mapProperties);
+    queueTextureAssignment(material, 'aoMap', maps.aoMap, mapProperties);
+    queueTextureAssignment(material, 'bumpMap', maps.bumpMap, mapProperties);
+    queueTextureAssignment(material, 'alphaMap', maps.alphaMap, mapProperties);
+    queueTextureAssignment(material, 'lightMap', maps.lightMap, mapProperties);
+    queueTextureAssignment(material, 'emissiveMap', maps.emissiveMap, mapProperties);
+    material.needsUpdate = true;
+}
+export function applyMaterialPresetToMaterials(materialInput, preset) {
+    if (!preset)
+        return;
+    const materials = (Array.isArray(materialInput) ? materialInput : [materialInput]).filter(isStandardMaterial);
+    if (materials.length === 0)
+        return;
+    for (const material of materials) {
+        applyMaterialMapProperties(material, preset.mapProperties);
+        applyMaterialPresetTextures(material, preset);
+    }
+}
+export function createMaterialFromPreset(preset) {
+    const cacheKey = JSON.stringify(preset);
+    if (materialCache.has(cacheKey)) {
+        return materialCache.get(cacheKey);
+    }
+    const material = new THREE.MeshStandardMaterial();
+    applyMaterialPresetToMaterials(material, preset);
+    materialCache.set(cacheKey, material);
+    return material;
+}
+export function createMaterialFromPresetRef(materialPreset) {
+    const preset = getMaterialPresetByRef(materialPreset);
+    if (!preset)
+        return null;
+    return createMaterialFromPreset(preset);
+}
 export function createMaterial(material) {
     const props = resolveMaterial(material);
-    const cacheKey = getCacheKey(props);
+    const cacheKey = `${getCacheKey(props)}-${getTextureKey(material)}`;
     if (materialCache.has(cacheKey)) {
         return materialCache.get(cacheKey);
     }
+    const map = getTexture(material);
     const threeMaterial = new THREE.MeshStandardMaterial({
         color: props.color,
         roughness: props.roughness,
@@ -22,6 +192,7 @@ export function createMaterial(material) {
         opacity: props.opacity,
         transparent: props.transparent,
         side: sideMap[props.side],
+        map,
     });
     materialCache.set(cacheKey, threeMaterial);
     return threeMaterial;
@@ -56,4 +227,9 @@ export function clearMaterialCache() {
         material.dispose();
     }
     materialCache.clear();
+    for (const texture of textureCache.values()) {
+        texture.dispose();
+    }
+    textureCache.clear();
+    textureLoadPromises.clear();
 }

package/dist/lib/merged-outline-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merged-outline-node.d.ts","sourceRoot":"","sources":["../../src/lib/merged-outline-node.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"merged-outline-node.d.ts","sourceRoot":"","sources":["../../src/lib/merged-outline-node.ts"],"names":[],"mappings":"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"}

package/dist/lib/merged-outline-node.js

@@ -440,10 +440,17 @@ export class MergedOutlineNode extends TempNode {
     }
     _buildCache(objects, cache) {
         for (const obj of objects) {
-            obj.traverse((child) => {
-                if (child.isMesh || child.isSprite)
-                    cache.add(child);
-            });
+            if (!obj || !obj.traverse)
+                continue;
+            try {
+                obj.traverse((child) => {
+                    if (child.isMesh || child.isSprite)
+                        cache.add(child);
+                });
+            }
+            catch {
+                // Skip objects that were disposed or removed from the scene graph
+            }
         }
     }
 }

package/dist/store/use-viewer.d.ts

@@ -61,7 +61,7 @@ declare const useViewer: import("zustand").UseBoundStore<Omit<import("zustand").
             cameraMode: "perspective" | "orthographic";
             theme: "light" | "dark";
             unit: "metric" | "imperial";
-            levelMode: "stacked" | "exploded" | "solo" | "manual";
+            levelMode: "manual" | "stacked" | "exploded" | "solo";
             wallMode: "up" | "cutaway" | "down";
             projectPreferences: Record<string, {
                 showScans?: boolean;
@@ -78,7 +78,7 @@ declare const useViewer: import("zustand").UseBoundStore<Omit<import("zustand").
             cameraMode: "perspective" | "orthographic";
             theme: "light" | "dark";
             unit: "metric" | "imperial";
-            levelMode: "stacked" | "exploded" | "solo" | "manual";
+            levelMode: "manual" | "stacked" | "exploded" | "solo";
             wallMode: "up" | "cutaway" | "down";
             projectPreferences: Record<string, {
                 showScans?: boolean;

package/dist/systems/guide/guide-system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guide-system.d.ts","sourceRoot":"","sources":["../../../src/systems/guide/guide-system.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,YAavB,CAAA"}
+{"version":3,"file":"guide-system.d.ts","sourceRoot":"","sources":["../../../src/systems/guide/guide-system.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,YAsCvB,CAAA"}

package/dist/systems/guide/guide-system.js

@@ -1,4 +1,4 @@
-import { sceneRegistry } from '@pascal-app/core';
+import { emitter, sceneRegistry } from '@pascal-app/core';
 import { useEffect } from 'react';
 import useViewer from '../../store/use-viewer';
 export const GuideSystem = () => {
@@ -12,5 +12,30 @@ export const GuideSystem = () => {
             }
         });
     }, [showGuides]);
+    useEffect(() => {
+        const hideForCapture = () => {
+            const guides = sceneRegistry.byType.guide || new Set();
+            guides.forEach((guideId) => {
+                const node = sceneRegistry.nodes.get(guideId);
+                if (node)
+                    node.visible = false;
+            });
+        };
+        const restoreAfterCapture = () => {
+            const showGuidesNow = useViewer.getState().showGuides;
+            const guides = sceneRegistry.byType.guide || new Set();
+            guides.forEach((guideId) => {
+                const node = sceneRegistry.nodes.get(guideId);
+                if (node)
+                    node.visible = showGuidesNow;
+            });
+        };
+        emitter.on('thumbnail:before-capture', hideForCapture);
+        emitter.on('thumbnail:after-capture', restoreAfterCapture);
+        return () => {
+            emitter.off('thumbnail:before-capture', hideForCapture);
+            emitter.off('thumbnail:after-capture', restoreAfterCapture);
+        };
+    }, []);
     return null;
 };

package/dist/systems/roof/roof-materials.d.ts

@@ -0,0 +1,5 @@
+import { type RoofNode } from '@pascal-app/core';
+import * as THREE from 'three';
+export type RoofMaterialArray = [THREE.Material, THREE.Material, THREE.Material, THREE.Material];
+export declare function getRoofMaterialArray(node: RoofNode): RoofMaterialArray | null;
+//# sourceMappingURL=roof-materials.d.ts.map

package/dist/systems/roof/roof-materials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roof-materials.d.ts","sourceRoot":"","sources":["../../../src/systems/roof/roof-materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;AAiBhG,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAmB7E"}

package/dist/systems/roof/roof-materials.js

@@ -0,0 +1,29 @@
+import { getEffectiveRoofSurfaceMaterial, } from '@pascal-app/core';
+import * as THREE from 'three';
+import { createMaterial, createMaterialFromPresetRef } from '../../lib/materials';
+function createResolvedMaterial(material, materialPreset) {
+    if (materialPreset) {
+        return createMaterialFromPresetRef(materialPreset);
+    }
+    if (material) {
+        return createMaterial(material);
+    }
+    return null;
+}
+export function getRoofMaterialArray(node) {
+    const top = getEffectiveRoofSurfaceMaterial(node, 'top');
+    const edge = getEffectiveRoofSurfaceMaterial(node, 'edge');
+    const wall = getEffectiveRoofSurfaceMaterial(node, 'wall');
+    const topMaterial = createResolvedMaterial(top.material, top.materialPreset);
+    const edgeMaterial = createResolvedMaterial(edge.material, edge.materialPreset);
+    const wallMaterial = createResolvedMaterial(wall.material, wall.materialPreset);
+    if (!(topMaterial || edgeMaterial || wallMaterial)) {
+        return null;
+    }
+    return [
+        edgeMaterial ?? wallMaterial ?? topMaterial ?? new THREE.MeshStandardMaterial(),
+        wallMaterial ?? edgeMaterial ?? topMaterial ?? new THREE.MeshStandardMaterial(),
+        wallMaterial ?? edgeMaterial ?? topMaterial ?? new THREE.MeshStandardMaterial(),
+        topMaterial ?? wallMaterial ?? edgeMaterial ?? new THREE.MeshStandardMaterial(),
+    ];
+}

package/dist/systems/scan/scan-system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scan-system.d.ts","sourceRoot":"","sources":["../../../src/systems/scan/scan-system.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,YAatB,CAAA"}
+{"version":3,"file":"scan-system.d.ts","sourceRoot":"","sources":["../../../src/systems/scan/scan-system.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,YAsCtB,CAAA"}

package/dist/systems/scan/scan-system.js

@@ -1,4 +1,4 @@
-import { sceneRegistry } from '@pascal-app/core';
+import { emitter, sceneRegistry } from '@pascal-app/core';
 import { useEffect } from 'react';
 import useViewer from '../../store/use-viewer';
 export const ScanSystem = () => {
@@ -12,5 +12,30 @@ export const ScanSystem = () => {
             }
         });
     }, [showScans]);
+    useEffect(() => {
+        const hideForCapture = () => {
+            const scans = sceneRegistry.byType.scan || new Set();
+            scans.forEach((scanId) => {
+                const node = sceneRegistry.nodes.get(scanId);
+                if (node)
+                    node.visible = false;
+            });
+        };
+        const restoreAfterCapture = () => {
+            const showScansNow = useViewer.getState().showScans;
+            const scans = sceneRegistry.byType.scan || new Set();
+            scans.forEach((scanId) => {
+                const node = sceneRegistry.nodes.get(scanId);
+                if (node)
+                    node.visible = showScansNow;
+            });
+        };
+        emitter.on('thumbnail:before-capture', hideForCapture);
+        emitter.on('thumbnail:after-capture', restoreAfterCapture);
+        return () => {
+            emitter.off('thumbnail:before-capture', hideForCapture);
+            emitter.off('thumbnail:after-capture', restoreAfterCapture);
+        };
+    }, []);
     return null;
 };

package/dist/systems/stair/stair-materials.d.ts

@@ -0,0 +1,7 @@
+import { type StairNode, type StairSegmentNode } from '@pascal-app/core';
+import type * as THREE from 'three';
+export type StairBodyMaterials = [THREE.Material, THREE.Material];
+export declare function getStairBodyMaterials(stair: StairNode): StairBodyMaterials;
+export declare function getStairRailingMaterial(stair: StairNode): THREE.Material;
+export declare function getStraightStairSegmentBodyMaterials(segment: StairSegmentNode, parentNode?: StairNode): StairBodyMaterials;
+//# sourceMappingURL=stair-materials.d.ts.map

package/dist/systems/stair/stair-materials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stair-materials.d.ts","sourceRoot":"","sources":["../../../src/systems/stair/stair-materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAOnC,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;AAiBjE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,GAAG,kBAAkB,CAQ1E;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,QAAQ,CAGxE;AAED,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,gBAAgB,EACzB,UAAU,CAAC,EAAE,SAAS,GACrB,kBAAkB,CAWpB"}

package/dist/systems/stair/stair-materials.js

@@ -0,0 +1,33 @@
+import { getEffectiveStairSurfaceMaterial, } from '@pascal-app/core';
+import { createMaterial, createMaterialFromPresetRef, DEFAULT_STAIR_MATERIAL, } from '../../lib/materials';
+function createResolvedMaterial(material, materialPreset) {
+    if (materialPreset) {
+        return createMaterialFromPresetRef(materialPreset) ?? DEFAULT_STAIR_MATERIAL;
+    }
+    if (material) {
+        return createMaterial(material);
+    }
+    return DEFAULT_STAIR_MATERIAL;
+}
+export function getStairBodyMaterials(stair) {
+    const tread = getEffectiveStairSurfaceMaterial(stair, 'tread');
+    const side = getEffectiveStairSurfaceMaterial(stair, 'side');
+    return [
+        createResolvedMaterial(tread.material, tread.materialPreset),
+        createResolvedMaterial(side.material, side.materialPreset),
+    ];
+}
+export function getStairRailingMaterial(stair) {
+    const railing = getEffectiveStairSurfaceMaterial(stair, 'railing');
+    return createResolvedMaterial(railing.material, railing.materialPreset);
+}
+export function getStraightStairSegmentBodyMaterials(segment, parentNode) {
+    if (segment.material !== undefined || typeof segment.materialPreset === 'string') {
+        const override = createResolvedMaterial(segment.material, segment.materialPreset);
+        return [override, override];
+    }
+    if (parentNode) {
+        return getStairBodyMaterials(parentNode);
+    }
+    return [DEFAULT_STAIR_MATERIAL, DEFAULT_STAIR_MATERIAL];
+}

package/dist/systems/wall/wall-cutout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wall-cutout.d.ts","sourceRoot":"","sources":["../../../src/systems/wall/wall-cutout.tsx"],"names":[],"mappings":"AAoMA,eAAO,MAAM,UAAU,YAgFtB,CAAA"}
+{"version":3,"file":"wall-cutout.d.ts","sourceRoot":"","sources":["../../../src/systems/wall/wall-cutout.tsx"],"names":[],"mappings":"AAsCA,eAAO,MAAM,UAAU,YAkHtB,CAAA"}

package/dist/systems/wall/wall-cutout.js

@@ -1,129 +1,12 @@
-import { baseMaterial, sceneRegistry, useScene, } from '@pascal-app/core';
+import { emitter, sceneRegistry, useScene } from '@pascal-app/core';
 import { useFrame } from '@react-three/fiber';
-import { useRef } from 'react';
-import { Color } from 'three';
-import { Fn, float, fract, length, mix, positionLocal, smoothstep, step, vec2 } from 'three/tsl';
-import { MeshStandardNodeMaterial, Vector3 } from 'three/webgpu';
+import { useEffect, useRef } from 'react';
+import { Vector3 } from 'three/webgpu';
 import useViewer from '../../store/use-viewer';
+import { getMaterialsForWall } from './wall-materials';
 const tmpVec = new Vector3();
 const u = new Vector3();
 const v = new Vector3();
-const DEFAULT_WALL_COLOR = '#f2f0ed';
-const WALL_HIGHLIGHT_PROFILES = {
-    delete: {
-        color: new Color('#dc2626'),
-        blend: 0.78,
-        emissiveIntensity: 0.46,
-    },
-    selection: {
-        color: new Color('#818cf8'),
-        blend: 0.32,
-        emissiveIntensity: 0.42,
-    },
-};
-const dotPattern = Fn(() => {
-    const scale = float(0.1);
-    const dotSize = float(0.3);
-    const uv = vec2(positionLocal.x, positionLocal.y).div(scale);
-    const gridUV = fract(uv);
-    const dist = length(gridUV.sub(0.5));
-    const dots = step(dist, dotSize.mul(0.5));
-    const fadeHeight = float(2.5);
-    const yFade = float(1).sub(smoothstep(float(0), fadeHeight, positionLocal.y));
-    return dots.mul(yFade);
-});
-const wallMaterialCache = new Map();
-const presetColors = {
-    white: '#ffffff',
-    brick: '#8b4513',
-    concrete: '#808080',
-    wood: '#deb887',
-    glass: '#87ceeb',
-    metal: '#c0c0c0',
-    plaster: '#f5f5dc',
-    tile: '#dcdcdc',
-    marble: '#f5f5f5',
-};
-function getMaterialHash(wallNode) {
-    if (!wallNode.material)
-        return 'none';
-    const mat = wallNode.material;
-    if (mat.preset && mat.preset !== 'custom') {
-        return `preset-${mat.preset}`;
-    }
-    if (mat.properties) {
-        return `props-${mat.properties.color}-${mat.properties.roughness}-${mat.properties.metalness}`;
-    }
-    return 'default';
-}
-function getPresetColor(preset) {
-    return presetColors[preset] ?? '#ffffff';
-}
-function getHighlightedColor(color, kind) {
-    const profile = WALL_HIGHLIGHT_PROFILES[kind];
-    return new Color(color).lerp(profile.color, profile.blend);
-}
-function createHighlightedWallMaterial(material, baseColor, kind) {
-    const highlightedMaterial = material.clone();
-    const highlightedColor = getHighlightedColor(baseColor, kind);
-    const profile = WALL_HIGHLIGHT_PROFILES[kind];
-    highlightedMaterial.color = highlightedColor;
-    highlightedMaterial.emissive = highlightedColor.clone();
-    highlightedMaterial.emissiveIntensity = profile.emissiveIntensity;
-    return highlightedMaterial;
-}
-function getMaterialsForWall(wallNode) {
-    const cacheKey = wallNode.id;
-    const materialHash = getMaterialHash(wallNode);
-    const existing = wallMaterialCache.get(cacheKey);
-    if (existing && existing.materialHash === materialHash) {
-        return existing;
-    }
-    if (existing) {
-        existing.visible.dispose();
-        existing.invisible.dispose();
-        existing.deleteVisible.dispose();
-        existing.deleteInvisible.dispose();
-        existing.highlightedVisible.dispose();
-        existing.highlightedInvisible.dispose();
-    }
-    let userColor = DEFAULT_WALL_COLOR;
-    if (wallNode.material?.properties?.color) {
-        userColor = wallNode.material.properties.color;
-    }
-    else if (wallNode.material?.preset && wallNode.material.preset !== 'custom') {
-        userColor = getPresetColor(wallNode.material.preset);
-    }
-    const visibleMat = wallNode.material
-        ? new MeshStandardNodeMaterial({
-            color: userColor,
-            roughness: 1,
-            metalness: 0,
-        })
-        : baseMaterial.clone();
-    const invisibleMat = new MeshStandardNodeMaterial({
-        transparent: true,
-        opacityNode: mix(float(0.0), float(0.24), dotPattern()),
-        color: userColor,
-        depthWrite: false,
-        emissive: userColor,
-    });
-    const highlightedVisible = createHighlightedWallMaterial(visibleMat, userColor, 'selection');
-    const highlightedInvisible = createHighlightedWallMaterial(invisibleMat, userColor, 'selection');
-    const deleteVisible = createHighlightedWallMaterial(visibleMat, userColor, 'delete');
-    const deleteInvisible = createHighlightedWallMaterial(invisibleMat, userColor, 'delete');
-    const result = {
-        visible: visibleMat,
-        invisible: invisibleMat,
-        deleteVisible,
-        deleteInvisible,
-        highlightedVisible,
-        highlightedInvisible,
-        materialHash,
-    };
-    wallMaterialCache.set(cacheKey, result);
-    return result;
-}
 function getWallHideState(wallNode, wallMesh, wallMode, cameraDir) {
     let hideWall = wallNode.frontSide === 'interior' && wallNode.backSide === 'interior';
     if (wallMode === 'up') {
@@ -206,9 +89,7 @@ export const WallCutout = () => {
                         ? materials.deleteVisible
                         : isSelectionHighlighted
                             ? materials.highlightedVisible
-                            : wallNode.material
-                                ? materials.visible
-                                : baseMaterial;
+                            : materials.visible;
                 }
             });
             lastWallMode.current = wallMode;
@@ -216,5 +97,39 @@ export const WallCutout = () => {
             lastHighlightKey.current = highlightKey;
         }
     });
+    useEffect(() => {
+        const snapshot = new Map();
+        const restoreForCapture = () => {
+            sceneRegistry.byType.wall.forEach((wallId) => {
+                const wallMesh = sceneRegistry.nodes.get(wallId);
+                if (!wallMesh)
+                    return;
+                const wallNode = useScene.getState().nodes[wallId];
+                if (!wallNode || wallNode.type !== 'wall')
+                    return;
+                const mats = getMaterialsForWall(wallNode);
+                const current = wallMesh.material;
+                snapshot.set(wallMesh, current);
+                if (current === mats.highlightedVisible || current === mats.deleteVisible) {
+                    wallMesh.material = mats.visible;
+                }
+                else if (current === mats.highlightedInvisible || current === mats.deleteInvisible) {
+                    wallMesh.material = mats.invisible;
+                }
+            });
+        };
+        const reapplyAfterCapture = () => {
+            snapshot.forEach((mat, mesh) => {
+                mesh.material = mat;
+            });
+            snapshot.clear();
+        };
+        emitter.on('thumbnail:before-capture', restoreForCapture);
+        emitter.on('thumbnail:after-capture', reapplyAfterCapture);
+        return () => {
+            emitter.off('thumbnail:before-capture', restoreForCapture);
+            emitter.off('thumbnail:after-capture', reapplyAfterCapture);
+        };
+    }, []);
     return null;
 };

package/dist/systems/wall/wall-materials.d.ts

@@ -0,0 +1,16 @@
+import { type WallNode } from '@pascal-app/core';
+import { type Material } from 'three';
+export type WallMaterialArray = [Material, Material, Material];
+export interface WallMaterials {
+    visible: WallMaterialArray;
+    invisible: WallMaterialArray;
+    deleteVisible: WallMaterialArray;
+    deleteInvisible: WallMaterialArray;
+    highlightedVisible: WallMaterialArray;
+    highlightedInvisible: WallMaterialArray;
+    materialHash: string;
+}
+export declare function getWallMaterialHash(wallNode: WallNode): string;
+export declare function getMaterialsForWall(wallNode: WallNode): WallMaterials;
+export declare function getVisibleWallMaterials(wallNode: WallNode): WallMaterialArray;
+//# sourceMappingURL=wall-materials.d.ts.map

package/dist/systems/wall/wall-materials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wall-materials.d.ts","sourceRoot":"","sources":["../../../src/systems/wall/wall-materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAwB5C,MAAM,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAE9D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,aAAa,EAAE,iBAAiB,CAAA;IAChC,eAAe,EAAE,iBAAiB,CAAA;IAClC,kBAAkB,EAAE,iBAAiB,CAAA;IACrC,oBAAoB,EAAE,iBAAiB,CAAA;IACvC,YAAY,EAAE,MAAM,CAAA;CACrB;AA4GD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAS9D;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,aAAa,CA2DrE;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,CAE7E"}