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

package/dist/cabinet/widths.js

@@ -0,0 +1,13 @@
+export const CABINET_STANDARD_WIDTHS = [
+    { id: '300', label: '300 mm', value: 0.3 },
+    { id: '400', label: '400 mm', value: 0.4 },
+    { id: '600', label: '600 mm', value: 0.6 },
+    { id: '800', label: '800 mm', value: 0.8 },
+];
+const WIDTH_MATCH_TOLERANCE = 1e-4;
+export function cabinetStandardWidthId(width) {
+    return (CABINET_STANDARD_WIDTHS.find((candidate) => Math.abs(candidate.value - width) <= WIDTH_MATCH_TOLERANCE)?.id ?? 'custom');
+}
+export function cabinetStandardWidthById(id) {
+    return CABINET_STANDARD_WIDTHS.find((candidate) => candidate.id === id);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/ceiling/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EAIpB,MAAM,kBAAkB,CAAA;AAiBzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAmFtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CA2GhE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/ceiling/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EAIpB,MAAM,kBAAkB,CAAA;AAmBzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAmFtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CAiHhE,CAAA"}

package/dist/ceiling/definition.js

@@ -1,5 +1,5 @@
 import { getCeilingClampBound, resolveCeilingHeight, useScene, } from '@pascal-app/core';
-import { clearStructuralElevationGuide, publishStructuralElevationGuide, resolveStructuralElevationSnap, } from '@pascal-app/editor';
+import { clearStructuralElevationGuide, DRAFTING_SURFACE_EXTENSION_KEY, publishStructuralElevationGuide, resolveStructuralElevationSnap, } from '@pascal-app/editor';
 import { polygonMeasurementFeatures } from '../shared/polygon-measurement';
 import { buildCeilingFloorplan } from './floorplan';
 import { ceilingAddVertexAffordance, ceilingDeleteVertexAffordance, ceilingMoveEdgeAffordance, ceilingMoveVertexAffordance, } from './floorplan-affordances';
@@ -100,6 +100,12 @@ export const ceilingDefinition = {
     schema: CeilingNode,
     category: 'structure',
     surfaceRole: 'ceiling',
+    extensions: {
+        [DRAFTING_SURFACE_EXTENSION_KEY]: {
+            kind: 'ceiling',
+            raycast: 'underside',
+        },
+    },
     // Height-less on purpose: a new ceiling follows the level top until the
     // user gives it an explicit custom height.
     defaults: () => ({

package/dist/ceiling/floorplan-affordances.d.ts

@@ -2,14 +2,14 @@ export declare const ceilingMoveVertexAffordance: import("@pascal-app/core").Flo
     object: "node";
     parentId: string | null;
     visible: boolean;
-    metadata: import("zod").JSONType;
+    metadata: Record<string, unknown>;
     id: `ceiling_${string}`;
     type: "ceiling";
     children: `item_${string}`[];
     polygon: [number, number][];
     holes: [number, number][][];
     holeMetadata: {
-        source: "elevator" | "stair" | "manual";
+        source: "stair" | "elevator" | "manual";
         stairId?: string | undefined;
         elevatorId?: string | undefined;
     }[];
@@ -47,14 +47,14 @@ export declare const ceilingAddVertexAffordance: import("@pascal-app/core").Floo
     object: "node";
     parentId: string | null;
     visible: boolean;
-    metadata: import("zod").JSONType;
+    metadata: Record<string, unknown>;
     id: `ceiling_${string}`;
     type: "ceiling";
     children: `item_${string}`[];
     polygon: [number, number][];
     holes: [number, number][][];
     holeMetadata: {
-        source: "elevator" | "stair" | "manual";
+        source: "stair" | "elevator" | "manual";
         stairId?: string | undefined;
         elevatorId?: string | undefined;
     }[];
@@ -92,14 +92,14 @@ export declare const ceilingMoveEdgeAffordance: import("@pascal-app/core").Floor
     object: "node";
     parentId: string | null;
     visible: boolean;
-    metadata: import("zod").JSONType;
+    metadata: Record<string, unknown>;
     id: `ceiling_${string}`;
     type: "ceiling";
     children: `item_${string}`[];
     polygon: [number, number][];
     holes: [number, number][][];
     holeMetadata: {
-        source: "elevator" | "stair" | "manual";
+        source: "stair" | "elevator" | "manual";
         stairId?: string | undefined;
         elevatorId?: string | undefined;
     }[];
@@ -137,14 +137,14 @@ export declare const ceilingDeleteVertexAffordance: import("@pascal-app/core").F
     object: "node";
     parentId: string | null;
     visible: boolean;
-    metadata: import("zod").JSONType;
+    metadata: Record<string, unknown>;
     id: `ceiling_${string}`;
     type: "ceiling";
     children: `item_${string}`[];
     polygon: [number, number][];
     holes: [number, number][][];
     holeMetadata: {
-        source: "elevator" | "stair" | "manual";
+        source: "stair" | "elevator" | "manual";
         stairId?: string | undefined;
         elevatorId?: string | undefined;
     }[];

package/dist/ceiling/materials.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/ceiling/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAuB,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAoBzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,qBAAqB,CAAA;IAClC,cAAc,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAsBD,wBAAgB,mBAAmB,CAAC,KAAK,SAAY,GAAG,gBAAgB,CAMvE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,SAAS,GACjE,MAAM,GAAG,IAAI,CASf"}
+{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../src/ceiling/materials.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAuB,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAoBzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,qBAAqB,CAAA;IAClC,cAAc,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAqBD,wBAAgB,mBAAmB,CAAC,KAAK,SAAY,GAAG,gBAAgB,CAMvE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,cAAc,EAAE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,SAAS,GACjE,MAAM,GAAG,IAAI,CASf"}

package/dist/ceiling/materials.js

@@ -27,7 +27,6 @@ function createCeilingMaterials(color = '#999999') {
     topMaterial.opacityNode = gridOpacity;
     const bottomMaterial = new MeshBasicNodeMaterial({
         color,
-        transparent: true,
         side: BackSide,
     });
     return { topMaterial, bottomMaterial };

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ceiling/panel.tsx"],"names":[],"mappings":"AA2BA;;;;;;;GAOG;AACH,wBAAgB,YAAY,uCA0V3B;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ceiling/panel.tsx"],"names":[],"mappings":"AA2BA;;;;;;;GAOG;AACH,wBAAgB,YAAY,uCA6W3B;AAED,eAAe,YAAY,CAAA"}

package/dist/ceiling/panel.js

@@ -16,6 +16,7 @@ import { useCallback, useEffect, useRef } from 'react';
 export function CeilingPanel() {
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const unit = useViewer((s) => s.unit);
+    const metricNotation = useViewer((s) => s.metricNotation);
     const setSelection = useViewer((s) => s.setSelection);
     const editingHole = useEditingHole();
     const setMovingNode = useEditor((s) => s.setMovingNode);
@@ -30,7 +31,7 @@ export function CeilingPanel() {
         const parent = node?.parentId ? s.nodes[node.parentId] : undefined;
         return parent?.type === 'level'
             ? getCeilingClampBound(parent.id, s.nodes, node?.polygon ?? [])
-            : 6;
+            : Number.POSITIVE_INFINITY;
     });
     // Effective height: the stored custom height, or — for follows-mode
     // ceilings (absent `height`) — the live level-top bound. Primitive
@@ -184,7 +185,12 @@ export function CeilingPanel() {
     return (_jsxs(PanelWrapper, { icon: "/icons/ceiling.webp", onClose: handleClose, title: node.name || 'Ceiling', width: 320, children: [_jsxs(PanelSection, { title: "Height", children: [_jsx(SegmentedControl, { onChange: handleTopModeChange, options: [
                             { label: 'Follows level', value: 'storey' },
                             { label: 'Custom height', value: 'custom' },
-                        ], value: isFollows ? 'storey' : 'custom' }), isFollows ? (_jsxs("div", { className: "px-1 text-[11px] text-muted-foreground", children: ["Currently ", formatLinearMeasurement(resolvedHeight, unit)] })) : (_jsx(SliderControl, { label: "Height", max: Math.min(6, maxHeight), min: 0, onChange: handleHeightChange, precision: 3, step: 0.01, unit: "m", value: Math.round((node.height ?? resolvedHeight) * 1000) / 1000 })), _jsx("div", { className: "mt-2 grid grid-cols-3 gap-1.5 px-1 pb-1", children: heightPresets.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleHeightChange(preset.height) }, preset.label))) })] }), _jsx(PanelSection, { title: "Info", children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: "Area" }), _jsxs("span", { className: "font-mono text-white", children: [area.toFixed(2), " m\u00B2"] })] }) }), _jsxs(PanelSection, { title: "Holes", children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
+                        ], value: isFollows ? 'storey' : 'custom' }), isFollows ? (_jsxs("div", { className: "px-1 text-[11px] text-muted-foreground", children: ["Currently ", formatLinearMeasurement(resolvedHeight, unit, metricNotation)] })) : (_jsx(SliderControl, { label: "Height", max: Math.min(1000, maxHeight), min: 0, onChange: handleHeightChange, precision: 3, step: 0.01, unit: "m", value: Math.round((node.height ?? resolvedHeight) * 1000) / 1000 })), _jsx("div", { className: "mt-2 grid grid-cols-3 gap-1.5 px-1 pb-1", children: heightPresets.map((preset) => {
+                            const fits = preset.height <= maxHeight;
+                            return (_jsx(ActionButton, { className: fits ? undefined : 'cursor-not-allowed opacity-40', disabled: !fits, label: preset.label, onClick: () => handleHeightChange(preset.height), title: fits
+                                    ? undefined
+                                    : `Taller than this level (${formatLinearMeasurement(maxHeight, unit, metricNotation)} available). Raise the level height first.` }, preset.label));
+                        }) }), Number.isFinite(maxHeight) && (_jsxs("div", { className: "px-1 pb-1 text-[11px] text-muted-foreground", children: ["Limited by the level to ", formatLinearMeasurement(maxHeight, unit, metricNotation), " \u2014 raise the level height for a taller ceiling."] }))] }), _jsx(PanelSection, { title: "Info", children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: "Area" }), _jsxs("span", { className: "font-mono text-white", children: [area.toFixed(2), " m\u00B2"] })] }) }), _jsxs(PanelSection, { title: "Holes", children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
                             const holeArea = calculateArea(hole);
                             const isEditing = editingHole?.nodeId === selectedId && editingHole?.holeIndex === index;
                             const source = node.holeMetadata?.[index]?.source ?? 'manual';

package/dist/ceiling/parametrics.js

@@ -9,7 +9,7 @@ export const ceilingParametrics = {
     groups: [
         {
             label: 'Dimensions',
-            fields: [{ key: 'height', kind: 'number', unit: 'm', min: 1.5, max: 6, step: 0.05 }],
+            fields: [{ key: 'height', kind: 'number', unit: 'm', min: 0.1, max: 1000, step: 0.05 }],
         },
     ],
     customPanel: () => import('./panel'),

package/dist/chimney/definition.js

@@ -378,7 +378,7 @@ export const chimneyDefinition = {
     presentation: {
         label: 'Chimney',
         description: 'Vertical masonry stack on a roof segment.',
-        icon: { kind: 'url', src: '/icons/roof.webp' },
+        icon: { kind: 'url', src: '/icons/chimney.webp' },
         paletteSection: 'structure',
         paletteOrder: 122,
     },

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: Math.round(node.width * 100) / 100 }), (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: 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: 1000, 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) => {
                             // 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.

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: 6, 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: 6, 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"}