@pascal-app/nodes 1.0.0 → 1.0.3

package/dist/window/definition.js

@@ -1,6 +1,9 @@
 import { getDormerWallHorizontalBoundsAtHeight, getDormerWallOpeningVerticalBounds, } from '@pascal-app/core';
+import { curtainOpeningResizeMax } from '../shared/curtain-opening-limits';
 import { buildWindowFloorplanSchedule, computeWindowFloorplanLevelData, } from '../shared/opening-documentation';
 import { publishOpeningResizeGuides } from '../shared/opening-guides-runtime';
+import { createOpeningPropertyPreview } from '../shared/opening-property-preview';
+import { openingPropertyPreviewHost } from '../shared/opening-property-preview-host';
 import { readRoofFaceHeightMax, readRoofFaceWidthMax } from '../shared/roof-opening-host';
 import { buildRoofWallOpeningCut } from '../shared/roof-wall-opening-cut';
 import { readHostWallCeiling } from '../shared/wall-opening-ceiling';
@@ -82,7 +85,7 @@ function windowWidthHandle(side) {
             const roofMax = readRoofFaceWidthMax(n, scene, sign);
             if (roofMax !== null)
                 return Math.max(MIN_WINDOW_WIDTH, roofMax);
-            return readWallLength(n, scene);
+            return curtainOpeningResizeMax(n, scene.nodes(), 'x', sign) ?? readWallLength(n, scene);
         },
         currentValue: (n) => n.width,
         onDrag: (node) => publishOpeningResizeGuides(node, true),
@@ -131,6 +134,9 @@ function windowHeightHandle(edge) {
             // Maximum: distance from the anchored edge to the wall's allowed Y
             // bounds. Top arrow caps at the wall's resolved ceiling - bottom;
             // bottom arrow caps at top (positive Y room above the floor).
+            const curtainMax = curtainOpeningResizeMax(n, scene.nodes(), 'y', sign);
+            if (curtainMax !== undefined)
+                return curtainMax;
             const wallH = readHostWallCeiling(n.wallId, scene);
             const anchored = edge === 'top' ? n.position[1] - n.height / 2 : n.position[1] + n.height / 2;
             return edge === 'top'
@@ -157,11 +163,51 @@ function windowHeightHandle(edge) {
         portalTarget: resolveWindowHandlePortalTarget,
     };
 }
