@pascal-app/nodes 1.0.6 → 1.0.7

package/dist/stair/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getBoundarySurfaces, getLevelDisplayName, measureStair, planStairPreset, planStairRiseEdit, planStairSizingEdit, proposeStairLayouts, resolveStairArcDimensions, resolveStairTotalRise, runAsSingleSceneHistoryStep, StairSegmentNode as StairSegmentNodeSchema, useRegistryVersion, useScene, } from '@pascal-app/core';
+import { getBoundarySurfaces, getLevelDisplayName, measureStair, planStairPreset, planStairRiseEdit, planStairSizingEdit, proposeStairLayouts, resolveStairArcDimensions, resolveStairTotalRise, runAsSingleSceneHistoryStep, StairSegmentNode as StairSegmentNodeSchema, usePascalI18n, useRegistryVersion, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, duplicateNodeAndPickUp, formatLinearMeasurement, getStairLevelOptions, MetricControl, PanelSection, PanelWrapper, resolveStairDestinationLevel, resolveStairFromLevelId, resolveStairToLevelId, SegmentedControl, SelectControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Plus, Trash2 } from 'lucide-react';
@@ -10,37 +10,102 @@ import { StairConstructionControls } from './construction-controls.js';
 import { getStairDestinationUpdates } from './destination.js';
 import { StairRailingControls } from './railing-controls.js';
 import { getStairTypeChange } from './stair-type.js';
+import { StairStructureControls } from './structure-controls.js';
+/** Core's stair diagnostics in the UI language; codes without fixed text show core's message. */
+const STAIR_DIAGNOSTIC_MESSAGES = {
+    'invalid-rise': /* i18n */ {
+        id: 'node.stair.diagnostic.invalidRise',
+        message: 'The destination must be above the stair base.',
+    },
+    'landing-overlap': /* i18n */ {
+        id: 'node.stair.diagnostic.landingOverlap',
+        message: 'Landing depth exceeds a full circle at the walking line; the visible landing is limited to one circle.',
+    },
+    'narrow-winder-end': /* i18n */ {
+        id: 'node.stair.diagnostic.narrowWinderEnd',
+        message: 'The narrow end of a winder tread is below 0.10 m; check the intended stair use.',
+    },
+    'invalid-flight': /* i18n */ {
+        id: 'node.stair.diagnostic.invalidFlight',
+        message: 'Flight dimensions and integer riser count must be positive.',
+    },
+    'riser-target': /* i18n */ {
+        id: 'node.stair.diagnostic.riserTarget',
+        message: 'Riser height exceeds the design target.',
+    },
+    'going-target': /* i18n */ {
+        id: 'node.stair.diagnostic.goingTarget',
+        message: 'Going is below the design target.',
+    },
+    'comfort-target': /* i18n */ {
+        id: 'node.stair.diagnostic.comfortTarget',
+        message: 'Two risers plus going is outside the 0.60–0.65 m design range.',
+    },
+    'nonuniform-risers': /* i18n */ {
+        id: 'node.stair.diagnostic.nonuniformRisers',
+        message: 'Flight riser heights differ. Use uniform-riser repair only if this is a proposed design.',
+    },
+    'raised-landing': /* i18n */ {
+        id: 'node.stair.diagnostic.raisedLanding',
+        message: 'A landing has a stored rise; inspect its transition before repair.',
+    },
+    'arrival-mismatch': /* i18n */ {
+        id: 'node.stair.diagnostic.arrivalMismatch',
+        message: 'The flight chain does not reach the declared destination.',
+    },
+    'headroom-unresolved': /* i18n */ {
+        id: 'node.stair.diagnostic.headroomUnresolved',
+        message: 'Detailed headroom could not be evaluated: check riser counts and the surface query budget.',
+    },
+    'headroom-target': /* i18n */ {
+        id: 'node.stair.diagnostic.headroomTarget',
+        message: 'Overhead surfaces leave less than the target headroom.',
+    },
+};
 const RAILING_MODE_OPTIONS = [
-    { label: 'None', value: 'none' },
-    { label: 'Left', value: 'left' },
-    { label: 'Right', value: 'right' },
-    { label: 'Both', value: 'both' },
+    { label: /* i18n */ { id: 'node.stair.panel.none', message: 'None' }, value: 'none' },
+    { label: /* i18n */ { id: 'node.stair.panel.left', message: 'Left' }, value: 'left' },
+    { label: /* i18n */ { id: 'node.stair.panel.right', message: 'Right' }, value: 'right' },
+    { label: /* i18n */ { id: 'node.stair.panel.both', message: 'Both' }, value: 'both' },
 ];
 const RAILING_STYLE_OPTIONS = [
-    { label: 'Balusters', value: 'balusters' },
-    { label: 'Post & rail', value: 'post-and-rail' },
-    { label: 'Cable', value: 'cable' },
-    { label: 'Boards', value: 'boards' },
-    { label: 'Glass', value: 'glass' },
-    { label: 'Metal', value: 'metal' },
+    {
+        label: /* i18n */ { id: 'node.stair.panel.balusters', message: 'Balusters' },
+        value: 'balusters',
+    },
+    {
+        label: /* i18n */ { id: 'node.stair.panel.postRail', message: 'Post & rail' },
+        value: 'post-and-rail',
+    },
+    { label: /* i18n */ { id: 'node.stair.panel.cable', message: 'Cable' }, value: 'cable' },
+    { label: /* i18n */ { id: 'node.stair.panel.boards', message: 'Boards' }, value: 'boards' },
+    { label: /* i18n */ { id: 'node.stair.panel.glass', message: 'Glass' }, value: 'glass' },
+    { label: /* i18n */ { id: 'node.stair.panel.metal', message: 'Metal' }, value: 'metal' },
 ];
 const STAIR_TYPE_OPTIONS = [
-    { label: 'Straight', value: 'straight' },
-    { label: 'Curved', value: 'curved' },
-    { label: 'Spiral', value: 'spiral' },
+    { label: /* i18n */ { id: 'node.stair.panel.straight', message: 'Straight' }, value: 'straight' },
+    { label: /* i18n */ { id: 'node.stair.panel.curved', message: 'Curved' }, value: 'curved' },
+    { label: /* i18n */ { id: 'node.stair.panel.spiral', message: 'Spiral' }, value: 'spiral' },
 ];
 const TOP_LANDING_MODE_OPTIONS = [
-    { label: 'None', value: 'none' },
-    { label: 'Integrated', value: 'integrated' },
+    { label: /* i18n */ { id: 'node.stair.panel.none', message: 'None' }, value: 'none' },
+    {
+        label: /* i18n */ { id: 'node.stair.panel.integrated', message: 'Integrated' },
+        value: 'integrated',
+    },
 ];
 const STAIR_SLAB_OPENING_OPTIONS = [
-    { label: 'None', value: 'none' },
-    { label: 'Destination', value: 'destination' },
+    { label: /* i18n */ { id: 'node.stair.panel.none', message: 'None' }, value: 'none' },
+    {
+        label: /* i18n */ { id: 'node.stair.panel.destination', message: 'Destination' },
+        value: 'destination',
+    },
 ];
 // Slabs at least this high off the storey floor read as decks (mezzanines) —
 // lower slabs are floor coverings, never useful stair destinations.
 const DECK_DESTINATION_MIN_ELEVATION = 0.5;
 export default function StairPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const selectedCount = useViewer((s) => s.selection.selectedIds.length);
     const unit = useViewer((s) => s.unit);
