@pascal-app/nodes 0.1.1

package/dist/building/definition.js

@@ -0,0 +1,53 @@
+import { BuildingNode as BuildingNodeSchema } from '@pascal-app/core';
+import { buildingParametrics } from './parametrics';
+import { BuildingNode } from './schema';
+/**
+ * Building — Stage A. Container for levels; can be translated /
+ * rotated as a whole (movable + rotatable on Y). The legacy
+ * `MoveBuildingContent` handles building-wide drag; the registry
+ * fallback would translate position, which is close to right —
+ * but kept legacy at Stage A to avoid disturbing the building's
+ * world-space group transform handling.
+ */
+export const buildingDefinition = {
+    kind: 'building',
+    schemaVersion: 1,
+    schema: BuildingNode,
+    category: 'site',
+    defaults: () => {
+        const stub = BuildingNodeSchema.parse({ id: 'building_default', type: 'building' });
+        const { id: _id, type: _type, ...rest } = stub;
+        return rest;
+    },
+    capabilities: {
+        // Building is a container — sidebar / building switcher drive
+        // selection, never 3D click. Same reasoning as `level` / `site`.
+        duplicable: false,
+        deletable: false,
+        floorplanLevelContainer: true,
+        presettable: false,
+    },
+    // Building-wide drag (whole-building translate + R/T rotation). Routed
+    // through `MoveTool`'s registry-affordance lookup rather than a
+    // hardcoded dispatcher arm.
+    affordanceTools: {
+        move: () => import('./move-tool'),
+    },
+    parametrics: buildingParametrics,
+    // No dirty consumer rebuilds this kind — see NodeDefinition.dirtyTracking.
+    dirtyTracking: false,
+    renderer: {
+        kind: 'parametric',
+        module: () => import('./renderer'),
+    },
+    presentation: {
+        label: 'Building',
+        description: 'A building container holding one or more levels.',
+        icon: { kind: 'url', src: '/icons/building.webp' },
+        paletteSection: 'site',
+        paletteOrder: 6,
+    },
+    mcp: {
+        description: 'A building container that groups levels.',
+    },
+};

package/dist/building/index.d.ts

@@ -0,0 +1,2 @@
+export { buildingDefinition } from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/building/index.d.ts.map

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

package/dist/building/index.js

@@ -0,0 +1 @@
+export { buildingDefinition } from './definition';

package/dist/building/move-tool.d.ts

@@ -0,0 +1,6 @@
+import { type BuildingNode } from '@pascal-app/core';
+export declare function MoveBuildingContent({ node }: {
+    node: BuildingNode;
+}): import("react").JSX.Element;
+export default MoveBuildingContent;
+//# sourceMappingURL=move-tool.d.ts.map

package/dist/building/move-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/building/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,kBAAkB,CAAA;AAczB,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BAgNnE;AAED,eAAe,mBAAmB,CAAA"}

package/dist/building/move-tool.js

