@pascal-app/nodes 1.0.7 → 1.1.0

package/dist/shared/handle-drag-scope.d.ts

@@ -0,0 +1,14 @@
+export type ClaimHandleDrag = (nodeId: string, handle: string, onCancel: () => void) => () => void;
+/**
+ * Starts one host component's selection-handle drags under the editor's
+ * gesture owner, each claiming the `handle-drag` scope. The snap helpers
+ * (`isGridSnapActive()` and friends) resolve the kind's snap context from that
+ * scope, and the HUD shows its chip; with no scope, Select mode reads every
+ * snap mode as off. `onCancel` must drop the drag without committing it. It
+ * runs on Escape (`tool:cancel`), on any undo or redo, when the mode, level or
+ * selection changes or the scope is replaced, when the node is deleted, and
+ * when the host unmounts. The release a claim returns ends the drag and only
+ * the scope it claimed.
+ */
+export declare function useHandleDragScope(): ClaimHandleDrag;
+//# sourceMappingURL=handle-drag-scope.d.ts.map

package/dist/shared/handle-drag-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-drag-scope.d.ts","sourceRoot":"","sources":["../../src/shared/handle-drag-scope.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;AAElG;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAqBpD"}

package/dist/shared/handle-drag-scope.js

@@ -0,0 +1,36 @@
+import { emitter, useScene } from '@pascal-app/core';
+import { beginGesture, markToolCancelConsumed } from '@pascal-app/editor';
+import { useEffect, useRef } from 'react';
+/**
+ * Starts one host component's selection-handle drags under the editor's
+ * gesture owner, each claiming the `handle-drag` scope. The snap helpers
+ * (`isGridSnapActive()` and friends) resolve the kind's snap context from that
+ * scope, and the HUD shows its chip; with no scope, Select mode reads every
+ * snap mode as off. `onCancel` must drop the drag without committing it. It
+ * runs on Escape (`tool:cancel`), on any undo or redo, when the mode, level or
+ * selection changes or the scope is replaced, when the node is deleted, and
+ * when the host unmounts. The release a claim returns ends the drag and only
+ * the scope it claimed.
+ */
+export function useHandleDragScope() {
+    const live = useRef(null);
+    useEffect(() => () => live.current?.cancel('unmount'), []);
+    return (nodeId, handle, onCancel) => {
+        const gesture = beginGesture({
+            kind: 'handle-drag',
+            scope: { kind: 'handle-drag', nodeId, handle },
+            onCancel,
+            stale: () => !useScene.getState().nodes[nodeId],
+        });
+        live.current = gesture;
+        const cancel = () => {
+            markToolCancelConsumed();
+            gesture.cancel('cancel');
+        };
+        emitter.on('tool:cancel', cancel);
+        return () => {
+            emitter.off('tool:cancel', cancel);
+            gesture.end();
+        };
+    };
+}

package/dist/shared/hosted-resize.d.ts

@@ -3,10 +3,12 @@ export type HostedEditPolicy = {
     host: (node: AnyNode) => boolean;
     child: (node: AnyNode) => boolean;
     provider?: SurfaceProvider;
+    /** Surfaces depend only on the edited host, not other scene nodes. */
+    localSurfaces?: boolean;
 };
 type Nodes = Record<AnyNodeId, AnyNode>;
 export type HostedUpdate = readonly [AnyNodeId, Partial<AnyNode>];
-export declare function hostedChildUpdates(before: Nodes, after: Nodes, policy: HostedEditPolicy): HostedUpdate[] | null;
+export declare function hostedChildUpdates(before: Nodes, after: Nodes, policy: HostedEditPolicy, hostIds?: Iterable<AnyNodeId>): HostedUpdate[] | null;
 export declare function planHostedEdit(sceneApi: SceneApi, apply: (staged: SceneApi) => void, policy: HostedEditPolicy): HostedUpdate[] | null;
 export declare function withHostedChildren<N extends AnyNode>(descriptor: HandleDescriptor<N>, policy: HostedEditPolicy): HandleDescriptor<N>;
 export {};

