@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/cabinet/neighbor-placement.js

@@ -0,0 +1,48 @@
+import { moduleMaxX, moduleMinX, planRunModuleInsertion, planToRunLocal, runWallConstraints, sortRunModules, } from './run-layout.js';
+import { cabinetModulesForRun, cornerPinnedEndsForRun } from './run-ops.js';
+/** Attach at a run's exposed ends; interior insertion keeps its existing wall planner. */
+export function resolveCabinetNeighborPlacement({ nodes, levelId, position, module, wallTier, threshold = 0.25, }) {
+    let best = null;
+    for (const candidate of Object.values(nodes)) {
+        if (candidate.type !== 'cabinet' ||
+            candidate.parentId !== levelId ||
+            candidate.visible === false ||
+            (candidate.runTier === 'wall') !== wallTier)
+            continue;
+        const modules = sortRunModules(cabinetModulesForRun(candidate, nodes));
+        if (!modules.length)
+            continue;
+        const local = planToRunLocal(candidate, position[0], position[1], position[2]);
+        const pinned = cornerPinnedEndsForRun(modules);
+        for (const side of ['left', 'right']) {
+            if (pinned[side])
+                continue;
+            const neighbor = side === 'left' ? modules[0] : modules[modules.length - 1];
+            if (neighbor.moduleKind !== 'standard')
+                continue;
+            const x = side === 'left'
+                ? moduleMinX(neighbor) - module.width / 2
+                : moduleMaxX(neighbor) + module.width / 2;
+            const distance = Math.hypot(local[0] - x, local[2] - neighbor.position[2]);
+            if (distance <= threshold && (!best || distance < best.distance))
+                best = { distance, run: candidate, neighbor, side, x };
+        }
+    }
+    if (!best)
+        return null;
+    const { run, neighbor, side, x } = best;
+    const modules = cabinetModulesForRun(run, nodes);
+    const result = planRunModuleInsertion({
+        modules,
+        insertion: {
+            id: module.id,
+            width: module.width,
+            position: [x, neighbor.position[1], neighbor.position[2]],
+        },
+        wallConstraints: runWallConstraints(run, modules, nodes, { widthGrowth: module.width }),
+        fillerIds: new Set(modules.filter((entry) => entry.moduleKind === 'corner-filler').map((entry) => entry.id)),
+        preserveEnds: cornerPinnedEndsForRun(modules),
+        anchorInsertionSide: side === 'left' ? 'right' : 'left',
+    });
+    return { run, side, depth: neighbor.depth, result };
+}

package/dist/cabinet/opening-clearance.d.ts

@@ -0,0 +1,22 @@
+import { type AnyNode, type CabinetModuleNode } from '@pascal-app/core';
+/** Conservative opening envelopes: warnings, not a collision veto. */
+export declare function cabinetOpeningFootprints(node: CabinetModuleNode, position: [number, number, number], yaw: number): {
+    position: [number, number, number];
+    dimensions: [number, number, number];
+    rotation: [number, number, number];
+}[];
+export type OpeningFootprint = ReturnType<typeof cabinetOpeningFootprints>[number];
+export declare function openingFootprintsOverlap(a: OpeningFootprint, b: OpeningFootprint): boolean;
+/** Something a cabinet's openings can run into, with the ids of it and its ancestors. */
+export type ClearanceObstacle = {
+    id: string;
+    chain: ReadonlySet<string>;
+    footprints: OpeningFootprint[];
+};
+/**
+ * What openings on a level can run into: its visible straight walls and colliding floor-placed
+ * objects. One pass over the scene, shared by every module a check reads.
+ */
+export declare function cabinetOpeningObstacles(levelId: string, nodes: Readonly<Record<string, AnyNode>>): ClearanceObstacle[];
+export declare function cabinetOpeningConflicts(node: CabinetModuleNode, position: [number, number, number], yaw: number, levelId: string, nodes: Readonly<Record<string, AnyNode>>, ignoreIds?: readonly string[], obstacles?: () => readonly ClearanceObstacle[]): string[];
+//# sourceMappingURL=opening-clearance.d.ts.map

package/dist/cabinet/opening-clearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opening-clearance.d.ts","sourceRoot":"","sources":["../../src/cabinet/opening-clearance.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,iBAAiB,EAMvB,MAAM,kBAAkB,CAAA;AAIzB,sEAAsE;AACtE,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAClC,GAAG,EAAE,MAAM;cA4CA,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;gBACqC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;cACjE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAIxD;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElF,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,WAsBhF;AAED,yFAAyF;AACzF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,UAAU,EAAE,gBAAgB,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GACvC,iBAAiB,EAAE,CA4ErB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAClC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACxC,SAAS,GAAE,SAAS,MAAM,EAAO,EACjC,SAAS,GAAE,MAAM,SAAS,iBAAiB,EAAkD,YAc9F"}

package/dist/cabinet/opening-clearance.js

