@pascal-app/nodes 1.0.5 → 1.0.7

package/dist/chimney/panel.js

@@ -1,24 +1,34 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getActiveRoofHeight, sceneRegistry, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { getActiveRoofHeight, sceneRegistry, useLiveNodeOverrides, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Trash2 } from 'lucide-react';
 import { useCallback, useMemo, useState } from 'react';
 import { Vector3 } from 'three';
-import { CHIMNEY_PRESET_KEYS, CHIMNEY_PRESET_LABELS, chimneyPresets, detectActiveChimneyPreset, } from './presets.js';
+import { CHIMNEY_PRESET_KEYS, chimneyPresets, detectActiveChimneyPreset, } from './presets.js';
 // Tiny clsx-equivalent. The editor package doesn't re-export the
 // legacy `cn` helper; inlining keeps this panel self-contained.
 const cn = (...classes) => classes.filter(Boolean).join(' ');
 const CHIMNEY_TYPE_OPTIONS = [
-    { label: 'Cap', value: 'cap' },
-    { label: 'Flues', value: 'flues' },
-    { label: 'Shoulder', value: 'shoulder' },
-    { label: 'Bands', value: 'bands' },
-    { label: 'Cricket', value: 'cricket' },
-    { label: 'Panels', value: 'panels' },
+    { label: /* i18n */ { id: 'node.chimney.panel.cap', message: 'Cap' }, value: 'cap' },
+    { label: /* i18n */ { id: 'node.chimney.panel.flues', message: 'Flues' }, value: 'flues' },
+    {
+        label: /* i18n */ { id: 'node.chimney.panel.shoulder', message: 'Shoulder' },
+        value: 'shoulder',
+    },
+    { label: /* i18n */ { id: 'node.chimney.panel.bands', message: 'Bands' }, value: 'bands' },
+    { label: /* i18n */ { id: 'node.chimney.panel.cricket', message: 'Cricket' }, value: 'cricket' },
+    { label: /* i18n */ { id: 'node.chimney.panel.panels', message: 'Panels' }, value: 'panels' },
 ];
