@pascal-app/nodes 1.0.7 → 1.1.0

package/dist/elevator/panel.js

@@ -1,11 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getLevelDisplayName, requestElevatorLevel, useInteractive, useLiveNodeOverrides, useLiveTransforms, usePascalI18n, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, duplicateNodeAndPickUp, MetricControl, PanelSection, PanelWrapper, resolveElevatorNodeSupportY, resolveElevatorSupportY, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { getLevelDisplayName, normalizeElevatorDimensions, requestElevatorLevel, resolveElevatorDimensions, useInteractive, useLiveNodeOverrides, useLiveTransforms, usePascalI18n, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, PanelSection as BasePanelSection, duplicateNodeAndPickUp, PanelWrapper, resolveElevatorSupportY, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Send, Trash2 } from 'lucide-react';
 import { useCallback, useEffect } from 'react';
 import { useShallow } from 'zustand/react/shallow';
+import { ElevatorInspectorHover, useElevatorInspection } from './inspection.js';
+import { ELEVATOR_PRESETS, ELEVATOR_SECTION_FIELDS, elevatorPresetPatch, elevatorSectionReset, } from './presets.js';
 function findLevelId(levels, levelId) {
     if (!levelId)
         return null;
@@ -81,27 +83,38 @@ const DOOR_PANEL_STYLE_OPTIONS = [
     },
 ];
 const SHAFT_STYLE_OPTIONS = [
-    { label: /* i18n */ { id: 'node.elevator.panel.solid', message: 'Solid' }, value: 'solid' },
-    { label: /* i18n */ { id: 'node.elevator.panel.glass', message: 'Glass' }, value: 'glass' },
+    {
+        label: /* i18n */ { id: 'node.elevator.panel.solid', message: 'Solid' },
+        value: 'solid',
+    },
+    {
+        label: /* i18n */ { id: 'node.elevator.panel.glass', message: 'Glass' },
+        value: 'glass',
+    },
 ];
 function roundMeters(value) {
     return Math.round(value * 100) / 100;
 }
-function getResolvedShaftWidth(node) {
-    return Math.max(node.shaftWidth ?? node.width, node.width, 0.8);
-}
-function getResolvedShaftDepth(node) {
-    return Math.max(node.shaftDepth ?? node.depth, node.depth, 0.8);
-}
-function getResolvedShaftWallThickness(node) {
-    return Math.max(node.shaftWallThickness ?? 0.09, 0.04);
-}
 function radiansToDegrees(radians) {
     return Math.round((radians * 180) / Math.PI);
 }
 function degreesToRadians(degrees) {
     return (degrees * Math.PI) / 180;
 }
+function PanelSection({ section, title, children, onReset, }) {
+    const i18n = usePascalI18n();
+    return (_jsx("div", { "data-elevator-part": section === 'Cab'
+            ? 'cab'
+            : section === 'Doors'
+                ? 'doors'
+                : section === 'Shaft'
+                    ? 'shaft'
+                    : undefined, children: _jsxs(BasePanelSection, { title: title, defaultExpanded: !['Position', 'Rotation', 'Actions', 'Motion'].includes(section), children: [ELEVATOR_SECTION_FIELDS[section] && (_jsx("button", { type: "button", className: "self-end text-xs text-muted-foreground hover:text-foreground", onClick: () => onReset(section), children: i18n._({
+                        id: 'node.elevator.panel.resetSection',
+                        message: 'Reset {section}',
+                        values: { section: title.toLowerCase() },
+                    }) })), children] }) }));
+}
 export default function ElevatorPanel() {
     const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
@@ -120,6 +133,7 @@ export default function ElevatorPanel() {
             targetLevelId: state.targetLevelId,
         };
     }));
+    const cutaway = useElevatorInspection((state) => state.nodeId === selectedId && state.cutaway);
     const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
     const liveOverrides = useLiveNodeOverrides((s) => selectedId ? s.get(selectedId) : undefined);
     const liveTransform = useLiveTransforms((s) => selectedId ? s.get(selectedId) : undefined);
@@ -153,39 +167,23 @@ export default function ElevatorPanel() {
         useLiveNodeOverrides.getState().clear(selectedId);
         useLiveTransforms.getState().clear(selectedId);
     }, [selectedId]);