+function windowRadiusHandle(index) {
+    const corners = [
+        [-1, 1],
+        [1, 1],
+        [1, -1],
+        [-1, -1],
+    ];
+    return {
+        kind: 'corner-radius',
+        corner: corners[index],
+        width: (node) => node.width,
+        height: (node) => node.height,
+        currentValue: (node) => node.openingRadiusMode === 'individual'
+            ? (node.openingCornerRadii[index] ?? 0)
+            : node.cornerRadius,
+        max: (node) => Math.min(node.width, node.height) / 2,
+        apply: (node, radius, _scene, modifiers) => {
+            if (!modifiers.shiftKey) {
+                return { openingShape: 'rounded', openingRadiusMode: 'all', cornerRadius: radius };
+            }
+            const radii = node.openingRadiusMode === 'individual'
+                ? [...node.openingCornerRadii]
+                : [node.cornerRadius, node.cornerRadius, node.cornerRadius, node.cornerRadius];
+            radii[index] = radius;
+            return {
+                openingShape: 'rounded',
+                openingRadiusMode: 'individual',
+                openingCornerRadii: radii,
+            };
+        },
+        createPreview: (node) => createOpeningPropertyPreview(node.id, openingPropertyPreviewHost),
+        visible: (node) => node.openingShape !== 'arch',
+        portal: 'grandparent',
+        portalTarget: resolveWindowHandlePortalTarget,
+    };
+}
 const windowHandles = [
     windowWidthHandle('left'),
     windowWidthHandle('right'),
     windowHeightHandle('top'),
     windowHeightHandle('bottom'),
+    windowRadiusHandle(0),
+    windowRadiusHandle(1),
+    windowRadiusHandle(2),
+    windowRadiusHandle(3),
 ];
 /**
  * Window — Phase 5 batch kind. Mirrors door's shape: hosted on walls,
@@ -217,6 +263,7 @@ export const windowDefinition = {
     },
     parametrics: windowParametrics,
     handles: windowHandles,
+    rendersChildren: false,
     renderer: {
         kind: 'parametric',
         module: () => import('./renderer'),

package/dist/window/floorplan-affordances.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan-affordances.d.ts","sourceRoot":"","sources":["../../src/window/floorplan-affordances.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EAKxB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAMzB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,UAAU,CAqEjE,CAAA"}
+{"version":3,"file":"floorplan-affordances.d.ts","sourceRoot":"","sources":["../../src/window/floorplan-affordances.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EAMxB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAQzB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,UAAU,CAkEjE,CAAA"}

package/dist/window/floorplan-affordances.js

@@ -1,4 +1,6 @@
-import { useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { getWallCurveLength, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { curtainOpeningLimits } from '../shared/curtain-opening-limits';
+import { projectPlanPointToWallLocalX } from '../shared/wall-attach-target';
 const MIN_WINDOW_WIDTH = 0.3;
 /**
  * 2D drag affordance for the window's width side-arrows. Sister to the 3D
@@ -27,16 +29,12 @@ export const windowWidthAffordance = {
         const initialWindowZ = node.position[2];
         const growDir = side === 'end' ? 1 : -1;
         const anchorX = side === 'end' ? initialWindowX - initialWidth / 2 : initialWindowX + initialWidth / 2;
-        const wallStart = wall ? wall.start : [0, 0];
-        const wallEnd = wall ? wall.end : [1, 0];
-        const dx = wallEnd[0] - wallStart[0];
-        const dz = wallEnd[1] - wallStart[1];
-        const wallLength = Math.hypot(dx, dz) || 1;
-        const dirX = dx / wallLength;
-        const dirZ = dz / wallLength;
-        const maxWidth = growDir > 0 ? wallLength - anchorX : anchorX;
+        const wallLength = wall ? getWallCurveLength(wall) : 1;
+        const limits = curtainOpeningLimits(node, nodes);
+        const margin = limits?.margin ?? 0;
+        const maxWidth = growDir > 0 ? (limits?.length ?? wallLength) - margin - anchorX : anchorX - margin;
         const projectToWallLocalX = (planPoint) => {
-            return (planPoint[0] - wallStart[0]) * dirX + (planPoint[1] - wallStart[1]) * dirZ;
+            return wall ? projectPlanPointToWallLocalX(wall, planPoint) : planPoint[0];
         };
         const initialPointerLocalX = projectToWallLocalX(initialPlanPoint);
         let lastWidth = initialWidth;

package/dist/window/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/window/move-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAiBL,UAAU,EACX,MAAM,kBAAkB,CAAA;AAiEzB;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAoyClD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/window/move-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAiBL,UAAU,EACX,MAAM,kBAAkB,CAAA;AAkEzB;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAiyClD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/window/move-tool.js

@@ -4,6 +4,7 @@ import { calculateItemRotation, clearPlacementSurface, consumePlacementDragRelea
 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 { dormerEventFromHostedWindow, getDormerWindowWorldNormal, getDormerWindowWorldYaw, resolveDormerWindowTarget, } from '../shared/dormer-wall-opening-placement';
 import { clearOpeningGuides3D, publishOpeningGuidesForWallEvent, resolveSillSnap, } from '../shared/opening-guides-runtime';
 import { beginOpeningMoveHistorySession } from '../shared/opening-move-history';
@@ -493,14 +494,13 @@ const MoveWindowTool = ({ node: movingWindowNode }) => {
                     visible: original.visible,
                 });
                 history.commitStep(() => {
-                    useScene.getState().updateNode(movingWindowNode.id, {
+                    commitOpeningMove(movingWindowNode.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,
                     });
                 });
@@ -736,7 +736,7 @@ const MoveWindowTool = ({ node: movingWindowNode }) => {
                     visible: original.visible,
                 });
                 history.commitStep(() => {
-                    useScene.getState().updateNode(movingWindowNode.id, {
+                    commitOpeningMove(movingWindowNode.id, {
                         position: target.position,
                         rotation,
                         side,
@@ -746,7 +746,6 @@ const MoveWindowTool = ({ node: movingWindowNode }) => {
                         wallId: undefined,
                         roofSegmentId: undefined,
                         roofFace: undefined,
-                        metadata: {},
                         visible: true,
                     });
                 });
@@ -937,7 +936,7 @@ const MoveWindowTool = ({ node: movingWindowNode }) => {
                     visible: original.visible,
                 });
                 history.commitStep(() => {
-                    useScene.getState().updateNode(movingWindowNode.id, {
+                    commitOpeningMove(movingWindowNode.id, {
                         position: target.position,
                         rotation: [0, 0, 0],
                         side: 'front',
@@ -945,7 +944,6 @@ const MoveWindowTool = ({ node: movingWindowNode }) => {
                         wallId: undefined,
                         roofSegmentId: segmentId,
                         roofFace: target.face.id,
-                        metadata: {},
                         visible: true,
                     });
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/window/panel.tsx"],"names":[],"mappings":"AA6FA,MAAM,CAAC,OAAO,UAAU,WAAW,uCA21BlC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/window/panel.tsx"],"names":[],"mappings":"AAwFA,MAAM,CAAC,OAAO,UAAU,WAAW,uCA20BlC"}

package/dist/window/panel.js

@@ -4,8 +4,10 @@ import { useInteractive, useScene, WindowNode, } 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, 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';
 function isSameWindowValue(current, next) {
     if (typeof current === 'number' && typeof next === 'number') {
         return Math.abs(current - next) < 1e-6;
@@ -26,9 +28,6 @@ function normalizeWindowCornerRadii(radii, width, height) {
         return next;
     return next.map((radius) => radius * scale);
 }
-function isSameRadiusTuple(current, next) {
-    return current.every((value, index) => Math.abs(value - (next[index] ?? 0)) < 1e-6);
-}
 const windowTypeOptions = [
     { label: 'Fixed', value: 'fixed' },
     { label: 'Sliding', value: 'sliding' },
@@ -53,7 +52,10 @@ export default function WindowPanel() {
     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 15+ SliderControls in this panel would loop on drag.
@@ -63,6 +65,7 @@ export default function WindowPanel() {
         const liveNode = useScene.getState().nodes[selectedId];
         if (liveNode?.type !== 'window')
             return;
+        updates = constrainCurtainOpening(liveNode, updates, useScene.getState().nodes);
         const hasChange = Object.entries(updates).some(([key, value]) => {
             const currentValue = liveNode[key];
             return !isSameWindowValue(currentValue, value);
@@ -75,43 +78,8 @@ export default function WindowPanel() {
         if (liveNode.parentId)
             scene.dirtyNodes.add(liveNode.parentId);
     }, [selectedId]);
-    const previewWindowUpdate = useCallback((key, value) => {
-        if (!selectedId)
-            return;
-        const liveNode = useScene.getState().nodes[selectedId];
-        if (liveNode?.type !== 'window')
-            return;
-        if (!(previewRef.current &&
-            previewRef.current.id === selectedId &&
-            previewRef.current.key === key)) {
-            previewRef.current = {
-                id: selectedId,
-                key,
-                value: liveNode[key],
-            };
-        }
-        if (isSameWindowValue(liveNode[key], value))
-            return;
-        liveNode[key] = value;
-        useScene.getState().dirtyNodes.add(selectedId);
-    }, [selectedId]);
-    const commitWindowPreview = useCallback((key, value) => {
-        if (!selectedId)
-            return;
-        const scene = useScene.getState();
-        const liveNode = scene.nodes[selectedId];
-        const preview = previewRef.current;
-        if (liveNode?.type === 'window' && 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 previewWindowUpdate = (key, value) => preview?.preview({ [key]: value });
+    const commitWindowPreview = (key, value) => preview?.commit({ [key]: value });
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
@@ -187,6 +155,7 @@ export default function WindowPanel() {
     }, [node, setMovingNode, setSelection]);
     if (!(node && node.type === 'window' && selectedId))
         return null;
+    const limits = curtainOpeningLimits(node, useScene.getState().nodes);
     const numCols = node.columnRatios.length;
     const numRows = node.rowRatios.length;
     const colSum = node.columnRatios.reduce((a, b) => a + b, 0);
@@ -245,24 +214,17 @@ export default function WindowPanel() {
         const nextUpdates = { ...updates };
         if (openingShape === 'rounded') {
             if (openingRadiusMode === 'individual') {
-                const currentRadii = openingCornerRadii;
                 const nextRadii = normalizeWindowCornerRadii(openingCornerRadii, nextWidth, nextHeight);
-                if (!isSameRadiusTuple(currentRadii, nextRadii)) {
-                    nextUpdates.openingCornerRadii = nextRadii;
-                }
+                nextUpdates.openingCornerRadii = nextRadii;
             }
             else {
                 const nextRadius = Math.min(Math.max(cornerRadius, 0), getMaxSharedWindowRadius(nextWidth, nextHeight));
-                if (Math.abs(nextRadius - cornerRadius) > 1e-6) {
-                    nextUpdates.cornerRadius = nextRadius;
-                }
+                nextUpdates.cornerRadius = nextRadius;
             }
         }
         if (openingShape === 'arch') {
             const nextArchHeight = Math.min(Math.max(archHeight, 0.05), Math.max(nextHeight, 0.05));
-            if (Math.abs(nextArchHeight - archHeight) > 1e-6) {
-                nextUpdates.archHeight = nextArchHeight;
-            }
+            nextUpdates.archHeight = nextArchHeight;
         }
         return nextUpdates;
     };
@@ -319,7 +281,7 @@ export default function WindowPanel() {
                     }), options: [
                         { value: 'window', label: 'Window' },
                         { value: 'opening', label: 'Opening' },
-                    ], value: node.openingKind ?? 'window' }) }), _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 }) }), showWindowTypeSection && (_jsxs(PanelSection, { title: "Window Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: windowTypeOptions.map((option) => {
+                    ], value: node.openingKind ?? 'window' }) }), showWindowTypeSection && (_jsxs(PanelSection, { title: "Window Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: windowTypeOptions.map((option) => {
                             const isSelected = displayedWindowType === option.value;
                             return (_jsx("button", { className: cn('flex min-h-12 items-center rounded-lg border px-3 py-2.5 text-left text-xs transition-colors', isSelected
                                     ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
@@ -343,7 +305,7 @@ export default function WindowPanel() {
                                 ], value: node.casementStyle ?? 'single' }), (node.casementStyle ?? 'single') === 'single' && (_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ hingesSide: value }), options: [
                                     { value: 'left', label: 'Left' },
                                     { value: 'right', label: 'Right' },
-                                ], value: node.hingesSide ?? 'left' }))] })), showOperationSection && (_jsx("div", { className: "mt-2", children: _jsx(SliderControl, { label: operationLabel, max: 1, min: 0, onChange: setOperationState, precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.operationState ?? 0) * 100) / 100 }) }))] })), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.position[0] * 100) / 100 }), _jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["Y", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [node.position[0], v, node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.position[1] * 100) / 100 }), 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 }) }))] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", min: 0, onChange: (v) => handleUpdate(getDimensionUpdates({ width: v })), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Height", min: 0, onChange: (v) => handleUpdate(getDimensionUpdates({ height: v })), precision: 2, restoreOnCommit: false, step: 0.1, unit: "m", value: Math.round(node.height * 100) / 100 })] }), showWindowShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({
+                                ], value: node.hingesSide ?? 'left' }))] })), showOperationSection && (_jsx("div", { className: "mt-2", children: _jsx(SliderControl, { label: operationLabel, max: 1, min: 0, onChange: setOperationState, precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.operationState ?? 0) * 100) / 100 }) }))] })), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[0] }), _jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["Y", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [node.position[0], v, node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[1] }), 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 }) }))] }), _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: limits?.width, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ width: v })), onCommit: (v) => preview?.commit(getDimensionUpdates({ 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, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ height: v })), onCommit: (v) => preview?.commit(getDimensionUpdates({ height: v })), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height })] }), showWindowShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({
                             openingShape: value,
                             ...(value === 'rounded'
                                 ? {
@@ -362,28 +324,28 @@ export default function WindowPanel() {
                         ], value: windowShape }), windowShape === 'rounded' && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ openingRadiusMode: value }), options: [
                                     { value: 'all', label: 'All' },
                                     { value: 'individual', label: 'Individual' },
-                                ], value: openingRadiusMode }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (value) => previewWindowUpdate('cornerRadius', value), onCommit: (value) => commitWindowPreview('cornerRadius', value), precision: 2, step: 0.05, unit: "m", value: Math.round(cornerRadius * 100) / 100 })) : (_jsx(_Fragment, { children: [
+                                ], value: openingRadiusMode }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (value) => previewWindowUpdate('cornerRadius', value), onCommit: (value) => commitWindowPreview('cornerRadius', value), 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],
                                     ['Bottom Right', 2],
                                     ['Bottom Left', 3],
-                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), precision: 2, step: 0.05, unit: "m", value: Math.round((openingCornerRadii[index] ?? 0) * 100) / 100 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), precision: 3, step: 0.005, unit: "m", value: Math.round(openingRevealRadius * 1000) / 1000 })] })), windowShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => handleUpdate({ archHeight: value }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(archHeight * 100) / 100 }) }))] })), showOpeningShapeSection && (_jsxs(PanelSection, { title: "Opening Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ openingShape: value }), options: [
+                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingCornerRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), windowShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => previewWindowUpdate('archHeight', value), onCommit: (value) => commitWindowPreview('archHeight', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }) }))] })), showOpeningShapeSection && (_jsxs(PanelSection, { title: "Opening Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ openingShape: value }), options: [
                             { value: 'rectangle', label: 'Rect' },
                             { value: 'rounded', label: 'Rounded' },
                             { value: 'arch', label: 'Arch' },
                         ], value: openingShape }), openingShape === 'rounded' && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ openingRadiusMode: value }), options: [
                                     { value: 'all', label: 'All' },
                                     { value: 'individual', label: 'Individual' },
-                                ], value: openingRadiusMode }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (value) => previewWindowUpdate('cornerRadius', value), onCommit: (value) => commitWindowPreview('cornerRadius', value), precision: 2, step: 0.05, unit: "m", value: Math.round(cornerRadius * 100) / 100 })) : (_jsx(_Fragment, { children: [
+                                ], value: openingRadiusMode }), openingRadiusMode === 'all' ? (_jsx(SliderControl, { label: "Corner Radius", max: maxRoundedRadius, min: 0, onChange: (value) => previewWindowUpdate('cornerRadius', value), onCommit: (value) => commitWindowPreview('cornerRadius', value), 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],
                                     ['Bottom Right', 2],
                                     ['Bottom Left', 3],
-                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), precision: 2, step: 0.05, unit: "m", value: Math.round((openingCornerRadii[index] ?? 0) * 100) / 100 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), precision: 3, step: 0.005, unit: "m", value: Math.round(openingRevealRadius * 1000) / 1000 })] })), openingShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => handleUpdate({ archHeight: value }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(archHeight * 100) / 100 }) }))] })), !isOpening && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => handleUpdate({ frameThickness: v }), precision: 3, step: 0.01, unit: "m", value: Math.round(node.frameThickness * 1000) / 1000 }), _jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => handleUpdate({ frameDepth: v }), precision: 3, step: 0.01, unit: "m", value: Math.round(node.frameDepth * 1000) / 1000 })] })), showGridSection && (_jsxs(PanelSection, { title: "Grid", children: [_jsx(SliderControl, { label: "Columns", max: 8, min: 1, onChange: (v) => {
+                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingCornerRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), openingShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => previewWindowUpdate('archHeight', value), onCommit: (value) => commitWindowPreview('archHeight', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }) }))] })), !isOpening && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => previewWindowUpdate('frameThickness', v), onCommit: (v) => commitWindowPreview('frameThickness', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameThickness }), _jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => previewWindowUpdate('frameDepth', v), onCommit: (v) => commitWindowPreview('frameDepth', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameDepth })] })), showGridSection && (_jsxs(PanelSection, { title: "Grid", children: [_jsx(SliderControl, { label: "Columns", max: 8, min: 1, onChange: (v) => {
                                     const n = Math.max(1, Math.min(8, Math.round(v)));
                                     handleUpdate({ columnRatios: Array(n).fill(1 / n) });
                                 }, precision: 0, step: 1, value: numCols }), _jsx(SliderControl, { label: "Rows", max: 8, min: 1, onChange: (v) => {
                                     const n = Math.max(1, Math.min(8, Math.round(v)));
                                     handleUpdate({ rowRatios: Array(n).fill(1 / n) });
-                                }, precision: 0, step: 1, value: numRows }), numCols > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Col Widths" }), normCols.map((ratio, i) => (_jsx(SliderControl, { label: `C${i + 1}`, max: 95, min: 5, onChange: (v) => setColumnRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `c-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ columnDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: Math.round((node.columnDividerThickness ?? 0.03) * 1000) / 1000 }) })] })), numRows > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Row Heights" }), normRows.map((ratio, i) => (_jsx(SliderControl, { label: `R${i + 1}`, max: 95, min: 5, onChange: (v) => setRowRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `r-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ rowDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: Math.round((node.rowDividerThickness ?? 0.03) * 1000) / 1000 }) })] }))] })), showSillSection && (_jsxs(PanelSection, { title: "Sill", children: [_jsx(ToggleControl, { checked: node.sill, label: "Enable Sill", onChange: (checked) => handleUpdate({ sill: checked }) }), node.sill && (_jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => handleUpdate({ sillDepth: v }), precision: 3, step: 0.01, unit: "m", value: Math.round(node.sillDepth * 1000) / 1000 }), _jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => handleUpdate({ sillThickness: v }), precision: 3, step: 0.01, unit: "m", value: Math.round(node.sillThickness * 1000) / 1000 })] }))] }))] })), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                }, precision: 0, step: 1, value: numRows }), numCols > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Col Widths" }), normCols.map((ratio, i) => (_jsx(SliderControl, { label: `C${i + 1}`, max: 95, min: 5, onChange: (v) => setColumnRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `c-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ columnDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.columnDividerThickness ?? 0.03 }) })] })), numRows > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Row Heights" }), normRows.map((ratio, i) => (_jsx(SliderControl, { label: `R${i + 1}`, max: 95, min: 5, onChange: (v) => setRowRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `r-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ rowDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.rowDividerThickness ?? 0.03 }) })] }))] })), showSillSection && (_jsxs(PanelSection, { title: "Sill", children: [_jsx(ToggleControl, { checked: node.sill, label: "Enable Sill", onChange: (checked) => handleUpdate({ sill: checked }) }), node.sill && (_jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => handleUpdate({ sillDepth: v }), precision: 3, step: 0.01, unit: "m", value: node.sillDepth }), _jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => handleUpdate({ sillThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.sillThickness })] }))] }))] })), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/window/tool.tsx"],"names":[],"mappings":"AA+FA;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EA09BvB,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/window/tool.tsx"],"names":[],"mappings":"AAoGA;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAmgCvB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/window/tool.js

@@ -5,8 +5,10 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { BoxGeometry, EdgesGeometry, Vector3 } from 'three';
 import { LineBasicNodeMaterial } from 'three/webgpu';
 import { dormerEventFromHostedWindow, getDormerWindowWorldNormal, getDormerWindowWorldYaw, resolveDormerWindowTarget, } from '../shared/dormer-wall-opening-placement';
+import { shouldFollowOpeningGrid, shouldHandleOpeningHostLeave, } from '../shared/opening-grid-follow';
 import { clearOpeningGuides3D, publishOpeningGuidesForWallEvent, resolveSillSnap, } from '../shared/opening-guides-runtime';
 import { getRoofWallOpeningCursorPose, resolveRoofWallOpeningTarget, worldToSelectedBuildingLocal, } from '../shared/roof-wall-opening-placement';
+import { wallEventFromGrid } from '../shared/wall-event-from-grid';
 import { collectWallOpeningAlignmentCandidates, resolveWallSlideAlignment, } from '../shared/wall-opening-alignment';
 import { WindowFloorProjection } from './floor-projection';
 import WindowPreview from './preview';
@@ -519,7 +521,16 @@ const WindowTool = () => {
             commitWindowAtWall(event.node, clampedX, clampedY, side, itemRotation);
             event.stopPropagation();
         };
-        const onWallLeave = () => {
+        // XR selectend produces a grid click without replaying the wall mesh's
+        // R3F pointer-up event. Use the latest valid wall hover for that release.
+        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;
@@ -538,8 +549,18 @@ const WindowTool = () => {
             // 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;
+            const wallEvent = wallEventFromGrid(event, activeLevelId, useScene.getState().nodes, sceneRegistry.nodes);
+            if (wallEvent) {
+                onWallHover(wallEvent);
                 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.
             hostKind = null;
@@ -548,6 +569,13 @@ const WindowTool = () => {
             destroyDraft();
             showGhostAt([x, y + FALLBACK_HEIGHT / 2 + FALLBACK_SILL_LIFT, z], y);
         };
+        const onGridPointerUp = (event) => {
+            if (isCameraDragging() || !draftRef.current)
+                return;
+            const wallEvent = wallEventFromGrid(event, activeLevelId, useScene.getState().nodes, sceneRegistry.nodes);
+            if (wallEvent)
+                onWallClick(wallEvent);
+        };
         // ── Dormer wall faces ──────────────────────────────────────────
         // Dormer windows use the same WindowNode mesh and inspector as regular
         // windows, but their host frame is supplied by DormerRenderer.
@@ -786,6 +814,7 @@ const WindowTool = () => {
         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);
@@ -800,6 +829,7 @@ const WindowTool = () => {
         emitter.on('window:click', onDormerWindowClick);
         emitter.on('window:leave', onDormerWindowLeave);
         emitter.on('grid:move', onGridFreeFollow);
+        emitter.on('grid:pointerup', onGridPointerUp);
         emitter.on('tool:cancel', onCancel);
         window.addEventListener('keydown', onKeyDown);
         // Placement tracks the cursor through wall events; keep walls hidden by
@@ -818,6 +848,7 @@ const WindowTool = () => {
             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);
@@ -832,6 +863,7 @@ const WindowTool = () => {
             emitter.off('window:click', onDormerWindowClick);
             emitter.off('window:leave', onDormerWindowLeave);
             emitter.off('grid:move', onGridFreeFollow);
+            emitter.off('grid:pointerup', onGridPointerUp);
             emitter.off('tool:cancel', onCancel);
             window.removeEventListener('keydown', onKeyDown);
         };

package/dist/window/window-math.d.ts

@@ -1,4 +1,4 @@
-import type { AnyNode, AnyNodeId, WallNode } from '@pascal-app/core';
+import { type AnyNode, type AnyNodeId, type WallNode } from '@pascal-app/core';
 /**
  * Default sill height (metres from the floor to the BOTTOM of a window) for a
  * fresh window that has no wall-face height yet — the off-wall ghost and the

package/dist/window/window-math.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window-math.d.ts","sourceRoot":"","sources":["../../src/window/window-math.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGpE;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAExC;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,SAAI,EAChB,aAAa,SAAI,GAChB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAU1B;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAC1C;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CASxC;AAED;;;;GAIG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"window-math.d.ts","sourceRoot":"","sources":["../../src/window/window-math.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAId,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAGzB;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAExC;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,SAAI,EAChB,aAAa,SAAI,GAChB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAI1B;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAC1C;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAQxC;AAED;;;;GAIG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/window/window-math.js

@@ -1,3 +1,4 @@
+import { getCurtainWallConfig, getWallCurveFrameAt, getWallCurveLength, } from '@pascal-app/core';
 import { resolveWallOpeningCeiling } from '../shared/wall-opening-ceiling';
 /**
  * Default sill height (metres from the floor to the BOTTOM of a window) for a
@@ -15,12 +16,9 @@ export const DEFAULT_WINDOW_SILL_M = 0.5;
  * height — matching how WallSystem positions the wall mesh at slabElevation.
  */
 export function wallLocalToWorld(wallNode, localX, localY, levelYOffset = 0, slabElevation = 0) {
-    const wallAngle = Math.atan2(wallNode.end[1] - wallNode.start[1], wallNode.end[0] - wallNode.start[0]);
-    return [
-        wallNode.start[0] + localX * Math.cos(wallAngle),
-        slabElevation + localY + levelYOffset,
-        wallNode.start[1] + localX * Math.sin(wallAngle),
-    ];
+    const wallLength = getWallCurveLength(wallNode);
+    const frame = getWallCurveFrameAt(wallNode, wallLength > 1e-6 ? localX / wallLength : 0);
+    return [frame.point.x, slabElevation + localY + levelYOffset, frame.point.y];
 }
 /**
  * Clamps window center position so it stays fully within wall bounds. The Y
@@ -30,12 +28,11 @@ export function wallLocalToWorld(wallNode, localX, localY, levelYOffset = 0, sla
  * wall record.
  */
 export function clampToWall(wallNode, localX, localY, width, height, nodes) {
-    const dx = wallNode.end[0] - wallNode.start[0];
-    const dz = wallNode.end[1] - wallNode.start[1];
-    const wallLength = Math.sqrt(dx * dx + dz * dz);
+    const wallLength = getWallCurveLength(wallNode);
     const wallHeight = resolveWallOpeningCeiling(wallNode, nodes);
-    const clampedX = Math.max(width / 2, Math.min(wallLength - width / 2, localX));
-    const clampedY = Math.max(height / 2, Math.min(wallHeight - height / 2, localY));
+    const margin = wallNode.wallType === 'curtain' ? getCurtainWallConfig(wallNode).perimeterWidth : 0;
+    const clampedX = Math.max(margin + width / 2, Math.min(wallLength - margin - width / 2, localX));
+    const clampedY = Math.max(margin + height / 2, Math.min(wallHeight - margin - height / 2, localY));
     return { clampedX, clampedY };
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/zone/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAezB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CA8E1D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/zone/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAezB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CAoF1D,CAAA"}

package/dist/zone/definition.js

@@ -8,6 +8,7 @@ import { zoneParametrics } from './parametrics';
 import { zoneQuickMeasurement } from './quick-measurement';
 import { buildRoomFloorplanSchedule } from './room-documentation';
 import { ZoneNode } from './schema';
+import { buildingUnitsForZone } from './unit-membership';
 /**
  * Zone — Stage A. Custom-behavior escape hatch: zone uses TSL shader
  * materials + `<Html>` portals + per-frame uniform poking, so it
@@ -51,6 +52,7 @@ export const zoneDefinition = {
     },
     // No dirty consumer rebuilds this kind — see NodeDefinition.dirtyTracking.
     dirtyTracking: false,
+    rendersChildren: false,
     renderer: {
         kind: 'parametric',
         module: () => import('./renderer'),
@@ -60,7 +62,12 @@ export const zoneDefinition = {
         priority: 4,
     },
     floorplan: buildZoneFloorplan,
-    floorplanDependencies: (node) => (node.autoFromWalls ? node.boundaryWallIds : []),
+    // Every unit under the building, not just the current owner: a zone that
+    // joins its first unit has no owner to depend on until the unit changes.
+    floorplanDependencies: (node, nodes) => [
+        ...(node.autoFromWalls ? node.boundaryWallIds : []),
+        ...buildingUnitsForZone(node, (id) => nodes[id]).map((unit) => unit.id),
+    ],
     // 2D body move — centroid-pivot polygon mover (same as slab / ceiling).
     // Without this, zone fell through to the overlay's generic free-translate
     // path, which committed a `position` field zone has no schema for, so the

package/dist/zone/floorplan.d.ts

@@ -1,8 +1,6 @@
 import { type FloorplanGeometry, type GeometryContext, type ZoneNode } from '@pascal-app/core';
 /**
- * Stage C floor-plan builder for zone. Zones are colored polygons —
- * fill + outline both come from `zone.color`. Selection adds an
- * accent-colored outline.
+ * Stage C floor-plan builder for zone. Zones are colored polygons.
  *
  * The zone's `name` renders as a centered text label at the polygon's
  * geometric centroid. The registry layer sorts zones before every

package/dist/zone/floorplan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/zone/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAEpB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAQzB;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,iBAAiB,GAAG,IAAI,CAqHjG"}
+{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/zone/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAEpB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AASzB;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,iBAAiB,GAAG,IAAI,CAmIjG"}