@pascal-app/nodes 1.0.4 → 1.0.6

package/dist/cabinet/run-ops.d.ts

@@ -82,13 +82,33 @@ export declare function applyCabinetModuleFrontPatch({ module, patch, sceneApi,
 export declare function resolveCabinetType(module: CabinetModuleNode, run?: CabinetNode): 'base' | 'tall';
 export declare function cabinetModulesForRun(run: CabinetNode, nodes: Readonly<Partial<Record<AnyNodeId, AnyNode>>>): CabinetModuleNode[];
 export declare function cabinetModuleCanEqualizeWidth(module: CabinetModuleNode, run: CabinetNode): boolean;
-export declare function cabinetRunWidthEqualizationPlan(run: CabinetNode, nodes: Readonly<Partial<Record<AnyNodeId, AnyNode>>>): import("./run-layout").RunModuleWidthEqualizationPlan<{
+export declare function cabinetRunWidthEqualizationPlan(run: CabinetNode, nodes: Readonly<Partial<Record<AnyNodeId, AnyNode>>>): import("./run-layout.js").RunModuleWidthEqualizationPlan<{
     object: "node";
+    name?: string | undefined;
     parentId: string | null;
     visible: boolean;
+    camera?: {
+        position: [number, number, number];
+        target: [number, number, number];
+        mode: "orthographic" | "perspective";
+        fov?: number | undefined;
+        zoom?: number | undefined;
+    } | undefined;
     metadata: Record<string, unknown>;
+    provenance?: {
+        refs: {
+            ns?: string | undefined;
+            id: string;
+            role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
+        }[];
+        lineage?: {
+            op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
+            fromIds: string[];
+        } | undefined;
+    } | undefined;
     position: [number, number, number];
     rotation: number;
+    supportSlabId?: string | undefined;
     width: number;
     depth: number;
     carcassHeight: number;
@@ -102,52 +122,24 @@ export declare function cabinetRunWidthEqualizationPlan(run: CabinetNode, nodes:
     withFinishedBack: boolean;
     frontThickness: number;
     frontGap: number;
-    frontStyle: "slab" | "shaker" | "raised-arch";
+    frontStyle: "raised-arch" | "shaker" | "slab";
     panelReady: boolean;
-    handleStyle: "none" | "cutout" | "bar" | "hole" | "knob";
-    handlePosition: "center" | "top" | "auto";
-    frontOverlay: "inset" | "full";
+    handleStyle: "bar" | "cutout" | "hole" | "knob" | "none";
+    handlePosition: "auto" | "center" | "top";
+    frontOverlay: "full" | "inset";
     withBottomPanel: boolean;
     showPlinth: boolean;
     withCountertop: boolean;
-    id: `cabinet-module_${string}`;
-    type: "cabinet-module";
-    children: string[];
-    cabinetType: "base" | "tall";
-    moduleKind: "standard" | "corner-filler";
-    topFinish: "trim" | "none" | "top-cabinet";
-    topFinishHeight: number;
-    topFinishDepth: number;
-    name?: string | undefined;
-    camera?: {
-        position: [number, number, number];
-        target: [number, number, number];
-        mode: "perspective" | "orthographic";
-        fov?: number | undefined;
-        zoom?: number | undefined;
-    } | undefined;
-    provenance?: {
-        refs: {
-            id: string;
-            ns?: string | undefined;
-            role?: "primary" | "piece" | "absorbed" | "alias" | "derived" | undefined;
-        }[];
-        lineage?: {
-            op: "import" | "split" | "merge" | "duplicate" | "convert" | "promote" | "make-independent" | "attach";
-            fromIds: string[];
-        } | undefined;
-    } | undefined;
-    supportSlabId?: string | undefined;
     material?: {
         id?: string | undefined;
-        preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+        preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
         properties?: {
             color: string;
             roughness: number;
             metalness: number;
             opacity: number;
             transparent: boolean;
-            side: "front" | "back" | "double";
+            side: "back" | "double" | "front";
         } | undefined;
         texture?: {
             url: string;
@@ -158,89 +150,97 @@ export declare function cabinetRunWidthEqualizationPlan(run: CabinetNode, nodes:
     materialPreset?: string | undefined;
     slots?: Record<string, string> | undefined;
     stack?: ({
-        type: "shelf";
         id: string;
-        shelfCount?: number | undefined;
         height?: number | undefined;
+        type: "shelf";
+        shelfCount?: number | undefined;
     } | {
-        type: "drawer";
         id: string;
-        drawerCount?: number | undefined;
         height?: number | undefined;
+        type: "drawer";
+        drawerCount?: number | undefined;
     } | {
-        type: "door";
         id: string;
-        doorType?: "glass" | "double" | "single-left" | "single-right" | undefined;
-        shelfCount?: number | undefined;
         height?: number | undefined;
+        type: "door";
+        doorType?: "double" | "glass" | "single-left" | "single-right" | undefined;
+        shelfCount?: number | undefined;
     } | {
-        type: "sink";
         id: string;
-        sinkLayout?: "single" | "double" | "double-offset" | undefined;
         height?: number | undefined;
+        type: "sink";
+        sinkLayout?: "double" | "double-offset" | "single" | undefined;
     } | {
-        type: "oven";
         id: string;
         height?: number | undefined;
+        type: "oven";
     } | {
-        type: "microwave";
         id: string;
         height?: number | undefined;
+        type: "microwave";
     } | {
-        type: "dishwasher";
         id: string;
         height?: number | undefined;
+        type: "dishwasher";
     } | {
-        type: "cooktop-gas";
         id: string;
-        cooktopLayout?: "gas-2burner" | "gas-4burner" | "gas-5burner-wok" | "gas-6burner" | undefined;
+        height?: number | undefined;
         cooktopBurnersOn?: boolean | undefined;
         cooktopActiveBurners?: number[] | undefined;
         cooktopKnobProgress?: number[] | undefined;
         cooktopShowGrate?: boolean | undefined;
-        height?: number | undefined;
+        type: "cooktop-gas";
+        cooktopLayout?: "gas-2burner" | "gas-4burner" | "gas-5burner-wok" | "gas-6burner" | undefined;
     } | {
-        type: "cooktop-induction";
         id: string;
-        cooktopLayout?: "induction-2zone" | "induction-4zone" | undefined;
+        height?: number | undefined;
         cooktopBurnersOn?: boolean | undefined;
         cooktopActiveBurners?: number[] | undefined;
         cooktopKnobProgress?: number[] | undefined;
         cooktopShowGrate?: boolean | undefined;
-        height?: number | undefined;
+        type: "cooktop-induction";
+        cooktopLayout?: "induction-2zone" | "induction-4zone" | undefined;
     } | {
-        type: "pull-out-pantry";
         id: string;
-        shelfCount?: number | undefined;
-        pantryRackStyle?: "glass" | "wire" | "tray" | undefined;
         height?: number | undefined;
+        type: "pull-out-pantry";
+        shelfCount?: number | undefined;
+        pantryRackStyle?: "glass" | "tray" | "wire" | undefined;
     } | {
-        type: "fridge-single";
         id: string;
         height?: number | undefined;
+        type: "fridge-single";
     } | {
-        type: "fridge-double";
         id: string;
         height?: number | undefined;
+        type: "fridge-double";
     } | {
-        type: "fridge-top-freezer";
         id: string;
         height?: number | undefined;
+        type: "fridge-top-freezer";
     } | {
-        type: "fridge-bottom-freezer";
         id: string;
         height?: number | undefined;
+        type: "fridge-bottom-freezer";
     } | {
-        type: "hood-pyramid";
         id: string;
         height?: number | undefined;
+        type: "hood-pyramid";
     } | {
-        type: "hood-curved-glass";
         id: string;
         height?: number | undefined;
+        type: "hood-curved-glass";
     })[] | undefined;
+    id: `cabinet-module_${string}`;
+    type: "cabinet-module";
+    children: string[];
+    cabinetType: "base" | "tall";
+    moduleKind: "corner-filler" | "standard" | "wall-filler";
     openSide?: "left" | "right" | undefined;
     cornerShelf?: boolean | undefined;
+    topFinish: "none" | "top-cabinet" | "trim";
+    topFinishHeight: number;
+    topFinishDepth: number;
 }>;
 export declare function equalizeCabinetRunWidths({ run, sceneApi, }: {
     run: CabinetNode;

package/dist/cabinet/run-ops.js

@@ -1,8 +1,8 @@
 import { CABINET_METRIC_DEFAULTS, calculateLevelMiters, cloneNodesInto, getWallPlanFootprint, nodeRegistry, resolveLevelId, selectionProxyIdFromMetadata, } from '@pascal-app/core';
-import { MAX_CABINET_WIDTH, MIN_CABINET_WIDTH } from './resize-limits';
-import { moduleMaxX, moduleMinX, planRunModuleInsertion, planRunModuleWidthEqualization, planToRunLocal, runLocalToPlan, runLocalXExtent, runWallConstraints, sideInsertX, sortRunModules, } from './run-layout';
-import { CabinetModuleNode as CabinetModuleNodeSchema, CabinetNode as CabinetNodeSchema, } from './schema';
-import { backAnchoredModuleZ, DEFAULT_CEILING_HEIGHT, defaultCabinetStack, hoodCompartmentHeight, newCabinetCompartment, stackForCabinet, } from './stack';
+import { MAX_CABINET_WIDTH, MIN_CABINET_WIDTH } from './resize-limits.js';
+import { moduleMaxX, moduleMinX, planRunModuleInsertion, planRunModuleWidthEqualization, planToRunLocal, runLocalToPlan, runLocalXExtent, runWallConstraints, sideInsertX, sortRunModules, } from './run-layout.js';
+import { CabinetModuleNode as CabinetModuleNodeSchema, CabinetNode as CabinetNodeSchema, } from './schema.js';
+import { backAnchoredModuleZ, DEFAULT_CEILING_HEIGHT, defaultCabinetStack, hoodCompartmentHeight, newCabinetCompartment, stackForCabinet, } from './stack.js';
 /**
  * Kind-owned cabinet run mutations, shared by the properties panel, the
  * quick-action menu, and the placement tool. Everything routes through
@@ -320,7 +320,7 @@ export function cabinetModulesForRun(run, nodes) {
 }
 const EQUALIZABLE_CABINET_COMPARTMENTS = new Set(['shelf', 'drawer', 'door']);
 export function cabinetModuleCanEqualizeWidth(module, run) {
-    return (module.moduleKind !== 'corner-filler' &&
+    return (module.moduleKind === 'standard' &&
         resolveCabinetType(module, run) === 'base' &&
         stackForCabinet(module).every((compartment) => EQUALIZABLE_CABINET_COMPARTMENTS.has(compartment.type)));
 }
@@ -408,7 +408,7 @@ export function cabinetRunArrayPlan(run, nodes, options) {
     }
     const modules = cabinetModulesForRun(run, nodes);
     const source = modules.find((module) => module.id === options.sourceModuleId);
-    if (!source || source.moduleKind === 'corner-filler') {
+    if (source?.moduleKind !== 'standard') {
         return { ok: false, reason: 'no-source' };
     }
     const direction = options.direction === 'left' ? -1 : 1;

package/dist/cabinet/run-panel.d.ts

@@ -2,6 +2,17 @@ import type { CabinetModuleNode as CabinetModuleNodeType, CabinetNode as Cabinet
 import { useScene } from '@pascal-app/core';
 export type CabinetEditableNode = CabinetNodeType | CabinetModuleNodeType;
 export declare function bumpRunLayoutRevisionViaStore(scene: ReturnType<typeof useScene.getState>, run: CabinetNodeType): void;
+export declare function planCabinetPresetReflow({ modules, parentRun, patch, scene, selected, }: {
+    modules: CabinetModuleNodeType[];
+    parentRun: CabinetNodeType;
+    patch: Partial<CabinetModuleNodeType>;
+    scene: ReturnType<typeof useScene.getState>;
+    selected: CabinetModuleNodeType;
+}): {
+    id: `cabinet-module_${string}`;
+    position: [number, number, number];
+    width: number;
+}[];
 export declare function reflowRunModules({ modules, parentRun, patch, scene, selected, }: {
     modules: CabinetModuleNodeType[];
     parentRun: CabinetNodeType;

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

@@ -1 +1 @@
-{"version":3,"file":"run-panel.d.ts","sourceRoot":"","sources":["../../src/cabinet/run-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,iBAAiB,IAAI,qBAAqB,EAC1C,WAAW,IAAI,eAAe,EAE/B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAgD,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgEzF,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,qBAAqB,CAAA;AAoFzE,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,EAC3C,GAAG,EAAE,eAAe,QAIrB;AAuBD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,SAAS,EAAE,eAAe,CAAA;IAC1B,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IACrC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC3C,QAAQ,EAAE,qBAAqB,CAAA;CAChC,GAAG,OAAO,CA8JV;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAChC,QAOA;AA8FD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,eAAe,CAAA;IACrB,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,+BA8iBA"}
+{"version":3,"file":"run-panel.d.ts","sourceRoot":"","sources":["../../src/cabinet/run-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,iBAAiB,IAAI,qBAAqB,EAC1C,WAAW,IAAI,eAAe,EAE/B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAKL,QAAQ,EACT,MAAM,kBAAkB,CAAA;AAmEzB,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,qBAAqB,CAAA;AAoFzE,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,EAC3C,GAAG,EAAE,eAAe,QAIrB;AAuBD,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,SAAS,EAAE,eAAe,CAAA;IAC1B,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IACrC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC3C,QAAQ,EAAE,qBAAqB,CAAA;CAChC;;;;IAoFA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,SAAS,EAAE,eAAe,CAAA;IAC1B,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IACrC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC3C,QAAQ,EAAE,qBAAqB,CAAA;CAChC,GAAG,OAAO,CA6EV;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAChC,QAOA;AA8FD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,eAAe,CAAA;IACrB,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,+BA2mBA"}

package/dist/cabinet/run-panel.js

@@ -1,20 +1,22 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cascadeDirty, createSceneApi, resolveLevelId, useScene } from '@pascal-app/core';
-import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, } from '@pascal-app/editor';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cascadeDirty, createSceneApi, resolveLevelId, runAsSingleSceneHistoryStep, useScene, } from '@pascal-app/core';
+import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, usePlacementNotice, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Equal as EqualIcon, Plus, Trash } from 'lucide-react';
 import { useCallback, useMemo, useState } from 'react';
 import { useShallow } from 'zustand/react/shallow';
-import { planCabinetHostedEdit } from './hosted-resize';
-import { metadataForSelectedWidth, metadataWithPresetWidthDebt, presetNominalWidth, presetWidthDebt, recordedPresetNominalWidth, } from './preset-width-debt';
-import { CABINET_DIMENSION_PROFILES, cabinetDimensionProfileById, cabinetDimensionProfileId, } from './profiles';
-import { MAX_CABINET_WIDTH } from './resize-limits';
-import { CABINET_REVEAL_GAPS, cabinetRevealGapById, cabinetRevealGapId, } from './reveals';
-import { runWallConstraints } from './run-layout';
-import { addCabinetModuleSide, backAlignZ, bumpCabinetRunLayoutRevision, cabinetMetadataRecord, cabinetRunArrayPlan, cabinetRunWidthEqualizationPlan, duplicateCabinetModuleAlongRun, equalizeCabinetRunWidths, nestedCornerRunPositionOverrides, resolveCabinetType, runModuleBaseY, syncCornerRunsFromRunSources, syncCornerStyleGroupFromRun, wallChildOf, } from './run-ops';
-import { backAnchoredModuleZ, minCabinetCarcassHeightForStack, reflowCabinetRunModules, stackForCabinet, } from './stack';
-import { CABINET_WALL_HEIGHT_PRESETS, cabinetWallHeightPresetById, cabinetWallHeightPresetId, } from './wall-height-presets';
+import { finishKitchenRun } from './finish-operation.js';
+import { planCabinetHostedEdit } from './hosted-resize.js';
+import { metadataForSelectedWidth, metadataWithPresetWidthDebt, presetNominalWidth, presetWidthDebt, recordedPresetNominalWidth, } from './preset-width-debt.js';
+import { CABINET_DIMENSION_PROFILES, cabinetDimensionProfileById, cabinetDimensionProfileId, } from './profiles.js';
+import { MAX_CABINET_WIDTH } from './resize-limits.js';
+import { CABINET_REVEAL_GAPS, cabinetRevealGapById, cabinetRevealGapId, } from './reveals.js';
+import { cabinetWallFillerPlan } from './run-finishing.js';
+import { runWallConstraints } from './run-layout.js';
+import { addCabinetModuleSide, backAlignZ, bumpCabinetRunLayoutRevision, cabinetMetadataRecord, cabinetRunArrayPlan, cabinetRunWidthEqualizationPlan, duplicateCabinetModuleAlongRun, equalizeCabinetRunWidths, nestedCornerRunPositionOverrides, resolveCabinetType, runModuleBaseY, syncCornerRunsFromRunSources, syncCornerStyleGroupFromRun, wallChildOf, } from './run-ops.js';
+import { backAnchoredModuleZ, minCabinetCarcassHeightForStack, reflowCabinetRunModules, stackForCabinet, } from './stack.js';
+import { CABINET_WALL_HEIGHT_PRESETS, cabinetWallHeightPresetById, cabinetWallHeightPresetId, } from './wall-height-presets.js';
 const RUN_POSITION_PATCH_KEYS = new Set(['showPlinth', 'plinthHeight']);
 const RUN_MODULE_SYNC_PATCH_KEYS = new Set([
     'frontStyle',
@@ -102,7 +104,7 @@ function hasLinkedCornerRun(module) {
         Array.isArray(value.linkedRunIds) &&
         value.linkedRunIds.length > 0);
 }
-export function reflowRunModules({ modules, parentRun, patch, scene, selected, }) {
+export function planCabinetPresetReflow({ modules, parentRun, patch, scene, selected, }) {
     const wallConstraints = runWallConstraints(parentRun, modules, scene.nodes, { widthGrowth: Math.max(0, (patch.width ?? selected.width) - selected.width) });
     const sortedModules = [...modules].sort((a, b) => a.position[0] - b.position[0]);
     const leftCornerAnchored = Boolean(sortedModules[0] && hasLinkedCornerRun(sortedModules[0]));
@@ -163,6 +165,10 @@ export function reflowRunModules({ modules, parentRun, patch, scene, selected, }
         nominalWidthById,
         restorableWidthById: new Map(modules.map((module) => [module.id, presetWidthDebt(module, selected.id)])),
     });
+    return reflowed;
+}
+export function reflowRunModules({ modules, parentRun, patch, scene, selected, }) {
+    const reflowed = planCabinetPresetReflow({ modules, parentRun, patch, scene, selected });
     if (reflowed.length === 0)
         return false;
     const reflowById = new Map(reflowed.map((entry) => [entry.id, entry]));
@@ -322,13 +328,29 @@ export function CabinetRunPanel({ node, modules, onClose, }) {
     const [arraySpacing, setArraySpacing] = useState(0);
     const [arrayDirection, setArrayDirection] = useState('right');
     const widthEqualization = useMemo(() => cabinetRunWidthEqualizationPlan(planningNode, planningNodes), [planningNode, planningNodes]);
-    const arraySource = useMemo(() => sortedModules.find((module) => module.id === arraySourceId && module.moduleKind !== 'corner-filler') ?? sortedModules.find((module) => module.moduleKind !== 'corner-filler'), [arraySourceId, sortedModules]);
+    const arraySource = useMemo(() => sortedModules.find((module) => module.id === arraySourceId && module.moduleKind === 'standard') ?? sortedModules.find((module) => module.moduleKind === 'standard'), [arraySourceId, sortedModules]);
     const arrayPlan = useMemo(() => cabinetRunArrayPlan(planningNode, planningNodes, {
         copyCount: arrayCopyCount,
         direction: arrayDirection,
         sourceModuleId: arraySource?.id ?? null,
         spacing: arraySpacing,
     }), [arrayCopyCount, arrayDirection, arraySource?.id, arraySpacing, planningNode, planningNodes]);
+    const placementNotice = usePlacementNotice(node.id);
+    const [finishMessage, setFinishMessage] = useState(null);
+    const fillerPlan = cabinetWallFillerPlan(planningNode, sortedModules, planningNodes);
+    const finishRun = (action) => {
+        setFinishMessage(null);
+        try {
+            const outcome = finishKitchenRun(useScene.getState().nodes, { runId: node.id, action }, { activeLevelId: null });
+            if (outcome.changes)
+                runAsSingleSceneHistoryStep(useScene, () => useScene
+                    .getState()
+                    .applyNodeChanges(outcome.changes));
+        }
+        catch (error) {
+            setFinishMessage(error instanceof Error ? error.message : 'Unable to finish this kitchen run.');
+        }
+    };
     const updateRun = useCallback((patch) => updateCabinetRun({ modules, node, patch }), [modules, node]);
     const addModule = useCallback((side) => {
         const id = addCabinetModuleSide({
@@ -397,9 +419,13 @@ export function CabinetRunPanel({ node, modules, onClose, }) {
             setSelection({ selectedIds: [] });
         }
     }, [node.id, setSelection]);
-    return (_jsxs(PanelWrapper, { icon: "/icons/item.webp", onClose: onClose, title: node.name || 'Modular Cabinet', width: 320, children: [_jsxs(PanelSection, { title: "Modules", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-2", children: sortedModules.map((module, index) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/40 bg-[#252527] px-2 py-2", children: [_jsxs("button", { className: "min-w-0 flex-1 text-left", onClick: () => setSelection({ selectedIds: [module.id] }), type: "button", children: [_jsx("div", { className: "truncate text-xs font-medium text-foreground", children: module.name || `Module ${index + 1}` }), _jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: moduleSummary(module) })] }), _jsx("button", { "aria-label": `Use ${module.name || `Module ${index + 1}`} as array source`, className: "mr-1 flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/50 text-muted-foreground transition-colors hover:bg-white/8 hover:text-foreground disabled:cursor-not-allowed disabled:opacity-30", disabled: module.moduleKind === 'corner-filler', onClick: () => setArraySourceId(module.id), title: module.moduleKind === 'corner-filler'
+    return (_jsxs(PanelWrapper, { icon: "/icons/item.webp", onClose: onClose, title: 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 })), _jsx(PanelSection, { title: "Finish & align", children: _jsxs("div", { className: "flex flex-col gap-2 px-1 pb-2", children: [_jsx(ActionButton, { label: "Align cabinets & handles", onClick: () => finishRun('align') }), finishMessage && (_jsx("p", { role: "status", className: "text-xs text-amber-600", children: finishMessage })), _jsx("p", { className: "text-xs text-muted-foreground", children: "Match base heights, backs, reveals and handles. Align upper cabinets; preserve tall appliances and custom compartments." }), _jsx(ToggleControl, { label: "Finished exposed ends", checked: node.withFinishedEnds, onChange: (checked) => updateRun({ withFinishedEnds: checked }) }), _jsx(ActionButton, { label: "Fit wall fillers", disabled: fillerPlan.length === 0, onClick: () => finishRun('fill') }), _jsx("p", { className: "text-xs text-muted-foreground", children: fillerPlan.length
+                                ? fillerPlan
+                                    .map(({ side, width }) => `${side}: ${Math.round(width * 1000)} mm`)
+                                    .join(' · ')
+                                : 'Fits 50–150 mm gaps at run ends beside perpendicular walls.' })] }) }), _jsxs(PanelSection, { title: "Modules", children: [_jsx("div", { className: "flex flex-col gap-2 px-1 pb-2", children: sortedModules.map((module, index) => (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-lg border border-border/40 bg-black/3 dark:bg-[#252527] px-2 py-2", children: [_jsxs("button", { className: "min-h-8 min-w-0 flex-1 py-1 text-left", onClick: () => setSelection({ selectedIds: [module.id] }), type: "button", children: [_jsx("div", { className: "truncate text-xs font-medium text-foreground", children: module.name || `Module ${index + 1}` }), _jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: moduleSummary(module) })] }), _jsx("button", { "aria-label": `Use ${module.name || `Module ${index + 1}`} as array source`, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/50 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/8 hover:text-foreground disabled:cursor-not-allowed disabled:opacity-30", disabled: module.moduleKind === 'corner-filler', onClick: () => setArraySourceId(module.id), title: module.moduleKind === 'corner-filler'
                                         ? 'Corner fillers cannot be used as array sources'
-                                        : 'Use this module as the array source', type: "button", children: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-red-500/20 bg-red-500/8 text-red-300 transition-colors hover:bg-red-500/15 hover:text-red-200 disabled:opacity-30", disabled: modules.length <= 1, onClick: () => deleteModule(module), type: "button", children: _jsx(Trash, { className: "h-3.5 w-3.5" }) })] }, module.id))) }), _jsxs("div", { className: "px-1 pb-1", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add left", onClick: () => addModule('left') }), _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add right", onClick: () => addModule('right') })] }), _jsx(ActionButton, { className: "mt-2 w-full", disabled: !widthEqualization.ok || !widthEqualization.changed, icon: _jsx(EqualIcon, { className: "h-4 w-4" }), label: "Equalize widths", onClick: equalizeWidths, title: equalizeWidthsTitle }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Balances standard base cabinets while keeping appliance and corner-filler widths fixed." })] })] }), _jsx(PanelSection, { title: "Duplicate along run", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { className: "rounded-lg border border-border/40 bg-[#252527] px-2 py-2", children: [_jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Source module" }), _jsx("div", { className: "truncate pt-1 text-xs font-medium text-foreground", children: arraySource?.name ||
+                                        : 'Use this module as the array source', type: "button", children: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-red-500/20 bg-red-500/8 text-red-700 dark:text-red-300 transition-colors hover:bg-red-500/15 hover:text-red-700 dark:hover:text-red-200 disabled:opacity-30", disabled: modules.length <= 1, onClick: () => deleteModule(module), type: "button", children: _jsx(Trash, { className: "h-3.5 w-3.5" }) })] }, module.id))) }), _jsxs("div", { className: "px-1 pb-1", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add left", onClick: () => addModule('left') }), _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-4 w-4" }), label: "Add right", onClick: () => addModule('right') })] }), _jsx(ActionButton, { className: "mt-2 w-full", disabled: !widthEqualization.ok || !widthEqualization.changed, icon: _jsx(EqualIcon, { className: "h-4 w-4" }), label: "Equalize widths", onClick: equalizeWidths, title: equalizeWidthsTitle }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Balances standard base cabinets while keeping appliance and corner-filler widths fixed." })] })] }), _jsx(PanelSection, { title: "Duplicate along run", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_jsxs("div", { className: "rounded-lg border border-border/40 bg-black/3 dark:bg-[#252527] px-2 py-2", children: [_jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Source module" }), _jsx("div", { className: "truncate pt-1 text-xs font-medium text-foreground", children: arraySource?.name ||
                                         (arraySource ? moduleSummary(arraySource) : 'No eligible module') })] }), _jsx(SliderControl, { label: "Copies", max: 20, min: 1, onChange: (value) => setArrayCopyCount(Math.round(value)), precision: 0, step: 1, value: arrayCopyCount }), _jsx(SliderControl, { label: "Spacing", max: 2, min: 0, onChange: setArraySpacing, precision: 2, step: 0.01, unit: "m", value: arraySpacing }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Direction" }), _jsx(SegmentedControl, { onChange: (value) => setArrayDirection(value), options: [
                                         { value: 'left', label: 'Left' },
                                         { value: 'right', label: 'Right' },
@@ -409,7 +435,7 @@ export function CabinetRunPanel({ node, modules, onClose, }) {
                                     })), value: dimensionProfile === 'us-base' ? 'us-base' : 'metric-base' }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Applies depth, carcass, plinth, and countertop thickness to this run." })] })), node.runTier === 'wall' && (_jsxs("div", { 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: "Depth", max: 1.2, min: 0.3, onChange: (value) => updateRun({ depth: value }), precision: 2, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Carcass height", max: node.runTier === 'tall' ? 2.4 : 1.4, min: Math.max(0.4, ...modules.map((module) => minCabinetCarcassHeightForStack(module))), onChange: (value) => updateRun({ carcassHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.carcassHeight }), _jsx(ToggleControl, { checked: node.showPlinth, label: "Show plinth", onChange: (checked) => updateRun({ showPlinth: checked }) }), node.showPlinth && (_jsx(SliderControl, { label: "Plinth height", max: 0.3, min: 0.02, onChange: (value) => updateRun({ plinthHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.plinthHeight })), _jsx(ToggleControl, { checked: node.withCountertop, label: "Show countertop", onChange: (checked) => updateRun({ withCountertop: checked }) }), node.withCountertop && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Countertop height", max: 0.08, min: 0.005, onChange: (value) => updateRun({ countertopThickness: value }), precision: 3, step: 0.005, unit: "m", value: node.countertopThickness }), _jsx(SliderControl, { label: "Countertop depth", max: 0.12, min: 0, onChange: (value) => updateRun({ countertopOverhang: value }), precision: 2, step: 0.005, unit: "m", value: node.countertopOverhang })] }))] }) }), _jsx(PanelSection, { title: "Island & Bar", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [node.withCountertop && node.barLedge?.edge !== 'back' && (_jsx(SliderControl, { label: "Seating overhang", max: 0.45, min: 0, onChange: (value) => updateRun({ countertopBackOverhang: value }), precision: 2, step: 0.05, unit: "m", value: node.countertopBackOverhang })), _jsx(ToggleControl, { checked: node.withFinishedBack, label: "Finished back", onChange: (checked) => updateRun({ withFinishedBack: checked }) }), _jsx(ToggleControl, { checked: node.withFinishedEnds, label: "Finished end panels", onChange: (checked) => updateRun({ withFinishedEnds: checked }) }), node.withCountertop && (_jsx(ToggleControl, { checked: node.withWaterfall, label: "Waterfall ends", onChange: (checked) => updateRun({ withWaterfall: checked }) })), _jsx(ToggleControl, { checked: Boolean(node.barLedge), label: "Bar counter", onChange: (checked) => updateRun({
+                                    })), 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: "Depth", max: 1.2, min: 0.3, onChange: (value) => updateRun({ depth: value }), precision: 2, step: 0.01, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Carcass height", max: node.runTier === 'tall' ? 2.4 : 1.4, min: Math.max(0.4, ...modules.map((module) => minCabinetCarcassHeightForStack(module))), onChange: (value) => updateRun({ carcassHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.carcassHeight }), _jsx(ToggleControl, { checked: node.showPlinth, label: "Show plinth", onChange: (checked) => updateRun({ showPlinth: checked }) }), node.showPlinth && (_jsx(SliderControl, { label: "Plinth height", max: 0.3, min: 0.02, onChange: (value) => updateRun({ plinthHeight: value }), precision: 2, step: 0.01, unit: "m", value: node.plinthHeight })), _jsx(ToggleControl, { checked: node.withCountertop, label: "Show countertop", onChange: (checked) => updateRun({ withCountertop: checked }) }), node.withCountertop && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Countertop height", max: 0.08, min: 0.005, onChange: (value) => updateRun({ countertopThickness: value }), precision: 3, step: 0.005, unit: "m", value: node.countertopThickness }), _jsx(SliderControl, { label: "Countertop depth", max: 0.12, min: 0, onChange: (value) => updateRun({ countertopOverhang: value }), precision: 2, step: 0.005, unit: "m", value: node.countertopOverhang })] }))] }) }), _jsx(PanelSection, { title: "Island & Bar", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [node.withCountertop && node.barLedge?.edge !== 'back' && (_jsx(SliderControl, { label: "Seating overhang", max: 0.45, min: 0, onChange: (value) => updateRun({ countertopBackOverhang: value }), precision: 2, step: 0.05, unit: "m", value: node.countertopBackOverhang })), _jsx(ToggleControl, { checked: node.withFinishedBack, label: "Finished back", onChange: (checked) => updateRun({ withFinishedBack: checked }) }), node.withCountertop && (_jsx(ToggleControl, { checked: node.withWaterfall, label: "Waterfall ends", onChange: (checked) => updateRun({ withWaterfall: checked }) })), _jsx(ToggleControl, { checked: Boolean(node.barLedge), label: "Bar counter", onChange: (checked) => updateRun({
                                 barLedge: checked ? { edge: 'back', height: 1.06, depth: 0.35 } : undefined,
                             }) }), node.barLedge && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { onChange: (value) => updateRun({
                                         barLedge: { ...node.barLedge, edge: value },

package/dist/cabinet/scene-action.js

@@ -1,5 +1,5 @@
 import { getEffectiveNode, useLiveNodeOverrides } from '@pascal-app/core';
-import { compartmentCooktopActiveBurners, compartmentCooktopElementCount, compartmentCooktopKnobProgress, patchCompartment, } from './stack';
+import { compartmentCooktopActiveBurners, compartmentCooktopElementCount, compartmentCooktopKnobProgress, patchCompartment, } from './stack.js';
 const KNOB_TURN_DURATION_MS = 180;
 let knobAnimationId = 0;
 const activeKnobAnimations = new Map();

package/dist/cabinet/stack-transitions.d.ts

@@ -1,5 +1,5 @@
 import type { CabinetModuleNode as CabinetModuleNodeType, CabinetNode as CabinetNodeType } from '@pascal-app/core';
-import { type CabinetCompartment } from './stack';
+import { type CabinetCompartment } from './stack.js';
 export declare function resolveCompartmentTransition({ node, parentRun, index, next, }: {
     node: CabinetNodeType | CabinetModuleNodeType;
     parentRun: CabinetNodeType | undefined;

package/dist/cabinet/stack-transitions.js

@@ -1,6 +1,6 @@
 import { CABINET_METRIC_DEFAULTS } from '@pascal-app/core';
-import { resolveCabinetType } from './run-ops';
-import { COOKTOP_STANDARD_WIDTH, cooktopCabinetStack, DISHWASHER_STANDARD_WIDTH, FRIDGE_COLUMN_HEIGHT, FRIDGE_COLUMN_WIDTH, FRIDGE_WIDE_WIDTH, fridgeCabinetStack, hoodCompartmentHeight, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, MICROWAVE_STANDARD_WIDTH, OVEN_STANDARD_WIDTH, PULL_OUT_PANTRY_STANDARD_WIDTH, replaceCabinetCompartmentStack, SINK_STANDARD_WIDTH, sinkCabinetStack, stackForCabinet, TALL_CABINET_CARCASS_HEIGHT, } from './stack';
+import { resolveCabinetType } from './run-ops.js';
+import { COOKTOP_STANDARD_WIDTH, cooktopCabinetStack, DISHWASHER_STANDARD_WIDTH, FRIDGE_COLUMN_HEIGHT, FRIDGE_COLUMN_WIDTH, FRIDGE_WIDE_WIDTH, fridgeCabinetStack, hoodCompartmentHeight, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, MICROWAVE_STANDARD_WIDTH, OVEN_STANDARD_WIDTH, PULL_OUT_PANTRY_STANDARD_WIDTH, replaceCabinetCompartmentStack, SINK_STANDARD_WIDTH, sinkCabinetStack, stackForCabinet, TALL_CABINET_CARCASS_HEIGHT, } from './stack.js';
 const BASE_MODULE_WIDTH = 0.5;
 const BASE_CARCASS_HEIGHT = CABINET_METRIC_DEFAULTS.carcassHeight;
 const WALL_CARCASS_HEIGHT = CABINET_METRIC_DEFAULTS.carcassHeight;