-    useEffect(() => {
-        if (!(selectedId && node?.type === 'elevator'))
-            return;
-        const supportY = resolveElevatorNodeSupportY(node);
-        if (node.position[1] >= supportY - 1e-4)
-            return;
-        updateNode(selectedId, {
-            position: [node.position[0], supportY, node.position[2]],
-        });
-    }, [
-        node?.defaultLevelId,
-        node?.fromLevelId,
-        node?.id,
-        node?.parentId,
-        node?.position[0],
-        node?.position[1],
-        node?.position[2],
-        node?.type,
-        selectedId,
-        updateNode,
-        node,
-    ]);
     const previewMetric = useCallback((key, value) => {
-        if (!selectedId)
+        if (!(selectedId && node))
             return;
-        useLiveNodeOverrides.getState().set(selectedId, { [key]: value });
-    }, [selectedId]);
+        useLiveNodeOverrides.getState().set(selectedId, {
+            [key]: value,
+            ...normalizeElevatorDimensions({ ...node, [key]: value }),
+        });
+    }, [selectedId, node]);
     const commitMetric = useCallback((key, value) => {
-        if (!selectedId)
+        if (!(selectedId && node))
             return;
         const hasChange = !(node && Math.abs(Number(node[key]) - Number(value)) <= 1e-6);
         if (hasChange) {
-            updateNode(selectedId, { [key]: value });
+            updateNode(selectedId, {
+                [key]: value,
+                ...normalizeElevatorDimensions({ ...node, [key]: value }),
+            });
         }
         useLiveNodeOverrides.getState().clear(selectedId);
     }, [node, selectedId, updateNode]);
@@ -305,15 +303,26 @@ export default function ElevatorPanel() {
             servedLevelIds: undefined,
         });
     }, [node, levels, handleUpdate]);
+    useEffect(() => {
+        const cancel = () => clearLivePreview();
+        const key = (event) => {
+            if (event.key === 'Escape')
+                cancel();
+        };
+        window.addEventListener('blur', cancel);
+        window.addEventListener('keydown', key);
+        return () => {
+            window.removeEventListener('blur', cancel);
+            window.removeEventListener('keydown', key);
+        };
+    }, [clearLivePreview]);
     if (!(node && node.type === 'elevator' && selectedId && selectedCount === 1))
         return null;
     const displayNode = liveOverrides ? { ...node, ...liveOverrides } : node;
     const displayPosition = liveTransform?.position ?? displayNode.position;
     const displayRotation = liveTransform?.rotation ?? displayNode.rotation;
     const displayRotationDegrees = radiansToDegrees(displayRotation);
-    const displayShaftWidth = getResolvedShaftWidth(displayNode);
-    const displayShaftDepth = getResolvedShaftDepth(displayNode);
-    const displayShaftWallThickness = getResolvedShaftWallThickness(displayNode);
+    const dimensions = resolveElevatorDimensions(displayNode);
     const fromLevelId = getResolvedFromLevelId(node, levels);
     const toLevelId = getResolvedToLevelId(node, levels, fromLevelId);
     const servedLevels = getServiceLevels(levels, fromLevelId, toLevelId);
