@pascal-app/nodes 1.0.6 → 1.0.7

package/dist/column/panel.js

@@ -1,12 +1,13 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { COLUMN_PRESETS, scriptImages, useScene, } from '@pascal-app/core';
+import { COLUMN_PRESETS, scriptImages, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, cn, PanelSection, PanelWrapper, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Move, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 import { AuthoredParams } from '../item/authored-params.js';
 import { planColumnEdit } from './hosted-resize.js';
+import { FramingPostSection } from './post-section.js';
 const SELECT_CLASS = 'h-10 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground outline-none transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] focus:ring-1 focus:ring-border';
 const MANAGED_LEAN_TO_LAYOUT_FIELDS = new Set([
     'position',
@@ -20,13 +21,37 @@ const MANAGED_LEAN_TO_LAYOUT_FIELDS = new Set([
     'baseDepthScale',
     'slots',
 ]);
-const COLUMN_PRESET_OPTIONS = Object.entries(COLUMN_PRESETS).map(([value, preset]) => ({
+/** Preset names in the UI language; core's `COLUMN_PRESETS` labels stay English. */
+const COLUMN_PRESET_LABELS = {
+    basicPillar: /* i18n */ { id: 'node.column.preset.basicPillar', message: 'Straight Round' },
+    squarePillar: /* i18n */ { id: 'node.column.preset.squarePillar', message: 'Square Block' },
+    taperedPillar: /* i18n */ { id: 'node.column.preset.taperedPillar', message: 'Tapered Round' },
+    bulgedPillar: /* i18n */ { id: 'node.column.preset.bulgedPillar', message: 'Soft Bulged' },
+    hourglassPillar: /* i18n */ { id: 'node.column.preset.hourglassPillar', message: 'Hourglass' },
+    aFrameSupport: /* i18n */ { id: 'node.column.preset.aFrameSupport', message: 'A-Frame Support' },
+    yFrameSupport: /* i18n */ { id: 'node.column.preset.yFrameSupport', message: 'Y Support' },
+    vFrameSupport: /* i18n */ { id: 'node.column.preset.vFrameSupport', message: 'V Support' },
+    xBraceSupport: /* i18n */ { id: 'node.column.preset.xBraceSupport', message: 'X Brace' },
+    kBraceSupport: /* i18n */ { id: 'node.column.preset.kBraceSupport', message: 'K Brace' },
+    singleStrutSupport: /* i18n */ {
+        id: 'node.column.preset.singleStrutSupport',
+        message: 'Single Strut',
+    },
+    tripodSupport: /* i18n */ { id: 'node.column.preset.tripodSupport', message: 'Tripod Support' },
+    trestleSupport: /* i18n */ { id: 'node.column.preset.trestleSupport', message: 'Trestle Frame' },
+    portalFrameSupport: /* i18n */ {
+        id: 'node.column.preset.portalFrameSupport',
+        message: 'Portal Frame',
+    },
+    boxFrameSupport: /* i18n */ { id: 'node.column.preset.boxFrameSupport', message: 'Box Frame' },
+};
+const COLUMN_PRESET_OPTIONS = Object.keys(COLUMN_PRESETS).map((value) => ({
     value: value,
-    label: preset.label,
+    label: COLUMN_PRESET_LABELS[value],
 }));
 const COLUMN_PROPORTION_PRESETS = {
     slender: {
-        label: 'Slender',
+        label: /* i18n */ { id: 'node.column.panel.slender', message: 'Slender' },
         height: 3.6,
         width: 0.34,
         baseHeight: 0.18,
@@ -36,7 +61,7 @@ const COLUMN_PROPORTION_PRESETS = {
         edgeSoftness: 0.02,
     },
     standard: {
-        label: 'Standard',
+        label: /* i18n */ { id: 'node.column.panel.standard', message: 'Standard' },
         height: 2.9,
         width: 0.44,
         baseHeight: 0.22,
@@ -46,7 +71,7 @@ const COLUMN_PROPORTION_PRESETS = {
         edgeSoftness: 0.025,
     },
     heavy: {
-        label: 'Heavy',
+        label: /* i18n */ { id: 'node.column.panel.heavy', message: 'Heavy' },
         height: 3,
         width: 0.58,
         baseHeight: 0.28,
@@ -56,7 +81,7 @@ const COLUMN_PROPORTION_PRESETS = {
         edgeSoftness: 0.035,
     },
     stout: {
-        label: 'Short / Stout',
+        label: /* i18n */ { id: 'node.column.panel.shortStout', message: 'Short / Stout' },
         height: 2.2,
         width: 0.62,
         baseHeight: 0.3,
@@ -71,17 +96,35 @@ const COLUMN_PROPORTION_OPTIONS = Object.entries(COLUMN_PROPORTION_PRESETS).map(
     label: preset.label,
 }));
 const SUPPORT_STYLE_OPTIONS = [
-    { label: 'Vertical', value: 'vertical' },
-    { label: 'A-Frame', value: 'a-frame' },
-    { label: 'Y Support', value: 'y-frame' },
-    { label: 'V Support', value: 'v-frame' },
-    { label: 'X Brace', value: 'x-brace' },
-    { label: 'K Brace', value: 'k-brace' },
-    { label: 'Single Strut', value: 'single-strut' },
-    { label: 'Tripod', value: 'tripod' },
-    { label: 'Trestle', value: 'trestle' },
-    { label: 'Portal Frame', value: 'portal-frame' },
-    { label: 'Box Frame', value: 'box-frame' },
+    {
+        label: /* i18n */ { id: 'node.column.panel.vertical', message: 'Vertical' },
+        value: 'vertical',
+    },
+    { label: /* i18n */ { id: 'node.column.panel.aFrame', message: 'A-Frame' }, value: 'a-frame' },
+    {
+        label: /* i18n */ { id: 'node.column.panel.ySupport', message: 'Y Support' },
+        value: 'y-frame',
+    },
+    {
+        label: /* i18n */ { id: 'node.column.panel.vSupport', message: 'V Support' },
+        value: 'v-frame',
+    },
+    { label: /* i18n */ { id: 'node.column.panel.xBrace', message: 'X Brace' }, value: 'x-brace' },
+    { label: /* i18n */ { id: 'node.column.panel.kBrace', message: 'K Brace' }, value: 'k-brace' },
+    {
+        label: /* i18n */ { id: 'node.column.panel.singleStrut', message: 'Single Strut' },
+        value: 'single-strut',
+    },
+    { label: /* i18n */ { id: 'node.column.panel.tripod', message: 'Tripod' }, value: 'tripod' },
+    { label: /* i18n */ { id: 'node.column.panel.trestle', message: 'Trestle' }, value: 'trestle' },
+    {
+        label: /* i18n */ { id: 'node.column.panel.portalFrame', message: 'Portal Frame' },
+        value: 'portal-frame',
+    },
+    {
+        label: /* i18n */ { id: 'node.column.panel.boxFrame', message: 'Box Frame' },
+        value: 'box-frame',
+    },
 ];
 // Per-style brace defaults. Values mirror each support's renderer
 // fall-through expressions so switching styles snaps the column to the
@@ -245,6 +288,7 @@ function shaftProfileUpdates(shaftProfile) {
     };
 }
 export default function ColumnPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const selectedCount = useViewer((s) => s.selection.selectedIds.length);
     const setSelection = useViewer((s) => s.setSelection);
@@ -294,11 +338,11 @@ export default function ColumnPanel() {
         supportStyle === 'trestle' ||
         supportStyle === 'portal-frame' ||
         supportStyle === 'box-frame';
-    return (_jsxs(PanelWrapper, { icon: scriptImages(node)?.thumbnail ?? '/icons/column.webp', onClose: handleClose, title: node.name || 'Column', width: 300, children: [node.source ? (_jsx(AuthoredParams, { node: node })) : (_jsxs(_Fragment, { children: [_jsx(PanelSection, { title: "Preset", children: _jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
+    return (_jsxs(PanelWrapper, { icon: scriptImages(node)?.thumbnail ?? '/icons/column.webp', onClose: handleClose, title: node.name || i18n._({ id: 'node.column.panel.column', message: 'Column' }), width: 300, children: [node.role === 'post' ? (_jsx(FramingPostSection, { node: node, onUpdate: handleUpdate })) : node.source ? (_jsx(AuthoredParams, { node: node })) : (_jsxs(_Fragment, { children: [_jsx(PanelSection, { title: i18n._({ id: 'node.column.panel.preset', message: 'Preset' }), children: _jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
                                 if (!event.target.value)
                                     return;
                                 handleUpdate(presetUpdates(event.target.value));
-                            }, value: "", children: [_jsx("option", { value: "", children: "Apply preset..." }), COLUMN_PRESET_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }) }), _jsxs(PanelSection, { title: "Shape", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: SUPPORT_STYLE_OPTIONS.map((option) => {
+                            }, value: "", children: [_jsx("option", { value: "", children: i18n._({ id: 'node.column.panel.applyPreset', message: 'Apply preset...' }) }), COLUMN_PRESET_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value)))] }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.column.panel.shape', message: 'Shape' }), children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: SUPPORT_STYLE_OPTIONS.map((option) => {
                                     const isSelected = supportStyle === option.value;
                                     return (_jsx("button", { className: cn('flex min-h-12 items-center rounded-lg border px-3 py-2.5 text-left text-xs transition-colors', isSelected
                                             ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
@@ -321,21 +365,24 @@ export default function ColumnPanel() {
                                                     : {}),
                                                 ...stylePreset,
                                             });
-                                        }, type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
-                                }) }), isBraceSupport ? (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Brace Width", max: 0.8, min: 0.04, onChange: (value) => handleUpdate({ braceWidth: value, width: value }), precision: 2, step: 0.01, unit: "m", value: node.braceWidth ?? node.width }), _jsx(SliderControl, { label: "Brace Depth", max: 0.8, min: 0.04, onChange: (value) => handleUpdate({ braceDepth: value, depth: value }), precision: 2, step: 0.01, unit: "m", value: node.braceDepth ?? node.depth })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-3 gap-2 px-1 pt-1", children: [
+                                        }, type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
+                                }) }), isBraceSupport ? (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.braceWidth', message: 'Brace Width' }), max: 0.8, min: 0.04, onChange: (value) => handleUpdate({ braceWidth: value, width: value }), precision: 2, step: 0.01, unit: "m", value: node.braceWidth ?? node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.braceDepth', message: 'Brace Depth' }), max: 0.8, min: 0.04, onChange: (value) => handleUpdate({ braceDepth: value, depth: value }), precision: 2, step: 0.01, unit: "m", value: node.braceDepth ?? node.depth })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-3 gap-2 px-1 pt-1", children: [
                                             {
                                                 value: 'round',
-                                                label: 'Round',
+                                                label: i18n._({ id: 'node.column.panel.round', message: 'Round' }),
                                                 icon: (_jsx("svg", { "aria-hidden": "true", fill: "none", height: "22", viewBox: "0 0 22 22", width: "22", children: _jsx("circle", { cx: "11", cy: "11", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }) })),
                                             },
                                             {
                                                 value: 'square',
-                                                label: 'Square',
+                                                label: i18n._({ id: 'node.column.panel.square', message: 'Square' }),
                                                 icon: (_jsx("svg", { "aria-hidden": "true", fill: "none", height: "22", viewBox: "0 0 22 22", width: "22", children: _jsx("rect", { height: "15", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5", width: "15", x: "3.5", y: "3.5" }) })),
                                             },
                                             {
                                                 value: 'rectangular',
-                                                label: 'Rectangular',
+                                                label: i18n._({
+                                                    id: 'node.column.panel.rectangular',
+                                                    message: 'Rectangular',
+                                                }),
                                                 icon: (_jsx("svg", { "aria-hidden": "true", fill: "none", height: "22", viewBox: "0 0 22 22", width: "22", children: _jsx("rect", { height: "11", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5", width: "16", x: "3", y: "5.5" }) })),
                                             },
                                         ].map((option) => {
@@ -345,23 +392,37 @@ export default function ColumnPanel() {
                                                     : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:border-border hover:bg-black/8 dark: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-700 dark: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: [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) => {
+                                        }) }), _jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.edgeSoftness', message: '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: i18n._({
+                                            id: 'node.column.panel.shaftCornerRadius',
+                                            message: '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: i18n._({ id: 'node.column.panel.dimensions', message: 'Dimensions' }), children: [managedByLeanTo && (_jsx("p", { className: "px-1 pt-1 text-muted-foreground text-xs leading-relaxed", children: i18n._({
+                                    id: 'node.column.panel.heightAndFootprintAreControlledBy',
+                                    message: '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)))] })), !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' ||
+                                }, value: "", children: [_jsx("option", { value: "", children: i18n._({
+                                            id: 'node.column.panel.applyProportion',
+                                            message: 'Apply proportion...',
+                                        }) }), COLUMN_PROPORTION_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value)))] })), !managedByLeanTo && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.height', message: '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: 1000, min: 0.2, onChange: (value) => handleUpdate({
+                                        supportStyle === 'box-frame') && (_jsx(SliderControl, { label: i18n._({
+                                            id: 'node.column.panel.bottomSpread',
+                                            message: 'Bottom Spread',
+                                        }), max: 1000, min: 0.2, onChange: (value) => handleUpdate({
                                             braceBottomSpread: value,
                                             braceTopSpread: supportStyle === 'a-frame'
                                                 ? Math.min(node.braceTopSpread ?? 0.12, value)
                                                 : (node.braceTopSpread ?? 1),
-                                        }), precision: 2, step: 0.05, unit: "m", value: node.braceBottomSpread ?? 1.2 })), _jsx(SliderControl, { label: supportStyle === 'y-frame' ? 'Fork Spread' : 'Top Spread', max: supportStyle === 'y-frame' ||
+                                        }), precision: 2, step: 0.05, unit: "m", value: node.braceBottomSpread ?? 1.2 })), _jsx(SliderControl, { label: supportStyle === 'y-frame'
+                                            ? i18n._({ id: 'node.column.panel.forkSpread', message: 'Fork Spread' })
+                                            : i18n._({ id: 'node.column.panel.topSpread', message: 'Top Spread' }), max: supportStyle === 'y-frame' ||
                                             supportStyle === 'v-frame' ||
                                             supportStyle === 'x-brace' ||
                                             supportStyle === 'k-brace' ||
@@ -381,21 +442,30 @@ 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 }) })] })) : !managedByLeanTo ? (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.12, onChange: (value) => handleUpdate({
+                                                : 0.12) }), _jsx(ToggleControl, { checked: node.bracePlateEnabled ?? true, label: i18n._({
+                                            id: 'node.column.panel.connectorPlates',
+                                            message: 'Connector Plates',
+                                        }), onChange: (checked) => handleUpdate({ bracePlateEnabled: checked }) })] })) : !managedByLeanTo ? (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.width', message: '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: 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({
+                                        }), precision: 2, step: 0.02, unit: "m", value: node.width }), node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.depth', message: '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: i18n._({ id: 'node.column.panel.shaft', message: 'Shaft' }), children: [_jsxs("select", { className: SELECT_CLASS, onChange: (event) => handleUpdate(shaftProfileUpdates(event.target.value)), value: shaftProfile, children: [_jsx("option", { value: "straight", children: i18n._({ id: 'node.column.panel.straight', message: 'Straight' }) }), _jsx("option", { value: "tapered", children: i18n._({ id: 'node.column.panel.tapered', message: 'Tapered' }) }), _jsx("option", { value: "bulged", children: i18n._({ id: 'node.column.panel.bulged', message: 'Bulged' }) }), _jsx("option", { value: "hourglass", children: i18n._({ id: 'node.column.panel.hourglass', message: 'Hourglass' }) })] }), shaftProfile === 'straight' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.shaftWidth', message: '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: i18n._({ id: 'node.column.panel.bottomWidth', message: '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: i18n._({ id: 'node.column.panel.topWidth', message: '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: i18n._({ id: 'node.column.panel.taper', message: '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: i18n._({ id: 'node.column.panel.endWidth', message: '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: i18n._({ id: 'node.column.panel.bulge', message: '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: i18n._({ id: 'node.column.panel.endWidth', message: '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: i18n._({ id: 'node.column.panel.waist', message: 'Waist' }), max: 0.35, min: 0, onChange: (value) => handleUpdate({ shaftBulge: value }), precision: 2, step: 0.01, value: node.shaftBulge ?? 0.12 })] })), _jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.segmentTwist', message: 'Segment Twist' }), max: 90, min: -90, onChange: (value) => handleUpdate({
                                     shaftTwistStep: value,
                                     ...(Math.abs(value) > 0.001 && (node.shaftSegmentCount ?? 1) < 8
                                         ? { shaftSegmentCount: 12 }
                                         : {}),
-                                }), precision: 0, step: 5, unit: "\u00B0", value: node.shaftTwistStep ?? 0 }), Math.abs(node.shaftTwistStep ?? 0) > 0.001 && (_jsx(SliderControl, { label: "Twist Segments", max: 48, min: 4, onChange: (value) => handleUpdate({ shaftSegmentCount: Math.round(value) }), precision: 0, step: 1, value: node.shaftSegmentCount ?? 12 })), _jsx(SliderControl, { label: "Ring Pairs", max: 4, min: 0, onChange: (value) => handleUpdate({
+                                }), precision: 0, step: 5, unit: "\u00B0", value: node.shaftTwistStep ?? 0 }), Math.abs(node.shaftTwistStep ?? 0) > 0.001 && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.twistSegments',
+                                    message: 'Twist Segments',
+                                }), max: 48, min: 4, onChange: (value) => handleUpdate({ shaftSegmentCount: Math.round(value) }), precision: 0, step: 1, value: node.shaftSegmentCount ?? 12 })), _jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.ringPairs', message: 'Ring Pairs' }), max: 4, min: 0, onChange: (value) => handleUpdate({
                                     ringCount: Math.round(value) * 2,
                                     ringPlacement: 'ends',
                                     ringSpread: node.ringSpread ?? 0.16,
                                     ringThickness: node.ringThickness ?? 0.055,
