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

package/dist/box-vent/geometry.js

@@ -1,5 +1,10 @@
 import { getActiveRoofHeight } from '@pascal-app/core';
 import * as THREE from 'three';
+import { copyUvToSecondaryChannel } from '../shared/primitive-uv';
+export const BOX_VENT_MATERIAL_INDEX = {
+    base: 0,
+    top: 1,
+};
 /**
  * Pure builder for the box-vent mesh. Models a real attic box vent:
  *
@@ -61,10 +66,11 @@ function buildBoxShape(node) {
     // Lower (smaller) riser. Top is hidden under the cover but include
     // it anyway — overlap is invisible and the geometry stays simple.
     buildRoundedExtrusion(positions, normals, uvs, baseW, baseD, 0, baseH, cornerBevel);
+    const topStartVertex = positions.length / 3;
     // Upper (larger) cover. Bottom partially shows where it overhangs the
     // riser, so it's always rendered.
     buildRoundedExtrusion(positions, normals, uvs, w, d, baseH, h, cornerBevel);
-    return buildBufferGeometry(positions, normals, uvs);
+    return buildBufferGeometry(positions, normals, uvs, topStartVertex);
 }
 // Extruded rounded rectangle: walls follow a rounded-rect profile,
 // top + bottom caps are fan-triangulated from the centroid. Both caps
@@ -72,6 +78,7 @@ function buildBoxShape(node) {
 function buildRoundedExtrusion(positions, normals, uvs, w, d, y0, y1, bevel) {
     const profile = roundedRectProfile(w, d, bevel, BOX_CORNER_SEGS);
     const n = profile.length;
+    let perimeterU = 0;
     // Walls: each edge in the closed profile becomes an outward-facing quad.
     for (let i = 0; i < n; i++) {
         const a = profile[i];
@@ -83,20 +90,21 @@ function buildRoundedExtrusion(positions, normals, uvs, w, d, y0, y1, bevel) {
             continue; // degenerate edge (zero-bevel duplicate corner points)
         const nx = ez / len;
         const nz = -ex / len;
-        pushQuad(positions, normals, uvs, [a.x, y0, a.z], [b.x, y0, b.z], [b.x, y1, b.z], [a.x, y1, a.z], [nx, 0, nz]);
+        pushQuad(positions, normals, uvs, [a.x, y0, a.z], [b.x, y0, b.z], [b.x, y1, b.z], [a.x, y1, a.z], [nx, 0, nz], perimeterU);
+        perimeterU += len;
     }
     // Top cap (+Y normal): wind triangles CW from above so the cross
     // product points up. See pushTri's comment for the orientation note.
     for (let i = 0; i < n; i++) {
         const a = profile[i];
         const b = profile[(i + 1) % n];
-        pushTri(positions, normals, uvs, [0, y1, 0], [b.x, y1, b.z], [a.x, y1, a.z], [0, 1, 0]);
+        pushTri(positions, normals, uvs, [0, y1, 0], [b.x, y1, b.z], [a.x, y1, a.z], [0, 1, 0], 'xz');
     }
     // Bottom cap (-Y normal): wind CCW from above.
     for (let i = 0; i < n; i++) {
         const a = profile[i];
         const b = profile[(i + 1) % n];
-        pushTri(positions, normals, uvs, [0, y0, 0], [a.x, y0, a.z], [b.x, y0, b.z], [0, -1, 0]);
+        pushTri(positions, normals, uvs, [0, y0, 0], [a.x, y0, a.z], [b.x, y0, b.z], [0, -1, 0], 'xz');
     }
 }
 // 2D rounded-rect profile in the XZ plane, traced CCW from above.
@@ -189,6 +197,7 @@ function buildCapShape(node) {
     if (capGap > 0) {
         pushQuad(positions, normals, uvs, [-hw, bodyH, hd], [-hw, bodyH, -hd], [hw, bodyH, -hd], [hw, bodyH, hd], [0, 1, 0]);
     }
+    const topStartVertex = positions.length / 3;
     // ── Flange underside (the bit of the cap base that overhangs the body)
     if (overhang > 0 || capGap > 0) {
         pushQuad(positions, normals, uvs, [-bw, y0, -bd], [-bw, y0, bd], [bw, y0, bd], [bw, y0, -bd], [0, -1, 0]);
@@ -210,7 +219,7 @@ function buildCapShape(node) {
     // this collapses to the original body cross-section; if topTaper is 1
     // it degenerates to a point and the four triangles meet, still closed).
     pushQuad(positions, normals, uvs, [-tw, y1, td], [-tw, y1, -td], [tw, y1, -td], [tw, y1, td], [0, 1, 0]);
-    return buildBufferGeometry(positions, normals, uvs);
+    return buildBufferGeometry(positions, normals, uvs, topStartVertex);
 }
 function clamp01(value) {
     return value < 0 ? 0 : value > 1 ? 1 : value;
@@ -270,8 +279,10 @@ function buildDomeStyleShape(node) {
     addBand(positions, normals, uvs, flangeBottom, center, lng, down);
     addBand(positions, normals, uvs, flangeBottom, flangeTop, lng, radial);
     addBand(positions, normals, uvs, flangeTop, collarFoot, lng, up);
-    // Lifted collar wall (radial) + the overhanging dome-lip underside (down).
+    // Lifted collar wall (radial).
     addBand(positions, normals, uvs, collarFoot, collarTop, lng, radial);
+    const topStartVertex = positions.length / 3;
+    // The overhanging dome-lip underside belongs to the upper cover.
     addBand(positions, normals, uvs, collarTop, domeBase, lng, down);
     // Dome cap, base ring → apex.
     const domeCenterY = domeBaseY;
@@ -283,15 +294,16 @@ function buildDomeStyleShape(node) {
         return [x / l, y / l, z / l];
     };
     let prev = domeBase;
+    let domeV = 0;
     for (let i = 1; i <= lat; i++) {
         const phi = (Math.PI / 2) * (i / lat);
         const rf = Math.cos(phi) ** power;
         const y = domeBaseY + domeH * Math.sin(phi);
         const ring = ringAt(rx * rf, rz * rf, y, lng);
-        addBand(positions, normals, uvs, prev, ring, lng, domeHint);
+        domeV += addBand(positions, normals, uvs, prev, ring, lng, domeHint, domeV);
         prev = ring;
     }
-    return buildBufferGeometry(positions, normals, uvs);
+    return buildBufferGeometry(positions, normals, uvs, topStartVertex);
 }
 // One ellipse ring of `lng` segments at height `y`. First and last points
 // coincide (closing the loop) so callers iterate j < lng.
@@ -305,18 +317,23 @@ function ringAt(ax, az, y, lng) {
 }
 // Connect two rings with a band of quads. `hintFn` returns the outward
 // direction for each quad so pushQuadOriented can orient the face correctly.
-function addBand(positions, normals, uvs, rA, rB, lng, hintFn) {
+function addBand(positions, normals, uvs, rA, rB, lng, hintFn, vOffset = 0) {
+    let uOffset = 0;
+    let vStep = 0;
     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];
-        pushQuadOriented(positions, normals, uvs, a, b, c, d, hintFn(a, b, c, d));
+        pushQuadOriented(positions, normals, uvs, a, b, c, d, hintFn(a, b, c, d), uOffset, vOffset);
+        uOffset += Math.hypot(b[0] - a[0], b[1] - a[1], b[2] - a[2]);
+        vStep += Math.hypot(d[0] - a[0], d[1] - a[1], d[2] - a[2]);
     }
+    return vStep / lng;
 }
 // Winding-safe quad: triangulates (a,b,c,d) and orients both triangles so
 // the shared flat normal points toward `hint`.
-function pushQuadOriented(positions, normals, uvs, a, b, c, d, hint) {
+function pushQuadOriented(positions, normals, uvs, a, b, c, d, hint, uOffset = 0, vOffset = 0) {
     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]);
@@ -330,79 +347,94 @@ function pushQuadOriented(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 quadUvs = surfaceQuadUvs(a, b, c, d, [nx, ny, nz], uOffset, vOffset);
     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(...quadUvs.a, ...quadUvs.b, ...quadUvs.c);
         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(...quadUvs.a, ...quadUvs.c, ...quadUvs.d);
     }
     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(...quadUvs.a, ...quadUvs.c, ...quadUvs.b);
         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(...quadUvs.a, ...quadUvs.d, ...quadUvs.c);
     }
     for (let i = 0; i < 6; i++)
         normals.push(nx, ny, nz);
 }
 // ─── Helpers ─────────────────────────────────────────────────────────
-function buildBufferGeometry(positions, normals, uvs) {
+function buildBufferGeometry(positions, normals, uvs, topStartVertex) {
     const geo = new THREE.BufferGeometry();
     geo.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
     geo.setAttribute('normal', new THREE.Float32BufferAttribute(normals, 3));
     geo.setAttribute('uv', new THREE.Float32BufferAttribute(uvs, 2));
+    const vertexCount = positions.length / 3;
+    geo.addGroup(0, topStartVertex, BOX_VENT_MATERIAL_INDEX.base);
+    geo.addGroup(topStartVertex, vertexCount - topStartVertex, BOX_VENT_MATERIAL_INDEX.top);
+    copyUvToSecondaryChannel(geo);
     return geo;
 }
-function pushQuad(positions, normals, uvs, a, b, c, d, n) {
+function pushQuad(positions, normals, uvs, a, b, c, d, n, uOffset = 0) {
     const nLen = Math.sqrt(n[0] * n[0] + n[1] * n[1] + n[2] * n[2]) || 1;
     const nx = n[0] / nLen;
     const ny = n[1] / nLen;
     const nz = n[2] / nLen;
-    // Dimension-based planar UVs: U follows |b-a| (the quad's "right"
-    // edge) and V follows |d-a| ("up"). Textures then tile at world
-    // scale across every face — a 0.4m vent face uses 0.4 UV units, not
-    // a fixed 0..1 — so a brick / metal / shingle preset reads at a
-    // consistent density on the body, hood, and louvers.
-    const abx = b[0] - a[0];
-    const aby = b[1] - a[1];
-    const abz = b[2] - a[2];
-    const adx = d[0] - a[0];
-    const ady = d[1] - a[1];
-    const adz = d[2] - a[2];
-    const u = Math.sqrt(abx * abx + aby * aby + abz * abz);
-    const v = Math.sqrt(adx * adx + ady * ady + adz * adz);
+    const quadUvs = surfaceQuadUvs(a, b, c, d, [nx, ny, nz], uOffset);
     // Winding is (a, c, b) + (a, d, c) so the triangle face direction
     // matches the stored normal (see earlier note on the dark-shading
     // regression this fixed).
     positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
     normals.push(nx, ny, nz, nx, ny, nz, nx, ny, nz);
-    uvs.push(0, 0, u, v, u, 0);
+    uvs.push(...quadUvs.a, ...quadUvs.c, ...quadUvs.b);
     positions.push(a[0], a[1], a[2], d[0], d[1], d[2], c[0], c[1], c[2]);
     normals.push(nx, ny, nz, nx, ny, nz, nx, ny, nz);
-    uvs.push(0, 0, 0, v, u, v);
+    uvs.push(...quadUvs.a, ...quadUvs.d, ...quadUvs.c);
+}
+function surfaceQuadUvs(a, b, c, d, normal, uOffset = 0, vOffset = 0) {
+    const ux = b[0] - a[0];
+    const uy = b[1] - a[1];
+    const uz = b[2] - a[2];
+    const uLength = Math.hypot(ux, uy, uz) || 1;
+    const unitU = [ux / uLength, uy / uLength, uz / uLength];
+    const unitV = [
+        normal[1] * unitU[2] - normal[2] * unitU[1],
+        normal[2] * unitU[0] - normal[0] * unitU[2],
+        normal[0] * unitU[1] - normal[1] * unitU[0],
+    ];
+    const project = (point) => {
+        const x = point[0] - a[0];
+        const y = point[1] - a[1];
+        const z = point[2] - a[2];
+        return [
+            uOffset + x * unitU[0] + y * unitU[1] + z * unitU[2],
+            vOffset + x * unitV[0] + y * unitV[1] + z * unitV[2],
+        ];
+    };
+    return { a: project(a), b: project(b), c: project(c), d: project(d) };
 }
 // pushTri: single-triangle counterpart to pushQuad. Caller orders (a, b, c)
 // so that (b-a) × (c-a) points in the same direction as the stored
 // normal `n` — same dark-shading-fix convention as pushQuad. UVs are
 // dimension-based (length of the two sides from a).
-function pushTri(positions, normals, uvs, a, b, c, n) {
+function pushTri(positions, normals, uvs, a, b, c, n, projection = 'surface') {
     const nLen = Math.sqrt(n[0] * n[0] + n[1] * n[1] + n[2] * n[2]) || 1;
     const nx = n[0] / nLen;
     const ny = n[1] / nLen;
     const nz = n[2] / nLen;
-    const abx = b[0] - a[0];
-    const aby = b[1] - a[1];
-    const abz = b[2] - a[2];
-    const acx = c[0] - a[0];
-    const acy = c[1] - a[1];
-    const acz = c[2] - a[2];
-    const u = Math.sqrt(abx * abx + aby * aby + abz * abz);
-    const v = Math.sqrt(acx * acx + acy * acy + acz * acz);
+    const uv = (point) => {
+        if (projection === 'xz')
+            return [point[0], point[2]];
+        const mapped = surfaceQuadUvs(a, b, c, c, [nx, ny, nz]);
+        if (point === a)
+            return mapped.a;
+        if (point === b)
+            return mapped.b;
+        return mapped.c;
+    };
     positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
     normals.push(nx, ny, nz, nx, ny, nz, nx, ny, nz);
-    uvs.push(0, 0, u, 0, 0, v);
+    uvs.push(...uv(a), ...uv(b), ...uv(c));
 }
 /**
  * Slope tilt for a box-vent at segment-local Z position. The vent's

package/dist/box-vent/paint.d.ts

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

package/dist/box-vent/paint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/box-vent/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,mBAAmB,EAAkB,MAAM,kBAAkB,CAAA;AAOpF,wBAAgB,0BAA0B,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,mBAAmB,CAE5F;AAED,eAAO,MAAM,YAAY,4CA6BvB,CAAA"}

package/dist/box-vent/paint.js

@@ -0,0 +1,40 @@
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
+import { BOX_VENT_MATERIAL_INDEX } from './geometry';
+export function resolveBoxVentMaterialRole(materialIndex) {
+    return materialIndex === BOX_VENT_MATERIAL_INDEX.top ? 'top' : 'base';
+}
+export const boxVentPaint = createSlotPaintCapability({
+    materialTarget: 'box-vent',
+    resolveRole: ({ materialIndex }) => resolveBoxVentMaterialRole(materialIndex),
+    applyPreview: ({ role, material, materialPreset, root }) => {
+        const preview = buildSlotPreviewMaterial(material, materialPreset);
+        if (!preview)
+            return null;
+        const materialIndex = BOX_VENT_MATERIAL_INDEX[role];
+        const restores = [];
+        root.traverse((object) => {
+            const mesh = object;
+            if (!mesh.isMesh || mesh.name !== 'box-vent-surface' || !Array.isArray(mesh.material))
+                return;
+            const previous = [...mesh.material];
+            if (!previous[materialIndex])
+                return;
+            const next = [...previous];
+            next[materialIndex] = preview;
+            mesh.material = next;
+            restores.push(() => {
+                mesh.material = previous;
+            });
+        });
+        if (restores.length === 0)
+            return null;
+        return () => {
+            for (let index = restores.length - 1; index >= 0; index -= 1)
+                restores[index]?.();
+        };
+    },
+    legacyEffective: (node) => {
+        const legacy = node;
+        return { material: legacy.material, materialPreset: legacy.materialPreset };
+    },
+});

package/dist/box-vent/panel.js

@@ -127,17 +127,17 @@ export default function BoxVentPanel() {
                         { label: 'Box', value: 'box' },
                         { label: 'Cap', value: 'cap' },
                         { label: 'Dome', value: 'dome' },
-                    ], value: node.style ?? 'cap' }) }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 0.8, min: 0.15, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 0.8, min: 0.15, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round(node.depth * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 0.4, min: 0.05, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round(node.height * 100) / 100 }), node.style === 'cap' && (_jsx(SliderControl, { label: "Hood Overhang", max: Math.max(0.02, node.width), min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.hoodOverhang ?? 0) * 1000) / 1000 })), node.style === 'box' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Base Inset", max: Math.max(0.005, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ baseInset: v }), onCommit: (v) => handleUpdate({ baseInset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.baseInset ?? 0.06) * 1000) / 1000 }), _jsx(SliderControl, { label: "Base Height", max: Math.max(0.01, node.height - 0.005), min: 0.005, onChange: (v) => previewProp({ baseHeight: v }), onCommit: (v) => handleUpdate({ baseHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.baseHeight ?? 0.04) * 1000) / 1000 }), _jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - (node.baseInset ?? 0.06) - 0.001), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => handleUpdate({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.002, unit: "m", value: Math.round((node.cornerBevel ?? 0.012) * 1000) / 1000 })] })), node.style === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Cap Height", max: Math.max(0.02, node.height - 0.01), min: 0.01, onChange: (v) => previewProp({ capHeight: v }), onCommit: (v) => handleUpdate({ capHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.capHeight ?? 0.07) * 1000) / 1000 }), _jsx(SliderControl, { label: "Gap Height", max: Math.max(0, node.height - Math.max(0.01, node.capHeight ?? 0.07) - 0.005), min: 0, onChange: (v) => previewProp({ capGap: v }), onCommit: (v) => handleUpdate({ capGap: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.capGap ?? 0) * 1000) / 1000 }), _jsx(SliderControl, { label: "Top Taper", max: 1, min: 0, onChange: (v) => previewProp({ topTaper: v }), onCommit: (v) => handleUpdate({ topTaper: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.topTaper ?? 0.4) * 100) / 100 })] })), node.style === 'dome' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Dome Curvature", max: 1.5, min: 0.3, onChange: (v) => previewProp({ domeCurvature: v }), onCommit: (v) => handleUpdate({ domeCurvature: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.domeCurvature ?? 1.0) * 100) / 100 }), _jsx(SliderControl, { label: "Base Flange", max: 0.2, min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.hoodOverhang ?? 0.04) * 1000) / 1000 })] }))] }), _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({
+                    ], value: node.style ?? 'cap' }) }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.15, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.15, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.05, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height }), node.style === 'cap' && (_jsx(SliderControl, { label: "Hood Overhang", max: Math.max(0.02, node.width), min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0 })), node.style === 'box' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Base Inset", max: Math.max(0.005, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ baseInset: v }), onCommit: (v) => handleUpdate({ baseInset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseInset ?? 0.06 }), _jsx(SliderControl, { label: "Base Height", max: Math.max(0.01, node.height - 0.005), min: 0.005, onChange: (v) => previewProp({ baseHeight: v }), onCommit: (v) => handleUpdate({ baseHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseHeight ?? 0.04 }), _jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - (node.baseInset ?? 0.06) - 0.001), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => handleUpdate({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.002, unit: "m", value: node.cornerBevel ?? 0.012 })] })), node.style === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Cap Height", max: Math.max(0.02, node.height - 0.01), min: 0.01, onChange: (v) => previewProp({ capHeight: v }), onCommit: (v) => handleUpdate({ capHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capHeight ?? 0.07 }), _jsx(SliderControl, { label: "Gap Height", max: Math.max(0, node.height - Math.max(0.01, node.capHeight ?? 0.07) - 0.005), min: 0, onChange: (v) => previewProp({ capGap: v }), onCommit: (v) => handleUpdate({ capGap: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capGap ?? 0 }), _jsx(SliderControl, { label: "Top Taper", max: 1, min: 0, onChange: (v) => previewProp({ topTaper: v }), onCommit: (v) => handleUpdate({ topTaper: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.topTaper ?? 0.4) * 100) / 100 })] })), node.style === 'dome' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Dome Curvature", max: 1.5, min: 0.3, onChange: (v) => previewProp({ domeCurvature: v }), onCommit: (v) => handleUpdate({ domeCurvature: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.domeCurvature ?? 1.0) * 100) / 100 }), _jsx(SliderControl, { label: "Base Flange", max: 0.2, min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0.04 })] }))] }), _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({
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[0] ?? 0 }), _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({
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[1] ?? 0 }), _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 })] }) })] }));
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _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/box-vent/parametrics.js

@@ -25,9 +25,9 @@ export const boxVentParametrics = {
         {
             label: 'Dimensions',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.15, max: 0.8, step: 0.01 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.15, max: 0.8, step: 0.01 },
-                { key: 'height', kind: 'number', unit: 'm', min: 0.05, max: 0.4, step: 0.01 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.15, max: 1000, step: 0.01 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.15, max: 1000, step: 0.01 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0.05, max: 1000, step: 0.01 },
                 { key: 'hoodOverhang', kind: 'number', unit: 'm', min: 0, max: 0.12, step: 0.005 },
             ],
         },

package/dist/box-vent/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/box-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAqBzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,eAAe,GAAI,qBAAqB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqIlE,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/box-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,eAAe,GAAI,qBAAqB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqJlE,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/box-vent/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';
@@ -40,6 +40,7 @@ const BoxVentRenderer = ({ 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);
     // Merge live overrides (panel slider drags) on top of the store node.
     // Sliders write here on every `onChange` and only flush to the scene
     // store on `onCommit`, so the mesh updates frame-by-frame without
@@ -80,21 +81,39 @@ const BoxVentRenderer = ({ node: storeNode }) => {
         const normal = getAnalyticalNormal(node.position[0] ?? 0, node.position[2] ?? 0, segment);
         return surfaceQuatFromNormal(normal, new THREE.Quaternion());
     }, [segment, node.position[0], node.position[2]]);
-    // Paint surface: explicit material wins, then preset, then the cached
-    // default. FrontSide everywhere — DoubleSide on the role material's
+    // Paint surfaces: the lower base and upper cover resolve independently.
+    // FrontSide everywhere — DoubleSide on the role material's
     // NodeMaterial poisons the MRT scene pass (see `materials.ts` line 77 /
     // glazing fix 9400f1c5). Earlier this path forced DoubleSide so back
     // faces of the vent body / hood wouldn't drop out when looking up at the
     // eaves; that's now a known visual tradeoff — a closed-solid extrude in
     // `geometry.ts` is the right fix if undersides become noticeable.
     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);
+        if (!textures)
+            return [roleDefault, roleDefault];
+        const resolve = (role) => {
+            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('top')];
+    }, [
+        textures,
+        colorPreset,
+        sceneTheme,
+        shading,
+        node.slots,
+        node.material,
+        node.materialPreset,
+        sceneMaterials,
+    ]);
     // Compose slope tilt + yaw onto a single quaternion so the registered
     // ref's local frame is vent-mesh-local. `NodeArrowHandles` reads this
     // frame to place its chevrons; collapsing the nested-group stack onto

package/dist/cabinet/appliance-layout.d.ts

@@ -0,0 +1,26 @@
+import type { CabinetModuleNode } from '@pascal-app/core';
+import type { SinkLayout } from './stack';
+export declare const BASIN_WALL = 0.012;
+export declare const FAUCET_SETBACK = 0.03;
+export type SinkBowlSpec = {
+    centerX: number;
+    width: number;
+    depth: number;
+};
+/**
+ * Bowl rects in module-local X/Z given the usable countertop footprint.
+ * Shared by the 3D cut, the run-countertop cut, and the 2D floorplan symbol.
+ */
+export declare function sinkBowls(layout: SinkLayout, usableWidth: number, usableDepth: number): SinkBowlSpec[];
+export declare function sinkOpening(bowl: SinkBowlSpec): SinkBowlSpec;
+export declare function cooktopFootprint(node: Pick<CabinetModuleNode, 'width' | 'depth'>): {
+    width: number;
+    depth: number;
+};
+export declare const FAUCET_BASE_RADIUS = 0.032;
+export declare function sinkFaucetFootprint(bowls: readonly SinkBowlSpec[]): {
+    x: number;
+    z: number;
+    radius: number;
+};
+//# sourceMappingURL=appliance-layout.d.ts.map