@@ -0,0 +1,187 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { emitter, sceneRegistry, useLiveTransforms, useScene, } from '@pascal-app/core';
+import { CursorSphere, consumePlacementDragRelease, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { useViewer } from '@pascal-app/viewer';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import * as THREE from 'three';
+const Y_AXIS = new THREE.Vector3(0, 1, 0);
+export function MoveBuildingContent({ node }) {
+    const previousGridPosRef = useRef(null);
+    const dragAnchorRef = useRef(null);
+    // Stable refs so the effect never needs node in its dependency array
+    const nodeIdRef = useRef(node.id);
+    const originalPositionRef = useRef([...node.position]);
+    const originalRotationRef = useRef(node.rotation[1] ?? 0);
+    const pendingRotationRef = useRef(node.rotation[1] ?? 0);
+    // Local-space offset from the building's origin to its bbox center. The
+    // move preview preserves the first pointer-to-center delta, then uses this
+    // offset to write the origin while keeping rotation around the visual center.
+    const centerOffsetLocalRef = useRef(new THREE.Vector3());
+    const [cursorWorldPos, setCursorWorldPos] = useState(() => {
+        const obj = sceneRegistry.nodes.get(node.id);
+        if (obj) {
+            const box = new THREE.Box3().setFromObject(obj);
+            if (!box.isEmpty()) {
+                const center = box.getCenter(new THREE.Vector3());
+                const originWorld = new THREE.Vector3();
+                obj.getWorldPosition(originWorld);
+                const originalRotation = node.rotation[1] ?? 0;
+                centerOffsetLocalRef.current = center
+                    .clone()
+                    .sub(originWorld)
+                    .applyAxisAngle(Y_AXIS, -originalRotation);
+                return [center.x, 0, center.z];
+            }
+            const pos = new THREE.Vector3();
+            obj.getWorldPosition(pos);
+            return [pos.x, pos.y, pos.z];
+        }
+        return [node.position[0], node.position[1], node.position[2]];
+    });
+    const exitMoveMode = useCallback(() => {
+        useEditor.getState().setMovingNode(null);
+    }, []);
+    useEffect(() => {
+        const nodeId = nodeIdRef.current;
+        const originalPosition = originalPositionRef.current;
+        const offsetWork = new THREE.Vector3();
+        const offsetAt = (rotationY) => offsetWork.copy(centerOffsetLocalRef.current).applyAxisAngle(Y_AXIS, rotationY);
+        const originalCenterOffset = offsetAt(originalRotationRef.current).clone();
+        const originalCenter = [
+            originalPosition[0] + originalCenterOffset.x,
+            originalPosition[2] + originalCenterOffset.z,
+        ];
+        useScene.temporal.getState().pause();
+        dragAnchorRef.current = null;
+        previousGridPosRef.current = null;
+        // Publish the building's current pose to useLiveTransforms so the
+        // floor-plan (and any other live consumers) can follow per-frame
+        // without peeking into the Three.js mesh.
+        const publishLive = (posX, posZ, rotY) => {
+            useLiveTransforms.getState().set(nodeId, {
+                position: [posX, originalPosition[1], posZ],
+                rotation: rotY,
+            });
+        };
+        let wasCommitted = false;
+        const onKeyDown = (event) => {
+            if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+                return;
+            }
+            const ROTATION_STEP = Math.PI / 4;
+            let rotationDelta = 0;
+            if (event.key === 'r' || event.key === 'R')
+                rotationDelta = ROTATION_STEP;
+            else if (event.key === 't' || event.key === 'T')
+                rotationDelta = -ROTATION_STEP;
+            if (rotationDelta !== 0) {
+                event.preventDefault();
+                triggerSFX('sfx:item-rotate');
+                pendingRotationRef.current += rotationDelta;
+                const mesh = sceneRegistry.nodes.get(nodeId);
+                if (mesh) {
+                    mesh.rotation.y = pendingRotationRef.current;
+                    // Keep the bbox center pinned to the cursor through rotation.
+                    if (previousGridPosRef.current) {
+                        const [gridX, gridZ] = previousGridPosRef.current;
+                        const off = offsetAt(pendingRotationRef.current);
+                        mesh.position.x = gridX - off.x;
+                        mesh.position.z = gridZ - off.z;
+                        publishLive(mesh.position.x, mesh.position.z, pendingRotationRef.current);
+                    }
+                    else {
+                        publishLive(mesh.position.x, mesh.position.z, pendingRotationRef.current);
+                    }
+                }
+            }
+        };
+        const onGridMove = (event) => {
+            const bypassSnap = event.nativeEvent?.shiftKey === true;
+            const rawX = bypassSnap ? event.position[0] : Math.round(event.position[0] * 2) / 2;
+            const rawZ = bypassSnap ? event.position[2] : Math.round(event.position[2] * 2) / 2;
+            const anchor = dragAnchorRef.current ?? [rawX, rawZ];
+            dragAnchorRef.current = anchor;
+            const gridX = originalCenter[0] + (rawX - anchor[0]);
+            const gridZ = originalCenter[1] + (rawZ - anchor[1]);
+            if (!bypassSnap &&
+                previousGridPosRef.current &&
+                (gridX !== previousGridPosRef.current[0] || gridZ !== previousGridPosRef.current[1])) {
+                triggerSFX('sfx:grid-snap');
+            }
+            previousGridPosRef.current = [gridX, gridZ];
+            setCursorWorldPos([gridX, 0, gridZ]);
+            // Directly update the Three.js group — no store update during drag
+            const mesh = sceneRegistry.nodes.get(nodeId);
+            if (mesh) {
+                const off = offsetAt(pendingRotationRef.current);
+                mesh.position.x = gridX - off.x;
+                mesh.position.z = gridZ - off.z;
+                publishLive(mesh.position.x, mesh.position.z, pendingRotationRef.current);
+            }
+        };
+        const onGridClick = (event) => {
+            if (wasCommitted)
+                return;
+            const [gridX, gridZ] = previousGridPosRef.current ?? originalCenter;
+            wasCommitted = true;
+            const off = offsetAt(pendingRotationRef.current);
+            useScene.temporal.getState().resume();
+            useScene.getState().updateNode(nodeId, {
+                position: [gridX - off.x, originalPosition[1], gridZ - off.z],
+                rotation: [0, pendingRotationRef.current, 0],
+            });
+            useScene.temporal.getState().pause();
+            triggerSFX('sfx:item-place');
+            useViewer.getState().setSelection({ buildingId: nodeId });
+            exitMoveMode();
+            event.nativeEvent?.stopPropagation?.();
+        };
+        const onPlacementDragPointerUp = (event) => {
+            if (!consumePlacementDragRelease(event))
+                return;
+            onGridClick({ nativeEvent: event });
+        };
+        const onCancel = () => {
+            // Revert mesh position and rotation immediately
+            const mesh = sceneRegistry.nodes.get(nodeId);
+            if (mesh) {
+                mesh.position.x = originalPosition[0];
+                mesh.position.z = originalPosition[2];
+                mesh.rotation.y = originalRotationRef.current;
+            }
+            pendingRotationRef.current = originalRotationRef.current;
+            // Restore building selection
+            useViewer.getState().setSelection({ buildingId: nodeId });
+            useScene.temporal.getState().resume();
+            // Tell the keyboard handler we handled this, so it doesn't also clear the selection
+            markToolCancelConsumed();
+            exitMoveMode();
+        };
+        emitter.on('grid:move', onGridMove);
+        emitter.on('grid:click', onGridClick);
+        emitter.on('tool:cancel', onCancel);
+        window.addEventListener('keydown', onKeyDown);
+        window.addEventListener('pointerup', onPlacementDragPointerUp);
+        return () => {
+            if (!wasCommitted) {
+                useScene.getState().updateNode(nodeId, {
+                    position: originalPosition,
+                    rotation: [0, originalRotationRef.current, 0],
+                });
+            }
+            // Drop the live transform — committed positions are now in the scene
+            // store, so the floor-plan should read those instead of the stale
+            // drag overlay.
+            useLiveTransforms.getState().clear(nodeId);
+            useScene.temporal.getState().resume();
+            emitter.off('grid:move', onGridMove);
+            emitter.off('grid:click', onGridClick);
+            emitter.off('tool:cancel', onCancel);
+            window.removeEventListener('keydown', onKeyDown);
+            window.removeEventListener('pointerup', onPlacementDragPointerUp);
+        };
+    }, [exitMoveMode]); // stable — node values captured via refs at mount
+    return (_jsx("group", { children: _jsx(CursorSphere, { position: cursorWorldPos, showTooltip: false }) }));
+}
+export default MoveBuildingContent;