package/dist/shared/hosted-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hosted-resize.d.ts","sourceRoot":"","sources":["../../src/shared/hosted-resize.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAGd,KAAK,gBAAgB,EAGrB,KAAK,QAAQ,EACb,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAUzB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAA;IAChC,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAA;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B,CAAA;AAED,KAAK,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AACvC,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;AASjE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,gBAAgB,GACvB,YAAY,EAAE,GAAG,IAAI,CAsFvB;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,EACjC,MAAM,EAAE,gBAAgB,GACvB,YAAY,EAAE,GAAG,IAAI,CA8BvB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,EAClD,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAE,gBAAgB,GACvB,gBAAgB,CAAC,CAAC,CAAC,CA6DrB"}
+{"version":3,"file":"hosted-resize.d.ts","sourceRoot":"","sources":["../../src/shared/hosted-resize.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAGd,KAAK,gBAAgB,EAGrB,KAAK,QAAQ,EACb,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAUzB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAA;IAChC,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAA;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AACvC,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;AASjE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,gBAAgB,EACxB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,GAC5B,YAAY,EAAE,GAAG,IAAI,CAsFvB;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,EACjC,MAAM,EAAE,gBAAgB,GACvB,YAAY,EAAE,GAAG,IAAI,CAmCvB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,EAClD,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAE,gBAAgB,GACvB,gBAAgB,CAAC,CAAC,CAAC,CAgErB"}

package/dist/shared/hosted-resize.js

@@ -6,9 +6,9 @@ function surfaceScene(nodes) {
         get: (id) => nodes[id],
     };
 }
