@pascal-app/nodes 1.0.6 → 1.1.0

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/__bench__/geometry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/column/__bench__/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/column/__bench__/geometry.ts"],"names":[],"mappings":""}

package/dist/column/__bench__/geometry.js

@@ -0,0 +1,36 @@
+import { ColumnNode } from '@pascal-app/core';
+import { createColumnShaftGeometry, createColumnSpiralGeometry } from '../geometry.js';
+import { columnShaftLayout } from '../shape.js';
+// Run with bun packages/nodes/src/column/__bench__/geometry.ts. CPU construction only; not viewer FPS.
+for (const scenario of ['round spiral', 'rectangular spiral', 'bulged fluted']) {
+    const crossSection = scenario === 'rectangular spiral' ? 'rectangular' : 'round';
+    const node = ColumnNode.parse({
+        crossSection,
+        shaftProfile: scenario === 'bulged fluted' ? 'bulged' : 'tapered',
+        shaftBulge: 0.12,
+        shaftSegmentCount: 32,
+        shaftDetail: scenario === 'bulged fluted' ? 'fluted' : 'spiral',
+        fluteCount: scenario === 'bulged fluted' ? 16 : 0,
+        spiralRibCount: scenario === 'bulged fluted' ? 0 : 24,
+        spiralTwist: 1,
+    });
+    const { shaftHeight } = columnShaftLayout(node);
+    const start = performance.now();
+    let triangles = 0;
+    for (let i = 0; i < 30; i++) {
+        const geometries = [
+            createColumnShaftGeometry(node, shaftHeight),
+            createColumnSpiralGeometry(node, shaftHeight),
+        ];
+        triangles = geometries.reduce((sum, geometry) => sum +
+            (geometry ? (geometry.index?.count ?? geometry.getAttribute('position').count) / 3 : 0), 0);
+        for (const geometry of geometries)
+            geometry?.dispose();
+    }
+    console.log({
+        scenario,
+        meshes: scenario === 'bulged fluted' ? 1 : 2,
+        triangles,
+        millisecondsPerBuild: (performance.now() - start) / 30,
+    });
+}

package/dist/column/bounds.d.ts

@@ -0,0 +1,7 @@
+import type { ColumnNode } from '@pascal-app/core';
+/** Conservative, origin-centred XZ envelope shared by plan, collision and handles. */
+export declare function columnFootprintHalf(n: ColumnNode): {
+    halfX: number;
+    halfZ: number;
+};
+//# sourceMappingURL=bounds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bounds.d.ts","sourceRoot":"","sources":["../../src/column/bounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AASlD,sFAAsF;AACtF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAkJnF"}

package/dist/column/bounds.js