+/** Preset names in the UI language; `CHIMNEY_PRESET_LABELS` stay English. */
+const CHIMNEY_STYLE_LABELS = {
+    brick: /* i18n */ { id: 'node.chimney.preset.brick', message: 'Brick' },
+    modern: /* i18n */ { id: 'node.chimney.preset.modern', message: 'Modern' },
+    round: /* i18n */ { id: 'node.chimney.preset.round', message: 'Round' },
+};
 export default function ChimneyPanel() {
+    const i18n = usePascalI18n();
     const [chimneyType, setChimneyType] = useState('cap');
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
@@ -274,16 +284,21 @@ export default function ChimneyPanel() {
         commitProp({ rotation: newWorldRot - ancestorWorldY });
     };
     // Match the current store node against the preset table so the
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Chimney', width: 300, children: [_jsx(PanelSection, { title: "Style", children: _jsx(SegmentedControl, { onChange: (v) => applyPreset(v), options: CHIMNEY_PRESET_KEYS.map((k) => ({
-                        label: CHIMNEY_PRESET_LABELS[k],
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.chimney.panel.chimney', message: 'Chimney' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.chimney.panel.style', message: 'Style' }), children: _jsx(SegmentedControl, { onChange: (v) => applyPreset(v), options: CHIMNEY_PRESET_KEYS.map((k) => ({
+                        label: i18n._(CHIMNEY_STYLE_LABELS[k]),
                         value: k,
                     })), 
                     // Empty string when no preset matches — nothing highlighted,
                     // which reads correctly as "custom".
-                    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: 1000, min: 0.2, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Depth", max: 1000, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth })), _jsx(SliderControl, { label: "Hollow Depth", max: 3, min: 0, onChange: (v) => previewProp({ bodyHollowDepth: v }), onCommit: (v) => commitProp({ bodyHollowDepth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bodyHollowDepth ?? 0.6 }), _jsx(SliderControl, { label: "Wall Thickness", max: 0.3, min: 0, onChange: (v) => previewProp({ bodyHollowMargin: v }), onCommit: (v) => commitProp({ bodyHollowMargin: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bodyHollowMargin ?? 0.08 }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => commitProp({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cornerBevel ?? 0 }))] }), _jsxs(PanelSection, { title: "Height", children: [_jsx(SliderControl, { label: "Above Ridge", max: 1000, min: 0.1, onChange: (v) => previewProp({ heightAboveRidge: v }), onCommit: (v) => commitProp({ heightAboveRidge: v }), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: node.heightAboveRidge }), _jsx(SliderControl, { label: "Cutout Offset", max: 0.5, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cutoutOffset ?? 0 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
+                    value: activePreset ?? '' }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.chimney.panel.footprint', message: 'Footprint' }), children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ bodyShape: v }), options: [
+                            {
+                                label: i18n._({ id: 'node.chimney.panel.square', message: 'Square' }),
+                                value: 'square',
+                            },
+                            { label: i18n._({ id: 'node.chimney.panel.round', message: 'Round' }), value: 'round' },
+                        ], value: node.bodyShape ?? 'square' }), _jsx(SliderControl, { label: (node.bodyShape ?? 'square') === 'round'
+                            ? i18n._({ id: 'node.chimney.panel.diameter', message: 'Diameter' })
+                            : i18n._({ id: 'node.chimney.panel.width', message: 'Width' }), max: 1000, min: 0.2, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.depth', message: 'Depth' }), max: 1000, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth })), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.hollowDepth', message: 'Hollow Depth' }), max: 3, min: 0, onChange: (v) => previewProp({ bodyHollowDepth: v }), onCommit: (v) => commitProp({ bodyHollowDepth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bodyHollowDepth ?? 0.6 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.wallThickness', message: 'Wall Thickness' }), max: 0.3, min: 0, onChange: (v) => previewProp({ bodyHollowMargin: v }), onCommit: (v) => commitProp({ bodyHollowMargin: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bodyHollowMargin ?? 0.08 }), (node.bodyShape ?? 'square') !== 'round' && (_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.cornerBevel', message: 'Corner Bevel' }), max: Math.max(0, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => commitProp({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cornerBevel ?? 0 }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.chimney.panel.height', message: 'Height' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.aboveRidge', message: 'Above Ridge' }), max: 1000, min: 0.1, onChange: (v) => previewProp({ heightAboveRidge: v }), onCommit: (v) => commitProp({ heightAboveRidge: v }), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: node.heightAboveRidge }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.cutoutOffset', message: 'Cutout Offset' }), max: 0.5, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cutoutOffset ?? 0 })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.chimney.panel.position', message: '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.
@@ -296,7 +311,7 @@ export default function ChimneyPanel() {
                                 return;
                             const local = worldToSegLocal(worldX_now, newWorldZ, segment);
                             previewProp({ position: [local.localX, 0, local.localZ] });
-                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (degrees) => {
                             // World rotation → segment-local rotation for the current segment.
                             const newWorldRot = (degrees * Math.PI) / 180;
                             let ancestorWorldY = 0;
@@ -309,7 +324,7 @@ export default function ChimneyPanel() {
                                 }
                             }
                             previewProp({ rotation: newWorldRot - ancestorWorldY });
-                        }, onCommit: (degrees) => commitWorldRotation((degrees * Math.PI) / 180), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round((worldRotation_now * 180) / Math.PI) })] }), _jsxs(PanelSection, { title: "Chimney Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: CHIMNEY_TYPE_OPTIONS.filter((option) => {
+                        }, onCommit: (degrees) => commitWorldRotation((degrees * Math.PI) / 180), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round((worldRotation_now * 180) / Math.PI) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.chimney.panel.chimneyType', message: 'Chimney Type' }), children: [_jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: CHIMNEY_TYPE_OPTIONS.filter((option) => {
                             // Cricket and Panels both rely on a flat face — hide them for
                             // round bodies.
                             if ((node.bodyShape ?? 'square') === 'round') {
@@ -320,31 +335,88 @@ export default function ChimneyPanel() {
                             const isSelected = chimneyType === 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'
-                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setChimneyType(option.value), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
+                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setChimneyType(option.value), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
                         }) }), chimneyType === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cap: v !== 'none', capShape: v }), options: [
-                                    { label: 'None', value: 'none' },
-                                    { label: 'Sloped', value: 'sloped' },
-                                    { label: 'Flat', value: 'flat' },
-                                    { label: 'Stepped', value: 'stepped' },
-                                ], value: node.capShape ?? 'sloped' }), (node.capShape ?? 'sloped') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Overhang", max: 0.2, min: 0, onChange: (v) => previewProp({ capOverhang: v }), onCommit: (v) => commitProp({ capOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capOverhang ?? 0.04 }), _jsx(SliderControl, { label: "Thickness", max: 0.3, min: 0.02, onChange: (v) => previewProp({ capThickness: v }), onCommit: (v) => commitProp({ capThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capThickness ?? 0.08 })] }))] })), chimneyType === 'shoulder' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ shoulderStyle: v }), options: [
-                                    { label: 'None', value: 'none' },
-                                    { label: 'Tapered', value: 'tapered' },
-                                    { label: 'Corbeled', value: 'corbeled' },
-                                ], value: node.shoulderStyle ?? 'none' }), (node.shoulderStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ shoulderHeight: v }), onCommit: (v) => commitProp({ shoulderHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.shoulderHeight ?? 0.5 }), _jsx(SliderControl, { label: "Extent", max: 0.5, min: 0, onChange: (v) => previewProp({ shoulderExtent: v }), onCommit: (v) => commitProp({ shoulderExtent: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.shoulderExtent ?? 0.1 })] }))] })), chimneyType === 'flues' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Count", max: 4, min: 0, onChange: (v) => previewProp({ flueCount: Math.round(v) }), onCommit: (v) => commitProp({ flueCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: node.flueCount ?? 1 }), (node.flueCount ?? 1) > 0 && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ flueShape: v }), options: [
-                                            { label: 'Round', value: 'round' },
-                                            { label: 'Square', value: 'square' },
-                                        ], value: node.flueShape ?? 'round' }), _jsx(SliderControl, { label: "Diameter", max: Math.max(0.4, node.width), min: 0.05, onChange: (v) => previewProp({ flueDiameter: v }), onCommit: (v) => commitProp({ flueDiameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueDiameter ?? 0.22 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ flueHeight: v }), onCommit: (v) => commitProp({ flueHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueHeight ?? 0.3 }), (node.flueCount ?? 1) > 1 && (_jsx(SliderControl, { label: "Spacing", max: 1, min: 0, onChange: (v) => previewProp({ flueSpacing: v }), onCommit: (v) => commitProp({ flueSpacing: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.flueSpacing ?? 1) * 100) / 100 })), _jsx(SliderControl, { label: "Wall Thickness", max: Math.max(0.1, (node.flueDiameter ?? 0.22) / 2 - 0.01), min: 0, onChange: (v) => previewProp({ flueWallThickness: v }), onCommit: (v) => commitProp({ flueWallThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.flueWallThickness ?? 0.02 })] }))] })), chimneyType === 'bands' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ bandStyle: v }), options: [
-                                    { label: 'None', value: 'none' },
-                                    { label: 'Single', value: 'single' },
-                                    { label: 'Double', value: 'double' },
-                                ], value: node.bandStyle ?? 'none' }), (node.bandStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Thickness", max: 0.4, min: 0.02, onChange: (v) => previewProp({ bandHeight: v }), onCommit: (v) => commitProp({ bandHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.bandHeight ?? 0.1 }), _jsx(SliderControl, { label: "Extent", max: 0.2, min: 0, onChange: (v) => previewProp({ bandExtent: v }), onCommit: (v) => commitProp({ bandExtent: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bandExtent ?? 0.04 }), _jsx(SliderControl, { label: "Offset", max: 3, min: 0, onChange: (v) => previewProp({ bandOffset: v }), onCommit: (v) => commitProp({ bandOffset: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bandOffset ?? 0.4 })] }))] })), chimneyType === 'cricket' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketStyle: v }), options: [
-                                    { label: 'None', value: 'none' },
-                                    { label: 'Simple', value: 'simple' },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.none', message: 'None' }),
+                                        value: 'none',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.sloped', message: 'Sloped' }),
+                                        value: 'sloped',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.flat', message: 'Flat' }),
+                                        value: 'flat',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.stepped', message: 'Stepped' }),
+                                        value: 'stepped',
+                                    },
+                                ], value: node.capShape ?? 'sloped' }), (node.capShape ?? 'sloped') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.overhang', message: 'Overhang' }), max: 0.2, min: 0, onChange: (v) => previewProp({ capOverhang: v }), onCommit: (v) => commitProp({ capOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capOverhang ?? 0.04 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.thickness', message: 'Thickness' }), max: 0.3, min: 0.02, onChange: (v) => previewProp({ capThickness: v }), onCommit: (v) => commitProp({ capThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capThickness ?? 0.08 })] }))] })), chimneyType === 'shoulder' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ shoulderStyle: v }), options: [
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.none', message: 'None' }),
+                                        value: 'none',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.tapered', message: 'Tapered' }),
+                                        value: 'tapered',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.corbeled', message: 'Corbeled' }),
+                                        value: 'corbeled',
+                                    },
+                                ], value: node.shoulderStyle ?? 'none' }), (node.shoulderStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.height', message: 'Height' }), max: 3, min: 0.1, onChange: (v) => previewProp({ shoulderHeight: v }), onCommit: (v) => commitProp({ shoulderHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.shoulderHeight ?? 0.5 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.extent', message: 'Extent' }), max: 0.5, min: 0, onChange: (v) => previewProp({ shoulderExtent: v }), onCommit: (v) => commitProp({ shoulderExtent: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.shoulderExtent ?? 0.1 })] }))] })), chimneyType === 'flues' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.count', message: 'Count' }), max: 4, min: 0, onChange: (v) => previewProp({ flueCount: Math.round(v) }), onCommit: (v) => commitProp({ flueCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: node.flueCount ?? 1 }), (node.flueCount ?? 1) > 0 && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ flueShape: v }), options: [
+                                            {
+                                                label: i18n._({ id: 'node.chimney.panel.round', message: 'Round' }),
+                                                value: 'round',
+                                            },
+                                            {
+                                                label: i18n._({ id: 'node.chimney.panel.square', message: 'Square' }),
+                                                value: 'square',
+                                            },
+                                        ], value: node.flueShape ?? 'round' }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.diameter', message: 'Diameter' }), max: Math.max(0.4, node.width), min: 0.05, onChange: (v) => previewProp({ flueDiameter: v }), onCommit: (v) => commitProp({ flueDiameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueDiameter ?? 0.22 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.height', message: 'Height' }), max: 1.5, min: 0.05, onChange: (v) => previewProp({ flueHeight: v }), onCommit: (v) => commitProp({ flueHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.flueHeight ?? 0.3 }), (node.flueCount ?? 1) > 1 && (_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.spacing', message: 'Spacing' }), max: 1, min: 0, onChange: (v) => previewProp({ flueSpacing: v }), onCommit: (v) => commitProp({ flueSpacing: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.flueSpacing ?? 1) * 100) / 100 })), _jsx(SliderControl, { label: i18n._({
+                                            id: 'node.chimney.panel.wallThickness',
+                                            message: 'Wall Thickness',
+                                        }), max: Math.max(0.1, (node.flueDiameter ?? 0.22) / 2 - 0.01), min: 0, onChange: (v) => previewProp({ flueWallThickness: v }), onCommit: (v) => commitProp({ flueWallThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.flueWallThickness ?? 0.02 })] }))] })), chimneyType === 'bands' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ bandStyle: v }), options: [
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.none', message: 'None' }),
+                                        value: 'none',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.single', message: 'Single' }),
+                                        value: 'single',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.double', message: 'Double' }),
+                                        value: 'double',
+                                    },
+                                ], value: node.bandStyle ?? 'none' }), (node.bandStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.thickness', message: 'Thickness' }), max: 0.4, min: 0.02, onChange: (v) => previewProp({ bandHeight: v }), onCommit: (v) => commitProp({ bandHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.bandHeight ?? 0.1 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.extent', message: 'Extent' }), max: 0.2, min: 0, onChange: (v) => previewProp({ bandExtent: v }), onCommit: (v) => commitProp({ bandExtent: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.bandExtent ?? 0.04 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.offset', message: 'Offset' }), max: 3, min: 0, onChange: (v) => previewProp({ bandOffset: v }), onCommit: (v) => commitProp({ bandOffset: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.bandOffset ?? 0.4 })] }))] })), chimneyType === 'cricket' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketStyle: v }), options: [
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.none', message: 'None' }),
+                                        value: 'none',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.simple', message: 'Simple' }),
+                                        value: 'simple',
+                                    },
                                 ], value: node.cricketStyle ?? 'none' }), (node.cricketStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cricketSide: v }), options: [
-                                            { label: 'Front', value: 'front' },
-                                            { label: 'Back', value: 'back' },
-                                        ], value: node.cricketSide ?? 'front' }), _jsx(SliderControl, { label: "Length", max: 2, min: 0.1, onChange: (v) => previewProp({ cricketLength: v }), onCommit: (v) => commitProp({ cricketLength: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketLength ?? 0.6 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ cricketHeight: v }), onCommit: (v) => commitProp({ cricketHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketHeight ?? 0.4 })] }))] })), chimneyType === 'panels' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ panelStyle: v }), options: [
-                                    { label: 'None', value: 'none' },
-                                    { label: 'Rectangular', value: 'rectangular' },
-                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.panelDepth ?? 0.03 }), _jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelHeight ?? 0.8 }), _jsx(SliderControl, { label: "Top Offset", max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelOffsetTop ?? 0.15 }), _jsx(SliderControl, { label: "Side Margin", max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.panelMargin ?? 0.1 })] }))] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete }) }) })] }));
+                                            {
+                                                label: i18n._({ id: 'node.chimney.panel.front', message: 'Front' }),
+                                                value: 'front',
+                                            },
+                                            {
+                                                label: i18n._({ id: 'node.chimney.panel.back', message: 'Back' }),
+                                                value: 'back',
+                                            },
+                                        ], value: node.cricketSide ?? 'front' }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.length', message: 'Length' }), max: 2, min: 0.1, onChange: (v) => previewProp({ cricketLength: v }), onCommit: (v) => commitProp({ cricketLength: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketLength ?? 0.6 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.height', message: 'Height' }), max: 1.5, min: 0.05, onChange: (v) => previewProp({ cricketHeight: v }), onCommit: (v) => commitProp({ cricketHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketHeight ?? 0.4 })] }))] })), chimneyType === 'panels' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ panelStyle: v }), options: [
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.none', message: 'None' }),
+                                        value: 'none',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.chimney.panel.rectangular', message: 'Rectangular' }),
+                                        value: 'rectangular',
+                                    },
+                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.depth', message: 'Depth' }), max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.panelDepth ?? 0.03 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.height', message: 'Height' }), max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelHeight ?? 0.8 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.topOffset', message: 'Top Offset' }), max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelOffsetTop ?? 0.15 }), _jsx(SliderControl, { label: i18n._({ id: 'node.chimney.panel.sideMargin', message: 'Side Margin' }), max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.panelMargin ?? 0.1 })] }))] }))] }), _jsx(PanelSection, { title: i18n._({ id: 'node.chimney.panel.actions', message: 'Actions' }), children: _jsx(ActionGroup, { children: _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: i18n._({ id: 'node.chimney.panel.delete', message: 'Delete' }), onClick: handleDelete }) }) })] }));
 }

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,EAOL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAczB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4UrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAwG9D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/column/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAezB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4UrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CA0G9D,CAAA"}