@@ -338,61 +347,104 @@ export default function ElevatorPanel() {
     for (const [index, levelId] of (runtime?.requestedStops ?? []).entries()) {
         destinationOrderByLevelId.set(levelId, index + 1);
     }
-    return (_jsxs(PanelWrapper, { icon: "/icons/elevator.webp", onClose: handleClose, title: node.name || i18n._({ id: 'node.elevator.panel.elevator', message: 'Elevator' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.elevator.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "text-destructive hover:text-destructive", icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", onChange: (value) => {
-                            const position = getSupportedPosition(value, displayPosition[2]);
-                            previewTransform(position, displayRotation);
-                        }, onCommit: (value) => {
-                            const position = getSupportedPosition(value, displayPosition[2]);
-                            commitTransform(position, displayRotation);
-                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[0]) }), _jsx(SliderControl, { label: "Y", onChange: (value) => {
-                            const position = [
-                                displayPosition[0],
-                                value,
-                                displayPosition[2],
-                            ];
-                            previewTransform(position, displayRotation);
-                        }, onCommit: (value) => {
-                            const position = [
-                                displayPosition[0],
-                                value,
-                                displayPosition[2],
-                            ];
-                            commitTransform(position, displayRotation);
-                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[1]) }), _jsx(SliderControl, { label: "Z", onChange: (value) => {
-                            const position = getSupportedPosition(displayPosition[0], value);
-                            previewTransform(position, displayRotation);
-                        }, onCommit: (value) => {
-                            const position = getSupportedPosition(displayPosition[0], value);
-                            commitTransform(position, displayRotation);
-                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[2]) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.rotation', message: 'Rotation' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.yaw', message: 'Yaw' }), max: 180, min: -180, onChange: (degrees) => previewTransform(displayPosition, degreesToRadians(degrees)), onCommit: (degrees) => commitTransform(displayPosition, degreesToRadians(degrees)), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: displayRotationDegrees }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
-                                    triggerSFX('sfx:item-rotate');
-                                    commitTransform(displayPosition, displayRotation - Math.PI / 4);
-                                } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
-                                    triggerSFX('sfx:item-rotate');
-                                    commitTransform(displayPosition, displayRotation + Math.PI / 4);
-                                } })] })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }), children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.from', message: 'From' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('fromLevelId', event.target.value), value: fromLevelId, 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] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.to', message: 'To' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('toLevelId', event.target.value), value: toLevelId, 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] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.defaultFloor', message: 'Default Floor' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ defaultLevelId: event.target.value || null }), value: selectedDefaultLevelId, children: defaultLevelOptions.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.cab', message: 'Cab' }), children: [_jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.width', message: 'Width' }), max: 4, min: 0.8, onChange: (value) => previewMetric('width', value), onCommit: (value) => commitMetric('width', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.width }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.depth', message: 'Depth' }), max: 4, min: 0.8, onChange: (value) => previewMetric('depth', value), onCommit: (value) => commitMetric('depth', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.depth }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.cabHeight', message: 'Cab Height' }), max: 4, min: 1.8, onChange: (value) => previewMetric('cabHeight', value), onCommit: (value) => commitMetric('cabHeight', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.cabHeight })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.shaft', message: 'Shaft' }), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.shaftStyle', message: 'Shaft Style' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ shaftStyle: event.target.value }), value: displayNode.shaftStyle ?? 'solid', children: SHAFT_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.shaftWidth', message: 'Shaft Width' }), max: 5, min: displayNode.width, onChange: (value) => previewMetric('shaftWidth', Math.max(value, displayNode.width)), onCommit: (value) => commitMetric('shaftWidth', Math.max(value, displayNode.width)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftWidth }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.shaftDepth', message: 'Shaft Depth' }), max: 5, min: displayNode.depth, onChange: (value) => previewMetric('shaftDepth', Math.max(value, displayNode.depth)), onCommit: (value) => commitMetric('shaftDepth', Math.max(value, displayNode.depth)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftDepth }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.wallThickness', message: 'Wall Thickness' }), max: 0.4, min: 0.04, onChange: (value) => previewMetric('shaftWallThickness', value), onCommit: (value) => commitMetric('shaftWallThickness', value), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: displayShaftWallThickness })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.doors', message: 'Doors' }), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.openingStyle', message: 'Opening Style' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ doorStyle: event.target.value }), value: displayNode.doorStyle ?? 'center-opening', children: DOOR_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.doorType', message: 'Door Type' }) }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({
-                                    doorPanelStyle: event.target.value,
-                                }), value: displayNode.doorPanelStyle ?? 'glass-frame', children: DOOR_PANEL_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.doorWidth', message: 'Door Width' }), max: Math.max(displayNode.width - 0.1, 0.5), min: 0.45, onChange: (value) => previewMetric('doorWidth', value), onCommit: (value) => commitMetric('doorWidth', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.doorWidth }), _jsx(MetricControl, { label: i18n._({ id: 'node.elevator.panel.doorHeight', message: 'Door Height' }), max: Math.max(displayNode.cabHeight - 0.1, 1.3), min: 1.2, onChange: (value) => previewMetric('doorHeight', value), onCommit: (value) => commitMetric('doorHeight', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.doorHeight })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.elevator.panel.access', message: 'Access' }), children: _jsx("div", { className: "space-y-2", children: servedLevels.map((level) => {
-                        const isDisabled = disabledLevelIds.has(level.id);
-                        const isServiceOnly = serviceOnlyLevelIds.has(level.id);
-                        return (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-lg border border-border/45 bg-black/4 dark:bg-[#2C2C2E] px-2.5 py-2", children: [_jsx("span", { className: "min-w-0 truncate text-sm", children: getLevelDisplayName(level) }), _jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isServiceOnly
-                                                ? 'border-sky-600/40 bg-sky-400/15 text-sky-800 dark:border-sky-300/45 dark:text-sky-100'
-                                                : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'} ${isDisabled ? 'cursor-not-allowed opacity-45' : ''}`, disabled: isDisabled, onClick: () => toggleLevelAccess('serviceOnlyLevelIds', level.id), type: "button", children: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }) }), _jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isDisabled
-                                                ? 'border-red-600/40 bg-red-400/15 text-red-700 dark:border-red-300/45 dark:text-red-100'
-                                                : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'}`, onClick: () => toggleLevelAccess('disabledLevelIds', level.id), type: "button", children: i18n._({ id: 'node.elevator.panel.disabled', message: 'Disabled' }) })] })] }, level.id));
-                    }) }) }), _jsx(PanelSection, { title: i18n._({ id: 'node.elevator.panel.destination', message: 'Destination' }), children: _jsx("div", { className: "grid grid-cols-2 gap-1.5", children: servedLevels.map((level) => {
-                        const isActive = activeLevelId === level.id;
-                        const stopOrder = destinationOrderByLevelId.get(level.id);
-                        const isDisabled = disabledLevelIds.has(level.id);
-                        const isServiceOnly = serviceOnlyLevelIds.has(level.id);
-                        return (_jsxs("button", { className: `flex min-h-11 items-center justify-between gap-2 rounded-lg border px-2.5 text-left transition-colors ${isDisabled
-                                ? 'cursor-not-allowed border-border/35 bg-black/3 dark:bg-[#202024] text-muted-foreground/55'
-                                : isActive
-                                    ? 'border-emerald-600/45 bg-emerald-400/15 text-emerald-800 dark:border-emerald-400/45 dark:text-emerald-100'
-                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e]'}`, disabled: isDisabled, onClick: () => requestLevel(level.id), type: "button", children: [_jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-xs", children: getLevelDisplayName(level) }), isDisabled ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({ id: 'node.elevator.panel.disabled', message: 'Disabled' }) })) : isServiceOnly ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }) })) : (stopOrder && (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({
-                                                id: 'node.elevator.panel.stopStoporder',
-                                                message: 'Stop {stopOrder}',
-                                                values: { stopOrder },
-                                            }) })))] }), _jsx("span", { className: `flex h-6 min-w-6 items-center justify-center rounded-full border border-black/15 dark:border-white/15 bg-black/5 dark:bg-black/20 ${stopOrder ? 'px-1.5 font-mono text-[11px] font-semibold' : ''}`, children: isDisabled ? '×' : (stopOrder ?? _jsx(Send, { className: "h-3 w-3" })) })] }, level.id));
-                    }) }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.elevator.panel.motion', message: 'Motion' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.speed', message: 'Speed' }), max: 8, min: 0.5, onChange: (value) => handleUpdate({ speed: value }), precision: 1, step: 0.1, unit: "m/s", value: node.speed }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.doorTime', message: 'Door Time' }), max: 2200, min: 300, onChange: (value) => handleUpdate({ doorDurationMs: value }), step: 50, unit: "ms", value: node.doorDurationMs }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.dwell', message: 'Dwell' }), max: 5000, min: 300, onChange: (value) => handleUpdate({ dwellMs: value }), step: 100, unit: "ms", value: node.dwellMs })] })] }));
+    const resetSection = (section) => {
+        clearLivePreview();
+        handleUpdate(elevatorSectionReset(node, section));
+    };
+    return (_jsx(ElevatorInspectorHover, { nodeId: node.id, children: _jsxs(PanelWrapper, { icon: "/icons/elevator.webp", onClose: handleClose, title: node.name || i18n._({ id: 'node.elevator.panel.elevator', message: 'Elevator' }), width: 300, children: [_jsxs(BasePanelSection, { title: i18n._({
+                        id: 'node.elevator.panel.presetsAndInspection',
+                        message: 'Presets and inspection',
+                    }), children: [_jsx("div", { className: "grid grid-cols-3 gap-1.5", children: Object.entries(ELEVATOR_PRESETS).map(([id, preset]) => (_jsxs("button", { type: "button", className: "rounded-lg border border-border/50 p-2 text-xs hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.97]", onClick: () => {
+                                    clearLivePreview();
+                                    handleUpdate(elevatorPresetPatch(node, id));
+                                }, children: [_jsx("img", { src: `/icons/elevator-presets/${id}.webp`, alt: "", width: 256, height: 256, className: "h-20 w-full object-contain" }), i18n._(preset.label)] }, id))) }), _jsx("button", { type: "button", "aria-pressed": cutaway, className: "rounded-lg border border-border/50 px-3 py-2 text-sm hover:bg-accent", onClick: () => useElevatorInspection.setState({ cutaway: !cutaway }), children: i18n._({ id: 'node.elevator.panel.cutawayShaft', message: 'Cutaway shaft' }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: i18n._({
+                                id: 'node.elevator.panel.hoverOrFocusASectionTo',
+                                message: 'Hover or focus a section to highlight its parts. Cutaway affects this inspection only.',
+                            }) }), _jsx("p", { className: "text-xs", children: i18n._({
+                                id: 'node.elevator.panel.cabInteriorAndDoorOpening',
+                                message: 'Clear cab interior: {width} × {depth} × {height} m. Door opening: {doorWidth} × {doorHeight} m.',
+                                values: {
+                                    width: (dimensions.width - 0.16).toFixed(2),
+                                    depth: (dimensions.depth - 0.08).toFixed(2),
+                                    height: (dimensions.cabHeight - 0.16).toFixed(2),
+                                    doorWidth: dimensions.doorWidth.toFixed(2),
+                                    doorHeight: dimensions.doorHeight.toFixed(2),
+                                },
+                            }) }), servedLevels.some((level) => (level.height ?? 2.5) < dimensions.cabHeight + 0.3) && (_jsx("p", { role: "status", className: "text-xs text-amber-700 dark:text-amber-300", children: i18n._({
+                                id: 'node.elevator.panel.theCabNeedsMoreHeadroomThan',
+                                message: 'The cab needs more headroom than one or more served floors provide. Check the floor heights.',
+                            }) }))] }), _jsxs(PanelSection, { onReset: resetSection, section: "Cab", title: i18n._({ id: 'node.elevator.panel.cab', message: 'Cab' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.width', message: 'Width' }), min: 0.8, onChange: (value) => previewMetric('width', value), onCommit: (value) => commitMetric('width', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.depth', message: 'Depth' }), min: 0.8, onChange: (value) => previewMetric('depth', value), onCommit: (value) => commitMetric('depth', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.depth }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.cabHeight', message: 'Cab Height' }), min: 1.8, onChange: (value) => previewMetric('cabHeight', value), onCommit: (value) => commitMetric('cabHeight', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.cabHeight })] }), _jsxs(PanelSection, { onReset: resetSection, section: "Shaft", title: i18n._({ id: 'node.elevator.panel.shaft', message: 'Shaft' }), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.shaftStyle', message: 'Shaft Style' }) }), _jsx("select", { "aria-label": i18n._({ id: 'node.elevator.panel.shaftStyle2', message: 'Shaft style' }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ shaftStyle: event.target.value }), value: displayNode.shaftStyle ?? 'solid', children: SHAFT_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.shaftWidth', message: 'Shaft Width' }), min: dimensions.width, onChange: (value) => previewMetric('shaftWidth', Math.max(value, dimensions.width)), onCommit: (value) => commitMetric('shaftWidth', Math.max(value, dimensions.width)), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.shaftWidth }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.shaftDepth', message: 'Shaft Depth' }), min: dimensions.depth, onChange: (value) => previewMetric('shaftDepth', Math.max(value, dimensions.depth)), onCommit: (value) => commitMetric('shaftDepth', Math.max(value, dimensions.depth)), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.shaftDepth }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.wallThickness', message: 'Wall Thickness' }), min: 0.04, onChange: (value) => previewMetric('shaftWallThickness', value), onCommit: (value) => commitMetric('shaftWallThickness', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.01, unit: "m", value: dimensions.shaftWallThickness })] }), _jsxs(PanelSection, { onReset: resetSection, section: "Doors", title: i18n._({ id: 'node.elevator.panel.doors', message: 'Doors' }), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.openingStyle', message: 'Opening Style' }) }), _jsx("select", { "aria-label": i18n._({
+                                        id: 'node.elevator.panel.doorOpeningStyle',
+                                        message: 'Door opening style',
+                                    }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ doorStyle: event.target.value }), value: displayNode.doorStyle ?? 'center-opening', children: DOOR_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.doorType', message: 'Door Type' }) }), _jsx("select", { "aria-label": i18n._({
+                                        id: 'node.elevator.panel.doorPanelStyle',
+                                        message: 'Door panel style',
+                                    }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({
+                                        doorPanelStyle: event.target.value,
+                                    }), value: displayNode.doorPanelStyle ?? 'glass-frame', children: DOOR_PANEL_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: i18n._(option.label) }, option.value))) })] }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.doorWidth', message: 'Door Width' }), max: dimensions.width - 0.18, min: 0.45, onChange: (value) => previewMetric('doorWidth', value), onCommit: (value) => commitMetric('doorWidth', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.doorWidth }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.doorHeight', message: 'Door Height' }), max: dimensions.cabHeight - 0.1, min: 1.2, onChange: (value) => previewMetric('doorHeight', value), onCommit: (value) => commitMetric('doorHeight', value), precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: dimensions.doorHeight })] }), _jsxs(PanelSection, { onReset: resetSection, section: "Service", title: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }), children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.from', message: 'From' }) }), _jsx("select", { "aria-label": i18n._({ id: 'node.elevator.panel.fromLevel', message: 'From level' }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('fromLevelId', event.target.value), value: fromLevelId, 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] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.to', message: 'To' }) }), _jsx("select", { "aria-label": i18n._({ id: 'node.elevator.panel.toLevel', message: 'To level' }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('toLevelId', event.target.value), value: toLevelId, 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] uppercase tracking-[0.14em] text-muted-foreground", children: i18n._({ id: 'node.elevator.panel.defaultFloor', message: 'Default Floor' }) }), _jsx("select", { "aria-label": i18n._({
+                                        id: 'node.elevator.panel.defaultFloor2',
+                                        message: 'Default floor',
+                                    }), className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ defaultLevelId: event.target.value || null }), value: selectedDefaultLevelId, children: defaultLevelOptions.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsx(PanelSection, { onReset: resetSection, section: "Access", title: i18n._({ id: 'node.elevator.panel.access', message: 'Access' }), children: _jsx("div", { className: "space-y-2", children: servedLevels.map((level) => {
+                            const isDisabled = disabledLevelIds.has(level.id);
+                            const isServiceOnly = serviceOnlyLevelIds.has(level.id);
+                            return (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-lg border border-border/45 bg-black/4 dark:bg-[#2C2C2E] px-2.5 py-2", children: [_jsx("span", { className: "min-w-0 truncate text-sm", children: getLevelDisplayName(level) }), _jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isServiceOnly
+                                                    ? 'border-sky-600/40 bg-sky-400/15 text-sky-800 dark:border-sky-300/45 dark:text-sky-100'
+                                                    : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'} ${isDisabled ? 'cursor-not-allowed opacity-45' : ''}`, disabled: isDisabled, "aria-pressed": isServiceOnly, "aria-label": i18n._({
+                                                    id: 'node.elevator.panel.serviceOnlyAccessForLevel',
+                                                    message: 'Service-only access for {level}',
+                                                    values: { level: getLevelDisplayName(level) },
+                                                }), onClick: () => toggleLevelAccess('serviceOnlyLevelIds', level.id), type: "button", children: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }) }), _jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isDisabled
+                                                    ? 'border-red-600/40 bg-red-400/15 text-red-700 dark:border-red-300/45 dark:text-red-100'
+                                                    : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'}`, "aria-pressed": isDisabled, "aria-label": i18n._({
+                                                    id: 'node.elevator.panel.disableLevel',
+                                                    message: 'Disable {level}',
+                                                    values: { level: getLevelDisplayName(level) },
+                                                }), onClick: () => toggleLevelAccess('disabledLevelIds', level.id), type: "button", children: i18n._({ id: 'node.elevator.panel.disabled', message: 'Disabled' }) })] })] }, level.id));
+                        }) }) }), _jsx(PanelSection, { onReset: resetSection, section: "Destination", title: i18n._({ id: 'node.elevator.panel.destination', message: 'Destination' }), children: _jsx("div", { className: "grid grid-cols-2 gap-1.5", children: servedLevels.map((level) => {
+                            const isActive = activeLevelId === level.id;
+                            const stopOrder = destinationOrderByLevelId.get(level.id);
+                            const isDisabled = disabledLevelIds.has(level.id);
+                            const isServiceOnly = serviceOnlyLevelIds.has(level.id);
+                            return (_jsxs("button", { className: `flex min-h-11 items-center justify-between gap-2 rounded-lg border px-2.5 text-left transition-colors ${isDisabled
+                                    ? 'cursor-not-allowed border-border/35 bg-black/3 dark:bg-[#202024] text-muted-foreground/55'
+                                    : isActive
+                                        ? 'border-emerald-600/45 bg-emerald-400/15 text-emerald-800 dark:border-emerald-400/45 dark:text-emerald-100'
+                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e]'}`, disabled: isDisabled, onClick: () => requestLevel(level.id), type: "button", children: [_jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-xs", children: getLevelDisplayName(level) }), isDisabled ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({ id: 'node.elevator.panel.disabled', message: 'Disabled' }) })) : isServiceOnly ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({ id: 'node.elevator.panel.service', message: 'Service' }) })) : (stopOrder && (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: i18n._({
+                                                    id: 'node.elevator.panel.stopStoporder',
+                                                    message: 'Stop {stopOrder}',
+                                                    values: { stopOrder },
+                                                }) })))] }), _jsx("span", { className: `flex h-6 min-w-6 items-center justify-center rounded-full border border-black/15 dark:border-white/15 bg-black/5 dark:bg-black/20 ${stopOrder ? 'px-1.5 font-mono text-[11px] font-semibold' : ''}`, children: isDisabled ? '×' : (stopOrder ?? _jsx(Send, { className: "h-3 w-3" })) })] }, level.id));
+                        }) }) }), _jsxs(PanelSection, { onReset: resetSection, section: "Motion", title: i18n._({ id: 'node.elevator.panel.motion', message: 'Motion' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.speed', message: 'Speed' }), max: 8, min: 0.5, onChange: (value) => previewMetric('speed', value), onCommit: (value) => commitMetric('speed', value), restoreOnCommit: false, onCancel: clearLivePreview, precision: 1, step: 0.1, unit: "m/s", value: node.speed }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.doorTime', message: 'Door Time' }), max: 2200, min: 300, onChange: (value) => previewMetric('doorDurationMs', value), onCommit: (value) => commitMetric('doorDurationMs', value), restoreOnCommit: false, onCancel: clearLivePreview, step: 50, unit: "ms", value: node.doorDurationMs }), _jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.dwell', message: 'Dwell' }), max: 5000, min: 300, onChange: (value) => previewMetric('dwellMs', value), onCommit: (value) => commitMetric('dwellMs', value), restoreOnCommit: false, onCancel: clearLivePreview, step: 100, unit: "ms", value: node.dwellMs })] }), _jsx(PanelSection, { onReset: resetSection, section: "Actions", title: i18n._({ id: 'node.elevator.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "text-destructive hover:text-destructive", icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.elevator.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) }), _jsxs(PanelSection, { onReset: resetSection, section: "Position", title: i18n._({ id: 'node.elevator.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", onChange: (value) => {
+                                const position = getSupportedPosition(value, displayPosition[2]);
+                                previewTransform(position, displayRotation);
+                            }, onCommit: (value) => {
+                                const position = getSupportedPosition(value, displayPosition[2]);
+                                commitTransform(position, displayRotation);
+                            }, precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: roundMeters(displayPosition[0]) }), _jsx(SliderControl, { label: "Y", onChange: (value) => {
+                                const position = [
+                                    displayPosition[0],
+                                    value,
+                                    displayPosition[2],
+                                ];
+                                previewTransform(position, displayRotation);
+                            }, onCommit: (value) => {
+                                const position = [
+                                    displayPosition[0],
+                                    value,
+                                    displayPosition[2],
+                                ];
+                                commitTransform(position, displayRotation);
+                            }, precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: roundMeters(displayPosition[1]) }), _jsx(SliderControl, { label: "Z", onChange: (value) => {
+                                const position = getSupportedPosition(displayPosition[0], value);
+                                previewTransform(position, displayRotation);
+                            }, onCommit: (value) => {
+                                const position = getSupportedPosition(displayPosition[0], value);
+                                commitTransform(position, displayRotation);
+                            }, precision: 2, restoreOnCommit: false, onCancel: clearLivePreview, step: 0.05, unit: "m", value: roundMeters(displayPosition[2]) })] }), _jsxs(PanelSection, { onReset: resetSection, section: "Rotation", title: i18n._({ id: 'node.elevator.panel.rotation', message: 'Rotation' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.elevator.panel.yaw', message: 'Yaw' }), max: 180, min: -180, onChange: (degrees) => previewTransform(displayPosition, degreesToRadians(degrees)), onCommit: (degrees) => commitTransform(displayPosition, degreesToRadians(degrees)), precision: 0, restoreOnCommit: false, onCancel: clearLivePreview, step: 1, unit: "\u00B0", value: displayRotationDegrees }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
+                                        triggerSFX('sfx:item-rotate');
+                                        commitTransform(displayPosition, displayRotation - Math.PI / 4);
+                                    } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
+                                        triggerSFX('sfx:item-rotate');
+                                        commitTransform(displayPosition, displayRotation + Math.PI / 4);
+                                    } })] })] })] }) }));
 }