@@ -0,0 +1,158 @@
+import { floorPlacedCollides, getFloorPlacedFootprints, getWallBodyLine, nodeRegistry, resolveLevelId, } from '@pascal-app/core';
+import { nodeLevelFrame, transformPoint } from '@pascal-app/core/procedural-items';
+import { compartmentDoorType, normalizeCabinetStack } from './stack.js';
+/** Conservative opening envelopes: warnings, not a collision veto. */
+export function cabinetOpeningFootprints(node, position, yaw) {
+    if (node.moduleKind !== 'standard')
+        return [];
+    const plinth = node.showPlinth ? node.plinthHeight : 0;
+    return normalizeCabinetStack(node).flatMap(({ compartment, y0, height }) => {
+        let reach = 0;
+        switch (compartment.type) {
+            case 'door':
+                reach =
+                    node.width /
+                        (['double', 'glass'].includes(compartmentDoorType(compartment, node.width)) ? 2 : 1);
+                break;
+            case 'sink':
+                reach = node.width / 2;
+                break;
+            case 'drawer':
+                reach = Math.min(node.depth * 0.9, 0.35);
+                break;
+            case 'pull-out-pantry':
+                reach = node.depth * 0.9;
+                break;
+            case 'fridge-double':
+                reach = node.width / 2;
+                break;
+            case 'fridge-single':
+            case 'fridge-top-freezer':
+            case 'fridge-bottom-freezer':
+            case 'microwave':
+                reach = node.width;
+                break;
+            case 'oven':
+            case 'dishwasher':
+                reach = height;
+                break;
+            default:
+                return [];
+        }
+        const z = node.depth / 2 + node.frontThickness + reach / 2 + 0.005;
+        return [
+            {
+                position: [
+                    position[0] + Math.sin(yaw) * z,
+                    position[1] + plinth + y0,
+                    position[2] + Math.cos(yaw) * z,
+                ],
+                dimensions: [Math.max(0.01, node.width - 0.01), height, reach],
+                rotation: [0, yaw, 0],
+            },
+        ];
+    });
+}
+export function openingFootprintsOverlap(a, b) {
+    if (a.position[1] + a.dimensions[1] <= b.position[1] + 0.001 ||
+        b.position[1] + b.dimensions[1] <= a.position[1] + 0.001)
+        return false;
+    const axes = (yaw) => [
+        [Math.cos(yaw), -Math.sin(yaw)],
+        [Math.sin(yaw), Math.cos(yaw)],
+    ];
+    const aa = axes(a.rotation[1]), bb = axes(b.rotation[1]);
+    const delta = [b.position[0] - a.position[0], b.position[2] - a.position[2]];
+    return [...aa, ...bb].every((axis) => {
+        const radius = (fp, basis) => (Math.abs(axis[0] * basis[0][0] + axis[1] * basis[0][1]) * fp.dimensions[0]) / 2 +
+            (Math.abs(axis[0] * basis[1][0] + axis[1] * basis[1][1]) * fp.dimensions[2]) / 2;
+        return (Math.abs(delta[0] * axis[0] + delta[1] * axis[1]) < radius(a, aa) + radius(b, bb) - 0.001);
+    });
+}
+/**
+ * What openings on a level can run into: its visible straight walls and colliding floor-placed
+ * objects. One pass over the scene, shared by every module a check reads.
+ */
+export function cabinetOpeningObstacles(levelId, nodes) {
+    const scene = nodes;
+    const cache = new Map();
+    const obstacles = [];
+    for (const candidate of Object.values(scene)) {
+        const straightWall = candidate.type === 'wall' && !candidate.curveOffset;
+        const capability = straightWall
+            ? undefined
+            : nodeRegistry.get(candidate.type)?.capabilities?.floorPlaced;
+        if (!straightWall &&
+            !(capability &&
+                floorPlacedCollides(capability, candidate) &&
+                (!capability.applies || capability.applies(candidate))))
+            continue;
+        const chain = new Set();
+        let current = candidate;
+        let hidden = false;
+        while (current && !chain.has(current.id)) {
+            if (current.visible === false) {
+                hidden = true;
+                break;
+            }
+            chain.add(current.id);
+            current = current.parentId ? scene[current.parentId] : undefined;
+        }
+        if (hidden || resolveLevelId(candidate, scene) !== levelId)
+            continue;
+        if (candidate.type === 'wall') {
+            const body = getWallBodyLine({ ...candidate, thickness: candidate.thickness ?? 0.2 });
+            const dx = body.end.x - body.start.x, dz = body.end.y - body.start.y;
+            const level = scene[levelId];
+            obstacles.push({
+                id: candidate.id,
+                chain,
+                footprints: [
+                    {
+                        position: [
+                            (body.start.x + body.end.x) / 2,
+                            nodeLevelFrame(candidate.id, scene, new Set(), { cache }).position[1],
+                            (body.start.y + body.end.y) / 2,
+                        ],
+                        dimensions: [
+                            Math.hypot(dx, dz),
+                            candidate.height ?? (level?.type === 'level' ? (level.height ?? 3) : 3),
+                            candidate.thickness ?? 0.2,
+                        ],
+                        rotation: [0, -Math.atan2(dz, dx), 0],
+                    },
+                ],
+            });
+            continue;
+        }
+        const pose = nodeLevelFrame(candidate.id, scene, new Set(), { cache });
+        const yaw = Math.atan2(pose.axes[2][0], pose.axes[2][2]);
+        // Composite footprints include the node's pose. Resolve them at its origin before
+        // composing the hosting frame, so neither translation nor yaw is applied twice.
+        const local = {
+            ...candidate,
+            position: [0, 0, 0],
+            rotation: typeof ('rotation' in candidate && candidate.rotation) === 'number' ? 0 : [0, 0, 0],
+        };
+        obstacles.push({
+            id: candidate.id,
+            chain,
+            footprints: getFloorPlacedFootprints(capability, local, { nodes: scene }).map((fp) => ({
+                position: transformPoint(pose, fp.position ?? [0, 0, 0]),
+                dimensions: fp.dimensions,
+                rotation: [0, yaw + (fp.rotation?.[1] ?? 0), 0],
+            })),
+        });
+    }
+    return obstacles;
+}
+export function cabinetOpeningConflicts(node, position, yaw, levelId, nodes, ignoreIds = [], obstacles = () => cabinetOpeningObstacles(levelId, nodes)) {
+    const openings = cabinetOpeningFootprints(node, position, yaw);
+    if (!openings.length)
+        return [];
+    const ignored = [...ignoreIds, node.id];
+    return obstacles()
+        .filter((obstacle) => !ignored.some((id) => obstacle.chain.has(id)) &&
+        obstacle.footprints.some((footprint) => openings.some((opening) => openingFootprintsOverlap(opening, footprint))))
+        .map((obstacle) => obstacle.id);
+}

package/dist/cabinet/paint.js

