@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/wall/rectangle-command.d.ts

@@ -1,47 +1,53 @@
 import { type AnyNodeId, type WallConstructionOptions, type WallNode, type WallPlanPoint } from '@pascal-app/core';
 export declare function createWallRectangle(levelId: AnyNodeId, start: WallPlanPoint, end: WallPlanPoint, defaults?: Partial<WallNode>, options?: WallConstructionOptions): {
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
-    metadata: Record<string, unknown>;
-    id: `wall_${string}`;
-    type: "wall";
-    children: (`item_${string}` | `procedural-item_${string}` | `leanto_${string}` | `door_${string}` | `window_${string}`)[];
-    start: [number, number];
-    end: [number, number];
-    frontSide: "unknown" | "interior" | "exterior";
-    backSide: "unknown" | "interior" | "exterior";
-    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;
-    wallType?: "standard" | "curtain" | undefined;
+    metadata: Record<string, unknown>;
+    provenance?: {
+        refs: {
+            ns?: string | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
+        }[];
+        lineage?: {
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
+            fromIds: string[];
+        } | undefined;
+    } | undefined;
+    id: `wall_${string}`;
+    type: "wall";
+    wallType?: "curtain" | "standard" | undefined;
     curtainWall?: {
         construction: "stick" | "unitized";
-        framing: "capped" | "vertical-caps" | "horizontal-caps" | "structural-glazing";
+        framing: "capped" | "horizontal-caps" | "structural-glazing" | "vertical-caps";
         columns: {
-            layout: "count" | "maximum-spacing" | "fixed-spacing";
+            layout: "count" | "fixed-spacing" | "maximum-spacing";
             count: number;
             spacing: number;
-            alignment: "center" | "start" | "end";
+            alignment: "center" | "end" | "start";
         };
         rows: {
-            layout: "count" | "maximum-spacing" | "fixed-spacing";
+            layout: "count" | "fixed-spacing" | "maximum-spacing";
             count: number;
             spacing: number;
-            alignment: "center" | "start" | "end";
+            alignment: "center" | "end" | "start";
         };
         mullionWidth: number;
         transomWidth: number;
         perimeterWidth: number;
         jointWidth: number;
         glassThickness: number;
-        panelType: "glass" | "solid" | "empty";
-        spandrel: "top" | "none" | "bottom";
+        panelType: "empty" | "glass" | "solid";
+        spandrel: "bottom" | "none" | "top";
         frameColor: string;
         glassColor: string;
         solidColor: string;
@@ -50,19 +56,20 @@ export declare function createWallRectangle(levelId: AnyNodeId, start: WallPlanP
         panels: {
             column: number;
             row: number;
-            type: "glass" | "solid" | "empty";
+            type: "empty" | "glass" | "solid";
         }[];
     } | undefined;
+    children: (`door_${string}` | `item_${string}` | `leanto_${string}` | `procedural-item_${string}` | `window_${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;
@@ -73,14 +80,14 @@ export declare function createWallRectangle(levelId: AnyNodeId, start: WallPlanP
     materialPreset?: string | undefined;
     interiorMaterial?: {
         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;
@@ -91,14 +98,14 @@ export declare function createWallRectangle(levelId: AnyNodeId, start: WallPlanP
     interiorMaterialPreset?: string | undefined;
     exteriorMaterial?: {
         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;
@@ -108,42 +115,327 @@ export declare function createWallRectangle(levelId: AnyNodeId, start: WallPlanP
     } | undefined;
     exteriorMaterialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
+    legacyFaceMaterials?: {
+        a?: {
+            material?: {
+                id?: string | 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: "back" | "double" | "front";
+                } | undefined;
+                texture?: {
+                    url: string;
+                    repeat?: [number, number] | undefined;
+                    scale?: number | undefined;
+                } | undefined;
+            } | undefined;
+            materialPreset?: string | undefined;
+        } | undefined;
+        b?: {
+            material?: {
+                id?: string | 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: "back" | "double" | "front";
+                } | undefined;
+                texture?: {
+                    url: string;
+                    repeat?: [number, number] | undefined;
+                    scale?: number | undefined;
+                } | undefined;
+            } | undefined;
+            materialPreset?: string | undefined;
+        } | undefined;
+    } | undefined;
+    faceRegions?: {
+        id: string;
+        face: "a" | "b";
+        u0?: number | undefined;
+        u1?: number | undefined;
+        v0?: number | undefined;
+        v1?: number | undefined;
+        finish: string;
+    }[] | undefined;
     thickness?: number | undefined;
+    assembly?: {
+        layers: {
+            id: string;
+            role: "air" | "covering" | "deck" | "fill" | "finish" | "furring" | "glazing" | "insulation" | "lining" | "membrane" | "sheathing" | "shell" | "structure" | "substrate" | "underlay";
+            thickness: number;
+            core?: true | undefined;
+            material?: string | undefined;
+            slot?: string | undefined;
+            returns?: boolean | undefined;
+            display?: "construction" | "finished" | undefined;
+            inset?: number | undefined;
+            bottom?: number | undefined;
+            lift?: number | undefined;
+            src?: string | undefined;
+        }[];
+        backing?: {
+            id: string;
+            role: "air" | "covering" | "deck" | "fill" | "finish" | "furring" | "glazing" | "insulation" | "lining" | "membrane" | "sheathing" | "shell" | "structure" | "substrate" | "underlay";
+            thickness: number;
+            core?: true | undefined;
+            material?: string | undefined;
+            slot?: string | undefined;
+            returns?: boolean | undefined;
+            display?: "construction" | "finished" | undefined;
+            inset?: number | undefined;
+            bottom?: number | undefined;
+            lift?: number | undefined;
+            src?: string | undefined;
+        }[] | undefined;
+        face?: "exterior" | "front" | undefined;
+        presetId?: string | undefined;
+        cavityInsulation?: string | undefined;
+    } | undefined;
+    justification?: "a" | "b" | undefined;
     height?: number | undefined;
     curveOffset?: number | undefined;
     supportSlabId?: string | undefined;
     supportOffset?: number | undefined;
     fillToTerrain?: boolean | undefined;
-    faceBands?: {
-        enabled: boolean;
-        count: number;
-        lowerHeight: number;
-        middleHeight: number;
-        upperHeight: number;
+    cap?: boolean | undefined;
+    underpinning?: {
+        rim: number;
+        stem: number;
+        openings?: {
+            u: number;
+            width: number;
+            top: number;
+            bottom: number;
+        }[] | undefined;
     } | undefined;
     skirting?: {
         enabled: boolean;
-        sides: "interior" | "exterior" | "both";
+        sides: "a" | "b" | "both" | "exterior" | "interior";
         height: number;
         proud: number;
-        profile: "flat" | "bevel" | "triangle" | "cove" | "bullnose" | "base-modern" | "base-colonial" | "base-shoe" | "base-ogee" | "crown-cove" | "crown-ogee" | "crown-craftsman" | "crown-layered" | "rail-rounded" | "rail-ogee" | "rail-picture" | "rail-stepped";
+        profile: "base-colonial" | "base-modern" | "base-ogee" | "base-shoe" | "bevel" | "bullnose" | "cove" | "crown-cove" | "crown-craftsman" | "crown-layered" | "crown-ogee" | "flat" | "rail-ogee" | "rail-picture" | "rail-rounded" | "rail-stepped" | "triangle";
         offsetY?: number | undefined;
     } | undefined;
     crown?: {
         enabled: boolean;
-        sides: "interior" | "exterior" | "both";
+        sides: "a" | "b" | "both" | "exterior" | "interior";
         height: number;
         proud: number;
-        profile: "flat" | "bevel" | "triangle" | "cove" | "bullnose" | "base-modern" | "base-colonial" | "base-shoe" | "base-ogee" | "crown-cove" | "crown-ogee" | "crown-craftsman" | "crown-layered" | "rail-rounded" | "rail-ogee" | "rail-picture" | "rail-stepped";
+        profile: "base-colonial" | "base-modern" | "base-ogee" | "base-shoe" | "bevel" | "bullnose" | "cove" | "crown-cove" | "crown-craftsman" | "crown-layered" | "crown-ogee" | "flat" | "rail-ogee" | "rail-picture" | "rail-rounded" | "rail-stepped" | "triangle";
         offsetY?: number | undefined;
     } | undefined;
     chairRail?: {
         enabled: boolean;
-        sides: "interior" | "exterior" | "both";
+        sides: "a" | "b" | "both" | "exterior" | "interior";
         height: number;
         proud: number;
-        profile: "flat" | "bevel" | "triangle" | "cove" | "bullnose" | "base-modern" | "base-colonial" | "base-shoe" | "base-ogee" | "crown-cove" | "crown-ogee" | "crown-craftsman" | "crown-layered" | "rail-rounded" | "rail-ogee" | "rail-picture" | "rail-stepped";
+        profile: "base-colonial" | "base-modern" | "base-ogee" | "base-shoe" | "bevel" | "bullnose" | "cove" | "crown-cove" | "crown-craftsman" | "crown-layered" | "crown-ogee" | "flat" | "rail-ogee" | "rail-picture" | "rail-rounded" | "rail-stepped" | "triangle";
         offsetY?: number | undefined;
     } | undefined;
+    finishScripts?: {
+        a?: {
+            kind: "script";
+            meta?: {
+                description?: string | undefined;
+                category?: string | undefined;
+                tags?: string[] | undefined;
+                parent?: string | undefined;
+            } | undefined;
+            language: "bpy" | "three";
+            script: string;
+            params: Record<string, string | number | boolean>;
+            artifact: string;
+            manifest: {
+                bounds: {
+                    min: [number, number, number];
+                    max: [number, number, number];
+                };
+                params: {
+                    id: string;
+                    label?: string | undefined;
+                    kind: "boolean" | "number" | "string";
+                    default: string | number | boolean;
+                    min?: number | undefined;
+                    max?: number | undefined;
+                    step?: number | undefined;
+                    unit?: string | undefined;
+                    options?: string[] | undefined;
+                }[];
+                parts: {
+                    id: string;
+                    label?: string | undefined;
+                    type?: string | undefined;
+                    bounds?: {
+                        min: [number, number, number];
+                        max: [number, number, number];
+                    } | undefined;
+                }[];
+                surfaces: {
+                    part?: string | undefined;
+                    y: number;
+                    polygon: [number, number][];
+                }[];
+                slots: {
+                    id: string;
+                    label?: string | undefined;
+                    color?: string | undefined;
+                    roughness?: number | undefined;
+                    metalness?: number | undefined;
+                    transparent?: boolean | undefined;
+                    emissive?: boolean | undefined;
+                }[];
+                anchors: {
+                    id: string;
+                    position: [number, number, number];
+                    normal?: [number, number, number] | undefined;
+                }[];
+                lights: {
+                    id: string;
+                    position: [number, number, number];
+                    color: string;
+                    intensity: number;
+                    distance?: number | undefined;
+                }[];
+                undersides: {
+                    part?: string | undefined;
+                    polygon: [number, number][];
+                    plane: [number, number, number, number];
+                }[];
+                animations: {
+                    name: string;
+                    duration: number;
+                }[];
+                cutters?: {
+                    host: "ceiling" | "mounted" | "slab" | "wall";
+                    polygon: number[][];
+                    minY: number;
+                    maxY: number;
+                }[] | undefined;
+                cutout: boolean;
+                collider: boolean;
+                triangles: number;
+                coverage?: number | undefined;
+                uncovered?: {
+                    min: [number, number];
+                    max: [number, number];
+                }[] | undefined;
+            };
+            images?: {
+                artifact: string;
+                thumbnail: string;
+                floorPlan: string;
+            } | undefined;
+            inputs: string;
+            toHeight?: number | undefined;
+        } | undefined;
+        b?: {
+            kind: "script";
+            meta?: {
+                description?: string | undefined;
+                category?: string | undefined;
+                tags?: string[] | undefined;
+                parent?: string | undefined;
+            } | undefined;
+            language: "bpy" | "three";
+            script: string;
+            params: Record<string, string | number | boolean>;
+            artifact: string;
+            manifest: {
+                bounds: {
+                    min: [number, number, number];
+                    max: [number, number, number];
+                };
+                params: {
+                    id: string;
+                    label?: string | undefined;
+                    kind: "boolean" | "number" | "string";
+                    default: string | number | boolean;
+                    min?: number | undefined;
+                    max?: number | undefined;
+                    step?: number | undefined;
+                    unit?: string | undefined;
+                    options?: string[] | undefined;
+                }[];
+                parts: {
+                    id: string;
+                    label?: string | undefined;
+                    type?: string | undefined;
+                    bounds?: {
+                        min: [number, number, number];
+                        max: [number, number, number];
+                    } | undefined;
+                }[];
+                surfaces: {
+                    part?: string | undefined;
+                    y: number;
+                    polygon: [number, number][];
+                }[];
+                slots: {
+                    id: string;
+                    label?: string | undefined;
+                    color?: string | undefined;
+                    roughness?: number | undefined;
+                    metalness?: number | undefined;
+                    transparent?: boolean | undefined;
+                    emissive?: boolean | undefined;
+                }[];
+                anchors: {
+                    id: string;
+                    position: [number, number, number];
+                    normal?: [number, number, number] | undefined;
+                }[];
+                lights: {
+                    id: string;
+                    position: [number, number, number];
+                    color: string;
+                    intensity: number;
+                    distance?: number | undefined;
+                }[];
+                undersides: {
+                    part?: string | undefined;
+                    polygon: [number, number][];
+                    plane: [number, number, number, number];
+                }[];
+                animations: {
+                    name: string;
+                    duration: number;
+                }[];
+                cutters?: {
+                    host: "ceiling" | "mounted" | "slab" | "wall";
+                    polygon: number[][];
+                    minY: number;
+                    maxY: number;
+                }[] | undefined;
+                cutout: boolean;
+                collider: boolean;
+                triangles: number;
+                coverage?: number | undefined;
+                uncovered?: {
+                    min: [number, number];
+                    max: [number, number];
+                }[] | undefined;
+            };
+            images?: {
+                artifact: string;
+                thumbnail: string;
+                floorPlan: string;
+            } | undefined;
+            inputs: string;
+            toHeight?: number | undefined;
+        } | undefined;
+    } | undefined;
+    start: [number, number];
+    end: [number, number];
+    frontSide: "exterior" | "interior" | "unknown";
+    backSide: "exterior" | "interior" | "unknown";
 }[];
 //# sourceMappingURL=rectangle-command.d.ts.map

package/dist/wall/rectangle-command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rectangle-command.d.ts","sourceRoot":"","sources":["../../src/wall/rectangle-command.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAKd,KAAK,uBAAuB,EAC5B,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAA;AAEzB,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,aAAa,EAClB,QAAQ,GAAE,OAAO,CAAC,QAAQ,CAAM,EAChC,OAAO,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBlC"}
+{"version":3,"file":"rectangle-command.d.ts","sourceRoot":"","sources":["../../src/wall/rectangle-command.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAKd,KAAK,uBAAuB,EAC5B,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAA;AAEzB,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,aAAa,EAClB,QAAQ,GAAE,OAAO,CAAC,QAAQ,CAAM,EAChC,OAAO,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBlC"}

package/dist/wall/rectangle-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rectangle-tool.d.ts","sourceRoot":"","sources":["../../src/wall/rectangle-tool.tsx"],"names":[],"mappings":"AAmCA,MAAM,CAAC,OAAO,UAAU,iBAAiB,gCAkMxC"}
+{"version":3,"file":"rectangle-tool.d.ts","sourceRoot":"","sources":["../../src/wall/rectangle-tool.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,iBAAiB,gCAoNxC"}

package/dist/wall/rectangle-tool.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { emitter, useScene, wallRectangleCorners, } from '@pascal-app/core';
-import { CursorSphere, clearPlacementSurface, DRAFT_LABEL_Y_OFFSET, DraftMeasurementLabel, EDITOR_LAYER, formatLinearMeasurement, isMagneticSnapActive, markToolCancelConsumed, NO_RAYCAST, publishHorizontalConstructionPlane, resolveEventConstructionPlane, snapWallDraftPointDetailed, triggerSFX, useEditor, useInteractionScope, useLinearDisplay, useRegistryToolContext, useWallSnapIndicator, } from '@pascal-app/editor';
+import { CursorSphere, clearPlacementSurface, DRAFT_LABEL_Y_OFFSET, DraftMeasurementLabel, EDITOR_LAYER, formatLinearMeasurement, isMagneticSnapActive, markToolCancelConsumed, NO_RAYCAST, publishHorizontalConstructionPlane, resolveEventConstructionPlane, snapWallDraftPointDetailed, triggerSFX, useEditor, useFloorplanDraftPreview, useInteractionScope, useLinearDisplay, useRegistryToolContext, useWallSnapIndicator, } from '@pascal-app/editor';
 import { getSceneTheme, useViewer } from '@pascal-app/viewer';
 import { useThree } from '@react-three/fiber';
 import { useEffect, useState } from 'react';
 import { DoubleSide } from 'three';
-import { createWallRectangle } from './rectangle-command';
+import { createWallRectangle } from './rectangle-command.js';
 export default function RectangleWallTool() {
     const { activeLevelId, isCameraDragging } = useRegistryToolContext();
     const canvas = useThree((s) => s.gl.domElement);
@@ -27,7 +27,7 @@ export default function RectangleWallTool() {
         setDraft(null);
         setMessage('');
         let start = null;
-        let end = null;
+        let corner = null;
         let plane = null;
         useInteractionScope.getState().begin({ kind: 'drafting', tool: 'wall' });
         const pointFor = (e) => {
@@ -57,21 +57,26 @@ export default function RectangleWallTool() {
             setMessage('');
             if (!start)
                 return;
-            // The line draft's tick: once per snapped corner position.
-            if (end && (end[0] !== point[0] || end[1] !== point[1]))
+            // The wall draft's tick as the dragged corner steps to a new snapped spot.
+            if (corner && (corner[0] !== point[0] || corner[1] !== point[1]))
                 triggerSFX('sfx:grid-snap');
-            end = point;
+            corner = point;
             setDraft({ start, end: point, y: hoverPlane.localY });
         };
         const leave = () => {
             setCursor(null);
             useWallSnapIndicator.getState().clear();
         };
+        // The first corner is mirrored out of tree, like the wall chain's origin,
+        // for consumers outside the tool (the plan view, onboarding hints).
+        const publishStart = (point) => useFloorplanDraftPreview.getState().setWallRectangleDraftStart(point);
         const cancel = () => {
-            if (start)
+            if (start) {
                 markToolCancelConsumed();
+                publishStart(null);
+            }
             start = null;
-            end = null;
+            corner = null;
             plane = null;
             setDraft(null);
             setMessage('');
@@ -84,10 +89,11 @@ export default function RectangleWallTool() {
             const point = pointFor(e);
             if (!start) {
                 start = point;
-                end = point;
+                publishStart(point);
                 plane = resolveEventConstructionPlane(e, null);
                 publishHorizontalConstructionPlane(e, plane);
                 setCursor([point[0], plane.localY, point[1]]);
+                corner = point;
                 setDraft({ start, end: point, y: plane.localY });
                 setMessage('');
                 triggerSFX('sfx:structure-build-start');
@@ -106,15 +112,27 @@ export default function RectangleWallTool() {
                 setMessage(error.message);
             }
         };
+        // The plan view finishing or dropping the same rectangle (split view) ends it here too.
+        const stopMirror = useFloorplanDraftPreview.subscribe((state, previous) => {
+            if (!start || !previous.wallRectangleDraftStart || state.wallRectangleDraftStart)
+                return;
+            start = null;
+            corner = null;
+            plane = null;
+            setDraft(null);
+        });
         emitter.on('grid:move', move);
         emitter.on('grid:click', click);
         emitter.on('tool:cancel', cancel);
         canvas.addEventListener('pointerleave', leave);
         return () => {
+            stopMirror();
             emitter.off('grid:move', move);
             emitter.off('grid:click', click);
             emitter.off('tool:cancel', cancel);
             canvas.removeEventListener('pointerleave', leave);
+            if (start)
+                publishStart(null);
             useWallSnapIndicator.getState().clear();
             clearPlacementSurface();
             useInteractionScope.getState().endIf((s) => s.kind === 'drafting' && s.tool === 'wall');

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/wall/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAuCzB;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAyJjD,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/wall/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AAqEzB;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,YAAY,aAAc;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAoKjD,CAAA;eAEc,YAAY"}

package/dist/wall/renderer.js

@@ -1,15 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { hiddenWallPointerEventsHeld, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
-import { NodeRenderer, SHADOW_ONLY_LAYER, useLibraryMaterialsVersion, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { hiddenWallPointerEventsHeld, useLiveNodeOverrides, useRegistry, useScene, wallFaceScriptPlacement, } from '@pascal-app/core';
+import { getWallFinishRefs, NodeRenderer, SHADOW_ONLY_LAYER, useLibraryMaterialsVersion, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
 import { useShallow } from 'zustand/react/shallow';
-import { createPlaceholderGeometry } from '../shared/placeholder-geometry';
-import { getCurtainAwareWallMaterials } from './curtain-wall-materials';
-import { extractWallSelectionRay, WALL_COLLISION_MESH_NAME, wallPointerEventsSuppressed, } from './pointer-transparency';
-import { createWallRayHitClassifier } from './selection-hit-owner';
-import { createWallTreatmentSelector, useWallTreatmentLevelData } from './treatment-level-data';
-import { createWallExtraSlotMaterials, hasWallTreatments, WallTreatments, wallTreatmentProudOffsets, } from './treatments';
+import { FinishScriptModel } from '../shared/finish-script-model.js';
+import { createPlaceholderGeometry } from '../shared/placeholder-geometry.js';
+import { getCurtainAwareWallMaterials } from './curtain-wall-materials.js';
+import { extractWallSelectionRay, WALL_COLLISION_MESH_NAME, wallPointerEventsSuppressed, } from './pointer-transparency.js';
+import { createWallRayHitClassifier } from './selection-hit-owner.js';
+import { createWallTreatmentSelector, useWallTreatmentLevelData } from './treatment-level-data.js';
+import { createWallExtraSlotMaterials, hasWallTreatments, WallTreatments, wallTreatmentProudOffsets, } from './treatments.js';
+/**
+ * A face's finish its script built, under the wall like the wall's other face geometry: the
+ * build's frame at the face's base, 1 mm proud of the face, mirrored through the wall for face b.
+ */
+function WallFaceScriptModel({ node, face, script, }) {
+    const placement = useScene(useShallow((state) => {
+        const at = wallFaceScriptPlacement(state.nodes, node.id, face);
+        return at ? [...at.position, at.scale[2]] : [];
+    }));
+    if (placement.length === 0)
+        return null;
+    const [x, y, z, out] = placement;
+    return (_jsx("group", { position: [x, y, z], scale: [1, 1, out], children: _jsx(FinishScriptModel, { ownerId: node.id, parentId: node.parentId, script: script }) }));
+}
 function WallTreatmentSubscription(props) {
     const { node } = props;
     const selector = useMemo(() => createWallTreatmentSelector(node, wallTreatmentProudOffsets(node)), [node]);
@@ -113,7 +128,9 @@ const WallRenderer = ({ node }) => {
     // register after mount, and a dangling ref cached as the slot default must
     // re-resolve when they land.
     const libraryMaterialsVersion = useLibraryMaterialsVersion();
-    const baseMaterials = getCurtainAwareWallMaterials(treatmentNode, shading, textures, colorPreset, sceneTheme, sceneMaterials).visible;
+    // Built geometry's groups index its finish palette; WallCutout swaps the
+    // array whenever a rebuild changes that palette.
+    const baseMaterials = getCurtainAwareWallMaterials(treatmentNode, shading, textures, colorPreset, sceneTheme, sceneMaterials, getWallFinishRefs(ref.current?.geometry)).visible;
     // biome-ignore lint/correctness/useExhaustiveDependencies: libraryMaterialsVersion invalidates the ref resolution inside createWallExtraSlotMaterials
     const extraMaterials = useMemo(() => createWallExtraSlotMaterials(node, shading, sceneMaterials), [node, sceneMaterials, shading, libraryMaterialsVersion]);
     useEffect(() => () => {
@@ -122,6 +139,10 @@ const WallRenderer = ({ node }) => {
         for (const entry of owned)
             entry.dispose();
     }, [baseMaterials, extraMaterials]);
-    return (_jsxs("mesh", { castShadow: node.wallType !== 'curtain', geometry: placeholderGeometry, material: baseMaterials, receiveShadow: true, ref: ref, visible: node.visible, children: [_jsx("mesh", { name: "curtain-wall-shadow", userData: { pascalExport: 'strip' }, geometry: shadowPlaceholderGeometry, layers: SHADOW_ONLY_LAYER, castShadow: true, visible: node.wallType === 'curtain', raycast: () => { }, children: _jsx("meshBasicMaterial", {}) }), _jsx("mesh", { geometry: collisionPlaceholderGeometry, name: WALL_COLLISION_MESH_NAME, visible: false, ...handlers }), node.wallType !== 'curtain' && hasWallTreatments(treatmentNode) && (_jsx(WallTreatmentSubscription, { childrenNodes: childNodes, materials: extraMaterials, node: treatmentNode })), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, `${node.id}:${childId}`)))] }));
+    return (_jsxs("mesh", { castShadow: node.wallType !== 'curtain', geometry: placeholderGeometry, material: baseMaterials, receiveShadow: true, ref: ref, visible: node.visible, children: [_jsx("mesh", { name: "curtain-wall-shadow", userData: { pascalExport: 'strip' }, geometry: shadowPlaceholderGeometry, layers: SHADOW_ONLY_LAYER, castShadow: true, visible: node.wallType === 'curtain', raycast: () => { }, children: _jsx("meshBasicMaterial", {}) }), _jsx("mesh", { geometry: collisionPlaceholderGeometry, name: WALL_COLLISION_MESH_NAME, visible: false, ...handlers }), node.wallType !== 'curtain' && hasWallTreatments(treatmentNode) && (_jsx(WallTreatmentSubscription, { childrenNodes: childNodes, materials: extraMaterials, node: treatmentNode })), node.wallType !== 'curtain' &&
+                ['a', 'b'].map((face) => {
+                    const script = node.finishScripts?.[face];
+                    return script ? (_jsx(WallFaceScriptModel, { face: face, node: node, script: script }, face)) : null;
+                }), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, `${node.id}:${childId}`)))] }));
 };
 export default WallRenderer;