@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/roof-segment/panel.js

@@ -1,28 +1,51 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createDefaultRidgeVentsForSegment, getConicalRoofCoverage, getRoofSegmentDeckReach, getSegmentSlopeFrame, isAutoGutterEnabled, isAutoRidgeVentEnabled, isDefaultRidgeVentNode, isGlazedRoofSegment, normalizeRoofSegmentTrim, ROOF_SHAPE_DEFAULTS, roofTypeHasRakes, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { createDefaultRidgeVentsForSegment, getConicalRoofCoverage, getRoofSegmentDeckReach, getSegmentSlopeFrame, isAutoGutterEnabled, isAutoRidgeVentEnabled, isDefaultRidgeVentNode, isGlazedRoofSegment, MAX_ROOF_PITCH, MIN_ROOF_SEGMENT_DIMENSION, normalizeRoofSegmentTrim, ROOF_SHAPE_DEFAULTS, roofBuildUpPatch, roofSegmentEaveProfile, roofTypeHasRakes, usePascalI18n, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, useInteractionScope, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Check, Copy, Move, Pencil, RotateCcw, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 import { BarrelRoofPanel } from '../roof/barrel-panel.js';
+import { RoofGeometryNotice } from '../roof/geometry-notice.js';
 import { RoofGlazingPanel } from '../roof/glazing-panel.js';
 import { commitSeatedRoofEdit } from '../roof/roof-level-target.js';
+import { RoofTypeThumbnail } from '../roof/type-thumbnail.js';
+import { RoofBuildUpSection } from './build-up-section.js';
 const ROOF_TYPE_OPTIONS = [
-    { label: 'Hip', value: 'hip' },
-    { label: 'Gable', value: 'gable' },
-    { label: 'Shed', value: 'shed' },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.hip', message: 'Hip' }, value: 'hip' },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.gable', message: 'Gable' }, value: 'gable' },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.shed', message: 'Shed' }, value: 'shed' },
 ];
 const ROOF_TYPE_OPTIONS_2 = [
-    { label: 'Flat', value: 'flat' },
-    { label: 'Gambrel', value: 'gambrel' },
-    { label: 'Dutch', value: 'dutch' },
-    { label: 'Mansard', value: 'mansard' },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.flat', message: 'Flat' }, value: 'flat' },
+    {
+        label: /* i18n */ { id: 'node.roofSegment.panel.gambrel', message: 'Gambrel' },
+        value: 'gambrel',
+    },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.dutch', message: 'Dutch' }, value: 'dutch' },
+    {
+        label: /* i18n */ { id: 'node.roofSegment.panel.mansard', message: 'Mansard' },
+        value: 'mansard',
+    },
 ];
 const ROOF_TYPE_OPTIONS_3 = [
-    { label: 'Conical', value: 'conical' },
-    { label: 'Barrel', value: 'barrel' },
+    {
+        label: /* i18n */ { id: 'node.roofSegment.panel.conical', message: 'Conical' },
+        value: 'conical',
+    },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.barrel', message: 'Barrel' }, value: 'barrel' },
 ];