package/dist/building/parametrics.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/building/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,eAAO,MAAM,mBAAmB,EAAE,oBAAoB,CAAC,YAAY,CAElE,CAAA"}

package/dist/building/parametrics.js

@@ -0,0 +1,3 @@
+export const buildingParametrics = {
+    groups: [],
+};

package/dist/building/renderer.d.ts

@@ -0,0 +1,6 @@
+import { type BuildingNode } from '@pascal-app/core';
+export declare const BuildingRenderer: ({ node }: {
+    node: BuildingNode;
+}) => import("react").JSX.Element;
+export default BuildingRenderer;
+//# sourceMappingURL=renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/building/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,kBAAkB,CAAA;AAKjE,eAAO,MAAM,gBAAgB,GAAI,UAAU;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCAkBhE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/building/renderer.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRegistry } from '@pascal-app/core';
+import { NodeRenderer, useNodeEvents } from '@pascal-app/viewer';
+import { useRef } from 'react';
+export const BuildingRenderer = ({ node }) => {
+    const ref = useRef(null);
+    useRegistry(node.id, node.type, ref);
+    const handlers = useNodeEvents(node, 'building');
+    return (_jsx("group", { position: node.position, ref: ref, rotation: [node.rotation[0], node.rotation[1], node.rotation[2]], ...handlers, children: (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))) }));
+};
+export default BuildingRenderer;