-export function hostedChildUpdates(before, after, policy) {
+export function hostedChildUpdates(before, after, policy, hostIds) {
     const updates = [];
-    for (const host of Object.values(before)) {
+    for (const host of hostIds ? Array.from(hostIds, (id) => before[id]) : Object.values(before)) {
         if (!policy.host(host))
             continue;
         const children = (host.children ?? [])
@@ -82,7 +82,7 @@ export function hostedChildUpdates(before, after, policy) {
 }
 export function planHostedEdit(sceneApi, apply, policy) {
     const before = sceneApi.nodes();
-    const after = { ...before };
+    const after = policy.localSurfaces ? Object.create(before) : { ...before };
     const updates = new Map();
     let supported = true;
     const staged = {
@@ -108,7 +108,7 @@ export function planHostedEdit(sceneApi, apply, policy) {
     apply(staged);
     if (!supported)
         return null;
-    const children = hostedChildUpdates(before, after, policy);
+    const children = hostedChildUpdates(before, after, policy, policy.localSurfaces ? updates.keys() : undefined);
     if (!children)
         return null;
     for (const [id, data] of children)
@@ -134,7 +134,9 @@ export function withHostedChildren(descriptor, policy) {
         else
             staged.update(descriptor.overrideTarget?.(node, staged) ?? node.id, patch);
     }, policy);
-    const hasHostedChildren = (scene) => Object.values(scene?.nodes() ?? {}).some((node) => policy.host(node) &&
+    const hasHostedChildren = (scene, edited) => (policy.localSurfaces
+        ? [scene.get(edited.id) ?? edited]
+        : Object.values(scene?.nodes() ?? {})).some((node) => policy.host(node) &&
         (node.children ?? []).some((id) => {
             const child = scene.get(id);
             return child && policy.child(child);
@@ -143,19 +145,19 @@ export function withHostedChildren(descriptor, policy) {
         ...descriptor,
         apply(node, value, sceneApi, modifiers) {
             const patch = descriptor.apply(node, value, sceneApi, modifiers);
-            if (!hasHostedChildren(sceneApi) || plan(node, patch, sceneApi, modifiers))
+            if (!hasHostedChildren(sceneApi, node) || plan(node, patch, sceneApi, modifiers))
                 return patch;
             const target = sceneApi.get(descriptor.overrideTarget?.(node, sceneApi) ?? node.id) ?? node;
             return Object.fromEntries(Object.keys(patch).map((key) => [key, target[key]]));
         },
         previewOverrides(node, value, sceneApi, modifiers) {
-            if (!hasHostedChildren(sceneApi))
+            if (!hasHostedChildren(sceneApi, node))
                 return descriptor.previewOverrides?.(node, value, sceneApi, modifiers) ?? [];
             const patch = descriptor.apply(node, value, sceneApi, modifiers);
             return plan(node, patch, sceneApi, modifiers) ?? [];
         },
         commit(node, patch, sceneApi, modifiers) {
-            if (!hasHostedChildren(sceneApi)) {
+            if (!hasHostedChildren(sceneApi, node)) {
                 if (descriptor.commit)
                     descriptor.commit(node, patch, sceneApi, modifiers);
                 else

package/dist/shared/live-preview.d.ts

@@ -0,0 +1,16 @@
+import { type AnyNode, type AnyNodeId } from '@pascal-app/core';
+type NodeUpdate = {
+    id: AnyNodeId;
+    data: Partial<AnyNode>;
+};
+/**
+ * A handle drag's transient preview through `useLiveNodeOverrides`: each frame
+ * replaces the previous one, so a node the current frame no longer moves (a
+ * detached or zero-delta follower) shows its committed state again.
+ */
+export declare function createLivePreview(): {
+    publish(updates: NodeUpdate[]): void;
+    clear(): void;
+};
+export {};
+//# sourceMappingURL=live-preview.d.ts.map

package/dist/shared/live-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-preview.d.ts","sourceRoot":"","sources":["../../src/shared/live-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,kBAAkB,CAAA;AAE/F,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAAE,CAAA;AAE3D;;;;GAIG;AACH,wBAAgB,iBAAiB;IAQ7B,OAAO,UAAU,UAAU,EAAE;IAa7B,KAAK;EAIR"}

package/dist/shared/live-preview.js

@@ -0,0 +1,36 @@
+import { useLiveNodeOverrides, useScene } from '@pascal-app/core';
+/**
+ * A handle drag's transient preview through `useLiveNodeOverrides`: each frame
+ * replaces the previous one, so a node the current frame no longer moves (a
+ * detached or zero-delta follower) shows its committed state again.
+ */
+export function createLivePreview() {
+    const previewed = new Set();
+    const drop = (id) => {
+        useLiveNodeOverrides.getState().clear(id);
+        if (useScene.getState().nodes[id])
+            useScene.getState().markDirty(id);
+        previewed.delete(id);
+    };
+    return {
+        publish(updates) {
+            const scene = useScene.getState();
+            const entries = updates
+                .filter((update) => scene.nodes[update.id])
+                .map((update) => [update.id, update.data]);
+            const next = new Set(entries.map(([id]) => id));
+            for (const id of [...previewed])
+                if (!next.has(id))
+                    drop(id);
+            useLiveNodeOverrides.getState().setMany(entries);
+            for (const [id] of entries) {
+                previewed.add(id);
+                scene.markDirty(id);
+            }
+        },
+        clear() {
+            for (const id of [...previewed])
+                drop(id);
+        },
+    };
+}

package/dist/shared/opening-guides-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"opening-guides-runtime.d.ts","sourceRoot":"","sources":["../../src/shared/opening-guides-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAyC,MAAM,kBAAkB,CAAA;AAMvF,OAAO,EACL,KAAK,OAAO,EAOZ,KAAK,WAAW,EAGhB,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AAUzB;;qFAEqF;AACrF,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjE,sEAAsE;AACtE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,WAAW,EAAE,CAqBf;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,MAAM,GAAG,IAAI,CAoBhB;AAED,2EAA2E;AAC3E,wBAAgB,sBAAsB,CAAC,IAAI,EAAE;IAC3C,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,IAAI,CAmFP;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C;AAcD;yEACyE;AACzE,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAKnD;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,IAAI,EAAE;IACrD,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,IAAI,CAQP;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE;IACJ,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,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,EACD,eAAe,EAAE,OAAO,GACvB,IAAI,CAgBN"}
+{"version":3,"file":"opening-guides-runtime.d.ts","sourceRoot":"","sources":["../../src/shared/opening-guides-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAyC,MAAM,kBAAkB,CAAA;AAMvF,OAAO,EACL,KAAK,OAAO,EAOZ,KAAK,WAAW,EAGhB,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AAUzB;;qFAEqF;AACrF,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjE,sEAAsE;AACtE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,WAAW,EAAE,CAqBf;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,MAAM,GAAG,IAAI,CAoBhB;AAED,2EAA2E;AAC3E,wBAAgB,sBAAsB,CAAC,IAAI,EAAE;IAC3C,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B,GAAG,IAAI,CAwFP;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C;AAcD;yEACyE;AACzE,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAKnD;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,IAAI,EAAE;IACrD,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,IAAI,CAQP;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE;IACJ,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,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,EACD,eAAe,EAAE,OAAO,GACvB,IAAI,CAgBN"}

package/dist/shared/opening-guides-runtime.js

@@ -4,8 +4,8 @@ import { getDoorOpeningSize, openingHostFacing } from '@pascal-app/core';
 // in `nodes` (not core) because it talks to the editor store; kept thin so each
 // tool's per-tick hook is a single call.
 import { computeOpeningGuides, detectVerticalAlignment, getOpeningFloorDatum, getWallCurveFrameAt, getWallCurveLength, sceneRegistry, useScene, wallSupportForNodes, } from '@pascal-app/core';
+import { wallOpeningCeilingOver } from '@pascal-app/core/building';
 import { useOpeningGuides } from '@pascal-app/editor';
-import { resolveWallOpeningCeiling } from './wall-opening-ceiling.js';
 // Parity with `snapLocalXToNeighbors`' along-wall threshold.
 const SILL_SNAP_THRESHOLD_M = 0.08;
 // Hide a dimension that has collapsed to nothing (sill flush to the floor, or
@@ -60,7 +60,7 @@ export function publishOpeningGuides3D(args) {
         getOpeningFloorDatum(wall, { position: [centerS, args.centerY, 0], width, height: args.height }, args.nodes) -
         wallSupportForNodes(wall, args.nodes).elevation;
     const wallLength = getWallCurveLength(wall);
-    const wallHeight = resolveWallOpeningCeiling(wall, args.nodes);
+    const wallHeight = wallOpeningCeilingOver(wall, args.nodes, centerS - width / 2, centerS + width / 2);
     const siblings = collectOpeningSiblings(wall, args.movingId, args.nodes);
     const guides = computeOpeningGuides({
         moving: { id: args.movingId, centerS, width, centerY, height: args.height },

package/dist/shared/opening-placement-dimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"opening-placement-dimensions.d.ts","sourceRoot":"","sources":["../../src/shared/opening-placement-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAQpB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAKzB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,QAAQ,GAAG,UAAU,EAC9B,GAAG,EAAE,eAAe,GACnB,iBAAiB,EAAE,CA+GrB"}
+{"version":3,"file":"opening-placement-dimensions.d.ts","sourceRoot":"","sources":["../../src/shared/opening-placement-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAQpB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAKzB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,QAAQ,GAAG,UAAU,EAC9B,GAAG,EAAE,eAAe,GACnB,iBAAiB,EAAE,CAmHrB"}

package/dist/shared/opening-placement-dimensions.js

@@ -84,7 +84,7 @@ export function buildOpeningPlacementDimensions(opening, ctx) {
         siblings,
         wall: {
             length: wallLength,
-            height: resolveWallOpeningCeiling(wall, useScene.getState().nodes),
+            height: resolveWallOpeningCeiling(wall, useScene.getState().nodes, wallLength > 1e-4 ? Math.max(0, Math.min(1, opening.position[0] / wallLength)) : 0.5),
         },
         // The 2D plan is top-down: sill/head height and vertical alignment aren't
         // representable here — those belong to the 3D viewport.

package/dist/shared/path-point-affordance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path-point-affordance.d.ts","sourceRoot":"","sources":["../../src/shared/path-point-affordance.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EAKzB,MAAM,kBAAkB,CAAA;AASzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAA;AAErD,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,CAAA;AAE3E,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,SAAS,GAAG;IAAE,EAAE,EAAE,SAAS,CAAA;CAAE,EACnF,IAAI,EAAE,MAAM,GACX,mBAAmB,CAAC,CAAC,CAAC,CAgIxB"}
+{"version":3,"file":"path-point-affordance.d.ts","sourceRoot":"","sources":["../../src/shared/path-point-affordance.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EAKzB,MAAM,kBAAkB,CAAA;AAUzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAA;AAErD,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,CAAA;AAE3E,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,SAAS,GAAG;IAAE,EAAE,EAAE,SAAS,CAAA;CAAE,EACnF,IAAI,EAAE,MAAM,GACX,mBAAmB,CAAC,CAAC,CAAC,CA2HxB"}

package/dist/shared/path-point-affordance.js

@@ -2,6 +2,7 @@ import { analyzePortConnectivity, resolveConnectivityUpdates, useScene, } from '
 import { isGridSnapActive, snapPointToGrid } from '@pascal-app/editor';
 import { planRunEndCapFollowUpdates } from './automatic-run-end-cap.js';
 import { detectFittingEndpoint, planFittingEndpointReaim, } from './fitting-endpoint-reaim.js';
+import { createFollowerFrames } from './follower-frames.js';
 export function createPathPointMoveAffordance(kind) {
     const inert = {
         affectedIds: [],
@@ -41,6 +42,12 @@ export function createPathPointMoveAffordance(kind) {
                 ...(fittingEndpoint ? [fittingEndpoint.fitting.id] : []),
                 ...(connectivity?.connections.map((c) => c.nodeId) ?? []),
             ];
+            // The dispatcher commits what the last frame left in the scene.
+            const frame = createFollowerFrames(nodes, node.id);
+            const write = (updates) => useScene.getState().updateNodes(frame(updates).map((update) => ({
+                id: update.id,
+                data: update.data,
+            })));
             const endCapUpdates = (nextPath) => {
                 if ((kind !== 'duct-segment' && kind !== 'pipe-segment') || !isEndpoint)
                     return [];
@@ -58,7 +65,9 @@ export function createPathPointMoveAffordance(kind) {
                     ...node,
                     path: nextPath,
                 };
-                const updates = resolveConnectivityUpdates(connectivity, preview).filter((u) => useScene.getState().nodes[u.id]);
+                const updates = resolveConnectivityUpdates(connectivity, preview)?.filter((u) => useScene.getState().nodes[u.id]);
+                if (!updates)
+                    return null;
                 const capUpdates = endCapUpdates(nextPath);
                 const capIds = new Set(capUpdates.map((update) => update.id));
                 return [...updates.filter((update) => !capIds.has(update.id)), ...capUpdates];
@@ -81,33 +90,19 @@ export function createPathPointMoveAffordance(kind) {
                         const plan = planFittingEndpointReaim(fittingEndpoint, pointIndex, dragged);
                         if (!plan)
                             return;
-                        useScene.getState().updateNodes([
-                            {
-                                id: node.id,
-                                data: { path: plan.path, wallAttachment: undefined },
-                            },
-                            {
-                                id: plan.fittingUpdate.id,
-                                data: plan.fittingUpdate.data,
-                            },
-                            ...endCapUpdates(plan.path).map((update) => ({
-                                id: update.id,
-                                data: update.data,
-                            })),
+                        write([
+                            { id: node.id, data: { path: plan.path, wallAttachment: undefined } },
+                            plan.fittingUpdate,
+                            ...endCapUpdates(plan.path),
                         ]);
                         return;
                     }
                     const nextPath = initialPath.map((p, i) => (i === pointIndex ? dragged : p));
-                    useScene.getState().updateNodes([
-                        {
-                            id: node.id,
-                            data: { path: nextPath, wallAttachment: undefined },
-                        },
-                        ...(detached ? [] : followUpdates(nextPath)).map((u) => ({
-                            id: u.id,
-                            data: u.data,
-                        })),
-                    ]);
+                    const follow = detached ? [] : followUpdates(nextPath);
+                    // Joints that cannot follow hold the frame, like an out-of-range turn.
+                    if (!follow)
+                        return;
+                    write([{ id: node.id, data: { path: nextPath, wallAttachment: undefined } }, ...follow]);
                 },
                 canCommit() {
                     const final = useScene.getState().nodes[node.id];

package/dist/shared/path-segment-affordance.d.ts

@@ -8,7 +8,8 @@ import { type AnyNodeId, type FloorplanAffordance } from '@pascal-app/core';
  *  - **move-segment**: slide one segment perpendicular to itself. Both its
  *    vertices translate by the same plan-normal offset (the offset is the
  *    cursor's projection onto the segment normal); neighbours stretch and any
- *    mated joint follows via port connectivity. Grid-snapped (Shift bypasses).
+ *    mated joint follows via port connectivity. Grid-snapped while grid
+ *    snapping is on.
  *
  * The vertices' Y (elevation) is always held — plan editing never changes
  * height, matching the path-point affordance. Behavioral parity with the 3D

package/dist/shared/path-segment-affordance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path-segment-affordance.d.ts","sourceRoot":"","sources":["../../src/shared/path-segment-affordance.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EAKzB,MAAM,kBAAkB,CAAA;AAGzB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAGD,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAAC,EAAE,EAAE,SAAS,CAAA;CAAE,CAAA;AA0C1F,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,SAAS,EAC7D,IAAI,EAAE,MAAM,GACX,mBAAmB,CAAC,CAAC,CAAC,CAkDxB"}
+{"version":3,"file":"path-segment-affordance.d.ts","sourceRoot":"","sources":["../../src/shared/path-segment-affordance.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,mBAAmB,EAKzB,MAAM,kBAAkB,CAAA;AAGzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAGD,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAAC,EAAE,EAAE,SAAS,CAAA;CAAE,CAAA;AA6C1F,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,SAAS,EAC7D,IAAI,EAAE,MAAM,GACX,mBAAmB,CAAC,CAAC,CAAC,CAoDxB"}

package/dist/shared/path-segment-affordance.js

@@ -1,5 +1,5 @@
 import { analyzePortConnectivity, resolveConnectivityUpdates, useScene, } from '@pascal-app/core';
-import { snapPointToGrid } from '@pascal-app/editor';
+import { isGridSnapActive, snapPointToGrid } from '@pascal-app/editor';
 const inert = {
     affectedIds: [],
     apply() { },
@@ -25,7 +25,7 @@ function makeConnectivity(node, nodes, analyze) {
             ...node,
             path: nextPath,
         };
-        return resolveConnectivityUpdates(connectivity, preview).filter((u) => useScene.getState().nodes[u.id]);
+        return (resolveConnectivityUpdates(connectivity, preview)?.filter((u) => useScene.getState().nodes[u.id]) ?? null);
     };
     return { connectivity, affectedIds, followUpdates };
 }
@@ -45,21 +45,24 @@ export function createSegmentMoveAffordance(kind) {
             const mid = [(a[0] + b[0]) / 2, (a[2] + b[2]) / 2];
             return {
                 affectedIds,
-                apply({ planPoint, modifiers }) {
+                apply({ planPoint }) {
                     // Project the cursor onto the segment normal — that signed distance
-                    // is how far the whole segment slides. Grid-snap the magnitude
-                    // (Shift bypasses) so the slide lands on the same lattice as the
-                    // other plan tools.
+                    // is how far the whole segment slides. Grid-snap the magnitude so the
+                    // slide lands on the same lattice as the other plan tools.
                     const signedRaw = (planPoint[0] - mid[0]) * normal[0] + (planPoint[1] - mid[1]) * normal[1];
-                    const signed = modifiers.shiftKey ? signedRaw : snapPointToGrid([signedRaw, 0])[0];
+                    const signed = isGridSnapActive() ? snapPointToGrid([signedRaw, 0])[0] : signedRaw;
                     const ox = normal[0] * signed;
                     const oz = normal[1] * signed;
                     const nextPath = initialPath.map((p, i) => i === segmentIndex || i === segmentIndex + 1
                         ? [p[0] + ox, p[1], p[2] + oz]
                         : p);
+                    const follow = followUpdates(nextPath);
+                    // Joints that cannot follow hold the frame.
+                    if (!follow)
+                        return;
                     useScene.getState().updateNodes([
                         { id: node.id, data: { path: nextPath } },
-                        ...followUpdates(nextPath).map((u) => ({
+                        ...follow.map((u) => ({
                             id: u.id,
                             data: u.data,
                         })),

package/dist/shared/pipe-collar-inspector.d.ts

@@ -0,0 +1,5 @@
+import { type AnyNode } from '@pascal-app/core';
+export default function PipeCollarInspector({ node }: {
+    node: AnyNode;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=pipe-collar-inspector.d.ts.map

package/dist/shared/pipe-collar-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipe-collar-inspector.d.ts","sourceRoot":"","sources":["../../src/shared/pipe-collar-inspector.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAMb,MAAM,kBAAkB,CAAA;AAIzB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,sCAsCtE"}

package/dist/shared/pipe-collar-inspector.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatFixed, formatNumber, nodeRegistry, usePascalI18n, useScene, } from '@pascal-app/core';
+import { pipeCollarOccupied } from '../pipe-segment/collar-connection.js';
+import { activatePipeCollarContinuation } from '../pipe-segment/continuation.js';
+export default function PipeCollarInspector({ node }) {
+    const i18n = usePascalI18n();
+    const nodes = useScene((state) => state.nodes);
+    const ports = nodeRegistry.get(node.type)?.ports?.(node) ?? [];
+    const pipePorts = ports.filter((port) => port.system === 'waste' || port.system === 'vent');
+    if (!pipePorts.length)
+        return null;
+    return (_jsxs("section", { className: "space-y-2 border-t pt-3", children: [_jsx("h3", { className: "text-sm font-medium", children: i18n._({ id: 'node.shared.pipeCollarInspector.connectPipe', message: 'Connect pipe' }) }), pipePorts.map((port, index) => {
+                const occupied = pipeCollarOccupied(nodes, { ...port, nodeId: node.id });
+                return (_jsx("button", { type: "button", disabled: occupied, className: "block w-full rounded border px-2 py-1 text-left text-xs disabled:opacity-50", onClick: () => activatePipeCollarContinuation(node, port), children: i18n._({
+                        id: 'node.shared.pipeCollarInspector.collarButton',
+                        message: '{port, select, inlet {Inlet} outlet {Outlet} branch {Branch} branch2 {Second branch} other {Collar {number}}} · {diameter} in · {elevation} m · {state, select, connected {Connected} other {Draw from collar}}',
+                        values: {
+                            port: port.id,
+                            number: String(index + 1),
+                            diameter: formatNumber(port.diameter, { locale: i18n.getLocale() }),
+                            elevation: formatFixed(port.position[1], 3, i18n.getLocale()),
+                            state: occupied ? 'connected' : 'open',
+                        },
+                    }) }, port.id));
+            })] }));
+}

package/dist/shared/refrigerant-line-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"refrigerant-line-selection.d.ts","sourceRoot":"","sources":["../../src/shared/refrigerant-line-selection.tsx"],"names":[],"mappings":"AA0BA,KAAK,mBAAmB,GAAG,SAAS,GAAG,aAAa,CAAA;AA6CpD,wBAAgB,wCAAwC,CAAC,IAAI,EAAE,mBAAmB,4CAiCjF"}
+{"version":3,"file":"refrigerant-line-selection.d.ts","sourceRoot":"","sources":["../../src/shared/refrigerant-line-selection.tsx"],"names":[],"mappings":"AAqCA,KAAK,mBAAmB,GAAG,SAAS,GAAG,aAAa,CAAA;AA6CpD,wBAAgB,wCAAwC,CAAC,IAAI,EAAE,mBAAmB,4CAiCjF"}

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