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

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

@@ -2,13 +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 reflowRunModules({ modules, parentRun, patch, preserveExtent, scene, selected, }: {
+export declare function reflowRunModules({ modules, parentRun, patch, scene, selected, }: {
     modules: CabinetModuleNodeType[];
     parentRun: CabinetNodeType;
     patch: Partial<CabinetModuleNodeType>;
-    preserveExtent?: boolean;
     scene: ReturnType<typeof useScene.getState>;
     selected: CabinetModuleNodeType;
+}): boolean;
+export declare function updateCabinetRun(args: {
+    modules: CabinetModuleNodeType[];
+    node: CabinetNodeType;
+    patch: Partial<CabinetNodeType>;
 }): void;
 export declare function CabinetRunPanel({ node, modules, onClose, }: {
     node: 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,EAEV,iBAAiB,IAAI,qBAAqB,EAC1C,WAAW,IAAI,eAAe,EAC/B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAkB,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA8B3D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,qBAAqB,CAAA;AA4CzE,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,EAC3C,GAAG,EAAE,eAAe,QAIrB;AAkCD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAsB,EACtB,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,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC3C,QAAQ,EAAE,qBAAqB,CAAA;CAChC,QA8DA;AAED,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,+BA0YA"}
+{"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"}

package/dist/cabinet/run-panel.js

@@ -1,21 +1,60 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createSceneApi, useScene } from '@pascal-app/core';
+import { cascadeDirty, createSceneApi, resolveLevelId, useScene } from '@pascal-app/core';
 import { ActionButton, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
-import { Plus, Trash } from 'lucide-react';
-import { useCallback, useMemo } from 'react';
-import { addCabinetModuleSide, backAlignZ, bumpCabinetRunLayoutRevision, cabinetMetadataRecord, cornerLinkedSourceModuleForRun, runModuleBaseY, syncCornerRunsFromSourceModule, syncCornerStyleGroupFromRun, wallChildOf, } from './run-ops';
+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';
 const RUN_POSITION_PATCH_KEYS = new Set(['showPlinth', 'plinthHeight']);
 const RUN_MODULE_SYNC_PATCH_KEYS = new Set([
     'frontStyle',
     'frontOverlay',
     'handleStyle',
     'handlePosition',
+    'frontGap',
 ]);
 const RUN_DEPTH_PATCH_KEY = 'depth';
-const PRESET_WIDTH_DEBT_KEY = 'cabinetPresetWidthDebtBySource';
+const MIN_TRIMMED_CORNER_PRESET_WIDTH = 0.05;
+function selectCabinetRunPlanningNodes(nodes, runId) {
+    const run = nodes[runId];
+    if (run?.type !== 'cabinet')
+        return [];
+    const relevantIds = new Set();
+    const addWithAncestors = (node) => {
+        let current = node;
+        const visited = new Set();
+        while (current && !visited.has(current.id)) {
+            const currentId = current.id;
+            visited.add(currentId);
+            relevantIds.add(currentId);
+            current = current.parentId ? nodes[current.parentId] : undefined;
+        }
+    };
+    addWithAncestors(run);
+    for (const childId of run.children ?? [])
+        addWithAncestors(nodes[childId]);
+    const levelId = resolveLevelId(run, nodes);
+    for (const candidate of Object.values(nodes)) {
+        if (candidate?.type === 'wall' &&
+            resolveLevelId(candidate, nodes) === levelId) {
+            addWithAncestors(candidate);
+        }
+    }
+    return [...relevantIds].flatMap((id) => {
+        const node = nodes[id];
+        return node ? [node] : [];
+    });
+}
 const FRONT_STYLE_OPTIONS = [
     { value: 'slab', label: 'Slab' },
     { value: 'shaker', label: 'Shaker' },
@@ -51,37 +90,81 @@ export function bumpRunLayoutRevisionViaStore(scene, run) {
     bumpCabinetRunLayoutRevision(createSceneApi(useScene), run);
     scene.markDirty(run.id);
 }
-function presetWidthDebt(module, sourceId) {
-    const value = cabinetMetadataRecord(module.metadata)[PRESET_WIDTH_DEBT_KEY];
-    if (!value || typeof value !== 'object' || Array.isArray(value))
-        return 0;
-    const debt = value[sourceId];
-    return typeof debt === 'number' && debt > 0 ? debt : 0;
+function canDonatePresetWidth(module, run) {
+    return (resolveCabinetType(module, run) === 'base' &&
+        stackForCabinet(module).every((compartment) => compartment.type === 'door' ||
+            compartment.type === 'drawer' ||
+            compartment.type === 'shelf'));
 }
-function metadataWithPresetWidthDebt(module, sourceId, widthDelta) {
-    const metadata = cabinetMetadataRecord(module.metadata);
-    const value = metadata[PRESET_WIDTH_DEBT_KEY];
-    const debts = value && typeof value === 'object' && !Array.isArray(value)
-        ? { ...value }
-        : {};
-    const nextDebt = Math.max(0, presetWidthDebt(module, sourceId) - widthDelta);
-    if (nextDebt > 1e-4)
-        debts[sourceId] = nextDebt;
-    else
-        delete debts[sourceId];
-    if (Object.keys(debts).length > 0) {
-        return { ...metadata, [PRESET_WIDTH_DEBT_KEY]: debts };
-    }
-    const { [PRESET_WIDTH_DEBT_KEY]: _removed, ...rest } = metadata;
-    return rest;
+function hasLinkedCornerRun(module) {
+    const value = cabinetMetadataRecord(module.metadata).cabinetCornerSourceLink;
+    return (Boolean(value && typeof value === 'object' && !Array.isArray(value)) &&
+        Array.isArray(value.linkedRunIds) &&
+        value.linkedRunIds.length > 0);
 }
-export function reflowRunModules({ modules, parentRun, patch, preserveExtent = false, scene, selected, }) {
+export function reflowRunModules({ 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]));
+    const rightCornerAnchored = Boolean(sortedModules.at(-1) && hasLinkedCornerRun(sortedModules.at(-1)));
+    const effectiveWallConstraints = {
+        left: leftCornerAnchored && wallConstraints.left.constrained
+            ? { constrained: true, slack: 0 }
+            : wallConstraints.left,
+        right: rightCornerAnchored && wallConstraints.right.constrained
+            ? { constrained: true, slack: 0 }
+            : wallConstraints.right,
+    };
+    const eligibleDonorIds = new Set(modules.filter((module) => canDonatePresetWidth(module, parentRun)).map((module) => module.id));
+    const preserveExtent = effectiveWallConstraints.left.constrained && effectiveWallConstraints.right.constrained;
+    const selectedWillShrink = (patch.width ?? selected.width) < selected.width - 1e-4;
+    const nominalWidthById = new Map(modules.map((module) => [module.id, recordedPresetNominalWidth(module)]));
+    const maximumWidthById = new Map(modules.map((module) => [module.id, presetNominalWidth(module)]));
+    const originalDonorIds = new Set(modules
+        .filter((module) => eligibleDonorIds.has(module.id) && presetWidthDebt(module, selected.id) > 1e-4)
+        .map((module) => module.id));
+    if (preserveExtent && selectedWillShrink) {
+        const sorted = [...modules].sort((a, b) => a.position[0] - b.position[0]);
+        const selectedIndex = sorted.findIndex((module) => module.id === selected.id);
+        const fallbackCandidates = sorted
+            .map((module, index) => ({ index, module }))
+            .filter(({ module }) => module.id !== selected.id && eligibleDonorIds.has(module.id))
+            .sort((a, b) => {
+            const distance = Math.abs(a.index - selectedIndex) - Math.abs(b.index - selectedIndex);
+            return distance !== 0 ? distance : b.index - a.index;
+        });
+        const freedWidth = selected.width - (patch.width ?? selected.width);
+        const ordinaryCapacity = fallbackCandidates.reduce((total, { module }) => {
+            const maximumWidth = maximumWidthById.get(module.id) ?? MAX_CABINET_WIDTH;
+            return total + Math.max(0, maximumWidth - module.width);
+        }, 0);
+        let extraCapacity = Math.max(0, freedWidth - ordinaryCapacity);
+        const extensionCandidates = [...fallbackCandidates].sort((a, b) => {
+            const donorOrder = Number(originalDonorIds.has(a.module.id)) - Number(originalDonorIds.has(b.module.id));
+            return donorOrder !== 0 ? donorOrder : 0;
+        });
+        for (const { module } of extensionCandidates) {
+            if (extraCapacity <= 1e-4)
+                break;
+            const nominalWidth = maximumWidthById.get(module.id) ?? MAX_CABINET_WIDTH;
+            const addedCapacity = Math.min(extraCapacity, MAX_CABINET_WIDTH - nominalWidth);
+            maximumWidthById.set(module.id, nominalWidth + addedCapacity);
+            extraCapacity -= addedCapacity;
+        }
+    }
     const reflowed = reflowCabinetRunModules(modules, selected.id, patch.width ?? selected.width, {
-        preserveExtent,
+        wallConstraints: effectiveWallConstraints,
+        eligibleDonorIds,
+        minimumWidthById: new Map(modules
+            .filter(hasLinkedCornerRun)
+            .map((module) => [module.id, MIN_TRIMMED_CORNER_PRESET_WIDTH])),
+        maximumWidth: MAX_CABINET_WIDTH,
+        maximumWidthById,
+        nominalWidthById,
         restorableWidthById: new Map(modules.map((module) => [module.id, presetWidthDebt(module, selected.id)])),
     });
     if (reflowed.length === 0)
-        return;
+        return false;
     const reflowById = new Map(reflowed.map((entry) => [entry.id, entry]));
     for (const module of [...modules].sort((a, b) => a.position[0] - b.position[0])) {
         const reflow = reflowById.get(module.id);
@@ -92,7 +175,10 @@ export function reflowRunModules({ modules, parentRun, patch, preserveExtent = f
             ? { ...patch, width: reflow.width }
             : { width: reflow.width };
         const widthDelta = reflow.width - module.width;
-        if (!isSelected && preserveExtent && Math.abs(widthDelta) > 1e-4) {
+        if (isSelected && Math.abs(widthDelta) > 1e-4) {
+            nextPatch.metadata = metadataForSelectedWidth(module, reflow.width, nextPatch.metadata);
+        }
+        if (!isSelected && Math.abs(widthDelta) > 1e-4) {
             nextPatch.metadata = metadataWithPresetWidthDebt(module, selected.id, widthDelta);
         }
         const nextPosition = [
@@ -104,17 +190,22 @@ export function reflowRunModules({ modules, parentRun, patch, preserveExtent = f
         ];
         if (isSelected) {
             const cabinetType = patch.cabinetType ?? module.cabinetType;
-            if (cabinetType === 'base') {
+            const convertsToBase = cabinetType === 'base' && resolveCabinetType(module, parentRun) !== 'base';
+            if (convertsToBase) {
                 nextPatch.depth = patch.depth ?? parentRun.depth;
                 nextPatch.carcassHeight = patch.carcassHeight ?? parentRun.carcassHeight;
                 nextPatch.plinthHeight = patch.plinthHeight ?? parentRun.plinthHeight;
                 nextPatch.toeKickDepth = patch.toeKickDepth ?? parentRun.toeKickDepth;
-                nextPatch.countertopThickness = patch.countertopThickness ?? 0;
+                nextPatch.countertopThickness = patch.countertopThickness ?? parentRun.countertopThickness;
                 nextPatch.countertopOverhang = patch.countertopOverhang ?? parentRun.countertopOverhang;
             }
         }
         nextPatch.position = nextPosition;
+        const nestedCornerOverrides = nestedCornerRunPositionOverrides(module, nextPosition, scene.nodes);
         scene.updateNode(module.id, nextPatch);
+        for (const [id, override] of nestedCornerOverrides) {
+            scene.updateNode(id, override);
+        }
         const wallChild = wallChildOf(module, scene.nodes);
         if (wallChild) {
             scene.updateNode(wallChild.id, {
@@ -128,86 +219,117 @@ export function reflowRunModules({ modules, parentRun, patch, preserveExtent = f
             scene.markDirty(module.id);
         }
     }
+    syncCornerRunsFromRunSources({
+        baseLayout: 'width-only',
+        previousModules: modules,
+        run: useScene.getState().nodes[parentRun.id] ?? parentRun,
+        sceneApi: createSceneApi(useScene),
+    });
     bumpRunLayoutRevisionViaStore(scene, parentRun);
+    return true;
 }
-export function CabinetRunPanel({ node, modules, onClose, }) {
-    const setSelection = useViewer((s) => s.setSelection);
-    const sortedModules = useMemo(() => [...modules].sort((a, b) => a.position[0] - b.position[0]), [modules]);
-    const updateRun = useCallback((patch) => {
-        const scene = useScene.getState();
-        const sceneApi = createSceneApi(useScene);
-        const nextPatch = { ...patch };
-        if (typeof nextPatch.carcassHeight === 'number') {
-            const minModuleHeight = Math.max(0.4, ...modules.map((module) => minCabinetCarcassHeightForStack(module)));
-            nextPatch.carcassHeight = Math.max(nextPatch.carcassHeight, minModuleHeight);
+export function updateCabinetRun(args) {
+    const sceneApi = createSceneApi(useScene);
+    const updates = planCabinetHostedEdit(sceneApi, (staged) => writeCabinetRun(args, staged));
+    if (!updates)
+        return;
+    useScene.getState().updateNodes(updates.map(([id, data]) => ({ id, data })));
+    for (const id of cascadeDirty(args.node.id, { scene: sceneApi }))
+        useScene.getState().markDirty(id);
+}
+function writeCabinetRun({ modules, node, patch, }, sceneApi) {
+    const nodes = sceneApi.nodes();
+    const nextPatch = { ...patch };
+    if (typeof nextPatch.carcassHeight === 'number') {
+        const minModuleHeight = Math.max(0.4, ...modules.map((module) => minCabinetCarcassHeightForStack(module)));
+        nextPatch.carcassHeight = Math.max(nextPatch.carcassHeight, minModuleHeight);
+    }
+    const nextNode = { ...node, ...nextPatch };
+    sceneApi.update(node.id, nextPatch);
+    const shouldSyncDepth = RUN_DEPTH_PATCH_KEY in nextPatch;
+    const shouldSyncHeight = 'carcassHeight' in nextPatch;
+    const shouldSyncPosition = Object.keys(nextPatch).some((key) => RUN_POSITION_PATCH_KEYS.has(key));
+    const shouldSyncModules = Object.keys(nextPatch).some((key) => RUN_MODULE_SYNC_PATCH_KEYS.has(key));
+    if (!shouldSyncDepth && !shouldSyncHeight && !shouldSyncPosition && !shouldSyncModules)
+        return;
+    const stylePatch = {};
+    if ('frontStyle' in nextPatch)
+        stylePatch.frontStyle = nextNode.frontStyle;
+    if ('frontOverlay' in nextPatch)
+        stylePatch.frontOverlay = nextNode.frontOverlay;
+    if ('handleStyle' in nextPatch)
+        stylePatch.handleStyle = nextNode.handleStyle;
+    if ('handlePosition' in nextPatch)
+        stylePatch.handlePosition = nextNode.handlePosition;
+    if ('frontGap' in nextPatch)
+        stylePatch.frontGap = nextNode.frontGap;
+    for (const module of modules) {
+        const modulePatch = {};
+        if (shouldSyncDepth) {
+            modulePatch.depth = nextNode.depth;
         }
-        const nextNode = { ...node, ...nextPatch };
-        scene.updateNode(node.id, nextPatch);
-        const shouldSyncDepth = RUN_DEPTH_PATCH_KEY in nextPatch;
-        const shouldSyncHeight = 'carcassHeight' in nextPatch;
-        const shouldSyncPosition = Object.keys(nextPatch).some((key) => RUN_POSITION_PATCH_KEYS.has(key));
-        const shouldSyncModules = Object.keys(nextPatch).some((key) => RUN_MODULE_SYNC_PATCH_KEYS.has(key));
-        if (!shouldSyncDepth && !shouldSyncHeight && !shouldSyncPosition && !shouldSyncModules)
-            return;
-        const stylePatch = {};
-        if ('frontStyle' in nextPatch)
-            stylePatch.frontStyle = nextNode.frontStyle;
-        if ('frontOverlay' in nextPatch)
-            stylePatch.frontOverlay = nextNode.frontOverlay;
-        if ('handleStyle' in nextPatch)
-            stylePatch.handleStyle = nextNode.handleStyle;
-        if ('handlePosition' in nextPatch)
-            stylePatch.handlePosition = nextNode.handlePosition;
-        for (const module of modules) {
-            const modulePatch = {};
-            if (shouldSyncDepth) {
-                modulePatch.depth = nextNode.depth;
-            }
-            if (shouldSyncHeight) {
-                modulePatch.carcassHeight = Math.max(nextNode.carcassHeight, minCabinetCarcassHeightForStack(module));
-            }
-            if (shouldSyncPosition) {
-                modulePatch.position = [module.position[0], runModuleBaseY(nextNode), module.position[2]];
-            }
-            if (shouldSyncModules) {
-                if ('frontStyle' in nextPatch)
-                    modulePatch.frontStyle = nextNode.frontStyle;
-                if ('frontOverlay' in nextPatch)
-                    modulePatch.frontOverlay = nextNode.frontOverlay;
-                if ('handleStyle' in nextPatch)
-                    modulePatch.handleStyle = nextNode.handleStyle;
-                if ('handlePosition' in nextPatch)
-                    modulePatch.handlePosition = nextNode.handlePosition;
-            }
-            scene.updateNode(module.id, modulePatch);
-            if (shouldSyncModules) {
-                const wallChild = wallChildOf(module, scene.nodes);
-                if (wallChild) {
-                    scene.updateNode(wallChild.id, {
-                        frontStyle: nextNode.frontStyle,
-                        frontOverlay: nextNode.frontOverlay,
-                        handleStyle: nextNode.handleStyle,
-                        handlePosition: nextNode.handlePosition,
-                    });
-                }
-            }
+        if (shouldSyncHeight) {
+            modulePatch.carcassHeight = Math.max(nextNode.carcassHeight, minCabinetCarcassHeightForStack(module));
+        }
+        if (shouldSyncPosition) {
+            modulePatch.position = [module.position[0], runModuleBaseY(nextNode), module.position[2]];
         }
-        const cornerSource = cornerLinkedSourceModuleForRun(nextNode, scene.nodes);
         if (shouldSyncModules) {
-            syncCornerStyleGroupFromRun({
-                run: nextNode,
-                patch: stylePatch,
-                sceneApi,
-            });
+            if ('frontStyle' in nextPatch)
+                modulePatch.frontStyle = nextNode.frontStyle;
+            if ('frontOverlay' in nextPatch)
+                modulePatch.frontOverlay = nextNode.frontOverlay;
+            if ('handleStyle' in nextPatch)
+                modulePatch.handleStyle = nextNode.handleStyle;
+            if ('handlePosition' in nextPatch)
+                modulePatch.handlePosition = nextNode.handlePosition;
+            if ('frontGap' in nextPatch)
+                modulePatch.frontGap = nextNode.frontGap;
         }
-        else if (cornerSource) {
-            syncCornerRunsFromSourceModule({
-                module: cornerSource,
-                run: nextNode,
-                sceneApi,
-            });
+        sceneApi.update(module.id, modulePatch);
+        if (shouldSyncModules) {
+            const wallChild = wallChildOf(module, nodes);
+            if (wallChild) {
+                sceneApi.update(wallChild.id, {
+                    frontStyle: nextNode.frontStyle,
+                    frontOverlay: nextNode.frontOverlay,
+                    handleStyle: nextNode.handleStyle,
+                    handlePosition: nextNode.handlePosition,
+                    ...('frontGap' in nextPatch ? { frontGap: nextNode.frontGap } : {}),
+                });
+            }
         }
-    }, [modules, node]);
+    }
+    if (shouldSyncModules) {
+        syncCornerStyleGroupFromRun({
+            run: nextNode,
+            patch: stylePatch,
+            sceneApi,
+        });
+    }
+    else {
+        syncCornerRunsFromRunSources({ run: nextNode, sceneApi });
+    }
+}
+export function CabinetRunPanel({ node, modules, onClose, }) {
+    const setSelection = useViewer((s) => s.setSelection);
+    const planningNodeList = useScene(useShallow((state) => selectCabinetRunPlanningNodes(state.nodes, node.id)));
+    const planningNodes = useMemo(() => Object.fromEntries(planningNodeList.map((planningNode) => [planningNode.id, planningNode])), [planningNodeList]);
+    const planningNode = planningNodes[node.id] ?? node;
+    const sortedModules = useMemo(() => [...modules].sort((a, b) => a.position[0] - b.position[0]), [modules]);
+    const [arraySourceId, setArraySourceId] = useState(null);
+    const [arrayCopyCount, setArrayCopyCount] = useState(2);
+    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 arrayPlan = useMemo(() => cabinetRunArrayPlan(planningNode, planningNodes, {
+        copyCount: arrayCopyCount,
+        direction: arrayDirection,
+        sourceModuleId: arraySource?.id ?? null,
+        spacing: arraySpacing,
+    }), [arrayCopyCount, arrayDirection, arraySource?.id, arraySpacing, planningNode, planningNodes]);
+    const updateRun = useCallback((patch) => updateCabinetRun({ modules, node, patch }), [modules, node]);
     const addModule = useCallback((side) => {
         const id = addCabinetModuleSide({
             anchorModule: null,
@@ -218,6 +340,51 @@ export function CabinetRunPanel({ node, modules, onClose, }) {
         if (id)
             setSelection({ selectedIds: [id] });
     }, [node, setSelection]);
+    const equalizeWidths = useCallback(() => {
+        equalizeCabinetRunWidths({ run: node, sceneApi: createSceneApi(useScene) });
+    }, [node]);
+    const equalizeWidthsTitle = !widthEqualization.ok
+        ? widthEqualization.reason === 'not-enough-modules'
+            ? 'At least two standard base cabinets are required'
+            : 'The available run width cannot satisfy the cabinet width limits'
+        : widthEqualization.changed
+            ? 'Equalize all resizeable standard base cabinets in this run'
+            : 'The resizeable cabinet widths are already equal';
+    const duplicateAlongRun = useCallback(() => {
+        if (!arraySource)
+            return;
+        const copiedIds = duplicateCabinetModuleAlongRun({
+            copyCount: arrayCopyCount,
+            direction: arrayDirection,
+            run: node,
+            sceneApi: createSceneApi(useScene),
+            sourceModuleId: arraySource.id,
+            spacing: arraySpacing,
+        });
+        if (copiedIds?.length)
+            setSelection({ selectedIds: [node.id] });
+    }, [arrayCopyCount, arrayDirection, arraySpacing, arraySource, node, setSelection]);
+    const duplicateAlongRunTitle = !arrayPlan.ok
+        ? arrayPlan.reason === 'no-source'
+            ? 'Choose a standard or appliance module as the source'
+            : arrayPlan.reason === 'invalid-options'
+                ? 'Choose a copy count from 1 to 20 and spacing from 0 to 2 m'
+                : 'There is not enough room in this run for the requested array'
+        : `Create ${arrayCopyCount} ${arraySource?.name || 'module'} cop${arrayCopyCount === 1 ? 'y' : 'ies'}`;
+    const dimensionProfile = cabinetDimensionProfileId(node);
+    const wallHeightPreset = cabinetWallHeightPresetId(node);
+    const applyWallHeightPreset = useCallback((presetId) => {
+        updateRun({ carcassHeight: cabinetWallHeightPresetById(presetId).value });
+    }, [updateRun]);
+    const applyDimensionProfile = useCallback((profileId) => {
+        const profile = cabinetDimensionProfileById(profileId);
+        updateRun({
+            carcassHeight: profile.carcassHeight,
+            countertopThickness: profile.countertopThickness,
+            depth: profile.depth,
+            plinthHeight: profile.plinthHeight,
+        });
+    }, [updateRun]);
     const deleteModule = useCallback((module) => {
         useScene.getState().deleteNode(module.id);
         // Deleting the last module cascades the empty run away too — only
@@ -230,7 +397,19 @@ 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", { 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))) }), _jsx("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(PanelSection, { title: "Shared Plinth & Countertop", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [_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({
+    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'
+                                        ? '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 ||
+                                        (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' },
+                                    ], value: arrayDirection })] }), _jsx(ActionButton, { className: "w-full", disabled: !arrayPlan.ok, icon: _jsx(Copy, { className: "h-4 w-4" }), label: "Create array", onClick: duplicateAlongRun, title: duplicateAlongRunTitle }), _jsx("p", { className: "px-1 pt-1 text-[10px] leading-4 text-muted-foreground", children: "Copies include the source cabinet structure and any attached wall cabinet. Existing modules stay fixed; the requested array must fit in the available run space." })] }) }), _jsx(PanelSection, { title: "Shared Plinth & Countertop", children: _jsxs("div", { className: "space-y-2 px-1 pb-2", children: [node.runTier === 'base' && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Standard dimensions" }), _jsx(SegmentedControl, { mixed: dimensionProfile === 'custom', onChange: (value) => applyDimensionProfile(value), options: CABINET_DIMENSION_PROFILES.map((profile) => ({
+                                        label: profile.label,
+                                        value: profile.id,
+                                    })), 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({
                                 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 },
@@ -244,7 +423,14 @@ export function CabinetRunPanel({ node, modules, onClose, }) {
                                     })), 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) => updateRun({ 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) => updateRun({ 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) => updateRun({
+                                        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) => updateRun({ 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) => updateRun({ handlePosition: value }), options: HANDLE_POSITION_OPTIONS.map((option) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"stack-transitions.d.ts","sourceRoot":"","sources":["../../src/cabinet/stack-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,qBAAqB,EAC1C,WAAW,IAAI,eAAe,EAC/B,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,kBAAkB,EAsBxB,MAAM,SAAS,CAAA;AAOhB,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE;IACD,IAAI,EAAE,eAAe,GAAG,qBAAqB,CAAA;IAC7C,SAAS,EAAE,eAAe,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,kBAAkB,CAAA;CACzB,GAAG;IAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;CAAE,CAqH/E"}
+{"version":3,"file":"stack-transitions.d.ts","sourceRoot":"","sources":["../../src/cabinet/stack-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,qBAAqB,EAC1C,WAAW,IAAI,eAAe,EAC/B,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EACL,KAAK,kBAAkB,EAuBxB,MAAM,SAAS,CAAA;AAOhB,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE;IACD,IAAI,EAAE,eAAe,GAAG,qBAAqB,CAAA;IAC7C,SAAS,EAAE,eAAe,GAAG,SAAS,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,kBAAkB,CAAA;CACzB,GAAG;IAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;CAAE,CAgI/E"}