@@ -0,0 +1,127 @@
+import { columnCapitalBlocks, columnShaftLayout, getShaftScaleAt, getShaftSegmentCount, getShaftTwistRadians, } from './shape.js';
+/** Conservative, origin-centred XZ envelope shared by plan, collision and handles. */
+export function columnFootprintHalf(n) {
+    if (n.source) {
+        const { min, max } = n.source.manifest.bounds;
+        return {
+            halfX: Math.max(Math.abs(min[0]), Math.abs(max[0])),
+            halfZ: Math.max(Math.abs(min[2]), Math.abs(max[2])),
+        };
+    }
+    let halfX = 0, halfZ = 0;
+    const include = (x, z = x) => {
+        halfX = Math.max(halfX, x);
+        halfZ = Math.max(halfZ, z);
+    };
+    const rectangular = n.crossSection === 'square' || n.crossSection === 'rectangular';
+    const block = (scale) => include(rectangular ? (n.width * scale) / 2 : n.radius * scale, rectangular ? (n.depth * scale) / 2 : n.radius * scale);
+    if (n.supportStyle !== 'vertical') {
+        const w = Math.max(0.04, n.braceWidth), d = Math.max(0.04, n.braceDepth);
+        const bottom = Math.max(0.2, n.braceBottomSpread), top = Math.max(0.2, n.braceTopSpread);
+        const plateX = n.bracePlateEnabled ? w * 0.95 : w / 2;
+        const plateZ = n.bracePlateEnabled ? d * 0.875 : d / 2;
+        const fork = n.supportStyle === 'y-frame' || n.supportStyle === 'v-frame';
+        const spatial = ['tripod', 'trestle', 'box-frame'].includes(n.supportStyle);
+        const span = fork
+            ? top
+            : n.supportStyle === 'a-frame' || n.supportStyle === 'portal-frame' || spatial
+                ? bottom
+                : Math.max(bottom, top);
+        include(span / 2 + plateX, (spatial ? top / 2 : 0) + plateZ);
+        if (n.supportStyle === 'a-frame' && n.bracePlateEnabled)
+            include(w * 1.1, plateZ);
+        return { halfX, halfZ };
+    }
+    const layout = columnShaftLayout(n);
+    if (n.style === 'cluster') {
+        include(Math.max(n.radius * 0.78, n.width * 0.22) + Math.max(0.04, n.radius * 0.36));
+    }
+    else {
+        const count = getShaftSegmentCount(n);
+        for (let i = 0; i <= count; i++) {
+            const scale = getShaftScaleAt(n, i / count);
+            const yaw = getShaftTwistRadians(n, (i / count) * Math.max(0, count - 1));
+            const c = Math.abs(Math.cos(yaw)), s = Math.abs(Math.sin(yaw));
+            if (rectangular)
+                include(((n.width * c + n.depth * s) * scale) / 2, ((n.width * s + n.depth * c) * scale) / 2);
+            else
+                include(n.radius * scale);
+        }
+    }
+    if (n.style !== 'cluster' && n.edgeSoftness > 0) {
+        // Bevel rings also sample between the main profile sections.
+        const scale = Math.max(n.shaftStartScale, n.shaftEndScale) + Math.abs(n.shaftBulge);
+        if (rectangular && Math.abs(n.shaftTwistStep) > 0.001)
+            include((Math.hypot(n.width, n.depth) * scale) / 2);
+        else
+            block(scale);
+    }
+    if (layout.baseHeight > 0) {
+        const w = (n.width * n.baseWidthScale) / 2, d = (n.depth * n.baseDepthScale) / 2;
+        if (n.baseStyle === 'lotus' || n.baseStyle === 'ribbed-lotus') {
+            include(n.width * 0.64, n.depth * 0.64);
+            include(Math.max(n.radius * n.baseWidthScale, w) * 0.86 +
+                (n.baseRibCount > 0 ? Math.max(0.01, n.width * 0.025) : 0));
+        }
+        else if (n.baseStyle === 'panelled-pedestal') {
+            const x = n.width * n.baseWidthScale, z = n.depth * n.baseWidthScale;
+            include(x * 0.51 + n.basePanelInset / 2, z * 0.51 + n.basePanelInset / 2);
+            include(n.width * 0.18);
+        }
+        else if (n.baseStyle === 'square-plinth')
+            include(Math.max(w, n.width * 0.45), Math.max(d, n.depth * 0.45));
+        else if (n.baseStyle === 'stepped-square')
+            include(Math.max(w, n.width * 0.25), Math.max(d, n.depth * 0.25));
+        else if (n.baseStyle === 'round-rings')
+            include(w * Math.max(1, n.baseRoundBandScale, n.baseNeckScale), d * Math.max(1, n.baseRoundBandScale, n.baseNeckScale));
+        else
+            include(w, d);
+        if (n.baseCarvingLevel > 0 && ['base', 'all'].includes(n.carvingPlacement))
+            include(Math.max(n.radius * 1.04, Math.max(n.width, n.depth) / 2) +
+                layout.baseHeight * 0.14 +
+                0.014);
+    }
+    for (const cap of columnCapitalBlocks(n, layout.baseHeight + layout.shaftHeight, layout.capitalHeight)) {
+        if (cap.kind === 'round')
+            include(cap.radius);
+        else if (cap.kind === 'column')
+            block(cap.scale);
+        else
+            include(cap.width / 2, cap.depth / 2);
+    }
+    if (layout.capitalHeight > 0) {
+        if (['volute', 'ionic-volute'].includes(n.capitalStyle) && n.voluteCount > 0)
+            include(Math.max(n.width * 0.46, n.depth * 0.7) + n.voluteSize * 1.18);
+        if (['leaf-carved', 'corinthian-leaf'].includes(n.capitalStyle) &&
+            n.leafCount > 0 &&
+            n.leafRows > 0)
+            include(Math.max(n.radius * 1.05, Math.max(n.width, n.depth) * 0.48) +
+                layout.capitalHeight * 0.14 +
+                0.018);
+        if (['south-indian-bracket', 'wood-bracket'].includes(n.capitalStyle) && n.pendantCount > 0)
+            include(Math.max(n.width, n.depth) * 0.56 + 0.035);
+        if (['capital', 'all'].includes(n.carvingPlacement) &&
+            (n.capitalBandCount > 0 || n.carvingLevel > 0 || n.capitalCarvingLevel > 0)) {
+            block(rectangular ? 1.28 : 1.24);
+            if (rectangular)
+                include(n.width * 0.56 + Math.max(0.025, n.width / 7) / 2, n.depth * 0.56 + Math.max(0.025, n.depth / 7) / 2);
+            else
+                include(n.radius * 1.24 + Math.max(0.012, Math.min(0.03, n.radius * 0.12)));
+        }
+    }
+    const shaftRadius = rectangular ? Math.hypot(n.width, n.depth) / 2 : n.radius;
+    const maxScale = Math.max(n.shaftStartScale, n.shaftEndScale) +
+        Math.max(0, n.shaftBulge) +
+        Math.max(0, -n.shaftBulge);
+    if (n.ringCount > 0)
+        include(shaftRadius * (maxScale + 0.12));
+    if (n.latheRingCount > 0 || n.shaftDetail === 'lathe-turned')
+        include(shaftRadius * (maxScale + 0.18));
+    if (n.panelCount > 0 || n.style === 'dravidian-carved' || n.shaftDetail === 'panelled')
+        include(shaftRadius * maxScale + n.panelInsetDepth / 2 + Math.max(0.006, n.width * 0.014));
+    if ((n.spiralRibCount > 0 || n.shaftDetail === 'spiral') && n.spiralTwist !== 0)
+        include(shaftRadius * maxScale + Math.max(0.012, n.radius * 0.06));
+    if (n.lowerBandEnabled && ['shaft', 'all'].includes(n.carvingPlacement))
+        include(shaftRadius * (maxScale + 0.12) + 0.012);
+    return { halfX, halfZ };
+}