package/dist/building/schema.d.ts

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

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

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

package/dist/building/schema.js

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

package/dist/cabinet/animation.d.ts

@@ -0,0 +1,5 @@
+import type { CabinetModuleNode, CabinetNode } from '@pascal-app/core';
+import * as THREE from 'three';
+export declare function poseCabinetMovingParts(root: THREE.Object3D, openScale: number): boolean;
+export declare function bakeCabinetAnimationClip(node: CabinetNode | CabinetModuleNode, object: THREE.Object3D): THREE.AnimationClip | null;
+//# sourceMappingURL=animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/cabinet/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAUvF;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,WAAW,GAAG,iBAAiB,EACrC,MAAM,EAAE,KAAK,CAAC,QAAQ,GACrB,KAAK,CAAC,aAAa,GAAG,IAAI,CAqD5B"}

package/dist/cabinet/animation.js

@@ -0,0 +1,48 @@
+import * as THREE from 'three';
+const POSE_EPSILON = 1e-5;
+export function poseCabinetMovingParts(root, openScale) {
+    let posed = false;
+    root.traverse((obj) => {
+        const pose = obj.userData.cabinetPose;
+        if (!pose)
+            return;
+        posed = true;
+        if (pose.type === 'rotate')
+            obj.rotation[pose.axis] = pose.angle * openScale;
+        else
+            obj.position[pose.axis] = pose.distance * openScale;
+    });
+    return posed;
+}
+export function bakeCabinetAnimationClip(node, object) {
+    if (!poseCabinetMovingParts(object, 0))
+        return null;
+    const objects = [];
+    object.traverse((child) => objects.push(child));
+    const basePoses = objects.map((child) => ({
+        position: child.position.clone(),
+        quaternion: child.quaternion.clone(),
+        scale: child.scale.clone(),
+    }));
+    poseCabinetMovingParts(object, 1);
+    const tracks = [];
+    for (let i = 0; i < objects.length; i++) {
+        const child = objects[i];
+        const base = basePoses[i];
+        if (child.position.distanceToSquared(base.position) > POSE_EPSILON) {
+            tracks.push(new THREE.VectorKeyframeTrack(`${child.uuid}.position`, [0, 1], [...base.position.toArray(), ...child.position.toArray()]));
+        }
+        if (child.quaternion.angleTo(base.quaternion) > POSE_EPSILON) {
+            tracks.push(new THREE.QuaternionKeyframeTrack(`${child.uuid}.quaternion`, [0, 1], [...base.quaternion.toArray(), ...child.quaternion.toArray()]));
+        }
+        if (child.scale.distanceToSquared(base.scale) > POSE_EPSILON) {
+            tracks.push(new THREE.VectorKeyframeTrack(`${child.uuid}.scale`, [0, 1], [...base.scale.toArray(), ...child.scale.toArray()]));
+        }
+    }
+    poseCabinetMovingParts(object, 0);
+    if (tracks.length === 0)
+        return null;
+    const clip = new THREE.AnimationClip(`${node.id}: open`, 1, tracks);
+    clip.userData = { loop: false };
+    return clip;
+}

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

