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

package/dist/chimney/panel.js

@@ -283,7 +283,7 @@ export default function ChimneyPanel() {
                     value: activePreset ?? '' }) }), _jsxs(PanelSection, { title: "Footprint", children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ bodyShape: v }), options: [
                             { label: 'Square', value: 'square' },
                             { label: 'Round', value: 'round' },
-                        ], value: node.bodyShape ?? 'square' }), _jsx(SliderControl, { label: (node.bodyShape ?? 'square') === 'round' ? 'Diameter' : 'Width', max: 3, min: 0.2, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Depth", max: 3, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.depth * 100) / 100 })), _jsx(SliderControl, { label: "Hollow Depth", max: 3, min: 0, onChange: (v) => previewProp({ bodyHollowDepth: v }), onCommit: (v) => commitProp({ bodyHollowDepth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.bodyHollowDepth ?? 0.6) * 100) / 100 }), _jsx(SliderControl, { label: "Wall Thickness", max: 0.3, min: 0, onChange: (v) => previewProp({ bodyHollowMargin: v }), onCommit: (v) => commitProp({ bodyHollowMargin: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.bodyHollowMargin ?? 0.08) * 1000) / 1000 }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => commitProp({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.cornerBevel ?? 0) * 1000) / 1000 }))] }), _jsxs(PanelSection, { title: "Height", children: [_jsx(SliderControl, { label: "Above Ridge", max: 5, min: 0.1, onChange: (v) => previewProp({ heightAboveRidge: v }), onCommit: (v) => commitProp({ heightAboveRidge: v }), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: Math.round(node.heightAboveRidge * 100) / 100 }), _jsx(SliderControl, { label: "Cutout Offset", max: 0.5, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.cutoutOffset ?? 0) * 1000) / 1000 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
+                        ], value: node.bodyShape ?? 'square' }), _jsx(SliderControl, { label: (node.bodyShape ?? 'square') === 'round' ? 'Diameter' : 'Width', max: 1000, min: 0.2, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Depth", max: 1000, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth })), _jsx(SliderControl, { label: "Hollow Depth", max: 3, min: 0, onChange: (v) => previewProp({ bodyHollowDepth: v }), onCommit: (v) => commitProp({ bodyHollowDepth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bodyHollowDepth ?? 0.6 }), _jsx(SliderControl, { label: "Wall Thickness", max: 0.3, min: 0, onChange: (v) => previewProp({ bodyHollowMargin: v }), onCommit: (v) => commitProp({ bodyHollowMargin: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bodyHollowMargin ?? 0.08 }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => commitProp({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cornerBevel ?? 0 }))] }), _jsxs(PanelSection, { title: "Height", children: [_jsx(SliderControl, { label: "Above Ridge", max: 1000, min: 0.1, onChange: (v) => previewProp({ heightAboveRidge: v }), onCommit: (v) => commitProp({ heightAboveRidge: v }), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: node.heightAboveRidge }), _jsx(SliderControl, { label: "Cutout Offset", max: 0.5, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cutoutOffset ?? 0 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
                             // Live preview: keep the chimney parented to its current segment
                             // and update its segment-local position so the visual matches the
                             // dragged world X. Reparenting (if any) happens on commit.
@@ -291,12 +291,12 @@ export default function ChimneyPanel() {
                                 return;
                             const local = worldToSegLocal(newWorldX, worldZ_now, segment);
                             previewProp({ position: [local.localX, 0, local.localZ] });
-                        }, onCommit: (newWorldX) => commitWorldPosition(newWorldX, worldZ_now), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(worldX_now * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: Math.round(worldMaxZ * 10) / 10, min: Math.round(worldMinZ * 10) / 10, onChange: (newWorldZ) => {
+                        }, onCommit: (newWorldX) => commitWorldPosition(newWorldX, worldZ_now), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldX_now }), _jsx(SliderControl, { label: "Z", max: Math.round(worldMaxZ * 10) / 10, min: Math.round(worldMinZ * 10) / 10, onChange: (newWorldZ) => {
                             if (!segment)
                                 return;
                             const local = worldToSegLocal(worldX_now, newWorldZ, segment);
                             previewProp({ position: [local.localX, 0, local.localZ] });
-                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(worldZ_now * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
                             // World rotation → segment-local rotation for the current segment.
                             const newWorldRot = (degrees * Math.PI) / 180;
                             let ancestorWorldY = 0;
@@ -326,25 +326,25 @@ export default function ChimneyPanel() {
                                     { label: 'Sloped', value: 'sloped' },
                                     { label: 'Flat', value: 'flat' },
                                     { label: 'Stepped', value: 'stepped' },
-                                ], value: node.capShape ?? 'sloped' }), (node.capShape ?? 'sloped') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Overhang", max: 0.2, min: 0, onChange: (v) => previewProp({ capOverhang: v }), onCommit: (v) => commitProp({ capOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.capOverhang ?? 0.04) * 1000) / 1000 }), _jsx(SliderControl, { label: "Thickness", max: 0.3, min: 0.02, onChange: (v) => previewProp({ capThickness: v }), onCommit: (v) => commitProp({ capThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.capThickness ?? 0.08) * 1000) / 1000 })] }))] })), chimneyType === 'shoulder' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ shoulderStyle: v }), options: [
+                                ], value: node.capShape ?? 'sloped' }), (node.capShape ?? 'sloped') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Overhang", max: 0.2, min: 0, onChange: (v) => previewProp({ capOverhang: v }), onCommit: (v) => commitProp({ capOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capOverhang ?? 0.04 }), _jsx(SliderControl, { label: "Thickness", max: 0.3, min: 0.02, onChange: (v) => previewProp({ capThickness: v }), onCommit: (v) => commitProp({ capThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capThickness ?? 0.08 })] }))] })), chimneyType === 'shoulder' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ shoulderStyle: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Tapered', value: 'tapered' },
                                     { label: 'Corbeled', value: 'corbeled' },
