@pascal-app/core 1.0.6 → 1.0.7

package/dist/material-library.js

@@ -1869,7 +1869,7 @@ export const MATERIAL_CATALOG = [
         previewColor: '#505050',
         preset: {
             maps: {
-                albedoMap: '/material/roofing/roof_shingles_grey/roof_shingles_grey_basecolor_512.webp',
+                albedoMap: '/material/roofing/roof_shingles_grey/roof_shingles_grey_basecolor_512.ktx2',
                 aoMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_ao_512.ktx2',
                 metalnessMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_metallic_512.ktx2',
                 normalMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_normal_512.ktx2',
@@ -2101,6 +2101,41 @@ export const MATERIAL_CATALOG = [
             },
         },
     },
+    {
+        // The default interior wall paint (`DEFAULT_INTERIOR_WALL_PAINT`): Light grey's
+        // colour under its own name. Listed after it, so a nearest-colour snap still
+        // lands on Light grey.
+        id: 'preset-seattlegrey',
+        label: 'Seattle grey',
+        category: 'colors',
+        description: 'Cool light grey interior wall paint',
+        previewColor: '#d8d6d1',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#d8d6d1',
+                roughness: 0.9,
+                metalness: 0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0.02,
+                transparent: false,
+                flipY: true,
+                bumpScale: 1,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
     {
         id: 'preset-greige',
         label: 'Greige',
@@ -3441,13 +3476,81 @@ export const MATERIAL_CATALOG = [
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 // FrontSide — DoubleSide on a NodeMaterial poisons the WebGPU MRT scene
-                // pass (window/door glass relies on this). It's the only glass we use.
+                // pass (window/door glass relies on this).
                 side: 0,
                 opacity: 0.3,
                 lightMapIntensity: 1,
             },
         },
     },
+    {
+        id: 'preset-glass-frosted',
+        label: 'Frosted glass',
+        category: 'glass',
+        description: 'Frosted glass finish',
+        previewColor: '#e8edf0',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#e8edf0',
+                roughness: 0.6,
+                metalness: 0.0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0.02,
+                transparent: true,
+                flipY: true,
+                bumpScale: 1,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                // FrontSide — DoubleSide on a NodeMaterial poisons the WebGPU MRT scene
+                // pass (window/door glass relies on this).
+                side: 0,
+                opacity: 0.6,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'preset-glass-tinted',
+        label: 'Tinted glass',
+        category: 'glass',
+        description: 'Tinted glass finish',
+        previewColor: '#6f8a99',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#6f8a99',
+                roughness: 0.1,
+                metalness: 0.0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0.02,
+                transparent: true,
+                flipY: true,
+                bumpScale: 1,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                // FrontSide — DoubleSide on a NodeMaterial poisons the WebGPU MRT scene
+                // pass (window/door glass relies on this).
+                side: 0,
+                opacity: 0.45,
+                lightMapIntensity: 1,
+            },
+        },
+    },
     {
         id: 'fabric-linen',
         label: 'Linen',
@@ -4175,23 +4278,95 @@ export const MATERIAL_CATALOG = [
             },
         },
     },
