@pascal-app/nodes 1.0.4 → 1.0.5

package/dist/ceiling/floorplan-affordances.d.ts

@@ -1,49 +1,40 @@
 export declare const ceilingMoveVertexAffordance: import("@pascal-app/core").FloorplanAffordance<{
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
-    metadata: Record<string, unknown>;
-    id: `ceiling_${string}`;
-    type: "ceiling";
-    children: (`item_${string}` | `procedural-item_${string}`)[];
-    polygon: [number, number][];
-    holes: [number, number][][];
-    holeMetadata: {
-        source: "room" | "stair" | "elevator" | "manual" | "floor-opening";
-        openingId?: string | undefined;
-        stairId?: string | undefined;
-        elevatorId?: string | undefined;
-    }[];
-    autoFromWalls: boolean;
-    name?: string | undefined;
     camera?: {
         position: [number, number, number];
         target: [number, number, number];
-        mode: "perspective" | "orthographic";
+        mode: "orthographic" | "perspective";
         fov?: number | undefined;
         zoom?: number | undefined;
     } | undefined;
+    metadata: Record<string, unknown>;
     provenance?: {
         refs: {
-            id: string;
             ns?: string | undefined;
-            role?: "primary" | "piece" | "absorbed" | "alias" | "derived" | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
         }[];
         lineage?: {
-            op: "import" | "split" | "merge" | "duplicate" | "convert" | "promote" | "make-independent" | "attach";
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
             fromIds: string[];
         } | undefined;
     } | undefined;
+    id: `ceiling_${string}`;
+    type: "ceiling";
+    children: (`item_${string}` | `procedural-item_${string}`)[];
     material?: {
         id?: string | undefined;
-        preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+        preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
         properties?: {
             color: string;
             roughness: number;
             metalness: number;
             opacity: number;
             transparent: boolean;
-            side: "front" | "back" | "double";
+            side: "back" | "double" | "front";
         } | undefined;
         texture?: {
             url: string;
@@ -53,6 +44,14 @@ export declare const ceilingMoveVertexAffordance: import("@pascal-app/core").Flo
     } | undefined;
     materialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
+    polygon: [number, number][];
+    holes: [number, number][][];
+    holeMetadata: {
+        source: "elevator" | "floor-opening" | "manual" | "room" | "stair";
+        openingId?: string | undefined;
+        stairId?: string | undefined;
+        elevatorId?: string | undefined;
+    }[];
     openingIds?: string[] | undefined;
     height?: number | undefined;
     regions?: {
@@ -62,53 +61,45 @@ export declare const ceilingMoveVertexAffordance: import("@pascal-app/core").Flo
     }[] | undefined;
     boundary?: "auto" | undefined;
     zoneId?: string | undefined;
+    autoFromWalls: boolean;
 }>;
 export declare const ceilingAddVertexAffordance: import("@pascal-app/core").FloorplanAffordance<{
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
-    metadata: Record<string, unknown>;
-    id: `ceiling_${string}`;
-    type: "ceiling";
-    children: (`item_${string}` | `procedural-item_${string}`)[];
-    polygon: [number, number][];
-    holes: [number, number][][];
-    holeMetadata: {
-        source: "room" | "stair" | "elevator" | "manual" | "floor-opening";
-        openingId?: string | undefined;
-        stairId?: string | undefined;
-        elevatorId?: string | undefined;
-    }[];
-    autoFromWalls: boolean;
-    name?: string | undefined;
     camera?: {
         position: [number, number, number];
         target: [number, number, number];
-        mode: "perspective" | "orthographic";
+        mode: "orthographic" | "perspective";
         fov?: number | undefined;
         zoom?: number | undefined;
     } | undefined;
+    metadata: Record<string, unknown>;
     provenance?: {
         refs: {
-            id: string;
             ns?: string | undefined;
-            role?: "primary" | "piece" | "absorbed" | "alias" | "derived" | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
         }[];
         lineage?: {
-            op: "import" | "split" | "merge" | "duplicate" | "convert" | "promote" | "make-independent" | "attach";
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
             fromIds: string[];
         } | undefined;
     } | undefined;
+    id: `ceiling_${string}`;
+    type: "ceiling";
+    children: (`item_${string}` | `procedural-item_${string}`)[];
     material?: {
         id?: string | undefined;
-        preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+        preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
         properties?: {
             color: string;
             roughness: number;
             metalness: number;
             opacity: number;
             transparent: boolean;
-            side: "front" | "back" | "double";
+            side: "back" | "double" | "front";
         } | undefined;
         texture?: {
             url: string;
@@ -118,6 +109,14 @@ export declare const ceilingAddVertexAffordance: import("@pascal-app/core").Floo
     } | undefined;
     materialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
+    polygon: [number, number][];
+    holes: [number, number][][];
+    holeMetadata: {
+        source: "elevator" | "floor-opening" | "manual" | "room" | "stair";
+        openingId?: string | undefined;
+        stairId?: string | undefined;
+        elevatorId?: string | undefined;
+    }[];
     openingIds?: string[] | undefined;
     height?: number | undefined;
     regions?: {
@@ -127,53 +126,45 @@ export declare const ceilingAddVertexAffordance: import("@pascal-app/core").Floo
     }[] | undefined;
     boundary?: "auto" | undefined;
     zoneId?: string | undefined;
+    autoFromWalls: boolean;
 }>;
 export declare const ceilingMoveEdgeAffordance: import("@pascal-app/core").FloorplanAffordance<{
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
-    metadata: Record<string, unknown>;
-    id: `ceiling_${string}`;
-    type: "ceiling";
-    children: (`item_${string}` | `procedural-item_${string}`)[];
-    polygon: [number, number][];
-    holes: [number, number][][];
-    holeMetadata: {
-        source: "room" | "stair" | "elevator" | "manual" | "floor-opening";
-        openingId?: string | undefined;
-        stairId?: string | undefined;
-        elevatorId?: string | undefined;
-    }[];
-    autoFromWalls: boolean;
-    name?: string | undefined;
     camera?: {
         position: [number, number, number];
         target: [number, number, number];
-        mode: "perspective" | "orthographic";
+        mode: "orthographic" | "perspective";
         fov?: number | undefined;
         zoom?: number | undefined;
     } | undefined;
+    metadata: Record<string, unknown>;
     provenance?: {
         refs: {
-            id: string;
             ns?: string | undefined;
-            role?: "primary" | "piece" | "absorbed" | "alias" | "derived" | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
         }[];
         lineage?: {
-            op: "import" | "split" | "merge" | "duplicate" | "convert" | "promote" | "make-independent" | "attach";
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
             fromIds: string[];
         } | undefined;
     } | undefined;
+    id: `ceiling_${string}`;
+    type: "ceiling";
+    children: (`item_${string}` | `procedural-item_${string}`)[];
     material?: {
         id?: string | undefined;
-        preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+        preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
         properties?: {
             color: string;
             roughness: number;
             metalness: number;
             opacity: number;
             transparent: boolean;
-            side: "front" | "back" | "double";
+            side: "back" | "double" | "front";
         } | undefined;
         texture?: {
             url: string;
@@ -183,6 +174,14 @@ export declare const ceilingMoveEdgeAffordance: import("@pascal-app/core").Floor
     } | undefined;
     materialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
+    polygon: [number, number][];
+    holes: [number, number][][];
+    holeMetadata: {
+        source: "elevator" | "floor-opening" | "manual" | "room" | "stair";
+        openingId?: string | undefined;
+        stairId?: string | undefined;
+        elevatorId?: string | undefined;
+    }[];
     openingIds?: string[] | undefined;
     height?: number | undefined;
     regions?: {
@@ -192,53 +191,45 @@ export declare const ceilingMoveEdgeAffordance: import("@pascal-app/core").Floor
     }[] | undefined;
     boundary?: "auto" | undefined;
     zoneId?: string | undefined;
+    autoFromWalls: boolean;
 }>;
 export declare const ceilingDeleteVertexAffordance: import("@pascal-app/core").FloorplanAffordance<{
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
-    metadata: Record<string, unknown>;
-    id: `ceiling_${string}`;
-    type: "ceiling";
-    children: (`item_${string}` | `procedural-item_${string}`)[];
-    polygon: [number, number][];
-    holes: [number, number][][];
-    holeMetadata: {
-        source: "room" | "stair" | "elevator" | "manual" | "floor-opening";
-        openingId?: string | undefined;
-        stairId?: string | undefined;
-        elevatorId?: string | undefined;
-    }[];
-    autoFromWalls: boolean;
-    name?: string | undefined;
     camera?: {
         position: [number, number, number];
         target: [number, number, number];
-        mode: "perspective" | "orthographic";
+        mode: "orthographic" | "perspective";
         fov?: number | undefined;
         zoom?: number | undefined;
     } | undefined;
+    metadata: Record<string, unknown>;
     provenance?: {
         refs: {
-            id: string;
             ns?: string | undefined;
-            role?: "primary" | "piece" | "absorbed" | "alias" | "derived" | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
         }[];
         lineage?: {
-            op: "import" | "split" | "merge" | "duplicate" | "convert" | "promote" | "make-independent" | "attach";
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
             fromIds: string[];
         } | undefined;
     } | undefined;
+    id: `ceiling_${string}`;
+    type: "ceiling";
+    children: (`item_${string}` | `procedural-item_${string}`)[];
     material?: {
         id?: string | undefined;
-        preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+        preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
         properties?: {
             color: string;
             roughness: number;
             metalness: number;
             opacity: number;
             transparent: boolean;
-            side: "front" | "back" | "double";
+            side: "back" | "double" | "front";
         } | undefined;
         texture?: {
             url: string;
@@ -248,6 +239,14 @@ export declare const ceilingDeleteVertexAffordance: import("@pascal-app/core").F
     } | undefined;
     materialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
+    polygon: [number, number][];
+    holes: [number, number][][];
+    holeMetadata: {
+        source: "elevator" | "floor-opening" | "manual" | "room" | "stair";
+        openingId?: string | undefined;
+        stairId?: string | undefined;
+        elevatorId?: string | undefined;
+    }[];
     openingIds?: string[] | undefined;
     height?: number | undefined;
     regions?: {
@@ -257,5 +256,6 @@ export declare const ceilingDeleteVertexAffordance: import("@pascal-app/core").F
     }[] | undefined;
     boundary?: "auto" | undefined;
     zoneId?: string | undefined;
+    autoFromWalls: boolean;
 }>;
 //# sourceMappingURL=floorplan-affordances.d.ts.map

package/dist/ceiling/floorplan-affordances.js

@@ -1,6 +1,6 @@
 import { resolveLevelId } from '@pascal-app/core';
 import { resolveCeilingPlanPointSnap } from '@pascal-app/editor';
-import { createPolygonAddVertexAffordance, createPolygonDeleteVertexAffordance, createPolygonMoveEdgeAffordance, createPolygonVertexAffordance, } from '../shared/polygon-vertex-affordance';
+import { createPolygonAddVertexAffordance, createPolygonDeleteVertexAffordance, createPolygonMoveEdgeAffordance, createPolygonVertexAffordance, } from '../shared/polygon-vertex-affordance.js';
 /**
  * 2D affordances for ceiling. Same four operations as slab
  * (`move-vertex`, `add-vertex`, `move-edge`, `delete-vertex`), each accepting an

package/dist/ceiling/floorplan-move.js

@@ -1,5 +1,5 @@
 import { resolveCeilingHeight } from '@pascal-app/core';
-import { createPolygonCentroidMoveTarget } from '../shared/polygon-centroid-move';
+import { createPolygonCentroidMoveTarget } from '../shared/polygon-centroid-move.js';
 /**
  * 2D floor-plan move handler for ceiling. Delegates to the shared polygon
  * centroid-pivot mover (same pivot semantics as slab / items). See

package/dist/ceiling/hole-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hole-editor.d.ts","sourceRoot":"","sources":["../../src/ceiling/hole-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAKzB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAuDA,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"hole-editor.d.ts","sourceRoot":"","sources":["../../src/ceiling/hole-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAKzB;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAuDA,CAAA;eAEc,iBAAiB"}

package/dist/ceiling/index.d.ts

@@ -1,3 +1,3 @@
-export { ceilingDefinition } from './definition';
-export { CeilingNode } from './schema';
+export { ceilingDefinition } from './definition.js';
+export { CeilingNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/ceiling/index.js

@@ -1,2 +1,2 @@
-export { ceilingDefinition } from './definition';
-export { CeilingNode } from './schema';
+export { ceilingDefinition } from './definition.js';
+export { CeilingNode } from './schema.js';

package/dist/ceiling/materials.d.ts

@@ -1,10 +1,14 @@
-import { type SceneMaterial, type SceneMaterialId } from '@pascal-app/core';
+import { type MaterialSchema, type SceneMaterial, type SceneMaterialId } from '@pascal-app/core';
+import { type RenderShading } from '@pascal-app/viewer';
+import type { Material } from 'three';
 import { MeshBasicNodeMaterial } from 'three/webgpu';
 export type CeilingMaterials = {
     topMaterial: MeshBasicNodeMaterial;
-    bottomMaterial: MeshBasicNodeMaterial;
+    bottomMaterial: Material;
 };
-export declare function getCeilingMaterials(color?: string): CeilingMaterials;
+export declare function getCeilingMaterials(color?: string, shading?: RenderShading): CeilingMaterials;
+/** Resolve through the shared caches, without mutating another surface's material. */
+export declare function resolveCeilingFinish(finish: MaterialSchema | string | undefined, sceneMaterials: Record<SceneMaterialId, SceneMaterial> | undefined, shading: RenderShading): Material | null;
 /**
  * Resolve a slot `MaterialRef` to a flat colour for the ceiling surface.
  * `library:` refs use the catalog preset's base colour; `scene:` refs use the

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

@@ -1 +1 @@
-{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/ceiling/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAuB,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAoBzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,qBAAqB,CAAA;IAClC,cAAc,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAqBD,wBAAgB,mBAAmB,CAAC,KAAK,SAAY,GAAG,gBAAgB,CAMvE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,SAAS,GACjE,MAAM,GAAG,IAAI,CAiBf"}
+{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/ceiling/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAInB,KAAK,aAAa,EAClB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACjG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAuB,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAmBzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,qBAAqB,CAAA;IAClC,cAAc,EAAE,QAAQ,CAAA;CACzB,CAAA;AAgBD,wBAAgB,mBAAmB,CACjC,KAAK,SAAY,EACjB,OAAO,GAAE,aAA0B,GAClC,gBAAgB,CAuBlB;AAED,sFAAsF;AACtF,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,EAC3C,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,SAAS,EAClE,OAAO,EAAE,aAAa,GACrB,QAAQ,GAAG,IAAI,CA6BjB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,SAAS,GACjE,MAAM,GAAG,IAAI,CAiBf"}

package/dist/ceiling/materials.js

@@ -1,13 +1,13 @@
 import { getCatalogMaterialById, getMaterialPresetByRef, parseMaterialColor, parseMaterialRef, resolveMaterial, } from '@pascal-app/core';
+import { createMaterial, createMaterialFromPreset } from '@pascal-app/viewer';
 import { float, mix, positionWorld, smoothstep } from 'three/tsl';
 import { BackSide, FrontSide, MeshBasicNodeMaterial } from 'three/webgpu';
 /**
  * Ceiling material builders, shared by the renderer (mesh appearance) and the
- * paint capability (hover preview). A ceiling is a flat tinted surface: the
- * underside (`bottom`, seen from inside the room, `BackSide`) is opaque, while
+ * paint capability (hover preview). The underside faces the room, while
  * the `top` carries a transparent TSL grid overlay used while placing /
- * selecting ceiling-hosted items. Both derive from a single colour, so slot
- * painting resolves a colour and rebuilds these — it never applies a PBR map.
+ * selecting ceiling-hosted items. Only the overlay reduces a finish to colour;
+ * the underside keeps its lighting, textures and physical properties.
  */
 const gridScale = 5;
 const gridX = positionWorld.x.mul(gridScale).fract();
@@ -17,7 +17,7 @@ const lineX = smoothstep(lineWidth, 0, gridX).add(smoothstep(1.0 - lineWidth, 1.
 const lineY = smoothstep(lineWidth, 0, gridY).add(smoothstep(1.0 - lineWidth, 1.0, gridY));
 const gridPattern = lineX.max(lineY);
 const gridOpacity = mix(float(0.2), float(0.6), gridPattern);
-function createCeilingMaterials(color = '#999999') {
+function createCeilingGrid(color) {
     const topMaterial = new MeshBasicNodeMaterial({
         color,
         transparent: true,
@@ -25,20 +25,47 @@ function createCeilingMaterials(color = '#999999') {
         side: FrontSide,
     });
     topMaterial.opacityNode = gridOpacity;
-    const bottomMaterial = new MeshBasicNodeMaterial({
-        color,
-        side: BackSide,
-    });
-    return { topMaterial, bottomMaterial };
+    return topMaterial;
+}
+const ceilingGridCache = new Map();
+export function getCeilingMaterials(color = '#999999', shading = 'rendered') {
+    let topMaterial = ceilingGridCache.get(color);
+    if (!topMaterial) {
+        topMaterial = createCeilingGrid(color);
+        ceilingGridCache.set(color, topMaterial);
+    }
+    return {
+        topMaterial,
+        bottomMaterial: createMaterial({
+            preset: 'custom',
+            properties: {
+                color,
+                roughness: 0.9,
+                metalness: 0,
+                opacity: 1,
+                transparent: false,
+                side: 'back',
+            },
+        }, shading),
+    };
 }
-const ceilingMaterialCache = new Map();
-export function getCeilingMaterials(color = '#999999') {
-    const cached = ceilingMaterialCache.get(color);
-    if (cached)
-        return cached;
-    const materials = createCeilingMaterials(color);
-    ceilingMaterialCache.set(color, materials);
-    return materials;
+/** Resolve through the shared caches, without mutating another surface's material. */
+export function resolveCeilingFinish(finish, sceneMaterials, shading) {
+    if (!finish)
+        return null;
+    if (typeof finish !== 'string') {
+        return createMaterial({ ...finish, properties: { ...resolveMaterial(finish), side: 'back' } }, shading);
+    }
+    const color = parseMaterialColor(finish);
+    if (color)
+        return resolveCeilingFinish({ properties: { ...resolveMaterial(), color } }, sceneMaterials, shading);
+    const parsed = parseMaterialRef(finish);
+    if (parsed?.kind === 'scene')
+        return resolveCeilingFinish(sceneMaterials?.[parsed.id]?.material, sceneMaterials, shading);
+    const preset = getMaterialPresetByRef(finish);
+    return preset
+        ? createMaterialFromPreset({ ...preset, mapProperties: { ...preset.mapProperties, side: BackSide } }, shading)
+        : null;
 }
 /**
  * Resolve a slot `MaterialRef` to a flat colour for the ceiling surface.

package/dist/ceiling/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/ceiling/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAWjB,MAAM,kBAAkB,CAAA;AAgFzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAwK3D,CAAA;AAiHD,eAAe,eAAe,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/ceiling/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAWjB,MAAM,kBAAkB,CAAA;AAgFzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAwK3D,CAAA;eAiHc,eAAe"}

package/dist/ceiling/paint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/ceiling/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,eAAe,EAQrB,MAAM,kBAAkB,CAAA;AAqHzB,eAAO,MAAM,YAAY,EAAE,eAyB1B,CAAA"}
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/ceiling/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,eAAe,EAOrB,MAAM,kBAAkB,CAAA;AAgHzB,eAAO,MAAM,YAAY,EAAE,eAyB1B,CAAA"}

package/dist/ceiling/paint.js

@@ -1,24 +1,17 @@
-import { CEILING_SLOT_DEFAULT_COLOR, CEILING_SURFACE_ROLE, ceilingPaintRegions, ceilingRegionsOwner, parseCeilingRegionRole, parseMaterialRef, resolveMaterial, useScene, } from '@pascal-app/core';
-import { CEILING_REGION_MESH } from '@pascal-app/viewer';
-import { createSlotPaintCapability, resolveSlotPaintMaterialRef } from '../shared/slot-paint';
-import { swapPreviewMaterial } from '../shared/swap-preview-material';
-import { ceilingColorFromRef, getCeilingMaterials } from './materials';
+import { CEILING_SLOT_DEFAULT_COLOR, CEILING_SURFACE_ROLE, ceilingPaintRegions, ceilingRegionsOwner, parseCeilingRegionRole, parseMaterialRef, useScene, } from '@pascal-app/core';
+import { CEILING_REGION_MESH, useViewer } from '@pascal-app/viewer';
+import { createSlotPaintCapability, resolveSlotPaintMaterialRef } from '../shared/slot-paint.js';
+import { swapPreviewMaterial } from '../shared/swap-preview-material.js';
+import { getCeilingMaterials, resolveCeilingFinish } from './materials.js';
 /**
  * Ceiling paint on the unified slot model. A ceiling's own finish is its
  * `surface` slot (`node.slots.surface`); a painted part of it is a region —
  * the room's (`zone.ceiling.regions`) for an automatic ceiling, the ceiling's
  * own (`ceiling.regions`) for a manual one — drawn as its own mesh tagged
  * `region:<id>`. A click lands on what shows there. Previews swap the ceiling's
- * flat-tinted material (built `BackSide`, the way it renders) on exactly the
+ * room-facing material on exactly the
  * mesh the click would change, so the hover matches the committed result.
  */
-function previewColor(material, materialPreset) {
-    return materialPreset
-        ? ceilingColorFromRef(materialPreset, useScene.getState().materials)
-        : material
-            ? (resolveMaterial(material).color ?? null)
-            : null;
-}
 function regionMesh(root, role) {
     let found = null;
     root.traverse((object) => {
@@ -31,24 +24,22 @@ function applyCeilingPreview({ role, material, materialPreset, root }) {
     const mesh = root;
     if (!mesh.isMesh)
         return null;
-    const color = previewColor(material, materialPreset);
+    const shading = useViewer.getState().shading;
+    const finish = resolveCeilingFinish(materialPreset ?? material, useScene.getState().materials, shading);
     const erasing = material === undefined && materialPreset === undefined;
     if (role === CEILING_SURFACE_ROLE) {
         // Erasing shows the default the ceiling returns to.
-        const shown = color ?? (erasing ? CEILING_SLOT_DEFAULT_COLOR : null);
+        const shown = finish ??
+            (erasing ? getCeilingMaterials(CEILING_SLOT_DEFAULT_COLOR, shading).bottomMaterial : null);
         if (!shown)
             return () => { };
-        return swapPreviewMaterial(mesh, getCeilingMaterials(shown).bottomMaterial);
+        return swapPreviewMaterial(mesh, shown);
     }
     const region = regionMesh(mesh, role);
     if (!region)
         return null;
     // An erased region shows the ceiling's own finish under it.
-    const preview = color
-        ? getCeilingMaterials(color).bottomMaterial
-        : erasing
-            ? mesh.material
-            : null;
+    const preview = finish ? finish : erasing ? mesh.material : null;
     return preview ? swapPreviewMaterial(region, preview) : () => { };
 }
 /** Repaint a region, or remove it for the eraser, in one history step. */

package/dist/ceiling/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ceiling/panel.tsx"],"names":[],"mappings":"AA4BA;;;;;;;GAOG;AACH,wBAAgB,YAAY,uCA2Y3B;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ceiling/panel.tsx"],"names":[],"mappings":"AA4BA;;;;;;;GAOG;AACH,wBAAgB,YAAY,uCA2Y3B;eAEc,YAAY"}

package/dist/ceiling/panel.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { resolveCeilingHeight, useScene } from '@pascal-app/core';
 import { ActionButton, ActionGroup, exitCeilingEditToRoom, formatLinearMeasurement, holeEditScope, PanelSection, PanelWrapper, SegmentedControl, ShapeChoice, SliderControl, setCeilingHoles, startOpeningDraft, triggerSFX, useCeilingEditCeilingId, useCeilingEditSession, useEditingHole, useEditor, useInteractionScope, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Edit, Move, Plus, Trash2 } from 'lucide-react';
 import { useCallback, useEffect, useRef } from 'react';
-import { CEILING_PANEL_MIN_HEIGHT, ceilingHeightRange, clampCeilingHeight } from './height-bounds';
+import { CEILING_PANEL_MIN_HEIGHT, ceilingHeightRange, clampCeilingHeight } from './height-bounds.js';
 /**
  * Phase 5 Stage E — ceiling inspector (kind-owned).
  *
@@ -203,7 +203,7 @@ export function CeilingPanel() {
                             return (_jsx(ActionButton, { className: fits ? undefined : 'cursor-not-allowed opacity-40', disabled: !fits, label: preset.label, onClick: () => handleHeightChange(preset.height), title: fits
                                     ? undefined
                                     : `Taller than this level (${formatLinearMeasurement(maxHeight, unit, metricNotation)} available). Raise the level height first.` }, preset.label));
-                        }) }), Number.isFinite(maxHeight) && (_jsxs("div", { className: "px-1 pb-1 text-[11px] text-muted-foreground", children: ["Limited by the level to ", formatLinearMeasurement(maxHeight, unit, metricNotation), " \u2014 raise the level height for a taller ceiling."] }))] }), _jsx(PanelSection, { title: "Info", children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: "Area" }), _jsxs("span", { className: "font-mono text-white", children: [area.toFixed(2), " m\u00B2"] })] }) }), _jsxs(PanelSection, { title: "Holes", children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
+                        }) }), Number.isFinite(maxHeight) && (_jsxs("div", { className: "px-1 pb-1 text-[11px] text-muted-foreground", children: ["Limited by the level to ", formatLinearMeasurement(maxHeight, unit, metricNotation), " \u2014 raise the level height for a taller ceiling."] }))] }), _jsx(PanelSection, { title: "Info", children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: "Area" }), _jsxs("span", { className: "font-mono text-foreground dark:text-white", children: [area.toFixed(2), " m\u00B2"] })] }) }), _jsxs(PanelSection, { title: "Holes", children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
                             const holeArea = calculateArea(hole);
                             const isEditing = editingHole?.nodeId === selectedId && editingHole?.holeIndex === index;
                             const source = node.holeMetadata?.[index]?.source ?? 'manual';
@@ -211,13 +211,13 @@ export function CeilingPanel() {
                             const autoLabel = source === 'elevator' ? 'Auto elevator cutout' : 'Auto stair cutout';
                             return (_jsxs("div", { className: `flex items-center justify-between rounded-lg border p-2 transition-colors ${isEditing
                                     ? 'border-primary/50 bg-primary/10'
-                                    : 'border-transparent hover:bg-accent/30'}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: `font-medium text-xs ${isEditing ? 'text-primary' : 'text-white'}`, children: ["Hole ", index + 1, " ", isEditing && '(Editing)'] }), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: [holeArea.toFixed(2), " m\u00B2 \u00B7 ", hole.length, " pts \u00B7", ' ', isAutoHole ? autoLabel : 'Manual'] })] }), _jsx("div", { className: "flex items-center gap-1", children: isEditing ? (_jsx(ActionButton, { className: "h-7 bg-primary text-primary-foreground hover:bg-primary/90", label: "Done", onClick: () => {
+                                    : 'border-transparent hover:bg-accent/30'}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: `font-medium text-xs ${isEditing ? 'text-primary' : 'text-foreground dark:text-white'}`, children: ["Hole ", index + 1, " ", isEditing && '(Editing)'] }), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: [holeArea.toFixed(2), " m\u00B2 \u00B7 ", hole.length, " pts \u00B7", ' ', isAutoHole ? autoLabel : 'Manual'] })] }), _jsx("div", { className: "flex items-center gap-1", children: isEditing ? (_jsx(ActionButton, { className: "h-7 bg-primary text-primary-foreground hover:bg-primary/90", label: "Done", onClick: () => {
                                                 useInteractionScope
                                                     .getState()
                                                     .endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'hole');
                                                 // A finished opening is a completed action: back to the room.
                                                 exitCeilingEditToRoom();
-                                            } })) : isAutoHole ? (_jsx("div", { className: "rounded-md bg-[#2C2C2E] px-2 py-1 text-[10px] text-muted-foreground", children: "Auto" })) : canEditHoles ? (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => handleEditHole(index), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300", onClick: () => handleDeleteHole(index), type: "button", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })) : null })] }, index));
+                                            } })) : isAutoHole ? (_jsx("div", { className: "rounded-md bg-black/4 dark:bg-[#2C2C2E] px-2 py-1 text-[10px] text-muted-foreground", children: "Auto" })) : canEditHoles ? (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => handleEditHole(index), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-600 dark:text-red-400 hover:bg-red-500/20 hover:text-red-700 dark:hover:text-red-300", onClick: () => handleDeleteHole(index), type: "button", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })) : null })] }, index));
                         }) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: "No holes" })), _jsx("div", { className: "px-1 pt-1 pb-1", children: roomZoneId ? (_jsx(ShapeChoice, { className: "px-1 text-muted-foreground text-xs", disabled: !canEditHoles, label: "Cut opening", onPick: (shape) => startOpeningDraft(roomZoneId, 'ceiling', shape) })) : (_jsx(ActionButton, { className: "w-full", disabled: !canEditHoles || editingHole?.nodeId === selectedId, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Hole", onClick: handleAddHole })) })] }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }) })] }));
 }
 export default CeilingPanel;

package/dist/ceiling/parametrics.d.ts

@@ -1,5 +1,5 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { CeilingNode } from './schema';
+import type { CeilingNode } from './schema.js';
 /**
  * Inspector descriptor for ceiling.
  *

package/dist/ceiling/parametrics.js

@@ -12,5 +12,5 @@ export const ceilingParametrics = {
             fields: [{ key: 'height', kind: 'number', unit: 'm', min: 0.1, max: 1000, step: 0.05 }],
         },
     ],
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

package/dist/ceiling/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/ceiling/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,WAAW,EASjB,MAAM,kBAAkB,CAAA;AAmBzB,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,gCAgJ9D,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/ceiling/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,WAAW,EAOjB,MAAM,kBAAkB,CAAA;AAoBzB,eAAO,MAAM,eAAe,aAAc;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,gCAiJ9D,CAAA;eAEc,eAAe"}