-                                ], value: node.shoulderStyle ?? 'none' }), (node.shoulderStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ shoulderHeight: v }), onCommit: (v) => commitProp({ shoulderHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.shoulderHeight ?? 0.5) * 100) / 100 }), _jsx(SliderControl, { label: "Extent", max: 0.5, min: 0, onChange: (v) => previewProp({ shoulderExtent: v }), onCommit: (v) => commitProp({ shoulderExtent: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.shoulderExtent ?? 0.1) * 100) / 100 })] }))] })), chimneyType === 'flues' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Count", max: 4, min: 0, onChange: (v) => previewProp({ flueCount: Math.round(v) }), onCommit: (v) => commitProp({ flueCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: node.flueCount ?? 1 }), (node.flueCount ?? 1) > 0 && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ flueShape: v }), options: [
+                                ], value: node.shoulderStyle ?? 'none' }), (node.shoulderStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ shoulderHeight: v }), onCommit: (v) => commitProp({ shoulderHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.shoulderHeight ?? 0.5 }), _jsx(SliderControl, { label: "Extent", max: 0.5, min: 0, onChange: (v) => previewProp({ shoulderExtent: v }), onCommit: (v) => commitProp({ shoulderExtent: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.shoulderExtent ?? 0.1 })] }))] })), chimneyType === 'flues' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Count", max: 4, min: 0, onChange: (v) => previewProp({ flueCount: Math.round(v) }), onCommit: (v) => commitProp({ flueCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: node.flueCount ?? 1 }), (node.flueCount ?? 1) > 0 && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ flueShape: v }), options: [
                                             { label: 'Round', value: 'round' },
                                             { label: 'Square', value: 'square' },
-                                        ], value: node.flueShape ?? 'round' }), _jsx(SliderControl, { label: "Diameter", max: Math.max(0.4, node.width), min: 0.05, onChange: (v) => previewProp({ flueDiameter: v }), onCommit: (v) => commitProp({ flueDiameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.flueDiameter ?? 0.22) * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ flueHeight: v }), onCommit: (v) => commitProp({ flueHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.flueHeight ?? 0.3) * 100) / 100 }), (node.flueCount ?? 1) > 1 && (_jsx(SliderControl, { label: "Spacing", max: 1, min: 0, onChange: (v) => previewProp({ flueSpacing: v }), onCommit: (v) => commitProp({ flueSpacing: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.flueSpacing ?? 1) * 100) / 100 })), _jsx(SliderControl, { label: "Wall Thickness", max: Math.max(0.1, (node.flueDiameter ?? 0.22) / 2 - 0.01), min: 0, onChange: (v) => previewProp({ flueWallThickness: v }), onCommit: (v) => commitProp({ flueWallThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.flueWallThickness ?? 0.02) * 1000) / 1000 })] }))] })), chimneyType === 'bands' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ bandStyle: v }), options: [
+                                        ], value: node.flueShape ?? 'round' }), _jsx(SliderControl, { label: "Diameter", max: Math.max(0.4, node.width), min: 0.05, onChange: (v) => previewProp({ flueDiameter: v }), onCommit: (v) => commitProp({ flueDiameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueDiameter ?? 0.22 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ flueHeight: v }), onCommit: (v) => commitProp({ flueHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueHeight ?? 0.3 }), (node.flueCount ?? 1) > 1 && (_jsx(SliderControl, { label: "Spacing", max: 1, min: 0, onChange: (v) => previewProp({ flueSpacing: v }), onCommit: (v) => commitProp({ flueSpacing: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.flueSpacing ?? 1) * 100) / 100 })), _jsx(SliderControl, { label: "Wall Thickness", max: Math.max(0.1, (node.flueDiameter ?? 0.22) / 2 - 0.01), min: 0, onChange: (v) => previewProp({ flueWallThickness: v }), onCommit: (v) => commitProp({ flueWallThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.flueWallThickness ?? 0.02 })] }))] })), chimneyType === 'bands' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ bandStyle: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Single', value: 'single' },
                                     { label: 'Double', value: 'double' },