package/dist/column/definition.js

@@ -9,6 +9,7 @@ import { columnFloorplanMoveTarget } from './floorplan-move.js';
 import { columnHostedPolicy } from './hosted-resize.js';
 import { columnPaint } from './paint.js';
 import { columnParametrics } from './parametrics.js';
+import { columnPlaceOption, postBaseOption } from './post-options.js';
 import { ColumnNode } from './schema.js';
 import { columnSurfaceProvider } from './surface.js';
 // Limits + offsets shared with the in-world arrows. Mirrors the floors
@@ -401,6 +402,8 @@ export const columnDefinition = {
     // bare sphere the legacy editor-side `ColumnTool` showed. `ToolManager`'s
     // registry-first path mounts this and skips the legacy `<ColumnTool>`.
     tool: () => import('./tool.js'),
+    // One family with the Post tool: a column, or a framing post that stands up to the beam over it.
+    toolOptions: [columnPlaceOption, postBaseOption],
     toolHints: [
         { key: 'Left click', label: 'Place column' },
         { key: 'Esc', label: 'Cancel' },

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

@@ -1 +1 @@
-{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/column/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,kBAAkB,CAAA;AAsBzB,MAAM,MAAM,wBAAwB,GAAG;IACrC,eAAe,EAAE,kBAAkB,EAAE,CAAA;CACtC,CAAA;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,wBAAwB,CAI3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CAsN1B;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,EAAE,CAiB9E"}
+{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/column/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,kBAAkB,CAAA;AAsBzB,MAAM,MAAM,wBAAwB,GAAG;IACrC,eAAe,EAAE,kBAAkB,EAAE,CAAA;CACtC,CAAA;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,wBAAwB,CAI3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CA4O1B;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,EAAE,CAiB9E"}

package/dist/column/floorplan.js

@@ -112,6 +112,23 @@ export function buildColumnFloorplan(node, ctx) {
         pointerEvents: 'none',
         metadata: floorplanGeometryMetadata({ annotationRole: 'column-center' }),
     });
+    // A framing post reads as a framing plan draws one: its own square (not its base's) crossed
+    // corner to corner.
+    if (node.role === 'post') {
+        const square = getRotatedRectanglePolygon({ x: centerX, y: centerZ }, node.width, node.depth, -node.rotation);
+        for (const [a, b] of [[square[0], square[2]], [square[1], square[3]]])
+            children.push({
+                kind: 'line',
+                x1: a.x,
+                y1: a.y,
+                x2: b.x,
+                y2: b.y,
+                stroke,
+                strokeWidth: 0.9,
+                vectorEffect: 'non-scaling-stroke',
+                pointerEvents: 'none',
+            });
+    }
     const levelData = ctx.levelData;
     const gridReference = resolveStructuralGridReference([centerX, centerZ], levelData?.structuralGrids ?? []);
     if (gridReference) {

package/dist/column/hosted-resize.d.ts

@@ -92,6 +92,16 @@ export declare const columnHostedPolicy: {
                     color: string;
                     intensity: number;
                     distance?: number | undefined;
+                    spot?: {
+                        direction: [number, number, number];
+                        angle: number;
+                        softness: number;
+                    } | undefined;
+                    shadows?: boolean | undefined;
+                    glow?: {
+                        size: number;
+                        strength: number;
+                    } | undefined;
                 }[];
                 undersides: {
                     part?: string | undefined;
@@ -110,6 +120,17 @@ export declare const columnHostedPolicy: {
                 }[] | undefined;
                 cutout: boolean;
                 collider: boolean;
+                shape?: {
+                    tolerance: number;
+                    bands: {
+                        y0: number;
+                        y1: number;
+                        polygons: {
+                            outer: [number, number][];
+                            holes?: [number, number][][] | undefined;
+                        }[];
+                    }[];
+                } | undefined;
                 triangles: number;
                 coverage?: number | undefined;
                 uncovered?: {
@@ -194,7 +215,8 @@ export declare const columnHostedPolicy: {
         braceBottomSpread: number;
         braceTopSpread: number;
         bracePlateEnabled: boolean;
-        role?: "ornament" | undefined;
+        role?: "ornament" | "post" | undefined;
+        postBase?: "none" | "pier" | "post-base" | undefined;
         material?: {
             id?: string | undefined;
             preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
@@ -210,6 +232,11 @@ export declare const columnHostedPolicy: {
                 url: string;
                 repeat?: [number, number] | undefined;
                 scale?: number | undefined;
+                offset?: [number, number] | undefined;
+                normalMap?: string | undefined;
+                normalScale?: number | undefined;
+                bumpMap?: string | undefined;
+                bumpScale?: number | undefined;
             } | undefined;
         } | undefined;
         materialPreset?: string | undefined;

package/dist/column/hosted-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hosted-resize.d.ts","sourceRoot":"","sources":["../../src/column/hosted-resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAA4B,MAAM,kBAAkB,CAAA;AAGzF,eAAO,MAAM,kBAAkB;iBAChB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBACL,OAAO;CACvB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,2DAMpE"}
+{"version":3,"file":"hosted-resize.d.ts","sourceRoot":"","sources":["../../src/column/hosted-resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAA4B,MAAM,kBAAkB,CAAA;AAGzF,eAAO,MAAM,kBAAkB;iBAChB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBACL,OAAO;CACvB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,2DAMpE"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/column/panel.tsx"],"names":[],"mappings":"AAoSA,MAAM,CAAC,OAAO,UAAU,WAAW,uCA82BlC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/column/panel.tsx"],"names":[],"mappings":"AAqVA,MAAM,CAAC,OAAO,UAAU,WAAW,uCAo8BlC"}