@@ -1,4 +1,4 @@
-import { createSlotPaintCapability, previewGeometrySlot } from '../shared/slot-paint';
+import { createSlotPaintCapability, previewGeometrySlot } from '../shared/slot-paint.js';
 export const cabinetPaint = createSlotPaintCapability({
     materialTarget: 'cabinet',
     resolveRole: ({ hitObject }) => {

package/dist/cabinet/panel-visibility.js

@@ -1,4 +1,4 @@
-import { resolveCabinetType } from './run-ops';
+import { resolveCabinetType } from './run-ops.js';
 const FIXED_WIDTH_APPLIANCE_TYPES = new Set([
     'oven',
     'microwave',
@@ -13,7 +13,7 @@ const FIXED_WIDTH_APPLIANCE_TYPES = new Set([
     'fridge-bottom-freezer',
 ]);
 export function cabinetModuleSupportsPresets(module) {
-    return module.moduleKind !== 'corner-filler';
+    return module.moduleKind === 'standard';
 }
 export function cabinetModuleUsesFixedApplianceWidth(module) {
     return (module.stack?.some((compartment) => FIXED_WIDTH_APPLIANCE_TYPES.has(compartment.type)) ?? false);

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/cabinet/panel.tsx"],"names":[],"mappings":"AAsIA,MAAM,CAAC,OAAO,UAAU,YAAY,uCA45BnC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/cabinet/panel.tsx"],"names":[],"mappings":"AAyIA,MAAM,CAAC,OAAO,UAAU,YAAY,uCAm+BnC"}

package/dist/cabinet/panel.js

@@ -1,24 +1,28 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSceneApi, useScene } from '@pascal-app/core';
-import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, } from '@pascal-app/editor';
+import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, usePlacementNotice, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { AlertTriangle, Pause, Play, Plus } from 'lucide-react';
 import { useCallback, useEffect, useState } from 'react';
 import { useShallow } from 'zustand/react/shallow';
-import { CompartmentCard } from './compartment-card';
-import { animateCabinetOperationState, isCabinetAnimationRunning, onCabinetAnimationChange, stopCabinetAnimation, } from './interaction';
-import { cabinetModulePanelContext } from './panel-context';
-import { cabinetModuleSupportsPresets, cabinetModuleSupportsTopFinish, cabinetModuleUsesFixedApplianceWidth, } from './panel-visibility';
-import { CABINET_PRESETS } from './presets';
-import { CABINET_REVEAL_GAPS, cabinetRevealGapById, cabinetRevealGapId, } from './reveals';
-import { addWallChildAbove, applyCabinetModuleFrontPatch, backAlignZ, cabinetCeilingGap, cabinetModuleCeilingOverflow, cabinetModulesForRun, resolveCabinetType, runModuleBaseY, switchCabinetToBase, switchCabinetToTall, syncCornerRunsFromSourceModule, syncCornerStyleGroupFromRun, wallChildOf, } from './run-ops';
-import { bumpRunLayoutRevisionViaStore, CabinetRunPanel, reflowRunModules, } from './run-panel';
-import { backAnchoredModuleZ, clampCabinetCarcassHeightForStack, isFridgeCompartmentType, isHoodCompartmentType, minCabinetCarcassHeightForStack, newCabinetCompartment, normalizeCabinetStack, removeCabinetCompartmentStack, resizeCabinetCompartmentStack, stackForCabinet, } from './stack';
-import { resolveCompartmentTransition } from './stack-transitions';
-import { validateCabinetRun } from './validation';
-import { CABINET_WALL_HEIGHT_PRESETS, cabinetWallHeightPresetById, cabinetWallHeightPresetId, } from './wall-height-presets';
-import { CABINET_STANDARD_WIDTHS, cabinetStandardWidthById, cabinetStandardWidthId, } from './widths';
+import { CompartmentCard } from './compartment-card.js';
+import { CabinetEssentialControls } from './essential-controls.js';
+import { animateCabinetOperationState, isCabinetAnimationRunning, onCabinetAnimationChange, stopCabinetAnimation, } from './interaction.js';
+import { kitchenPresetForModule } from './kitchen-catalog.js';
+import { KitchenCollection } from './kitchen-collection.js';
+import { KitchenModuleActions } from './kitchen-module-actions.js';
+import { cabinetModulePanelContext } from './panel-context.js';
+import { cabinetModuleSupportsPresets, cabinetModuleSupportsTopFinish, cabinetModuleUsesFixedApplianceWidth, } from './panel-visibility.js';
+import { CABINET_PRESETS, cabinetPresetById } from './presets.js';
+import { CABINET_REVEAL_GAPS, cabinetRevealGapById, cabinetRevealGapId, } from './reveals.js';
+import { addWallChildAbove, applyCabinetModuleFrontPatch, backAlignZ, cabinetCeilingGap, cabinetModuleCeilingOverflow, cabinetModulesForRun, resolveCabinetType, runModuleBaseY, switchCabinetToBase, switchCabinetToTall, syncCornerRunsFromSourceModule, syncCornerStyleGroupFromRun, wallChildOf, } from './run-ops.js';
+import { bumpRunLayoutRevisionViaStore, CabinetRunPanel, reflowRunModules, } from './run-panel.js';
+import { backAnchoredModuleZ, clampCabinetCarcassHeightForStack, isFridgeCompartmentType, isHoodCompartmentType, minCabinetCarcassHeightForStack, newCabinetCompartment, normalizeCabinetStack, removeCabinetCompartmentStack, resizeCabinetCompartmentStack, stackForCabinet, } from './stack.js';
+import { resolveCompartmentTransition } from './stack-transitions.js';
+import { validateCabinetRun } from './validation.js';
+import { CABINET_WALL_HEIGHT_PRESETS, cabinetWallHeightPresetById, cabinetWallHeightPresetId, } from './wall-height-presets.js';
+import { CABINET_STANDARD_WIDTHS, cabinetStandardWidthById, cabinetStandardWidthId, } from './widths.js';
 const HANDLE_STYLE_OPTIONS = [
     { value: 'bar', label: 'Bar' },
     { value: 'knob', label: 'Knob' },
@@ -51,10 +55,10 @@ const TOP_FINISH_OPTIONS = [
 ];
 const EMPTY_MODULES = [];
 const EMPTY_MODULE_IDS = [];
-const PRESET_BUTTON_CLASS = 'flex h-9 items-center justify-center rounded-md border border-border/40 bg-[#252527] px-3 py-2 text-center text-xs font-medium text-foreground transition-colors hover:border-border/70 hover:bg-[#303033]';
 const REFLOW_REJECTED_MESSAGE = 'No space in this run. No base cabinet can shrink enough to fit this item.';
 export default function CabinetPanel() {
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
+    const placementNotice = usePlacementNotice(selectedId);
     const setSelection = useViewer((s) => s.setSelection);
     const [isAnimating, setIsAnimating] = useState(false);
     const [reflowNotice, setReflowNotice] = useState(null);
@@ -241,10 +245,10 @@ export default function CabinetPanel() {
     // parent-frame routing keeps clicks on child modules targeting the run while
     // it stays the single selected node.
     const backToRun = useCallback(() => {
-        if (node?.type === 'cabinet-module' && node.parentId) {
-            setSelection({ selectedIds: [node.parentId] });
+        if (parentRun) {
+            setSelection({ selectedIds: [parentRun.id] });
         }
-    }, [node, setSelection]);
+    }, [parentRun, setSelection]);
     // Animation lives in ./interaction.ts, shared with the registry E-key
     // action; the panel only mirrors its running state for the Play button.
     const stopAnimation = useCallback(() => {
@@ -462,9 +466,12 @@ export default function CabinetPanel() {
     if (node.type === 'cabinet' && modules.length > 0) {
         return _jsx(CabinetRunPanel, { modules: modules, node: node, onClose: close });
     }
-    return (_jsxs(PanelWrapper, { icon: "/icons/item.webp", onBack: node.type === 'cabinet-module' ? backToRun : undefined, onClose: close, title: node.name || 'Modular Cabinet', width: 320, children: [node.type === 'cabinet-module' &&
-                parentRun?.type === 'cabinet' &&
-                cabinetModuleSupportsPresets(node) && (_jsx(PanelSection, { title: "Presets", children: _jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pb-2", children: CABINET_PRESETS.map((preset) => (_jsx("button", { className: PRESET_BUTTON_CLASS, onClick: () => applyPreset(preset.id), type: "button", children: _jsx("span", { className: "truncate", children: preset.label }) }, preset.id))) }) })), _jsxs(PanelSection, { title: "Dimensions", children: [node.type === 'cabinet-module' && !isHoodOnlyNode && (_jsxs("div", { className: "space-y-1 px-1 pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Standard width" }), _jsx(SegmentedControl, { disabled: usesFixedApplianceWidth, mixed: standardWidth === 'custom', onChange: (value) => updateNode({
+    if (node.type === 'cabinet-module' && node.moduleKind === 'wall-filler') {
+        return (_jsxs(PanelWrapper, { icon: "/icons/item.webp", title: "Wall filler", onBack: backToRun, onClose: close, width: 320, children: [placementNotice && (_jsx("p", { role: "status", className: "px-3 py-2 text-xs text-amber-600", children: placementNotice.line })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx("p", { className: "px-2 pb-3 text-xs text-muted-foreground", children: "Solid matching front between the cabinet and wall. Countertop and toe-kick continue across this filler." }), _jsx(SliderControl, { label: "Width", value: node.width, min: 0.05, max: 3, step: 0.001, unit: "m", onChange: (width) => updateNode({ width }) }), _jsx(SliderControl, { label: "Height", value: node.carcassHeight, min: 0.4, max: 2.4, step: 0.01, unit: "m", onChange: (carcassHeight) => updateNode({ carcassHeight }) })] })] }));
+    }
+    return (_jsxs(PanelWrapper, { icon: "/icons/item.webp", onBack: node.type === 'cabinet-module' ? backToRun : undefined, onClose: close, title: node.type === 'cabinet-module'
+            ? cabinetPresetById(kitchenPresetForModule(node, parentRun)).label
+            : node.name || 'Kitchen run', width: 320, children: [placementNotice && (_jsx("p", { role: "status", className: "px-3 py-2 text-xs text-amber-600", children: placementNotice.line })), _jsxs(PanelSection, { title: "Dimensions", children: [node.type === 'cabinet-module' && !isHoodOnlyNode && (_jsxs("div", { className: "space-y-1 px-1 pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Standard width" }), _jsx(SegmentedControl, { disabled: usesFixedApplianceWidth, mixed: standardWidth === 'custom', onChange: (value) => updateNode({
                                     width: cabinetStandardWidthById(value).value,
                                 }), options: CABINET_STANDARD_WIDTHS.map((option) => ({
                                     label: option.label,
@@ -472,70 +479,72 @@ export default function CabinetPanel() {
                                 })), value: standardWidth === 'custom' ? '600' : standardWidth })] })), isWallCabinetModule && !isHoodOnlyNode && (_jsxs("div", { className: "space-y-1 px-1 pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Height preset" }), _jsx(SegmentedControl, { mixed: wallHeightPreset === 'custom', onChange: (value) => applyWallHeightPreset(value), options: CABINET_WALL_HEIGHT_PRESETS.map((preset) => ({
                                     label: (_jsxs("span", { className: "flex flex-col items-center leading-3", children: [_jsx("span", { children: preset.label }), _jsx("span", { className: "text-[9px] text-muted-foreground", children: preset.metricLabel })] })),
                                     value: preset.id,
-                                })), value: wallHeightPreset === 'custom' ? '18' : wallHeightPreset }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Common wall-cabinet heights. Use the slider below for a custom height." })] })), _jsx(SliderControl, { label: "Width", max: 3, min: 0.3, onChange: (value) => updateNode({ width: value }), precision: 2, step: 0.05, unit: "m", value: node.width }), !isHoodOnlyNode && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 1.2, min: 0.3, onChange: (value) => updateNode({ depth: value }), precision: 2, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Carcass height", max: node.type === 'cabinet-module' && resolveCabinetType(node, parentRun) === 'tall'
+                                })), value: wallHeightPreset === 'custom' ? '18' : wallHeightPreset }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Common wall-cabinet heights. Use the slider below for a custom height." })] })), _jsx(SliderControl, { label: "Width", max: 3, min: 0.3, onChange: (value) => updateNode({ width: value }), precision: 2, step: 0.05, unit: "m", value: node.width }), !isHoodOnlyNode && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 1.2, min: 0.3, onChange: (value) => updateNode({ depth: value }), precision: 2, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Height", max: node.type === 'cabinet-module' && resolveCabinetType(node, parentRun) === 'tall'
                                     ? 2.4
                                     : 1.4, min: node.type === 'cabinet-module'
                                     ? Math.max(0.4, minCabinetCarcassHeightForStack(node))
-                                    : 0.4, onChange: (value) => updateNode({ carcassHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.carcassHeight })] }))] }), node.type === 'cabinet-module' && parentRun?.type === 'cabinet' && !isHoodOnlyNode && (_jsx(PanelSection, { title: "Cabinet Type", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsx(SegmentedControl, { onChange: (value) => {
-                                if (value === 'tall') {
-                                    switchToTall();
-                                    return;
-                                }
-                                switchToBase();
-                            }, options: CABINET_TIER_OPTIONS.map((option) => ({
-                                value: option.value,
-                                label: option.label,
-                            })), value: resolveCabinetType(node, parentRun) }), resolveCabinetType(node, parentRun) === 'base' &&
-                            (hasWallCabinet ? (_jsx(ActionButton, { label: "Remove wall cabinet", onClick: removeWallCabinet })) : (_jsxs(_Fragment, { children: [_jsx(ActionButton, { label: "Add wall cabinet", onClick: addWallCabinetAbove }), _jsx(ActionButton, { label: "Add chimney", onClick: addHoodAbove })] })))] }) })), canAddTopFinish && (_jsx(PanelSection, { title: "Top / Ceiling", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Finish" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({
-                                        topFinish: value,
-                                        ...(value !== 'none' && node.topFinish === 'none'
-                                            ? { topFinishDepth: node.depth }
-                                            : {}),
-                                    }), options: TOP_FINISH_OPTIONS.map((option) => ({
-                                        label: option.label,
-                                        value: option.value,
-                                    })), value: node.topFinish ?? 'none' })] }), node.topFinish !== 'none' && (_jsxs(_Fragment, { children: [_jsx(ActionButton, { label: "Fill to ceiling", onClick: () => updateNode({
-                                        topFinishHeight: cabinetCeilingGap(node, useScene.getState().nodes),
-                                    }) }), _jsx(SliderControl, { label: "Top height", max: 1.2, min: 0, onChange: (value) => updateNode({ topFinishHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.topFinishHeight }), _jsx(SliderControl, { label: "Top depth", max: 1.2, min: 0.15, onChange: (value) => updateNode({ topFinishDepth: value }), precision: 2, step: 0.01, unit: "m", value: node.topFinishDepth })] })), ceilingOverflow > 1e-4 && (_jsxs("div", { className: "flex gap-1.5 px-1 text-xs leading-5 text-red-300", children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsxs("span", { children: ["Finished height extends ", (ceilingOverflow * 1000).toFixed(0), " mm above the ceiling."] })] }))] }) })), planningReport &&
-                (planningReport.errors.length > 0 || planningReport.warnings.length > 0) && (_jsx(PanelSection, { title: "Planning checks", children: _jsxs("div", { className: "space-y-1 px-1 pb-2 text-xs leading-5", children: [planningReport.errors.map((planningIssue) => (_jsxs("div", { className: "flex gap-1.5 text-red-300", children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: planningIssue.message })] }, `${planningIssue.severity}-${planningIssue.code}-${planningIssue.nodeIds.join('-')}`))), planningReport.warnings.map((planningIssue) => (_jsxs("div", { className: `flex gap-1.5 ${planningIssue.code === 'ceiling-overflow' ? 'text-red-300' : 'text-amber-300'}`, children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: planningIssue.message })] }, `${planningIssue.severity}-${planningIssue.code}-${planningIssue.nodeIds.join('-')}`)))] }) })), !isHoodOnlyNode && (_jsx(PanelSection, { title: "Open Animation", children: _jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (value) => {
-                                    if (isAnimating)
-                                        stopAnimation();
-                                    updateNode({ operationState: value / 100 });
-                                }, step: 1, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }) }), _jsxs("button", { "aria-label": isAnimating
-                                ? 'Stop animation'
-                                : (node.operationState ?? 0) >= 0.99
-                                    ? 'Close cabinet'
-                                    : 'Open cabinet', className: "flex h-7 shrink-0 items-center gap-1.5 rounded-lg border border-border/40 bg-[#2C2C2E] px-2.5 text-[11px] font-medium text-foreground transition-colors hover:bg-[#3e3e3e]", onClick: () => {
-                                if (isAnimating) {
-                                    stopAnimation();
-                                    return;
-                                }
-                                animateOperationState((node.operationState ?? 0) >= 0.99 ? 0 : 1);
-                            }, title: isAnimating
-                                ? 'Stop animation'
-                                : (node.operationState ?? 0) >= 0.99
-                                    ? 'Close cabinet'
-                                    : 'Play animation', type: "button", children: [isAnimating ? _jsx(Pause, { className: "h-4 w-4" }) : _jsx(Play, { className: "h-4 w-4" }), _jsx("span", { children: isAnimating ? 'Stop' : (node.operationState ?? 0) >= 0.99 ? 'Close' : 'Play' })] })] }) })), _jsxs(PanelSection, { title: "Compartments", children: [reflowNotice ? (_jsx("p", { "aria-live": "polite", className: "px-1 pb-2 text-xs leading-5 text-amber-400", role: "status", children: reflowNotice.message })) : null, _jsx("div", { className: "flex flex-col gap-2 px-1 pb-2", children: rows.map(({ compartment, index }, displayIndex) => (_jsx(CompartmentCard, { allowHood: isWallChildModule, wallCabinet: isWallChildModule, compartment: compartment, carcassHeight: node.carcassHeight, displayIndex: displayIndex, index: index, onMove: (delta) => moveCompartment(index, delta), onRemove: () => removeAt(index), onReplace: (next) => replaceAt(index, next), onResizeHeight: (height) => resizeAt(index, height), resolvedHeight: rowHeights.get(index) ?? node.carcassHeight / Math.max(stack.length, 1), total: rows.length, width: node.width }, compartment.id))) }), _jsx("div", { className: "px-1 pb-1", children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add compartment", onClick: addCompartment }) })] }), !isHoodOnlyNode && (_jsxs(_Fragment, { children: [isFridgeModule && (_jsx(PanelSection, { title: "Appliance front", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Panel-ready" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ panelReady: value === 'on' }), options: [
+                                    : 0.4, onChange: (value) => updateNode({ carcassHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.carcassHeight })] }))] }), _jsx(CabinetEssentialControls, { stack: stack, width: node.width, onReplace: replaceAt }), planningReport &&
+                (planningReport.errors.length > 0 || planningReport.warnings.length > 0) && (_jsx(PanelSection, { title: "Planning checks", children: _jsxs("div", { className: "space-y-1 px-1 pb-2 text-xs leading-5", children: [planningReport.errors.map((planningIssue) => (_jsxs("div", { className: "flex gap-1.5 text-red-700 dark:text-red-300", children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: planningIssue.message })] }, `${planningIssue.severity}-${planningIssue.code}-${planningIssue.nodeIds.join('-')}`))), planningReport.warnings.map((planningIssue) => (_jsxs("div", { className: `flex gap-1.5 ${planningIssue.code === 'ceiling-overflow' ? 'text-red-700 dark:text-red-300' : 'text-amber-700 dark:text-amber-300'}`, children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: planningIssue.message })] }, `${planningIssue.severity}-${planningIssue.code}-${planningIssue.nodeIds.join('-')}`)))] }) })), !isHoodOnlyNode && (_jsxs(_Fragment, { children: [isFridgeModule && (_jsx(PanelSection, { title: "Appliance front", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Panel-ready" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ panelReady: value === 'on' }), options: [
                                                 { value: 'off', label: 'Appliance' },
                                                 { value: 'on', label: 'Cabinet panel' },
-                                            ], value: node.panelReady ? 'on' : 'off' })] }), node.panelReady && (_jsx("p", { className: "px-1 text-xs leading-5 text-muted-foreground", children: "Uses the cabinet front style, reveal, handle, and front material settings below." }))] }) })), _jsx(PanelSection, { title: "Fronts", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ frontStyle: value }), options: FRONT_STYLE_OPTIONS.map((option) => ({
+                                            ], value: node.panelReady ? 'on' : 'off' })] }), node.panelReady && (_jsx("p", { className: "px-1 text-xs leading-5 text-muted-foreground", children: "Uses the cabinet front style, reveal, handle, and front material settings below." }))] }) })), _jsx(PanelSection, { title: "Finish", children: _jsx("div", { className: "space-y-2 px-1 pb-2", children: _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ frontStyle: value }), options: FRONT_STYLE_OPTIONS.map((option) => ({
+                                            value: option.value,
+                                            label: option.label,
+                                        })), value: node.frontStyle ?? 'slab' })] }) }) }), _jsx(PanelSection, { title: "Handles", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ handleStyle: value }), options: HANDLE_STYLE_OPTIONS.map((option) => ({
                                                 value: option.value,
                                                 label: option.label,
-                                            })), value: node.frontStyle ?? 'slab' })] }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Mounting" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ frontOverlay: value }), options: FRONT_OVERLAY_OPTIONS.map((option) => ({
+                                            })), value: node.handleStyle })] }), (node.handleStyle === 'bar' || node.handleStyle === 'knob') && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Position" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ handlePosition: value }), options: HANDLE_POSITION_OPTIONS.map((option) => ({
                                                 value: option.value,
                                                 label: option.label,
