@pascal-app/nodes 1.0.5 → 1.0.7

package/dist/beam/panel.js

@@ -0,0 +1,107 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { beamCeilingPlane, beamPlan, beamSizeLabel, beamSizePresetPatch, beamTopElevation, beamTopReferencePatch, DEFAULT_FRAMING_POST_SIZE, usePascalI18n, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, formatLinearMeasurement, MetricControl, PanelSection, PanelWrapper, SegmentedControl, SelectControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { useViewer } from '@pascal-app/viewer';
+import { Columns2, Move, Trash2 } from 'lucide-react';
+import { useState } from 'react';
+import { electedPostFoot, framingPostsUnderBeam } from '../column/post-placement.js';
+import { BEAM_MATERIAL_OPTIONS, beamSizeOptions, beamSizeValue, beamTopOptions, beamTopValue, } from './panel-model.js';
+const IN = 0.0254;
+const CUSTOM = 'custom';
+/** A section size in metres, shown in inches on an imperial plan (feet would show 7-1/2 in as 0.63). */
+function InchField({ label, value, onCommit, }) {
+    const [draft, setDraft] = useState(null);
+    const imperial = useViewer((state) => state.unit) === 'imperial';
+    const toShown = (meters) => (imperial ? meters / IN : meters);
+    return (_jsx(MetricControl, { className: "h-9 text-xs", label: label, min: toShown(0.01), onChange: (next) => setDraft(next), onCommit: (next) => {
+            setDraft(null);
+            onCommit(imperial ? next * IN : next);
+        }, precision: imperial ? 3 : 4, restoreOnCommit: false, step: imperial ? 0.25 : 0.005, unit: imperial ? 'in' : 'm', value: draft ?? toShown(value) }));
+}
+/** The fields a ply count writes: as many plies of the same board, the width growing with them. */
+export function beamPliesPatch(beam, plies) {
+    return { plies, width: (beam.width / beam.plies) * plies };
+}
+/**
+ * A beam's panel: its size (a stock size, or a width, depth and plies of its own), what it is made
+ * of, how the joists meet it and where its top is, with its length and underside; Move, Delete,
+ * and posts under it at each end and every 8 ft.
+ */
+export default function BeamPanel() {
+    const i18n = usePascalI18n();
+    const selectedId = useViewer((state) => state.selection.selectedIds[0]);
+    const setSelection = useViewer((state) => state.setSelection);
+    const unit = useViewer((state) => state.unit);
+    const metricNotation = useViewer((state) => state.metricNotation);
+    const nodes = useScene((state) => state.nodes);
+    const beam = selectedId ? nodes[selectedId] : undefined;
+    if (beam?.type !== 'beam')
+        return null;
+    const update = (patch) => useScene.getState().updateNode(beam.id, patch);
+    const length = (meters) => formatLinearMeasurement(meters, unit, metricNotation);
+    const size = beamSizeValue(beam);
+    const top = beamTopValue(nodes, beam);
+    const topY = beamTopElevation(nodes, beam);
+    const plane = beamCeilingPlane(nodes, beam);
+    return (_jsxs(PanelWrapper, { icon: "/icons/beam.svg", onClose: () => setSelection({ selectedIds: [] }), title: beam.name ?? i18n._({ id: 'node.beam.panel.beam', message: 'Beam' }), width: 300, children: [_jsxs(PanelSection, { title: i18n._({
+                    id: 'node.beam.panel.beamSize',
+                    message: 'Beam {size}',
+                    values: { size: beamSizeLabel(beam) },
+                }), children: [_jsx(SelectControl, { label: i18n._({ id: 'node.beam.panel.size', message: 'Size' }), onChange: (id) => {
+                            if (id !== CUSTOM)
+                                update(beamSizePresetPatch(beam, id));
+                        }, options: beamSizeOptions(size), value: size }), _jsx(SelectControl, { label: i18n._({ id: 'node.beam.panel.material', message: 'Material' }), onChange: (material) => update({ material: material }), options: BEAM_MATERIAL_OPTIONS, value: beam.material }), _jsx(InchField, { label: i18n._({ id: 'node.beam.panel.width', message: 'Width' }), onCommit: (width) => update({ width, size: undefined }), value: beam.width }), _jsx(InchField, { label: i18n._({ id: 'node.beam.panel.depth', message: 'Depth' }), onCommit: (depth) => update({ depth, size: undefined }), value: beam.depth }), _jsx(SegmentedControl, { onChange: (plies) => update(beamPliesPatch(beam, Number(plies))), options: ['1', '2', '3', '4'].map((plies) => ({
+                            label: plies === '1'
+                                ? i18n._({ id: 'node.beam.panel.n1Ply', message: '1 ply' })
+                                : i18n._({
+                                    id: 'node.beam.panel.pliesPlies',
+                                    message: '{plies} plies',
+                                    values: { plies },
+                                }),
+                            value: plies,
+                        })), value: String(beam.plies) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.beam.panel.placement', message: 'Placement' }), children: [_jsx(SegmentedControl, { onChange: (placement) => update({ placement }), options: [
+                            {
+                                label: i18n._({ id: 'node.beam.panel.dropped', message: 'Dropped' }),
+                                value: 'dropped',
+                            },
+                            { label: i18n._({ id: 'node.beam.panel.flush', message: 'Flush' }), value: 'flush' },
+                        ], value: beam.placement }), _jsx(SelectControl, { label: i18n._({ id: 'node.beam.panel.top', message: 'Top' }), onChange: (reference) => {
+                            if (reference !== CUSTOM)
+                                update(beamTopReferencePatch(nodes, beam, reference));
+                        }, options: beamTopOptions(top), value: top }), _jsx(MetricControl, { label: i18n._({ id: 'node.beam.panel.topElevation', message: 'Top elevation' }), onChange: (value) => update({ topElevation: value }), precision: 3, step: 0.01, unit: "m", value: topY }), _jsx("p", { className: "px-0.5 text-muted-foreground text-xs", "data-beam-readout": true, children: i18n._({
+                            id: 'node.beam.panel.lengthLongItsUnderside',
+                            message: '{length} long; its underside {underside} over the floor, the ceiling plane {plane}.',
+                            values: {
+                                length: length(beamPlan(beam).length),
+                                underside: length(topY - beam.depth),
+                                plane: length(plane),
+                            },
+                        }) }), beam.topElevation !== undefined && (_jsx("button", { className: "self-start rounded-full border border-border/50 px-3 py-1 text-muted-foreground text-xs hover:text-foreground", onClick: () => update({ topElevation: undefined }), type: "button", children: i18n._({
+                            id: 'node.beam.panel.followTheCeilingPlane',
+                            message: 'Follow the ceiling plane',
+                        }) }))] }), _jsx(PanelSection, { title: i18n._({ id: 'node.beam.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Columns2, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.beam.panel.addPosts', message: 'Add posts' }), onClick: () => {
+                                const posts = beam.parentId
+                                    ? framingPostsUnderBeam({
+                                        nodes,
+                                        beam,
+                                        choices: { size: DEFAULT_FRAMING_POST_SIZE, base: 'none' },
+                                        foot: electedPostFoot(nodes, beam.parentId),
+                                    })
+                                    : [];
+                                if (posts.length === 0)
+                                    return;
+                                const standing = Object.values(nodes).filter((node) => node.type === 'column' && node.role === 'post').length;
+                                useScene.getState().createNodes(posts.map((post, index) => ({
+                                    node: { ...post, name: `Post ${standing + index + 1}` },
+                                    parentId: beam.parentId,
+                                })));
+                                triggerSFX('sfx:structure-build');
+                            } }), _jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.beam.panel.move', message: 'Move' }), onClick: () => {
+                                triggerSFX('sfx:item-pick');
+                                useEditor.getState().setMovingNode(beam);
+                            } }), _jsx(ActionButton, { icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.beam.panel.delete', message: 'Delete' }), onClick: () => {
+                                useScene.getState().deleteNode(beam.id);
+                                setSelection({ selectedIds: [] });
+                            } })] }) })] }));
+}

