@pascal-app/nodes 1.0.1 → 1.0.3

package/dist/door/move-tool.js

@@ -5,6 +5,7 @@ import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { BoxGeometry, EdgesGeometry, Vector3 } from 'three';
 import { LineBasicNodeMaterial } from 'three/webgpu';
+import { commitOpeningMove } from '../shared/commit-opening-move';
 import { clearOpeningGuides3D, publishOpeningGuidesForWallEvent, } from '../shared/opening-guides-runtime';
 import { beginOpeningMoveHistorySession } from '../shared/opening-move-history';
 import { isWallMeshHidden, shouldIgnoreWallEventForOpeningMove, } from '../shared/opening-move-wall-gate';
@@ -451,14 +452,13 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     visible: original.visible,
                 });
                 history.commitStep(() => {
-                    useScene.getState().updateNode(movingDoorNode.id, {
+                    commitOpeningMove(movingDoorNode.id, {
                         position: [target.clampedX, target.clampedY, 0],
                         rotation: [0, target.itemRotation, 0],
                         side: target.side,
                         parentId: target.wallId,
                         wallId: target.wallId,
                         roofSegmentId: undefined,
-                        metadata: {},
                         visible: true,
                     });
                 });
@@ -712,7 +712,7 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                     visible: original.visible,
                 });
                 history.commitStep(() => {
-                    useScene.getState().updateNode(movingDoorNode.id, {
+                    commitOpeningMove(movingDoorNode.id, {
                         position: target.position,
                         rotation: [0, 0, 0],
                         side: 'front',
@@ -720,7 +720,6 @@ const MoveDoorTool = ({ node: movingDoorNode }) => {
                         wallId: undefined,
                         roofSegmentId: segmentId,
                         roofFace: target.face.id,
-                        metadata: {},
                         visible: true,
                     });
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/door/panel.tsx"],"names":[],"mappings":"AAuIA,MAAM,CAAC,OAAO,UAAU,SAAS,uCAkpChC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/door/panel.tsx"],"names":[],"mappings":"AAyIA,MAAM,CAAC,OAAO,UAAU,SAAS,uCA+nChC"}

package/dist/door/panel.js

@@ -4,8 +4,10 @@ import { DoorNode, useInteractive, useScene } from '@pascal-app/core';
 import { ActionButton, ActionGroup, cn, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, DoorOpen, FlipHorizontal2, Move, Trash2 } from 'lucide-react';
-import { useCallback, useRef } from 'react';
-import { OpeningDocumentationFields } from '../shared/opening-documentation-fields';
+import { useCallback, useEffect, useMemo } from 'react';
+import { constrainCurtainOpening, curtainOpeningLimits } from '../shared/curtain-opening-limits';
+import { createOpeningPropertyPreview } from '../shared/opening-property-preview';
+import { openingPropertyPreviewHost } from '../shared/opening-property-preview-host';
 import { scaleHandleHeight } from './door-math';
 const doorTypeOptions = [
     { label: 'Hinged', value: 'hinged', available: true },
@@ -106,7 +108,10 @@ export default function DoorPanel() {
     const setSelection = useViewer((s) => s.setSelection);
     const deleteNode = useScene((s) => s.deleteNode);
     const setMovingNode = useEditor((s) => s.setMovingNode);
-    const previewRef = useRef(null);
+    const preview = useMemo(() => selectedId
+        ? createOpeningPropertyPreview(selectedId, openingPropertyPreviewHost)
+        : null, [selectedId]);
+    useEffect(() => () => preview?.cancel(), [preview]);
     const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
     // Panel slider-drag fix recipe (plans/editor-node-registry.md). Without
     // it, the 29+ SliderControls in this panel would loop on drag.
@@ -116,6 +121,7 @@ export default function DoorPanel() {
         const liveNode = useScene.getState().nodes[selectedId];
         if (liveNode?.type !== 'door')
             return;
+        updates = constrainCurtainOpening(liveNode, updates, useScene.getState().nodes);
         const hasChange = Object.entries(updates).some(([key, value]) => {
             const currentValue = liveNode[key];
             return !isSameDoorValue(currentValue, value);
@@ -131,43 +137,8 @@ export default function DoorPanel() {
         if (liveNode.parentId)
             scene.dirtyNodes.add(liveNode.parentId);
     }, [selectedId]);
-    const previewDoorUpdate = useCallback((key, value) => {
-        if (!selectedId)
-            return;
-        const liveNode = useScene.getState().nodes[selectedId];
-        if (liveNode?.type !== 'door')
-            return;
-        if (!(previewRef.current &&
-            previewRef.current.id === selectedId &&
-            previewRef.current.key === key)) {
-            previewRef.current = {
-                id: selectedId,
-                key,
-                value: liveNode[key],
-            };
-        }
-        if (isSameDoorValue(liveNode[key], value))
-            return;
-        liveNode[key] = value;
-        useScene.getState().dirtyNodes.add(selectedId);
-    }, [selectedId]);
-    const commitDoorPreview = useCallback((key, value) => {
-        if (!selectedId)
-            return;
-        const scene = useScene.getState();
-        const liveNode = scene.nodes[selectedId];
-        const preview = previewRef.current;
-        if (liveNode?.type === 'door' && preview?.id === selectedId && preview.key === key) {
-            ;
-            liveNode[key] = preview.value;
-            scene.dirtyNodes.add(selectedId);
-        }
-        previewRef.current = null;
-        useScene
-            .getState()
-            .updateNode(selectedId, { [key]: value });
-        scene.dirtyNodes.add(selectedId);
-    }, [selectedId]);
+    const previewDoorUpdate = (key, value) => preview?.preview({ [key]: value });
+    const commitDoorPreview = (key, value) => preview?.commit({ [key]: value });
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
@@ -254,6 +225,12 @@ export default function DoorPanel() {
     };
     if (!(node && node.type === 'door' && selectedId))
         return null;
+    const limits = curtainOpeningLimits(node, useScene.getState().nodes);
+    const heightUpdates = (height) => ({
+        height,
+        position: [node.position[0], height / 2, node.position[2]],
+        handleHeight: scaleHandleHeight(node.handleHeight, node.height, height),
+    });
     const hSum = node.segments.reduce((s, seg) => s + seg.heightRatio, 0);
     const normHeights = node.segments.map((seg) => seg.heightRatio / hSum);
     const isOpening = node.openingKind === 'opening';
@@ -478,19 +455,13 @@ export default function DoorPanel() {
                                     ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
                                     : 'border-border/50 bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground', !option.available &&
                                     'cursor-not-allowed opacity-45 hover:bg-[#2C2C2E] hover:text-muted-foreground'), disabled: !option.available, onClick: () => handleUpdate(getDoorTypeUpdates(option.value)), type: "button", children: [_jsx(DoorOpen, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate font-medium", children: option.label })] }, option.value));
-                        }) }))] }), _jsx(PanelSection, { title: "Documentation", children: _jsx(OpeningDocumentationFields, { constructionType: node.constructionType, dimensionReference: node.dimensionReference, finishOpeningHeight: node.finishOpeningHeight, finishOpeningWidth: node.finishOpeningWidth, mark: node.mark, masonryOpeningHeight: node.masonryOpeningHeight, masonryOpeningWidth: node.masonryOpeningWidth, onChange: handleUpdate, roughOpeningHeight: node.roughOpeningHeight, roughOpeningWidth: node.roughOpeningWidth }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "wall" })] }), max: 10, min: -10, onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[0] }), showFlipSide && (_jsx("div", { className: "px-1 pt-2 pb-1", children: _jsx(ActionButton, { className: "w-full", icon: _jsx(FlipHorizontal2, { className: "h-4 w-4" }), label: "Flip Side", onClick: handleFlip }) }))] }), showFoldSection && (_jsxs(PanelSection, { title: "Fold", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Panels" }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ leafCount: v === '2' ? 2 : 4 }), options: [
+                        }) }))] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "wall" })] }), max: 10, min: -10, onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[0] }), showFlipSide && (_jsx("div", { className: "px-1 pt-2 pb-1", children: _jsx(ActionButton, { className: "w-full", icon: _jsx(FlipHorizontal2, { className: "h-4 w-4" }), label: "Flip Side", onClick: handleFlip }) }))] }), showFoldSection && (_jsxs(PanelSection, { title: "Fold", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Panels" }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ leafCount: v === '2' ? 2 : 4 }), options: [
                                         { label: '2', value: '2' },
                                         { label: '4', value: '4' },
                                     ], value: node.leafCount === 2 ? '2' : '4' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showSlideSection && (_jsxs(PanelSection, { title: "Slide", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: doorType === 'pocket' ? 'Pocket' : doorType === 'barn' ? 'Rail' : 'Panel' }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ slideDirection: v }), options: [
                                         { label: 'Left', value: 'left' },
                                         { label: 'Right', value: 'right' },
-                                    ], value: node.slideDirection ?? 'left' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showGarageSection && (_jsxs(PanelSection, { title: "Garage", children: [_jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }), isSectionalGarageDoor && (_jsx(SliderControl, { label: "Panels", max: 8, min: 3, onChange: (v) => handleUpdate({ garagePanelCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.garagePanelCount ?? 4 }))] })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: maxDoorWidth, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Height", max: 1000, min: 1.0, onChange: (v) => handleUpdate({
-                            height: v,
-                            position: [node.position[0], v / 2, node.position[2]],
-                            // Keep the handle at the same relative height as the door resizes,
-                            // matching the height-resize arrow.
-                            handleHeight: scaleHandleHeight(node.handleHeight, node.height, v),
-                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height })] }), showDoorShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({
+                                    ], value: node.slideDirection ?? 'left' })] }) }), _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) })] })), showGarageSection && (_jsxs(PanelSection, { title: "Garage", children: [_jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (v) => handleUpdate({ operationState: v / 100 }), precision: 0, restoreOnCommit: false, step: 5, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }), isSectionalGarageDoor && (_jsx(SliderControl, { label: "Panels", max: 8, min: 3, onChange: (v) => handleUpdate({ garagePanelCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.garagePanelCount ?? 4 }))] })), _jsxs(PanelSection, { title: "Dimensions", children: [limits && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Size is limited to the wall, including clearance for the opening frame." })), _jsx(SliderControl, { label: "Width", max: Math.min(maxDoorWidth, limits?.width ?? Infinity), min: Math.min(0.5, limits?.width ?? 0.5), onChange: (v) => previewDoorUpdate('width', v), onCommit: (v) => commitDoorPreview('width', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Height", max: limits?.height ?? 1000, min: Math.min(1, limits?.height ?? 1), onChange: (v) => preview?.preview(heightUpdates(v)), onCommit: (v) => preview?.commit(heightUpdates(v)), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height })] }), showDoorShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({
                                 openingShape: v,
                                 ...(v === 'rounded'
                                     ? {
@@ -508,10 +479,10 @@ export default function DoorPanel() {
                             ], value: doorShape }) }), doorShape === 'rounded' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ openingRadiusMode: v }), options: [
                                         { label: 'All', value: 'all' },
                                         { label: 'Individual', value: 'individual' },
-                                    ], value: openingRadiusMode }) }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (v) => previewDoorUpdate('cornerRadius', v), onCommit: (v) => commitDoorPreview('cornerRadius', v), precision: 2, step: 0.05, unit: "m", value: cornerRadius })) : (_jsx(_Fragment, { children: [
+                                    ], value: openingRadiusMode }) }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (v) => previewDoorUpdate('cornerRadius', v), onCommit: (v) => commitDoorPreview('cornerRadius', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: cornerRadius })) : (_jsx(_Fragment, { children: [
                                     ['Top Left', 0],
                                     ['Top Right', 1],
-                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (v) => setOpeningTopRadius(index, v), onCommit: (v) => setOpeningTopRadius(index, v, true), precision: 2, step: 0.05, unit: "m", value: openingTopRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (v) => previewDoorUpdate('openingRevealRadius', v), onCommit: (v) => commitDoorPreview('openingRevealRadius', v), precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), doorShape === 'arch' && (_jsx(SliderControl, { label: "Arch Height", max: node.height, min: 0.05, onChange: (v) => handleUpdate({ archHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }))] })), showOpeningShapeSection && (_jsxs(PanelSection, { title: "Opening Shape", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({
+                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (v) => setOpeningTopRadius(index, v), onCommit: (v) => setOpeningTopRadius(index, v, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingTopRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (v) => previewDoorUpdate('openingRevealRadius', v), onCommit: (v) => commitDoorPreview('openingRevealRadius', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), doorShape === 'arch' && (_jsx(SliderControl, { label: "Arch Height", max: node.height, min: 0.05, onChange: (v) => previewDoorUpdate('archHeight', v), onCommit: (v) => commitDoorPreview('archHeight', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }))] })), showOpeningShapeSection && (_jsxs(PanelSection, { title: "Opening Shape", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({
                                 openingShape: v,
                                 ...(v === 'rounded'
                                     ? { openingRadiusMode, openingTopRadii, cornerRadius, openingRevealRadius }
@@ -524,10 +495,10 @@ export default function DoorPanel() {
                             ], value: openingShape }) }), openingShape === 'rounded' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-1", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ openingRadiusMode: v }), options: [
                                         { label: 'All', value: 'all' },
                                         { label: 'Individual', value: 'individual' },
-                                    ], value: openingRadiusMode }) }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (v) => previewDoorUpdate('cornerRadius', v), onCommit: (v) => commitDoorPreview('cornerRadius', v), precision: 2, step: 0.05, unit: "m", value: cornerRadius })) : (_jsx(_Fragment, { children: [
+                                    ], value: openingRadiusMode }) }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (v) => previewDoorUpdate('cornerRadius', v), onCommit: (v) => commitDoorPreview('cornerRadius', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: cornerRadius })) : (_jsx(_Fragment, { children: [
                                     ['Top Left', 0],
                                     ['Top Right', 1],
-                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (v) => setOpeningTopRadius(index, v), onCommit: (v) => setOpeningTopRadius(index, v, true), precision: 2, step: 0.05, unit: "m", value: openingTopRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (v) => previewDoorUpdate('openingRevealRadius', v), onCommit: (v) => commitDoorPreview('openingRevealRadius', v), precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), openingShape === 'arch' && (_jsx(SliderControl, { label: "Arch Height", max: node.height, min: 0.05, onChange: (v) => handleUpdate({ archHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }))] })), !isCutoutOnly && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", max: 0.2, min: 0.01, onChange: (v) => handleUpdate({ frameThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.frameThickness }), _jsx(SliderControl, { label: "Depth", max: 0.3, min: 0.01, onChange: (v) => handleUpdate({ frameDepth: v }), precision: 3, step: 0.01, unit: "m", value: node.frameDepth })] })), showContentPaddingSection && (_jsxs(PanelSection, { title: "Content Padding", children: [_jsx(SliderControl, { label: "Horizontal", max: 0.2, min: 0, onChange: (v) => handleUpdate({ contentPadding: [v, node.contentPadding[1]] }), precision: 3, step: 0.005, unit: "m", value: node.contentPadding[0] }), _jsx(SliderControl, { label: "Vertical", max: 0.2, min: 0, onChange: (v) => handleUpdate({ contentPadding: [node.contentPadding[0], v] }), precision: 3, step: 0.005, unit: "m", value: node.contentPadding[1] })] })), showSwingSection && (_jsx(PanelSection, { title: "Swing", children: _jsxs("div", { className: "flex flex-col gap-2 px-1 pb-1", children: [supportsHingeSide && (_jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Hinges Side" }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ hingesSide: v }), options: [
+                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (v) => setOpeningTopRadius(index, v), onCommit: (v) => setOpeningTopRadius(index, v, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingTopRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (v) => previewDoorUpdate('openingRevealRadius', v), onCommit: (v) => commitDoorPreview('openingRevealRadius', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), openingShape === 'arch' && (_jsx(SliderControl, { label: "Arch Height", max: node.height, min: 0.05, onChange: (v) => previewDoorUpdate('archHeight', v), onCommit: (v) => commitDoorPreview('archHeight', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }))] })), !isCutoutOnly && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", max: 0.2, min: 0.01, onChange: (v) => handleUpdate({ frameThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.frameThickness }), _jsx(SliderControl, { label: "Depth", max: 0.3, min: 0.01, onChange: (v) => handleUpdate({ frameDepth: v }), precision: 3, step: 0.01, unit: "m", value: node.frameDepth })] })), showContentPaddingSection && (_jsxs(PanelSection, { title: "Content Padding", children: [_jsx(SliderControl, { label: "Horizontal", max: 0.2, min: 0, onChange: (v) => handleUpdate({ contentPadding: [v, node.contentPadding[1]] }), precision: 3, step: 0.005, unit: "m", value: node.contentPadding[0] }), _jsx(SliderControl, { label: "Vertical", max: 0.2, min: 0, onChange: (v) => handleUpdate({ contentPadding: [node.contentPadding[0], v] }), precision: 3, step: 0.005, unit: "m", value: node.contentPadding[1] })] })), showSwingSection && (_jsx(PanelSection, { title: "Swing", children: _jsxs("div", { className: "flex flex-col gap-2 px-1 pb-1", children: [supportsHingeSide && (_jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Hinges Side" }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ hingesSide: v }), options: [
                                                 { label: 'Left', value: 'left' },
                                                 { label: 'Right', value: 'right' },
                                             ], value: node.hingesSide })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Direction" }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ swingDirection: v }), options: [