-                                            })), value: node.frontOverlay ?? 'full' })] }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Reveal gap" }), _jsx(SegmentedControl, { mixed: cabinetRevealGapId(node.frontGap) === 'custom', onChange: (value) => updateNode({
-                                                frontGap: cabinetRevealGapById(value).value,
-                                            }), options: CABINET_REVEAL_GAPS.map((gap) => ({
-                                                value: gap.id,
-                                                label: gap.label,
-                                            })), value: cabinetRevealGapId(node.frontGap) === 'custom'
-                                                ? '3'
-                                                : cabinetRevealGapId(node.frontGap) })] })] }) }), _jsx(PanelSection, { title: "Handles", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ handleStyle: value }), options: HANDLE_STYLE_OPTIONS.map((option) => ({
-                                                value: option.value,
+                                            })), value: node.handlePosition ?? 'auto' })] }))] }) })] })), node.type === 'cabinet-module' &&
+                parentRun?.type === 'cabinet' &&
+                cabinetModuleSupportsPresets(node) && (_jsxs(PanelSection, { title: "Kitchen", children: [_jsx(ActionButton, { label: "Edit kitchen run", onClick: backToRun }), _jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: "Shared countertop, plinth, and finishes" }), !parentIsModule && parentRun.runTier !== 'wall' && (_jsx(KitchenModuleActions, { node: node, run: parentRun, onReplace: applyPreset }, node.id)), (parentIsModule || parentRun.runTier === 'wall') && (_jsxs("details", { className: "px-1 py-2 text-xs", children: [_jsx("summary", { className: "cursor-pointer", children: "Replace with\u2026" }), _jsx(KitchenCollection, { includeWall: false, onSelect: applyPreset })] }))] })), _jsxs("details", { className: "group border-t border-border/50", children: [_jsx("summary", { className: "cursor-pointer px-3 py-3 text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Advanced" }), _jsx("p", { className: "px-3 pb-2 text-xs text-muted-foreground", children: "Cabinet construction, compartments, and opening preview." }), !isHoodOnlyNode && (_jsxs(PanelSection, { title: "Front construction", defaultExpanded: false, children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Mounting" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ frontOverlay: value }), options: FRONT_OVERLAY_OPTIONS.map((option) => ({
+                                            value: option.value,
+                                            label: option.label,
+                                        })), value: node.frontOverlay ?? 'full' })] }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Reveal gap" }), _jsx(SegmentedControl, { mixed: cabinetRevealGapId(node.frontGap) === 'custom', onChange: (value) => updateNode({
+                                            frontGap: cabinetRevealGapById(value).value,
+                                        }), options: CABINET_REVEAL_GAPS.map((gap) => ({
+                                            value: gap.id,
+                                            label: gap.label,
+                                        })), value: cabinetRevealGapId(node.frontGap) === 'custom'
+                                            ? '3'
+                                            : cabinetRevealGapId(node.frontGap) })] })] })), node.type === 'cabinet-module' && parentRun?.type === 'cabinet' && !isHoodOnlyNode && (_jsx(PanelSection, { title: "Cabinet Type", defaultExpanded: false, children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsx(SegmentedControl, { onChange: (value) => {
+                                        if (value === 'tall') {
+                                            switchToTall();
+                                            return;
+                                        }
+                                        switchToBase();
+                                    }, options: CABINET_TIER_OPTIONS.map((option) => ({
+                                        value: option.value,
+                                        label: option.label,
+                                    })), value: resolveCabinetType(node, parentRun) }), resolveCabinetType(node, parentRun) === 'base' &&
+                                    (hasWallCabinet ? (_jsx(ActionButton, { label: "Remove wall cabinet", onClick: removeWallCabinet })) : (_jsxs(_Fragment, { children: [_jsx(ActionButton, { label: "Add wall cabinet", onClick: addWallCabinetAbove }), _jsx(ActionButton, { label: "Add chimney", onClick: addHoodAbove })] })))] }) })), canAddTopFinish && (_jsx(PanelSection, { title: "Top / Ceiling", defaultExpanded: false, children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Finish" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({
+                                                topFinish: value,
+                                                ...(value !== 'none' && node.topFinish === 'none'
+                                                    ? { topFinishDepth: node.depth }
+                                                    : {}),
+                                            }), options: TOP_FINISH_OPTIONS.map((option) => ({
                                                 label: option.label,
-                                            })), value: node.handleStyle })] }), (node.handleStyle === 'bar' || node.handleStyle === 'knob') && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Position" }), _jsx(SegmentedControl, { onChange: (value) => updateNode({ handlePosition: value }), options: HANDLE_POSITION_OPTIONS.map((option) => ({
                                                 value: option.value,