+    {
+        id: 'metal-black',
+        label: 'Matte black',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Matte black finish',
+        previewColor: '#1f1f1f',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#1f1f1f',
+                roughness: 0.55,
+                metalness: 0.5,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                transparent: false,
+                flipY: false,
+                bumpScale: 1,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'metal-bronze',
+        label: 'Oil-rubbed bronze',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Oil-rubbed bronze finish',
+        previewColor: '#4a3a2a',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#4a3a2a',
+                roughness: 0.45,
+                metalness: 0.7,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                transparent: false,
+                flipY: false,
+                bumpScale: 1,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
     /* ── Siding ────────────────────────────────────────────────────────────────
      * The catalog shipped no siding finish at all — no lap, no clapboard, no
      * board-and-batten — so imported exterior walls could be color-true only as
      * flat paint. One white seamless albedo per profile,
      * tinted per entry via mapProperties.color (same mechanism the flat color
-     * presets use), keeps this to two textures for twelve finishes.
+     * presets use), keeps this to two textures for every finish. Painted wood /
+     * fiber-cement and vinyl differ by sheen (roughness). The `siding` category
+     * keeps them apart from wood flooring; ids are stable scene references.
      */
     {
         id: 'siding-lap-white',
         label: 'Lap siding — white',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted white',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#e9e9e9',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#e9e9e9',
@@ -4205,10 +4380,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4220,13 +4395,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-greige',
         label: 'Lap siding — greige',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted greige',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#c8c1b8',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#c8c1b8',
@@ -4240,10 +4419,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4255,13 +4434,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-gray',
         label: 'Lap siding — gray',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted gray',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#8b8a86',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#8b8a86',
@@ -4275,10 +4458,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4290,13 +4473,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-sage',
         label: 'Lap siding — sage',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted sage',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#bcc5b2',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#bcc5b2',
@@ -4310,10 +4497,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4325,13 +4512,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-cedar',
         label: 'Lap siding — cedar',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, stained cedar',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#b5825a',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#b5825a',
@@ -4345,10 +4536,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4360,13 +4551,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-forest',
         label: 'Lap siding — forest',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted forest',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#4f6b57',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#4f6b57',
@@ -4380,10 +4575,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4395,13 +4590,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-navy',
         label: 'Lap siding — navy',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted navy',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#2f4865',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#2f4865',
@@ -4415,10 +4614,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4430,13 +4629,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-yellow',
         label: 'Lap siding — yellow',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted yellow',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#f2e3b3',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#f2e3b3',
@@ -4450,10 +4653,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4465,13 +4668,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-nearblack',
         label: 'Lap siding — nearblack',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted nearblack',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#232322',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#5c5c59',
@@ -4485,10 +4692,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4500,13 +4707,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-lap-clay',
         label: 'Lap siding — clay',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior clapboard lap siding, painted clay',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
         previewColor: '#8f4a2e',
         preset: {
             maps: {
-                albedoMap: '/material/siding/lap_albedo_512.webp',
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#8f4a2e',
@@ -4520,10 +4731,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4535,13 +4746,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-batten-cream',
         label: 'Board & batten — cream',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior board-and-batten siding, painted cream',
+        previewThumbnailUrl: '/material/siding/batten_thumb.webp',
         previewColor: '#efe3cc',
         preset: {
             maps: {
-                albedoMap: '/material/siding/batten_albedo_512.webp',
+                albedoMap: '/material/siding/batten_basecolor_512.ktx2',
+                normalMap: '/material/siding/batten_normal_512.ktx2',
+                roughnessMap: '/material/siding/batten_roughness_512.ktx2',
+                aoMap: '/material/siding/batten_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#efe3cc',
@@ -4555,10 +4770,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4570,13 +4785,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-batten-sand',
         label: 'Board & batten — sand',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior board-and-batten siding, painted sand',
+        previewThumbnailUrl: '/material/siding/batten_thumb.webp',
         previewColor: '#ddccae',
         preset: {
             maps: {
-                albedoMap: '/material/siding/batten_albedo_512.webp',
+                albedoMap: '/material/siding/batten_basecolor_512.ktx2',
+                normalMap: '/material/siding/batten_normal_512.ktx2',
+                roughnessMap: '/material/siding/batten_roughness_512.ktx2',
+                aoMap: '/material/siding/batten_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#ddccae',
@@ -4590,10 +4809,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4605,13 +4824,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-batten-charcoal',
         label: 'Board & batten — charcoal',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior board-and-batten siding, painted charcoal',
+        previewThumbnailUrl: '/material/siding/batten_thumb.webp',
         previewColor: '#4e5257',
         preset: {
             maps: {
-                albedoMap: '/material/siding/batten_albedo_512.webp',
+                albedoMap: '/material/siding/batten_basecolor_512.ktx2',
+                normalMap: '/material/siding/batten_normal_512.ktx2',
+                roughnessMap: '/material/siding/batten_roughness_512.ktx2',
+                aoMap: '/material/siding/batten_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#4e5257',
@@ -4625,10 +4848,10 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4640,13 +4863,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'siding-batten-olive',
         label: 'Board & batten — olive',
-        category: 'wood',
+        category: 'siding',
         surfaces: ['wall', 'outdoor'],
         description: 'Exterior board-and-batten siding, painted olive',
+        previewThumbnailUrl: '/material/siding/batten_thumb.webp',
         previewColor: '#8d9368',
         preset: {
             maps: {
-                albedoMap: '/material/siding/batten_albedo_512.webp',
+                albedoMap: '/material/siding/batten_basecolor_512.ktx2',
+                normalMap: '/material/siding/batten_normal_512.ktx2',
+                roughnessMap: '/material/siding/batten_roughness_512.ktx2',
+                aoMap: '/material/siding/batten_ao_512.ktx2',
             },
             mapProperties: {
                 color: '#8d9368',
@@ -4660,10 +4887,166 @@ export const MATERIAL_CATALOG = [
                 normalScaleX: 1,
                 normalScaleY: 1,
                 emissiveIntensity: 1,
-                displacementScale: 0.02,
+                displacementScale: 0,
                 bumpScale: 1,
                 transparent: false,
-                flipY: true,
+                flipY: false,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'siding-vinyl-white',
+        label: 'Vinyl lap siding — white',
+        category: 'siding',
+        surfaces: ['wall', 'outdoor'],
+        description: 'Exterior vinyl lap siding, white, with a low sheen',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
+        previewColor: '#ecebe6',
+        preset: {
+            maps: {
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ecebe6',
+                roughness: 0.55,
+                metalness: 0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                bumpScale: 1,
+                transparent: false,
+                flipY: false,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'siding-vinyl-almond',
+        label: 'Vinyl lap siding — almond',
+        category: 'siding',
+        surfaces: ['wall', 'outdoor'],
+        description: 'Exterior vinyl lap siding, almond, with a low sheen',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
+        previewColor: '#ddd2bd',
+        preset: {
+            maps: {
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ddd2bd',
+                roughness: 0.55,
+                metalness: 0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                bumpScale: 1,
+                transparent: false,
+                flipY: false,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'siding-vinyl-gray',
+        label: 'Vinyl lap siding — gray',
+        category: 'siding',
+        surfaces: ['wall', 'outdoor'],
+        description: 'Exterior vinyl lap siding, gray, with a low sheen',
+        previewThumbnailUrl: '/material/siding/lap_thumb.webp',
+        previewColor: '#a3a6a4',
+        preset: {
+            maps: {
+                albedoMap: '/material/siding/lap_basecolor_512.ktx2',
+                normalMap: '/material/siding/lap_normal_512.ktx2',
+                roughnessMap: '/material/siding/lap_roughness_512.ktx2',
+                aoMap: '/material/siding/lap_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#a3a6a4',
+                roughness: 0.55,
+                metalness: 0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                bumpScale: 1,
+                transparent: false,
+                flipY: false,
+                emissiveColor: '#000000',
+                aoMapIntensity: 1,
+                side: 0,
+                opacity: 1,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'siding-vinyl-vertical-white',
+        label: 'Vinyl vertical siding — white',
+        category: 'siding',
+        surfaces: ['wall', 'outdoor'],
+        description: 'Exterior vinyl board-and-batten style vertical siding, white, with a low sheen',
+        previewThumbnailUrl: '/material/siding/batten_thumb.webp',
+        previewColor: '#ecebe6',
+        preset: {
+            maps: {
+                albedoMap: '/material/siding/batten_basecolor_512.ktx2',
+                normalMap: '/material/siding/batten_normal_512.ktx2',
+                roughnessMap: '/material/siding/batten_roughness_512.ktx2',
+                aoMap: '/material/siding/batten_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ecebe6',
+                roughness: 0.55,
+                metalness: 0,
+                repeatX: 1,
+                repeatY: 1,
+                rotation: 0,
+                wrapS: 'Repeat',
+                wrapT: 'Repeat',
+                normalScaleX: 1,
+                normalScaleY: 1,
+                emissiveIntensity: 1,
+                displacementScale: 0,
+                bumpScale: 1,
+                transparent: false,
+                flipY: false,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
                 side: 0,
@@ -4722,6 +5105,22 @@ export function getMaterialsForCategory(category) {
     }
     return items;
 }
+const BROWSER_IMAGE = /\.(?:webp|png|jpe?g|avif|gif)(?:[?#]|$)/i;
+/**
+ * A catalog material's swatch: its thumbnail or browser-readable albedo,
+ * multiplied by the material's colour; else its flat preview colour.
+ */
+export function getMaterialSwatch(item) {
+    const tint = item.preset.mapProperties.color;
+    const color = item.previewColor ?? tint ?? '#f3f4f6';
+    const albedo = item.preset.maps.albedoMap;
+    const imageUrl = item.previewThumbnailUrl ?? (albedo && BROWSER_IMAGE.test(albedo) ? albedo : null);
+    if (imageUrl) {
+        const tinted = !!tint && !/^#(?:fff|ffffff)$/i.test(tint);
+        return { color: tinted ? tint : color, imageUrl, tinted };
+    }
+    return { color, imageUrl: null, tinted: false };
+}
 /** A community material's id (`mtl_…`, as the host's database mints them), well formed. */
 export function isCommunityMaterialId(id) {
     return /^mtl_[\w-]+$/.test(id);