-                                }), precision: 0, step: 1, value: Math.ceil((node.ringCount ?? 0) / 2) }), (node.ringCount ?? 0) > 0 && (_jsx(SliderControl, { label: "Ring Thickness", max: 0.14, min: 0.01, onChange: (value) => handleUpdate({ ringThickness: value }), precision: 3, step: 0.005, unit: "m", value: node.ringThickness ?? 0.055 })), (node.ringCount ?? 0) > 0 && (_jsx(SliderControl, { label: "Ring Spread", max: 0.45, min: 0.04, onChange: (value) => handleUpdate({ ringSpread: value, ringPlacement: 'ends' }), precision: 2, step: 0.01, value: node.ringSpread ?? 0.16 }))] })), !isBraceSupport && (_jsxs(PanelSection, { title: "Ends", children: [_jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
+                                }), precision: 0, step: 1, value: Math.ceil((node.ringCount ?? 0) / 2) }), (node.ringCount ?? 0) > 0 && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.ringThickness',
+                                    message: 'Ring Thickness',
+                                }), max: 0.14, min: 0.01, onChange: (value) => handleUpdate({ ringThickness: value }), precision: 3, step: 0.005, unit: "m", value: node.ringThickness ?? 0.055 })), (node.ringCount ?? 0) > 0 && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.ringSpread', message: 'Ring Spread' }), max: 0.45, min: 0.04, onChange: (value) => handleUpdate({ ringSpread: value, ringPlacement: 'ends' }), precision: 2, step: 0.01, value: node.ringSpread ?? 0.16 }))] })), !isBraceSupport && (_jsxs(PanelSection, { title: i18n._({ id: 'node.column.panel.ends', message: 'Ends' }), children: [_jsxs("select", { className: SELECT_CLASS, onChange: (event) => {
                                     const capitalStyle = event.target.value;
                                     handleUpdate({
                                         capitalStyle,
@@ -413,10 +483,13 @@ export default function ColumnPanel() {
                                                     : node.capitalStepSpread,
                                             }),
                                     });