package/dist/cabinet/appliance-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appliance-layout.d.ts","sourceRoot":"","sources":["../../src/cabinet/appliance-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,UAAU,QAAQ,CAAA;AAI/B,eAAO,MAAM,cAAc,OAAO,CAAA;AAElC,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5E;;;GAGG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,YAAY,EAAE,CAuBhB;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY,CAE5D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,CAAC;;;EAKhF;AAED,eAAO,MAAM,kBAAkB,QAAQ,CAAA;AAEvC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE;;;;EAQjE"}

package/dist/cabinet/appliance-layout.js

@@ -0,0 +1,52 @@
+export const BASIN_WALL = 0.012;
+const BASIN_CORNER_MARGIN = 0.06;
+// Centers the faucet base in the strip between the bowl's back edge and the
+// countertop's back edge (BASIN_CORNER_MARGIN wide).
+export const FAUCET_SETBACK = 0.03;
+/**
+ * Bowl rects in module-local X/Z given the usable countertop footprint.
+ * Shared by the 3D cut, the run-countertop cut, and the 2D floorplan symbol.
+ */
+export function sinkBowls(layout, usableWidth, usableDepth) {
+    const depth = Math.max(0.1, usableDepth - BASIN_CORNER_MARGIN * 2);
+    const full = Math.max(0.15, usableWidth - BASIN_CORNER_MARGIN * 2);
+    if (layout === 'single') {
+        const width = Math.min(0.7, full);
+        return [{ centerX: 0, width, depth }];
+    }
+    const divider = 0.03;
+    if (layout === 'double') {
+        const width = Math.min(0.42, (full - divider) / 2);
+        return [
+            { centerX: -(width + divider) / 2, width, depth },
+            { centerX: (width + divider) / 2, width, depth },
+        ];
+    }
+    // double-offset: 60/40 split
+    const total = Math.min(0.86, full);
+    const main = (total - divider) * 0.6;
+    const side = (total - divider) * 0.4;
+    return [
+        { centerX: -(total / 2) + main / 2, width: main, depth },
+        { centerX: total / 2 - side / 2, width: side, depth },
+    ];
+}
+export function sinkOpening(bowl) {
+    return { ...bowl, width: bowl.width - BASIN_WALL, depth: bowl.depth - BASIN_WALL };
+}
+export function cooktopFootprint(node) {
+    return {
+        width: Math.max(0.32, Math.min(node.width - 0.01, 0.76)),
+        depth: Math.max(0.28, Math.min(node.depth - 0.04, 0.53)),
+    };
+}
+export const FAUCET_BASE_RADIUS = 0.032;
+export function sinkFaucetFootprint(bowls) {
+    const minX = Math.min(...bowls.map((bowl) => bowl.centerX - bowl.width / 2));
+    const maxX = Math.max(...bowls.map((bowl) => bowl.centerX + bowl.width / 2));
+    return {
+        x: (minX + maxX) / 2,
+        z: -bowls[0].depth / 2 - FAUCET_SETBACK,
+        radius: FAUCET_BASE_RADIUS,
+    };
+}