+// How the rafter tails are cut at the eaves, the fascia and soffit with them (core's `roofEaveProfile`).
+const EAVE_CUT_OPTIONS = [
+    { label: /* i18n */ { id: 'node.roofSegment.panel.plumb', message: 'Plumb' }, value: 'plumb' },
+    { label: /* i18n */ { id: 'node.roofSegment.panel.square', message: 'Square' }, value: 'square' },
+    {
+        label: /* i18n */ { id: 'node.roofSegment.panel.plumbLevel', message: 'Plumb + level' },
+        value: 'plumb-level',
+    },
+];
+/** The sloped forms whose tails are cut at their eaves by the plane's eave cut. */
+const EAVE_CUT_ROOF_TYPES = new Set(['gable', 'hip', 'shed']);
 // Carpenter / roofer convention: rise over a 12" run, converted to degrees.
 // atan(3/12) ≈ 14.04°, atan(6/12) ≈ 26.57°, atan(9/12) ≈ 36.87°, atan(12/12) = 45°.
 const PITCH_PRESETS = [
@@ -49,12 +72,16 @@ const EMPTY_TRIM = {
     backRightX: 0,
     backRightZ: 0,
 };
+/** The planes of a roof that take layers: its segments, glazed ones aside. */
+function roofLayerPlaneIds(children, nodes) {
+    return children.filter((id) => {
+        const child = nodes[id];
+        return child?.type === 'roof-segment' && !isGlazedRoofSegment(child);
+    });
+}
 function hasSegmentTrim(node) {
     return Object.values(normalizeRoofSegmentTrim(node)).some((value) => value > 0);
 }
-function shouldShowTrimPlanes(metadata) {
-    return metadataRecord(metadata).showTrimPlanes === true;
-}
 function isManagedLeanToRoofSegment(metadata) {
     const record = metadataRecord(metadata);
     return record.managedByLeanTo !== undefined && record.leanToRole === 'roof-segment';
@@ -66,11 +93,13 @@ function metadataRecord(metadata) {
     return {};
 }
 export default function RoofSegmentPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
-    const updateNode = useScene((s) => s.updateNode);
+    const showTrimPlanes = useInteractionScope((s) => s.scope.kind === 'reshaping' && s.scope.reshape === 'trim' && s.scope.nodeId === selectedId);
     const setMovingNode = useEditor((s) => s.setMovingNode);
     const setRoofHostDragArmedId = useEditor((s) => s.setRoofHostDragArmedId);
+    const unit = useViewer((s) => s.unit);
     const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
     const autoRidgeVentEnabled = useScene((s) => {
         const current = selectedId
@@ -80,6 +109,14 @@ export default function RoofSegmentPanel() {
             return false;
         return isAutoRidgeVentEnabled(current, s.nodes);
     });
+    // How many planes of this roof take layers: "Apply to all planes" shows once there are two.
+    const roofPlaneCount = useScene((s) => {
+        const current = selectedId
+            ? s.nodes[selectedId]
+            : undefined;
+        const roof = current?.parentId ? s.nodes[current.parentId] : undefined;
+        return roof?.type === 'roof' ? roofLayerPlaneIds(roof.children, s.nodes).length : 0;
+    });
     const autoGutterEnabled = useScene((s) => {
         const current = selectedId
             ? s.nodes[selectedId]
@@ -94,6 +131,17 @@ export default function RoofSegmentPanel() {
         // Reshaped or moved onto the walls that carry it, its roof goes to the level above them.
         commitSeatedRoofEdit([{ id: selectedId, data: updates }], selectedId);
     }, [selectedId]);
+    const handleApplyToRoof = useCallback(() => {
+        const scene = useScene.getState();
+        const current = selectedId ? scene.nodes[selectedId] : undefined;
+        if (current?.type !== 'roof-segment' || !current.buildUp)
+            return;
+        const roof = current.parentId ? scene.nodes[current.parentId] : undefined;
+        if (roof?.type !== 'roof')
+            return;
+        const patch = roofBuildUpPatch(current.buildUp);
+        scene.updateNodes(roofLayerPlaneIds(roof.children, scene.nodes).map((id) => ({ id, data: patch })));
+    }, [selectedId]);
     const handleRoofTypeChange = useCallback((roofType) => {
         if (isManagedLeanToRoofSegment(node?.metadata))
             return;
@@ -117,7 +165,6 @@ export default function RoofSegmentPanel() {
                     ...metadataRecord(node?.metadata),
                     autoGutter: false,
                     autoRidgeVent: false,
-                    showTrimPlanes: false,
                 },
             }
             : roofType === 'dutch'
@@ -132,24 +179,20 @@ export default function RoofSegmentPanel() {
                 : { roofType });
     }, [handleUpdate, node]);
     const handleClose = useCallback(() => {
-        if (node && shouldShowTrimPlanes(node.metadata)) {
-            updateNode(node.id, {
-                metadata: { ...metadataRecord(node.metadata), showTrimPlanes: false },
-            });
-        }
+        useInteractionScope
+            .getState()
+            .endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'trim' && scope.nodeId === node?.id);
         setSelection({ selectedIds: [] });
-    }, [node, setSelection, updateNode]);
+    }, [node, setSelection]);
     const handleBack = useCallback(() => {
         if (node?.parentId) {
-            if (shouldShowTrimPlanes(node.metadata)) {
-                updateNode(node.id, {
-                    metadata: { ...metadataRecord(node.metadata), showTrimPlanes: false },
-                });
-            }
+            useInteractionScope
+                .getState()
+                .endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'trim' && scope.nodeId === node?.id);
             setRoofHostDragArmedId(node.parentId);
             setSelection({ selectedIds: [node.parentId] });
         }
-    }, [node, setRoofHostDragArmedId, setSelection, updateNode]);
+    }, [node, setRoofHostDragArmedId, setSelection]);
     const handleDuplicate = useCallback(() => {
         if (node)
             duplicateNodeAndPickUp(node);
@@ -220,10 +263,12 @@ export default function RoofSegmentPanel() {
         if (!node)
             return;
         triggerSFX('sfx:item-pick');
-        handleUpdate({
-            metadata: { ...metadataRecord(node.metadata), showTrimPlanes: editing },
-        });
-    }, [handleUpdate, node]);
+        const interaction = useInteractionScope.getState();
+        if (editing)
+            interaction.begin({ kind: 'reshaping', reshape: 'trim', nodeId: node.id, driver: 'tool' });
+        else
+            interaction.endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'trim' && scope.nodeId === node.id);
+    }, [node]);
     const handleResetTrim = useCallback(() => {
         if (!node || !hasSegmentTrim(node))
             return;
@@ -232,16 +277,51 @@ export default function RoofSegmentPanel() {
     }, [handleUpdate, node]);
     if (!(node && node.type === 'roof-segment' && selectedId))
         return null;
-    const showTrimPlanes = shouldShowTrimPlanes(node.metadata);
     const managedLeanToRoofSegment = isManagedLeanToRoofSegment(node.metadata);
     const conicalCoverage = getConicalRoofCoverage(node);
     // both overhangs in plan, past the walls' outside faces; the node keeps the eaves' along the slope
     const reach = getRoofSegmentDeckReach(node);
     const halfWall = node.wallThickness / 2;
     const { cosTheta } = getSegmentSlopeFrame(node);
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: handleBack, onClose: handleClose, title: node.name || 'Roof Segment', width: 300, children: [_jsx(RoofGlazingPanel, { segments: [node] }), _jsxs(PanelSection, { title: "Roof Type", children: [_jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS, value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_2, value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_3, value: node.roofType, disabled: managedLeanToRoofSegment })] }), node.roofType !== 'conical' && (_jsxs(PanelSection, { title: "Trim", children: [_jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: showTrimPlanes ? (_jsx(Check, { className: "h-3.5 w-3.5" })) : (_jsx(Pencil, { className: "h-3.5 w-3.5" })), label: showTrimPlanes ? 'Done editing' : 'Edit footprint', onClick: () => (showTrimPlanes ? handleBack() : handleTrimEditing(true)) }), _jsx(ActionButton, { className: "disabled:cursor-not-allowed disabled:opacity-40", disabled: !hasSegmentTrim(node), icon: _jsx(RotateCcw, { className: "h-3.5 w-3.5" }), label: "Reset", onClick: handleResetTrim })] }), node.roofType !== 'shed' && node.roofType !== 'flat' && node.roofType !== 'barrel' && (_jsx(ToggleControl, { checked: autoRidgeVentEnabled, label: "Auto ridge vent", onChange: handleAutoRidgeVentToggle }))] })), node.roofType !== 'conical' && (_jsx(PanelSection, { title: "Drainage", children: _jsx(ToggleControl, { checked: autoGutterEnabled, label: "Auto gutters", onChange: handleAutoGutterToggle }) })), _jsx(PanelSection, { title: "Footprint", children: node.roofType === 'conical' ? (_jsx(SliderControl, { label: "Diameter", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v, depth: v }), precision: 2, step: 0.5, unit: "m", value: node.width })) : (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: node.roofType === 'barrel' ? 'Length' : 'Width', max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.5, unit: "m", value: node.width }), _jsx(SliderControl, { label: node.roofType === 'barrel' ? 'Span' : 'Depth', max: 1000, min: 0.5, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: node.depth })] })) }), node.roofType === 'conical' && (_jsxs(PanelSection, { title: "Conical Shape", children: [_jsx(ToggleControl, { checked: !conicalCoverage.fullCircle, label: "Clipped version", onChange: (checked) => handleUpdate({ conicalFullCircle: !checked }) }), !conicalCoverage.fullCircle && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Start Angle", max: 180, min: -180, onChange: (degrees) => handleUpdate({ conicalStartAngle: (degrees * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((conicalCoverage.startAngle * 180) / Math.PI) }), _jsx(SliderControl, { label: "Arc", max: 345, min: 15, onChange: (degrees) => handleUpdate({
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: handleBack, onClose: handleClose, title: node.name || i18n._({ id: 'node.roofSegment.panel.roofSegment', message: 'Roof Segment' }), width: 300, children: [_jsx(RoofGeometryNotice, { ids: [node.id, ...(node.parentId ? [node.parentId] : [])] }), _jsx(RoofGlazingPanel, { segments: [node] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.roofType', message: 'Roof Type' }), children: [_jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS.map((option) => ({
+                            ...option,
+                            label: (_jsxs("span", { className: "flex flex-col items-center gap-1", children: [_jsx(RoofTypeThumbnail, { type: option.value }), _jsx("span", { children: i18n._(option.label) })] })),
+                        })), value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_2.map((option) => ({
+                            ...option,
+                            label: (_jsxs("span", { className: "flex flex-col items-center gap-1", children: [_jsx(RoofTypeThumbnail, { type: option.value }), _jsx("span", { children: i18n._(option.label) })] })),
+                        })), value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_3.map((option) => ({
+                            ...option,
+                            label: (_jsxs("span", { className: "flex flex-col items-center gap-1", children: [_jsx(RoofTypeThumbnail, { type: option.value }), _jsx("span", { children: i18n._(option.label) })] })),
+                        })), value: node.roofType, disabled: managedLeanToRoofSegment })] }), node.roofType !== 'conical' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.trim', message: 'Trim' }), children: [_jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: showTrimPlanes ? (_jsx(Check, { className: "h-3.5 w-3.5" })) : (_jsx(Pencil, { className: "h-3.5 w-3.5" })), label: showTrimPlanes
+                                    ? i18n._({ id: 'node.roofSegment.panel.doneEditing', message: 'Done editing' })
+                                    : i18n._({
+                                        id: 'node.roofSegment.panel.editFootprint',
+                                        message: 'Edit footprint',
+                                    }), onClick: () => (showTrimPlanes ? handleBack() : handleTrimEditing(true)) }), _jsx(ActionButton, { className: "disabled:cursor-not-allowed disabled:opacity-40", disabled: !hasSegmentTrim(node), icon: _jsx(RotateCcw, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.roofSegment.panel.reset', message: 'Reset' }), onClick: handleResetTrim })] }), node.roofType !== 'shed' && node.roofType !== 'flat' && node.roofType !== 'barrel' && (_jsx(ToggleControl, { checked: autoRidgeVentEnabled, label: i18n._({
+                            id: 'node.roofSegment.panel.autoRidgeVent',
+                            message: 'Auto ridge vent',
+                        }), onChange: handleAutoRidgeVentToggle }))] })), node.roofType !== 'conical' && (_jsx(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.drainage', message: 'Drainage' }), children: _jsx(ToggleControl, { checked: autoGutterEnabled, label: i18n._({ id: 'node.roofSegment.panel.autoGutters', message: 'Auto gutters' }), onChange: handleAutoGutterToggle }) })), _jsx(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.footprint', message: 'Footprint' }), children: node.roofType === 'conical' ? (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.diameter', message: 'Diameter' }), min: MIN_ROOF_SEGMENT_DIMENSION, onChange: (v) => handleUpdate({ width: v, depth: v }), precision: 2, step: 0.5, unit: "m", value: node.width })) : (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: node.roofType === 'barrel'
+                                ? i18n._({ id: 'node.roofSegment.panel.length', message: 'Length' })
+                                : i18n._({ id: 'node.roofSegment.panel.width', message: 'Width' }), min: MIN_ROOF_SEGMENT_DIMENSION, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.5, unit: "m", value: node.width }), _jsx(SliderControl, { label: node.roofType === 'barrel'
+                                ? i18n._({ id: 'node.roofSegment.panel.span', message: 'Span' })
+                                : i18n._({ id: 'node.roofSegment.panel.depth', message: 'Depth' }), min: MIN_ROOF_SEGMENT_DIMENSION, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: node.depth })] })) }), node.roofType === 'conical' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.conicalShape', message: 'Conical Shape' }), children: [_jsx(ToggleControl, { checked: !conicalCoverage.fullCircle, label: i18n._({
+                            id: 'node.roofSegment.panel.clippedVersion',
+                            message: 'Clipped version',
+                        }), onChange: (checked) => handleUpdate({ conicalFullCircle: !checked }) }), !conicalCoverage.fullCircle && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.startAngle', message: 'Start Angle' }), max: 180, min: -180, onChange: (degrees) => handleUpdate({ conicalStartAngle: (degrees * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((conicalCoverage.startAngle * 180) / Math.PI) }), _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.arc', message: 'Arc' }), max: 345, min: 15, onChange: (degrees) => handleUpdate({
                                     conicalSweepAngle: (Math.sign(conicalCoverage.sweepAngle) * degrees * Math.PI) / 180,
-                                }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((Math.abs(conicalCoverage.sweepAngle) * 180) / Math.PI) })] }))] })), _jsx(PanelSection, { title: "Wall Height", children: _jsx(SliderControl, { label: "Wall", max: 1000, min: 0, onChange: (v) => handleUpdate({ wallHeight: v }), precision: 2, step: 0.1, unit: "m", value: node.wallHeight }) }), node.roofType === 'barrel' ? (_jsx(BarrelRoofPanel, { node: node })) : (_jsxs(PanelSection, { title: "Pitch", children: [_jsx(SliderControl, { label: "Angle", max: 60, min: 0, onChange: (v) => handleUpdate({ pitch: v }), precision: 0, step: 1, unit: "\u00B0", value: Math.round(node.pitch) }), _jsx("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: PITCH_PRESETS.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleUpdate({ pitch: preset.deg }) }, preset.label))) })] })), node.roofType === 'gambrel' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Kink Depth", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Kink Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerHeightRatio * 100) / 100 })] })), node.roofType === 'mansard' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ mansardSteepWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ mansardSteepHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepHeightRatio * 100) / 100 })] })), node.roofType === 'dutch' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ dutchHipWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ dutchHipHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipHeightRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Length", max: 1, min: 0.1, onChange: (v) => handleUpdate({ dutchWaistLengthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round((node.dutchWaistLengthRatio ?? ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio) * 100) / 100 }), _jsx(SliderControl, { label: "Top Rake Thick.", max: 0.5, min: 0.01, onChange: (v) => handleUpdate({ dutchTopRakeThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness }), _jsx(SliderControl, { label: "Top Rake Length", max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake })] })), _jsxs(PanelSection, { title: "Structure", children: [_jsx(SliderControl, { label: "Wall Thick.", max: 1, min: 0.05, onChange: (v) => handleUpdate({ wallThickness: v }), precision: 2, step: 0.05, unit: "m", value: node.wallThickness }), !isGlazedRoofSegment(node) && (_jsx(SliderControl, { label: "Deck Thick.", max: 0.3, min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.deckThickness })), node.roofType === 'barrel' ? (_jsx(SliderControl, { label: "End overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })) : (_jsx(SliderControl, { label: "Eave overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v / cosTheta }), precision: 2, step: 0.05, unit: "m", value: reach.z - halfWall })), roofTypeHasRakes(node.roofType) && (_jsx(SliderControl, { label: "Gable overhang", max: 3, min: 0, onChange: (v) => handleUpdate({ gableOverhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })), !isGlazedRoofSegment(node) && (_jsx(SliderControl, { label: "Shingle Thick.", max: 0.3, min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.shingleThickness })), _jsx(ToggleControl, { checked: node.fascia ?? false, label: "Fascia", onChange: (checked) => handleUpdate({ fascia: checked }) }), node.fascia && (_jsx(SliderControl, { label: "Fascia height", max: 0.6, min: 0.1, onChange: (v) => handleUpdate({ fasciaHeight: v }), precision: 2, step: 0.01, unit: "m", value: node.fasciaHeight ?? 0.184 }))] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
+                                }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((Math.abs(conicalCoverage.sweepAngle) * 180) / Math.PI) })] }))] })), _jsx(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.wallHeight', message: 'Wall Height' }), children: _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.wall', message: 'Wall' }), min: 0, onChange: (v) => handleUpdate({ wallHeight: v }), precision: 2, step: 0.1, unit: "m", value: node.wallHeight }) }), node.roofType === 'barrel' ? (_jsx(BarrelRoofPanel, { node: node })) : (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.pitch', message: 'Pitch' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.angle', message: 'Angle' }), max: MAX_ROOF_PITCH, min: 0, onChange: (v) => handleUpdate({ pitch: v }), precision: 0, step: 1, unit: "\u00B0", value: Math.round(node.pitch) }), _jsx("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: PITCH_PRESETS.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleUpdate({ pitch: preset.deg }) }, preset.label))) })] })), node.roofType === 'gambrel' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.shape', message: 'Shape' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.kinkDepth', message: 'Kink Depth' }), max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.kinkHeight', message: 'Kink Height' }), max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerHeightRatio * 100) / 100 })] })), node.roofType === 'mansard' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.shape', message: 'Shape' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.waistWidth', message: 'Waist Width' }), max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ mansardSteepWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.waistHeight', message: 'Waist Height' }), max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ mansardSteepHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepHeightRatio * 100) / 100 })] })), node.roofType === 'dutch' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.shape', message: 'Shape' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.waistWidth', message: 'Waist Width' }), max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ dutchHipWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.waistHeight', message: 'Waist Height' }), max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ dutchHipHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipHeightRatio * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.waistLength', message: 'Waist Length' }), max: 1, min: 0.1, onChange: (v) => handleUpdate({ dutchWaistLengthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round((node.dutchWaistLengthRatio ?? ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio) * 100) / 100 }), _jsx(SliderControl, { label: i18n._({
+                            id: 'node.roofSegment.panel.topRakeThick',
+                            message: 'Top Rake Thick.',
+                        }), max: 0.5, min: 0.01, onChange: (v) => handleUpdate({ dutchTopRakeThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness }), _jsx(SliderControl, { label: i18n._({
+                            id: 'node.roofSegment.panel.topRakeLength',
+                            message: 'Top Rake Length',
+                        }), max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake })] })), _jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.structure', message: 'Structure' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.wallThick', message: 'Wall Thick.' }), min: 0.05, onChange: (v) => handleUpdate({ wallThickness: v }), precision: 2, step: 0.05, unit: "m", value: node.wallThickness }), !(isGlazedRoofSegment(node) || node.buildUp) && (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.deckThick', message: 'Deck Thick.' }), min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.deckThickness })), node.roofType === 'barrel' ? (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.endOverhang', message: 'End overhang' }), min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })) : (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.eaveOverhang', message: 'Eave overhang' }), min: 0, onChange: (v) => handleUpdate({ overhang: v / cosTheta }), precision: 2, step: 0.05, unit: "m", value: reach.z - halfWall })), roofTypeHasRakes(node.roofType) && (_jsx(SliderControl, { label: i18n._({
+                            id: 'node.roofSegment.panel.gableOverhang',
+                            message: 'Gable overhang',
+                        }), min: 0, onChange: (v) => handleUpdate({ gableOverhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })), !(isGlazedRoofSegment(node) || node.buildUp) && (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.shingleThick', message: 'Shingle Thick.' }), min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.shingleThickness })), EAVE_CUT_ROOF_TYPES.has(node.roofType) && node.pitch > 0 && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] text-muted-foreground uppercase tracking-wide", children: i18n._({ id: 'node.roofSegment.panel.eaveCut', message: 'Eave cut' }) }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ eaveCut: v }), options: EAVE_CUT_OPTIONS.map((option) => ({
+                                    ...option,
+                                    label: i18n._(option.label),
+                                })), value: node.eaveCut ?? 'plumb' })] })), _jsx(ToggleControl, { checked: node.fascia ?? false, label: i18n._({ id: 'node.roofSegment.panel.fascia', message: 'Fascia' }), onChange: (checked) => handleUpdate({ fascia: checked }) }), node.fascia && (_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.fasciaHeight', message: 'Fascia height' }), min: 0.1, onChange: (v) => handleUpdate({ fasciaHeight: v }), precision: 2, step: 0.01, unit: "m", value: node.fasciaHeight ?? roofSegmentEaveProfile(node).fascia.height }))] }), !isGlazedRoofSegment(node) && (_jsx(RoofBuildUpSection, { node: node, onApplyToRoof: roofPlaneCount > 1 ? handleApplyToRoof : undefined, onUpdate: handleUpdate, unit: unit })), _jsxs(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
@@ -253,7 +333,7 @@ export default function RoofSegmentPanel() {
                             const pos = [...node.position];
                             pos[2] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), (node.roofType !== 'conical' || !conicalCoverage.fullCircle) && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), (node.roofType !== 'conical' || !conicalCoverage.fullCircle) && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roofSegment.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (degrees) => {
                                     handleUpdate({ rotation: (degrees * Math.PI) / 180 });
                                 }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
                                             triggerSFX('sfx:item-rotate');