package/dist/elevator/parametrics.d.ts

@@ -1,3 +1,3 @@
-import type { ElevatorNode, ParametricDescriptor } from '@pascal-app/core';
+import { type ElevatorNode, type ParametricDescriptor } from '@pascal-app/core';
 export declare const elevatorParametrics: ParametricDescriptor<ElevatorNode>;
 //# sourceMappingURL=parametrics.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/elevator/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,eAAO,MAAM,mBAAmB,EAAE,oBAAoB,CAAC,YAAY,CAoGlE,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/elevator/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAA;AAEzB,eAAO,MAAM,mBAAmB,EAAE,oBAAoB,CAAC,YAAY,CAgGlE,CAAA"}

package/dist/elevator/parametrics.js

@@ -1,3 +1,4 @@
+import { normalizeElevatorDimensions, } from '@pascal-app/core';
 export const elevatorParametrics = {
     groups: [
         {
@@ -17,9 +18,9 @@ export const elevatorParametrics = {
         {
             label: 'Cab',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.8, max: 1000, step: 0.05 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.8, max: 1000, step: 0.05 },
-                { key: 'cabHeight', kind: 'number', unit: 'm', min: 1.8, max: 1000, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.8, step: 0.05 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.8, step: 0.05 },
+                { key: 'cabHeight', kind: 'number', unit: 'm', min: 1.8, step: 0.05 },
             ],
         },
         {
@@ -31,7 +32,6 @@ export const elevatorParametrics = {
                     label: 'Wall thickness',
                     unit: 'm',
                     min: 0.04,
-                    max: 1000,
                     step: 0.01,
                 },
                 {
@@ -45,8 +45,8 @@ export const elevatorParametrics = {
         {
             label: 'Doors',
             fields: [
-                { key: 'doorWidth', kind: 'number', unit: 'm', min: 0.45, max: 1000, step: 0.05 },
-                { key: 'doorHeight', kind: 'number', unit: 'm', min: 1.2, max: 1000, step: 0.05 },
+                { key: 'doorWidth', kind: 'number', unit: 'm', min: 0.45, step: 0.05 },
+                { key: 'doorHeight', kind: 'number', unit: 'm', min: 1.2, step: 0.05 },
                 {
                     key: 'doorStyle',
                     kind: 'enum',
@@ -93,9 +93,6 @@ export const elevatorParametrics = {
             ],
         },
     ],
-    derive: (next) => ({
-        doorHeight: Math.min(next.doorHeight, Math.max(1.2, next.cabHeight - 0.1)),
-        doorWidth: Math.min(next.doorWidth, Math.max(0.45, next.width - 0.1)),
-    }),
+    derive: (next) => normalizeElevatorDimensions(next),
     customPanel: () => import('./panel.js'),
 };

package/dist/elevator/presets.d.ts

@@ -0,0 +1,17 @@
+import { ElevatorNode, type MessageDescriptor } from '@pascal-app/core';
+export declare const ELEVATOR_PRESETS: Record<'passenger' | 'service' | 'glass', Pick<ElevatorNode, 'width' | 'depth' | 'cabHeight' | 'doorWidth' | 'doorHeight' | 'shaftStyle' | 'doorStyle' | 'doorPanelStyle'> & {
+    label: MessageDescriptor;
+}>;
+export declare function elevatorPresetPatch(node: ElevatorNode, id: keyof typeof ELEVATOR_PRESETS): Partial<ElevatorNode>;
+export declare const ELEVATOR_SECTION_FIELDS: Record<string, readonly (keyof ElevatorNode)[]>;
+export declare function elevatorSectionReset(node: ElevatorNode, section: string): {
+    width: number;
+    depth: number;
+    cabHeight: number;
+    shaftWallThickness: number;
+    doorWidth: number;
+    doorHeight: number;
+    shaftWidth: number | undefined;
+    shaftDepth: number | undefined;
+};
+//# sourceMappingURL=presets.d.ts.map

package/dist/elevator/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/elevator/presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAA+B,MAAM,kBAAkB,CAAA;AAEpG,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,WAAW,GAAG,SAAS,GAAG,OAAO,EACjC,IAAI,CACF,YAAY,EACV,OAAO,GACP,OAAO,GACP,WAAW,GACX,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,gBAAgB,CACnB,GAAG;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,CAmCjC,CAAA;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,YAAY,EAClB,EAAE,EAAE,MAAM,OAAO,gBAAgB,GAChC,OAAO,CAAC,YAAY,CAAC,CAIvB;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAKnF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM;;;;;;;;;EAMvE"}

package/dist/elevator/presets.js

@@ -0,0 +1,52 @@
+import { ElevatorNode, normalizeElevatorDimensions } from '@pascal-app/core';
+export const ELEVATOR_PRESETS = {
+    passenger: {
+        label: /* i18n */ { id: 'node.elevator.preset.passenger', message: 'Passenger' },
+        width: 1.84,
+        depth: 1.84,
+        cabHeight: 2.35,
+        doorWidth: 0.95,
+        doorHeight: 2.1,
+        shaftStyle: 'solid',
+        doorStyle: 'center-opening',
+        doorPanelStyle: 'solid-panel',
+    },
+    service: {
+        label: /* i18n */ { id: 'node.elevator.preset.service', message: 'Service' },
+        width: 2.4,
+        depth: 3,
+        cabHeight: 2.7,
+        doorWidth: 1.4,
+        doorHeight: 2.4,
+        shaftStyle: 'solid',
+        doorStyle: 'single-left',
+        doorPanelStyle: 'segmented-panel',
+    },
+    glass: {
+        label: /* i18n */ { id: 'node.elevator.preset.glass', message: 'Glass' },
+        width: 1.84,
+        depth: 1.84,
+        cabHeight: 2.35,
+        doorWidth: 0.95,
+        doorHeight: 2.1,
+        shaftStyle: 'glass',
+        doorStyle: 'center-opening',
+        doorPanelStyle: 'glass-frame',
+    },
+};
+export function elevatorPresetPatch(node, id) {
+    const { label: _label, ...preset } = ELEVATOR_PRESETS[id];
+    const next = { ...node, ...preset, shaftWidth: undefined, shaftDepth: undefined };
+    return { ...preset, ...normalizeElevatorDimensions(next) };
+}
+export const ELEVATOR_SECTION_FIELDS = {
+    Cab: ['width', 'depth', 'cabHeight'],
+    Shaft: ['shaftWidth', 'shaftDepth', 'shaftStyle', 'shaftWallThickness'],
+    Doors: ['doorWidth', 'doorHeight', 'doorStyle', 'doorPanelStyle'],
+    Motion: ['speed', 'doorDurationMs', 'dwellMs'],
+};
+export function elevatorSectionReset(node, section) {
+    const defaults = ElevatorNode.parse({});
+    const patch = Object.fromEntries((ELEVATOR_SECTION_FIELDS[section] ?? []).map((key) => [key, defaults[key]]));
+    return { ...patch, ...normalizeElevatorDimensions({ ...node, ...patch }) };
+}

package/dist/elevator/renderer.d.ts

@@ -1,6 +1,7 @@
 import { type ElevatorNode } from '@pascal-app/core';
-export declare const ElevatorRenderer: ({ node }: {
+export declare const ElevatorRenderer: ({ node, interactionEnabled, }: {
     node: ElevatorNode;
+    interactionEnabled?: boolean;
 }) => import("react").JSX.Element;
 export default ElevatorRenderer;
 //# sourceMappingURL=renderer.d.ts.map

package/dist/elevator/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/elevator/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,YAAY,EAmBlB,MAAM,kBAAkB,CAAA;AAypCzB,eAAO,MAAM,gBAAgB,aAAc;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCA6YhE,CAAA;eAEc,gBAAgB"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/elevator/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,YAAY,EAelB,MAAM,kBAAkB,CAAA;AA+yCzB,eAAO,MAAM,gBAAgB,kCAG1B;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,gCA8cA,CAAA;eAEc,gBAAgB"}

package/dist/elevator/renderer.edit.d.ts

@@ -0,0 +1,5 @@
+import type { ElevatorNode } from '@pascal-app/core';
+export default function EditorElevatorRenderer({ node }: {
+    node: ElevatorNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=renderer.edit.d.ts.map

package/dist/elevator/renderer.edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.edit.d.ts","sourceRoot":"","sources":["../../src/elevator/renderer.edit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAIpD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BAG9E"}

package/dist/elevator/renderer.edit.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditor } from '@pascal-app/editor';
+import ElevatorRenderer from './renderer.js';
+export default function EditorElevatorRenderer({ node }) {
+    const interactionEnabled = useEditor((state) => state.mode === 'select' || state.isPreviewMode);
+    return _jsx(ElevatorRenderer, { node: node, interactionEnabled: interactionEnabled });
+}