@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/shared/refrigerant-line-selection.js

@@ -1,13 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { analyzePortConnectivity, pauseSceneHistory, resolveConnectivityUpdates, resumeSceneHistory, sceneRegistry, useScene, } from '@pascal-app/core';
-import { DimensionPill, swallowNextClick, triggerSFX, useEditor } from '@pascal-app/editor';
+import { analyzePortConnectivity, findLevelAncestorId, pauseSceneHistory, resolveConnectivityUpdates, resumeSceneHistory, sceneRegistry, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { DimensionPill, isGridSnapActive, PATH_POINT_DRAG_LABEL, swallowNextClick, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { collectScenePorts, findNearestPortXZ } from '@pascal-app/editor/distribution';
 import { useViewer } from '@pascal-app/viewer';
 import { Html } from '@react-three/drei';
 import { createPortal, useFrame, useThree } from '@react-three/fiber';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Plane, Raycaster, Vector2, Vector3 } from 'three';
+import { useHandleDragScope } from './handle-drag-scope.js';
+import { createLivePreview } from './live-preview.js';
 import { REFRIGERANT_PORT_SYSTEMS } from './port-systems.js';
 import { HandleCube, MoveChevron } from './selection-handles.js';
 const PORT_SNAP_RADIUS_M = 0.4;
@@ -67,6 +69,8 @@ export function createRefrigerantLineSelectionAffordance(kind) {
 }
 function RefrigerantLineEndpointHandles({ line, target, }) {
     const { camera, gl } = useThree();
+    const override = useLiveNodeOverrides((state) => state.overrides.get(line.id));
+    const displayLine = override ? { ...line, ...override } : line;
     const outerRef = useRef(null);
     useFrame(() => {
         const outer = outerRef.current;
@@ -77,15 +81,17 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
         outer.scale.copy(target.scale);
     });
     const unit = useViewer((s) => s.unit);
+    const claimHandleDrag = useHandleDragScope();
     const [draggingIndex, setDraggingIndex] = useState(null);
     const [openCluster, setOpenCluster] = useState(null);
     const toggleCluster = (index) => setOpenCluster((cur) => (cur === index ? null : index));
     const dragRef = useRef(null);
+    /** Null when the mated joints cannot follow `path`. */
     const followUpdates = (connectivity, path) => {
         if (!connectivity)
             return [];
         const preview = { ...line, path };
-        return resolveConnectivityUpdates(connectivity, preview).filter((u) => useScene.getState().nodes[u.id]);
+        return (resolveConnectivityUpdates(connectivity, preview)?.filter((u) => useScene.getState().nodes[u.id]) ?? null);
     };
     const makeRay = (clientX, clientY) => {
         const rect = gl.domElement.getBoundingClientRect();
@@ -166,10 +172,15 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
         const initialPath = line.path.map((p) => [...p]);
         const startPoint = initialPath[index];
         const connectivity = analyzePortConnectivity(line, useScene.getState().nodes);
+        const livePreview = createLivePreview();
         pauseSceneHistory(useScene);
         useViewer.getState().setInputDragging(true);
         document.body.style.cursor = kind.axis === 'y' ? 'ns-resize' : 'grabbing';
         setDraggingIndex(index);
+        const releaseScope = claimHandleDrag(line.id, PATH_POINT_DRAG_LABEL, () => {
+            swallowNextClick();
+            finish(false);
+        });
         const isEndpoint = index === 0 || index === initialPath.length - 1;
         const swings = kind.axis === 'y' ? kind.along !== true : !kind.along;
         const neighborIndex = index === 0 ? 1 : index === initialPath.length - 1 ? index - 1 : null;
@@ -182,7 +193,7 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
             const drag = dragRef.current;
             if (!drag)
                 return;
-            const step = event.shiftKey ? 0 : useEditor.getState().gridSnapStep;
+            const step = isGridSnapActive() ? useEditor.getState().gridSnapStep : 0;
             const detached = event.altKey;
             let next = null;
             if (canSwing && pivot) {
@@ -215,60 +226,66 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
             if (!next)
                 return;
             if (isEndpoint) {
-                const port = findNearestPortXZ([next[0], next[1], next[2]], collectScenePorts({ excludeNodeId: line.id, systems: REFRIGERANT_PORT_SYSTEMS }), PORT_SNAP_RADIUS_M);
+                const port = findNearestPortXZ([next[0], next[1], next[2]], collectScenePorts({
+                    excludeNodeId: line.id,
+                    levelId: (findLevelAncestorId(line.id, useScene.getState().nodes) ?? undefined),
+                    systems: REFRIGERANT_PORT_SYSTEMS,
+                }), PORT_SNAP_RADIUS_M);
                 if (port)
                     next = [port.position[0], port.position[1], port.position[2]];
             }
             if (next[0] === drag.current[0] && next[1] === drag.current[1] && next[2] === drag.current[2])
                 return;
+            const path = line.path.map((p, i) => (i === drag.index ? next : p));
+            const follow = detached ? [] : followUpdates(drag.connectivity, path);
+            // Joints that cannot follow hold the last frame, which release commits.
+            if (!follow)
+                return;
             drag.current = next;
             drag.detached = detached;
             if (step > 0)
                 triggerSFX('sfx:grid-snap');
-            const path = line.path.map((p, i) => (i === drag.index ? next : p));
-            useScene
-                .getState()
-                .updateNodes([
+            livePreview.publish([
                 { id: line.id, data: { path } },
-                ...(detached ? [] : followUpdates(drag.connectivity, path)),
+                ...follow,
             ]);
         };
-        const onUp = () => {
+        const finish = (commit) => {
             const drag = dragRef.current;
             if (!drag)
                 return;
-            swallowNextClick();
             drag.cleanup();
             dragRef.current = null;
             setDraggingIndex(null);
             const detached = drag.detached;
             const finalPath = drag.initialPath.map((p, i) => i === drag.index ? drag.current : p);
-            const revert = detached
-                ? []
-                : (drag.connectivity?.connections ?? []).map((conn) => conn.kind === 'rigid-node'
-                    ? { id: conn.nodeId, data: { position: conn.startPosition } }
-                    : { id: conn.nodeId, data: { path: conn.startPath } });
-            useScene
-                .getState()
-                .updateNodes([
-                { id: line.id, data: { path: drag.initialPath } },
-                ...revert.filter((u) => useScene.getState().nodes[u.id]),
-            ]);
+            livePreview.clear();
             resumeSceneHistory(useScene);
+            if (!commit)
+                return;
             const moved = finalPath[drag.index].some((v, axis) => v !== drag.initialPath[drag.index][axis]);
-            if (moved) {
+            const follow = moved && (detached ? [] : followUpdates(drag.connectivity, finalPath));
+            if (follow) {
                 useScene
                     .getState()
                     .updateNodes([
                     { id: line.id, data: { path: finalPath } },
-                    ...(detached ? [] : followUpdates(drag.connectivity, finalPath)),
+                    ...follow,
                 ]);
             }
         };
+        const onUp = () => {
+            if (!dragRef.current)
+                return;
+            swallowNextClick();
+            finish(true);
+        };
+        const onCancel = () => finish(false);
         const cleanup = () => {
             window.removeEventListener('pointermove', onMove);
             window.removeEventListener('pointerup', onUp);
-            window.removeEventListener('pointercancel', onUp);
+            window.removeEventListener('pointercancel', onCancel);
+            releaseScope();
             useViewer.getState().setInputDragging(false);
             document.body.style.cursor = '';
         };
@@ -282,7 +299,7 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
         };
         window.addEventListener('pointermove', onMove);
         window.addEventListener('pointerup', onUp);
-        window.addEventListener('pointercancel', onUp);
+        window.addEventListener('pointercancel', onCancel);
     };
     const endpointArrows = useMemo(() => getEndpointArrows(line), [line]);
     const endpointIndices = useMemo(() => {
@@ -299,9 +316,9 @@ function RefrigerantLineEndpointHandles({ line, target, }) {
                                     .filter((a) => a.index === index)
                                     .map((a) => (_jsx(MoveChevron, { cursor: a.cursor, onPointerDown: onHandleDown(a.index, a.kind), position: a.position, rotationY: a.rotationY, vertical: a.vertical }, a.key)))] }, `line-end-${index}`));
                 }), draggingIndex !== null &&
-                line.path[draggingIndex] &&
+                displayLine.path[draggingIndex] &&
                 (() => {
-                    const point = line.path[draggingIndex];
+                    const point = displayLine.path[draggingIndex];
                     const origin = dragRef.current?.initialPath[draggingIndex] ?? point;
                     const deltas = [point[0] - origin[0], point[1] - origin[1], point[2] - origin[2]];
                     const axes = ['x', 'y', 'z'];

package/dist/shared/relative-roof-drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relative-roof-drag.d.ts","sourceRoot":"","sources":["../../src/shared/relative-roof-drag.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,oBAAoB,CAAA;AAG/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,cAAc,CAAA;CACpB,CAAA;AAYD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GACjC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAS1B;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE;IAC/C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,sBAAsB,GAAG,IAAI,CAAA;CAC7D,CAoEA;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,sBAAsB,EAC9B,MAAM,UAAQ,GACb,sBAAsB,CAYxB"}
+{"version":3,"file":"relative-roof-drag.d.ts","sourceRoot":"","sources":["../../src/shared/relative-roof-drag.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,oBAAoB,CAAA;AAG/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,cAAc,CAAA;CACpB,CAAA;AAUD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GACjC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAS1B;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE;IAC/C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,sBAAsB,GAAG,IAAI,CAAA;CAC7D,CAoEA;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,sBAAsB,EAC9B,MAAM,UAAQ,GACb,sBAAsB,CAaxB"}

package/dist/shared/relative-roof-drag.js

@@ -1,9 +1,9 @@
 import { sceneRegistry, } from '@pascal-app/core';
+import { isGridSnapActive, useEditor } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import * as THREE from 'three';
 import { resolveRoofSegmentHit } from './roof-segment-hit.js';
 import { getSurfaceY } from './roof-surface.js';
-const ROOF_DRAG_SNAP_STEP_M = 0.05;
 export function roofSegmentLocalToBuildingLocal(segmentId, position) {
     const segmentObj = sceneRegistry.nodes.get(segmentId);
     if (!segmentObj)
@@ -68,10 +68,11 @@ export function createRelativeRoofDrag(original) {
     };
 }
 export function snapRelativeRoofDragTarget(target, bypass = false) {
-    if (bypass)
+    const step = isGridSnapActive() ? useEditor.getState().gridSnapStep : 0;
+    if (bypass || step <= 0)
         return target;
-    const localX = Math.round(target.localX / ROOF_DRAG_SNAP_STEP_M) * ROOF_DRAG_SNAP_STEP_M;
-    const localZ = Math.round(target.localZ / ROOF_DRAG_SNAP_STEP_M) * ROOF_DRAG_SNAP_STEP_M;
+    const localX = Math.round(target.localX / step) * step;
+    const localZ = Math.round(target.localZ / step) * step;
     const surfaceOffsetY = target.localY - getSurfaceY(target.localX, target.localZ, target.segment);
     const localY = getSurfaceY(localX, localZ, target.segment) + surfaceOffsetY;
     return {

package/dist/shared/roof-opening-host.d.ts

@@ -1,4 +1,5 @@
 import type { AnyNode, AnyNodeId, RoofWallFaceId } from '@pascal-app/core';
+import { type DoorNode } from '@pascal-app/core';
 /**
  * Host-side helpers for openings (door / window) hosted on a roof-segment
  * wall face: resize-handle limits derived from the face profile, and the
@@ -12,7 +13,7 @@ type RoofHostedOpening = {
     position: [number, number, number];
     width: number;
     height: number;
-};
+} & Partial<Pick<DoorNode, 'rotation' | 'doorType' | 'sidelightLeft' | 'sidelightRight' | 'transomHeight'>>;
 type SceneReader = {
     get: (id: AnyNodeId) => unknown;
 };

package/dist/shared/roof-opening-host.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-opening-host.d.ts","sourceRoot":"","sources":["../../src/shared/roof-opening-host.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EAGT,cAAc,EACf,MAAM,kBAAkB,CAAA;AAQzB;;;;;GAKG;AAEH,KAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,OAAO,CAAA;CAAE,CAAA;AAStD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAKf;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAKf;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,SAAS,GAAG,IAAI,CAMlB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,SAAS,GAAG,IAAI,CAOlB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE;IACJ,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC,EACD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAqBzB"}
+{"version":3,"file":"roof-opening-host.d.ts","sourceRoot":"","sources":["../../src/shared/roof-opening-host.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EAGT,cAAc,EACf,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,QAAQ,EAOd,MAAM,kBAAkB,CAAA;AAEzB;;;;;GAKG;AAEH,KAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CACT,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,GAAG,eAAe,GAAG,gBAAgB,GAAG,eAAe,CAAC,CAC/F,CAAA;AAED,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,OAAO,CAAA;CAAE,CAAA;AAStD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAYf;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAWf;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,SAAS,GAAG,IAAI,CAMlB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,SAAS,GAAG,IAAI,CAOlB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE;IACJ,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC,EACD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,GACzC,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAqBzB"}

package/dist/shared/roof-opening-host.js

@@ -1,4 +1,4 @@
-import { getMaxRoofRectHeightFromAnchor, getMaxRoofRectWidthFromAnchor, getRoofSegmentWallFace, roofFacePointToSegment, } from '@pascal-app/core';
+import { getDoorOpeningSize, getMaxRoofRectHeightFromAnchor, getMaxRoofRectWidthFromAnchor, getRoofSegmentWallFace, openingHostFacing, roofFacePointToSegment, } from '@pascal-app/core';
 function resolveHostFace(node, scene) {
     if (!(node.roofSegmentId && node.roofFace))
         return null;
@@ -16,8 +16,13 @@ export function readRoofFaceWidthMax(node, scene, growSign) {
     const host = resolveHostFace(node, scene);
     if (!host)
         return null;
-    const anchorU = node.position[0] - (growSign * node.width) / 2;
-    return getMaxRoofRectWidthFromAnchor(host.face, anchorU, growSign, node.position[1], node.height);
+    const size = getDoorOpeningSize(node);
+    const centerX = node.position[0] - size.leafOffsetX * openingHostFacing(node);
+    const centerY = node.position[1] + (size.height - node.height) / 2;
+    const direction = growSign * openingHostFacing(node);
+    const anchorU = centerX - (direction * size.width) / 2;
+    return (getMaxRoofRectWidthFromAnchor(host.face, anchorU, direction, centerY, size.height) -
+        (size.width - node.width));
 }
 /**
  * Resize-handle height limit for a roof-hosted opening. `growSign` +1 =
@@ -28,8 +33,12 @@ export function readRoofFaceHeightMax(node, scene, growSign) {
     const host = resolveHostFace(node, scene);
     if (!host)
         return null;
-    const anchorV = node.position[1] - (growSign * node.height) / 2;
-    return getMaxRoofRectHeightFromAnchor(host.face, node.position[0], node.width, anchorV, growSign);
+    const size = getDoorOpeningSize(node);
+    const centerX = node.position[0] - size.leafOffsetX * openingHostFacing(node);
+    const centerY = node.position[1] + (size.height - node.height) / 2;
+    const anchorV = centerY - (growSign * size.height) / 2;
+    return (getMaxRoofRectHeightFromAnchor(host.face, centerX, size.width, anchorV, growSign) -
+        (size.height - node.height));
 }
 /**
  * Level hosting a roof-hosted opening's roof (opening → segment → roof →

package/dist/shared/roof-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-surface.d.ts","sourceRoot":"","sources":["../../src/shared/roof-surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAaL,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAEhF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAEvF;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;IACpD,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;CACrD,CAAA;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,eAAe,EACxB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT,qBAAqB,CAkBvB;AAyWD,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,eAAe,EACpB,GAAG,gBAAsB,GACxB,KAAK,CAAC,OAAO,CA2Hf;AAOD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,oBAqBjF;AAQD,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAIpF"}
+{"version":3,"file":"roof-surface.d.ts","sourceRoot":"","sources":["../../src/shared/roof-surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAaL,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAEhF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAEvF;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;IACpD,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;CACrD,CAAA;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,eAAe,EACxB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT,qBAAqB,CAkBvB;AA2WD,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,eAAe,EACpB,GAAG,gBAAsB,GACxB,KAAK,CAAC,OAAO,CA2Hf;AAOD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,oBAqBjF;AAQD,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,MAAM,CAIpF"}

package/dist/shared/roof-surface.js

@@ -75,6 +75,8 @@ function roofSurfaceFaceCacheKey(segment) {
         segment.dutchHipWidthRatio ?? ROOF_SHAPE_DEFAULTS.dutchHipWidthRatio,
         segment.dutchHipHeightRatio ?? ROOF_SHAPE_DEFAULTS.dutchHipHeightRatio,
         segment.dutchWaistLengthRatio ?? ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio,
+        segment.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake,
+        segment.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness,
     ].join('|');
 }
 function buildRoofSurfaceFaces(segment) {

package/dist/shared/roof-wall-opening-cut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-wall-opening-cut.d.ts","sourceRoot":"","sources":["../../src/shared/roof-wall-opening-cut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,QAAQ,GAAG,UAAU,EAC3B,WAAW,EAAE,eAAe,GAC3B,KAAK,CAAC,cAAc,GAAG,IAAI,CA0B7B"}
+{"version":3,"file":"roof-wall-opening-cut.d.ts","sourceRoot":"","sources":["../../src/shared/roof-wall-opening-cut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAQ7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,QAAQ,GAAG,UAAU,EAC3B,WAAW,EAAE,eAAe,GAC3B,KAAK,CAAC,cAAc,GAAG,IAAI,CA0B7B"}

package/dist/shared/roof-wall-opening-cut.js

@@ -1,4 +1,4 @@
-import { getRoofWallFaceFrame, roofFacePointToSegment } from '@pascal-app/core';
+import { getDoorOpeningSize, getRoofWallFaceFrame, openingHostFacing, roofFacePointToSegment, } from '@pascal-app/core';
 import { buildOpeningCutoutGeometry, getOpeningCutoutBottomPadding } from '@pascal-app/viewer';
 import * as THREE from 'three';
 /**
@@ -38,15 +38,23 @@ export function buildRoofWallOpeningCut(node, hostSegment) {
     return geo;
 }
 function buildCutGeometry(node, wallThickness, depth, bottomPad) {
+    const size = getDoorOpeningSize(node);
+    const offsetX = -size.leafOffsetX * openingHostFacing(node);
+    const offsetY = (size.height - node.height) / 2;
     const shaped = node.openingKind === 'opening' ||
         node.openingShape === 'arch' ||
         node.openingShape === 'rounded';
     if (!shaped) {
-        const geo = new THREE.BoxGeometry(node.width, node.height + bottomPad, depth);
-        geo.translate(0, -bottomPad / 2, 0);
+        const geo = new THREE.BoxGeometry(size.width, size.height + bottomPad, depth);
+        geo.translate(offsetX, offsetY - bottomPad / 2, 0);
         return geo;
     }
-    const halfWidth = node.width / 2;
-    const halfHeight = node.height / 2;
-    return buildOpeningCutoutGeometry(node, { left: -halfWidth, right: halfWidth, bottom: -halfHeight - bottomPad, top: halfHeight }, depth, wallThickness);
+    const halfWidth = size.width / 2;
+    const halfHeight = size.height / 2;
+    return buildOpeningCutoutGeometry(node, {
+        left: offsetX - halfWidth,
+        right: offsetX + halfWidth,
+        bottom: offsetY - halfHeight - bottomPad,
+        top: offsetY + halfHeight,
+    }, depth, wallThickness);
 }

package/dist/shared/roof-wall-opening-placement.d.ts

@@ -1,4 +1,4 @@
-import { type RoofEvent, type RoofNode, type RoofSegmentNode, type RoofSegmentWallFace } from '@pascal-app/core';
+import { type DoorNode, type RoofEvent, type RoofNode, type RoofSegmentNode, type RoofSegmentWallFace } from '@pascal-app/core';
 import { Vector3 } from 'three';
 /**
  * Stateless target/cursor math shared by the door and window placement
@@ -35,6 +35,7 @@ export declare function resolveRoofWallOpeningTarget(args: {
     width: number;
     height: number;
     ignoreId?: string;
+    opening?: Partial<DoorNode>;
     vertical: RoofWallOpeningVertical;
 }): RoofWallOpeningTarget | null;
 /**

package/dist/shared/roof-wall-opening-placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-wall-opening-placement.d.ts","sourceRoot":"","sources":["../../src/shared/roof-wall-opening-placement.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EAGzB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B;;;;;GAKG;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,eAAe,CAAA;IACxB,IAAI,EAAE,mBAAmB,CAAA;IACzB,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,+DAA+D;IAC/D,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,uBAAuB;AACjC,0DAA0D;AACxD;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,sEAAsE;GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAAA;AAElD;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,uBAAuB,CAAA;CAClC,GAAG,qBAAqB,GAAG,IAAI,CA+B/B;AAID;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQrF;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,QAAQ,GACb;IAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAWlE"}
+{"version":3,"file":"roof-wall-opening-placement.d.ts","sourceRoot":"","sources":["../../src/shared/roof-wall-opening-placement.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,QAAQ,EAEb,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EAGzB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B;;;;;GAKG;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,eAAe,CAAA;IACxB,IAAI,EAAE,mBAAmB,CAAA;IACzB,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,+DAA+D;IAC/D,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,uBAAuB;AACjC,0DAA0D;AACxD;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,sEAAsE;GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAAA;AAElD;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC3B,QAAQ,EAAE,uBAAuB,CAAA;CAClC,GAAG,qBAAqB,GAAG,IAAI,CAiC/B;AAID;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQrF;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,QAAQ,GACb;IAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAWlE"}

package/dist/shared/roof-wall-opening-placement.js

@@ -1,4 +1,4 @@
-import { clampRectToRoofWallFace, roofFacePointToSegment, sceneRegistry, } from '@pascal-app/core';
+import { clampRectToRoofWallFace, getDoorOpeningSize, roofFacePointToSegment, sceneRegistry, } from '@pascal-app/core';
 import { hasRoofFaceChildOverlap, resolveRoofWallHit } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Vector3 } from 'three';
@@ -9,19 +9,21 @@ import { Vector3 } from 'three';
  * fit at that spot.
  */
 export function resolveRoofWallOpeningTarget(args) {
-    const { event, width, height, ignoreId, vertical } = args;
+    const { event, ignoreId, vertical } = args;
+    const size = getDoorOpeningSize({ ...args.opening, width: args.width, height: args.height });
+    const { width, height } = size;
     const hit = resolveRoofWallHit(event.node, event.position, event.normal, event.object);
     if (!hit)
         return null;
     const centerV = vertical.kind === 'bottom-locked' ? height / 2 : (vertical.snap?.(hit.v) ?? hit.v);
-    const clamped = clampRectToRoofWallFace(hit.face, hit.u, centerV, width, height, vertical.kind === 'bottom-locked' ? { lockV: true } : undefined);
+    const clamped = clampRectToRoofWallFace(hit.face, hit.u - size.leafOffsetX, centerV, width, height, vertical.kind === 'bottom-locked' ? { lockV: true } : undefined);
     if (!clamped)
         return null;
     const valid = !hasRoofFaceChildOverlap(hit.segment, hit.face.id, clamped.u, clamped.v, width, height, ignoreId);
     return {
         segment: hit.segment,
         face: hit.face,
-        position: [clamped.u, clamped.v, 0],
+        position: [clamped.u + size.leafOffsetX, clamped.v - (height - args.height) / 2, 0],
         valid,
     };
 }

package/dist/shared/run-hanger-inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-hanger-inspector.d.ts","sourceRoot":"","sources":["../../src/shared/run-hanger-inspector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGrE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BAkH1E"}
+{"version":3,"file":"run-hanger-inspector.d.ts","sourceRoot":"","sources":["../../src/shared/run-hanger-inspector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGrE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BA0J1E"}

package/dist/shared/run-hanger-inspector.js

@@ -1,10 +1,11 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { emitter, useScene } from '@pascal-app/core';
+import { emitter, usePascalI18n, useScene } from '@pascal-app/core';
 import { useMemo } from 'react';
 import { planRunHangerSlots } from './run-hangers.js';
 import SystemCheckPanel from './system-check-panel.js';
 export default function RunHangerInspector({ node }) {
+    const i18n = usePascalI18n();
     const nodes = useScene((state) => state.nodes);
     const slots = useMemo(() => planRunHangerSlots(node, nodes), [node, nodes]);
     if (!node.autoHangers)
@@ -22,12 +23,32 @@ export default function RunHangerInspector({ node }) {
             },
         });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(SystemCheckPanel, { nodeId: node.id, nodes: nodes }), _jsxs("section", { className: "space-y-2 border-t pt-3", children: [_jsx("h3", { className: "text-sm font-medium", children: "Individual hangers" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Positions are measured along each path segment. Changing spacing regenerates the numbered slots." }), _jsx("div", { className: "max-h-72 space-y-3 overflow-y-auto", children: slots.map((slot, index) => {
+    return (_jsxs(_Fragment, { children: [_jsx(SystemCheckPanel, { nodeId: node.id, nodes: nodes }), _jsxs("section", { className: "space-y-2 border-t pt-3", children: [_jsx("h3", { className: "text-sm font-medium", children: i18n._({
+                            id: 'node.shared.runHangerInspector.individualHangers',
+                            message: 'Individual hangers',
+                        }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: i18n._({
+                            id: 'node.shared.runHangerInspector.positionsAreMeasuredAlongEachPath',
+                            message: 'Positions are measured along each path segment. Changing spacing regenerates the numbered slots.',
+                        }) }), _jsx("div", { className: "max-h-72 space-y-3 overflow-y-auto", children: slots.map((slot, index) => {
                             const a = node.path[slot.segmentIndex];
                             const b = node.path[slot.segmentIndex + 1];
                             const length = Math.hypot(b[0] - a[0], b[1] - a[1], b[2] - a[2]);
                             const hostId = node.hangerOverrides?.[slot.id]?.hostId ?? '';
-                            return (_jsxs("div", { className: "space-y-1 rounded border p-2 text-xs", children: [_jsxs("div", { className: "flex justify-between", children: [_jsxs("span", { children: ["Hanger ", index + 1, " \u00B7 segment ", slot.segmentIndex + 1] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: slot.skipped, onChange: (event) => update(slot.id, { skipped: event.target.checked }) }), ' ', "Skip"] })] }), !slot.skipped && !slot.hanger && (_jsx("p", { role: "status", className: "text-amber-600 dark:text-amber-400", children: "No support within reach. Move the hanger or choose another host." })), _jsxs("label", { className: "flex justify-between", children: ["Position (m)", _jsx("input", { "aria-label": `Hanger ${index + 1} position in metres`, type: "number", min: 0, max: length, step: 0.1, defaultValue: Number((slot.fraction * length).toFixed(3)), className: "w-20 bg-transparent", onBlur: (event) => {
+                            return (_jsxs("div", { className: "space-y-1 rounded border p-2 text-xs", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { children: i18n._({
+                                                    id: 'node.shared.runHangerInspector.hangerOnSegment',
+                                                    message: 'Hanger {number} · segment {segment}',
+                                                    values: { number: index + 1, segment: slot.segmentIndex + 1 },
+                                                }) }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: slot.skipped, onChange: (event) => update(slot.id, { skipped: event.target.checked }) }), ' ', i18n._({ id: 'node.shared.runHangerInspector.skip', message: 'Skip' })] })] }), !slot.skipped && !slot.hanger && (_jsx("p", { role: "status", className: "text-amber-600 dark:text-amber-400", children: i18n._({
+                                            id: 'node.shared.runHangerInspector.noSupportWithinReachMoveThe',
+                                            message: 'No support within reach. Move the hanger or choose another host.',
+                                        }) })), _jsxs("label", { className: "flex justify-between", children: [i18n._({
+                                                id: 'node.shared.runHangerInspector.positionM',
+                                                message: 'Position (m)',
+                                            }), _jsx("input", { "aria-label": i18n._({
+                                                    id: 'node.shared.runHangerInspector.positionLabel',
+                                                    message: 'Hanger {number} position in metres',
+                                                    values: { number: index + 1 },
+                                                }), type: "number", min: 0, max: length, step: 0.1, defaultValue: Number((slot.fraction * length).toFixed(3)), className: "w-20 bg-transparent", onBlur: (event) => {
                                                     const value = event.target.valueAsNumber;
                                                     if (Number.isFinite(value) &&
                                                         value >= 0 &&
@@ -36,8 +57,21 @@ export default function RunHangerInspector({ node }) {
                                                         update(slot.id, { fraction: value / length });
                                                     else
                                                         event.target.value = String(Number((slot.fraction * length).toFixed(3)));
-                                                } }, `${slot.id}:${slot.fraction}`)] }), _jsxs("select", { "aria-label": `Hanger ${index + 1} support`, value: hostId, className: "w-full bg-background", onChange: (event) => update(slot.id, { hostId: event.target.value }), children: [_jsx("option", { value: "", children: "Automatic support" }), hostId && !hosts.some((host) => host.id === hostId) && (_jsx("option", { value: hostId, children: "Missing support" })), hosts.map((host) => (_jsxs("option", { value: host.id, children: [host.name || host.type, " \u00B7 ", host.id.slice(-6)] }, host.id)))] }), slot.hanger && (_jsx("button", { type: "button", className: "underline", onClick: () => emitter.emit('camera-controls:focus', {
+                                                } }, `${slot.id}:${slot.fraction}`)] }), _jsxs("select", { "aria-label": i18n._({
+                                            id: 'node.shared.runHangerInspector.supportLabel',
+                                            message: 'Hanger {number} support',
+                                            values: { number: index + 1 },
+                                        }), value: hostId, className: "w-full bg-background", onChange: (event) => update(slot.id, { hostId: event.target.value }), children: [_jsx("option", { value: "", children: i18n._({
+                                                    id: 'node.shared.runHangerInspector.automaticSupport',
+                                                    message: 'Automatic support',
+                                                }) }), hostId && !hosts.some((host) => host.id === hostId) && (_jsx("option", { value: hostId, children: i18n._({
+                                                    id: 'node.shared.runHangerInspector.missingSupport',
+                                                    message: 'Missing support',
+                                                }) })), hosts.map((host) => (_jsxs("option", { value: host.id, children: [host.name || host.type, " \u00B7 ", host.id.slice(-6)] }, host.id)))] }), slot.hanger && (_jsx("button", { type: "button", className: "underline", onClick: () => emitter.emit('camera-controls:focus', {
                                             nodeId: slot.hanger.hostId,
-                                        }), children: "Reveal support" }))] }, slot.id));
+                                        }), children: i18n._({
+                                            id: 'node.shared.runHangerInspector.revealSupport',
+                                            message: 'Reveal support',
+                                        }) }))] }, slot.id));
                         }) })] })] }));
 }

package/dist/shared/run-hangers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-hangers.d.ts","sourceRoot":"","sources":["../../src/shared/run-hangers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EAMpB,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAGL,eAAe,EACf,KAAK,EAOL,OAAO,EACR,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,eAAe,CAAA;AAC5D,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CAAA;AAEnG,wBAAgB,gBAAgB,CAAC,GAAG,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAqBlF;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAChC,aAAa,EAAE,CA6EjB;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,CAEhG;AA0CD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,YAAY,GAAG,eAAe,CAQ1E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CA+B7F;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,eAAe,GAAG,KAAK,CAsC/E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,GAAG,iBAAiB,EAAE,CAqC/F"}
+{"version":3,"file":"run-hangers.d.ts","sourceRoot":"","sources":["../../src/shared/run-hangers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EAMpB,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAGL,eAAe,EACf,KAAK,EAOL,OAAO,EACR,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,eAAe,CAAA;AAC5D,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CAAA;AAEnG,wBAAgB,gBAAgB,CAAC,GAAG,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAqBlF;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAChC,aAAa,EAAE,CA8EjB;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,CAEhG;AA0CD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,YAAY,GAAG,eAAe,CAQ1E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CA+B7F;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,eAAe,GAAG,KAAK,CAsC/E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,GAAG,iBAAiB,EAAE,CAqC/F"}

package/dist/shared/run-hangers.js

@@ -1,6 +1,6 @@
 import { getWallBaseElevationForNodes, getWallCurveFrameAt, getWallEffectiveHeightForNodes, getWallLocalFaceZ, getWallThickness, pointInPolygon, resolveCeilingHeight, } from '@pascal-app/core';
 import { BoxGeometry, CylinderGeometry, ExtrudeGeometry, Group, Matrix4, Mesh, MeshStandardMaterial, Path, Shape, Vector2, Vector3, } from 'three';
-import { rectSectionAxes } from '../duct-segment/geometry.js';
+import { rectSectionAxes } from '../duct-segment/profile.js';
 import { hasWallChildOverlap, resolveWallAttachmentAtPlanPoint } from './wall-attach-target.js';
 export function hangerSceneNodes(ctx) {
     if (ctx?.sceneNodes)
@@ -72,7 +72,7 @@ export function planRunHangerSlots(run, nodes) {
                     if (!hit)
                         continue;
                     const base = getWallBaseElevationForNodes(host, nodes);
-                    const top = base + getWallEffectiveHeightForNodes(host, nodes);
+                    const top = base + getWallEffectiveHeightForNodes(host, nodes, hit.localX / hit.wallLength);
                     if (center.y < base || center.y > top)
                         continue;
                     if (hasWallChildOverlap(host.id, nodes, hit.localX, center.y - base, 0.08, 0.08))

package/dist/shared/run-move-connectivity.d.ts

@@ -25,7 +25,9 @@ type MovedTransform = {
  * through `useLiveNodeOverrides` (transient — no history churn;
  * `getEffectiveNode` merges overrides so the connected geometry rebuilds at
  * pointer rate), then fold into the commit's single tracked `updateNodes`
- * batch.
+ * batch. A transform the followers cannot follow without pulling a joint
+ * apart resolves to `null`: the tool holds its last shown frame, so release
+ * commits what is on screen.
  *
  * Returns `null` when nothing is connected, so callers skip all the work.
  */
@@ -35,15 +37,22 @@ export declare class RunMoveConnectivity {
     private readonly connectivity;
     private overriddenIds;
     constructor(node: AnyNode, connectivity: PortConnectivity);
-    /** Patches that keep the connected nodes attached for a given live transform. */
+    /** Patches that keep the connected nodes attached for a given live transform,
+     *  or null when they cannot all stay attached. */
     private updatesFor;
-    /** Live-preview the followers for the moved node's current drag transform. */
-    preview(transform: MovedTransform): void;
-    /** Follower patches to fold into the commit `updateNodes` batch. */
+    /** Live-preview the followers for the moved node's current drag transform,
+     *  returning the follower patches it shows. Null leaves the previous preview
+     *  in place: the followers cannot follow this transform. */
+    preview(transform: MovedTransform): {
+        id: AnyNodeId;
+        data: Partial<AnyNode>;
+    }[] | null;
+    /** Follower patches to fold into the commit `updateNodes` batch, or null when
+     *  they cannot follow `transform`. */
     commitUpdates(transform: MovedTransform): {
         id: AnyNodeId;
         data: Partial<AnyNode>;
-    }[];
+    }[] | null;
     /** Drop all live overrides (commit clears them once the scene write lands;
      *  cancel / unmount clears them to reveal the unchanged followers). */
     clear(): void;

package/dist/shared/run-move-connectivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-move-connectivity.d.ts","sourceRoot":"","sources":["../../src/shared/run-move-connectivity.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAEd,KAAK,gBAAgB,EAItB,MAAM,kBAAkB,CAAA;AAEzB,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAEpC;gEACgE;AAChE,KAAK,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAExD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,GAAG,mBAAmB,GAAG,IAAI,CAIlF;AAED,qBAAa,mBAAmB;IAI5B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAJ/B,OAAO,CAAC,aAAa,CAAkB;IAEvC,YACmB,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,gBAAgB,EAC7C;IAEJ,iFAAiF;IACjF,OAAO,CAAC,UAAU;IAOlB,8EAA8E;IAC9E,OAAO,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAmBvC;IAED,oEAAoE;IACpE,aAAa,CAAC,SAAS,EAAE,cAAc,GAAG;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,CAEpF;IAED;2EACuE;IACvE,KAAK,IAAI,IAAI,CAOZ;CACF"}
+{"version":3,"file":"run-move-connectivity.d.ts","sourceRoot":"","sources":["../../src/shared/run-move-connectivity.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAEd,KAAK,gBAAgB,EAItB,MAAM,kBAAkB,CAAA;AAEzB,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAEpC;gEACgE;AAChE,KAAK,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAExD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,GAAG,mBAAmB,GAAG,IAAI,CAIlF;AAED,qBAAa,mBAAmB;IAI5B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAJ/B,OAAO,CAAC,aAAa,CAAkB;IAEvC,YACmB,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,gBAAgB,EAC7C;IAEJ;sDACkD;IAClD,OAAO,CAAC,UAAU;IAWlB;;gEAE4D;IAC5D,OAAO,CAAC,SAAS,EAAE,cAAc,GAAG;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,GAAG,IAAI,CAqBrF;IAED;0CACsC;IACtC,aAAa,CAAC,SAAS,EAAE,cAAc,GAAG;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,GAAG,IAAI,CAE3F;IAED;2EACuE;IACvE,KAAK,IAAI,IAAI,CAOZ;CACF"}

package/dist/shared/run-move-connectivity.js

@@ -18,7 +18,9 @@ import { analyzePortConnectivity, resolveConnectivityUpdates, useLiveNodeOverrid
  * through `useLiveNodeOverrides` (transient — no history churn;
  * `getEffectiveNode` merges overrides so the connected geometry rebuilds at
  * pointer rate), then fold into the commit's single tracked `updateNodes`
- * batch.
+ * batch. A transform the followers cannot follow without pulling a joint
+ * apart resolves to `null`: the tool holds its last shown frame, so release
+ * commits what is on screen.
  *
  * Returns `null` when nothing is connected, so callers skip all the work.
  */
@@ -36,14 +38,19 @@ export class RunMoveConnectivity {
         this.node = node;
         this.connectivity = connectivity;
     }
-    /** Patches that keep the connected nodes attached for a given live transform. */
+    /** Patches that keep the connected nodes attached for a given live transform,
+     *  or null when they cannot all stay attached. */
     updatesFor(transform) {
         const preview = { ...this.node, ...transform };
-        return resolveConnectivityUpdates(this.connectivity, preview).filter((u) => useScene.getState().nodes[u.id]);
+        return (resolveConnectivityUpdates(this.connectivity, preview)?.filter((u) => useScene.getState().nodes[u.id]) ?? null);
     }
-    /** Live-preview the followers for the moved node's current drag transform. */
+    /** Live-preview the followers for the moved node's current drag transform,
+     *  returning the follower patches it shows. Null leaves the previous preview
+     *  in place: the followers cannot follow this transform. */
     preview(transform) {
         const updates = this.updatesFor(transform);
+        if (!updates)
+            return null;
         const overrides = useLiveNodeOverrides.getState();
         const nextIds = updates.map((u) => u.id);
         // Drop overrides on nodes that fell out of this frame's update set (e.g. a
@@ -63,8 +70,10 @@ export class RunMoveConnectivity {
             }
         }
         this.overriddenIds = nextIds;
+        return updates;
     }
-    /** Follower patches to fold into the commit `updateNodes` batch. */
+    /** Follower patches to fold into the commit `updateNodes` batch, or null when
+     *  they cannot follow `transform`. */
     commitUpdates(transform) {
         return this.updatesFor(transform);
     }

package/dist/shared/run-tool-options.d.ts

@@ -0,0 +1,8 @@
+import type { ToolOption } from '@pascal-app/core';
+type RunKind = 'duct-segment' | 'pipe-segment';
+export declare function updateRunDefaults(kind: RunKind, patch: Record<string, unknown>): void;
+export declare function clearRunContinuation(kind: RunKind): void;
+export declare const ductRunToolOptions: ToolOption[];
+export declare const pipeRunToolOptions: ToolOption[];
+export {};
+//# sourceMappingURL=run-tool-options.d.ts.map

package/dist/shared/run-tool-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-tool-options.d.ts","sourceRoot":"","sources":["../../src/shared/run-tool-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGlD,KAAK,OAAO,GAAG,cAAc,GAAG,cAAc,CAAA;AAE9C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAGrF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAGxD;AA8GD,eAAO,MAAM,kBAAkB,EAAE,UAAU,EA0E1C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,UAAU,EA4D1C,CAAA"}