@@ -0,0 +1,17 @@
+import { type CabinetCompartment } from './stack';
+export declare function CompartmentCard({ compartment, index, displayIndex, total, carcassHeight, resolvedHeight, width, onReplace, onResizeHeight, onRemove, onMove, allowHood, wallCabinet, }: {
+    compartment: CabinetCompartment;
+    index: number;
+    displayIndex: number;
+    total: number;
+    carcassHeight: number;
+    resolvedHeight: number;
+    width: number;
+    onReplace: (next: CabinetCompartment) => void;
+    onResizeHeight: (height: number) => void;
+    onRemove: () => void;
+    onMove: (delta: -1 | 1) => void;
+    allowHood?: boolean;
+    wallCabinet?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=compartment-card.d.ts.map

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

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

package/dist/cabinet/compartment-card.js

@@ -0,0 +1,145 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SegmentedControl, SliderControl, ToggleControl } from '@pascal-app/editor';
+import { ArrowDown, ArrowUp, Minus, Plus, Trash } from 'lucide-react';
+import { COOKTOP_DEFAULT_GAS_LAYOUT, COOKTOP_DEFAULT_INDUCTION_LAYOUT, compartmentCooktopBurnersOn, compartmentCooktopElementCount, compartmentCooktopLayout, compartmentCooktopShowGrate, compartmentDoorType, compartmentDrawerCount, compartmentPullOutPantryRackStyle, compartmentShelfCount, compartmentSinkLayout, FRIDGE_COLUMN_HEIGHT, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, newCabinetCompartment, patchCompartment, } from './stack';
+const COMPARTMENT_TYPE_OPTIONS = [
+    { value: 'shelf', label: 'Shelf' },
+    { value: 'drawer', label: 'Drawer' },
+    { value: 'door', label: 'Door' },
+    { value: 'oven', label: 'Oven' },
+    { value: 'microwave', label: 'Micro' },
+    { value: 'dishwasher', label: 'Washer' },
+    { value: 'cooktop', label: 'Hob' },
+    { value: 'sink', label: 'Sink' },
+    { value: 'pull-out-pantry', label: 'Pullout' },
+];
+const FRIDGE_TYPE_OPTION = { value: 'fridge', label: 'Fridge' };
+const HOOD_TYPE_OPTION = { value: 'hood', label: 'Chimney' };
+const COMPARTMENT_TYPE_CONTROL_OPTIONS = [...COMPARTMENT_TYPE_OPTIONS, FRIDGE_TYPE_OPTION];
+const WALL_COMPARTMENT_TYPE_CONTROL_OPTIONS = [
+    { value: 'shelf', label: 'Shelf' },
+    { value: 'drawer', label: 'Drawer' },
+    { value: 'door', label: 'Door' },
+    HOOD_TYPE_OPTION,
+];
+const FRIDGE_STYLE_OPTIONS = [
+    { value: 'fridge-single', label: 'Single' },
+    { value: 'fridge-double', label: 'Double' },
+    { value: 'fridge-top-freezer', label: 'Top Freezer' },
+    { value: 'fridge-bottom-freezer', label: 'Bottom Freezer' },
+];
+const COOKTOP_STYLE_OPTIONS = [
+    { value: 'cooktop-gas', label: 'Gas' },
+    { value: 'cooktop-induction', label: 'Induction' },
+];
+const GAS_COOKTOP_LAYOUT_OPTIONS = [
+    { value: 'gas-2burner', label: '2' },
+    { value: 'gas-4burner', label: '4' },
+    { value: 'gas-5burner-wok', label: '5' },
+    { value: 'gas-6burner', label: '6' },
+];
+const INDUCTION_COOKTOP_LAYOUT_OPTIONS = [
+    { value: 'induction-2zone', label: '2' },
+    { value: 'induction-4zone', label: '4' },
+];
+const SINK_LAYOUT_OPTIONS = [
+    { value: 'single', label: 'Single' },
+    { value: 'double', label: 'Double' },
+    { value: 'double-offset', label: '60/40' },
+];
+const PULL_OUT_PANTRY_RACK_STYLE_OPTIONS = [
+    { value: 'wire', label: 'Wire' },
+    { value: 'tray', label: 'Tray' },
+    { value: 'glass', label: 'Glass' },
+];
+const DOOR_TYPE_OPTIONS = [
+    { value: 'single-left', label: 'Left' },
+    { value: 'single-right', label: 'Right' },
+    { value: 'double', label: 'Double' },
+    { value: 'glass', label: 'Glass' },
+];
+const ICON_BUTTON_CLASS = 'flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/40 bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#343437] hover:text-foreground disabled:opacity-30 disabled:hover:bg-[#2C2C2E] disabled:hover:text-muted-foreground';
+const STEPPER_BUTTON_CLASS = 'flex h-8 w-8 items-center justify-center rounded-md border border-border/40 bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#343437] hover:text-foreground';
+function Stepper({ label, value, onChange, min, max, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/30 bg-black/10 px-2 py-1.5", children: [_jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.max(min, value - 1)), type: "button", children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "min-w-7 text-center text-xs font-medium tabular-nums text-foreground", children: value }), _jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.min(max, value + 1)), type: "button", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
+}
+function CompartmentTypeControl({ value, onChange, includeHood = false, wallCabinet = false, }) {
+    const options = wallCabinet
+        ? WALL_COMPARTMENT_TYPE_CONTROL_OPTIONS
+        : includeHood
+            ? [...COMPARTMENT_TYPE_CONTROL_OPTIONS, HOOD_TYPE_OPTION]
+            : COMPARTMENT_TYPE_CONTROL_OPTIONS;
+    return (_jsx("div", { className: "grid w-full grid-cols-3 gap-1 rounded-lg border border-border/50 bg-[#2C2C2E] p-[3px]", children: options.map((option) => {
+            const isSelected = value === option.value;
+            return (_jsx("button", { className: [
+                    'flex h-8 items-center justify-center rounded-md text-xs font-medium transition-all duration-200',
+                    isSelected
+                        ? 'bg-[#3e3e3e] text-foreground shadow-sm ring-1 ring-border/50'
+                        : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
+                ].join(' '), onClick: () => onChange(option.value), type: "button", children: option.label }, option.value));
+        }) }));
+}
+export function CompartmentCard({ compartment, index, displayIndex, total, carcassHeight, resolvedHeight, width, onReplace, onResizeHeight, onRemove, onMove, allowHood = false, wallCabinet = false, }) {
+    const type = compartment.type;
+    const isFridge = isFridgeCompartmentType(type);
+    const isHood = isHoodCompartmentType(type);
+    const isCooktop = isCooktopCompartmentType(type);
+    return (_jsxs("div", { className: "rounded-lg border border-border/40 bg-[#252527] p-2", children: [_jsxs("div", { className: "flex items-center justify-between pb-1.5", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: displayIndex === 0
+                            ? 'Top'
+                            : displayIndex === total - 1
+                                ? 'Bottom'
+                                : `#${total - displayIndex}` }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === total - 1, onClick: () => onMove(1), type: "button", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === 0, onClick: () => onMove(-1), type: "button", children: _jsx(ArrowDown, { 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:hover:bg-red-500/8", disabled: total <= 1, onClick: onRemove, type: "button", children: _jsx(Trash, { className: "h-3.5 w-3.5" }) })] })] }), _jsxs("div", { className: "pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Type" }), _jsx(CompartmentTypeControl, { includeHood: allowHood || isHood, wallCabinet: wallCabinet, onChange: (value) => {
+                            const nextType = value === 'fridge'
+                                ? 'fridge-single'
+                                : value === 'hood'
+                                    ? 'hood-pyramid'
+                                    : value === 'cooktop'
+                                        ? 'cooktop-gas'
+                                        : value;
+                            onReplace({
+                                ...newCabinetCompartment(nextType),
+                                id: compartment.id,
+                            });
+                        }, value: isFridge ? 'fridge' : isHood ? 'hood' : isCooktop ? 'cooktop' : type })] }), !isHood && !isCooktop && type !== 'sink' && (_jsx("div", { className: "pb-2", children: _jsx(SliderControl, { label: "Height", max: carcassHeight, min: 0.1, onChange: onResizeHeight, precision: 2, step: 0.01, unit: "m", value: resolvedHeight }) })), type === 'shelf' && (_jsx(Stepper, { label: "Shelves", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })), type === 'drawer' && (_jsx(Stepper, { label: "Drawers", max: 6, min: 1, onChange: (value) => onReplace(patchCompartment(compartment, { drawerCount: value })), value: compartmentDrawerCount(compartment) })), type === 'door' && (_jsxs("div", { className: "space-y-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) => onReplace(patchCompartment(compartment, { doorType: value })), options: DOOR_TYPE_OPTIONS.map((option) => ({
+                                    value: option.value,
+                                    label: option.label,
+                                })), value: compartmentDoorType(compartment, width) })] }), _jsx(Stepper, { label: "Shelves inside", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })] })), isFridge && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
+                            type: value,
+                            height: compartment.height ?? FRIDGE_COLUMN_HEIGHT,
+                        })), options: FRIDGE_STYLE_OPTIONS.map((option) => ({
+                            value: option.value,
+                            label: option.label,
+                        })), value: type })] })), isHood && (_jsx("div", { className: "rounded-lg border border-border/30 bg-black/10 px-2 py-1.5 text-[11px] font-medium text-muted-foreground", children: "Chimney" })), isCooktop && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Surface" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
+                            type: value,
+                            cooktopLayout: value === 'cooktop-gas'
+                                ? COOKTOP_DEFAULT_GAS_LAYOUT
+                                : COOKTOP_DEFAULT_INDUCTION_LAYOUT,
+                            height: compartment.height ?? 0.08,
+                            cooktopBurnersOn: compartmentCooktopBurnersOn(compartment),
+                            cooktopShowGrate: compartmentCooktopShowGrate(compartment),
+                        })), options: COOKTOP_STYLE_OPTIONS.map((option) => ({
+                            value: option.value,
+                            label: option.label,
+                        })), value: type }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Layout" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { cooktopLayout: value })), options: (type === 'cooktop-gas'
+                                    ? GAS_COOKTOP_LAYOUT_OPTIONS
+                                    : INDUCTION_COOKTOP_LAYOUT_OPTIONS).map((option) => ({
+                                    value: option.value,
+                                    label: option.label,
+                                })), value: compartmentCooktopLayout(compartment, type) })] }), _jsx(ToggleControl, { checked: compartmentCooktopBurnersOn(compartment), label: "Burners on", onChange: (checked) => {
+                            const count = compartmentCooktopElementCount(compartment, type);
+                            onReplace(patchCompartment(compartment, {
+                                cooktopBurnersOn: checked,
+                                cooktopActiveBurners: checked
+                                    ? Array.from({ length: count }, (_, index) => index)
+                                    : [],
+                                cooktopKnobProgress: Array.from({ length: count }, () => (checked ? 1 : 0)),
+                            }));
+                        } }), type === 'cooktop-gas' && (_jsx(ToggleControl, { checked: compartmentCooktopShowGrate(compartment), label: "Top grate", onChange: (checked) => onReplace(patchCompartment(compartment, { cooktopShowGrate: checked })) }))] })), type === 'sink' && (_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Bowls" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { sinkLayout: value })), options: SINK_LAYOUT_OPTIONS.map((option) => ({
+                            value: option.value,
+                            label: option.label,
+                        })), value: compartmentSinkLayout(compartment) })] })), type === 'pull-out-pantry' && (_jsxs("div", { className: "space-y-2", children: [_jsx(Stepper, { label: "Baskets", max: 8, min: 2, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) }), _jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Rack" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { pantryRackStyle: value })), options: PULL_OUT_PANTRY_RACK_STYLE_OPTIONS.map((option) => ({
+                                    value: option.value,
+                                    label: option.label,
+                                })), value: compartmentPullOutPantryRackStyle(compartment) })] })] }))] }));
+}

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

