@pascal-app/core 0.9.1 → 0.9.2

package/dist/material-library.js

@@ -29,20 +29,42 @@ const ROOF_TARGETS = [
     MaterialTargetSchema.enum.dormer,
 ];
 const CEILING_TARGETS = [MaterialTargetSchema.enum.ceiling];
-export const MATERIAL_CATEGORIES = ['wood', 'flooring', 'roof', 'other'];
+export const MATERIAL_CATEGORIES = [
+    'colors',
+    'wood',
+    'stone',
+    'brick',
+    'tile',
+    'concrete',
+    'metal',
+    'fabric',
+    'leather',
+    'roofing',
+    'ground',
+    'glass',
+];
+export const MATERIAL_SURFACES = [
+    'floor',
+    'wall',
+    'ceiling',
+    'roof',
+    'furniture',
+    'outdoor',
+];
 export const MATERIAL_CATALOG = [
     {
         id: 'wood-finewood27',
         label: 'Finewood 27',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/finewood_27/finewood_27_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/finewood_27/finewood_27_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/finewood_27/finewood_27_basecolor.webp',
-                aoMap: '/material/wood/finewood_27/finewood_27_ambientocclusion.webp',
-                normalMap: '/material/wood/finewood_27/finewood_27_normal.webp',
-                roughnessMap: '/material/wood/finewood_27/finewood_27_roughness.webp',
+                albedoMap: '/material/wood/finewood_27/finewood_27_basecolor_512.ktx2',
+                aoMap: '/material/wood/finewood_27/finewood_27_ao_512.ktx2',
+                normalMap: '/material/wood/finewood_27/finewood_27_normal_512.ktx2',
+                roughnessMap: '/material/wood/finewood_27/finewood_27_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -58,7 +80,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -72,14 +94,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-floorplank1',
         label: 'Floor Plank 1',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Wood plank finish',
-        previewThumbnailUrl: '/material/wood/floor_plank_1/floor_plank-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/floor_plank_1/floor_plank_1_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/floor_plank_1/floor_plank-diffuse.webp',
-                aoMap: '/material/wood/floor_plank_1/floor_plank-ao.webp',
-                metalnessMap: '/material/wood/floor_plank_1/floor_plank-specular.webp',
-                normalMap: '/material/wood/floor_plank_1/floor_plank-normal.webp',
+                albedoMap: '/material/wood/floor_plank_1/floor_plank_1_basecolor_512.ktx2',
+                aoMap: '/material/wood/floor_plank_1/floor_plank_1_ao_512.ktx2',
+                normalMap: '/material/wood/floor_plank_1/floor_plank_1_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -95,7 +117,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -109,14 +131,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-hungarianparquet10',
         label: 'Hungarian Parquet 10',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_baseColor.webp',
+        previewThumbnailUrl: '/material/wood/hungarian_parquet_10/hungarian_parquet_10_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_baseColor.webp',
-                metalnessMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_specularLevel.webp',
-                normalMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_normal.webp',
-                roughnessMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_roughness.webp',
+                albedoMap: '/material/wood/hungarian_parquet_10/hungarian_parquet_10_basecolor_512.ktx2',
+                normalMap: '/material/wood/hungarian_parquet_10/hungarian_parquet_10_normal_512.ktx2',
+                roughnessMap: '/material/wood/hungarian_parquet_10/hungarian_parquet_10_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -132,7 +154,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -146,14 +168,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-hungarianparquet2',
         label: 'Hungarian Parquet 2',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_baseColor.webp',
+        previewThumbnailUrl: '/material/wood/hungarian_parquet_2/hungarian_parquet_2_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_baseColor.webp',
-                metalnessMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_specularLevel.webp',
-                normalMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_normal.webp',
-                roughnessMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_roughness.webp',
+                albedoMap: '/material/wood/hungarian_parquet_2/hungarian_parquet_2_basecolor_512.ktx2',
+                normalMap: '/material/wood/hungarian_parquet_2/hungarian_parquet_2_normal_512.ktx2',
+                roughnessMap: '/material/wood/hungarian_parquet_2/hungarian_parquet_2_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -169,7 +191,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -183,14 +205,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-squareparquet21',
         label: 'Square Parquet 21',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/square_parquet_21/Square Pattern Parquet_21_baseColor.webp',
+        previewThumbnailUrl: '/material/wood/square_parquet_21/square_parquet_21_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_baseColor.webp',
-                metalnessMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_specularLevel.webp',
-                normalMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_normal.webp',
-                roughnessMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_roughness.webp',
+                albedoMap: '/material/wood/square_parquet_21/square_parquet_21_basecolor_512.ktx2',
+                normalMap: '/material/wood/square_parquet_21/square_parquet_21_normal_512.ktx2',
+                roughnessMap: '/material/wood/square_parquet_21/square_parquet_21_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -206,7 +228,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -220,14 +242,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-squareparquet23',
         label: 'Square Parquet 23',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_baseColor.webp',
+        previewThumbnailUrl: '/material/wood/square_wood_parquet_23/square_wood_parquet_23_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_baseColor.webp',
-                metalnessMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_specularLevel.webp',
-                normalMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_normal.webp',
-                roughnessMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_roughness.webp',
+                albedoMap: '/material/wood/square_wood_parquet_23/square_wood_parquet_23_basecolor_512.ktx2',
+                normalMap: '/material/wood/square_wood_parquet_23/square_wood_parquet_23_normal_512.ktx2',
+                roughnessMap: '/material/wood/square_wood_parquet_23/square_wood_parquet_23_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -243,7 +265,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -257,14 +279,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine1',
         label: 'Wood Fine 1',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine/wood_fine_1-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine/wood_fine_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine/wood_fine_1-diffuse.webp',
-                aoMap: '/material/wood/wood_fine/wood_fine_1-ao.webp',
-                metalnessMap: '/material/wood/wood_fine/wood_fine_1-specular.webp',
-                normalMap: '/material/wood/wood_fine/wood_fine_1-normal.webp',
+                albedoMap: '/material/wood/wood_fine/wood_fine_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine/wood_fine_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine/wood_fine_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -280,7 +302,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -294,14 +316,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine11',
         label: 'Wood Fine 11',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine_11/wood_fine_11-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine_11/wood_fine_11_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine_11/wood_fine_11-diffuse.webp',
-                aoMap: '/material/wood/wood_fine_11/wood_fine_11-ao.webp',
-                metalnessMap: '/material/wood/wood_fine_11/wood_fine_11-specular.webp',
-                normalMap: '/material/wood/wood_fine_11/wood_fine_11-normal.webp',
+                albedoMap: '/material/wood/wood_fine_11/wood_fine_11_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine_11/wood_fine_11_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine_11/wood_fine_11_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -317,7 +339,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -331,14 +353,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine13',
         label: 'Wood Fine 13',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine_13/wood_fine_13-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine_13/wood_fine_13_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine_13/wood_fine_13-diffuse.webp',
-                aoMap: '/material/wood/wood_fine_13/wood_fine_13-ao.webp',
-                metalnessMap: '/material/wood/wood_fine_13/wood_fine_13-specular.webp',
-                normalMap: '/material/wood/wood_fine_13/wood_fine_13-normal.webp',
+                albedoMap: '/material/wood/wood_fine_13/wood_fine_13_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine_13/wood_fine_13_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine_13/wood_fine_13_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -354,7 +376,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -368,14 +390,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine2',
         label: 'Wood Fine 2',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine_2/wood_fine_2-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine_2/wood_fine_2_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine_2/wood_fine_2-diffuse.webp',
-                aoMap: '/material/wood/wood_fine_2/wood_fine_2-ao.webp',
-                metalnessMap: '/material/wood/wood_fine_2/wood_fine_2-specular.webp',
-                normalMap: '/material/wood/wood_fine_2/wood_fine_2-normal.webp',
+                albedoMap: '/material/wood/wood_fine_2/wood_fine_2_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine_2/wood_fine_2_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine_2/wood_fine_2_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -391,7 +413,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -405,14 +427,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine22',
         label: 'Wood Fine 22',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine_22/wood_fine_22-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine_22/wood_fine_22_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine_22/wood_fine_22-diffuse.webp',
-                aoMap: '/material/wood/wood_fine_22/wood_fine_22-ao.webp',
-                metalnessMap: '/material/wood/wood_fine_22/wood_fine_22-specular.webp',
-                normalMap: '/material/wood/wood_fine_22/wood_fine_22-normal.webp',
+                albedoMap: '/material/wood/wood_fine_22/wood_fine_22_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine_22/wood_fine_22_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine_22/wood_fine_22_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -428,7 +450,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -442,14 +464,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodfine24',
         label: 'Wood Fine 24',
         category: 'wood',
+        surfaces: ['floor', 'wall', 'furniture'],
         description: 'Fine wood finish',
-        previewThumbnailUrl: '/material/wood/wood_fine_24/wood_fine_24-diffuse.webp',
+        previewThumbnailUrl: '/material/wood/wood_fine_24/wood_fine_24_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_fine_24/wood_fine_24-diffuse.webp',
-                aoMap: '/material/wood/wood_fine_24/wood_fine_24-ao.webp',
-                metalnessMap: '/material/wood/wood_fine_24/wood_fine_24-specular.webp',
-                normalMap: '/material/wood/wood_fine_24/wood_fine_24-normal.webp',
+                albedoMap: '/material/wood/wood_fine_24/wood_fine_24_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_fine_24/wood_fine_24_ao_512.ktx2',
+                normalMap: '/material/wood/wood_fine_24/wood_fine_24_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -465,7 +487,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -479,15 +501,16 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodparquet14',
         label: 'Wood Parquet 14',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/wood_parquet_14/woodparquet_14_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/wood_parquet_14/wood_parquet_14_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wood_parquet_14/woodparquet_14_basecolor.webp',
-                aoMap: '/material/wood/wood_parquet_14/woodparquet_14_ambientocclusion.webp',
-                metalnessMap: '/material/wood/wood_parquet_14/woodparquet_14_metallic.webp',
-                normalMap: '/material/wood/wood_parquet_14/woodparquet_14_normal.webp',
-                roughnessMap: '/material/wood/wood_parquet_14/woodparquet_14_roughness.webp',
+                albedoMap: '/material/wood/wood_parquet_14/wood_parquet_14_basecolor_512.ktx2',
+                aoMap: '/material/wood/wood_parquet_14/wood_parquet_14_ao_512.ktx2',
+                metalnessMap: '/material/wood/wood_parquet_14/wood_parquet_14_metallic_512.ktx2',
+                normalMap: '/material/wood/wood_parquet_14/wood_parquet_14_normal_512.ktx2',
+                roughnessMap: '/material/wood/wood_parquet_14/wood_parquet_14_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -503,7 +526,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -517,14 +540,14 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodenparquet11',
         label: 'Wooden Parquet 11',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/wooden_parquet_11/Classic Parquet_11_baseColor.webp',
+        previewThumbnailUrl: '/material/wood/wooden_parquet_11/wooden_parquet_11_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/wooden_parquet_11/Classic Parquet_11_baseColor.webp',
-                metalnessMap: '/material/wood/wooden_parquet_11/Classic Parquet_11_specularLevel.webp',
-                normalMap: '/material/wood/wooden_parquet_11/Classic Parquet_11_normal.webp',
-                roughnessMap: '/material/wood/wooden_parquet_11/Classic Parquet_11_roughness.webp',
+                albedoMap: '/material/wood/wooden_parquet_11/wooden_parquet_11_basecolor_512.ktx2',
+                normalMap: '/material/wood/wooden_parquet_11/wooden_parquet_11_normal_512.ktx2',
+                roughnessMap: '/material/wood/wooden_parquet_11/wooden_parquet_11_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -540,7 +563,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -554,14 +577,15 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodparquet121',
         label: 'Wood Parquet 121',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/woodparquet_121/woodparquet_121_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/woodparquet_121/woodparquet_121_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodparquet_121/woodparquet_121_basecolor.webp',
-                aoMap: '/material/wood/woodparquet_121/woodparquet_121_ambientocclusion.webp',
-                normalMap: '/material/wood/woodparquet_121/woodparquet_121_normal.webp',
-                roughnessMap: '/material/wood/woodparquet_121/woodparquet_121_roughness.webp',
+                albedoMap: '/material/wood/woodparquet_121/woodparquet_121_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodparquet_121/woodparquet_121_ao_512.ktx2',
+                normalMap: '/material/wood/woodparquet_121/woodparquet_121_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodparquet_121/woodparquet_121_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -577,7 +601,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -591,15 +615,16 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodparquet56',
         label: 'Wood Parquet 56',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/woodparquet_56/woodparquet_56_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/woodparquet_56/woodparquet_56_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodparquet_56/woodparquet_56_basecolor.webp',
-                aoMap: '/material/wood/woodparquet_56/woodparquet_56_ambientocclusion.webp',
-                metalnessMap: '/material/wood/woodparquet_56/woodparquet_56_metallic.webp',
-                normalMap: '/material/wood/woodparquet_56/woodparquet_56_normal.webp',
-                roughnessMap: '/material/wood/woodparquet_56/woodparquet_56_roughness.webp',
+                albedoMap: '/material/wood/woodparquet_56/woodparquet_56_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodparquet_56/woodparquet_56_ao_512.ktx2',
+                metalnessMap: '/material/wood/woodparquet_56/woodparquet_56_metallic_512.ktx2',
+                normalMap: '/material/wood/woodparquet_56/woodparquet_56_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodparquet_56/woodparquet_56_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -615,7 +640,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -629,15 +654,16 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodparquet65',
         label: 'Wood Parquet 65',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/woodparquet_65/woodparquet_65_BaseColor.webp',
+        previewThumbnailUrl: '/material/wood/woodparquet_65/woodparquet_65_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodparquet_65/woodparquet_65_BaseColor.webp',
-                aoMap: '/material/wood/woodparquet_65/woodparquet_65_AmbientOcclusion.webp',
-                metalnessMap: '/material/wood/woodparquet_65/woodparquet_65_Metallic.webp',
-                normalMap: '/material/wood/woodparquet_65/woodparquet_65_Normal.webp',
-                roughnessMap: '/material/wood/woodparquet_65/woodparquet_65_Roughness.webp',
+                albedoMap: '/material/wood/woodparquet_65/woodparquet_65_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodparquet_65/woodparquet_65_ao_512.ktx2',
+                metalnessMap: '/material/wood/woodparquet_65/woodparquet_65_metallic_512.ktx2',
+                normalMap: '/material/wood/woodparquet_65/woodparquet_65_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodparquet_65/woodparquet_65_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -653,7 +679,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -667,15 +693,16 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodparquet99',
         label: 'Wood Parquet 99',
         category: 'wood',
+        surfaces: ['floor'],
         description: 'Parquet wood finish',
-        previewThumbnailUrl: '/material/wood/woodparquet_99/woodparquet_99_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/woodparquet_99/woodparquet_99_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodparquet_99/woodparquet_99_basecolor.webp',
-                aoMap: '/material/wood/woodparquet_99/woodparquet_99_ambientocclusion.webp',
-                metalnessMap: '/material/wood/woodparquet_99/woodparquet_99_metallic.webp',
-                normalMap: '/material/wood/woodparquet_99/woodparquet_99_normal.webp',
-                roughnessMap: '/material/wood/woodparquet_99/woodparquet_99_roughness.webp',
+                albedoMap: '/material/wood/woodparquet_99/woodparquet_99_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodparquet_99/woodparquet_99_ao_512.ktx2',
+                metalnessMap: '/material/wood/woodparquet_99/woodparquet_99_metallic_512.ktx2',
+                normalMap: '/material/wood/woodparquet_99/woodparquet_99_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodparquet_99/woodparquet_99_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -691,7 +718,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -705,14 +732,15 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodplank19',
         label: 'Wood Plank 19',
         category: 'wood',
+        surfaces: ['floor', 'wall'],
         description: 'Wood plank finish',
-        previewThumbnailUrl: '/material/wood/woodplank_19/woodplank_19_basecolor.webp',
+        previewThumbnailUrl: '/material/wood/woodplank_19/woodplank_19_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodplank_19/woodplank_19_basecolor.webp',
-                aoMap: '/material/wood/woodplank_19/woodplank_19_ambientocclusion.webp',
-                normalMap: '/material/wood/woodplank_19/woodplank_19_normal.webp',
-                roughnessMap: '/material/wood/woodplank_19/woodplank_19_roughness.webp',
+                albedoMap: '/material/wood/woodplank_19/woodplank_19_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodplank_19/woodplank_19_ao_512.ktx2',
+                normalMap: '/material/wood/woodplank_19/woodplank_19_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodplank_19/woodplank_19_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -728,7 +756,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -742,14 +770,15 @@ export const MATERIAL_CATALOG = [
         id: 'wood-woodplank48',
         label: 'Wood Plank 48',
         category: 'wood',
+        surfaces: ['floor', 'wall'],
         description: 'Wood plank finish',
-        previewThumbnailUrl: '/material/wood/woodplank_48/woodplank_48_BaseColor.webp',
+        previewThumbnailUrl: '/material/wood/woodplank_48/woodplank_48_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/wood/woodplank_48/woodplank_48_BaseColor.webp',
-                aoMap: '/material/wood/woodplank_48/woodplank_48_AmbientOcclusion.webp',
-                normalMap: '/material/wood/woodplank_48/woodplank_48_Normal.webp',
-                roughnessMap: '/material/wood/woodplank_48/woodplank_48_Roughness.webp',
+                albedoMap: '/material/wood/woodplank_48/woodplank_48_basecolor_512.ktx2',
+                aoMap: '/material/wood/woodplank_48/woodplank_48_ao_512.ktx2',
+                normalMap: '/material/wood/woodplank_48/woodplank_48_normal_512.ktx2',
+                roughnessMap: '/material/wood/woodplank_48/woodplank_48_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -765,7 +794,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -778,15 +807,16 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tile85a',
         label: 'Quarry Tile',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Floor tile finish',
-        previewThumbnailUrl: '/material/flooring/tile_quarry/tile_quarry_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/tile_quarry/tile_quarry_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tile_quarry/tile_quarry_basecolor.webp',
-                aoMap: '/material/flooring/tile_quarry/tile_quarry_ambientocclusion.webp',
-                normalMap: '/material/flooring/tile_quarry/tile_quarry_normal.webp',
-                roughnessMap: '/material/flooring/tile_quarry/tile_quarry_roughness.webp',
+                albedoMap: '/material/flooring/tile_quarry/tile_quarry_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tile_quarry/tile_quarry_ao_512.ktx2',
+                normalMap: '/material/flooring/tile_quarry/tile_quarry_normal_512.ktx2',
+                roughnessMap: '/material/flooring/tile_quarry/tile_quarry_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -802,7 +832,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -815,16 +845,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-rusticbrick',
         label: 'Rustic Brick',
-        category: 'flooring',
+        category: 'brick',
+        surfaces: ['wall', 'floor', 'outdoor'],
         description: 'Brick finish',
-        previewThumbnailUrl: '/material/flooring/brick_wall_rustic/brick_wall_rustic_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/brick_wall_rustic/brick_wall_rustic_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_basecolor.jpg',
-                aoMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_metallic.jpg',
-                normalMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_normal.jpg',
-                roughnessMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_roughness.jpg',
+                albedoMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_basecolor_512.ktx2',
+                aoMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_ao_512.ktx2',
+                metalnessMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_metallic_512.ktx2',
+                normalMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_normal_512.ktx2',
+                roughnessMap: '/material/flooring/brick_wall_rustic/brick_wall_rustic_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -840,7 +871,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -853,16 +884,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-agedbrick',
         label: 'Aged Brick',
-        category: 'flooring',
+        category: 'brick',
+        surfaces: ['wall', 'floor', 'outdoor'],
         description: 'Brick finish',
-        previewThumbnailUrl: '/material/flooring/brick_wall_aged/brick_wall_aged_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/brick_wall_aged/brick_wall_aged_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/brick_wall_aged/brick_wall_aged_basecolor.jpg',
-                aoMap: '/material/flooring/brick_wall_aged/brick_wall_aged_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/brick_wall_aged/brick_wall_aged_metallic.jpg',
-                normalMap: '/material/flooring/brick_wall_aged/brick_wall_aged_normal.jpg',
-                roughnessMap: '/material/flooring/brick_wall_aged/brick_wall_aged_roughness.jpg',
+                albedoMap: '/material/flooring/brick_wall_aged/brick_wall_aged_basecolor_512.ktx2',
+                aoMap: '/material/flooring/brick_wall_aged/brick_wall_aged_ao_512.ktx2',
+                metalnessMap: '/material/flooring/brick_wall_aged/brick_wall_aged_metallic_512.ktx2',
+                normalMap: '/material/flooring/brick_wall_aged/brick_wall_aged_normal_512.ktx2',
+                roughnessMap: '/material/flooring/brick_wall_aged/brick_wall_aged_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -878,7 +910,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -891,15 +923,16 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-weatheredbrick',
         label: 'Weathered Brick',
-        category: 'flooring',
+        category: 'brick',
+        surfaces: ['wall', 'floor', 'outdoor'],
         description: 'Brick finish',
-        previewThumbnailUrl: '/material/flooring/brick_wall_weathered/brick_wall_weathered_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/brick_wall_weathered/brick_wall_weathered_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_basecolor.jpg',
-                aoMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_ambientocclusion.jpg',
-                normalMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_normal.jpg',
-                roughnessMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_roughness.jpg',
+                albedoMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_basecolor_512.ktx2',
+                aoMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_ao_512.ktx2',
+                normalMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_normal_512.ktx2',
+                roughnessMap: '/material/flooring/brick_wall_weathered/brick_wall_weathered_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -915,7 +948,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -928,15 +961,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-garagedoor',
         label: 'Garage Panel',
-        category: 'flooring',
+        category: 'metal',
+        surfaces: ['wall', 'furniture'],
         description: 'Panel finish',
-        previewThumbnailUrl: '/material/flooring/garage_panel/garage_panel_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/garage_panel/garage_panel_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/garage_panel/garage_panel_diffuse.jpg',
-                aoMap: '/material/flooring/garage_panel/garage_panel_ao.jpg',
-                metalnessMap: '/material/flooring/garage_panel/garage_panel_specular.jpg',
-                normalMap: '/material/flooring/garage_panel/garage_panel_normal.jpg',
+                albedoMap: '/material/flooring/garage_panel/garage_panel_basecolor_512.ktx2',
+                aoMap: '/material/flooring/garage_panel/garage_panel_ao_512.ktx2',
+                normalMap: '/material/flooring/garage_panel/garage_panel_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -952,7 +985,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -965,15 +998,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-greenlabradorite',
         label: 'Green Labradorite',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['floor', 'wall'],
         description: 'Stone flooring finish',
-        previewThumbnailUrl: '/material/flooring/green_labradorite/green_labradorite_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/green_labradorite/green_labradorite_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/green_labradorite/green_labradorite_diffuse.jpg',
-                aoMap: '/material/flooring/green_labradorite/green_labradorite_ao.jpg',
-                metalnessMap: '/material/flooring/green_labradorite/green_labradorite_specular.jpg',
-                normalMap: '/material/flooring/green_labradorite/green_labradorite_normal.jpg',
+                albedoMap: '/material/flooring/green_labradorite/green_labradorite_basecolor_512.ktx2',
+                aoMap: '/material/flooring/green_labradorite/green_labradorite_ao_512.ktx2',
+                normalMap: '/material/flooring/green_labradorite/green_labradorite_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -989,7 +1022,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1002,16 +1035,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-ground13',
         label: 'Earth Ground',
-        category: 'flooring',
+        category: 'ground',
+        surfaces: ['outdoor', 'floor'],
         description: 'Ground surface finish',
-        previewThumbnailUrl: '/material/flooring/ground_earth/ground_earth_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/ground_earth/ground_earth_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/ground_earth/ground_earth_basecolor.jpg',
-                aoMap: '/material/flooring/ground_earth/ground_earth_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/ground_earth/ground_earth_metallic.jpg',
-                normalMap: '/material/flooring/ground_earth/ground_earth_normal.jpg',
-                roughnessMap: '/material/flooring/ground_earth/ground_earth_roughness.jpg',
+                albedoMap: '/material/flooring/ground_earth/ground_earth_basecolor_512.ktx2',
+                aoMap: '/material/flooring/ground_earth/ground_earth_ao_512.ktx2',
+                metalnessMap: '/material/flooring/ground_earth/ground_earth_metallic_512.ktx2',
+                normalMap: '/material/flooring/ground_earth/ground_earth_normal_512.ktx2',
+                roughnessMap: '/material/flooring/ground_earth/ground_earth_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1027,7 +1061,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1040,15 +1074,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-pooltiles',
         label: 'Pool Tiles',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor', 'outdoor'],
         description: 'Pool tile finish',
-        previewThumbnailUrl: '/material/flooring/pool_tiles/pool_tiles_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/pool_tiles/pool_tiles_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/pool_tiles/pool_tiles_diffuse.jpg',
-                aoMap: '/material/flooring/pool_tiles/pool_tiles_ao.jpg',
-                metalnessMap: '/material/flooring/pool_tiles/pool_tiles_specular.jpg',
-                normalMap: '/material/flooring/pool_tiles/pool_tiles_normal.jpg',
+                albedoMap: '/material/flooring/pool_tiles/pool_tiles_basecolor_512.ktx2',
+                aoMap: '/material/flooring/pool_tiles/pool_tiles_ao_512.ktx2',
+                normalMap: '/material/flooring/pool_tiles/pool_tiles_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1064,7 +1098,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1077,15 +1111,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tiles3',
         label: 'Checker Tiles',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Tile flooring finish',
-        previewThumbnailUrl: '/material/flooring/tiles_checker/tiles_checker_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/tiles_checker/tiles_checker_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tiles_checker/tiles_checker_diffuse.jpg',
-                aoMap: '/material/flooring/tiles_checker/tiles_checker_ao.jpg',
-                metalnessMap: '/material/flooring/tiles_checker/tiles_checker_specular.jpg',
-                normalMap: '/material/flooring/tiles_checker/tiles_checker_normal.jpg',
+                albedoMap: '/material/flooring/tiles_checker/tiles_checker_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tiles_checker/tiles_checker_ao_512.ktx2',
+                normalMap: '/material/flooring/tiles_checker/tiles_checker_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1101,7 +1135,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1114,15 +1148,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tiles4',
         label: 'Grid Tiles',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Tile flooring finish',
-        previewThumbnailUrl: '/material/flooring/tiles_grid/tiles_grid_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/tiles_grid/tiles_grid_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tiles_grid/tiles_grid_diffuse.jpg',
-                aoMap: '/material/flooring/tiles_grid/tiles_grid_ao.jpg',
-                metalnessMap: '/material/flooring/tiles_grid/tiles_grid_specular.jpg',
-                normalMap: '/material/flooring/tiles_grid/tiles_grid_normal.jpg',
+                albedoMap: '/material/flooring/tiles_grid/tiles_grid_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tiles_grid/tiles_grid_ao_512.ktx2',
+                normalMap: '/material/flooring/tiles_grid/tiles_grid_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1138,7 +1172,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1151,15 +1185,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-wallstone1',
         label: 'Stone Wall',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['wall', 'floor', 'outdoor'],
         description: 'Stone finish',
-        previewThumbnailUrl: '/material/flooring/stone_wall/stone_wall_diffuse.webp',
+        previewThumbnailUrl: '/material/flooring/stone_wall/stone_wall_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/stone_wall/stone_wall_diffuse.webp',
-                aoMap: '/material/flooring/stone_wall/stone_wall_ao.webp',
-                metalnessMap: '/material/flooring/stone_wall/stone_wall_specular.webp',
-                normalMap: '/material/flooring/stone_wall/stone_wall_normal.webp',
+                albedoMap: '/material/flooring/stone_wall/stone_wall_basecolor_512.ktx2',
+                aoMap: '/material/flooring/stone_wall/stone_wall_ao_512.ktx2',
+                normalMap: '/material/flooring/stone_wall/stone_wall_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1175,7 +1209,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1188,15 +1222,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-woodenceramic3',
         label: 'Wooden Ceramic 3',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Wood-look ceramic flooring finish',
-        previewThumbnailUrl: '/material/flooring/wooden_ceramic_3/wooden_ceramic-diffuse.webp',
+        previewThumbnailUrl: '/material/flooring/wooden_ceramic_3/wooden_ceramic_3_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic-diffuse.webp',
-                aoMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic-ao.webp',
-                metalnessMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic-specular.webp',
-                normalMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic-normal.webp',
+                albedoMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic_3_basecolor_512.ktx2',
+                aoMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic_3_ao_512.ktx2',
+                normalMap: '/material/flooring/wooden_ceramic_3/wooden_ceramic_3_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1212,7 +1246,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1225,16 +1259,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-ceramic53',
         label: 'Ceramic Mosaic',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor', 'wall'],
         description: 'Ceramic flooring finish',
-        previewThumbnailUrl: '/material/flooring/ceramic_mosaic/ceramic_mosaic_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/ceramic_mosaic/ceramic_mosaic_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_basecolor.jpg',
-                aoMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_metallic.jpg',
-                normalMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_normal.png',
-                roughnessMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_roughness.jpg',
+                albedoMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_basecolor_512.ktx2',
+                aoMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_ao_512.ktx2',
+                metalnessMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_metallic_512.ktx2',
+                normalMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_normal_512.ktx2',
+                roughnessMap: '/material/flooring/ceramic_mosaic/ceramic_mosaic_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1250,7 +1285,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1263,15 +1298,16 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-terrazzo19',
         label: 'Terrazzo',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['floor', 'wall'],
         description: 'Terrazzo flooring finish',
-        previewThumbnailUrl: '/material/flooring/terrazzo/terrazzo_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/terrazzo/terrazzo_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/terrazzo/terrazzo_basecolor.jpg',
-                metalnessMap: '/material/flooring/terrazzo/terrazzo_metallic.jpg',
-                normalMap: '/material/flooring/terrazzo/terrazzo_normal.jpg',
-                roughnessMap: '/material/flooring/terrazzo/terrazzo_roughness.jpg',
+                albedoMap: '/material/flooring/terrazzo/terrazzo_basecolor_512.ktx2',
+                metalnessMap: '/material/flooring/terrazzo/terrazzo_metallic_512.ktx2',
+                normalMap: '/material/flooring/terrazzo/terrazzo_normal_512.ktx2',
+                roughnessMap: '/material/flooring/terrazzo/terrazzo_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1287,7 +1323,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1300,15 +1336,16 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tile79',
         label: 'Stone Tile',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['floor', 'wall'],
         description: 'Floor tile finish',
-        previewThumbnailUrl: '/material/flooring/tile_stone/tile_stone_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/tile_stone/tile_stone_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tile_stone/tile_stone_basecolor.webp',
-                aoMap: '/material/flooring/tile_stone/tile_stone_ambientocclusion.webp',
-                normalMap: '/material/flooring/tile_stone/tile_stone_normal.webp',
-                roughnessMap: '/material/flooring/tile_stone/tile_stone_roughness.webp',
+                albedoMap: '/material/flooring/tile_stone/tile_stone_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tile_stone/tile_stone_ao_512.ktx2',
+                normalMap: '/material/flooring/tile_stone/tile_stone_normal_512.ktx2',
+                roughnessMap: '/material/flooring/tile_stone/tile_stone_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1324,7 +1361,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1337,15 +1374,16 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tile86',
         label: 'Terracotta Tile',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Floor tile finish',
-        previewThumbnailUrl: '/material/flooring/tile_terracotta/tile_terracotta_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/tile_terracotta/tile_terracotta_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tile_terracotta/tile_terracotta_basecolor.webp',
-                aoMap: '/material/flooring/tile_terracotta/tile_terracotta_ambientocclusion.webp',
-                normalMap: '/material/flooring/tile_terracotta/tile_terracotta_normal.webp',
-                roughnessMap: '/material/flooring/tile_terracotta/tile_terracotta_roughness.webp',
+                albedoMap: '/material/flooring/tile_terracotta/tile_terracotta_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tile_terracotta/tile_terracotta_ao_512.ktx2',
+                normalMap: '/material/flooring/tile_terracotta/tile_terracotta_normal_512.ktx2',
+                roughnessMap: '/material/flooring/tile_terracotta/tile_terracotta_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1361,7 +1399,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1374,15 +1412,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-greenquartzitea',
         label: 'Green Quartzite A',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['floor', 'wall'],
         description: 'Green quartzite flooring finish',
-        previewThumbnailUrl: '/material/flooring/green_glass_quartzite/green_glass_quartzite_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/green_glass_quartzite/green_glass_quartzite_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_diffuse.jpg',
-                aoMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_ao.jpg',
-                metalnessMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_specular.jpg',
-                normalMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_normal.jpg',
+                albedoMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_basecolor_512.ktx2',
+                aoMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_ao_512.ktx2',
+                normalMap: '/material/flooring/green_glass_quartzite/green_glass_quartzite_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1398,7 +1436,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1411,16 +1449,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-darkceramic22',
         label: 'Dark Ceramic Grunge',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Dark ceramic flooring finish',
-        previewThumbnailUrl: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_basecolor.jpg',
-                aoMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_metallic.jpg',
-                normalMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_normal.jpg',
-                roughnessMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_roughness.jpg',
+                albedoMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_basecolor_512.ktx2',
+                aoMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_ao_512.ktx2',
+                metalnessMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_metallic_512.ktx2',
+                normalMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_normal_512.ktx2',
+                roughnessMap: '/material/flooring/dark_ceramic_grunge/dark_ceramic_grunge_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1436,7 +1475,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1449,16 +1488,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-lightceramic24',
         label: 'Light Ceramic Grunge',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Light ceramic flooring finish',
-        previewThumbnailUrl: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_basecolor.jpg',
+        previewThumbnailUrl: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_basecolor.jpg',
-                aoMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_ambientocclusion.jpg',
-                metalnessMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_metallic.jpg',
-                normalMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_normal.jpg',
-                roughnessMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_roughness.jpg',
+                albedoMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_basecolor_512.ktx2',
+                aoMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_ao_512.ktx2',
+                metalnessMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_metallic_512.ktx2',
+                normalMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_normal_512.ktx2',
+                roughnessMap: '/material/flooring/light_ceramic_grunge/light_ceramic_grunge_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1474,7 +1514,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1487,15 +1527,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-statuarettowhite',
         label: 'Statuaretto White',
-        category: 'flooring',
+        category: 'stone',
+        surfaces: ['floor', 'wall'],
         description: 'White marble flooring finish',
-        previewThumbnailUrl: '/material/flooring/statuaretto/statuaretto_diffuse.jpg',
+        previewThumbnailUrl: '/material/flooring/statuaretto/statuaretto_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/statuaretto/statuaretto_diffuse.jpg',
-                aoMap: '/material/flooring/statuaretto/statuaretto_ao.jpg',
-                metalnessMap: '/material/flooring/statuaretto/statuaretto_specular.jpg',
-                normalMap: '/material/flooring/statuaretto/statuaretto_normal.jpg',
+                albedoMap: '/material/flooring/statuaretto/statuaretto_basecolor_512.ktx2',
+                aoMap: '/material/flooring/statuaretto/statuaretto_ao_512.ktx2',
+                normalMap: '/material/flooring/statuaretto/statuaretto_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1511,7 +1551,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1524,16 +1564,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tile20',
         label: 'Mosaic Tile',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor', 'wall'],
         description: 'Floor tile finish',
-        previewThumbnailUrl: '/material/flooring/tile_mosaic/tile_mosaic_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/tile_mosaic/tile_mosaic_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tile_mosaic/tile_mosaic_basecolor.webp',
-                aoMap: '/material/flooring/tile_mosaic/tile_mosaic_ambientocclusion.webp',
-                metalnessMap: '/material/flooring/tile_mosaic/tile_mosaic_metallic.webp',
-                normalMap: '/material/flooring/tile_mosaic/tile_mosaic_normal.webp',
-                roughnessMap: '/material/flooring/tile_mosaic/tile_mosaic_roughness.webp',
+                albedoMap: '/material/flooring/tile_mosaic/tile_mosaic_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tile_mosaic/tile_mosaic_ao_512.ktx2',
+                metalnessMap: '/material/flooring/tile_mosaic/tile_mosaic_metallic_512.ktx2',
+                normalMap: '/material/flooring/tile_mosaic/tile_mosaic_normal_512.ktx2',
+                roughnessMap: '/material/flooring/tile_mosaic/tile_mosaic_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1549,7 +1590,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1562,16 +1603,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-tile68',
         label: 'Pattern Tile',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor', 'wall'],
         description: 'Floor tile finish',
-        previewThumbnailUrl: '/material/flooring/tile_pattern/tile_pattern_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/tile_pattern/tile_pattern_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/tile_pattern/tile_pattern_basecolor.webp',
-                aoMap: '/material/flooring/tile_pattern/tile_pattern_ambientocclusion.webp',
-                metalnessMap: '/material/flooring/tile_pattern/tile_pattern_metallic.webp',
-                normalMap: '/material/flooring/tile_pattern/tile_pattern_normal.webp',
-                roughnessMap: '/material/flooring/tile_pattern/tile_pattern_roughness.webp',
+                albedoMap: '/material/flooring/tile_pattern/tile_pattern_basecolor_512.ktx2',
+                aoMap: '/material/flooring/tile_pattern/tile_pattern_ao_512.ktx2',
+                metalnessMap: '/material/flooring/tile_pattern/tile_pattern_metallic_512.ktx2',
+                normalMap: '/material/flooring/tile_pattern/tile_pattern_normal_512.ktx2',
+                roughnessMap: '/material/flooring/tile_pattern/tile_pattern_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1587,7 +1629,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1600,15 +1642,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-woodenceramic2',
         label: 'Wooden Ceramic 2',
-        category: 'flooring',
+        category: 'tile',
+        surfaces: ['floor'],
         description: 'Wood-look ceramic flooring finish',
-        previewThumbnailUrl: '/material/flooring/wooden_ceramic_2/wooden_ceramic-diffuse.webp',
+        previewThumbnailUrl: '/material/flooring/wooden_ceramic_2/wooden_ceramic_2_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic-diffuse.webp',
-                aoMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic-ao.webp',
-                metalnessMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic-specular.webp',
-                normalMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic-normal.webp',
+                albedoMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic_2_basecolor_512.ktx2',
+                aoMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic_2_ao_512.ktx2',
+                normalMap: '/material/flooring/wooden_ceramic_2/wooden_ceramic_2_normal_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1624,7 +1666,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1637,16 +1679,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'flooring-woodparquet76',
         label: 'Wood Parquet',
-        category: 'flooring',
+        category: 'wood',
+        surfaces: ['floor'],
         description: 'Wood parquet flooring finish',
-        previewThumbnailUrl: '/material/flooring/woodparquet/woodparquet_basecolor.webp',
+        previewThumbnailUrl: '/material/flooring/woodparquet/woodparquet_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/flooring/woodparquet/woodparquet_basecolor.webp',
-                aoMap: '/material/flooring/woodparquet/woodparquet_ambientocclusion.webp',
-                metalnessMap: '/material/flooring/woodparquet/woodparquet_metallic.webp',
-                normalMap: '/material/flooring/woodparquet/woodparquet_normal.webp',
-                roughnessMap: '/material/flooring/woodparquet/woodparquet_roughness.webp',
+                albedoMap: '/material/flooring/woodparquet/woodparquet_basecolor_512.ktx2',
+                aoMap: '/material/flooring/woodparquet/woodparquet_ao_512.ktx2',
+                metalnessMap: '/material/flooring/woodparquet/woodparquet_metallic_512.ktx2',
+                normalMap: '/material/flooring/woodparquet/woodparquet_normal_512.ktx2',
+                roughnessMap: '/material/flooring/woodparquet/woodparquet_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1662,7 +1705,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1675,16 +1718,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'roof-classicshingles',
         label: 'Classic Shingles',
-        category: 'roof',
+        category: 'roofing',
+        surfaces: ['roof'],
         description: 'Classic roof shingle finish',
-        previewThumbnailUrl: '/material/roofing/roof_shingles_classic/roof_shingles_classic_basecolor.webp',
+        previewThumbnailUrl: '/material/roofing/roof_shingles_classic/roof_shingles_classic_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_basecolor.webp',
-                aoMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_ambientocclusion.webp',
-                metalnessMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_metallic.webp',
-                normalMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_normal.webp',
-                roughnessMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_roughness.webp',
+                albedoMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_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',
+                roughnessMap: '/material/roofing/roof_shingles_classic/roof_shingles_classic_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1700,7 +1744,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1713,16 +1757,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'roof-claytiles',
         label: 'Clay Tiles',
-        category: 'roof',
+        category: 'roofing',
+        surfaces: ['roof'],
         description: 'Clay roof tile finish',
-        previewThumbnailUrl: '/material/roofing/roof_tiles_clay/roof_tiles_clay_basecolor.webp',
+        previewThumbnailUrl: '/material/roofing/roof_tiles_clay/roof_tiles_clay_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_basecolor.webp',
-                aoMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_ambientocclusion.webp',
-                metalnessMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_metallic.png',
-                normalMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_normal.webp',
-                roughnessMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_roughness.webp',
+                albedoMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_basecolor_512.ktx2',
+                aoMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_ao_512.ktx2',
+                metalnessMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_metallic_512.ktx2',
+                normalMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_normal_512.ktx2',
+                roughnessMap: '/material/roofing/roof_tiles_clay/roof_tiles_clay_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1738,7 +1783,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1751,16 +1796,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'roof-terracottatiles',
         label: 'Terracotta Tiles',
-        category: 'roof',
+        category: 'roofing',
+        surfaces: ['roof'],
         description: 'Terracotta roof tile finish',
-        previewThumbnailUrl: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_basecolor.webp',
+        previewThumbnailUrl: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_basecolor.webp',
-                aoMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_ambientocclusion.webp',
-                metalnessMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_metallic.webp',
-                normalMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_normal.webp',
-                roughnessMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_roughness.webp',
+                albedoMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_basecolor_512.ktx2',
+                aoMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_ao_512.ktx2',
+                metalnessMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_metallic_512.ktx2',
+                normalMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_normal_512.ktx2',
+                roughnessMap: '/material/roofing/roof_tiles_terracotta/roof_tiles_terracotta_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1776,7 +1822,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1789,16 +1835,17 @@ export const MATERIAL_CATALOG = [
     {
         id: 'roof-weatheredshingles',
         label: 'Weathered Shingles',
-        category: 'roof',
+        category: 'roofing',
+        surfaces: ['roof'],
         description: 'Weathered roof shingle finish',
-        previewThumbnailUrl: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_basecolor.webp',
+        previewThumbnailUrl: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_thumb.webp',
         preset: {
             maps: {
-                albedoMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_basecolor.webp',
-                aoMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_ambientocclusion.webp',
-                metalnessMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_metallic.webp',
-                normalMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_normal.webp',
-                roughnessMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_roughness.webp',
+                albedoMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_basecolor_512.ktx2',
+                aoMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_ao_512.ktx2',
+                metalnessMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_metallic_512.ktx2',
+                normalMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_normal_512.ktx2',
+                roughnessMap: '/material/roofing/roof_shingles_weathered/roof_shingles_weathered_roughness_512.ktx2',
             },
             mapProperties: {
                 color: '#ffffff',
@@ -1814,7 +1861,7 @@ export const MATERIAL_CATALOG = [
                 emissiveIntensity: 1,
                 displacementScale: 0,
                 transparent: false,
-                flipY: true,
+                flipY: false,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
@@ -1827,13 +1874,15 @@ export const MATERIAL_CATALOG = [
     {
         id: 'preset-white',
         label: 'White',
-        category: 'other',
+        category: 'colors',
         description: 'Clean painted finish',
-        previewColor: '#ffffff',
+        // Real white paint reflects ~80%; a literal #ffffff albedo kills GI/shadow
+        // contrast, so "white" is clamped to ≈0.83 linear.
+        previewColor: '#e9e9e9',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#ffffff',
+                color: '#e9e9e9',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -1859,13 +1908,13 @@ export const MATERIAL_CATALOG = [
     {
         id: 'preset-softwhite',
         label: 'Soft White',
-        category: 'other',
+        category: 'colors',
         description: 'Warm off-white painted finish',
-        previewColor: '#f2eee6',
+        previewColor: '#ebe7df',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#f2eee6',
+                color: '#ebe7df',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -1891,7 +1940,7 @@ export const MATERIAL_CATALOG = [
     {
         id: 'preset-cream',
         label: 'Cream',
-        category: 'other',
+        category: 'colors',
         description: 'Soft cream painted finish',
         previewColor: '#efe3cc',
         preset: {
@@ -1923,7 +1972,7 @@ export const MATERIAL_CATALOG = [
     {
         id: 'preset-beige',
         label: 'Beige',
-        category: 'other',
+        category: 'colors',
         description: 'Balanced beige painted finish',
         previewColor: '#d9c7ad',
         preset: {
@@ -1952,10 +2001,42 @@ export const MATERIAL_CATALOG = [
             },
         },
     },
+    {
+        id: 'preset-lightgrey',
+        label: 'Light grey',
+        category: 'colors',
+        description: 'Cool light grey painted finish',
+        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',
-        category: 'other',
+        category: 'colors',
         description: 'Neutral greige painted finish',
         previewColor: '#c8c1b8',
         preset: {
@@ -1985,15 +2066,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-sage',
-        label: 'Sage',
-        category: 'other',
-        description: 'Muted sage painted finish',
-        previewColor: '#bcc5b2',
+        id: 'preset-midgrey',
+        label: 'Mid grey',
+        category: 'colors',
+        description: 'Neutral mid grey painted finish',
+        previewColor: '#8b8a86',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#bcc5b2',
+                color: '#8b8a86',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2017,15 +2098,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-softblue',
-        label: 'Soft Blue',
-        category: 'other',
-        description: 'Muted blue painted finish',
-        previewColor: '#c7d6e3',
+        id: 'preset-charcoal',
+        label: 'Charcoal',
+        category: 'colors',
+        description: 'Dark charcoal painted finish',
+        previewColor: '#4e5257',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#c7d6e3',
+                color: '#4e5257',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2049,15 +2130,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-terracotta',
-        label: 'Terracotta',
-        category: 'other',
-        description: 'Warm terracotta painted finish',
-        previewColor: '#c86f4c',
+        id: 'preset-nearblack',
+        label: 'Near-black',
+        category: 'colors',
+        description: 'Soft near-black painted finish',
+        previewColor: '#232322',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#c86f4c',
+                color: '#232322',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2081,15 +2162,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-dustyrose',
-        label: 'Dusty Rose',
-        category: 'other',
-        description: 'Muted rose painted finish',
-        previewColor: '#c48a8d',
+        id: 'preset-blush',
+        label: 'Blush',
+        category: 'colors',
+        description: 'Pale blush painted finish',
+        previewColor: '#e8c6c0',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#c48a8d',
+                color: '#e8c6c0',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2113,15 +2194,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-olive',
-        label: 'Olive',
-        category: 'other',
-        description: 'Natural olive painted finish',
-        previewColor: '#8d9368',
+        id: 'preset-tomato',
+        label: 'Tomato',
+        category: 'colors',
+        description: 'Warm tomato red painted finish',
+        previewColor: '#c0594f',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#8d9368',
+                color: '#c0594f',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2145,15 +2226,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-forest',
-        label: 'Forest',
-        category: 'other',
-        description: 'Deep forest green painted finish',
-        previewColor: '#4f6b57',
+        id: 'preset-brickred',
+        label: 'Brick red',
+        category: 'colors',
+        description: 'Deep brick red painted finish',
+        previewColor: '#9e3b34',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#4f6b57',
+                color: '#9e3b34',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2177,15 +2258,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-slateblue',
-        label: 'Slate Blue',
-        category: 'other',
-        description: 'Muted slate blue painted finish',
-        previewColor: '#6f87a4',
+        id: 'preset-oxblood',
+        label: 'Oxblood',
+        category: 'colors',
+        description: 'Dark oxblood painted finish',
+        previewColor: '#6f2c2a',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#6f87a4',
+                color: '#6f2c2a',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2209,15 +2290,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-navy',
-        label: 'Navy',
-        category: 'other',
-        description: 'Classic navy painted finish',
-        previewColor: '#2f4865',
+        id: 'preset-peach',
+        label: 'Peach',
+        category: 'colors',
+        description: 'Soft peach painted finish',
+        previewColor: '#f0c3a0',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#2f4865',
+                color: '#f0c3a0',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2241,15 +2322,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-mustard',
-        label: 'Mustard',
-        category: 'other',
-        description: 'Warm mustard painted finish',
-        previewColor: '#c8a449',
+        id: 'preset-terracotta',
+        label: 'Terracotta',
+        category: 'colors',
+        description: 'Warm terracotta painted finish',
+        previewColor: '#c86f4c',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#c8a449',
+                color: '#c86f4c',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2273,15 +2354,15 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-charcoal',
-        label: 'Charcoal',
-        category: 'other',
-        description: 'Dark charcoal painted finish',
-        previewColor: '#4e5257',
+        id: 'preset-burntorange',
+        label: 'Burnt orange',
+        category: 'colors',
+        description: 'Burnt orange painted finish',
+        previewColor: '#b25a2c',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#4e5257',
+                color: '#b25a2c',
                 roughness: 0.9,
                 metalness: 0,
                 repeatX: 1,
@@ -2305,17 +2386,17 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-metal',
-        label: 'Metal',
-        category: 'other',
-        description: 'Brushed metal finish',
-        previewColor: '#c0c0c0',
+        id: 'preset-clay',
+        label: 'Clay',
+        category: 'colors',
+        description: 'Deep clay painted finish',
+        previewColor: '#8f4a2e',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#c7ccd2',
-                roughness: 0.26,
-                metalness: 0.82,
+                color: '#8f4a2e',
+                roughness: 0.9,
+                metalness: 0,
                 repeatX: 1,
                 repeatY: 1,
                 rotation: 0,
@@ -2337,17 +2418,17 @@ export const MATERIAL_CATALOG = [
         },
     },
     {
-        id: 'preset-glass',
-        label: 'Glass',
-        category: 'other',
-        description: 'Light glass finish',
-        previewColor: '#87ceeb',
+        id: 'preset-paleyellow',
+        label: 'Pale yellow',
+        category: 'colors',
+        description: 'Pale yellow painted finish',
+        previewColor: '#f2e3b3',
         preset: {
             maps: {},
             mapProperties: {
-                color: '#87ceeb',
-                roughness: 0.1,
-                metalness: 0.1,
+                color: '#f2e3b3',
+                roughness: 0.9,
+                metalness: 0,
                 repeatX: 1,
                 repeatY: 1,
                 rotation: 0,
@@ -2357,36 +2438,1695 @@ export const MATERIAL_CATALOG = [
                 normalScaleY: 1,
                 emissiveIntensity: 1,
                 displacementScale: 0.02,
-                transparent: true,
+                transparent: false,
                 flipY: true,
                 bumpScale: 1,
                 emissiveColor: '#000000',
                 aoMapIntensity: 1,
-                side: 2,
-                opacity: 0.3,
+                side: 0,
+                opacity: 1,
                 lightMapIntensity: 1,
             },
         },
     },
-];
-export function getMaterialsForCategory(category) {
-    return MATERIAL_CATALOG.filter((item) => item.category === category);
-}
-export function getCatalogMaterialById(id) {
-    if (!id)
-        return undefined;
-    return MATERIAL_CATALOG.find((item) => item.id === id);
-}
-export const LIBRARY_MATERIAL_REF_PREFIX = 'library:';
-export function toLibraryMaterialRef(id) {
-    return `${LIBRARY_MATERIAL_REF_PREFIX}${id}`;
-}
-export function getLibraryMaterialIdFromRef(materialRef) {
-    if (!materialRef)
-        return null;
-    if (!materialRef.startsWith(LIBRARY_MATERIAL_REF_PREFIX))
-        return null;
-    return materialRef.slice(LIBRARY_MATERIAL_REF_PREFIX.length);
+    {
+        id: 'preset-mustard',
+        label: 'Mustard',
+        category: 'colors',
+        description: 'Warm mustard painted finish',
+        previewColor: '#c8a449',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c8a449',
+                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-ochre',
+        label: 'Ochre',
+        category: 'colors',
+        description: 'Warm ochre painted finish',
+        previewColor: '#b8852f',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#b8852f',
+                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-gold',
+        label: 'Gold',
+        category: 'colors',
+        description: 'Deep gold painted finish',
+        previewColor: '#9c7320',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#9c7320',
+                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-mint',
+        label: 'Mint',
+        category: 'colors',
+        description: 'Soft mint painted finish',
+        previewColor: '#cfe0cf',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#cfe0cf',
+                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-sage',
+        label: 'Sage',
+        category: 'colors',
+        description: 'Muted sage painted finish',
+        previewColor: '#bcc5b2',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#bcc5b2',
+                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-olive',
+        label: 'Olive',
+        category: 'colors',
+        description: 'Natural olive painted finish',
+        previewColor: '#8d9368',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#8d9368',
+                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-forest',
+        label: 'Forest',
+        category: 'colors',
+        description: 'Deep forest green painted finish',
+        previewColor: '#4f6b57',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#4f6b57',
+                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-paleteal',
+        label: 'Pale teal',
+        category: 'colors',
+        description: 'Pale teal painted finish',
+        previewColor: '#b9d2cf',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#b9d2cf',
+                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-teal',
+        label: 'Teal',
+        category: 'colors',
+        description: 'Balanced teal painted finish',
+        previewColor: '#4f8a86',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#4f8a86',
+                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-deepteal',
+        label: 'Deep teal',
+        category: 'colors',
+        description: 'Deep teal painted finish',
+        previewColor: '#2f5f5c',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#2f5f5c',
+                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-powderblue',
+        label: 'Powder blue',
+        category: 'colors',
+        description: 'Powder blue painted finish',
+        previewColor: '#cddce8',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#cddce8',
+                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-softblue',
+        label: 'Soft Blue',
+        category: 'colors',
+        description: 'Muted blue painted finish',
+        previewColor: '#c7d6e3',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c7d6e3',
+                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-sky',
+        label: 'Sky',
+        category: 'colors',
+        description: 'Sky blue painted finish',
+        previewColor: '#8fb4d4',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#8fb4d4',
+                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-slateblue',
+        label: 'Slate Blue',
+        category: 'colors',
+        description: 'Muted slate blue painted finish',
+        previewColor: '#6f87a4',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#6f87a4',
+                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-royalblue',
+        label: 'Royal blue',
+        category: 'colors',
+        description: 'Royal blue painted finish',
+        previewColor: '#3a5a9c',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#3a5a9c',
+                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-navy',
+        label: 'Navy',
+        category: 'colors',
+        description: 'Classic navy painted finish',
+        previewColor: '#2f4865',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#2f4865',
+                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-lavender',
+        label: 'Lavender',
+        category: 'colors',
+        description: 'Soft lavender painted finish',
+        previewColor: '#c9c2da',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c9c2da',
+                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-plum',
+        label: 'Plum',
+        category: 'colors',
+        description: 'Muted plum painted finish',
+        previewColor: '#6d4a63',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#6d4a63',
+                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-aubergine',
+        label: 'Aubergine',
+        category: 'colors',
+        description: 'Deep aubergine painted finish',
+        previewColor: '#594354',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#594354',
+                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-petal',
+        label: 'Petal',
+        category: 'colors',
+        description: 'Pale petal pink painted finish',
+        previewColor: '#f0d3da',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#f0d3da',
+                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-rose',
+        label: 'Rose',
+        category: 'colors',
+        description: 'Muted rose painted finish',
+        previewColor: '#cf8fa6',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#cf8fa6',
+                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-dustyrose',
+        label: 'Dusty Rose',
+        category: 'colors',
+        description: 'Muted rose painted finish',
+        previewColor: '#c48a8d',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c48a8d',
+                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-berry',
+        label: 'Berry',
+        category: 'colors',
+        description: 'Deep berry painted finish',
+        previewColor: '#8f4a5a',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#8f4a5a',
+                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-sand',
+        label: 'Sand',
+        category: 'colors',
+        description: 'Warm sand painted finish',
+        previewColor: '#ddccae',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#ddccae',
+                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-tan',
+        label: 'Tan',
+        category: 'colors',
+        description: 'Natural tan painted finish',
+        previewColor: '#c4a87f',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c4a87f',
+                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-taupe',
+        label: 'Taupe',
+        category: 'colors',
+        description: 'Earthy taupe painted finish',
+        previewColor: '#8f7a64',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#8f7a64',
+                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-espresso',
+        label: 'Espresso',
+        category: 'colors',
+        description: 'Dark espresso painted finish',
+        previewColor: '#4a382c',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#4a382c',
+                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-metal',
+        label: 'Metal',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Brushed metal finish',
+        previewColor: '#c0c0c0',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c7ccd2',
+                roughness: 0.26,
+                metalness: 0.82,
+                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-glass',
+        label: 'Glass',
+        category: 'glass',
+        description: 'Light glass finish',
+        previewColor: '#87ceeb',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#87ceeb',
+                roughness: 0.1,
+                metalness: 0.1,
+                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). It's the only glass we use.
+                side: 0,
+                opacity: 0.3,
+                lightMapIntensity: 1,
+            },
+        },
+    },
+    {
+        id: 'fabric-linen',
+        label: 'Linen',
+        category: 'fabric',
+        surfaces: ['furniture', 'wall'],
+        description: 'Natural linen weave',
+        previewThumbnailUrl: '/material/fabric/linen_hikari_fabric/linen_hikari_fabric_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/linen_hikari_fabric/linen_hikari_fabric_basecolor_512.ktx2',
+                normalMap: '/material/fabric/linen_hikari_fabric/linen_hikari_fabric_normal_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.85,
+                metalness: 0,
+                repeatX: 2,
+                repeatY: 2,
+                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: 'fabric-cotton',
+        label: 'Cotton',
+        category: 'fabric',
+        surfaces: ['furniture', 'wall'],
+        description: 'Plain cotton weave',
+        previewThumbnailUrl: '/material/fabric/blue_cotton/blue_cotton_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/blue_cotton/blue_cotton_basecolor_512.ktx2',
+                normalMap: '/material/fabric/blue_cotton/blue_cotton_normal_512.ktx2',
+                roughnessMap: '/material/fabric/blue_cotton/blue_cotton_roughness_512.ktx2',
+                aoMap: '/material/fabric/blue_cotton/blue_cotton_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.85,
+                metalness: 0,
+                repeatX: 2,
+                repeatY: 2,
+                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: 'fabric-velvet',
+        label: 'Velvet',
+        category: 'fabric',
+        surfaces: ['furniture'],
+        description: 'Velvet with a soft sheen',
+        previewThumbnailUrl: '/material/fabric/red_velvet/red_velvet_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/red_velvet/red_velvet_basecolor_512.ktx2',
+                normalMap: '/material/fabric/red_velvet/red_velvet_normal_512.ktx2',
+                roughnessMap: '/material/fabric/red_velvet/red_velvet_roughness_512.ktx2',
+                aoMap: '/material/fabric/red_velvet/red_velvet_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.6,
+                metalness: 0,
+                repeatX: 2.5,
+                repeatY: 2.5,
+                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: 'fabric-wool',
+        label: 'Wool',
+        category: 'fabric',
+        surfaces: ['furniture'],
+        description: 'Matte wool felt',
+        previewThumbnailUrl: '/material/fabric/white_wool/white_wool_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/white_wool/white_wool_basecolor_512.ktx2',
+                normalMap: '/material/fabric/white_wool/white_wool_normal_512.ktx2',
+                roughnessMap: '/material/fabric/white_wool/white_wool_roughness_512.ktx2',
+                aoMap: '/material/fabric/white_wool/white_wool_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.9,
+                metalness: 0,
+                repeatX: 2.5,
+                repeatY: 2.5,
+                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: 'fabric-suede',
+        label: 'Suede',
+        category: 'fabric',
+        surfaces: ['furniture'],
+        description: 'Matte suede nap',
+        previewThumbnailUrl: '/material/fabric/suede/suede_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/suede/suede_basecolor_512.ktx2',
+                normalMap: '/material/fabric/suede/suede_normal_512.ktx2',
+                roughnessMap: '/material/fabric/suede/suede_roughness_512.ktx2',
+                aoMap: '/material/fabric/suede/suede_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.9,
+                metalness: 0,
+                repeatX: 2,
+                repeatY: 2,
+                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: 'fabric-boucle',
+        label: 'Bouclé',
+        category: 'fabric',
+        surfaces: ['furniture'],
+        description: 'Looped bouclé upholstery',
+        previewThumbnailUrl: '/material/fabric/wool_boucle/wool_boucle_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/fabric/wool_boucle/wool_boucle_basecolor_512.ktx2',
+                normalMap: '/material/fabric/wool_boucle/wool_boucle_normal_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.9,
+                metalness: 0,
+                repeatX: 3.3,
+                repeatY: 3.3,
+                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: 'leather-black',
+        label: 'Black Leather',
+        category: 'leather',
+        surfaces: ['furniture'],
+        description: 'Smooth black leather',
+        previewThumbnailUrl: '/material/leather/black_leather/black_leather_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/leather/black_leather/black_leather_basecolor_512.ktx2',
+                normalMap: '/material/leather/black_leather/black_leather_normal_512.ktx2',
+                roughnessMap: '/material/leather/black_leather/black_leather_roughness_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.5,
+                metalness: 0,
+                repeatX: 1.67,
+                repeatY: 1.67,
+                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: 'leather-calf',
+        label: 'Calf Leather',
+        category: 'leather',
+        surfaces: ['furniture'],
+        description: 'Pebbled calf leather',
+        previewThumbnailUrl: '/material/leather/calf_leather/calf_leather_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/leather/calf_leather/calf_leather_basecolor_512.ktx2',
+                normalMap: '/material/leather/calf_leather/calf_leather_normal_512.ktx2',
+                roughnessMap: '/material/leather/calf_leather/calf_leather_roughness_512.ktx2',
+                aoMap: '/material/leather/calf_leather/calf_leather_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.5,
+                metalness: 0,
+                repeatX: 2,
+                repeatY: 2,
+                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: 'concrete-plaster',
+        label: 'Painted Plaster',
+        category: 'concrete',
+        surfaces: ['wall', 'ceiling'],
+        description: 'Smooth painted plaster wall',
+        previewThumbnailUrl: '/material/concrete/plaster_painted/plaster_painted_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/plaster_painted/plaster_painted_basecolor_512.ktx2',
+                normalMap: '/material/concrete/plaster_painted/plaster_painted_normal_512.ktx2',
+                roughnessMap: '/material/concrete/plaster_painted/plaster_painted_roughness_512.ktx2',
+                aoMap: '/material/concrete/plaster_painted/plaster_painted_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.85,
+                metalness: 0,
+                repeatX: 0.67,
+                repeatY: 0.67,
+                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: 'concrete-polished',
+        label: 'Polished Concrete',
+        category: 'concrete',
+        surfaces: ['floor', 'wall'],
+        description: 'Polished concrete floor',
+        previewThumbnailUrl: '/material/concrete/concrete_polished/concrete_polished_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/concrete_polished/concrete_polished_basecolor_512.ktx2',
+                normalMap: '/material/concrete/concrete_polished/concrete_polished_normal_512.ktx2',
+                roughnessMap: '/material/concrete/concrete_polished/concrete_polished_roughness_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.5,
+                metalness: 0,
+                repeatX: 0.5,
+                repeatY: 0.5,
+                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: 'concrete-raw',
+        label: 'Raw Concrete',
+        category: 'concrete',
+        surfaces: ['wall', 'floor', 'outdoor'],
+        description: 'Board-formed raw concrete',
+        previewThumbnailUrl: '/material/concrete/concrete_raw/concrete_raw_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/concrete_raw/concrete_raw_basecolor_512.ktx2',
+                normalMap: '/material/concrete/concrete_raw/concrete_raw_normal_512.ktx2',
+                roughnessMap: '/material/concrete/concrete_raw/concrete_raw_roughness_512.ktx2',
+                aoMap: '/material/concrete/concrete_raw/concrete_raw_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.8,
+                metalness: 0,
+                repeatX: 0.5,
+                repeatY: 0.5,
+                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: 'concrete-plate',
+        label: 'Concrete Plate',
+        category: 'concrete',
+        surfaces: ['wall', 'floor'],
+        description: 'Smooth cast concrete plate',
+        previewThumbnailUrl: '/material/concrete/concrete_plate/concrete_plate_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/concrete_plate/concrete_plate_basecolor_512.ktx2',
+                normalMap: '/material/concrete/concrete_plate/concrete_plate_normal_512.ktx2',
+                roughnessMap: '/material/concrete/concrete_plate/concrete_plate_roughness_512.ktx2',
+                aoMap: '/material/concrete/concrete_plate/concrete_plate_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.8,
+                metalness: 0,
+                repeatX: 0.5,
+                repeatY: 0.5,
+                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: 'concrete-stucco',
+        label: 'White Stucco',
+        category: 'concrete',
+        surfaces: ['wall', 'outdoor'],
+        description: 'Exterior stucco render',
+        previewThumbnailUrl: '/material/concrete/white_stucco/white_stucco_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/white_stucco/white_stucco_basecolor_512.ktx2',
+                normalMap: '/material/concrete/white_stucco/white_stucco_normal_512.ktx2',
+                roughnessMap: '/material/concrete/white_stucco/white_stucco_roughness_512.ktx2',
+                aoMap: '/material/concrete/white_stucco/white_stucco_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.9,
+                metalness: 0,
+                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: 'concrete-drywall',
+        label: 'Prepared Drywall',
+        category: 'concrete',
+        surfaces: ['wall', 'ceiling'],
+        description: 'Smooth prepared drywall ready for paint',
+        previewThumbnailUrl: '/material/concrete/prepared_drywall/prepared_drywall_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/concrete/prepared_drywall/prepared_drywall_basecolor_512.ktx2',
+                normalMap: '/material/concrete/prepared_drywall/prepared_drywall_normal_512.ktx2',
+                roughnessMap: '/material/concrete/prepared_drywall/prepared_drywall_roughness_512.ktx2',
+                aoMap: '/material/concrete/prepared_drywall/prepared_drywall_ao_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.9,
+                metalness: 0,
+                repeatX: 0.5,
+                repeatY: 0.5,
+                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-copper',
+        label: 'Copper',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Warm copper',
+        previewThumbnailUrl: '/material/metal/copper_metal/copper_metal_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/metal/copper_metal/copper_metal_basecolor_512.ktx2',
+                normalMap: '/material/metal/copper_metal/copper_metal_normal_512.ktx2',
+                roughnessMap: '/material/metal/copper_metal/copper_metal_roughness_512.ktx2',
+                metalnessMap: '/material/metal/copper_metal/copper_metal_metallic_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.4,
+                metalness: 0.6,
+                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-polished',
+        label: 'Polished Metal',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Polished stainless steel',
+        previewThumbnailUrl: '/material/metal/polished_metal/polished_metal_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/metal/polished_metal/polished_metal_basecolor_512.ktx2',
+                normalMap: '/material/metal/polished_metal/polished_metal_normal_512.ktx2',
+                roughnessMap: '/material/metal/polished_metal/polished_metal_roughness_512.ktx2',
+                aoMap: '/material/metal/polished_metal/polished_metal_ao_512.ktx2',
+                metalnessMap: '/material/metal/polished_metal/polished_metal_metallic_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.3,
+                metalness: 0.6,
+                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-steel',
+        label: 'Brushed Steel',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Brushed stainless steel',
+        previewThumbnailUrl: '/material/metal/stainless_steel_brushed/stainless_steel_brushed_thumb.webp',
+        preset: {
+            maps: {
+                albedoMap: '/material/metal/stainless_steel_brushed/stainless_steel_brushed_basecolor_512.ktx2',
+                normalMap: '/material/metal/stainless_steel_brushed/stainless_steel_brushed_normal_512.ktx2',
+                roughnessMap: '/material/metal/stainless_steel_brushed/stainless_steel_brushed_roughness_512.ktx2',
+            },
+            mapProperties: {
+                color: '#ffffff',
+                roughness: 0.45,
+                metalness: 0.6,
+                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,
+            },
+        },
+    },
+    {
+        // Parameter-only metal (no texture maps) — a worked example of a non-PBR
+        // catalog finish driven purely by three.js material settings.
+        id: 'metal-brass',
+        label: 'Brass',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Polished brass (flat metal, no maps)',
+        previewColor: '#b08d57',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#b08d57',
+                roughness: 0.35,
+                metalness: 0.9,
+                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,
+            },
+        },
+    },
+    {
+        // Parameter-only chrome (no texture maps) — moderate metalness so it reads
+        // as bright metal under direct/ambient light without needing an env map.
+        id: 'metal-chrome',
+        label: 'Chrome',
+        category: 'metal',
+        surfaces: ['furniture', 'wall'],
+        description: 'Polished chrome (flat metal, no maps)',
+        previewColor: '#c8ccce',
+        preset: {
+            maps: {},
+            mapProperties: {
+                color: '#c8ccce',
+                roughness: 0.2,
+                metalness: 0.6,
+                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,
+            },
+        },
+    },
+];
+export function getMaterialsForCategory(category) {
+    return MATERIAL_CATALOG.filter((item) => item.category === category);
+}
+export function getCatalogMaterialById(id) {
+    if (!id)
+        return undefined;
+    return MATERIAL_CATALOG.find((item) => item.id === id);
+}
+export const LIBRARY_MATERIAL_REF_PREFIX = 'library:';
+export const SCENE_MATERIAL_REF_PREFIX = 'scene:';
+export function toLibraryMaterialRef(id) {
+    return `${LIBRARY_MATERIAL_REF_PREFIX}${id}`;
+}
+export function toSceneMaterialRef(id) {
+    return `${SCENE_MATERIAL_REF_PREFIX}${id}`;
+}
+export function getLibraryMaterialIdFromRef(materialRef) {
+    if (!materialRef)
+        return null;
+    if (!materialRef.startsWith(LIBRARY_MATERIAL_REF_PREFIX))
+        return null;
+    return materialRef.slice(LIBRARY_MATERIAL_REF_PREFIX.length);
+}
+export function getSceneMaterialIdFromRef(materialRef) {
+    if (!materialRef?.startsWith(SCENE_MATERIAL_REF_PREFIX))
+        return null;
+    return materialRef.slice(SCENE_MATERIAL_REF_PREFIX.length);
+}
+export function parseMaterialRef(ref) {
+    const lib = getLibraryMaterialIdFromRef(ref);
+    if (lib)
+        return { kind: 'library', id: lib };
+    const scene = getSceneMaterialIdFromRef(ref);
+    if (scene)
+        return { kind: 'scene', id: scene };
+    return null;
 }
 export function getMaterialPresetByRef(materialRef) {
     const materialId = getLibraryMaterialIdFromRef(materialRef);