package/dist/cabinet/compartment-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compartment-card.d.ts","sourceRoot":"","sources":["../../src/cabinet/compartment-card.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,kBAAkB,EAwBxB,MAAM,SAAS,CAAA;AAwJhB,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,WAAmB,GACpB,EAAE;IACD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,+BAoRA"}
+{"version":3,"file":"compartment-card.d.ts","sourceRoot":"","sources":["../../src/cabinet/compartment-card.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,kBAAkB,EAwBxB,MAAM,SAAS,CAAA;AAwJhB,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,WAAmB,GACpB,EAAE;IACD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,+BA0SA"}

package/dist/cabinet/compartment-card.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SegmentedControl, SliderControl, ToggleControl } from '@pascal-app/editor';
-import { ArrowDown, ArrowUp, Minus, Plus, Trash } from 'lucide-react';
+import { ArrowDown, ArrowUp, FlipHorizontal2, Minus, Plus, Trash } from 'lucide-react';
 import { COOKTOP_DEFAULT_GAS_LAYOUT, COOKTOP_DEFAULT_INDUCTION_LAYOUT, compartmentCooktopBurnersOn, compartmentCooktopElementCount, compartmentCooktopLayout, compartmentCooktopShowGrate, compartmentDoorType, compartmentDrawerCount, compartmentPullOutPantryRackStyle, compartmentShelfCount, compartmentSinkLayout, FRIDGE_COLUMN_HEIGHT, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, newCabinetCompartment, patchCompartment, } from './stack';
 const COMPARTMENT_TYPE_OPTIONS = [
     { value: 'shelf', label: 'Shelf' },
@@ -101,10 +101,18 @@ export function CompartmentCard({ compartment, index, displayIndex, total, carca
                                 ...newCabinetCompartment(nextType),
                                 id: compartment.id,
                             });
-                        }, value: isFridge ? 'fridge' : isHood ? 'hood' : isCooktop ? 'cooktop' : type })] }), !isHood && !isCooktop && type !== 'sink' && (_jsx("div", { className: "pb-2", children: _jsx(SliderControl, { label: "Height", max: carcassHeight, min: 0.1, onChange: onResizeHeight, precision: 2, step: 0.01, unit: "m", value: resolvedHeight }) })), type === 'shelf' && (_jsx(Stepper, { label: "Shelves", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })), type === 'drawer' && (_jsx(Stepper, { label: "Drawers", max: 6, min: 1, onChange: (value) => onReplace(patchCompartment(compartment, { drawerCount: value })), value: compartmentDrawerCount(compartment) })), type === 'door' && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { doorType: value })), options: DOOR_TYPE_OPTIONS.map((option) => ({
+                        }, value: isFridge ? 'fridge' : isHood ? 'hood' : isCooktop ? 'cooktop' : type })] }), total > 1 && !isHood && !isCooktop && type !== 'sink' && (_jsx("div", { className: "pb-2", children: _jsx(SliderControl, { label: "Height", max: carcassHeight, min: 0.1, onChange: onResizeHeight, precision: 2, step: 0.01, unit: "m", value: resolvedHeight }) })), type === 'shelf' && (_jsx(Stepper, { label: "Shelves", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })), type === 'drawer' && (_jsx(Stepper, { label: "Drawers", max: 6, min: 1, onChange: (value) => onReplace(patchCompartment(compartment, { drawerCount: value })), value: compartmentDrawerCount(compartment) })), type === 'door' && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { doorType: value })), options: DOOR_TYPE_OPTIONS.map((option) => ({
                                     value: option.value,
                                     label: option.label,
-                                })), value: compartmentDoorType(compartment, width) })] }), _jsx(Stepper, { label: "Shelves inside", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })] })), isFridge && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
+                                })), value: compartmentDoorType(compartment, width) })] }), _jsxs("button", { className: "flex h-8 w-full items-center justify-center gap-1.5 rounded-md border border-border/40 bg-[#2C2C2E] text-xs font-medium text-foreground transition-colors hover:bg-[#343437] disabled:cursor-not-allowed disabled:opacity-40", disabled: compartmentDoorType(compartment, width) !== 'single-left' &&
+                            compartmentDoorType(compartment, width) !== 'single-right', onClick: () => {
+                            const doorType = compartmentDoorType(compartment, width);
+                            if (doorType === 'single-left' || doorType === 'single-right') {
+                                onReplace(patchCompartment(compartment, {
+                                    doorType: doorType === 'single-left' ? 'single-right' : 'single-left',
+                                }));
+                            }
+                        }, title: "Flip the door hinge to the opposite side", type: "button", children: [_jsx(FlipHorizontal2, { className: "h-3.5 w-3.5" }), "Flip hinge"] }), _jsx(Stepper, { label: "Shelves inside", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })] })), isFridge && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
                             type: value,
                             height: compartment.height ?? FRIDGE_COLUMN_HEIGHT,
                         })), options: FRIDGE_STYLE_OPTIONS.map((option) => ({

package/dist/cabinet/continuous-placement.d.ts

@@ -1,3 +1,4 @@
+import type { AnyNodeId } from '@pascal-app/core';
 import type { FloorPlacementClickTriggerEvent } from '../shared/floor-placement';
 export type CabinetStretchPreview = {
     modules: {
@@ -12,6 +13,8 @@ export type StretchAnchor = {
     position: [number, number, number];
     yaw: number;
     snappedToWall: boolean;
+    wallId?: AnyNodeId;
+    wallLocalX?: number;
     wallSurfaceNormal?: [number, number, number];
     forcedDirection?: 1 | -1;
     leadingWidth?: number;

package/dist/cabinet/continuous-placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"continuous-placement.d.ts","sourceRoot":"","sources":["../../src/cabinet/continuous-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAA;AAIhF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACvB,cAAc,EAAE,aAAa,CAAA;IAC7B,UAAU,EAAE,aAAa,CAAA;CAC1B,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAID,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,+BAA+B,GAAG,OAAO,CAGrF;AAID,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAMlE;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1C,GAAG,qBAAqB,CA0BxB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAEvF;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,qBAAqB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED,wBAAgB,mCAAmC,CAAC,EAClD,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,qBAAqB,CAAA;CAC/B,GAAG,mBAAmB,CAoDtB;AAED,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,mBAAmB,EACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GACxC,aAAa,CAUf;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,wBAAwB,EAChC,UAAU,EAAE,OAAO,GAClB,wBAAwB,CAE1B;AAED,wBAAgB,gCAAgC,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE5E"}
+{"version":3,"file":"continuous-placement.d.ts","sourceRoot":"","sources":["../../src/cabinet/continuous-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAA;AAIhF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACvB,cAAc,EAAE,aAAa,CAAA;IAC7B,UAAU,EAAE,aAAa,CAAA;CAC1B,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAID,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,+BAA+B,GAAG,OAAO,CAGrF;AAID,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAMlE;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1C,GAAG,qBAAqB,CA0BxB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAEvF;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,qBAAqB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED,wBAAgB,mCAAmC,CAAC,EAClD,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,qBAAqB,CAAA;CAC/B,GAAG,mBAAmB,CA0DtB;AAED,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,mBAAmB,EACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GACxC,aAAa,CAUf;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,wBAAwB,EAChC,UAAU,EAAE,OAAO,GAClB,wBAAwB,CAE1B;AAED,wBAAgB,gCAAgC,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE5E"}

package/dist/cabinet/continuous-placement.js

@@ -63,6 +63,12 @@ export function createCabinetContinuousContinuation({ anchor, previewDepth, prev
         ]),
         yaw: anchor.yaw,
         snappedToWall: anchor.snappedToWall,
+        ...(anchor.wallId && anchor.wallLocalX != null
+            ? {
+                wallId: anchor.wallId,
+                wallLocalX: anchor.wallLocalX + endLocalX + stretch.direction * (previewWidth / 2),
+            }
+            : {}),
         wallSurfaceNormal: anchor.wallSurfaceNormal,
     };
     const exitSide = cabinetStretchExitSide(stretch);