-                                ], value: node.bandStyle ?? 'none' }), (node.bandStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Thickness", max: 0.4, min: 0.02, onChange: (v) => previewProp({ bandHeight: v }), onCommit: (v) => commitProp({ bandHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.bandHeight ?? 0.1) * 100) / 100 }), _jsx(SliderControl, { label: "Extent", max: 0.2, min: 0, onChange: (v) => previewProp({ bandExtent: v }), onCommit: (v) => commitProp({ bandExtent: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.bandExtent ?? 0.04) * 1000) / 1000 }), _jsx(SliderControl, { label: "Offset", max: 3, min: 0, onChange: (v) => previewProp({ bandOffset: v }), onCommit: (v) => commitProp({ bandOffset: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.bandOffset ?? 0.4) * 100) / 100 })] }))] })), chimneyType === 'cricket' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketStyle: v }), options: [
+                                ], value: node.bandStyle ?? 'none' }), (node.bandStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Thickness", max: 0.4, min: 0.02, onChange: (v) => previewProp({ bandHeight: v }), onCommit: (v) => commitProp({ bandHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.bandHeight ?? 0.1 }), _jsx(SliderControl, { label: "Extent", max: 0.2, min: 0, onChange: (v) => previewProp({ bandExtent: v }), onCommit: (v) => commitProp({ bandExtent: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bandExtent ?? 0.04 }), _jsx(SliderControl, { label: "Offset", max: 3, min: 0, onChange: (v) => previewProp({ bandOffset: v }), onCommit: (v) => commitProp({ bandOffset: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bandOffset ?? 0.4 })] }))] })), chimneyType === 'cricket' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketStyle: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Simple', value: 'simple' },
                                 ], value: node.cricketStyle ?? 'none' }), (node.cricketStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketSide: v }), options: [
                                             { label: 'Front', value: 'front' },
                                             { label: 'Back', value: 'back' },
-                                        ], value: node.cricketSide ?? 'front' }), _jsx(SliderControl, { label: "Length", max: 2, min: 0.1, onChange: (v) => previewProp({ cricketLength: v }), onCommit: (v) => commitProp({ cricketLength: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.cricketLength ?? 0.6) * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ cricketHeight: v }), onCommit: (v) => commitProp({ cricketHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.cricketHeight ?? 0.4) * 100) / 100 })] }))] })), chimneyType === 'panels' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ panelStyle: v }), options: [
+                                        ], value: node.cricketSide ?? 'front' }), _jsx(SliderControl, { label: "Length", max: 2, min: 0.1, onChange: (v) => previewProp({ cricketLength: v }), onCommit: (v) => commitProp({ cricketLength: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketLength ?? 0.6 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ cricketHeight: v }), onCommit: (v) => commitProp({ cricketHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketHeight ?? 0.4 })] }))] })), chimneyType === 'panels' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ panelStyle: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Rectangular', value: 'rectangular' },
-                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: Math.round((node.panelDepth ?? 0.03) * 1000) / 1000 }), _jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.panelHeight ?? 0.8) * 100) / 100 }), _jsx(SliderControl, { label: "Top Offset", max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.panelOffsetTop ?? 0.15) * 100) / 100 }), _jsx(SliderControl, { label: "Side Margin", max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.panelMargin ?? 0.1) * 100) / 100 })] }))] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete }) }) })] }));
+                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.panelDepth ?? 0.03 }), _jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelHeight ?? 0.8 }), _jsx(SliderControl, { label: "Top Offset", max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelOffsetTop ?? 0.15 }), _jsx(SliderControl, { label: "Side Margin", max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.panelMargin ?? 0.1 })] }))] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _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/chimney/parametrics.js

@@ -15,17 +15,17 @@ export const chimneyParametrics = {
                     options: ['square', 'round'],
                     display: 'segmented',
                 },
-                { key: 'width', kind: 'number', unit: 'm', min: 0.2, max: 2, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.2, max: 1000, step: 0.05 },
                 {
                     key: 'depth',
                     kind: 'number',
                     unit: 'm',
                     min: 0.2,
-                    max: 2,
+                    max: 1000,
                     step: 0.05,
                     visibleIf: (n) => n.bodyShape === 'square',
                 },