-                                                label: option.label,
-                                            })), value: node.handlePosition ?? 'auto' })] }))] }) })] }))] }));
+                                            })), value: node.topFinish ?? 'none' })] }), node.topFinish !== 'none' && (_jsxs(_Fragment, { children: [_jsx(ActionButton, { label: "Fill to ceiling", onClick: () => updateNode({
+                                                topFinishHeight: cabinetCeilingGap(node, useScene.getState().nodes),
+                                            }) }), _jsx(SliderControl, { label: "Top height", max: 1.2, min: 0, onChange: (value) => updateNode({ topFinishHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.topFinishHeight }), _jsx(SliderControl, { label: "Top depth", max: 1.2, min: 0.15, onChange: (value) => updateNode({ topFinishDepth: value }), precision: 2, step: 0.01, unit: "m", value: node.topFinishDepth })] })), ceilingOverflow > 1e-4 && (_jsxs("div", { className: "flex gap-1.5 px-1 text-xs leading-5 text-red-700 dark:text-red-300", children: [_jsx(AlertTriangle, { className: "mt-1 h-3.5 w-3.5 shrink-0" }), _jsxs("span", { children: ["Finished height extends ", (ceilingOverflow * 1000).toFixed(0), " mm above the ceiling."] })] }))] }) })), !isHoodOnlyNode && (_jsx(PanelSection, { title: "Open Animation", children: _jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(SliderControl, { label: "Open", max: 100, min: 0, onChange: (value) => {
+                                            if (isAnimating)
+                                                stopAnimation();
+                                            updateNode({ operationState: value / 100 });
+                                        }, step: 1, unit: "%", value: Math.round((node.operationState ?? 0) * 100) }) }), _jsxs("button", { "aria-label": isAnimating
+                                        ? 'Stop animation'
+                                        : (node.operationState ?? 0) >= 0.99
+                                            ? 'Close cabinet'
+                                            : 'Open cabinet', className: "flex h-7 shrink-0 items-center gap-1.5 rounded-lg border border-border/40 bg-black/4 dark:bg-[#2C2C2E] px-2.5 text-[11px] font-medium text-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => {
+                                        if (isAnimating) {
+                                            stopAnimation();
+                                            return;
+                                        }
+                                        animateOperationState((node.operationState ?? 0) >= 0.99 ? 0 : 1);
+                                    }, title: isAnimating
+                                        ? 'Stop animation'
+                                        : (node.operationState ?? 0) >= 0.99
+                                            ? 'Close cabinet'
+                                            : 'Play animation', type: "button", children: [isAnimating ? _jsx(Pause, { className: "h-4 w-4" }) : _jsx(Play, { className: "h-4 w-4" }), _jsx("span", { children: isAnimating ? 'Stop' : (node.operationState ?? 0) >= 0.99 ? 'Close' : 'Play' })] })] }) })), _jsxs(PanelSection, { title: "Compartments", defaultExpanded: false, children: [reflowNotice ? (_jsx("p", { "aria-live": "polite", className: "px-1 pb-2 text-xs leading-5 text-amber-700 dark:text-amber-400", role: "status", children: reflowNotice.message })) : null, _jsx("div", { className: "flex flex-col gap-2 px-1 pb-2", children: rows.map(({ compartment, index }, displayIndex) => (_jsx(CompartmentCard, { allowHood: isWallChildModule, wallCabinet: isWallChildModule, compartment: compartment, carcassHeight: node.carcassHeight, displayIndex: displayIndex, index: index, onMove: (delta) => moveCompartment(index, delta), onRemove: () => removeAt(index), onReplace: (next) => replaceAt(index, next), onResizeHeight: (height) => resizeAt(index, height), resolvedHeight: rowHeights.get(index) ?? node.carcassHeight / Math.max(stack.length, 1), total: rows.length, width: node.width }, compartment.id))) }), _jsx("div", { className: "px-1 pb-1", children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add compartment", onClick: addCompartment }) })] })] })] }));
 }

package/dist/cabinet/parametrics.js

@@ -1,4 +1,4 @@
-import { cabinetCornerUnlinkPatchesOnDelete, cabinetEmptyRunCascadeDeleteIds } from './run-ops';
+import { cabinetCornerUnlinkPatchesOnDelete, cabinetEmptyRunCascadeDeleteIds } from './run-ops.js';
 export const cabinetParametrics = {
     groups: [
         {
@@ -20,7 +20,7 @@ export const cabinetParametrics = {
     // A derived leg run lives under its source run — deleting the last child
     // of a run deletes the now-empty run group too.
     onDeleteCascade: (node, nodes, pendingDeleteIds) => cabinetEmptyRunCascadeDeleteIds(node, nodes, pendingDeleteIds),
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };
 export const cabinetModuleParametrics = {
     groups: [
@@ -42,5 +42,5 @@ export const cabinetModuleParametrics = {
     onDelete: (node, nodes) => cabinetCornerUnlinkPatchesOnDelete(node, nodes),
     // Deleting the run's last module deletes the now-empty run group too.
     onDeleteCascade: (node, nodes, pendingDeleteIds) => cabinetEmptyRunCascadeDeleteIds(node, nodes, pendingDeleteIds),
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

package/dist/cabinet/placement-dimensions.js

@@ -1,5 +1,5 @@
-import { runLocalToPlan } from './run-layout';
-import { collectCabinetWallSnapNeighbors, findClosestCabinetWallInPlan, resolveCabinetWallFaceOffset, } from './wall-snap';
+import { runLocalToPlan } from './run-layout.js';
+import { collectCabinetWallSnapNeighbors, findClosestCabinetWallInPlan, resolveCabinetWallFaceOffset, } from './wall-snap.js';
 const DIMENSION_Y = 0.035;
 const DIMENSION_OFFSET = 0.22;
 const DIMENSION_EPSILON = 1e-4;

package/dist/cabinet/placement-notice.d.ts

@@ -0,0 +1,6 @@
+import { type AnyNode, type CabinetModuleNode, type CabinetNode, type LiveTransformLike, type PlacementNotice } from '@pascal-app/core';
+export declare function cabinetPlacementNotice(node: CabinetNode | CabinetModuleNode, { nodes, live }: {
+    nodes: Readonly<Record<string, AnyNode>>;
+    live?: LiveTransformLike;
+}): PlacementNotice | null;
+//# sourceMappingURL=placement-notice.d.ts.map

package/dist/cabinet/placement-notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-notice.d.ts","sourceRoot":"","sources":["../../src/cabinet/placement-notice.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAQzB,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,GAAG,iBAAiB,EACrC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAAE,GACtF,eAAe,GAAG,IAAI,CAoCxB"}

package/dist/cabinet/placement-notice.js

@@ -0,0 +1,34 @@
+import { resolveLevelId, } from '@pascal-app/core';
+import { nodeLevelFrame } from '@pascal-app/core/procedural-items';
+import { cabinetOpeningConflicts, cabinetOpeningObstacles, } from './opening-clearance.js';
+export function cabinetPlacementNotice(node, { nodes, live }) {
+    const effective = live ? { ...node, position: live.position, rotation: live.rotation } : node;
+    const scene = live || nodes[node.id] !== node ? { ...nodes, [node.id]: effective } : nodes;
+    const levelId = resolveLevelId(effective, scene);
+    if (!levelId)
+        return null;
+    const cache = new Map();
+    const modules = [];
+    const visit = (entry, seen = new Set()) => {
+        if (seen.has(entry.id))
+            return;
+        seen.add(entry.id);
+        if (entry.type === 'cabinet-module')
+            modules.push(entry);
+        for (const id of entry.children) {
+            const child = scene[id];
+            if (child?.type === 'cabinet' || child?.type === 'cabinet-module')
+                visit(child, seen);
+        }
+    };
+    visit(effective);
+    // Read once, when a module has an opening to check.
+    let obstacles;
+    const levelObstacles = () => (obstacles ??= cabinetOpeningObstacles(levelId, scene));
+    for (const module of modules) {
+        const pose = nodeLevelFrame(module.id, scene, new Set(), { cache });
+        if (cabinetOpeningConflicts(module, pose.position, Math.atan2(pose.axes[2][0], pose.axes[2][2]), levelId, scene, [], levelObstacles).length)
+            return { line: 'Opening clearance: nearby objects may block a door or drawer' };
+    }
+    return null;
+}

package/dist/cabinet/placement-status.d.ts

@@ -1,5 +1,7 @@
 type CabinetPlacementStatusState = {
     blocked: boolean;
+    target: string | null;
+    setTarget(target: string | null): void;
     setBlocked(blocked: boolean): void;
 };
 declare const useCabinetPlacementStatus: import("zustand").UseBoundStore<import("zustand").StoreApi<CabinetPlacementStatusState>>;

package/dist/cabinet/placement-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placement-status.d.ts","sourceRoot":"","sources":["../../src/cabinet/placement-status.ts"],"names":[],"mappings":"AAEA,KAAK,2BAA2B,GAAG;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACnC,CAAA;AAED,QAAA,MAAM,yBAAyB,0FAG5B,CAAA;AAEH,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"placement-status.d.ts","sourceRoot":"","sources":["../../src/cabinet/placement-status.ts"],"names":[],"mappings":"AAEA,KAAK,2BAA2B,GAAG;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACnC,CAAA;AAED,QAAA,MAAM,yBAAyB,0FAK5B,CAAA;eAEY,yBAAyB"}