@pascal-app/nodes 1.0.7 → 1.1.1

package/dist/elevator/floorplan.js

@@ -1,4 +1,4 @@
-import { resolveElevatorServiceLevelIds, useInteractive, useLiveNodeOverrides, } from '@pascal-app/core';
+import { resolveElevatorDimensions, resolveElevatorServiceLevelIds, useInteractive, useLiveNodeOverrides, } from '@pascal-app/core';
 /**
  * Stage C floor-plan emitter for elevator. Architectural symbol style:
  *
@@ -18,7 +18,6 @@ import { resolveElevatorServiceLevelIds, useInteractive, useLiveNodeOverrides, }
  * (`useInteractive.elevators[id]`) non-reactively; the registry layer
  * subscribes to both stores so this builder re-runs on change.
  */
-const STAGE_LEVEL_FILTER_HIDE = false;
 export function buildElevatorFloorplan(node, ctx) {
     // Merge in any live overrides (inspector edits not yet committed).
     const overrides = useLiveNodeOverrides.getState().get(node.id);
@@ -29,19 +28,14 @@ export function buildElevatorFloorplan(node, ctx) {
     // hosted on, which is the active level when the registry layer walks
     // from `levelId`).
     const parentLevelId = ctx.parent?.id;
-    if (STAGE_LEVEL_FILTER_HIDE && parentLevelId) {
+    if (parentLevelId) {
         const sceneNodes = collectAllNodes(ctx);
         const serviceLevelIds = resolveElevatorServiceLevelIds(display, sceneNodes);
         if (!serviceLevelIds.includes(parentLevelId)) {
             return null;
         }
     }
-    const wallThickness = Math.max(display.shaftWallThickness ?? 0.09, 0.04);
-    const cabWidth = Math.max(display.width, 0.8);
-    const cabDepth = Math.max(display.depth, 0.8);
-    const shaftWidth = Math.max(display.shaftWidth ?? display.width, cabWidth, 0.8);
-    const shaftDepth = Math.max(display.shaftDepth ?? display.depth, cabDepth, 0.8);
-    const doorWidth = Math.min(Math.max(display.doorWidth, 0.45), shaftWidth - 0.24);
+    const { shaftWallThickness: wallThickness, shaftWidth, shaftDepth, doorWidth, } = resolveElevatorDimensions(display);
     const outerHalfW = Math.max(0.1, shaftWidth / 2 + wallThickness);
     const outerHalfD = Math.max(0.1, shaftDepth / 2 + wallThickness);
     const innerHalfW = Math.max(0.05, shaftWidth / 2);

package/dist/elevator/inspection.d.ts

@@ -0,0 +1,17 @@
+import type { AnyNodeId, ElevatorNode, ElevatorSlotId } from '@pascal-app/core';
+import { type ReactNode, type RefObject } from 'react';
+import { type Group } from 'three';
+export declare const useElevatorInspection: import("zustand").UseBoundStore<import("zustand").StoreApi<{
+    nodeId: AnyNodeId | null;
+    cutaway: boolean;
+    part: ElevatorSlotId | null;
+}>>;
+export declare function ElevatorInspectorHover({ nodeId, children, }: {
+    nodeId: AnyNodeId;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ElevatorInspectionOverlay({ node, source, }: {
+    node: ElevatorNode;
+    source: RefObject<Group | null>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=inspection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inspection.d.ts","sourceRoot":"","sources":["../../src/elevator/inspection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG/E,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,OAAO,CAAA;AAIjD,eAAO,MAAM,qBAAqB;YACxB,SAAS,GAAG,IAAI;aACf,OAAO;UACV,cAAc,GAAG,IAAI;GAC2B,CAAA;AAExD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAmCA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAChC,+BA+CA"}

package/dist/elevator/inspection.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OVERLAY_LAYER } from '@pascal-app/viewer';
+import { useFrame } from '@react-three/fiber';
+import { useEffect, useRef } from 'react';
+import { Matrix4, Mesh } from 'three';
+import { MeshBasicNodeMaterial } from 'three/webgpu';
+import { create } from 'zustand';
+export const useElevatorInspection = create(() => ({ nodeId: null, cutaway: false, part: null }));
+export function ElevatorInspectorHover({ nodeId, children, }) {
+    useEffect(() => {
+        useElevatorInspection.setState({ nodeId, part: null, cutaway: false });
+        const clear = () => useElevatorInspection.setState({ part: null });
+        const onEscape = (event) => {
+            if (event.key === 'Escape')
+                clear();
+        };
+        window.addEventListener('blur', clear);
+        window.addEventListener('keydown', onEscape);
+        return () => {
+            window.removeEventListener('blur', clear);
+            window.removeEventListener('keydown', onEscape);
+            useElevatorInspection.setState({ nodeId: null, part: null, cutaway: false });
+        };
+    }, [nodeId]);
+    const highlight = (element) => {
+        const slot = element instanceof Element
+            ? element.closest('[data-elevator-part]')?.dataset.elevatorPart
+            : undefined;
+        useElevatorInspection.setState({
+            part: slot === 'cab' || slot === 'doors' || slot === 'shaft' || slot === 'glass' ? slot : null,
+        });
+    };
+    return (_jsx("div", { onPointerOver: (event) => highlight(event.target), onPointerLeave: () => highlight(null), onFocusCapture: (event) => highlight(event.target), onBlurCapture: (event) => highlight(event.relatedTarget), children: children }));
+}
+export function ElevatorInspectionOverlay({ node, source, }) {
+    const ref = useRef(null);
+    const part = useElevatorInspection((state) => (state.nodeId === node.id ? state.part : null));
+    const copies = useRef([]);
+    useEffect(() => {
+        if (!part || !ref.current || !source.current || !node.id)
+            return;
+        const target = ref.current;
+        const fill = new MeshBasicNodeMaterial({
+            color: '#38bdf8',
+            opacity: 0.3,
+            transparent: true,
+            depthWrite: false,
+            depthTest: false,
+        });
+        source.current.traverse((object) => {
+            if (!(object instanceof Mesh) || object.userData.slotId !== part)
+                return;
+            const copy = new Mesh(object.geometry, fill);
+            copy.matrixAutoUpdate = false;
+            copy.layers.set(OVERLAY_LAYER);
+            copy.raycast = () => { };
+            copy.userData.pascalExport = 'strip';
+            target.add(copy);
+            copies.current.push({ source: object, copy });
+        });
+        return () => {
+            target.clear();
+            copies.current = [];
+            fill.dispose();
+        };
+    }, [part, source, node]);
+    useFrame(() => {
+        if (!part || !ref.current)
+            return;
+        ref.current.updateWorldMatrix(true, false);
+        const inverse = new Matrix4().copy(ref.current.matrixWorld).invert();
+        for (const pair of copies.current) {
+            pair.source.updateWorldMatrix(true, false);
+            pair.copy.matrix.multiplyMatrices(inverse, pair.source.matrixWorld);
+        }
+    });
+    return (_jsx("group", { ref: ref, name: "elevator-inspector-highlight", userData: { pascalExport: 'strip' }, dispose: null }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/elevator/panel.tsx"],"names":[],"mappings":"AAyKA,MAAM,CAAC,OAAO,UAAU,aAAa,uCA6vBpC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/elevator/panel.tsx"],"names":[],"mappings":"AAwOA,MAAM,CAAC,OAAO,UAAU,aAAa,uCAk5BpC"}

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"}