@@ -319,48 +384,169 @@ export default function StairPanel() {
     const connectedSurface = node.destinationSurfaceId
         ? nodes[node.destinationSurfaceId]
         : undefined;
-    return (_jsxs(PanelWrapper, { icon: "/icons/stairs.webp", onClose: handleClose, title: node.name || 'Staircase', width: 300, children: [_jsx(PanelSection, { title: "Type", children: _jsx(SegmentedControl, { onChange: handleStairTypeChange, options: STAIR_TYPE_OPTIONS, value: node.stairType ?? 'straight' }) }), _jsxs(PanelSection, { title: "Layout", children: [_jsx(SegmentedControl, { value: presetTurn, onChange: setPresetTurn, options: [
-                            { label: 'Left turn', value: 'left' },
-                            { label: 'Right turn', value: 'right' },
+    return (_jsxs(PanelWrapper, { icon: "/icons/stairs.webp", onClose: handleClose, title: node.name || i18n._({ id: 'node.stair.panel.staircase', message: 'Staircase' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.stair.panel.type', message: 'Type' }), children: _jsx(SegmentedControl, { onChange: handleStairTypeChange, options: STAIR_TYPE_OPTIONS.map((option) => ({ ...option, label: i18n._(option.label) })), value: node.stairType ?? 'straight' }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.layout', message: 'Layout' }), children: [_jsx(SegmentedControl, { value: presetTurn, onChange: setPresetTurn, options: [
+                            {
+                                label: i18n._({ id: 'node.stair.panel.leftTurn', message: 'Left turn' }),
+                                value: 'left',
+                            },
+                            {
+                                label: i18n._({ id: 'node.stair.panel.rightTurn', message: 'Right turn' }),
+                                value: 'right',
+                            },
                         ] }), _jsx(SegmentedControl, { value: turningStrategy, onChange: setTurningStrategy, options: [
-                            { label: 'Landing', value: 'landing' },
-                            { label: 'Winder', value: 'winder' },
-                        ] }), turningStrategy === 'winder' && (_jsxs(_Fragment, { children: [_jsx(MetricControl, { label: "Inner gap", unit: "m", min: 0, step: 0.05, precision: 2, value: innerGap, onChange: setInnerGap }), _jsx(MetricControl, { label: "Walking line offset", unit: "m", min: 0.001, step: 0.05, precision: 2, value: walkingLineOffset, onChange: setWalkingLineOffset }), _jsx(SegmentedControl, { value: division, onChange: setDivision, options: [
-                                    { label: 'Equal going', value: 'equal-going' },
-                                    { label: 'Equal angle', value: 'equal-angle' },
+                            {
+                                label: i18n._({ id: 'node.stair.panel.landing', message: 'Landing' }),
+                                value: 'landing',
+                            },
+                            {
+                                label: i18n._({ id: 'node.stair.panel.winder', message: 'Winder' }),
+                                value: 'winder',
+                            },
+                        ] }), turningStrategy === 'winder' && (_jsxs(_Fragment, { children: [_jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.innerGap', message: 'Inner gap' }), unit: "m", min: 0, step: 0.05, precision: 2, value: innerGap, onChange: setInnerGap }), _jsx(MetricControl, { label: i18n._({
+                                    id: 'node.stair.panel.walkingLineOffset',
+                                    message: 'Walking line offset',
+                                }), unit: "m", min: 0.001, step: 0.05, precision: 2, value: walkingLineOffset, onChange: setWalkingLineOffset }), _jsx(SegmentedControl, { value: division, onChange: setDivision, options: [
+                                    {
+                                        label: i18n._({ id: 'node.stair.panel.equalGoing', message: 'Equal going' }),
+                                        value: 'equal-going',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.stair.panel.equalAngle', message: 'Equal angle' }),
+                                        value: 'equal-angle',
+                                    },
                                 ] })] })), _jsx("div", { className: "grid grid-cols-3 gap-2", children: layoutOptions.map((option) => {
-                            const label = option.layout === 'straight' ? 'Straight' : `${option.layout.toUpperCase()} turn`;
-                            return (_jsxs("button", { type: "button", "aria-label": `Apply ${label} layout`, disabled: !option.footprint, onClick: () => applyPreset(option.layout), className: "flex min-h-24 flex-col items-center justify-center gap-2 rounded-lg border border-border/60 bg-muted/30 px-1 py-3 text-foreground transition-colors hover:border-foreground/40 hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-40", children: [_jsx("svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: _jsx("path", { d: option.layout === 'straight'
+                            const label = option.layout === 'straight'
+                                ? i18n._({ id: 'node.stair.layout.straight', message: 'Straight' })
+                                : i18n._({
+                                    id: 'node.stair.layout.turn',
+                                    message: '{layout} turn',
+                                    values: { layout: option.layout.toUpperCase() },
+                                });
+                            return (_jsxs("button", { type: "button", "aria-label": i18n._({
+                                    id: 'node.stair.panel.applyLabelLayout',
+                                    message: 'Apply {label} layout',
+                                    values: { label },
+                                }), disabled: !option.footprint, onClick: () => applyPreset(option.layout), className: "flex min-h-24 flex-col items-center justify-center gap-2 rounded-lg border border-border/60 bg-muted/30 px-1 py-3 text-foreground transition-colors hover:border-foreground/40 hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-40", children: [_jsx("svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: _jsx("path", { d: option.layout === 'straight'
                                                 ? 'M16 27V5'
                                                 : option.layout === 'l'
                                                     ? 'M7 27V7H27'
                                                     : 'M7 27V7H25V27', stroke: "currentColor", strokeWidth: "6", strokeLinecap: "square", strokeLinejoin: "miter", transform: presetTurn === 'right' ? 'translate(32 0) scale(-1 1)' : undefined }) }), _jsx("span", { className: "text-xs font-medium", children: label }), _jsx("span", { className: "text-center text-[11px] leading-tight text-muted-foreground", children: option.footprint
                                             ? `${formatLinearMeasurement(option.footprint.width, unit, metricNotation)} × ${formatLinearMeasurement(option.footprint.length, unit, metricNotation)}`
-                                            : 'Unavailable' })] }, option.layout));
-                        }) })] }), _jsxs(PanelSection, { title: "Sizing", children: [_jsxs("details", { className: "px-1 text-xs", children: [_jsx("summary", { className: "cursor-pointer py-2 text-muted-foreground", children: "Measurements" }), _jsxs("div", { className: "space-y-2 px-1 text-xs", children: [measurements.flights.map((flight, index) => (_jsxs("div", { children: ["Flight ", index + 1, ": ", flight.count, " risers \u00B7 R", ' ', flight.riserHeight === null
-                                                ? '—'
-                                                : formatLinearMeasurement(flight.riserHeight, unit, metricNotation), ' ', "\u00B7 T", ' ', flight.going === null
-                                                ? '—'
-                                                : formatLinearMeasurement(flight.going, unit, metricNotation), ' ', "\u00B7 ", flight.slope === null ? '—' : `${((flight.slope * 180) / Math.PI).toFixed(1)}°`] }, flight.nodeId))), _jsxs("div", { children: ["Headroom:", ' ', measurements.headroom.status === 'unresolved'
-                                                ? 'Not evaluated'
+                                            : i18n._({ id: 'node.stair.panel.unavailable', message: 'Unavailable' }) })] }, option.layout));
+                        }) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.sizing', message: 'Sizing' }), children: [_jsxs("details", { className: "px-1 text-xs", children: [_jsx("summary", { className: "cursor-pointer py-2 text-muted-foreground", children: i18n._({ id: 'node.stair.panel.measurements', message: 'Measurements' }) }), _jsxs("div", { className: "space-y-2 px-1 text-xs", children: [measurements.flights.map((flight, index) => (_jsx("div", { children: i18n._({
+                                            id: 'node.stair.panel.flightMeasurements',
+                                            message: 'Flight {number}: {count, plural, one {{riserCount} riser} other {{riserCount} risers}} · R {riser} · T {going} · {slope}',
+                                            values: {
+                                                number: index + 1,
+                                                count: flight.count,
+                                                riserCount: String(flight.count),
+                                                riser: flight.riserHeight === null
+                                                    ? '—'
+                                                    : formatLinearMeasurement(flight.riserHeight, unit, metricNotation),
+                                                going: flight.going === null
+                                                    ? '—'
+                                                    : formatLinearMeasurement(flight.going, unit, metricNotation),
+                                                slope: flight.slope === null
+                                                    ? '—'
+                                                    : `${((flight.slope * 180) / Math.PI).toFixed(1)}°`,
+                                            },
+                                        }) }, flight.nodeId))), _jsxs("div", { children: [i18n._({ id: 'node.stair.panel.headroom', message: 'Headroom:' }), ' ', measurements.headroom.status === 'unresolved'
+                                                ? i18n._({ id: 'node.stair.panel.notEvaluated', message: 'Not evaluated' })
                                                 : measurements.headroom.minimum === null
-                                                    ? 'No overhead surface'
-                                                    : formatLinearMeasurement(measurements.headroom.minimum, unit, metricNotation)] }), _jsx("div", { className: "text-muted-foreground", children: "Floors, ceilings and stairs only." })] })] }), [...new Set(measurements.diagnostics.map((diagnostic) => diagnostic.message))].map((message) => (_jsx("div", { role: "status", className: "rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: message }, message))), _jsxs("details", { className: "space-y-3", children: [_jsx("summary", { className: "cursor-pointer px-1 py-2 text-xs text-muted-foreground", children: "Design targets" }), _jsx(MetricControl, { label: "Target max riser", unit: "m", precision: 3, step: 0.005, min: 0.001, value: measurements.targets.maxRiserHeight, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, maxRiserHeight: value } }) }), _jsx(MetricControl, { label: "Target minimum going", unit: "m", precision: 3, step: 0.01, min: 0.001, value: measurements.targets.minimumGoing, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, minimumGoing: value } }) }), _jsx(MetricControl, { label: "Target going", unit: "m", precision: 3, step: 0.01, min: 0.001, value: measurements.targets.targetGoing, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, targetGoing: value } }) }), _jsx(MetricControl, { label: "Target headroom", unit: "m", precision: 2, step: 0.05, min: 0.001, value: measurements.targets.minimumHeadroom, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, minimumHeadroom: value } }) })] }), _jsx(ActionButton, { className: "flex-none", label: "Fit uniform risers", onClick: () => applySizing(false) }), _jsx(ActionButton, { className: "flex-none", label: "Fit risers and going", onClick: () => applySizing(true) })] }), node.stairType === 'straight' &&
-                (boundarySurfaces.length > 0 || node.destinationSurfaceId) && (_jsx(PanelSection, { title: "Surface connection", children: _jsxs("div", { className: "space-y-2", children: [_jsx(ToggleControl, { checked: node.autoSurfaceSnap !== false, label: "Snap to nearby surfaces", onChange: (checked) => handleUpdate({ autoSurfaceSnap: checked }) }), _jsx("p", { className: "px-1 text-[11px] text-muted-foreground", children: node.autoSurfaceSnap !== false
+                                                    ? i18n._({
+                                                        id: 'node.stair.panel.noOverheadSurface',
+                                                        message: 'No overhead surface',
+                                                    })
+                                                    : formatLinearMeasurement(measurements.headroom.minimum, unit, metricNotation)] }), _jsx("div", { className: "text-muted-foreground", children: i18n._({
+                                            id: 'node.stair.panel.floorsCeilingsAndStairsOnly',
+                                            message: 'Floors, ceilings and stairs only.',
+                                        }) })] })] }), [
+                        ...new Set(measurements.diagnostics.map((diagnostic) => {
+                            const message = STAIR_DIAGNOSTIC_MESSAGES[diagnostic.code];
+                            return message ? i18n._(message) : diagnostic.message;
+                        })),
+                    ].map((message) => (_jsx("div", { role: "status", className: "rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: message }, message))), _jsxs("details", { className: "space-y-3", children: [_jsx("summary", { className: "cursor-pointer px-1 py-2 text-xs text-muted-foreground", children: i18n._({ id: 'node.stair.panel.designTargets', message: 'Design targets' }) }), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.targetMaxRiser', message: 'Target max riser' }), unit: "m", precision: 3, step: 0.005, min: 0.001, value: measurements.targets.maxRiserHeight, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, maxRiserHeight: value } }) }), _jsx(MetricControl, { label: i18n._({
+                                    id: 'node.stair.panel.targetMinimumGoing',
+                                    message: 'Target minimum going',
+                                }), unit: "m", precision: 3, step: 0.01, min: 0.001, value: measurements.targets.minimumGoing, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, minimumGoing: value } }) }), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.targetGoing', message: 'Target going' }), unit: "m", precision: 3, step: 0.01, min: 0.001, value: measurements.targets.targetGoing, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, targetGoing: value } }) }), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.targetHeadroom', message: 'Target headroom' }), unit: "m", precision: 2, step: 0.05, min: 0.001, value: measurements.targets.minimumHeadroom, onChange: (value) => handleUpdate({ designTargets: { ...measurements.targets, minimumHeadroom: value } }) })] }), _jsx(ActionButton, { className: "flex-none", label: i18n._({ id: 'node.stair.panel.fitUniformRisers', message: 'Fit uniform risers' }), onClick: () => applySizing(false) }), _jsx(ActionButton, { className: "flex-none", label: i18n._({
+                            id: 'node.stair.panel.fitRisersAndGoing',
+                            message: 'Fit risers and going',
+                        }), onClick: () => applySizing(true) })] }), node.stairType === 'straight' &&
+                (boundarySurfaces.length > 0 || node.destinationSurfaceId) && (_jsx(PanelSection, { title: i18n._({
+                    id: 'node.stair.panel.surfaceConnection',
+                    message: 'Surface connection',
+                }), children: _jsxs("div", { className: "space-y-2", children: [_jsx(ToggleControl, { checked: node.autoSurfaceSnap !== false, label: i18n._({
+                                id: 'node.stair.panel.snapToNearbySurfaces',
+                                message: 'Snap to nearby surfaces',
+                            }), onChange: (checked) => handleUpdate({ autoSurfaceSnap: checked }) }), _jsx("p", { className: "px-1 text-[11px] text-muted-foreground", children: node.autoSurfaceSnap !== false
                                 ? connectedSurface
-                                    ? `Connected to ${connectedSurface.name || 'surface'}. Move the stair to connect to another edge.`
-                                    : 'Drag near a deck, patio, concrete slab, or landing edge to fit the stair.'
-                                : 'Moving this stair keeps its current rise, steps, and run.' })] }) })), _jsx(PanelSection, { title: "Opening", children: _jsxs("div", { className: "space-y-3", children: [attachedDeck ? null : (_jsx(ToggleControl, { checked: (node.slabOpeningMode ?? 'none') === 'destination', label: "Auto Cutout", onChange: handleAutoCutoutChange })), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "From Level" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleFromLevelChange(event.target.value), value: resolvedFromLevelId ?? '', children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "To" }), _jsxs("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleDestinationChange(event.target.value), value: attachedDeck ? attachedDeck.id : (resolvedToLevelId ?? ''), children: [levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))), candidateDecks.map((deck) => (_jsx("option", { value: deck.id, children: deck.name || 'Deck' }, deck.id)))] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "Rise" }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate(value === 'custom' ? { totalRise: resolvedRise } : { totalRise: undefined }), options: [
-                                        { label: attachedDeck ? 'Follows deck' : 'Follows level', value: 'follows' },
-                                        { label: 'Custom rise', value: 'custom' },
-                                    ], value: node.totalRise == null ? 'follows' : 'custom' }), node.totalRise == null ? (_jsxs("div", { className: "px-1 text-[11px] text-muted-foreground", children: ["Currently ", formatLinearMeasurement(resolvedRise, unit, metricNotation)] })) : (_jsx(MetricControl, { label: "Rise", min: minimumRise, onChange: (value) => handleUpdate({ totalRise: value }), precision: 2, step: 0.05, unit: "m", value: resolvedRise }))] }), riseError?.id === node.id ? (_jsx("div", { role: "alert", className: "text-destructive text-xs", children: riseError.message })) : null, attachedDeck ? null : (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (value) => handleAutoCutoutChange(value === 'destination'), options: STAIR_SLAB_OPENING_OPTIONS, value: node.slabOpeningMode ?? 'none' }), (node.slabOpeningMode ?? 'none') === 'destination' ? (_jsx(MetricControl, { label: "Opening Offset", min: 0, onChange: (value) => handleUpdate({ openingOffset: value }), precision: 2, step: 0.01, unit: "m", value: node.openingOffset ?? 0 })) : null] })), node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "Landing" }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate({ topLandingMode: value }), options: TOP_LANDING_MODE_OPTIONS, value: node.topLandingMode ?? 'none' })] }), (node.topLandingMode ?? 'none') === 'integrated' && (_jsx(MetricControl, { label: "Top Landing", max: Math.PI * 2 * resolveStairArcDimensions(node, resolvedRise).walkingRadius, min: 0.001, onChange: (value) => handleUpdate({ topLandingDepth: value }), precision: 2, step: 0.05, unit: "m", value: node.topLandingDepth ?? 0.9 }))] }))] }) }), node.stairType === 'straight' && (_jsxs(PanelSection, { title: "Segments", children: [_jsx("div", { className: "flex flex-col gap-1", children: segments.map((seg, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectSegment(seg.id), type: "button", children: [_jsx("span", { className: "truncate", children: seg.name || `Segment ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs capitalize", children: seg.segmentType })] }, seg.id))) }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add flight", onClick: handleAddFlight }), _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add landing", onClick: handleAddLanding })] })] })), (node.stairType === 'curved' || node.stairType === 'spiral') && (_jsxs(PanelSection, { title: "Geometry", children: [_jsx(MetricControl, { label: "Width", min: 0.001, onChange: (value) => handleUpdate({ width: value }), precision: 2, step: 0.05, unit: "m", value: node.width ?? 1 }), _jsx(MetricControl, { label: "Steps", min: 2, onChange: (value) => handleUpdate({ stepCount: Math.max(2, Math.round(value)) }), precision: 0, step: 1, unit: "", value: Math.max(2, Math.round(node.stepCount ?? 10)) }), node.stairType !== 'spiral' && (_jsx(ToggleControl, { checked: node.fillToFloor ?? true, label: "Fit To Floor", onChange: (checked) => handleUpdate({ fillToFloor: checked }) })), (node.stairType === 'spiral' || !(node.fillToFloor ?? true)) && (_jsx(MetricControl, { label: "Thickness", min: 0.001, onChange: (value) => handleUpdate({ thickness: value }), precision: 2, step: 0.01, unit: "m", value: node.thickness ?? 0.25 })), _jsx(MetricControl, { label: "Inner Radius", min: 0.001, onChange: (value) => handleUpdate({ innerRadius: value }), precision: 2, step: 0.05, unit: "m", value: node.innerRadius ?? 0.9 }), _jsx(SegmentedControl, { value: node.sweepAngle < 0 ? 'negative' : 'positive', onChange: (value) => handleUpdate({
+                                    ? connectedSurface.name
+                                        ? i18n._({
+                                            id: 'node.stair.panel.connectedTo',
+                                            message: 'Connected to {surface}. Move the stair to connect to another edge.',
+                                            values: { surface: connectedSurface.name },
+                                        })
+                                        : i18n._({
+                                            id: 'node.stair.panel.connectedToSurface',
+                                            message: 'Connected to a surface. Move the stair to connect to another edge.',
+                                        })
+                                    : i18n._({
+                                        id: 'node.stair.panel.dragNearADeckPatioConcrete',
+                                        message: 'Drag near a deck, patio, concrete slab, or landing edge to fit the stair.',
+                                    })
+                                : i18n._({
+                                    id: 'node.stair.panel.movingThisStairKeepsItsCurrent',
+                                    message: 'Moving this stair keeps its current rise, steps, and run.',
+                                }) })] }) })), _jsx(PanelSection, { title: i18n._({ id: 'node.stair.panel.opening', message: 'Opening' }), children: _jsxs("div", { className: "space-y-3", children: [attachedDeck ? null : (_jsx(ToggleControl, { checked: (node.slabOpeningMode ?? 'none') === 'destination', label: i18n._({ id: 'node.stair.panel.autoCutout', message: 'Auto Cutout' }), onChange: handleAutoCutoutChange })), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: i18n._({ id: 'node.stair.panel.fromLevel', message: 'From Level' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleFromLevelChange(event.target.value), value: resolvedFromLevelId ?? '', children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: i18n._({ id: 'node.stair.panel.to', message: 'To' }) }), _jsxs("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleDestinationChange(event.target.value), value: attachedDeck ? attachedDeck.id : (resolvedToLevelId ?? ''), children: [levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))), candidateDecks.map((deck) => (_jsx("option", { value: deck.id, children: deck.name || i18n._({ id: 'node.stair.panel.deck', message: 'Deck' }) }, deck.id)))] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: i18n._({ id: 'node.stair.panel.rise', message: 'Rise' }) }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate(value === 'custom' ? { totalRise: resolvedRise } : { totalRise: undefined }), options: [
+                                        {
+                                            label: attachedDeck
+                                                ? i18n._({ id: 'node.stair.panel.followsDeck', message: 'Follows deck' })
+                                                : i18n._({ id: 'node.stair.panel.followsLevel', message: 'Follows level' }),
+                                            value: 'follows',
+                                        },
+                                        {
+                                            label: i18n._({ id: 'node.stair.panel.customRise', message: 'Custom rise' }),
+                                            value: 'custom',
+                                        },
+                                    ], value: node.totalRise == null ? 'follows' : 'custom' }), node.totalRise == null ? (_jsx("div", { className: "px-1 text-[11px] text-muted-foreground", children: i18n._({
+                                        id: 'node.panel.currently',
+                                        message: 'Currently {value}',
+                                        values: { value: formatLinearMeasurement(resolvedRise, unit, metricNotation) },
+                                    }) })) : (_jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.rise', message: 'Rise' }), min: minimumRise, onChange: (value) => handleUpdate({ totalRise: value }), precision: 2, step: 0.05, unit: "m", value: resolvedRise }))] }), riseError?.id === node.id ? (_jsx("div", { role: "alert", className: "text-destructive text-xs", children: riseError.message })) : null, attachedDeck ? null : (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (value) => handleAutoCutoutChange(value === 'destination'), options: STAIR_SLAB_OPENING_OPTIONS.map((option) => ({
+                                        ...option,
+                                        label: i18n._(option.label),
+                                    })), value: node.slabOpeningMode ?? 'none' }), (node.slabOpeningMode ?? 'none') === 'destination' ? (_jsx(MetricControl, { label: i18n._({
+                                        id: 'node.stair.panel.openingOffset',
+                                        message: 'Opening Offset',
+                                    }), min: 0, onChange: (value) => handleUpdate({ openingOffset: value }), precision: 2, step: 0.01, unit: "m", value: node.openingOffset ?? 0 })) : null] })), node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: i18n._({ id: 'node.stair.panel.landing', message: 'Landing' }) }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate({ topLandingMode: value }), options: TOP_LANDING_MODE_OPTIONS.map((option) => ({
+                                                ...option,
+                                                label: i18n._(option.label),
+                                            })), value: node.topLandingMode ?? 'none' })] }), (node.topLandingMode ?? 'none') === 'integrated' && (_jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.topLanding', message: 'Top Landing' }), max: Math.PI * 2 * resolveStairArcDimensions(node, resolvedRise).walkingRadius, min: 0.001, onChange: (value) => handleUpdate({ topLandingDepth: value }), precision: 2, step: 0.05, unit: "m", value: node.topLandingDepth ?? 0.9 }))] }))] }) }), node.stairType === 'straight' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.segments', message: 'Segments' }), children: [_jsx("div", { className: "flex flex-col gap-1", children: segments.map((seg, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectSegment(seg.id), type: "button", children: [_jsx("span", { className: "truncate", children: seg.name ||
+                                        i18n._({
+                                            id: 'node.segmentNumber',
+                                            message: 'Segment {number}',
+                                            values: { number: i + 1 },
+                                        }) }), _jsx("span", { className: "text-muted-foreground text-xs", children: i18n._({
+                                        id: 'node.stair.panel.segmentType',
+                                        message: '{type, select, landing {Landing} other {Stair}}',
+                                        values: { type: seg.segmentType },
+                                    }) })] }, seg.id))) }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stair.panel.addFlight', message: 'Add flight' }), onClick: handleAddFlight }), _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stair.panel.addLanding', message: 'Add landing' }), onClick: handleAddLanding })] })] })), (node.stairType === 'curved' || node.stairType === 'spiral') && (_jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.geometry', message: 'Geometry' }), children: [_jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.width', message: 'Width' }), min: 0.001, onChange: (value) => handleUpdate({ width: value }), precision: 2, step: 0.05, unit: "m", value: node.width ?? 1 }), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.steps', message: 'Steps' }), min: 2, onChange: (value) => handleUpdate({ stepCount: Math.max(2, Math.round(value)) }), precision: 0, step: 1, unit: "", value: Math.max(2, Math.round(node.stepCount ?? 10)) }), node.stairType !== 'spiral' && (_jsx(ToggleControl, { checked: node.fillToFloor ?? true, label: i18n._({ id: 'node.stair.panel.fitToFloor', message: 'Fit To Floor' }), onChange: (checked) => handleUpdate({ fillToFloor: checked }) })), (node.stairType === 'spiral' || !(node.fillToFloor ?? true)) && (_jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.thickness', message: 'Thickness' }), min: 0.001, onChange: (value) => handleUpdate({ thickness: value }), precision: 2, step: 0.01, unit: "m", value: node.thickness ?? 0.25 })), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.panel.innerRadius', message: 'Inner Radius' }), min: 0.001, onChange: (value) => handleUpdate({ innerRadius: value }), precision: 2, step: 0.05, unit: "m", value: node.innerRadius ?? 0.9 }), _jsx(SegmentedControl, { value: node.sweepAngle < 0 ? 'negative' : 'positive', onChange: (value) => handleUpdate({
                             sweepAngle: Math.abs(node.sweepAngle) * (value === 'negative' ? -1 : 1),
                         }), options: [
-                            { label: 'Clockwise', value: 'positive' },
-                            { label: 'Counterclockwise', value: 'negative' },
-                        ] }), _jsx(SliderControl, { label: "Sweep", min: 0.01, onChange: (degrees) => handleUpdate({
+                            {
+                                label: i18n._({ id: 'node.stair.panel.clockwise', message: 'Clockwise' }),
+                                value: 'positive',
+                            },
+                            {
+                                label: i18n._({
+                                    id: 'node.stair.panel.counterclockwise',
+                                    message: 'Counterclockwise',
+                                }),
+                                value: 'negative',
+                            },
+                        ] }), _jsx(SliderControl, { label: i18n._({ id: 'node.stair.panel.sweep', message: 'Sweep' }), min: 0.01, onChange: (degrees) => handleUpdate({
                             sweepAngle: (Math.sign(node.sweepAngle || 1) * (degrees * Math.PI)) / 180,
-                        }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((Math.abs(node.sweepAngle ?? Math.PI / 2) * 180) / Math.PI) }), node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { checked: node.showCenterColumn ?? true, label: "Center Column", onChange: (checked) => handleUpdate({ showCenterColumn: checked }) }), _jsx(ToggleControl, { checked: node.showStepSupports ?? true, label: "Step Supports", onChange: (checked) => handleUpdate({ showStepSupports: checked }) })] }))] })), _jsx(PanelSection, { title: "Construction", children: _jsx(StairConstructionControls, { node: node, onChange: (construction) => handleUpdate({ construction }) }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
+                        }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((Math.abs(node.sweepAngle ?? Math.PI / 2) * 180) / Math.PI) }), node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { checked: node.showCenterColumn ?? true, label: i18n._({ id: 'node.stair.panel.centerColumn', message: 'Center Column' }), onChange: (checked) => handleUpdate({ showCenterColumn: checked }) }), _jsx(ToggleControl, { checked: node.showStepSupports ?? true, label: i18n._({ id: 'node.stair.panel.stepSupports', message: 'Step Supports' }), onChange: (checked) => handleUpdate({ showStepSupports: checked }) })] }))] })), _jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.construction', message: 'Construction' }), children: [node.stairType === 'straight' ? (_jsx(StairStructureControls, { node: node, segments: segments, onUpdate: handleUpdate })) : null, _jsx(StairConstructionControls, { node: node, structured: node.stairType === 'straight' && Boolean(node.structure), onChange: (construction) => handleUpdate({ construction }) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
@@ -372,7 +558,7 @@ export default function StairPanel() {
                             const pos = [...node.position];
                             pos[2] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), _jsx(SliderControl, { label: i18n._({ id: 'node.stair.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (degrees) => {
                             handleUpdate({ rotation: (degrees * Math.PI) / 180 });
                         }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');
@@ -380,8 +566,14 @@ export default function StairPanel() {
                                 } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');
                                     handleUpdate({ rotation: node.rotation + Math.PI / 4 });
-                                } })] })] }), _jsxs(PanelSection, { title: "Railing", children: [_jsx(StairRailingControls, { node: node, onChange: handleUpdate }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate({ railingMode: value }), options: RAILING_MODE_OPTIONS, value: node.railingMode ?? 'none' }), (node.railingMode ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: "Style", onChange: (value) => handleUpdate({
+                                } })] })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.stair.panel.railing', message: 'Railing' }), children: [_jsx(StairRailingControls, { node: node, onChange: handleUpdate }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate({ railingMode: value }), options: RAILING_MODE_OPTIONS.map((option) => ({
+                            ...option,
+                            label: i18n._(option.label),
+                        })), value: node.railingMode ?? 'none' }), (node.railingMode ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: i18n._({ id: 'node.stair.panel.style', message: 'Style' }), onChange: (value) => handleUpdate({
                                     railingStyle: value,
                                     ...(value === 'glass' || value === 'metal' ? { railingPath: 'continuous' } : {}),
-                                }), options: RAILING_STYLE_OPTIONS, value: node.railingStyle ?? 'balusters' }), _jsx(SliderControl, { label: "Height", min: 0.001, onChange: (value) => handleUpdate({ railingHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.railingHeight ?? 0.92 })] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _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 })] }) })] }));
+                                }), options: RAILING_STYLE_OPTIONS.map((option) => ({
+                                    ...option,
+                                    label: i18n._(option.label),
+                                })), value: node.railingStyle ?? 'balusters' }), _jsx(SliderControl, { label: i18n._({ id: 'node.stair.panel.height', message: 'Height' }), min: 0.001, onChange: (value) => handleUpdate({ railingHeight: value }), precision: 2, step: 0.02, unit: "m", value: node.railingHeight ?? 0.92 })] }))] }), _jsx(PanelSection, { title: i18n._({ id: 'node.stair.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stair.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stair.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _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.stair.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/stair/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAqB,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAI/F,eAAO,MAAM,gBAAgB,EAAE,oBAAoB,CAAC,SAAS,CAsL5D,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/stair/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAqB,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAK/F,eAAO,MAAM,gBAAgB,EAAE,oBAAoB,CAAC,SAAS,CA4L5D,CAAA"}

package/dist/stair/parametrics.js

@@ -1,11 +1,18 @@
 import { planStairRiseEdit } from '@pascal-app/core';
 import { StairConstructionField } from './construction-controls.js';
 import { StairRailingField } from './railing-controls.js';
+import { StairStructureField } from './structure-controls.js';
 export const stairParametrics = {
     groups: [
         {
             label: 'Construction',
             fields: [
+                {
+                    key: 'structure',
+                    kind: 'custom',
+                    component: StairStructureField,
+                    visibleIf: (node) => node.stairType === 'straight',
+                },
                 {
                     key: 'construction',
                     kind: 'custom',

package/dist/stair/placement-defaults.d.ts

@@ -0,0 +1,18 @@
+import { type StairNode, StairStructure } from '@pascal-app/core';
+/** A railing mode picked for the stair tool, or null when none (or an unknown one) is. */
+export declare function pickedStairRailingMode(value: unknown): StairNode['railingMode'] | null;
+/**
+ * The railing a flight fitted to a deck, porch or patio edge takes: both sides once it has four
+ * risers (the IRC R311.7.8 handrail) or its open side drops more than 30 in (the R312.1.1 guard),
+ * none on a shorter step. A railing mode picked for the tool still wins.
+ */
+export declare function surfaceFlightRailingMode(flight: {
+    stepCount: number;
+    totalRise: number;
+}, picked?: StairNode['railingMode'] | null): StairNode['railingMode'];
+/**
+ * The structure a new stair is built with: the tool's when one is set, else standard wood
+ * stringers — 2x12 cut stringers at 16 in o.c. at most (IRC R311.7, DCA 6).
+ */
+export declare function newStairStructure(picked?: unknown): StairStructure;
+//# sourceMappingURL=placement-defaults.d.ts.map

package/dist/stair/placement-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-defaults.d.ts","sourceRoot":"","sources":["../../src/stair/placement-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE7E,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,CAItF;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EAChD,MAAM,GAAE,SAAS,CAAC,aAAa,CAAC,GAAG,IAAW,GAC7C,SAAS,CAAC,aAAa,CAAC,CAK1B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,cAAc,CAGlE"}

package/dist/stair/placement-defaults.js

@@ -0,0 +1,27 @@
+import { STAIR_CODE, StairStructure } from '@pascal-app/core';
+/** A railing mode picked for the stair tool, or null when none (or an unknown one) is. */
+export function pickedStairRailingMode(value) {
+    return value === 'none' || value === 'left' || value === 'right' || value === 'both'
+        ? value
+        : null;
+}
+/**
+ * The railing a flight fitted to a deck, porch or patio edge takes: both sides once it has four
+ * risers (the IRC R311.7.8 handrail) or its open side drops more than 30 in (the R312.1.1 guard),
+ * none on a shorter step. A railing mode picked for the tool still wins.
+ */
+export function surfaceFlightRailingMode(flight, picked = null) {
+    if (picked)
+        return picked;
+    return flight.stepCount >= STAIR_CODE.handrailRisers || flight.totalRise > STAIR_CODE.guardDrop
+        ? 'both'
+        : 'none';
+}
+/**
+ * The structure a new stair is built with: the tool's when one is set, else standard wood
+ * stringers — 2x12 cut stringers at 16 in o.c. at most (IRC R311.7, DCA 6).
+ */
+export function newStairStructure(picked) {
+    const parsed = picked === undefined ? null : StairStructure.safeParse(picked);
+    return parsed?.success ? parsed.data : StairStructure.parse({});
+}

package/dist/stair/railing-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"railing-controls.d.ts","sourceRoot":"","sources":["../../src/stair/railing-controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAY,MAAM,kBAAkB,CAAA;AAS3E,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CAC9C,+BAkHA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,+BAO9D"}
+{"version":3,"file":"railing-controls.d.ts","sourceRoot":"","sources":["../../src/stair/railing-controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAA2B,MAAM,kBAAkB,CAAA;AAY1F,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CAC9C,+BA6KA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,+BAO9D"}