@@ -0,0 +1,49 @@
+import type { FloorPlacementClickTriggerEvent } from '../shared/floor-placement';
+export type CabinetStretchPreview = {
+    modules: {
+        x: number;
+        width: number;
+    }[];
+    length: number;
+    centerLocalX: number;
+    direction: 1 | -1;
+};
+export type StretchAnchor = {
+    position: [number, number, number];
+    yaw: number;
+    snappedToWall: boolean;
+    wallSurfaceNormal?: [number, number, number];
+    forcedDirection?: 1 | -1;
+    leadingWidth?: number;
+};
+export type StretchContinuation = {
+    hingePosition: [number, number, number];
+    sourceYaw: number;
+    sourceDirection: 1 | -1;
+    straightAnchor: StretchAnchor;
+    turnAnchor: StretchAnchor;
+};
+type PlacementCollisionResult = {
+    conflictIds: string[];
+    valid: boolean;
+};
+export declare function isForcePlacementEvent(event: FloorPlacementClickTriggerEvent): boolean;
+export declare function fillCabinetContinuousSpan(length: number): number[];
+export declare function planCabinetContinuousStretch({ anchor, previewWidth, rawPlanPosition, }: {
+    anchor: StretchAnchor;
+    previewWidth: number;
+    rawPlanPosition: [number, number, number];
+}): CabinetStretchPreview;
+export declare function cabinetStretchExitSide(stretch: CabinetStretchPreview): 'left' | 'right';
+export declare function cabinetStretchEndLocalX(stretch: CabinetStretchPreview, previewWidth: number): number;
+export declare function createCabinetContinuousContinuation({ anchor, previewDepth, previewWidth, stretch, }: {
+    anchor: StretchAnchor;
+    previewDepth: number;
+    previewWidth: number;
+    stretch: CabinetStretchPreview;
+}): StretchContinuation;
+export declare function chooseCabinetContinuousAnchor(continuation: StretchContinuation, rawPlanPosition: [number, number, number]): StretchAnchor;
+export declare function resolveCabinetContinuousValidity(result: PlacementCollisionResult, forcePlace: boolean): PlacementCollisionResult;
+export declare function isCabinetContinuousFollowUpClick(clickCount: number): boolean;
+export {};
+//# sourceMappingURL=continuous-placement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"continuous-placement.d.ts","sourceRoot":"","sources":["../../src/cabinet/continuous-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAA;AAIhF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACvB,cAAc,EAAE,aAAa,CAAA;IAC7B,UAAU,EAAE,aAAa,CAAA;CAC1B,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAID,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,+BAA+B,GAAG,OAAO,CAGrF;AAID,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAMlE;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1C,GAAG,qBAAqB,CA0BxB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAEvF;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,qBAAqB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED,wBAAgB,mCAAmC,CAAC,EAClD,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,qBAAqB,CAAA;CAC/B,GAAG,mBAAmB,CAoDtB;AAED,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,mBAAmB,EACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GACxC,aAAa,CAUf;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,wBAAwB,EAChC,UAAU,EAAE,OAAO,GAClB,wBAAwB,CAE1B;AAED,wBAAgB,gCAAgC,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE5E"}