-                                }, value: node.capitalStyle === 'simple-slab' ? 'simple' : (node.capitalStyle ?? 'simple'), children: [_jsx("option", { value: "none", children: "No Top" }), _jsx("option", { value: "simple", children: "Simple Top" }), _jsx("option", { value: "stepped", children: "Stepped Top" }), _jsx("option", { value: "rounded", children: "Rounded Top" })] }), node.capitalStyle !== 'none' && (_jsx(SliderControl, { label: "Top Height", max: 0.8, min: 0.06, onChange: (value) => handleUpdate({ capitalHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.capitalHeight })), node.capitalStyle !== 'none' && (_jsx(SliderControl, { label: "Top Width", max: 2.4, min: 0.6, onChange: (value) => handleUpdate({
+                                }, value: node.capitalStyle === 'simple-slab' ? 'simple' : (node.capitalStyle ?? 'simple'), children: [_jsx("option", { value: "none", children: i18n._({ id: 'node.column.panel.noTop', message: 'No Top' }) }), _jsx("option", { value: "simple", children: i18n._({ id: 'node.column.panel.simpleTop', message: 'Simple Top' }) }), _jsx("option", { value: "stepped", children: i18n._({ id: 'node.column.panel.steppedTop', message: 'Stepped Top' }) }), _jsx("option", { value: "rounded", children: i18n._({ id: 'node.column.panel.roundedTop', message: 'Rounded Top' }) })] }), node.capitalStyle !== 'none' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.topHeight', message: 'Top Height' }), max: 0.8, min: 0.06, onChange: (value) => handleUpdate({ capitalHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.capitalHeight })), node.capitalStyle !== 'none' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.topWidth', message: 'Top Width' }), max: 2.4, min: 0.6, onChange: (value) => handleUpdate({
                                     capitalWidthScale: value,
                                     ...(node.crossSection === 'rectangular' ? {} : { capitalDepthScale: value }),
-                                }), precision: 2, step: 0.02, value: node.capitalWidthScale ?? 1.28 })), node.capitalStyle !== 'none' && node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: "Top Depth", max: 2.4, min: 0.6, onChange: (value) => handleUpdate({ capitalDepthScale: value }), precision: 2, step: 0.02, value: node.capitalDepthScale ?? node.capitalWidthScale ?? 1.28 })), node.capitalStyle === 'stepped' && (_jsx(SliderControl, { label: "Top Tiers", max: 8, min: 3, onChange: (value) => handleUpdate({ capitalTierCount: Math.round(value) }), precision: 0, step: 1, value: node.capitalTierCount ?? 3 })), node.capitalStyle === 'stepped' && (_jsx(SliderControl, { label: "Top Step Spread", max: 0.9, min: 0.05, onChange: (value) => handleUpdate({ capitalStepSpread: value }), precision: 2, step: 0.01, value: node.capitalStepSpread ?? 0.34 })), _jsxs("select", { className: `${SELECT_CLASS} mt-2`, onChange: (event) => {
+                                }), precision: 2, step: 0.02, value: node.capitalWidthScale ?? 1.28 })), node.capitalStyle !== 'none' && node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.topDepth', message: 'Top Depth' }), max: 2.4, min: 0.6, onChange: (value) => handleUpdate({ capitalDepthScale: value }), precision: 2, step: 0.02, value: node.capitalDepthScale ?? node.capitalWidthScale ?? 1.28 })), node.capitalStyle === 'stepped' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.topTiers', message: 'Top Tiers' }), max: 8, min: 3, onChange: (value) => handleUpdate({ capitalTierCount: Math.round(value) }), precision: 0, step: 1, value: node.capitalTierCount ?? 3 })), node.capitalStyle === 'stepped' && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.topStepSpread',
+                                    message: 'Top Step Spread',
+                                }), max: 0.9, min: 0.05, onChange: (value) => handleUpdate({ capitalStepSpread: value }), precision: 2, step: 0.01, value: node.capitalStepSpread ?? 0.34 })), _jsxs("select", { className: `${SELECT_CLASS} mt-2`, onChange: (event) => {
                                     const baseStyle = event.target.value;
                                     handleUpdate({
                                         baseStyle,
@@ -443,8 +516,23 @@ export default function ColumnPanel() {
                                                     : node.baseNeckScale,
                                             }),
                                     });
-                                }, value: node.baseStyle ?? 'square-plinth', children: [_jsx("option", { value: "none", children: "No Bottom" }), _jsx("option", { value: "simple-square", children: "Simple Block Bottom" }), _jsx("option", { value: "square-plinth", children: "Square Plinth Bottom" }), _jsx("option", { value: "stepped-square", children: "Stepped Bottom" }), _jsx("option", { value: "round-rings", children: "Rounded Bottom" })] }), node.baseStyle !== 'none' && (_jsx(SliderControl, { label: "Bottom Height", max: 0.8, min: 0.06, onChange: (value) => handleUpdate({ baseHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.baseHeight })), node.baseStyle !== 'none' && (_jsx(SliderControl, { label: "Bottom Width", max: 2.4, min: 0.6, onChange: (value) => handleUpdate({
+                                }, value: node.baseStyle ?? 'square-plinth', children: [_jsx("option", { value: "none", children: i18n._({ id: 'node.column.panel.noBottom', message: 'No Bottom' }) }), _jsx("option", { value: "simple-square", children: i18n._({
+                                            id: 'node.column.panel.simpleBlockBottom',
+                                            message: 'Simple Block Bottom',
+                                        }) }), _jsx("option", { value: "square-plinth", children: i18n._({
+                                            id: 'node.column.panel.squarePlinthBottom',
+                                            message: 'Square Plinth Bottom',
+                                        }) }), _jsx("option", { value: "stepped-square", children: i18n._({ id: 'node.column.panel.steppedBottom', message: 'Stepped Bottom' }) }), _jsx("option", { value: "round-rings", children: i18n._({ id: 'node.column.panel.roundedBottom', message: 'Rounded Bottom' }) })] }), node.baseStyle !== 'none' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.bottomHeight', message: 'Bottom Height' }), max: 0.8, min: 0.06, onChange: (value) => handleUpdate({ baseHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.baseHeight })), node.baseStyle !== 'none' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.bottomWidth', message: 'Bottom Width' }), max: 2.4, min: 0.6, onChange: (value) => handleUpdate({
                                     baseWidthScale: value,
                                     ...(node.crossSection === 'rectangular' ? {} : { baseDepthScale: value }),
-                                }), precision: 2, step: 0.02, value: node.baseWidthScale ?? 1.24 })), node.baseStyle !== 'none' && node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: "Bottom Depth", max: 2.4, min: 0.6, onChange: (value) => handleUpdate({ baseDepthScale: value }), precision: 2, step: 0.02, value: node.baseDepthScale ?? node.baseWidthScale ?? 1.24 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: "Plinth Thickness", max: 0.7, min: 0.2, onChange: (value) => handleUpdate({ basePlinthHeightRatio: value }), precision: 2, step: 0.01, value: node.basePlinthHeightRatio ?? 0.44 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: "Round Band Width", max: 1.2, min: 0.5, onChange: (value) => handleUpdate({ baseRoundBandScale: value }), precision: 2, step: 0.01, value: node.baseRoundBandScale ?? 0.92 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: "Neck Width", max: 1, min: 0.35, onChange: (value) => handleUpdate({ baseNeckScale: value }), precision: 2, step: 0.01, value: node.baseNeckScale ?? 0.72 })), node.baseStyle === 'stepped-square' && (_jsx(SliderControl, { label: "Bottom Tiers", max: 8, min: 3, onChange: (value) => handleUpdate({ baseTierCount: Math.round(value) }), precision: 0, step: 1, value: node.baseTierCount ?? 3 })), node.baseStyle === 'stepped-square' && (_jsx(SliderControl, { label: "Bottom Step Spread", max: 0.9, min: 0.05, onChange: (value) => handleUpdate({ baseStepSpread: value }), precision: 2, step: 0.01, value: node.baseStepSpread ?? 0.34 }))] }))] })), _jsx(PanelSection, { title: "Transform", children: _jsx(SliderControl, { label: "Yaw", max: 180, min: -180, onChange: (value) => handleUpdate({ rotation: (value * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }) }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-4 w-4" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { className: "border-red-500/40 text-red-700 dark:text-red-200 hover:bg-red-500/15", icon: _jsx(Trash2, { className: "h-4 w-4" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                }), precision: 2, step: 0.02, value: node.baseWidthScale ?? 1.24 })), node.baseStyle !== 'none' && node.crossSection === 'rectangular' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.bottomDepth', message: 'Bottom Depth' }), max: 2.4, min: 0.6, onChange: (value) => handleUpdate({ baseDepthScale: value }), precision: 2, step: 0.02, value: node.baseDepthScale ?? node.baseWidthScale ?? 1.24 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.plinthThickness',
+                                    message: 'Plinth Thickness',
+                                }), max: 0.7, min: 0.2, onChange: (value) => handleUpdate({ basePlinthHeightRatio: value }), precision: 2, step: 0.01, value: node.basePlinthHeightRatio ?? 0.44 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.roundBandWidth',
+                                    message: 'Round Band Width',
+                                }), max: 1.2, min: 0.5, onChange: (value) => handleUpdate({ baseRoundBandScale: value }), precision: 2, step: 0.01, value: node.baseRoundBandScale ?? 0.92 })), node.baseStyle === 'round-rings' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.neckWidth', message: 'Neck Width' }), max: 1, min: 0.35, onChange: (value) => handleUpdate({ baseNeckScale: value }), precision: 2, step: 0.01, value: node.baseNeckScale ?? 0.72 })), node.baseStyle === 'stepped-square' && (_jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.bottomTiers', message: 'Bottom Tiers' }), max: 8, min: 3, onChange: (value) => handleUpdate({ baseTierCount: Math.round(value) }), precision: 0, step: 1, value: node.baseTierCount ?? 3 })), node.baseStyle === 'stepped-square' && (_jsx(SliderControl, { label: i18n._({
+                                    id: 'node.column.panel.bottomStepSpread',
+                                    message: 'Bottom Step Spread',
+                                }), max: 0.9, min: 0.05, onChange: (value) => handleUpdate({ baseStepSpread: value }), precision: 2, step: 0.01, value: node.baseStepSpread ?? 0.34 }))] }))] })), _jsx(PanelSection, { title: i18n._({ id: 'node.column.panel.transform', message: 'Transform' }), children: _jsx(SliderControl, { label: i18n._({ id: 'node.column.panel.yaw', message: 'Yaw' }), max: 180, min: -180, onChange: (value) => handleUpdate({ rotation: (value * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }) }), _jsx(PanelSection, { title: i18n._({ id: 'node.column.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-4 w-4" }), label: i18n._({ id: 'node.column.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { className: "border-red-500/40 text-red-700 dark:text-red-200 hover:bg-red-500/15", icon: _jsx(Trash2, { className: "h-4 w-4" }), label: i18n._({ id: 'node.column.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

package/dist/column/post-options.d.ts

@@ -0,0 +1,10 @@
+import { type ToolOption } from '@pascal-app/core';
+/**
+ * "Place" for the column tool, one family with the Post tool: a column of the chosen style, or a
+ * pressure-treated framing post of a size, which stands up to the beam over it. Picking across
+ * the family switches what the tool places.
+ */
+export declare const columnPlaceOption: ToolOption;
+/** What a framing post stands on, shown while the tool places posts. */
+export declare const postBaseOption: ToolOption;
+//# sourceMappingURL=post-options.d.ts.map

package/dist/column/post-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-options.d.ts","sourceRoot":"","sources":["../../src/column/post-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAazB;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAwC/B,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,UAiB5B,CAAA"}

package/dist/column/post-options.js

@@ -0,0 +1,71 @@
+import { FRAMING_POST_BASE_LABELS, } from '@pascal-app/core';
+import { useEditor } from '@pascal-app/editor';
+import { armFramingPostTool, dropInflightColumnPlacement, framingPostToolChoices, } from './post-placement.js';
+const subscribe = (onChange) => useEditor.subscribe(() => onChange());
+/** The Post tool's size, or null while the column tool places ornamental columns. */
+const postChoices = () => framingPostToolChoices(useEditor.getState().toolDefaults.column);
+/**
+ * "Place" for the column tool, one family with the Post tool: a column of the chosen style, or a
+ * pressure-treated framing post of a size, which stands up to the beam over it. Picking across
+ * the family switches what the tool places.
+ */
+export const columnPlaceOption = {
+    id: 'column-place',
+    label: 'Place',
+    choices: [
+        {
+            value: 'column',
+            label: 'Column',
+            description: 'A column of a chosen style: round, square or tapered, or a support frame',
+        },
+        {
+            value: '4x4',
+            label: '4x4 post',
+            description: 'A treated 4x4 framing post, for a light porch or a deck post up to 8 ft',
+        },
+        {
+            value: '6x6',
+            label: '6x6 post',
+            description: 'A treated 6x6 framing post: the post under a porch or a deck beam',
+        },
+        {
+            value: '8x8',
+            label: '8x8 post',
+            description: 'A treated 8x8 framing post, for a tall post or a heavy load',
+        },
+    ],
+    subscribe,
+    value: () => postChoices()?.size ?? 'column',
+    set: (value) => {
+        if (value !== 'column') {
+            armFramingPostTool(value);
+            return;
+        }
+        // Already placing columns (perhaps a preset following the cursor): nothing to switch.
+        if (postChoices() === null)
+            return;
+        dropInflightColumnPlacement();
+        const editor = useEditor.getState();
+        editor.setToolDefaults('column', null);
+        if (!(editor.mode === 'build' && editor.tool === 'column'))
+            editor.armToolMode({ mode: 'build', tool: 'column' });
+    },
+};
+/** What a framing post stands on, shown while the tool places posts. */
+export const postBaseOption = {
+    id: 'post-base',
+    label: 'Base',
+    choices: ['none', 'post-base', 'pier'].map((base) => ({
+        value: base,
+        label: FRAMING_POST_BASE_LABELS[base],
+        description: base === 'none'
+            ? 'Straight on the floor or the footing under it'
+            : base === 'post-base'
+                ? 'A steel post base holding the wood off the concrete'
+                : 'A concrete pier 8 in tall under the post',
+    })),
+    subscribe,
+    value: () => postChoices()?.base ?? 'none',
+    set: (value) => armFramingPostTool(undefined, value),
+    visible: { subscribe, value: () => postChoices() !== null },
+};

package/dist/column/post-placement.d.ts

@@ -0,0 +1,78 @@
+import { type AnyNode, type AnyNodeId, type BeamNode, type ColumnNode, type ColumnPostBase, type FramingPostSize, type WallNode } from '@pascal-app/core';
+import { type WallDraftSnapKind, type WallPlanPoint } from '@pascal-app/editor';
+type Nodes = Readonly<Record<AnyNodeId, AnyNode>>;
+/** Posts no further apart than this under a beam the panel posts: 8 ft, as a porch's are. */
+export declare const FRAMING_POST_SPACING: number;
+/** The post choices the Post tool draws with, kept on the column tool's defaults. */
+export type FramingPostToolChoices = {
+    size: FramingPostSize;
+    base: ColumnPostBase;
+};
+/**
+ * The Post tool is the column tool armed with a framing post's fields (`toolDefaults.column`,
+ * `role: 'post'`): its size and base, or null while it places ornamental columns.
+ */
+export declare function framingPostToolChoices(defaults: Readonly<Record<string, unknown>> | null | undefined): FramingPostToolChoices | null;
+/** The column tool's defaults that make it the Post tool: a post of this size and base. */
+export declare function framingPostToolDefaults(size?: FramingPostSize, base?: ColumnPostBase): Record<string, unknown>;
+/**
+ * Drops a preset still following the cursor (a column preset's clone on the move tool): while it
+ * moves, no build tool mounts.
+ */
+export declare function dropInflightColumnPlacement(): void;
+/**
+ * Arms the column tool as the Post tool (the Build panel's Post tile): a post of `size` on `base`,
+ * else as the tool has them, else as they were last picked.
+ */
+export declare function armFramingPostTool(size?: FramingPostSize, base?: ColumnPostBase): void;
+/**
+ * What a post set on `levelId` snaps to: each beam's centreline (its ends, its middle and its run,
+ * so a post lands under a beam end or anywhere along it) and the other posts' and columns'
+ * centres.
+ */
+export declare function postSnapTargets(nodes: Nodes, levelId: string, ignoreIds?: readonly string[]): WallNode[];
+/**
+ * A post's plan point, snapped: a beam end, a point along a beam or another post catch it within
+ * the snap's reach, otherwise the grid while it snaps. `free` (Alt) places it as it is.
+ */
+export declare function snapPostPoint(args: {
+    point: WallPlanPoint;
+    nodes: Nodes;
+    levelId: string;
+    ignoreIds?: readonly string[];
+    free?: boolean;
+}): {
+    point: WallPlanPoint;
+    snap: WallDraftSnapKind | null;
+};
+/** What a framing post stands on at a point: the support the floor stacking elects under it. */
+export type PostFoot = (post: ColumnNode) => number;
+/** The runtime foot: the elected support's top under the post, plus its own lift. */
+export declare const electedPostFoot: (nodes: Nodes, levelId: string) => PostFoot;
+/**
+ * A framing post at a plan point, standing from its foot up to the underside of the beam over it,
+ * else to the ceiling plane: what the Post tool places, and its ghost.
+ */
+export declare function framingPostAt(args: {
+    nodes: Nodes;
+    levelId: string;
+    point: WallPlanPoint;
+    choices: FramingPostToolChoices;
+    foot: PostFoot;
+}): {
+    post: ColumnNode;
+    beamId: string | null;
+};
+/**
+ * Posts under a beam: one at each end and evenly between, no further apart than `spacing`, each
+ * from its foot up to this beam's underside. Skips a station a post already stands at.
+ */
+export declare function framingPostsUnderBeam(args: {
+    nodes: Nodes;
+    beam: BeamNode;
+    choices: FramingPostToolChoices;
+    foot: PostFoot;
+    spacing?: number;
+}): ColumnNode[];
+export {};
+//# sourceMappingURL=post-placement.d.ts.map

package/dist/column/post-placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-placement.d.ts","sourceRoot":"","sources":["../../src/column/post-placement.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,QAAQ,EAEb,KAAK,UAAU,EACf,KAAK,cAAc,EAKnB,KAAK,eAAe,EAMpB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAE3B,KAAK,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AAEjD,6FAA6F;AAC7F,eAAO,MAAM,oBAAoB,QAAkB,CAAA;AAEnD,qFAAqF;AACrF,MAAM,MAAM,sBAAsB,GAAG;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,cAAc,CAAA;CAAE,CAAA;AAEpF;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAC7D,sBAAsB,GAAG,IAAI,CAU/B;AAED,2FAA2F;AAC3F,wBAAgB,uBAAuB,CACrC,IAAI,GAAE,eAA2C,EACjD,IAAI,GAAE,cAAuB,GAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEzB;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD;AAQD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAQtF;AAmBD;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,EACf,SAAS,GAAE,SAAS,MAAM,EAAO,GAChC,QAAQ,EAAE,CAWZ;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,KAAK,EAAE,aAAa,CAAA;IACpB,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAAE,CAY3D;AAED,gGAAgG;AAChG,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;AAEnD,qFAAqF;AACrF,eAAO,MAAM,eAAe,UAClB,KAAK,WAAW,MAAM,KAAG,QAOV,CAAA;AAEzB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,IAAI,EAAE,QAAQ,CAAA;CACf,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAsB9C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE;IAC1C,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,EAAE,sBAAsB,CAAA;IAC/B,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,UAAU,EAAE,CAqBf"}