@@ -261,5 +341,5 @@ export default function RoofSegmentPanel() {
                                         } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
                                             triggerSFX('sfx:item-rotate');
                                             handleUpdate({ rotation: node.rotation + Math.PI / 4 });
-                                        } })] })] }))] }), _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-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                        } })] })] }))] }), _jsx(PanelSection, { title: i18n._({ id: 'node.roofSegment.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.roofSegment.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.roofSegment.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: i18n._({ id: 'node.roofSegment.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

package/dist/roof-segment/parametrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/roof-segment/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAoB,MAAM,kBAAkB,CAAA;AAEpG,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,eAAe,CA6LxE,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/roof-segment/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAEzB,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,eAAe,CAmMxE,CAAA"}

package/dist/roof-segment/parametrics.js

@@ -1,16 +1,15 @@
-import { roofTypeHasRakes } from '@pascal-app/core';
+import { MAX_ROOF_PITCH, MIN_ROOF_SEGMENT_DIMENSION, roofTypeHasRakes, } from '@pascal-app/core';
 export const roofSegmentParametrics = {
     groups: [
         {
             label: 'Footprint',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.5, max: 1000, step: 0.5 },
+                { key: 'width', kind: 'number', unit: 'm', min: MIN_ROOF_SEGMENT_DIMENSION, step: 0.5 },
                 {
                     key: 'depth',
                     kind: 'number',
                     unit: 'm',
-                    min: 0.5,
-                    max: 1000,
+                    min: MIN_ROOF_SEGMENT_DIMENSION,
                     step: 0.5,
                     visibleIf: (node) => node.roofType !== 'conical',
                 },
@@ -25,10 +24,17 @@ export const roofSegmentParametrics = {
                     label: 'Wall',
                     unit: 'm',
                     min: 0,
-                    max: 1000,
                     step: 0.1,
                 },
-                { key: 'pitch', kind: 'number', label: 'Pitch', unit: '°', min: 0, max: 85, step: 1 },
+                {
+                    key: 'pitch',
+                    kind: 'number',
+                    label: 'Pitch',
+                    unit: '°',
+                    min: 0,
+                    max: MAX_ROOF_PITCH,
+                    step: 1,
+                },
                 {
                     key: 'conicalFullCircle',
                     kind: 'boolean',
@@ -129,7 +135,6 @@ export const roofSegmentParametrics = {
                     label: 'Wall thickness',
                     unit: 'm',
                     min: 0.05,
-                    max: 1,
                     step: 0.05,
                 },
                 {
@@ -138,17 +143,17 @@ export const roofSegmentParametrics = {
                     label: 'Deck thickness',
                     unit: 'm',
                     min: 0.04,
-                    max: 0.3,
                     step: 0.01,
+                    // Layers set it: edited here it would part from them.
+                    visibleIf: (node) => !node.buildUp,
                 },
-                { key: 'overhang', kind: 'number', unit: 'm', min: 0, max: 1, step: 0.05 },
+                { key: 'overhang', kind: 'number', unit: 'm', min: 0, step: 0.05 },
                 {
                     key: 'gableOverhang',
                     kind: 'number',
                     label: 'Gable overhang',
                     unit: 'm',
                     min: 0,
-                    max: 3,
                     step: 0.05,
                     visibleIf: (node) => roofTypeHasRakes(node.roofType),
                 },
@@ -158,8 +163,9 @@ export const roofSegmentParametrics = {
                     label: 'Shingle thickness',
                     unit: 'm',
                     min: 0.02,
-                    max: 0.3,
                     step: 0.01,
+                    // Layers set it: edited here it would part from them.
+                    visibleIf: (node) => !node.buildUp,
                 },
                 {
                     key: 'wallShell',

package/dist/roof-segment/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof-segment/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,eAAe,EAKrB,MAAM,kBAAkB,CAAA;AAiBzB,eAAO,MAAM,mBAAmB,yBAA0B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,gCAkMlF,CAAA;eAEc,mBAAmB"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof-segment/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,eAAe,EAKrB,MAAM,kBAAkB,CAAA;AAkBzB,eAAO,MAAM,mBAAmB,yBAA0B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,gCA4NlF,CAAA;eAEc,mBAAmB"}

package/dist/roof-segment/renderer.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getEffectiveNode, getEffectiveRoofSurfaceMaterial, getEffectiveSegmentSurfaceMaterial, getSegmentFasciaMaterial, isGlazedRoofSegment, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
-import { createMaterial, getRoofMaterialArray, levelWallCladdingRef, resolveMaterialRef, SHADOW_ONLY_LAYER, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { getEffectiveNode, getEffectiveRoofSurfaceMaterial, getEffectiveSegmentSurfaceMaterial, getRoofWallBandMaterial, getSegmentFasciaMaterial, isGlazedRoofSegment, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
+import { createMaterial, getRoofMaterialArray, levelWallCladdingRef, levelWallFaceRef, resolveMaterialRef, SHADOW_ONLY_LAYER, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
 import { syncGlazedRoofShadow } from '../roof/glazed-geometry.js';
@@ -51,8 +51,11 @@ export const RoofSegmentRenderer = ({ node: storedNode }) => {
     //   slot 1 → 'wall'  (deck top & shingle eave bands)
     //   slot 2 → 'wall'  (interior)
     //   slot 3 → 'top'   (shingle / roof surface)
+    //   slot 4 → the heel band (its own, the roof's, else the walls' below)
+    //   slot 5 / 6 → the left / right gable (its own, else slot 0's)
     // The gable band is clad like the walls below it (their assemblies).
     const wallCladdingRef = useScene((state) => parentNode ? levelWallCladdingRef(state.nodes, parentNode) : null);
+    const wallFaceRef = useScene((state) => parentNode ? levelWallFaceRef(state.nodes, parentNode) : null);
     // biome-ignore lint/correctness/useExhaustiveDependencies: deps deliberately list the build inputs; depending on the whole object would rebuild on unrelated field changes.
     const customMaterial = useMemo(() => {
         const resolveSlot = (role) => {
@@ -69,8 +72,15 @@ export const RoofSegmentRenderer = ({ node: storedNode }) => {
         // Themed parent-roof array (per-role scene-theme colours) — used both as the
         // full fallback and to fill any individual untextured slot below.
         const themedArray = parentNode
-            ? getRoofMaterialArray(parentNode, shading, textures, colorPreset, sceneTheme, wallCladdingRef, sceneMaterials)
+            ? getRoofMaterialArray(parentNode, shading, textures, colorPreset, sceneTheme, wallCladdingRef, sceneMaterials, wallFaceRef)
             : null;
+        const resolveSpec = (spec) => spec
+            ? (resolveMaterialRef(spec.materialPreset, sceneMaterials, shading) ??
+                (spec.material !== undefined ? createMaterial(spec.material, shading) : null))
+            : null;
+        const heel = resolveSpec(getRoofWallBandMaterial(node, 'heel'));
+        const gableLeft = resolveSpec(getRoofWallBandMaterial(node, 'gable-left'));
+        const gableRight = resolveSpec(getRoofWallBandMaterial(node, 'gable-right'));
         const edge = resolveSlot('edge');
         const wall = resolveSlot('wall');
         const top = resolveSlot('top');
@@ -80,7 +90,7 @@ export const RoofSegmentRenderer = ({ node: storedNode }) => {
             ? (resolveMaterialRef(fasciaSpec.materialPreset, sceneMaterials, shading) ??
                 (fasciaSpec.material !== undefined ? createMaterial(fasciaSpec.material, shading) : null))
             : null;
-        if (!(edge || wall || top || fascia)) {
+        if (!(edge || wall || top || fascia || heel || gableLeft || gableRight)) {
             return themedArray;
         }
         // Some slots have explicit materials; fill the rest from the themed array so
@@ -88,11 +98,15 @@ export const RoofSegmentRenderer = ({ node: storedNode }) => {
         // Per-role only, then the themed parent slot — no cross-role fallback, so
         // painting one segment surface never bleeds onto its other surfaces.
         const slot = (i) => themedArray?.[i] ?? new THREE.MeshStandardMaterial();
+        const trim = edge ?? slot(0);
         return [
-            edge ?? slot(0),
+            trim,
             wall ?? slot(1),
             fascia ?? wall ?? slot(2),
             top ?? slot(3),
+            heel ?? slot(4),
+            gableLeft ?? trim,
+            gableRight ?? trim,
         ];
     }, [
         node.material,
@@ -106,6 +120,13 @@ export const RoofSegmentRenderer = ({ node: storedNode }) => {
         node.wallMaterialPreset,
         node.fasciaMaterial,
         node.fasciaMaterialPreset,
+        node.heelMaterial,
+        node.heelMaterialPreset,
+        node.gableLeftMaterial,
+        node.gableLeftMaterialPreset,
+        node.gableRightMaterial,
+        node.gableRightMaterialPreset,
+        wallFaceRef,
         parentNode,
         sceneMaterials,
         shading,

package/dist/roof-segment/slots.d.ts

@@ -0,0 +1,2 @@
+export { roofSegmentSlots } from '@pascal-app/core';
+//# sourceMappingURL=slots.d.ts.map

package/dist/roof-segment/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../src/roof-segment/slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/roof-segment/slots.js

@@ -0,0 +1 @@
+export { roofSegmentSlots } from '@pascal-app/core';

package/dist/scan/definition.d.ts

@@ -1,8 +1,58 @@
-import { type NodeDefinition } from '@pascal-app/core';
-import { ScanNode } from './schema.js';
-/**
- * Scan — Stage A. Capture-session reference with an optional renderable
- * mesh. Raw sensor streams stay in the external session manifest.
- */
-export declare const scanDefinition: NodeDefinition<typeof ScanNode>;
+export declare const scanDefinition: import("@pascal-app/core").NodeDefinition<import("zod").ZodObject<{
+    object: import("zod").ZodDefault<import("zod").ZodLiteral<"node">>;
+    name: import("zod").ZodOptional<import("zod").ZodString>;
+    parentId: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
+    visible: import("zod").ZodDefault<import("zod").ZodOptional<import("zod").ZodBoolean>>;
+    camera: import("zod").ZodOptional<import("zod").ZodObject<{
+        position: import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>;
+        target: import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>;
+        mode: import("zod").ZodDefault<import("zod").ZodEnum<{
+            orthographic: "orthographic";
+            perspective: "perspective";
+        }>>;
+        fov: import("zod").ZodOptional<import("zod").ZodNumber>;
+        zoom: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, import("zod/v4/core").$strip>>;
+    metadata: import("zod").ZodDefault<import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>>;
+    provenance: import("zod").ZodOptional<import("zod").ZodObject<{
+        refs: import("zod").ZodArray<import("zod").ZodObject<{
+            ns: import("zod").ZodOptional<import("zod").ZodString>;
+            id: import("zod").ZodString;
+            role: import("zod").ZodOptional<import("zod").ZodEnum<{
+                absorbed: "absorbed";
+                alias: "alias";
+                derived: "derived";
+                piece: "piece";
+                primary: "primary";
+            }>>;
+        }, import("zod/v4/core").$strip>>;
+        lineage: import("zod").ZodOptional<import("zod").ZodObject<{
+            op: import("zod").ZodEnum<{
+                attach: "attach";
+                convert: "convert";
+                duplicate: "duplicate";
+                import: "import";
+                "make-independent": "make-independent";
+                merge: "merge";
+                promote: "promote";
+                split: "split";
+            }>;
+            fromIds: import("zod").ZodArray<import("zod").ZodString>;
+        }, import("zod/v4/core").$strip>>;
+    }, import("zod/v4/core").$strip>>;
+    id: import("zod").ZodDefault<import("zod").ZodTemplateLiteral<`scan_${string}`>>;
+    type: import("zod").ZodDefault<import("zod").ZodLiteral<"scan">>;
+    url: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
+    captureSession: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodObject<{
+        sessionId: import("zod").ZodString;
+        schemaVersion: import("zod").ZodOptional<import("zod").ZodNumber>;
+        revisionId: import("zod").ZodOptional<import("zod").ZodString>;
+        manifestUrl: import("zod").ZodOptional<import("zod").ZodString>;
+    }, import("zod/v4/core").$strip>>>;
+    layers: import("zod").ZodPipe<import("zod").ZodDefault<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodBoolean>>, import("zod").ZodTransform<Record<string, boolean>, Record<string, boolean>>>;
+    position: import("zod").ZodDefault<import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>>;
+    rotation: import("zod").ZodDefault<import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>>;
+    scale: import("zod").ZodDefault<import("zod").ZodNumber>;
+    opacity: import("zod").ZodDefault<import("zod").ZodNumber>;
+}, import("zod/v4/core").$strip>>;
 //# sourceMappingURL=definition.d.ts.map

package/dist/scan/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/scan/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA8B,MAAM,kBAAkB,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CAkD1D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/scan/definition.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAAoE,CAAA"}

package/dist/scan/definition.edit.d.ts

@@ -0,0 +1,4 @@
+import type { NodeEditContribution } from '../definition-contributions.js';
+import type { ScanNode } from './schema.js';
+export declare const scanEditContribution: NodeEditContribution<typeof ScanNode>;
+//# sourceMappingURL=definition.edit.d.ts.map

package/dist/scan/definition.edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.edit.d.ts","sourceRoot":"","sources":["../../src/scan/definition.edit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,OAAO,QAAQ,CAEtE,CAAA"}

package/dist/scan/definition.edit.js

@@ -0,0 +1,4 @@
+import { scanParametrics } from './parametrics.js';
+export const scanEditContribution = {
+    parametrics: scanParametrics,
+};