@pascal-app/nodes 1.0.0-beta.5 → 1.0.0

package/dist/cupola/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/cupola/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,cAAc,CA2D1E"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/cupola/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAA;AAEV;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,cAAc,CAqE1E"}

package/dist/cupola/geometry.js

@@ -1,4 +1,11 @@
 import * as THREE from 'three';
+import { copyUvToSecondaryChannel, cumulativeProfileDistances, planarMetricUvs, } from '../shared/primitive-uv';
+export const CUPOLA_MATERIAL_INDEX = {
+    base: 0,
+    body: 1,
+    roof: 2,
+    louvers: 3,
+};
 /**
  * Pure builder for the cupola mesh — a small louvered roof lantern:
  *
@@ -41,12 +48,16 @@ export function buildCupolaGeometry(node) {
     const uv = [];
     // Base plinth (slightly wider than the body) — closed box.
     addBox(p, n, uv, hw + baseOvh, hd + baseOvh, 0, baseTop);
+    const baseEnd = p.length / 3;
     // Body — closed box; the louvers are applied as relief on its walls.
     addBox(p, n, uv, hw, hd, baseTop, bodyTop);
+    const bodyEnd = p.length / 3;
     // Cornice — overhanging slab the roof sits on.
     addBox(p, n, uv, hw + cornOvh, hd + cornOvh, bodyTop, corniceTop);
+    const corniceEnd = p.length / 3;
     // Louvered slats on all four body faces.
     addLouvers(p, n, uv, hw, hd, baseTop, bodyTop);
+    const louversEnd = p.length / 3;
     // Roof.
     const rhw = hw + cornOvh;
     const rhd = hd + cornOvh;
@@ -68,6 +79,12 @@ export function buildCupolaGeometry(node) {
     geo.setAttribute('position', new THREE.Float32BufferAttribute(p, 3));
     geo.setAttribute('normal', new THREE.Float32BufferAttribute(n, 3));
     geo.setAttribute('uv', new THREE.Float32BufferAttribute(uv, 2));
+    geo.addGroup(0, baseEnd, CUPOLA_MATERIAL_INDEX.base);
+    geo.addGroup(baseEnd, bodyEnd - baseEnd, CUPOLA_MATERIAL_INDEX.body);
+    geo.addGroup(bodyEnd, corniceEnd - bodyEnd, CUPOLA_MATERIAL_INDEX.roof);
+    geo.addGroup(corniceEnd, louversEnd - corniceEnd, CUPOLA_MATERIAL_INDEX.louvers);
+    geo.addGroup(louversEnd, p.length / 3 - louversEnd, CUPOLA_MATERIAL_INDEX.roof);
+    copyUvToSecondaryChannel(geo);
     geo.computeBoundingSphere();
     return geo;
 }
@@ -140,18 +157,24 @@ function addDomeRoof(p, n, uv, rx, rz, y0, domeH) {
     const lng = 20;
     const lat = 6;
     let prev = ringAt(rx, rz, y0, lng);
+    let prevU = cumulativeProfileDistances(prev);
+    let domeV = 0;
     for (let i = 1; i <= lat; i++) {
         const phi = (Math.PI / 2) * (i / lat);
         const rf = Math.cos(phi);
         const y = y0 + domeH * Math.sin(phi);
         const ring = ringAt(rx * rf, rz * rf, y, lng);
+        const ringU = cumulativeProfileDistances(ring);
+        const nextV = domeV + averageProfileDistance(prev, ring);
         addBand(p, n, uv, prev, ring, lng, (a, _b, c) => {
             const x = (a[0] + c[0]) / 2;
             const yy = (a[1] + c[1]) / 2 - y0;
             const z = (a[2] + c[2]) / 2;
             return [x, yy, z];
-        });
+        }, prevU, ringU, domeV, nextV);
         prev = ring;
+        prevU = ringU;
+        domeV = nextV;
     }
 }
 // ─── Finial primitives ───────────────────────────────────────────────
@@ -159,28 +182,35 @@ function addCylinder(p, n, uv, r, y0, y1) {
     const lng = 12;
     const bottom = ringAt(r, r, y0, lng);
     const top = ringAt(r, r, y1, lng);
+    const ringU = cumulativeProfileDistances(bottom);
     addBand(p, n, uv, bottom, top, lng, (a, _b, c) => {
         const x = (a[0] + c[0]) / 2;
         const z = (a[2] + c[2]) / 2;
         return [x, 0, z];
-    });
+    }, ringU, ringU, y0, y1);
 }
 function addSphere(p, n, uv, r, cy) {
     const lng = 14;
     const lat = 8;
     let prev = ringAt(0, 0, cy - r, lng);
+    let prevU = cumulativeProfileDistances(prev);
+    let sphereV = 0;
     for (let i = 1; i <= lat; i++) {
         const theta = Math.PI * (i / lat) - Math.PI / 2;
         const ry = r * Math.sin(theta);
         const rr = r * Math.cos(theta);
         const ring = ringAt(rr, rr, cy + ry, lng);
+        const ringU = cumulativeProfileDistances(ring);
+        const nextV = sphereV + averageProfileDistance(prev, ring);
         addBand(p, n, uv, prev, ring, lng, (a, _b, c) => {
             const x = (a[0] + c[0]) / 2;
             const yy = (a[1] + c[1]) / 2 - cy;
             const z = (a[2] + c[2]) / 2;
             return [x, yy, z];
-        });
+        }, prevU, ringU, sphereV, nextV);
         prev = ring;
+        prevU = ringU;
+        sphereV = nextV;
     }
 }
 // ─── Revolve plumbing ────────────────────────────────────────────────
@@ -192,20 +222,32 @@ function ringAt(ax, az, y, lng) {
     }
     return row;
 }
-function addBand(p, n, uv, rA, rB, lng, hintFn) {
+function addBand(p, n, uv, rA, rB, lng, hintFn, uA = cumulativeProfileDistances(rA), uB = cumulativeProfileDistances(rB), vA = 0, vB = averageProfileDistance(rA, rB)) {
     for (let j = 0; j < lng; j++) {
         const a = rA[j];
         const b = rA[j + 1];
         const c = rB[j + 1];
         const d = rB[j];
-        pushQuad(p, n, uv, a, b, c, d, hintFn(a, b, c, d));
+        pushQuad(p, n, uv, a, b, c, d, hintFn(a, b, c, d), [
+            [uA[j], vA],
+            [uA[j + 1], vA],
+            [uB[j + 1], vB],
+            [uB[j], vB],
+        ]);
     }
 }
+function averageProfileDistance(a, b) {
+    let total = 0;
+    for (let index = 0; index < a.length; index += 1) {
+        total += Math.hypot(b[index][0] - a[index][0], b[index][1] - a[index][1], b[index][2] - a[index][2]);
+    }
+    return total / a.length;
+}
 function sub(a, b) {
     return [a[0] - b[0], a[1] - b[1], a[2] - b[2]];
 }
 // ─── Winding-safe primitives ─────────────────────────────────────────
-function pushQuad(positions, normals, uvs, a, b, c, d, hint) {
+function pushQuad(positions, normals, uvs, a, b, c, d, hint, authoredUvs) {
     let nx = (c[1] - a[1]) * (b[2] - a[2]) - (c[2] - a[2]) * (b[1] - a[1]);
     let ny = (c[2] - a[2]) * (b[0] - a[0]) - (c[0] - a[0]) * (b[2] - a[2]);
     let nz = (c[0] - a[0]) * (b[1] - a[1]) - (c[1] - a[1]) * (b[0] - a[0]);
@@ -219,19 +261,19 @@ function pushQuad(positions, normals, uvs, a, b, c, d, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
-    const u = Math.hypot(b[0] - a[0], b[1] - a[1], b[2] - a[2]);
-    const v = Math.hypot(d[0] - a[0], d[1] - a[1], d[2] - a[2]);
+    const faceUvs = authoredUvs ?? planarMetricUvs([a, b, c, d], [nx, ny, nz]);
+    const [uvA, uvB, uvC, uvD] = faceUvs;
     if (flip) {
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, u, 0, u, v);
+        uvs.push(...uvA, ...uvB, ...uvC);
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], d[0], d[1], d[2]);
-        uvs.push(0, 0, u, v, 0, v);
+        uvs.push(...uvA, ...uvC, ...uvD);
     }
     else {
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
-        uvs.push(0, 0, u, v, u, 0);
+        uvs.push(...uvA, ...uvC, ...uvB);
         positions.push(a[0], a[1], a[2], d[0], d[1], d[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, 0, v, u, v);
+        uvs.push(...uvA, ...uvD, ...uvC);
     }
     for (let i = 0; i < 6; i++)
         normals.push(nx, ny, nz);
@@ -250,13 +292,18 @@ function pushTri(positions, normals, uvs, a, b, c, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
+    const faceUvs = planarMetricUvs([a, b, c], [nx, ny, nz]);
+    const uvA = faceUvs[0];
+    const uvB = faceUvs[1];
+    const uvC = faceUvs[2];
     if (flip) {
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
+        uvs.push(...uvA, ...uvC, ...uvB);
     }
     else {
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
+        uvs.push(...uvA, ...uvB, ...uvC);
     }
-    uvs.push(0, 0, 1, 0, 0, 1);
     for (let i = 0; i < 3; i++)
         normals.push(nx, ny, nz);
 }

package/dist/cupola/paint.d.ts

@@ -0,0 +1,4 @@
+import type { CupolaMaterialRole } from '@pascal-app/core';
+export declare function resolveCupolaMaterialRole(materialIndex: number | null): CupolaMaterialRole;
+export declare const cupolaPaint: import("@pascal-app/core").PaintCapability;
+//# sourceMappingURL=paint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/cupola/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAOnF,wBAAgB,yBAAyB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,kBAAkB,CAK1F;AAED,eAAO,MAAM,WAAW,4CAyBtB,CAAA"}

package/dist/cupola/paint.js

@@ -0,0 +1,39 @@
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
+import { CUPOLA_MATERIAL_INDEX } from './geometry';
+export function resolveCupolaMaterialRole(materialIndex) {
+    if (materialIndex === CUPOLA_MATERIAL_INDEX.body)
+        return 'body';
+    if (materialIndex === CUPOLA_MATERIAL_INDEX.roof)
+        return 'roof';
+    if (materialIndex === CUPOLA_MATERIAL_INDEX.louvers)
+        return 'louvers';
+    return 'base';
+}
+export const cupolaPaint = createSlotPaintCapability({
+    materialTarget: 'cupola',
+    resolveRole: ({ materialIndex }) => resolveCupolaMaterialRole(materialIndex),
+    applyPreview: ({ role, material, materialPreset, root }) => {
+        const preview = buildSlotPreviewMaterial(material, materialPreset);
+        if (!preview)
+            return null;
+        const materialIndex = CUPOLA_MATERIAL_INDEX[role];
+        let restore = null;
+        root.traverse((object) => {
+            const mesh = object;
+            if (!mesh.isMesh || mesh.name !== 'cupola-surface' || !Array.isArray(mesh.material))
+                return;
+            const previous = [...mesh.material];
+            const next = [...previous];
+            next[materialIndex] = preview;
+            mesh.material = next;
+            restore = () => {
+                mesh.material = previous;
+            };
+        });
+        return restore;
+    },
+    legacyEffective: (node) => {
+        const legacy = node;
+        return { material: legacy.material, materialPreset: legacy.materialPreset };
+    },
+});

package/dist/cupola/panel.js

@@ -102,5 +102,5 @@ export default function CupolaPanel() {
                         ], value: node.roofStyle ?? 'dome' }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ finial: v === 'on' }), options: [
                             { label: 'Finial', value: 'on' },
                             { label: 'No Finial', value: 'off' },
-                        ], value: (node.finial ?? true) ? 'on' : 'off' })] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 2, min: 0.3, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 2, min: 0.3, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.depth * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 2.5, min: 0.4, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.height * 100) / 100 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[0] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[1] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[2] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                        ], value: (node.finial ?? true) ? 'on' : 'off' })] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.3, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.3, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.depth * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.4, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.height * 100) / 100 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[0] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[1] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[2] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/cupola/parametrics.js

@@ -21,9 +21,9 @@ export const cupolaParametrics = {
         {
             label: 'Dimensions',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.3, max: 2, step: 0.05 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.3, max: 2, step: 0.05 },
-                { key: 'height', kind: 'number', unit: 'm', min: 0.4, max: 2.5, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.3, max: 1000, step: 0.05 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.3, max: 1000, step: 0.05 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0.4, max: 1000, step: 0.05 },
             ],
         },
     ],

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/cupola/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAqBzB;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,qBAAqB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCAqFhE,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/cupola/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,qBAAqB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCAqGhE,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/cupola/renderer.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
-import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, resolveMaterialRef, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
 import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface';
@@ -26,6 +26,7 @@ const CupolaRenderer = ({ node: storeNode }) => {
     const textures = useViewer((s) => s.textures);
     const colorPreset = useViewer((s) => s.colorPreset);
     const sceneTheme = useViewer((s) => s.sceneTheme);
+    const sceneMaterials = useScene((s) => s.materials);
     const overrides = useLiveNodeOverrides((s) => s.get(storeNode.id));
     const node = overrides ? { ...storeNode, ...overrides } : storeNode;
     const segment = useScene((state) => node.roofSegmentId
@@ -41,13 +42,31 @@ const CupolaRenderer = ({ node: storeNode }) => {
         return surfaceQuatFromNormal(normal, new THREE.Quaternion());
     }, [segment, node.position[0], node.position[2]]);
     const material = useMemo(() => {
-        if (!textures || (!node.material && !node.materialPreset)) {
-            return createSurfaceRoleMaterial('roof', colorPreset, THREE.FrontSide, sceneTheme);
-        }
-        return node.material
-            ? createMaterial(node.material, shading)
-            : (createMaterialFromPresetRef(node.materialPreset, shading) ?? defaultMaterial);
-    }, [textures, colorPreset, sceneTheme, shading, node.material, node.materialPreset]);
+        const roleDefault = createSurfaceRoleMaterial('roof', colorPreset, THREE.FrontSide, sceneTheme);
+        const resolve = (role) => {
+            if (!textures)
+                return roleDefault;
+            const slotMaterial = resolveMaterialRef(node.slots?.[role], sceneMaterials, shading);
+            if (slotMaterial)
+                return slotMaterial;
+            if (node.material)
+                return createMaterial(node.material, shading);
+            if (node.materialPreset) {
+                return createMaterialFromPresetRef(node.materialPreset, shading) ?? defaultMaterial;
+            }
+            return roleDefault;
+        };
+        return [resolve('base'), resolve('body'), resolve('roof'), resolve('louvers')];
+    }, [
+        textures,
+        colorPreset,
+        sceneTheme,
+        shading,
+        node.slots,
+        node.material,
+        node.materialPreset,
+        sceneMaterials,
+    ]);
     const yAxis = useMemo(() => new THREE.Vector3(0, 1, 0), []);
     const composedQuat = useMemo(() => {
         const yawQuat = new THREE.Quaternion().setFromAxisAngle(yAxis, node.rotation ?? 0);

package/dist/door/floorplan-move.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan-move.d.ts","sourceRoot":"","sources":["../../src/door/floorplan-move.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,mBAAmB,EAOzB,MAAM,kBAAkB,CAAA;AAmBzB;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,CAAC,QAAQ,CAoPjE,CAAA"}
+{"version":3,"file":"floorplan-move.d.ts","sourceRoot":"","sources":["../../src/door/floorplan-move.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,mBAAmB,EAOzB,MAAM,kBAAkB,CAAA;AAmBzB;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,CAAC,QAAQ,CAqPjE,CAAA"}

package/dist/door/floorplan-move.js

@@ -213,7 +213,7 @@ export const doorFloorplanMoveTarget = ({ node }) => {
             // Block commit if the door overlaps another wall child — UNLESS Alt
             // force-places (same `placeable` rule as the 3D move + the shared
             // `resolveOpeningPlacement`).
-            const collides = hasWallChildOverlap(lastValid.parentId, lastValid.position[0], lastValid.position[1], live.width, live.height, live.id);
+            const collides = hasWallChildOverlap(lastValid.parentId, useScene.getState().nodes, lastValid.position[0], lastValid.position[1], live.width, live.height, live.id);
             return resolveOpeningPlacement({ collides, forcePlace }).placeable;
         },
         commit() {

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

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/door/move-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAWT,MAAM,kBAAkB,CAAA;AA6CzB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAs+B9C,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/door/move-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAYT,MAAM,kBAAkB,CAAA;AAkDzB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CA0hC9C,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/door/move-tool.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { DoorNode, emitter, isCurvedWall, sceneRegistry, spatialGridManager, useLiveTransforms, useScene, } from '@pascal-app/core';
+import { DoorNode, emitter, holdHiddenWallPointerEvents, isCurvedWall, sceneRegistry, spatialGridManager, useLiveTransforms, useScene, } from '@pascal-app/core';
 import { calculateItemRotation, clearPlacementSurface, consumePlacementDragRelease, EDITOR_LAYER, getSideFromNormal, isGridSnapActive, isMagneticSnapActive, isValidWallSideFace, publishPlacementSurface, stripPlacementMetadataFlags, triggerSFX, useAlignmentGuides, useEditor, useFacingPose, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { BoxGeometry, EdgesGeometry, Vector3 } from 'three';
 import { LineBasicNodeMaterial } from 'three/webgpu';
 import { clearOpeningGuides3D, publishOpeningGuidesForWallEvent, } from '../shared/opening-guides-runtime';
+import { beginOpeningMoveHistorySession } from '../shared/opening-move-history';
+import { isWallMeshHidden, shouldIgnoreWallEventForOpeningMove, } from '../shared/opening-move-wall-gate';
 import { getRoofWallOpeningCursorPose, resolveRoofWallOpeningTarget, } from '../shared/roof-wall-opening-placement';
 import { resolveOpeningPlacement } from '../shared/wall-attach-target';
 import { collectWallOpeningAlignmentCandidates, resolveWallSlideAlignment, } from '../shared/wall-opening-alignment';
@@ -43,7 +45,19 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
         useEditor.getState().setMovingNode(null);
     }, []);
     useEffect(() => {
-        useScene.temporal.getState().pause();
+        // One undo entry per gesture: hold the REFCOUNTED history pause for the
+        // move's lifetime (a raw `temporal.pause()` is invisible to
+        // `getSceneHistoryPauseDepth()`, so a cooperating system's balanced
+        // pause/resume pair could zero the refcount mid-drag and resume tracking
+        // — every mid-drag write then became its own undo entry). The commit
+        // paths run their single tracked write through `history.commitStep`.
+        const history = beginOpeningMoveHistorySession();
+        // This tool's whole cursor model is the wall surface (`wall:enter` /
+        // `wall:move` / `wall:click`). Walls hidden by the wall-mode pass (X-ray
+        // 'down' mode) are pointer-transparent for selection; hold their pointer
+        // events for the move's lifetime so the door keeps sliding along its wall
+        // instead of detaching into the floor free-follow.
+        const releaseHiddenWallHold = holdHiddenWallPointerEvents();
         const meta = typeof movingDoorNode.metadata === 'object' && movingDoorNode.metadata !== null
             ? movingDoorNode.metadata
             : {};
@@ -187,6 +201,18 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                 itemRotation: calculateItemRotation(event.normal) + rotationOffset,
             };
         };
+        // While MOVING an existing door, a HIDDEN wall may drive the drag only if
+        // it is the door's own wall (grab wall / current mid-drag host) — an
+        // interposed hidden wall between the camera and the door's wall must not
+        // capture the drag and silently re-parent the door on commit. Ignored
+        // events are NOT stopPropagation'd, so the ray falls through to the own
+        // wall behind. Fresh placements (`isNew`) keep the all-walls behavior.
+        const wallEventIgnored = (event) => !isNew &&
+            shouldIgnoreWallEventForOpeningMove({
+                eventWallId: event.node.id,
+                eventWallHidden: isWallMeshHidden(event.node.id),
+                ownWallIds: [original.wallId, currentHostId],
+            });
         const resolveMoveTarget = (event) => {
             if (!isValidWallSideFace(event.normal))
                 return;
@@ -223,7 +249,7 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                 applySnap: isMagneticSnapActive(),
             });
             const { clampedX, clampedY } = clampToWall(event.node, localX, movingDoorNode.width, movingDoorNode.height);
-            const valid = !hasWallChildOverlap(event.node.id, clampedX, clampedY, movingDoorNode.width, movingDoorNode.height, movingDoorNode.id);
+            const valid = !hasWallChildOverlap(event.node.id, useScene.getState().nodes, clampedX, clampedY, movingDoorNode.width, movingDoorNode.height, movingDoorNode.id);
             return {
                 wallNode: event.node,
                 wallId: event.node.id,
@@ -327,6 +353,11 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             });
         };
         const onWallEnter = (event) => {
+            // Interposed hidden wall: ignore WITHOUT tearing down the current
+            // preview or stopping propagation — the own wall behind it (a later,
+            // farther intersection on this same ray) emits its own event.
+            if (wallEventIgnored(event))
+                return;
             const target = resolveMoveTarget(event);
             if (!target) {
                 onWallLeave();
@@ -342,6 +373,9 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             event.stopPropagation();
         };
         const onWallMove = (event) => {
+            // See onWallEnter — interposed hidden walls never own the move.
+            if (wallEventIgnored(event))
+                return;
             if (!isValidWallSideFace(event.normal)) {
                 onWallLeave();
                 return;
@@ -376,8 +410,10 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             committed = true;
             let placedId;
             if (isNew) {
+                // Duplicate mode: delete the transient draft while history is still
+                // paused, then create the real node as the gesture's ONE tracked
+                // write — undo removes the new door entirely.
                 useScene.getState().deleteNode(movingDoorNode.id);
-                useScene.temporal.getState().resume();
                 const cloned = structuredClone(movingDoorNode);
                 delete cloned.id;
                 cloned.metadata = stripPlacementMetadataFlags(cloned.metadata);
@@ -394,10 +430,15 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     // must be visible regardless of the pre-commit free-follow state.
                     visible: true,
                 });
-                useScene.getState().createNode(node, target.wallId);
+                history.commitStep(() => {
+                    useScene.getState().createNode(node, target.wallId);
+                });
                 placedId = node.id;
             }
             else {
+                // Move mode: restore the exact pre-drag state while history is still
+                // paused (the clean undo baseline), then apply the drop as the
+                // gesture's ONE tracked write — undo reverts to the original state.
                 useScene.getState().updateNode(movingDoorNode.id, {
                     position: original.position,
                     rotation: original.rotation,
@@ -409,16 +450,17 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     metadata: original.metadata,
                     visible: original.visible,
                 });
-                useScene.temporal.getState().resume();
-                useScene.getState().updateNode(movingDoorNode.id, {
-                    position: [target.clampedX, target.clampedY, 0],
-                    rotation: [0, target.itemRotation, 0],
-                    side: target.side,
-                    parentId: target.wallId,
-                    wallId: target.wallId,
-                    roofSegmentId: undefined,
-                    metadata: {},
-                    visible: true,
+                history.commitStep(() => {
+                    useScene.getState().updateNode(movingDoorNode.id, {
+                        position: [target.clampedX, target.clampedY, 0],
+                        rotation: [0, target.itemRotation, 0],
+                        side: target.side,
+                        parentId: target.wallId,
+                        wallId: target.wallId,
+                        roofSegmentId: undefined,
+                        metadata: {},
+                        visible: true,
+                    });
                 });
                 if (original.parentId && original.parentId !== target.wallId) {
                     markHostDirty(original.parentId);
@@ -427,7 +469,6 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             }
             markHostDirty(target.wallId);
             useLiveTransforms.getState().clear(movingDoorNode.id);
-            useScene.temporal.getState().pause();
             triggerSFX('sfx:structure-build');
             hideCursor();
             useViewer.getState().setSelection({ selectedIds: [placedId] });
@@ -436,6 +477,10 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
         const onWallClick = (event) => {
             if (committed)
                 return;
+            // A click on an interposed hidden wall must not commit / re-parent;
+            // let it fall through to the own wall behind (see onWallEnter).
+            if (wallEventIgnored(event))
+                return;
             if (!isValidWallSideFace(event.normal))
                 return;
             if (isCurvedWall(event.node))
@@ -630,8 +675,9 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             const segmentId = target.segment.id;
             let placedId;
             if (isNew) {
+                // See commitToWall — delete the draft paused, create as the ONE
+                // tracked write.
                 useScene.getState().deleteNode(movingDoorNode.id);
-                useScene.temporal.getState().resume();
                 const cloned = structuredClone(movingDoorNode);
                 delete cloned.id;
                 cloned.metadata = stripPlacementMetadataFlags(cloned.metadata);
@@ -646,10 +692,14 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     parentId: segmentId,
                     visible: true,
                 });
-                useScene.getState().createNode(node, segmentId);
+                history.commitStep(() => {
+                    useScene.getState().createNode(node, segmentId);
+                });
                 placedId = node.id;
             }
             else {
+                // See commitToWall — restore the pre-drag baseline paused, drop as
+                // the ONE tracked write.
                 useScene.getState().updateNode(movingDoorNode.id, {
                     position: original.position,
                     rotation: original.rotation,
@@ -661,17 +711,18 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     metadata: original.metadata,
                     visible: original.visible,
                 });
-                useScene.temporal.getState().resume();
-                useScene.getState().updateNode(movingDoorNode.id, {
-                    position: target.position,
-                    rotation: [0, 0, 0],
-                    side: 'front',
-                    parentId: segmentId,
-                    wallId: undefined,
-                    roofSegmentId: segmentId,
-                    roofFace: target.face.id,
-                    metadata: {},
-                    visible: true,
+                history.commitStep(() => {
+                    useScene.getState().updateNode(movingDoorNode.id, {
+                        position: target.position,
+                        rotation: [0, 0, 0],
+                        side: 'front',
+                        parentId: segmentId,
+                        wallId: undefined,
+                        roofSegmentId: segmentId,
+                        roofFace: target.face.id,
+                        metadata: {},
+                        visible: true,
+                    });
                 });
                 if (original.parentId && original.parentId !== segmentId) {
                     markHostDirty(original.parentId);
@@ -680,7 +731,6 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             }
             markHostDirty(segmentId);
             useLiveTransforms.getState().clear(movingDoorNode.id);
-            useScene.temporal.getState().pause();
             triggerSFX('sfx:structure-build');
             hideCursor();
             useViewer.getState().setSelection({ selectedIds: [placedId] });
@@ -718,7 +768,10 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                 if (original.parentId)
                     markHostDirty(original.parentId);
             }
-            useScene.temporal.getState().resume();
+            // The revert writes above ran under the gesture's history pause (never
+            // tracked); ending the session here keeps a cancelled move out of undo
+            // entirely. `end` is idempotent — the effect cleanup's end() is a no-op.
+            history.end();
             hideCursor();
             exitMoveMode();
         };
@@ -869,7 +922,8 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
             clearOpeningGuides3D();
             useFacingPose.getState().clear();
             clearPlacementSurface();
-            useScene.temporal.getState().resume();
+            releaseHiddenWallHold();
+            history.end();
             emitter.off('wall:enter', onWallEnter);
             emitter.off('wall:move', onWallMove);
             emitter.off('wall:click', onWallClick);

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/door/panel.tsx"],"names":[],"mappings":"AAuIA,MAAM,CAAC,OAAO,UAAU,SAAS,uCAmpChC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/door/panel.tsx"],"names":[],"mappings":"AAuIA,MAAM,CAAC,OAAO,UAAU,SAAS,uCAkpChC"}

package/dist/door/panel.js

@@ -484,7 +484,7 @@ export default function DoorPanel() {
                                     ], value: node.leafCount === 2 ? '2' : '4' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showSlideSection && (_jsxs(PanelSection, { title: "Slide", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: doorType === 'pocket' ? 'Pocket' : doorType === 'barn' ? 'Rail' : 'Panel' }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ slideDirection: v }), options: [
                                         { label: 'Left', value: 'left' },
                                         { label: 'Right', value: 'right' },
-                                    ], value: node.slideDirection ?? 'left' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showGarageSection && (_jsxs(PanelSection, { title: "Garage", children: [_jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }), isSectionalGarageDoor && (_jsx(SliderControl, { label: "Panels", max: 8, min: 3, onChange: (v) => handleUpdate({ garagePanelCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.garagePanelCount ?? 4 }))] })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: maxDoorWidth, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 4, min: 1.0, onChange: (v) => handleUpdate({
+                                    ], value: node.slideDirection ?? 'left' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showGarageSection && (_jsxs(PanelSection, { title: "Garage", children: [_jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }), isSectionalGarageDoor && (_jsx(SliderControl, { label: "Panels", max: 8, min: 3, onChange: (v) => handleUpdate({ garagePanelCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.garagePanelCount ?? 4 }))] })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: maxDoorWidth, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 1000, min: 1.0, onChange: (v) => handleUpdate({
                             height: v,
                             position: [node.position[0], v / 2, node.position[2]],
                             // Keep the handle at the same relative height as the door resizes,

package/dist/door/parametrics.js

@@ -11,8 +11,8 @@ export const doorParametrics = {
         {
             label: 'Dimensions',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.5, max: 6, step: 0.05 },
-                { key: 'height', kind: 'number', unit: 'm', min: 1.0, max: 4, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.5, max: 1000, step: 0.05 },
+                { key: 'height', kind: 'number', unit: 'm', min: 1.0, max: 1000, step: 0.05 },
             ],
         },
         {

package/dist/door/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAiEA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAkrBrB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAiEA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAqsBrB,CAAA;AAED,eAAe,QAAQ,CAAA"}