@pascal-app/nodes 1.0.0-beta.5 → 1.0.1

package/dist/cabinet/panel.js

@@ -1,18 +1,24 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { createSceneApi, useScene } from '@pascal-app/core';
 import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
-import { Pause, Play, Plus } from 'lucide-react';
+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 { addWallChildAbove, backAlignZ, resolveCabinetType, runModuleBaseY, switchCabinetToBase, switchCabinetToTall, syncCornerRunsFromSourceModule, wallChildOf, } from './run-ops';
+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, isHoodCompartmentType, minCabinetCarcassHeightForStack, newCabinetCompartment, normalizeCabinetStack, resizeCabinetCompartmentStack, stackForCabinet, } from './stack';
+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';
 const HANDLE_STYLE_OPTIONS = [
     { value: 'bar', label: 'Bar' },
     { value: 'knob', label: 'Knob' },
@@ -38,31 +44,38 @@ const CABINET_TIER_OPTIONS = [
     { value: 'base', label: 'Base Cabinet' },
     { value: 'tall', label: 'Tall Cabinet' },
 ];
+const TOP_FINISH_OPTIONS = [
+    { value: 'none', label: 'None' },
+    { value: 'top-cabinet', label: 'Top Cabinet' },
+    { value: 'trim', label: 'Trim / Soffit' },
+];
 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 setSelection = useViewer((s) => s.setSelection);
     const [isAnimating, setIsAnimating] = useState(false);
+    const [reflowNotice, setReflowNotice] = useState(null);
     const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
     const parentRun = useScene((s) => {
         if (!selectedId)
             return undefined;
         const selected = s.nodes[selectedId];
-        if (selected?.type !== 'cabinet-module' || !selected.parentId)
-            return undefined;
-        const parent = s.nodes[selected.parentId];
-        return parent?.type === 'cabinet' ? parent : undefined;
+        return selected?.type === 'cabinet-module'
+            ? (cabinetModulePanelContext(selected, s.nodes)?.parentRun ?? undefined)
+            : undefined;
     });
     const moduleIds = useScene((s) => {
         if (!selectedId)
             return EMPTY_MODULE_IDS;
         const selected = s.nodes[selectedId];
+        const panelContext = selected?.type === 'cabinet-module' ? cabinetModulePanelContext(selected, s.nodes) : null;
         const parent = selected?.type === 'cabinet'
             ? selected
-            : selected?.type === 'cabinet-module' && selected.parentId
-                ? s.nodes[selected.parentId]
+            : panelContext?.reflowModule
+                ? panelContext.parentRun
                 : undefined;
         if (parent?.type !== 'cabinet')
             return EMPTY_MODULE_IDS;
@@ -90,28 +103,86 @@ export default function CabinetPanel() {
             selected.parentId != null &&
             s.nodes[selected.parentId]?.type === 'cabinet-module');
     });
+    const showReflowRejected = useCallback(() => {
+        setReflowNotice({ message: REFLOW_REJECTED_MESSAGE });
+    }, []);
+    useEffect(() => {
+        if (selectedId)
+            setReflowNotice(null);
+    }, [selectedId]);
+    useEffect(() => {
+        if (!reflowNotice)
+            return;
+        const timeout = window.setTimeout(() => setReflowNotice(null), 4000);
+        return () => window.clearTimeout(timeout);
+    }, [reflowNotice]);
     const updateNode = useCallback((patch) => {
         if (!selectedId)
             return;
         const scene = useScene.getState();
         const liveBeforeUpdate = scene.nodes[selectedId];
         const nextPatch = { ...patch };
+        const panelContext = liveBeforeUpdate?.type === 'cabinet-module'
+            ? cabinetModulePanelContext(liveBeforeUpdate, scene.nodes)
+            : null;
         if (liveBeforeUpdate?.type === 'cabinet-module' &&
             typeof nextPatch.carcassHeight === 'number') {
-            nextPatch.carcassHeight = Math.max(nextPatch.carcassHeight, minCabinetCarcassHeightForStack(liveBeforeUpdate));
+            nextPatch.carcassHeight = clampCabinetCarcassHeightForStack(liveBeforeUpdate, nextPatch.carcassHeight, nextPatch.stack);
+        }
+        if (liveBeforeUpdate?.type === 'cabinet-module') {
+            const frontPatch = {};
+            if ('frontStyle' in nextPatch)
+                frontPatch.frontStyle = nextPatch.frontStyle;
+            if ('frontOverlay' in nextPatch)
+                frontPatch.frontOverlay = nextPatch.frontOverlay;
+            if ('handleStyle' in nextPatch)
+                frontPatch.handleStyle = nextPatch.handleStyle;
+            if ('handlePosition' in nextPatch)
+                frontPatch.handlePosition = nextPatch.handlePosition;
+            if (Object.keys(frontPatch).length > 0) {
+                applyCabinetModuleFrontPatch({
+                    module: liveBeforeUpdate,
+                    patch: frontPatch,
+                    sceneApi: createSceneApi(useScene),
+                });
+            }
         }
         if (liveBeforeUpdate?.type === 'cabinet-module' &&
             liveBeforeUpdate.parentId &&
             parentRun?.type === 'cabinet' &&
+            typeof nextPatch.frontGap === 'number') {
+            const frontGap = nextPatch.frontGap;
+            scene.updateNode(parentRun.id, { frontGap });
+            for (const module of modules) {
+                scene.updateNode(module.id, { frontGap });
+                const wallChild = wallChildOf(module, scene.nodes);
+                if (wallChild)
+                    scene.updateNode(wallChild.id, { frontGap });
+            }
+            bumpRunLayoutRevisionViaStore(scene, parentRun);
+            syncCornerStyleGroupFromRun({
+                run: parentRun,
+                patch: { frontGap },
+                sceneApi: createSceneApi(useScene),
+            });
+            return;
+        }
+        if (liveBeforeUpdate?.type === 'cabinet-module' &&
+            liveBeforeUpdate.parentId &&
+            panelContext?.reflowModule &&
             'width' in nextPatch &&
             typeof nextPatch.width === 'number') {
-            reflowRunModules({
+            const applied = reflowRunModules({
                 modules,
-                parentRun,
+                parentRun: panelContext.parentRun,
                 patch: nextPatch,
                 scene,
-                selected: liveBeforeUpdate,
+                selected: panelContext.reflowModule,
             });
+            if (applied)
+                setReflowNotice(null);
+            else
+                showReflowRejected();
             return;
         }
         if (liveBeforeUpdate?.type === 'cabinet-module' &&
@@ -141,6 +212,7 @@ export default function CabinetPanel() {
                 if (liveNode?.type === 'cabinet-module') {
                     syncCornerRunsFromSourceModule({
                         module: liveNode,
+                        previousModule: liveBeforeUpdate?.type === 'cabinet-module' ? liveBeforeUpdate : undefined,
                         run: parent,
                         sceneApi: createSceneApi(useScene),
                     });
@@ -161,7 +233,7 @@ export default function CabinetPanel() {
                 scene.markDirty(liveNode.id);
             }
         }
-    }, [modules, parentRun, selectedId]);
+    }, [modules, parentRun, selectedId, showReflowRejected]);
     const close = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
@@ -193,26 +265,84 @@ export default function CabinetPanel() {
     if (!node || (node.type !== 'cabinet' && node.type !== 'cabinet-module'))
         return null;
     const stack = stackForCabinet(node);
+    const planningRun = node.type === 'cabinet' ? node : parentRun;
+    const planningReports = planningRun
+        ? (() => {
+            const reports = [];
+            const pending = [planningRun];
+            const seen = new Set();
+            while (pending.length > 0) {
+                const run = pending.pop();
+                if (seen.has(run.id))
+                    continue;
+                seen.add(run.id);
+                reports.push(validateCabinetRun(run, cabinetModulesForRun(run, useScene.getState().nodes), {
+                    nodes: useScene.getState().nodes,
+                }));
+                for (const childId of run.children ?? []) {
+                    const child = useScene.getState().nodes[childId];
+                    if (child?.type === 'cabinet')
+                        pending.push(child);
+                    if (child?.type === 'cabinet-module') {
+                        for (const nestedId of child.children ?? []) {
+                            const nested = useScene.getState().nodes[nestedId];
+                            if (nested?.type === 'cabinet')
+                                pending.push(nested);
+                        }
+                    }
+                }
+            }
+            return reports;
+        })()
+        : [];
+    const planningReport = planningReports.length
+        ? {
+            valid: planningReports.every((report) => report.valid),
+            errors: planningReports.flatMap((report) => report.errors),
+            warnings: planningReports.flatMap((report) => report.warnings),
+        }
+        : null;
     const isHoodOnlyNode = stack.length > 0 && stack.every((compartment) => isHoodCompartmentType(compartment.type));
+    const isFridgeModule = node.type === 'cabinet-module' &&
+        stack.some((compartment) => isFridgeCompartmentType(compartment.type));
+    const ceilingOverflow = node.type === 'cabinet-module'
+        ? cabinetModuleCeilingOverflow(node, useScene.getState().nodes)
+        : 0;
     const normalized = normalizeCabinetStack(node);
     const rowHeights = new Map(normalized.map((row) => [row.index, row.height]));
     const rows = stack.map((compartment, index) => ({ compartment, index })).reverse();
+    const removeWallChildForTallPatch = (patch, scene, target = node) => {
+        if (target.type !== 'cabinet-module' || patch.cabinetType !== 'tall')
+            return;
+        const child = wallChildOf(target, scene.nodes);
+        if (child)
+            scene.deleteNode(child.id);
+    };
     const commitStack = (next, extraPatch = {}) => {
         const patch = { ...extraPatch, stack: next };
         const minCarcassHeight = minCabinetCarcassHeightForStack({ ...node, stack: next });
         const targetCarcassHeight = patch.carcassHeight ?? node.carcassHeight;
         if (targetCarcassHeight < minCarcassHeight)
             patch.carcassHeight = minCarcassHeight;
-        if (node.type === 'cabinet-module' && parentRun?.type === 'cabinet' && patch.width) {
-            reflowRunModules({
+        const scene = useScene.getState();
+        const panelContext = node.type === 'cabinet-module' ? cabinetModulePanelContext(node, scene.nodes) : null;
+        if (node.type === 'cabinet-module' && panelContext?.reflowModule && patch.width) {
+            const applied = reflowRunModules({
                 modules,
-                parentRun,
+                parentRun: panelContext.parentRun,
                 patch,
-                scene: useScene.getState(),
-                selected: node,
+                scene,
+                selected: panelContext.reflowModule,
             });
+            if (!applied) {
+                showReflowRejected();
+                return;
+            }
+            setReflowNotice(null);
+            removeWallChildForTallPatch(patch, scene, panelContext.reflowModule);
             return;
         }
+        removeWallChildForTallPatch(patch, scene);
         updateNode(patch);
     };
     const replaceAt = (index, next) => {
@@ -220,7 +350,10 @@ export default function CabinetPanel() {
         commitStack(transition.stack, transition.modulePatch);
     };
     const resizeAt = (index, height) => commitStack(resizeCabinetCompartmentStack(node, index, height));
-    const removeAt = (index) => commitStack(stack.filter((_, i) => i !== index));
+    const removeAt = (index) => {
+        const result = removeCabinetCompartmentStack(node, index);
+        commitStack(result.stack, result.carcassHeight == null ? {} : result);
+    };
     const addCompartment = () => commitStack([...stack, newCabinetCompartment('shelf')]);
     const moveCompartment = (index, delta) => {
         const target = index + delta;
@@ -269,47 +402,77 @@ export default function CabinetPanel() {
     };
     const hasWallCabinet = node?.type === 'cabinet-module' ? Boolean(wallChild) : false;
     const isWallChildModule = node?.type === 'cabinet-module' && parentIsModule;
+    const isWallCabinetModule = node?.type === 'cabinet-module' && (isWallChildModule || parentRun?.runTier === 'wall');
+    const wallHeightPreset = isWallCabinetModule ? cabinetWallHeightPresetId(node) : 'custom';
+    const applyWallHeightPreset = (presetId) => {
+        if (!isWallCabinetModule)
+            return;
+        updateNode({ carcassHeight: cabinetWallHeightPresetById(presetId).value });
+    };
+    const canAddTopFinish = node.type === 'cabinet-module' &&
+        !isHoodOnlyNode &&
+        cabinetModuleSupportsTopFinish({
+            module: node,
+            parentIsModule,
+            parentRun,
+        });
     const applyPreset = (presetId) => {
-        if (node?.type !== 'cabinet-module')
+        if (node?.type !== 'cabinet-module' || !cabinetModuleSupportsPresets(node))
             return;
         const scene = useScene.getState();
         const preset = CABINET_PRESETS.find((entry) => entry.id === presetId);
         if (!preset)
             return;
         const patch = preset.createPatch(parentRun);
-        const wallChild = wallChildOf(node, scene.nodes);
-        if (wallChild && patch.cabinetType === 'tall') {
-            scene.deleteNode(wallChild.id);
-        }
+        const panelContext = cabinetModulePanelContext(node, scene.nodes);
+        const reflowModule = panelContext?.reflowModule;
         const nextPatch = {
             ...patch,
             position: [
                 node.position[0],
-                parentRun?.type === 'cabinet' ? runModuleBaseY(parentRun) : node.position[1],
+                reflowModule ? runModuleBaseY(panelContext.parentRun) : node.position[1],
                 typeof patch.depth === 'number'
                     ? backAnchoredModuleZ(node.position[2], node.depth, patch.depth)
                     : node.position[2],
             ],
         };
-        if (parentRun?.type === 'cabinet') {
-            reflowRunModules({
+        if (reflowModule) {
+            const applied = reflowRunModules({
                 modules,
-                parentRun,
+                parentRun: panelContext.parentRun,
                 patch: nextPatch,
-                preserveExtent: true,
                 scene,
-                selected: node,
+                selected: reflowModule,
             });
+            if (!applied) {
+                showReflowRejected();
+                return;
+            }
+            setReflowNotice(null);
+            removeWallChildForTallPatch(patch, scene, reflowModule);
         }
         else {
-            scene.updateNode(node.id, nextPatch);
+            removeWallChildForTallPatch(patch, scene);
+            updateNode(nextPatch);
         }
         setSelection({ selectedIds: [node.id] });
     };
+    const standardWidth = node.type === 'cabinet-module' ? cabinetStandardWidthId(node.width) : 'custom';
+    const usesFixedApplianceWidth = node.type === 'cabinet-module' && cabinetModuleUsesFixedApplianceWidth(node);
     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' && (_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: [_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'
+    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({
+                                    width: cabinetStandardWidthById(value).value,
+                                }), options: CABINET_STANDARD_WIDTHS.map((option) => ({
+                                    label: option.label,
+                                    value: option.id,
+                                })), 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'
                                     ? 2.4
                                     : 1.4, min: node.type === 'cabinet-module'
                                     ? Math.max(0.4, minCabinetCarcassHeightForStack(node))
@@ -323,7 +486,18 @@ export default function CabinetPanel() {
                                 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 })] })))] }) })), !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) => {
+                            (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 });
@@ -341,13 +515,23 @@ export default function CabinetPanel() {
                                 ? '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: [_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: [_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) => ({
+                                    : '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: [
+                                                { 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: 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: option.value,
                                                 label: option.label,
-                                            })), value: node.frontOverlay ?? 'full' })] })] }) }), _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: 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,
                                                 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) => ({

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

@@ -0,0 +1,42 @@
+import type { AnyNode, AnyNodeId } from '@pascal-app/core';
+export type CabinetPlacementDimension = {
+    id: string;
+    start: [number, number, number];
+    end: [number, number, number];
+    offsetNormal: [number, number];
+    offsetDistance: number;
+    value: number;
+    renderIn3d?: boolean;
+    renderInFloorplan?: boolean;
+};
+export declare function buildCabinetPlacementSizeDimensions({ depth, height, position, rotation, width, }: {
+    depth: number;
+    height: number;
+    position: readonly [number, number, number];
+    rotation: number;
+    width: number;
+}): CabinetPlacementDimension[];
+export declare function resolveCabinetPlacementDimensions({ depth, levelId, nodes, position, rotation, wallId, width, }: {
+    depth: number;
+    levelId: AnyNodeId;
+    nodes: Readonly<Record<AnyNodeId, AnyNode>>;
+    position: readonly [number, number, number];
+    rotation: number;
+    wallId?: AnyNodeId;
+    width: number;
+}): CabinetPlacementDimension[];
+export declare function resolveCabinetPlacementDimensionPosition({ depth, dimensionId, levelId, nodes, position, rotation, wallId, width, value, }: {
+    depth: number;
+    dimensionId: string;
+    levelId: AnyNodeId;
+    nodes: Readonly<Record<AnyNodeId, AnyNode>>;
+    position: readonly [number, number, number];
+    rotation: number;
+    wallId?: AnyNodeId;
+    width: number;
+    value: number;
+}): {
+    position: [number, number, number];
+    wallLocalX: number;
+} | null;
+//# sourceMappingURL=placement-dimensions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placement-dimensions.d.ts","sourceRoot":"","sources":["../../src/cabinet/placement-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAY1D,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,wBAAgB,mCAAmC,CAAC,EAClD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,GAAG,yBAAyB,EAAE,CAmC9B;AAmED,wBAAgB,iCAAiC,CAAC,EAChD,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,CAAA;IAClB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,GAAG,yBAAyB,EAAE,CAkF9B;AAED,wBAAgB,wCAAwC,CAAC,EACvD,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,SAAS,CAAA;IAClB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,GAAG;IAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAyEpE"}