package/dist/door/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAiEA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAqsBrB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAqEA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAwtBrB,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/door/tool.js

@@ -5,6 +5,7 @@ import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { BoxGeometry, EdgesGeometry, Vector3 } from 'three';
 import { LineBasicNodeMaterial } from 'three/webgpu';
+import { shouldFollowOpeningGrid, shouldHandleOpeningHostLeave, } from '../shared/opening-grid-follow';
 import { clearOpeningGuides3D, publishOpeningGuidesForWallEvent, } from '../shared/opening-guides-runtime';
 import { getRoofWallOpeningCursorPose, resolveRoofWallOpeningTarget, worldToSelectedBuildingLocal, } from '../shared/roof-wall-opening-placement';
 import { collectWallOpeningAlignmentCandidates, resolveWallSlideAlignment, } from '../shared/wall-opening-alignment';
@@ -385,7 +386,17 @@ const DoorTool = () => {
             commitDoorAtWall(event.node, clampedX, clampedY, side, itemRotation);
             event.stopPropagation();
         };
-        const onWallLeave = () => {
+        // XR runtimes deliver selectend as a grid click, but do not replay the
+        // R3F wall pointer-up event. Commit the latest valid wall hover so a
+        // controller/hand release places the opening on the wall it visibly hit.
+        const onXRGridClick = (event) => {
+            if (event.nativeEvent?.pointerType !== 'xr' || !lastWallEvent)
+                return;
+            onWallClick(lastWallEvent);
+        };
+        const onWallLeave = (event) => {
+            if (!shouldHandleOpeningHostLeave(event.nativeEvent))
+                return;
             if (hostKind !== 'wall')
                 return;
             lastWallEvent = null;
@@ -404,7 +415,12 @@ const DoorTool = () => {
             // timeStamp) — it owns the frame and has snapped the draft, so skip the
             // floor follow this tick.
             const ts = event.nativeEvent?.timeStamp ?? -1;
-            if (ts === lastMeshEventTime)
+            if (!shouldFollowOpeningGrid({
+                eventTime: ts,
+                hasActiveHost: hostKind !== null,
+                lastHostEventTime: lastMeshEventTime,
+                pointerType: event.nativeEvent?.pointerType,
+            }))
                 return;
             // Fresh floor-only frame: the cursor is off any wall/roof. Drop any draft
             // and free-follow the cursor with the invalid (unplaceable) ghost.
@@ -575,6 +591,7 @@ const DoorTool = () => {
         emitter.on('wall:enter', onWallHover);
         emitter.on('wall:move', onWallHover);
         emitter.on('wall:click', onWallClick);
+        emitter.on('grid:click', onXRGridClick);
         emitter.on('wall:leave', onWallLeave);
         emitter.on('roof:enter', onRoofHover);
         emitter.on('roof:move', onRoofHover);
@@ -599,6 +616,7 @@ const DoorTool = () => {
             emitter.off('wall:enter', onWallHover);
             emitter.off('wall:move', onWallHover);
             emitter.off('wall:click', onWallClick);
+            emitter.off('grid:click', onXRGridClick);
             emitter.off('wall:leave', onWallLeave);
             emitter.off('roof:enter', onRoofHover);
             emitter.off('roof:move', onRoofHover);

package/dist/dormer/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/dormer/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAqPrC;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CA8E9D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/dormer/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAqPrC;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CA+E9D,CAAA"}

package/dist/dormer/definition.js

@@ -293,6 +293,7 @@ export const dormerDefinition = {
     parametrics: dormerParametrics,
     handles: dormerHandles,
     floorplan: buildDormerFloorplan,
+    rendersChildren: false,
     renderer: {
         kind: 'parametric',
         module: () => import('./renderer'),

package/dist/downspout/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAiIxC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,OAAO,aAAa,CA4DpE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAiIxC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,OAAO,aAAa,CA6DpE,CAAA"}

package/dist/downspout/definition.js

@@ -158,6 +158,7 @@ export const downspoutDefinition = {
     },
     parametrics: downspoutParametrics,
     handles: downspoutHandles,
+    rendersChildren: false,
     renderer: {
         kind: 'parametric',
         module: () => import('./renderer'),

package/dist/duct-segment/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-segment/tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAuBtF,OAAO,EAA2B,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAYpG,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAA;AA2IxB,qEAAqE;AACrE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,UAAQ,GAAG,MAAM,CAUjF;AAgDD;;;;;6BAK6B;AAC7B,KAAK,YAAY,GAAG;IAClB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,OAAO,EAAE;QAAE,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;IACxD,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA;CACxB,CAAA;AA4CD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC7B,SAAS,EAAE,SAAS,GAAG,IAAI,EAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,EAC5B,OAAO,EAAE,SAAS,GAAG,IAAI,EACzB,OAAO,EAAE,UAAU,GAAG,IAAI,EAC1B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,EACjC,WAAW,UAAQ,EACnB,YAAY,GAAE,OAAO,CAAC,eAAe,CAAM,EAC3C,WAAW,GAAE,QAAQ,GAAG,QAAmB,GAC1C,YAAY,GAAG,IAAI,CAsLrB;AAED,QAAA,MAAM,eAAe,0CAuQpB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-segment/tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAuBtF,OAAO,EAA2B,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAYpG,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAA;AA2IxB,qEAAqE;AACrE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,UAAQ,GAAG,MAAM,CAUjF;AAgDD;;;;;6BAK6B;AAC7B,KAAK,YAAY,GAAG;IAClB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,OAAO,EAAE;QAAE,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;IACxD,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA;CACxB,CAAA;AA4CD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC7B,SAAS,EAAE,SAAS,GAAG,IAAI,EAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,EAC5B,OAAO,EAAE,SAAS,GAAG,IAAI,EACzB,OAAO,EAAE,UAAU,GAAG,IAAI,EAC1B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,EACjC,WAAW,UAAQ,EACnB,YAAY,GAAE,OAAO,CAAC,eAAe,CAAM,EAC3C,WAAW,GAAE,QAAQ,GAAG,QAAmB,GAC1C,YAAY,GAAG,IAAI,CAsLrB;AAED,QAAA,MAAM,eAAe,0CAoRpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/duct-segment/tool.js

@@ -390,6 +390,7 @@ export function planDuctDraw(start, end, startPort, startBody, endPort, endBody,
 }
 const DuctSegmentTool = () => {
     const { activeLevelId, sceneApi, unit } = useRegistryToolContext();
+    const toolDefaults = useEditor((s) => s.toolDefaults['duct-segment']);
     const cursorRef = useRef(null);
     const continuationSeedRef = useRef(currentDuctContinuationSeed());
     const continuationSeed = continuationSeedRef.current;
@@ -523,6 +524,16 @@ const DuctSegmentTool = () => {
             }
         },
     });
+    useEffect(() => {
+        if (!toolDefaults)
+            return;
+        setProfile((current) => ({
+            shape: toolDefaults.shape ?? current.shape,
+            diameter: toolDefaults.diameter ?? current.diameter,
+            width: toolDefaults.width ?? current.width,
+            height: toolDefaults.height ?? current.height,
+        }));
+    }, [toolDefaults]);
     const previewPlan = useMemo(() => {
         if (!(activeLevelId && run.start && run.cursor))
             return null;

package/dist/duct-terminal/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-terminal/tool.tsx"],"names":[],"mappings":"AAgJA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAgUrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-terminal/tool.tsx"],"names":[],"mappings":"AAmJA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAyYrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/duct-terminal/tool.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { DuctTerminalNode, emitter, pointInPolygon, resolveCeilingHeight, resolveLevelId, resolveSupportSlabPatch, sceneRegistry, useScene, } from '@pascal-app/core';
-import { CursorSphere, getFloorStackPreviewPosition, isGridSnapActive, isMagneticSnapActive, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { CursorSphere, getFloorStackPreviewPosition, getSpatialPointerId, isGridSnapActive, isMagneticSnapActive, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Html } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
@@ -111,6 +111,7 @@ function resolvePortSnap(position, fallbackYaw) {
 const DuctTerminalTool = () => {
     const { camera, gl } = useThree();
     const activeLevelId = useViewer((s) => s.selection.levelId);
+    const toolDefaults = useEditor((s) => s.toolDefaults['duct-terminal']);
     const [mount, setMount] = useState('floor');
     const [placement, setPlacement] = useState(null);
     const mountRef = useRef('floor');
@@ -121,11 +122,12 @@ const DuctTerminalTool = () => {
     // override the manual M selection (port direction picks floor / ceiling /
     // wall), so the preview must show the inferred mount, not the toolbar one.
     const effectiveMount = placement?.mount ?? mount;
-    const previewNode = useMemo(() => DuctTerminalNode.parse({
+    const configuredNode = useMemo(() => DuctTerminalNode.parse({
         ...ductTerminalDefinition.defaults(),
+        ...toolDefaults,
         name: 'Register',
-        mount: effectiveMount,
-    }), [effectiveMount]);
+    }), [toolDefaults]);
+    const previewNode = useMemo(() => DuctTerminalNode.parse({ ...configuredNode, mount: effectiveMount }), [configuredNode, effectiveMount]);
     const ghost = useMemo(() => {
         const group = buildDuctTerminalGeometry(previewNode);
         group.traverse((child) => {
@@ -137,6 +139,11 @@ const DuctTerminalTool = () => {
         });
         return group;
     }, [previewNode]);
+    useEffect(() => {
+        mountRef.current = configuredNode.mount;
+        setMount(configuredNode.mount);
+        setPlacement(null);
+    }, [configuredNode.mount]);
     useEffect(() => {
         if (!activeLevelId)
             return;
@@ -237,6 +244,7 @@ const DuctTerminalTool = () => {
         const commit = (p) => {
             const terminal = DuctTerminalNode.parse({
                 ...ductTerminalDefinition.defaults(),
+                ...toolDefaults,
                 name: 'Register',
                 mount: p.mount,
                 position: p.position,
@@ -251,17 +259,63 @@ const DuctTerminalTool = () => {
             useViewer.getState().setSelection({ selectedIds: [committedTerminal.id] });
             triggerSFX('sfx:item-place');
         };
-        // ---- Floor / ceiling: own raycast against a horizontal plane ----
         let lastPointer = null;
         let lastWall = null;
+        let lastGrid = null;
+        let lastXRNode = null;
+        const resolveGrid = (event) => {
+            const step = isGridSnapActive() ? useEditor.getState().gridSnapStep : 0;
+            const position = alignDrawPoint([snap(event.localPosition[0], step), 0, snap(event.localPosition[2], step)], { applySnap: isMagneticSnapActive(), bypass: !isMagneticSnapActive() });
+            const snapEnabled = isGridSnapActive() || isMagneticSnapActive();
+            const mated = snapEnabled ? resolvePortSnap(position, yawRef.current) : null;
+            return mated
+                ? { position: mated.position, yaw: mated.yaw, mount: mated.mount, snapped: true }
+                : { position, yaw: yawRef.current, mount: 'floor' };
+        };
+        const onGridMove = (event) => {
+            lastGrid = event;
+            if (mountRef.current === 'floor')
+                setPlacement(resolveGrid(event));
+        };
+        const onGridClick = (event) => {
+            if (mountRef.current === 'floor')
+                commit(resolveGrid(event));
+        };
+        const resolveXRCeiling = (event) => {
+            if (mountRef.current !== 'ceiling' || event.node.type !== 'ceiling')
+                return null;
+            if (getSpatialPointerId(event.nativeEvent) == null)
+                return null;
+            const world = new Vector3(...event.position);
+            const level = activeLevelMesh();
+            const local = level ? level.worldToLocal(world) : world;
+            return {
+                position: [local.x, resolveCeilingHeight(event.node, useScene.getState().nodes), local.z],
+                yaw: yawRef.current,
+                mount: 'ceiling',
+            };
+        };
+        const onXRNodeMove = (event) => {
+            lastXRNode = event;
+            const p = resolveXRCeiling(event);
+            if (p)
+                setPlacement(p);
+        };
+        const onXRNodeClick = (event) => {
+            const p = resolveXRCeiling(event);
+            if (p)
+                commit(p);
+        };
+        // ---- Ceiling: desktop owns a canvas ray; XR uses the spatial node ray. ----
         const onPointerMove = (e) => {
             lastPointer = e;
-            if (mountRef.current === 'wall')
+            lastXRNode = null;
+            if (mountRef.current !== 'ceiling')
                 return;
             setPlacement(resolvePlanar(e));
         };
         const onCanvasClick = (e) => {
-            if (mountRef.current === 'wall')
+            if (mountRef.current !== 'ceiling')
                 return;
             if (useViewer.getState().cameraDragging)
                 return;
@@ -350,11 +404,22 @@ const DuctTerminalTool = () => {
                 if (lastWall)
                     onWallMove(lastWall);
             }
+            else if (mountRef.current === 'floor') {
+                if (lastGrid)
+                    onGridMove(lastGrid);
+            }
+            else if (lastXRNode && getSpatialPointerId(lastXRNode.nativeEvent) != null) {
+                onXRNodeMove(lastXRNode);
+            }
             else if (lastPointer)
                 onPointerMove(lastPointer);
         });
         canvas.addEventListener('pointermove', onPointerMove);
         canvas.addEventListener('click', onCanvasClick);
+        emitter.on('grid:move', onGridMove);
+        emitter.on('grid:click', onGridClick);
+        emitter.on('node:move', onXRNodeMove);
+        emitter.on('node:click', onXRNodeClick);
         emitter.on('wall:move', onWallMove);
         emitter.on('wall:click', onWallClick);
         window.addEventListener('keydown', onKeyDown, true);
@@ -362,12 +427,16 @@ const DuctTerminalTool = () => {
             unsubscribeSnapping();
             canvas.removeEventListener('pointermove', onPointerMove);
             canvas.removeEventListener('click', onCanvasClick);
+            emitter.off('grid:move', onGridMove);
+            emitter.off('grid:click', onGridClick);
+            emitter.off('node:move', onXRNodeMove);
+            emitter.off('node:click', onXRNodeClick);
             emitter.off('wall:move', onWallMove);
             emitter.off('wall:click', onWallClick);
             window.removeEventListener('keydown', onKeyDown, true);
             clearDrawAlignment();
         };
-    }, [activeLevelId, camera, gl]);
+    }, [activeLevelId, camera, gl, toolDefaults]);
     if (!activeLevelId || !placement)
         return null;
     const mountLabel = effectiveMount.charAt(0).toUpperCase() + effectiveMount.slice(1);

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/elevator/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsJvC;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CA8GlE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/elevator/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsJvC;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CAgHlE,CAAA"}

package/dist/elevator/definition.js

@@ -173,6 +173,7 @@ export const elevatorDefinition = {
         return rest;
     },
     capabilities: {
+        surfacePlacement: 'floor-only',
         selectable: { hitVolume: 'bbox' },
         // Generic XZ translate so the floating action menu's Move button
         // (and the side move-arrows emitted from `def.floorplan`) drive the
@@ -220,6 +221,7 @@ export const elevatorDefinition = {
     handles: elevatorHandles,
     // No dirty consumer rebuilds this kind — see NodeDefinition.dirtyTracking.
     dirtyTracking: false,
+    rendersChildren: false,
     renderer: {
         kind: 'parametric',
         module: () => import('./renderer'),

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,CAGlE,CAAA"}
+{"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"}

package/dist/elevator/parametrics.js

@@ -1,4 +1,101 @@
 export const elevatorParametrics = {
-    groups: [],
+    groups: [
+        {
+            label: 'Position',
+            fields: [
+                { key: 'position', kind: 'vec3' },
+                {
+                    key: 'rotation',
+                    kind: 'number',
+                    label: 'Rotation (rad)',
+                    min: -Math.PI,
+                    max: Math.PI,
+                    step: Math.PI / 36,
+                },
+            ],
+        },
+        {
+            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 },
+            ],
+        },
+        {
+            label: 'Shaft',
+            fields: [
+                {
+                    key: 'shaftWallThickness',
+                    kind: 'number',
+                    label: 'Wall thickness',
+                    unit: 'm',
+                    min: 0.04,
+                    max: 0.4,
+                    step: 0.01,
+                },
+                {
+                    key: 'shaftStyle',
+                    kind: 'enum',
+                    options: ['solid', 'glass'],
+                    display: 'segmented',
+                },
+            ],
+        },
+        {
+            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: 'doorStyle',
+                    kind: 'enum',
+                    options: ['center-opening', 'single-left', 'single-right'],
+                },
+                {
+                    key: 'doorPanelStyle',
+                    kind: 'enum',
+                    label: 'Panel style',
+                    options: ['glass-frame', 'solid-panel', 'segmented-panel'],
+                },
+            ],
+        },
+        {
+            label: 'Levels',
+            fields: [
+                { key: 'fromLevelId', kind: 'ref', label: 'From level', refKind: 'level' },
+                { key: 'toLevelId', kind: 'ref', label: 'To level', refKind: 'level' },
+                { key: 'defaultLevelId', kind: 'ref', label: 'Default level', refKind: 'level' },
+            ],
+        },
+        {
+            label: 'Motion',
+            fields: [
+                { key: 'speed', kind: 'number', unit: 'm/s', min: 0.5, max: 8, step: 0.1 },
+                {
+                    key: 'doorDurationMs',
+                    kind: 'number',
+                    label: 'Door time',
+                    unit: 'ms',
+                    min: 300,
+                    max: 2200,
+                    step: 50,
+                },
+                {
+                    key: 'dwellMs',
+                    kind: 'number',
+                    label: 'Dwell',
+                    unit: 'ms',
+                    min: 300,
+                    max: 5000,
+                    step: 100,
+                },
+            ],
+        },
+    ],
+    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)),
+    }),
     customPanel: () => import('./panel'),
 };