package/dist/beam/parametrics.d.ts

@@ -0,0 +1,3 @@
+import type { BeamNode, ParametricDescriptor } from '@pascal-app/core';
+export declare const beamParametrics: ParametricDescriptor<BeamNode>;
+//# sourceMappingURL=parametrics.d.ts.map

package/dist/beam/parametrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/beam/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,oBAAoB,CAAC,QAAQ,CAG1D,CAAA"}

package/dist/beam/parametrics.js

@@ -0,0 +1,4 @@
+export const beamParametrics = {
+    groups: [],
+    customPanel: () => import('./panel.js'),
+};

package/dist/beam/renderer.d.ts

@@ -0,0 +1,13 @@
+import { type BeamNode } from '@pascal-app/core';
+import type { Material } from 'three';
+/** How a beam of `material` looks: its library material, or the plain surface colour when textures are off. */
+export declare function useBeamMaterial(material: BeamNode['material']): Material;
+/**
+ * A beam: its solid laid along the centreline in its level, the top where the beam's top resolves
+ * (`beamTopElevation`: its own, else the ceiling plane over it). Reads live overrides, so a drag
+ * in either view moves it at once.
+ */
+export default function BeamRenderer({ node: stored }: {
+    node: BeamNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/beam/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/beam/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AAQzB,OAAO,KAAK,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG5C,+GAA+G;AAC/G,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,CAWxE;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,+BAqCxE"}

package/dist/beam/renderer.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BEAM_MATERIAL_LIBRARY_REFS, beamTopElevation, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
+import { createSurfaceRoleMaterial, resolveSlotDefaultMaterial, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { useEffect, useMemo, useRef } from 'react';
+import { beamBox, buildBeamGeometry } from './geometry.js';
+/** How a beam of `material` looks: its library material, or the plain surface colour when textures are off. */
+export function useBeamMaterial(material) {
+    const shading = useViewer((state) => state.shading);
+    const textures = useViewer((state) => state.textures);
+    const colorPreset = useViewer((state) => state.colorPreset);
+    return useMemo(() => textures
+        ? resolveSlotDefaultMaterial(BEAM_MATERIAL_LIBRARY_REFS[material], shading)
+        : createSurfaceRoleMaterial('wall', colorPreset), [material, shading, textures, colorPreset]);
+}
+/**
+ * A beam: its solid laid along the centreline in its level, the top where the beam's top resolves
+ * (`beamTopElevation`: its own, else the ceiling plane over it). Reads live overrides, so a drag
+ * in either view moves it at once.
+ */
+export default function BeamRenderer({ node: stored }) {
+    const ref = useRef(null);
+    useRegistry(stored.id, 'beam', ref);
+    const live = useLiveNodeOverrides((state) => state.overrides.get(stored.id));
+    const node = useMemo(() => (live ? { ...stored, ...live } : stored), [stored, live]);
+    const handlers = useNodeEvents(node, 'beam');
+    const top = useScene((state) => beamTopElevation(state.nodes, node));
+    const material = useBeamMaterial(node.material);
+    const placed = beamBox(node, top);
+    const length = placed?.size[0] ?? 0;
+    const geometry = useMemo(() => length > 0
+        ? buildBeamGeometry({ width: node.width, depth: node.depth, plies: node.plies, material: node.material }, length)
+        : null, [length, node.width, node.depth, node.plies, node.material]);
+    useEffect(() => () => geometry?.dispose(), [geometry]);
+    return (_jsx("group", { ref: ref, children: placed && geometry && (_jsx("mesh", { castShadow: true, geometry: geometry, material: material, position: placed.position, receiveShadow: true, "rotation-y": placed.rotationY, ...handlers })) }));
+}

package/dist/beam/schema.d.ts

@@ -0,0 +1,2 @@
+export { BeamNode } from '@pascal-app/core';
+//# sourceMappingURL=schema.d.ts.map

package/dist/beam/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/beam/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/beam/schema.js

@@ -0,0 +1 @@
+export { BeamNode } from '@pascal-app/core';

package/dist/beam/tool.d.ts

@@ -0,0 +1,13 @@
+import { type BeamNode } from '@pascal-app/core';
+import { type PlacementPreviewDimension } from '@pascal-app/editor';
+/** The draft's length, as a dimension along it in the plan (the 3D view prints its own label). */
+export declare function beamDraftDimensions(beam: BeamNode): PlacementPreviewDimension[];
+/**
+ * The beam tool in 2D-only view: the 3D tool lives in the canvas, which never renders while its
+ * pane is hidden. The plan draws the draft from the placement preview. Split and 3D views keep the
+ * 3D tool as the one owner.
+ */
+export declare function BeamFloorplanTool(): null;
+declare const BeamTool: () => import("react").JSX.Element | null;
+export default BeamTool;
+//# sourceMappingURL=tool.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/beam/tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EAOd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAOL,KAAK,yBAAyB,EAO/B,MAAM,oBAAoB,CAAA;AAsB3B,kGAAkG;AAClG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,GAAG,yBAAyB,EAAE,CAc/E;AAmGD;;;;GAIG;AACH,wBAAgB,iBAAiB,SAGhC;AAED,QAAA,MAAM,QAAQ,0CA6Cb,CAAA;eAEc,QAAQ"}

package/dist/beam/tool.js

@@ -0,0 +1,152 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { beamPlan, beamTopElevation, emitter, sceneRegistry, useScene, } from '@pascal-app/core';
+import { CursorSphere, DRAFT_LABEL_Y_OFFSET, DraftMeasurementLabel, formatLinearMeasurement, isSegmentLongEnough, markToolCancelConsumed, triggerSFX, useEditor, usePlacementPreview, useWallSnapIndicator, visibleScene, } from '@pascal-app/editor';
+import { getSceneTheme, useViewer } from '@pascal-app/viewer';
+import { createPortal } from '@react-three/fiber';
+import { useEffect, useMemo, useState } from 'react';
+import { DoubleSide } from 'three';
+import { MeshBasicNodeMaterial } from 'three/webgpu';
+import { stopPlacementCommitPropagation, subscribeFloorPlacementClicks, } from '../shared/floor-placement.js';
+import { draftBeam, snapBeamPoint } from './drafting.js';
+import { beamBox, buildBeamGeometry } from './geometry.js';
+const ghostMaterial = new MeshBasicNodeMaterial({
+    color: '#f59e0b',
+    depthWrite: false,
+    opacity: 0.5,
+    side: DoubleSide,
+    transparent: true,
+});
+/** The draft's length, as a dimension along it in the plan (the 3D view prints its own label). */
+export function beamDraftDimensions(beam) {
+    const plan = beamPlan(beam);
+    if (plan.length < 0.05)
+        return [];
+    return [
+        {
+            id: 'beam-length',
+            start: [plan.start[0], 0, plan.start[1]],
+            end: [plan.end[0], 0, plan.end[1]],
+            offsetNormal: plan.normal,
+            offsetDistance: plan.width / 2 + 0.25,
+            value: plan.length,
+            renderIn3d: false,
+        },
+    ];
+}
+/**
+ * Drafting beams from the grid events both views send: a click sets the start, the next ends the
+ * beam and starts the next one there, so a porch's run is drawn corner to corner; Esc ends the run.
+ * Points snap as walls do (wall ends, faces and crossings, other beams' ends and runs, post
+ * centres, the grid, the angle steps off the start); Alt places freely. The beam takes the Build
+ * panel's size, material and top (`useBeamDraft`), or the preset a host armed the tool with.
+ * `enabled` off, it stands aside.
+ */
+function useBeamDrafting(enabled) {
+    const levelId = useViewer((state) => state.selection.levelId);
+    const [draft, setDraft] = useState(null);
+    const [cursor, setCursor] = useState(null);
+    useEffect(() => {
+        if (!(enabled && levelId))
+            return;
+        let start = null;
+        let last = null;
+        setDraft(null);
+        const snap = (event) => {
+            const { point, snap: caught } = snapBeamPoint({
+                point: [event.localPosition[0], event.localPosition[2]],
+                nodes: useScene.getState().nodes,
+                levelId,
+                start,
+                free: event.nativeEvent?.altKey === true,
+            });
+            if (caught)
+                useWallSnapIndicator.getState().set({ x: point[0], z: point[1], kind: caught });
+            else
+                useWallSnapIndicator.getState().clear();
+            return point;
+        };
+        const make = (from, to, fields) => draftBeam(from, to, levelId, useScene.getState().nodes, undefined, useEditor.getState().toolDefaults.beam, fields);
+        const show = (next) => {
+            setDraft(next);
+            if (next)
+                usePlacementPreview.getState().set(next, null, beamDraftDimensions(next));
+            else
+                usePlacementPreview.getState().clear();
+        };
+        const onMove = (event) => {
+            const point = snap(event);
+            if (last && point[0] === last[0] && point[1] === last[1])
+                return;
+            last = point;
+            setCursor([point[0], event.localPosition[1], point[1]]);
+            show(start && isSegmentLongEnough(start, point) ? make(start, point) : null);
+        };
+        const onClick = (event) => {
+            const point = last ?? snap(event);
+            stopPlacementCommitPropagation(event);
+            if (!start) {
+                start = point;
+                triggerSFX('sfx:grid-snap');
+                return;
+            }
+            if (!isSegmentLongEnough(start, point))
+                return;
+            const count = Object.values(useScene.getState().nodes).filter((node) => node.type === 'beam').length;
+            const beam = make(start, point, { name: `Beam ${count + 1}` });
+            useScene.getState().createNode(beam, levelId);
+            triggerSFX('sfx:structure-build');
+            // The run goes on from the end just placed.
+            start = point;
+            show(null);
+        };
+        const onCancel = () => {
+            if (!start)
+                return;
+            markToolCancelConsumed();
+            start = null;
+            show(null);
+        };
+        emitter.on('grid:move', onMove);
+        emitter.on('tool:cancel', onCancel);
+        const unsubscribeClicks = subscribeFloorPlacementClicks(onClick);
+        return () => {
+            emitter.off('grid:move', onMove);
+            emitter.off('tool:cancel', onCancel);
+            unsubscribeClicks();
+            usePlacementPreview.getState().clear();
+            useWallSnapIndicator.getState().clear();
+            setDraft(null);
+            setCursor(null);
+        };
+    }, [enabled, levelId]);
+    return { levelId, draft, cursor };
+}
+/**
+ * The beam tool in 2D-only view: the 3D tool lives in the canvas, which never renders while its
+ * pane is hidden. The plan draws the draft from the placement preview. Split and 3D views keep the
+ * 3D tool as the one owner.
+ */
+export function BeamFloorplanTool() {
+    useBeamDrafting(useEditor((state) => visibleScene(state) === '2d'));
+    return null;
+}
+const BeamTool = () => {
+    const { levelId, draft, cursor } = useBeamDrafting(useEditor((state) => visibleScene(state) !== '2d'));
+    const top = useScene((state) => (draft ? beamTopElevation(state.nodes, draft) : 0));
+    const unit = useViewer((state) => state.unit);
+    const metricNotation = useViewer((state) => state.metricNotation);
+    const dark = useViewer((state) => getSceneTheme(state.sceneTheme).appearance === 'dark');
+    const placed = draft ? beamBox(draft, top) : null;
+    const length = placed?.size[0] ?? 0;
+    const geometry = useMemo(() => (draft && length > 0 ? buildBeamGeometry(draft, length) : null), [draft, length]);
+    useEffect(() => () => geometry?.dispose(), [geometry]);
+    const level = levelId ? sceneRegistry.nodes.get(levelId) : undefined;
+    if (!levelId)
+        return null;
+    return (_jsxs(_Fragment, { children: [cursor && _jsx(CursorSphere, { position: cursor }), placed &&
+                geometry &&
+                level &&
+                createPortal(_jsxs("group", { children: [_jsx("mesh", { geometry: geometry, material: ghostMaterial, position: placed.position, raycast: () => { }, renderOrder: 2, "rotation-y": placed.rotationY }), _jsx(DraftMeasurementLabel, { color: dark ? '#ffffff' : '#111111', label: formatLinearMeasurement(length, unit, metricNotation), position: [placed.position[0], top + DRAFT_LABEL_Y_OFFSET, placed.position[2]], shadowColor: dark ? '#111111' : '#ffffff' })] }), level)] }));
+};
+export default BeamTool;

package/dist/box-vent/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/box-vent/panel.tsx"],"names":[],"mappings":"AA0BA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,uCAiYnC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/box-vent/panel.tsx"],"names":[],"mappings":"AA2BA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,uCAsYnC"}

package/dist/box-vent/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { getActiveRoofHeight, useLiveNodeOverrides, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
@@ -18,6 +18,7 @@ import { useCallback } from 'react';
  * ghost commits; on Esc it cancels and the original mesh is restored.
  */
 export default function BoxVentPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -100,11 +101,11 @@ export default function BoxVentPanel() {
     }, [selectedId, node, deleteNode, setSelection]);
     if (!(node && node.type === 'box-vent' && selectedId))
         return null;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Box Vent', width: 300, children: [_jsx(PanelSection, { title: "Style", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
-                        { label: 'Box', value: 'box' },
-                        { label: 'Cap', value: 'cap' },
-                        { label: 'Dome', value: 'dome' },
-                    ], value: node.style ?? 'cap' }) }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.15, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.15, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.05, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height }), node.style === 'cap' && (_jsx(SliderControl, { label: "Hood Overhang", max: Math.max(0.02, node.width), min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0 })), node.style === 'box' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Base Inset", max: Math.max(0.005, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ baseInset: v }), onCommit: (v) => handleUpdate({ baseInset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseInset ?? 0.06 }), _jsx(SliderControl, { label: "Base Height", max: Math.max(0.01, node.height - 0.005), min: 0.005, onChange: (v) => previewProp({ baseHeight: v }), onCommit: (v) => handleUpdate({ baseHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseHeight ?? 0.04 }), _jsx(SliderControl, { label: "Corner Bevel", max: Math.max(0, Math.min(node.width, node.depth) / 2 - (node.baseInset ?? 0.06) - 0.001), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => handleUpdate({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.002, unit: "m", value: node.cornerBevel ?? 0.012 })] })), node.style === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Cap Height", max: Math.max(0.02, node.height - 0.01), min: 0.01, onChange: (v) => previewProp({ capHeight: v }), onCommit: (v) => handleUpdate({ capHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capHeight ?? 0.07 }), _jsx(SliderControl, { label: "Gap Height", max: Math.max(0, node.height - Math.max(0.01, node.capHeight ?? 0.07) - 0.005), min: 0, onChange: (v) => previewProp({ capGap: v }), onCommit: (v) => handleUpdate({ capGap: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capGap ?? 0 }), _jsx(SliderControl, { label: "Top Taper", max: 1, min: 0, onChange: (v) => previewProp({ topTaper: v }), onCommit: (v) => handleUpdate({ topTaper: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.topTaper ?? 0.4) * 100) / 100 })] })), node.style === 'dome' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Dome Curvature", max: 1.5, min: 0.3, onChange: (v) => previewProp({ domeCurvature: v }), onCommit: (v) => handleUpdate({ domeCurvature: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.domeCurvature ?? 1.0) * 100) / 100 }), _jsx(SliderControl, { label: "Base Flange", max: 0.2, min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0.04 })] }))] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.boxVent.panel.boxVent', message: 'Box Vent' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.boxVent.panel.style', message: 'Style' }), children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
+                        { label: i18n._({ id: 'node.boxVent.panel.box', message: 'Box' }), value: 'box' },
+                        { label: i18n._({ id: 'node.boxVent.panel.cap', message: 'Cap' }), value: 'cap' },
+                        { label: i18n._({ id: 'node.boxVent.panel.dome', message: 'Dome' }), value: 'dome' },
+                    ], value: node.style ?? 'cap' }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.boxVent.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.width', message: 'Width' }), max: 1000, min: 0.15, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.depth', message: 'Depth' }), max: 1000, min: 0.15, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.height', message: 'Height' }), max: 1000, min: 0.05, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height }), node.style === 'cap' && (_jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.hoodOverhang', message: 'Hood Overhang' }), max: Math.max(0.02, node.width), min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0 })), node.style === 'box' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.baseInset', message: 'Base Inset' }), max: Math.max(0.005, Math.min(node.width, node.depth) / 2 - 0.005), min: 0, onChange: (v) => previewProp({ baseInset: v }), onCommit: (v) => handleUpdate({ baseInset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseInset ?? 0.06 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.baseHeight', message: 'Base Height' }), max: Math.max(0.01, node.height - 0.005), min: 0.005, onChange: (v) => previewProp({ baseHeight: v }), onCommit: (v) => handleUpdate({ baseHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.baseHeight ?? 0.04 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.cornerBevel', message: 'Corner Bevel' }), max: Math.max(0, Math.min(node.width, node.depth) / 2 - (node.baseInset ?? 0.06) - 0.001), min: 0, onChange: (v) => previewProp({ cornerBevel: v }), onCommit: (v) => handleUpdate({ cornerBevel: v }), precision: 3, restoreOnCommit: false, step: 0.002, unit: "m", value: node.cornerBevel ?? 0.012 })] })), node.style === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.capHeight', message: 'Cap Height' }), max: Math.max(0.02, node.height - 0.01), min: 0.01, onChange: (v) => previewProp({ capHeight: v }), onCommit: (v) => handleUpdate({ capHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capHeight ?? 0.07 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.gapHeight', message: 'Gap Height' }), max: Math.max(0, node.height - Math.max(0.01, node.capHeight ?? 0.07) - 0.005), min: 0, onChange: (v) => previewProp({ capGap: v }), onCommit: (v) => handleUpdate({ capGap: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.capGap ?? 0 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.topTaper', message: 'Top Taper' }), max: 1, min: 0, onChange: (v) => previewProp({ topTaper: v }), onCommit: (v) => handleUpdate({ topTaper: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.topTaper ?? 0.4) * 100) / 100 })] })), node.style === 'dome' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.domeCurvature', message: 'Dome Curvature' }), max: 1.5, min: 0.3, onChange: (v) => previewProp({ domeCurvature: v }), onCommit: (v) => handleUpdate({ domeCurvature: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.domeCurvature ?? 1.0) * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.baseFlange', message: 'Base Flange' }), max: 0.2, min: 0, onChange: (v) => previewProp({ hoodOverhang: v }), onCommit: (v) => handleUpdate({ hoodOverhang: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.hoodOverhang ?? 0.04 })] }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.boxVent.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({
                             position: [v, node.position[1] ?? 0, node.position[2] ?? 0],
                         }), onCommit: (v) => handleUpdate({
                             position: [v, node.position[1] ?? 0, node.position[2] ?? 0],
@@ -116,5 +117,5 @@ export default function BoxVentPanel() {
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
                         }), onCommit: (v) => handleUpdate({
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
-                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: i18n._({ id: 'node.boxVent.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.boxVent.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.boxVent.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.boxVent.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: i18n._({ id: 'node.boxVent.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

package/dist/cabinet/batchable.d.ts

@@ -0,0 +1,10 @@
+import type { BatchableConfig } from '@pascal-app/core';
+/**
+ * Cabinet runs and modules batch wherever they sit under a level: a run's
+ * modules (and the wall units stacked on them) are released by the run's
+ * edits, tint and gestures. Opening a door or drawer is a live override or a
+ * dirty mark, both of which release. A cooktop with lit burners animates its
+ * flames every frame and draws itself.
+ */
+export declare const cabinetBatchable: BatchableConfig;
+//# sourceMappingURL=batchable.d.ts.map

package/dist/cabinet/batchable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batchable.d.ts","sourceRoot":"","sources":["../../src/cabinet/batchable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAIhE;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAI9B,CAAA"}

package/dist/cabinet/batchable.js

@@ -0,0 +1,12 @@
+import { compartmentCooktopBurnersOn, stackForCabinet } from './stack.js';
+/**
+ * Cabinet runs and modules batch wherever they sit under a level: a run's
+ * modules (and the wall units stacked on them) are released by the run's
+ * edits, tint and gestures. Opening a door or drawer is a live override or a
+ * dirty mark, both of which release. A cooktop with lit burners animates its
+ * flames every frame and draws itself.
+ */
+export const cabinetBatchable = {
+    scope: 'level',
+    excluded: (node) => stackForCabinet(node).some(compartmentCooktopBurnersOn),
+};

package/dist/cabinet/compartment-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compartment-card.d.ts","sourceRoot":"","sources":["../../src/cabinet/compartment-card.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,kBAAkB,EAwBxB,MAAM,SAAS,CAAA;AAwJhB,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,WAAmB,GACpB,EAAE;IACD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,+BA0SA"}
+{"version":3,"file":"compartment-card.d.ts","sourceRoot":"","sources":["../../src/cabinet/compartment-card.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,kBAAkB,EAwBxB,MAAM,SAAS,CAAA;AA+OhB,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,WAAmB,GACpB,EAAE;IACD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,+BA0TA"}