-                { key: 'heightAboveRidge', kind: 'number', unit: 'm', min: 0.2, max: 3, step: 0.05 },
+                { key: 'heightAboveRidge', kind: 'number', unit: 'm', min: 0.2, max: 1000, step: 0.05 },
                 {
                     key: 'cornerBevel',
                     kind: 'number',

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/column/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAUzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA0SrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAgG9D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/column/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAUzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2TrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAiG9D,CAAA"}

package/dist/column/definition.js

@@ -166,6 +166,14 @@ const STYLES_WITH_TOP_SPREAD = new Set([
     'y-frame',
     'v-frame',
 ]);
+function isLeanToManagedColumn(node) {
+    const metadata = node.metadata;
+    return (metadata !== null &&
+        typeof metadata === 'object' &&
+        !Array.isArray(metadata) &&
+        metadata.managedByLeanTo !== undefined &&
+        metadata.leanToRole === 'post');
+}
 // Resolve the column's visible XZ footprint half-extents per supportStyle
 // + crossSection. Vertical supports use the shaft geometry (radius for
 // round / octagonal / sixteen-sided, width/depth for square / rectangular);
@@ -251,7 +259,10 @@ function columnHandles(node) {
     //    - round / octagonal / sixteen-sided → single radius arrow
     //    - square                            → uniform width+depth
     //    - rectangular                       → width + depth (independent)
-    const handles = [columnHeightHandle()];
+    const handles = [];
+    const managedByLeanTo = isLeanToManagedColumn(node);
+    if (!managedByLeanTo)
+        handles.push(columnHeightHandle());
     if (node.supportStyle !== 'vertical') {
         handles.push(columnBraceHandle('x'), columnBraceHandle('z'));
         if (STYLES_WITH_BOTTOM_SPREAD.has(node.supportStyle)) {
@@ -261,6 +272,10 @@ function columnHandles(node) {
             handles.push(columnBraceTopSpreadHandle());
         }
     }
+    else if (managedByLeanTo) {
+        // Lean-to sync owns the post's structural height and footprint. Keep
+        // rotation user-owned so asymmetric styles such as K-braces can be flipped.
+    }
     else if (ROUND_CROSS_SECTIONS.has(node.crossSection)) {
         handles.push(columnRadiusHandle());
     }
@@ -270,12 +285,14 @@ function columnHandles(node) {
     else {
         handles.push(columnAxisHandle('x'), columnAxisHandle('z'));
     }
-    handles.push(columnRotateHandle(), columnMoveHandle());
+    handles.push(columnRotateHandle());
+    if (!managedByLeanTo)
+        handles.push(columnMoveHandle());
     return handles;
 }
 function resolveColumnStructuralGridMoveSnap({ candidatePosition, nodes, levelId, }) {
     const snap = resolveStructuralGridSnap([candidatePosition[0], candidatePosition[2]], collectStructuralGridAxes(nodes, levelId));
-    return snap ? [snap.point[0], candidatePosition[1], snap.point[1]] : null;
+    return snap ? { position: [snap.point[0], candidatePosition[1], snap.point[1]] } : null;
 }
 /**
  * Column — Stage A registration. Wrap-export of the legacy
@@ -309,6 +326,7 @@ export const columnDefinition = {
     },
     capabilities: {
         selectable: { hitVolume: 'bbox' },
+        surfaces: { top: { height: (node) => node.height } },
         duplicable: true,
         deletable: true,
         // Generic 3D translate-on-XZ via `MoveRegistryNodeTool` (grid snap + the
@@ -317,7 +335,7 @@ export const columnDefinition = {
         movable: {
             axes: ['x', 'z'],
             gridSnap: true,
-            groupMoveSnap: resolveColumnStructuralGridMoveSnap,
+            groupMoveSnapPose: resolveColumnStructuralGridMoveSnap,
         },
         slots: (node) => columnSlots(node),
         paint: columnPaint,

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/column/panel.tsx"],"names":[],"mappings":"AAoQA,MAAM,CAAC,OAAO,UAAU,WAAW,uCAw0BlC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/column/panel.tsx"],"names":[],"mappings":"AAgSA,MAAM,CAAC,OAAO,UAAU,WAAW,uCAo1BlC"}

package/dist/column/panel.js

@@ -6,6 +6,18 @@ import { useViewer } from '@pascal-app/viewer';
 import { Move, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 const SELECT_CLASS = 'h-10 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm text-foreground outline-none transition-colors hover:bg-[#3e3e3e] focus:ring-1 focus:ring-border';
+const MANAGED_LEAN_TO_LAYOUT_FIELDS = new Set([
+    'position',
+    'height',
+    'width',
+    'depth',
+    'crossSection',
+    'baseStyle',
+    'baseHeight',
+    'baseWidthScale',
+    'baseDepthScale',
+    'slots',
+]);
 const COLUMN_PRESET_OPTIONS = Object.entries(COLUMN_PRESETS).map(([value, preset]) => ({
     value: value,
     label: preset.label,
@@ -146,6 +158,20 @@ const SUPPORT_STYLE_DEFAULTS = {
 function clamp(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
+function isManagedLeanToPost(node) {
+    const metadata = node.metadata;
+    if (!metadata || typeof metadata !== 'object' || Array.isArray(metadata))
+        return false;
+    const record = metadata;
+    return record.managedByLeanTo !== undefined && record.leanToRole === 'post';
+}
+function filterManagedLeanToLayoutUpdates(updates) {
+    const filtered = { ...updates };
+    for (const key of MANAGED_LEAN_TO_LAYOUT_FIELDS) {
+        delete filtered[key];
+    }
+    return filtered;
+}
 function presetUpdates(presetId) {
     const { label, ...preset } = COLUMN_PRESETS[presetId];
     return {
@@ -227,8 +253,11 @@ export default function ColumnPanel() {
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
-        updateNode(selectedId, updates);
-    }, [selectedId, updateNode]);
+        const nextUpdates = node && isManagedLeanToPost(node) ? filterManagedLeanToLayoutUpdates(updates) : updates;
+        if (Object.keys(nextUpdates).length === 0)
+            return;
+        updateNode(selectedId, nextUpdates);
+    }, [node, selectedId, updateNode]);
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
@@ -250,6 +279,7 @@ export default function ColumnPanel() {
         return null;
     const shaftProfile = node.shaftProfile ?? 'straight';
     const supportStyle = node.supportStyle ?? 'vertical';
+    const managedByLeanTo = isManagedLeanToPost(node);
     const isBraceSupport = supportStyle === 'a-frame' ||
         supportStyle === 'y-frame' ||
         supportStyle === 'v-frame' ||
@@ -309,18 +339,18 @@ export default function ColumnPanel() {
                                     return (_jsxs("button", { className: cn('group flex flex-col items-center justify-center gap-1.5 rounded-lg border py-2.5 transition-all', isSelected
                                             ? 'border-orange-400/60 bg-orange-400/10 text-foreground shadow-[0_0_0_1px_rgba(251,146,60,0.25)_inset]'
                                             : 'border-border/50 bg-[#2C2C2E] text-muted-foreground hover:border-border hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ crossSection: option.value }), type: "button", children: [_jsx("span", { className: cn('flex h-7 w-7 items-center justify-center', isSelected ? 'text-orange-300' : 'text-muted-foreground/80'), children: option.icon }), _jsx("span", { className: "font-medium text-[11px] leading-none tracking-wide", children: option.label })] }, option.value));
-                                }) }), _jsx(SliderControl, { label: "Edge Softness", max: 0.12, min: 0, onChange: (value) => handleUpdate({ edgeSoftness: value }), precision: 3, step: 0.005, unit: "m", value: node.edgeSoftness ?? 0.025 }), (node.crossSection === 'square' || node.crossSection === 'rectangular') && (_jsx(SliderControl, { label: "Shaft Corner Radius", max: 0.3, min: 0, onChange: (value) => handleUpdate({ shaftCornerRadius: value }), precision: 3, step: 0.005, unit: "m", value: node.shaftCornerRadius ?? 0.035 }))] }))] }), _jsxs(PanelSection, { title: "Dimensions", children: [!isBraceSupport && (_jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
+                                }) }), _jsx(SliderControl, { label: "Edge Softness", max: 0.12, min: 0, onChange: (value) => handleUpdate({ edgeSoftness: value }), precision: 3, step: 0.005, unit: "m", value: node.edgeSoftness ?? 0.025 }), (node.crossSection === 'square' || node.crossSection === 'rectangular') && (_jsx(SliderControl, { label: "Shaft Corner Radius", max: 0.3, min: 0, onChange: (value) => handleUpdate({ shaftCornerRadius: value }), precision: 3, step: 0.005, unit: "m", value: node.shaftCornerRadius ?? 0.035 }))] }))] }), _jsxs(PanelSection, { title: "Dimensions", children: [managedByLeanTo && (_jsx("p", { className: "px-1 pt-1 text-muted-foreground text-xs leading-relaxed", children: "Height and footprint are controlled by the lean-to extension. Rotate or change the support style here; resize from the parent lean-to." })), !isBraceSupport && !managedByLeanTo && (_jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
                             if (!event.target.value)
                                 return;
                             handleUpdate(proportionUpdates(node, event.target.value));
-                        }, value: "", children: [_jsx("option", { value: "", children: "Apply proportion..." }), COLUMN_PROPORTION_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })), _jsx(SliderControl, { label: "Height", max: 20, min: 0.8, onChange: (value) => handleUpdate({ height: value }), precision: 2, step: 0.05, unit: "m", value: node.height }), isBraceSupport ? (_jsxs(_Fragment, { children: [(supportStyle === 'a-frame' ||
+                        }, value: "", children: [_jsx("option", { value: "", children: "Apply proportion..." }), COLUMN_PROPORTION_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })), !managedByLeanTo && (_jsx(SliderControl, { label: "Height", max: 1000, min: 0.8, onChange: (value) => handleUpdate({ height: value }), precision: 2, step: 0.05, unit: "m", value: node.height })), isBraceSupport ? (_jsxs(_Fragment, { children: [(supportStyle === 'a-frame' ||
                                 supportStyle === 'x-brace' ||
                                 supportStyle === 'k-brace' ||
                                 supportStyle === 'single-strut' ||
                                 supportStyle === 'tripod' ||
                                 supportStyle === 'trestle' ||
                                 supportStyle === 'portal-frame' ||
-                                supportStyle === 'box-frame') && (_jsx(SliderControl, { label: "Bottom Spread", max: 4, min: 0.2, onChange: (value) => handleUpdate({
+                                supportStyle === 'box-frame') && (_jsx(SliderControl, { label: "Bottom Spread", max: 1000, min: 0.2, onChange: (value) => handleUpdate({
                                     braceBottomSpread: value,
                                     braceTopSpread: supportStyle === 'a-frame'
                                         ? Math.min(node.braceTopSpread ?? 0.12, value)
@@ -345,11 +375,11 @@ export default function ColumnPanel() {
                                         supportStyle === 'portal-frame' ||
                                         supportStyle === 'box-frame'
                                         ? 1
-                                        : 0.12) }), _jsx(ToggleControl, { checked: node.bracePlateEnabled ?? true, label: "Connector Plates", onChange: (checked) => handleUpdate({ bracePlateEnabled: checked }) })] })) : (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Width", max: 1.6, min: 0.12, onChange: (value) => handleUpdate({
+                                        : 0.12) }), _jsx(ToggleControl, { checked: node.bracePlateEnabled ?? true, label: "Connector Plates", onChange: (checked) => handleUpdate({ bracePlateEnabled: checked }) })] })) : !managedByLeanTo ? (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.12, onChange: (value) => handleUpdate({
                                     width: value,
                                     radius: value / 2,
                                     ...(node.crossSection === 'rectangular' ? {} : { depth: value }),
-                                }), precision: 2, step: 0.02, unit: "m", value: node.width }), node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: "Depth", max: 1.6, min: 0.12, onChange: (value) => handleUpdate({ depth: value }), precision: 2, step: 0.02, unit: "m", value: node.depth }))] }))] }), !isBraceSupport && (_jsxs(PanelSection, { title: "Shaft", children: [_jsxs("select", { className: SELECT_CLASS, onChange: (event) => handleUpdate(shaftProfileUpdates(event.target.value)), value: shaftProfile, children: [_jsx("option", { value: "straight", children: "Straight" }), _jsx("option", { value: "tapered", children: "Tapered" }), _jsx("option", { value: "bulged", children: "Bulged" }), _jsx("option", { value: "hourglass", children: "Hourglass" })] }), shaftProfile === 'straight' && (_jsx(SliderControl, { label: "Shaft Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.72 })), shaftProfile === 'tapered' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Bottom Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.82 }), _jsx(SliderControl, { label: "Top Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftEndScale ?? 0.72 }), _jsx(SliderControl, { label: "Taper", max: 0.45, min: 0, onChange: (value) => handleUpdate({ shaftTaper: value }), precision: 2, step: 0.01, value: node.shaftTaper ?? 0.14 })] })), shaftProfile === 'bulged' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "End Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.68 }), _jsx(SliderControl, { label: "Bulge", max: 0.35, min: 0, onChange: (value) => handleUpdate({ shaftBulge: value }), precision: 2, step: 0.01, value: node.shaftBulge ?? 0.12 })] })), shaftProfile === 'hourglass' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "End Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.84 }), _jsx(SliderControl, { label: "Waist", max: 0.35, min: 0, onChange: (value) => handleUpdate({ shaftBulge: value }), precision: 2, step: 0.01, value: node.shaftBulge ?? 0.12 })] })), _jsx(SliderControl, { label: "Segment Twist", max: 90, min: -90, onChange: (value) => handleUpdate({
+                                }), precision: 2, step: 0.02, unit: "m", value: node.width }), node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: "Depth", max: 1000, min: 0.12, onChange: (value) => handleUpdate({ depth: value }), precision: 2, step: 0.02, unit: "m", value: node.depth }))] })) : null] }), !isBraceSupport && (_jsxs(PanelSection, { title: "Shaft", children: [_jsxs("select", { className: SELECT_CLASS, onChange: (event) => handleUpdate(shaftProfileUpdates(event.target.value)), value: shaftProfile, children: [_jsx("option", { value: "straight", children: "Straight" }), _jsx("option", { value: "tapered", children: "Tapered" }), _jsx("option", { value: "bulged", children: "Bulged" }), _jsx("option", { value: "hourglass", children: "Hourglass" })] }), shaftProfile === 'straight' && (_jsx(SliderControl, { label: "Shaft Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.72 })), shaftProfile === 'tapered' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Bottom Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.82 }), _jsx(SliderControl, { label: "Top Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftEndScale ?? 0.72 }), _jsx(SliderControl, { label: "Taper", max: 0.45, min: 0, onChange: (value) => handleUpdate({ shaftTaper: value }), precision: 2, step: 0.01, value: node.shaftTaper ?? 0.14 })] })), shaftProfile === 'bulged' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "End Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.68 }), _jsx(SliderControl, { label: "Bulge", max: 0.35, min: 0, onChange: (value) => handleUpdate({ shaftBulge: value }), precision: 2, step: 0.01, value: node.shaftBulge ?? 0.12 })] })), shaftProfile === 'hourglass' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "End Width", max: 1.2, min: 0.3, onChange: (value) => handleUpdate({ shaftStartScale: value, shaftEndScale: value }), precision: 2, step: 0.02, value: node.shaftStartScale ?? 0.84 }), _jsx(SliderControl, { label: "Waist", max: 0.35, min: 0, onChange: (value) => handleUpdate({ shaftBulge: value }), precision: 2, step: 0.01, value: node.shaftBulge ?? 0.12 })] })), _jsx(SliderControl, { label: "Segment Twist", max: 90, min: -90, onChange: (value) => handleUpdate({
                             shaftTwistStep: value,
                             ...(Math.abs(value) > 0.001 && (node.shaftSegmentCount ?? 1) < 8
                                 ? { shaftSegmentCount: 12 }

package/dist/column/parametrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/column/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CAY9D,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/column/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CAa9D,CAAA"}

package/dist/column/parametrics.js

@@ -1,3 +1,4 @@
+import { leanToPostOmissionPatchesOnDelete } from '../shared/lean-to-post-omissions';
 /**
  * Stage A inspector — minimal. Column has 60+ schema fields (cross-
  * section, shaft profile, capital style, base style, carvings, ring
@@ -7,13 +8,14 @@
  * full legacy panel — Stage E will replace it via `customPanel`.
  */
 export const columnParametrics = {
+    onDelete: leanToPostOmissionPatchesOnDelete,
     groups: [
         {
             label: 'Dimensions',
             fields: [
-                { key: 'height', kind: 'number', unit: 'm', min: 0.5, max: 20, step: 0.05 },
-                { key: 'width', kind: 'number', unit: 'm', min: 0.1, max: 2, step: 0.01 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.1, max: 2, step: 0.01 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0.5, max: 1000, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.1, max: 1000, step: 0.01 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.1, max: 1000, step: 0.01 },
             ],
         },
     ],

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/column/tool.tsx"],"names":[],"mappings":"AAoDA;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,0CA0Jf,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/column/tool.tsx"],"names":[],"mappings":"AAwDA;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,0CAkMf,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/column/tool.js

@@ -1,8 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { COLUMN_PRESETS, ColumnNode, collectAlignmentAnchors, emitter, resolveSupportSlabPatch, useScene, } from '@pascal-app/core';
-import { getFloorStackPreviewPosition, isAlignmentGuideActive, isGridSnapActive, isMagneticSnapActive, movementSfxStepKey, triggerSFX, useAlignmentGuides, useEditor, useFacingPose, usePlacementPreview, } from '@pascal-app/editor';
+import { COLUMN_PRESETS, ColumnNode, collectAlignmentAnchors, emitter, resolveFrozenFloorPlacementPatch, resolveSupportSlabPatch, useScene, } from '@pascal-app/core';
+import { getFloorStackPreviewPosition, isAlignmentGuideActive, isGridSnapActive, isMagneticSnapActive, movementSfxStepKey, resolvePointerSupportSurface, triggerSFX, useAlignmentGuides, useEditor, useFacingPose, usePlacementPreview, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
+import { useThree } from '@react-three/fiber';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { getLevelLocalSnappedPosition, resolveAlignedFloorPlacement, stopPlacementCommitPropagation, subscribeFloorPlacementClicks, } from '../shared/floor-placement';
 import { collectStructuralGridAxes, resolveStructuralGridSnap, } from '../structural-grid/coordination';
@@ -30,7 +31,11 @@ function createColumnFromPreset(presetId, position) {
  */
 const ColumnTool = () => {
     const activeLevelId = useViewer((state) => state.selection.levelId);
+    const camera = useThree((state) => state.camera);
+    const cameraRef = useRef(camera);
+    cameraRef.current = camera;
     const cursorRef = useRef(null);
+    const supportSurfaceRef = useRef(null);
     const previousSnapRef = useRef(null);
     const cursorVisibleRef = useRef(false);
     const [cursorVisible, setCursorVisible] = useState(false);
@@ -49,15 +54,44 @@ const ColumnTool = () => {
         // target for the next one. `previewNode.id` never collides with a scene
         // node, so nothing real is excluded.
         let alignmentCandidates = collectAlignmentAnchors(useScene.getState().nodes, previewNode.id);
+        const pointedSurfaceFor = (event) => typeof HTMLCanvasElement !== 'undefined' &&
+            event.nativeEvent?.target instanceof HTMLCanvasElement
+            ? resolvePointerSupportSurface(cameraRef.current, event.position, {
+                includeNodeTopSurfaces: true,
+            })
+            : null;
+        const resolveColumnPlacement = (position, surface) => {
+            const column = ColumnNode.parse({
+                ...createColumnFromPreset(DEFAULT_COLUMN_PRESET_ID, position),
+                parentId: activeLevelId,
+            });
+            const nodes = { ...useScene.getState().nodes, [column.id]: column };
+            const patch = surface?.sourceNodeId
+                ? resolveFrozenFloorPlacementPatch(column, nodes, {
+                    position,
+                    rotation: column.rotation,
+                    elevation: surface.elevation,
+                    preferredSlabId: surface.supportSlabId,
+                })
+                : {
+                    position,
+                    ...resolveSupportSlabPatch(column, nodes, {
+                        maxElevation: surface?.elevation,
+                    }),
+                };
+            return { column, patch };
+        };
         const onGridMove = (event) => {
             if (!cursorVisibleRef.current) {
                 cursorVisibleRef.current = true;
                 setCursorVisible(true);
             }
+            const pointed = pointedSurfaceFor(event);
+            supportSurfaceRef.current = pointed;
             const { position: alignedPosition, guides } = resolveAlignedFloorPlacement({
                 node: previewNode,
-                rawX: event.localPosition[0],
-                rawZ: event.localPosition[2],
+                rawX: pointed?.localPoint?.[0] ?? event.localPosition[0],
+                rawZ: pointed?.localPoint?.[2] ?? event.localPosition[2],
                 gridStep: useEditor.getState().gridSnapStep,
                 candidates: alignmentCandidates,
                 showAlignment: isAlignmentGuideActive(),
@@ -67,18 +101,21 @@ const ColumnTool = () => {
             const structuralSnap = isGridSnapActive() || isMagneticSnapActive()
                 ? resolveStructuralGridSnap([alignedPosition[0], alignedPosition[2]], collectStructuralGridAxes(useScene.getState().nodes, activeLevelId))
                 : null;
-            const position = structuralSnap
+            const planPosition = structuralSnap
                 ? [structuralSnap.point[0], alignedPosition[1], structuralSnap.point[1]]
                 : alignedPosition;
+            const { patch } = resolveColumnPlacement(planPosition, pointed);
+            const position = patch.position;
             if (structuralSnap)
                 useAlignmentGuides.getState().clear();
             else
                 useAlignmentGuides.getState().set(guides);
             const visualPosition = getFloorStackPreviewPosition({
-                node: previewNode,
+                node: { ...previewNode, ...patch },
                 position,
                 rotation: previewNode.rotation,
                 levelId: activeLevelId,
+                maxElevation: pointed?.sourceNodeId ? null : pointed?.elevation,
             });
             cursorRef.current?.position.set(...visualPosition);
             // Forward-facing floor triangle, drawn by the editor-side overlay. Columns
@@ -106,21 +143,20 @@ const ColumnTool = () => {
             }
         };
         const commitAtCursor = (event) => {
+            const pointed = pointedSurfaceFor(event) ?? supportSurfaceRef.current;
+            supportSurfaceRef.current = pointed;
             const fallbackPosition = lastCursorRef.current ??
                 getLevelLocalSnappedPosition(activeLevelId, event, useEditor.getState().gridSnapStep, !isGridSnapActive());
             const structuralSnap = isGridSnapActive() || isMagneticSnapActive()
                 ? resolveStructuralGridSnap([fallbackPosition[0], fallbackPosition[2]], collectStructuralGridAxes(useScene.getState().nodes, activeLevelId))
                 : null;
-            const position = structuralSnap
-                ? [structuralSnap.point[0], fallbackPosition[1], structuralSnap.point[1]]
-                : fallbackPosition;
-            const column = ColumnNode.parse({
-                ...createColumnFromPreset(DEFAULT_COLUMN_PRESET_ID, position),
-                parentId: activeLevelId,
-            });
+            const planPosition = structuralSnap
+                ? [structuralSnap.point[0], 0, structuralSnap.point[1]]
+                : [fallbackPosition[0], 0, fallbackPosition[2]];
+            const { column, patch } = resolveColumnPlacement(planPosition, pointed);
             const committedColumn = ColumnNode.parse({
                 ...column,
-                ...resolveSupportSlabPatch(column, useScene.getState().nodes),
+                ...patch,
             });
             useScene.getState().createNode(committedColumn, activeLevelId);
             useViewer.getState().setSelection({ selectedIds: [committedColumn.id] });

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/cupola/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4FrC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAwD9D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/cupola/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA6FrC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAgE9D,CAAA"}

package/dist/cupola/definition.js

@@ -1,6 +1,6 @@
 import { CupolaNode as CupolaNodeSchema, } from '@pascal-app/core';
-import { surfacePaintCapability } from '../shared/surface-paint';
 import { buildCupolaFloorplan } from './floorplan';
+import { cupolaPaint } from './paint';
 import { cupolaParametrics } from './parametrics';
 import { CupolaNode } from './schema';
 const SIDE_HANDLE_OFFSET = 0.3;
@@ -9,6 +9,7 @@ const HEIGHT_HANDLE_OFFSET = 0.25;
 const ROTATE_CORNER_OFFSET = 0.12;
 const MIN_DIM = 0.3;
 const MIN_HEIGHT = 0.4;
+const CUPOLA_LOUVERS_DEFAULT = 'library:preset-metal';
 function getBodyMidY(n) {
     return Math.max(0.001, n.height) / 2;
 }
@@ -94,21 +95,29 @@ const cupolaHandles = [
  */
 export const cupolaDefinition = {
     kind: 'cupola',
-    schemaVersion: 1,
+    schemaVersion: 4,
     schema: CupolaNode,
     category: 'structure',
     surfaceRole: 'roof',
     defaults: () => {
         const stub = CupolaNodeSchema.parse({ id: 'cupola_default', type: 'cupola' });
         const { id: _id, type: _type, ...rest } = stub;
-        return rest;
+        return {
+            ...rest,
+            slots: { ...(rest.slots ?? {}), louvers: CUPOLA_LOUVERS_DEFAULT },
+        };
     },
     capabilities: {
+        slots: () => [
+            { slotId: 'base', label: 'Base', default: 'library:preset-softwhite' },
+            { slotId: 'body', label: 'Body', default: 'library:preset-softwhite' },
+            { slotId: 'roof', label: 'Roof', default: 'library:preset-softwhite' },
+            { slotId: 'louvers', label: 'Louvers', default: CUPOLA_LOUVERS_DEFAULT },
+        ],
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
-        // Single painted surface — registry-driven paint dispatch (see chimney).
-        paint: surfacePaintCapability,
+        paint: cupolaPaint,
         // Mounts on a roof segment via `roofSegmentId`. Sits ON TOP of the
         // slope — no `buildCut`, just the dirty cascade so the parent roof's
         // merged shell rebuilds when the cupola moves / resizes.
@@ -133,7 +142,7 @@ export const cupolaDefinition = {
     presentation: {
         label: 'Cupola',
         description: 'Louvered roof lantern with a dome or pyramid cap and optional finial.',
-        icon: { kind: 'url', src: '/icons/roof.webp' },
+        icon: { kind: 'url', src: '/icons/cupola.webp' },
         paletteSection: 'structure',
         paletteOrder: 122,
     },

package/dist/cupola/geometry.d.ts

@@ -1,5 +1,11 @@
 import type { CupolaNode } from '@pascal-app/core';
 import * as THREE from 'three';
+export declare const CUPOLA_MATERIAL_INDEX: {
+    readonly base: 0;
+    readonly body: 1;
+    readonly roof: 2;
+    readonly louvers: 3;
+};
 /**
  * Pure builder for the cupola mesh — a small louvered roof lantern:
  *

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

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