@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/elevator/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/elevator/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsJvC;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CAgHlE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/elevator/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAKzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAqJvC;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CAgHlE,CAAA"}

package/dist/elevator/definition.js

@@ -1,10 +1,9 @@
-import { ElevatorNode as ElevatorNodeSchema, getElevatorCabDepth, getElevatorCabWidth, getElevatorShaftDepth, getElevatorShaftWallThickness, getElevatorShaftWidth, resolveElevatorLevels, } from '@pascal-app/core';
-import { buildElevatorFloorplan } from './floorplan';
-import { elevatorResizeAffordance, elevatorRotateAffordance } from './floorplan-affordances';
-import { elevatorPaint } from './paint';
-import { elevatorParametrics } from './parametrics';
-import { ElevatorNode } from './schema';
-import { elevatorSlots } from './slots';
+import { ElevatorNode as ElevatorNodeSchema, elevatorSlots, getElevatorCabDepth, getElevatorCabWidth, getElevatorShaftDepth, getElevatorShaftWallThickness, getElevatorShaftWidth, resolveElevatorLevels, } from '@pascal-app/core';
+import { buildElevatorFloorplan } from './floorplan.js';
+import { elevatorResizeAffordance, elevatorRotateAffordance } from './floorplan-affordances.js';
+import { elevatorPaint } from './paint.js';
+import { elevatorParametrics } from './parametrics.js';
+import { ElevatorNode } from './schema.js';
 const SIDE_HANDLE_OFFSET = 0.22;
 const HEIGHT_HANDLE_OFFSET = 0.3;
 const MOVE_FRONT_OFFSET = 0.35;
@@ -224,10 +223,10 @@ export const elevatorDefinition = {
     rendersChildren: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
     system: {
-        module: () => import('./system'),
+        module: () => import('./system.js'),
         priority: 3,
     },
     floorplan: buildElevatorFloorplan,

package/dist/elevator/floorplan-affordances.js

@@ -1,6 +1,6 @@
 import { useLiveNodeOverrides, useScene, } from '@pascal-app/core';
 import { isAngleSnapActive } from '@pascal-app/editor';
-import { rotateAffordanceDelta } from '../shared/rotate-affordance';
+import { rotateAffordanceDelta } from '../shared/rotate-affordance.js';
 const MIN_ELEVATOR_DIM = 0.6;
 /**
  * Elevator width / depth drag (floor-plan). Mirrors the 3D

package/dist/elevator/index.d.ts

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

package/dist/elevator/index.js

@@ -1 +1 @@
-export { elevatorDefinition } from './definition';
+export { elevatorDefinition } from './definition.js';

package/dist/elevator/paint.js

@@ -1,4 +1,4 @@
-import { createSlotPaintCapability, previewSlotByUserData } from '../shared/slot-paint';
+import { createSlotPaintCapability, previewSlotByUserData } from '../shared/slot-paint.js';
 export const elevatorPaint = createSlotPaintCapability({
     resolveRole: (args) => args.hitObject?.userData?.slotId ?? null,
     applyPreview: previewSlotByUserData,

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/elevator/panel.tsx"],"names":[],"mappings":"AAgKA,MAAM,CAAC,OAAO,UAAU,aAAa,uCAiwBpC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/elevator/panel.tsx"],"names":[],"mappings":"AAqJA,MAAM,CAAC,OAAO,UAAU,aAAa,uCAkvBpC"}

package/dist/elevator/panel.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ElevatorNode as ElevatorNodeSchema, getLevelDisplayName, requestElevatorLevel, useInteractive, useLiveNodeOverrides, useLiveTransforms, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, MetricControl, PanelSection, PanelWrapper, resolveElevatorNodeSupportY, resolveElevatorSupportY, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { getLevelDisplayName, requestElevatorLevel, useInteractive, useLiveNodeOverrides, useLiveTransforms, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, MetricControl, PanelSection, PanelWrapper, resolveElevatorNodeSupportY, resolveElevatorSupportY, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Send, Trash2 } from 'lucide-react';
 import { useCallback, useEffect } from 'react';
@@ -52,15 +52,6 @@ function getServiceLevels(levels, fromLevelId, toLevelId) {
     const maxIndex = Math.max(resolvedFromIndex, resolvedToIndex);
     return levels.slice(minIndex, maxIndex + 1);
 }
-function stripDuplicateFlags(metadata) {
-    if (typeof metadata !== 'object' || metadata === null || Array.isArray(metadata)) {
-        return metadata;
-    }
-    const nextMeta = { ...metadata };
-    delete nextMeta.isNew;
-    delete nextMeta.isTransient;
-    return nextMeta;
-}
 const DOOR_STYLE_OPTIONS = [
     { label: 'Center opening', value: 'center-opening' },
     { label: 'Single left', value: 'single-left' },
@@ -98,7 +89,6 @@ export default function ElevatorPanel() {
     const selectedCount = useViewer((s) => s.selection.selectedIds.length);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
-    const createNode = useScene((s) => s.createNode);
     const setMovingNode = useEditor((s) => s.setMovingNode);
     const runtime = useInteractive(useShallow((s) => {
         const state = selectedId ? s.elevators[selectedId] : null;
@@ -219,21 +209,9 @@ export default function ElevatorPanel() {
         setSelection({ selectedIds: [] });
     }, [clearLivePreview, node, setMovingNode, setSelection]);
     const handleDuplicate = useCallback(() => {
-        if (!node?.parentId)
-            return;
-        triggerSFX('sfx:item-pick');
-        const duplicate = ElevatorNodeSchema.parse({
-            ...structuredClone(node),
-            id: undefined,
-            name: node.name ? `${node.name} Copy` : 'Elevator Copy',
-            position: [node.position[0] + 1, node.position[1], node.position[2] + 1],
-            metadata: { ...stripDuplicateFlags(node.metadata), isNew: true },
-        });
-        createNode(duplicate, node.parentId);
-        clearLivePreview();
-        setMovingNode(duplicate);
-        setSelection({ selectedIds: [] });
-    }, [clearLivePreview, node, createNode, setMovingNode, setSelection]);
+        if (node)
+            duplicateNodeAndPickUp(node);
+    }, [node]);
     const handleDelete = useCallback(() => {
         if (!(selectedId && node))
             return;
@@ -373,25 +351,25 @@ export default function ElevatorPanel() {
                                 } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');
                                     commitTransform(displayPosition, displayRotation + Math.PI / 4);
-                                } })] })] }), _jsxs(PanelSection, { title: "Service", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "From" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('fromLevelId', event.target.value), value: fromLevelId, children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "To" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('toLevelId', event.target.value), value: toLevelId, children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Default Floor" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ defaultLevelId: event.target.value || null }), value: selectedDefaultLevelId, children: defaultLevelOptions.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsxs(PanelSection, { title: "Cab", children: [_jsx(MetricControl, { label: "Width", max: 4, min: 0.8, onChange: (value) => previewMetric('width', value), onCommit: (value) => commitMetric('width', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.width }), _jsx(MetricControl, { label: "Depth", max: 4, min: 0.8, onChange: (value) => previewMetric('depth', value), onCommit: (value) => commitMetric('depth', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.depth }), _jsx(MetricControl, { label: "Cab Height", max: 4, min: 1.8, onChange: (value) => previewMetric('cabHeight', value), onCommit: (value) => commitMetric('cabHeight', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.cabHeight })] }), _jsxs(PanelSection, { title: "Shaft", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Shaft Style" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ shaftStyle: event.target.value }), value: displayNode.shaftStyle ?? 'solid', children: SHAFT_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsx(MetricControl, { label: "Shaft Width", max: 5, min: displayNode.width, onChange: (value) => previewMetric('shaftWidth', Math.max(value, displayNode.width)), onCommit: (value) => commitMetric('shaftWidth', Math.max(value, displayNode.width)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftWidth }), _jsx(MetricControl, { label: "Shaft Depth", max: 5, min: displayNode.depth, onChange: (value) => previewMetric('shaftDepth', Math.max(value, displayNode.depth)), onCommit: (value) => commitMetric('shaftDepth', Math.max(value, displayNode.depth)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftDepth }), _jsx(MetricControl, { label: "Wall Thickness", max: 0.4, min: 0.04, onChange: (value) => previewMetric('shaftWallThickness', value), onCommit: (value) => commitMetric('shaftWallThickness', value), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: displayShaftWallThickness })] }), _jsxs(PanelSection, { title: "Doors", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Opening Style" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ doorStyle: event.target.value }), value: displayNode.doorStyle ?? 'center-opening', children: DOOR_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Door Type" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({
+                                } })] })] }), _jsxs(PanelSection, { title: "Service", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "From" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('fromLevelId', event.target.value), value: fromLevelId, children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "To" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-2 text-sm text-foreground", onChange: (event) => handleServiceBoundaryChange('toLevelId', event.target.value), value: toLevelId, children: levels.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Default Floor" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ defaultLevelId: event.target.value || null }), value: selectedDefaultLevelId, children: defaultLevelOptions.map((level) => (_jsx("option", { value: level.id, children: getLevelDisplayName(level) }, level.id))) })] })] }), _jsxs(PanelSection, { title: "Cab", children: [_jsx(MetricControl, { label: "Width", max: 4, min: 0.8, onChange: (value) => previewMetric('width', value), onCommit: (value) => commitMetric('width', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.width }), _jsx(MetricControl, { label: "Depth", max: 4, min: 0.8, onChange: (value) => previewMetric('depth', value), onCommit: (value) => commitMetric('depth', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.depth }), _jsx(MetricControl, { label: "Cab Height", max: 4, min: 1.8, onChange: (value) => previewMetric('cabHeight', value), onCommit: (value) => commitMetric('cabHeight', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.cabHeight })] }), _jsxs(PanelSection, { title: "Shaft", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Shaft Style" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ shaftStyle: event.target.value }), value: displayNode.shaftStyle ?? 'solid', children: SHAFT_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsx(MetricControl, { label: "Shaft Width", max: 5, min: displayNode.width, onChange: (value) => previewMetric('shaftWidth', Math.max(value, displayNode.width)), onCommit: (value) => commitMetric('shaftWidth', Math.max(value, displayNode.width)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftWidth }), _jsx(MetricControl, { label: "Shaft Depth", max: 5, min: displayNode.depth, onChange: (value) => previewMetric('shaftDepth', Math.max(value, displayNode.depth)), onCommit: (value) => commitMetric('shaftDepth', Math.max(value, displayNode.depth)), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayShaftDepth }), _jsx(MetricControl, { label: "Wall Thickness", max: 0.4, min: 0.04, onChange: (value) => previewMetric('shaftWallThickness', value), onCommit: (value) => commitMetric('shaftWallThickness', value), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: displayShaftWallThickness })] }), _jsxs(PanelSection, { title: "Doors", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Opening Style" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({ doorStyle: event.target.value }), value: displayNode.doorStyle ?? 'center-opening', children: DOOR_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] uppercase tracking-[0.14em] text-muted-foreground", children: "Door Type" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm text-foreground", onChange: (event) => handleUpdate({
                                     doorPanelStyle: event.target.value,
                                 }), value: displayNode.doorPanelStyle ?? 'glass-frame', children: DOOR_PANEL_STYLE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsx(MetricControl, { label: "Door Width", max: Math.max(displayNode.width - 0.1, 0.5), min: 0.45, onChange: (value) => previewMetric('doorWidth', value), onCommit: (value) => commitMetric('doorWidth', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.doorWidth }), _jsx(MetricControl, { label: "Door Height", max: Math.max(displayNode.cabHeight - 0.1, 1.3), min: 1.2, onChange: (value) => previewMetric('doorHeight', value), onCommit: (value) => commitMetric('doorHeight', value), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: displayNode.doorHeight })] }), _jsx(PanelSection, { title: "Access", children: _jsx("div", { className: "space-y-2", children: servedLevels.map((level) => {
                         const isDisabled = disabledLevelIds.has(level.id);
                         const isServiceOnly = serviceOnlyLevelIds.has(level.id);
-                        return (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-lg border border-border/45 bg-[#2C2C2E] px-2.5 py-2", children: [_jsx("span", { className: "min-w-0 truncate text-sm", children: getLevelDisplayName(level) }), _jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isServiceOnly
-                                                ? 'border-sky-300/45 bg-sky-400/15 text-sky-100'
-                                                : 'border-border/50 bg-black/15 text-muted-foreground hover:text-foreground'} ${isDisabled ? 'cursor-not-allowed opacity-45' : ''}`, disabled: isDisabled, onClick: () => toggleLevelAccess('serviceOnlyLevelIds', level.id), type: "button", children: "Service" }), _jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isDisabled
-                                                ? 'border-red-300/45 bg-red-400/15 text-red-100'
-                                                : 'border-border/50 bg-black/15 text-muted-foreground hover:text-foreground'}`, onClick: () => toggleLevelAccess('disabledLevelIds', level.id), type: "button", children: "Disabled" })] })] }, level.id));
+                        return (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-lg border border-border/45 bg-black/4 dark:bg-[#2C2C2E] px-2.5 py-2", children: [_jsx("span", { className: "min-w-0 truncate text-sm", children: getLevelDisplayName(level) }), _jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isServiceOnly
+                                                ? 'border-sky-600/40 bg-sky-400/15 text-sky-800 dark:border-sky-300/45 dark:text-sky-100'
+                                                : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'} ${isDisabled ? 'cursor-not-allowed opacity-45' : ''}`, disabled: isDisabled, onClick: () => toggleLevelAccess('serviceOnlyLevelIds', level.id), type: "button", children: "Service" }), _jsx("button", { className: `rounded-md border px-2 py-1 text-[11px] transition-colors ${isDisabled
+                                                ? 'border-red-600/40 bg-red-400/15 text-red-700 dark:border-red-300/45 dark:text-red-100'
+                                                : 'border-border/50 bg-black/4 dark:bg-black/15 text-muted-foreground hover:text-foreground'}`, onClick: () => toggleLevelAccess('disabledLevelIds', level.id), type: "button", children: "Disabled" })] })] }, level.id));
                     }) }) }), _jsx(PanelSection, { title: "Destination", children: _jsx("div", { className: "grid grid-cols-2 gap-1.5", children: servedLevels.map((level) => {
                         const isActive = activeLevelId === level.id;
                         const stopOrder = destinationOrderByLevelId.get(level.id);
                         const isDisabled = disabledLevelIds.has(level.id);
                         const isServiceOnly = serviceOnlyLevelIds.has(level.id);
                         return (_jsxs("button", { className: `flex min-h-11 items-center justify-between gap-2 rounded-lg border px-2.5 text-left transition-colors ${isDisabled
-                                ? 'cursor-not-allowed border-border/35 bg-[#202024] text-muted-foreground/55'
+                                ? 'cursor-not-allowed border-border/35 bg-black/3 dark:bg-[#202024] text-muted-foreground/55'
                                 : isActive
-                                    ? 'border-emerald-400/45 bg-emerald-400/15 text-emerald-100'
-                                    : 'border-border/50 bg-[#2C2C2E] text-foreground hover:bg-[#3e3e3e]'}`, disabled: isDisabled, onClick: () => requestLevel(level.id), type: "button", children: [_jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-xs", children: getLevelDisplayName(level) }), isDisabled ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: "Disabled" })) : isServiceOnly ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: "Service" })) : (stopOrder && (_jsxs("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: ["Stop ", stopOrder] })))] }), _jsx("span", { className: `flex h-6 min-w-6 items-center justify-center rounded-full border border-white/15 bg-black/20 ${stopOrder ? 'px-1.5 font-mono text-[11px] font-semibold' : ''}`, children: isDisabled ? '×' : (stopOrder ?? _jsx(Send, { className: "h-3 w-3" })) })] }, level.id));
+                                    ? 'border-emerald-600/45 bg-emerald-400/15 text-emerald-800 dark:border-emerald-400/45 dark:text-emerald-100'
+                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e]'}`, disabled: isDisabled, onClick: () => requestLevel(level.id), type: "button", children: [_jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-xs", children: getLevelDisplayName(level) }), isDisabled ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: "Disabled" })) : isServiceOnly ? (_jsx("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: "Service" })) : (stopOrder && (_jsxs("span", { className: "mt-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-current/65", children: ["Stop ", stopOrder] })))] }), _jsx("span", { className: `flex h-6 min-w-6 items-center justify-center rounded-full border border-black/15 dark:border-white/15 bg-black/5 dark:bg-black/20 ${stopOrder ? 'px-1.5 font-mono text-[11px] font-semibold' : ''}`, children: isDisabled ? '×' : (stopOrder ?? _jsx(Send, { className: "h-3 w-3" })) })] }, level.id));
                     }) }) }), _jsxs(PanelSection, { title: "Motion", children: [_jsx(SliderControl, { label: "Speed", max: 8, min: 0.5, onChange: (value) => handleUpdate({ speed: value }), precision: 1, step: 0.1, unit: "m/s", value: node.speed }), _jsx(SliderControl, { label: "Door Time", max: 2200, min: 300, onChange: (value) => handleUpdate({ doorDurationMs: value }), step: 50, unit: "ms", value: node.doorDurationMs }), _jsx(SliderControl, { label: "Dwell", max: 5000, min: 300, onChange: (value) => handleUpdate({ dwellMs: value }), step: 100, unit: "ms", value: node.dwellMs })] })] }));
 }

package/dist/elevator/parametrics.js

@@ -31,7 +31,7 @@ export const elevatorParametrics = {
                     label: 'Wall thickness',
                     unit: 'm',
                     min: 0.04,
-                    max: 0.4,
+                    max: 1000,
                     step: 0.01,
                 },
                 {
@@ -97,5 +97,5 @@ export const elevatorParametrics = {
         doorHeight: Math.min(next.doorHeight, Math.max(1.2, next.cabHeight - 0.1)),
         doorWidth: Math.min(next.doorWidth, Math.max(0.45, next.width - 0.1)),
     }),
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/elevator/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,YAAY,EAkBlB,MAAM,kBAAkB,CAAA;AA+pCzB,eAAO,MAAM,gBAAgB,GAAI,UAAU;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCA6YhE,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/elevator/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,YAAY,EAmBlB,MAAM,kBAAkB,CAAA;AAypCzB,eAAO,MAAM,gBAAgB,aAAc;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCA6YhE,CAAA;eAEc,gBAAgB"}

package/dist/elevator/renderer.js

@@ -1,12 +1,11 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getElevatorCabDepth, getElevatorCabWidth, getElevatorDoorLeafSides, getElevatorDoorLeafWidth, getElevatorDoorLeafX, getElevatorShaftDepth, getElevatorShaftWallThickness, getElevatorShaftWidth, getResolvedElevatorDoorPanelStyle as getResolvedDoorPanelStyle, getResolvedElevatorDoorStyle as getResolvedDoorStyle, getResolvedElevatorShaftStyle as getResolvedShaftStyle, resolveElevatorLevels, useInteractive, useLiveNodeOverrides, useLiveTransforms, useRegistry, useScene, } from '@pascal-app/core';
-import { createDefaultMaterial, createSurfaceRoleMaterial, resolveMaterialRef, resolveSlotDefaultMaterial, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ELEVATOR_CAB_SLOT_DEFAULT, ELEVATOR_DOORS_SLOT_DEFAULT, ELEVATOR_GLASS_SLOT_DEFAULT, ELEVATOR_SHAFT_SLOT_DEFAULT, getElevatorCabDepth, getElevatorCabWidth, getElevatorDoorLeafSides, getElevatorDoorLeafWidth, getElevatorDoorLeafX, getElevatorShaftDepth, getElevatorShaftWallThickness, getElevatorShaftWidth, getResolvedElevatorDoorPanelStyle as getResolvedDoorPanelStyle, getResolvedElevatorDoorStyle as getResolvedDoorStyle, getResolvedElevatorShaftStyle as getResolvedShaftStyle, resolveElevatorLevels, useInteractive, useLiveNodeOverrides, useLiveTransforms, useRegistry, useScene, } from '@pascal-app/core';
+import { createDefaultMaterial, createSurfaceRoleMaterial, materialCastsShadow, resolveMaterialRef, resolveSlotDefaultMaterial, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useFrame } from '@react-three/fiber';
 import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useRef } from 'react';
 import { BoxGeometry, CylinderGeometry, Object3D, TorusGeometry, } from 'three';
 import { useShallow } from 'zustand/react/shallow';
-import { ELEVATOR_CAB_SLOT_DEFAULT, ELEVATOR_DOORS_SLOT_DEFAULT, ELEVATOR_GLASS_SLOT_DEFAULT, ELEVATOR_SHAFT_SLOT_DEFAULT, } from './slots';
 const DEFAULT_STRUCTURE_WHITE = '#f2f0ed';
 const SHAFT_WALL_COLOR = DEFAULT_STRUCTURE_WHITE;
 const SHAFT_SIDE_COLOR = DEFAULT_STRUCTURE_WHITE;
@@ -284,7 +283,7 @@ const SEGMENT_PROPS = {
     upperRight: { position: [0.32, 0.22, 0], size: [0.11, 0.42, 0.018] },
 };
 function BoxPrimitive({ castShadow = false, material, position, receiveShadow = false, rotation, scale, slotId, }) {
-    return (_jsx("mesh", { castShadow: castShadow, dispose: null, geometry: UNIT_BOX_GEOMETRY, material: material, position: position, receiveShadow: receiveShadow, rotation: rotation, scale: scale, userData: slotId ? ELEVATOR_SLOT_USER_DATA[slotId] : undefined }));
+    return (_jsx("mesh", { castShadow: castShadow && materialCastsShadow(material), dispose: null, geometry: UNIT_BOX_GEOMETRY, material: material, position: position, receiveShadow: receiveShadow, rotation: rotation, scale: scale, userData: slotId ? ELEVATOR_SLOT_USER_DATA[slotId] : undefined }));
 }
 function MeshButtonLabel({ faceSign = 1, label, material, position, scale, }) {
     const ref = useRef(null);

package/dist/elevator/system.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ElevatorOpeningSystem, stepElevatorRuntimes } from '@pascal-app/core';
 import { ElevatorInteractionSystem } from '@pascal-app/viewer';
 import { useFrame } from '@react-three/fiber';

package/dist/eyebrow-vent/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { EyebrowVentNode } from './schema';
+import { EyebrowVentNode } from './schema.js';
 /**
  * Eyebrow vent — a low, curved lens-shaped hood with a louvered front that
  * sweeps out of a roof slope. Parented to a `roof-segment`; position is

package/dist/eyebrow-vent/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA+F1C;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,OAAO,eAAe,CA+DxE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA+F1C;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,OAAO,eAAe,CA6DxE,CAAA"}

package/dist/eyebrow-vent/definition.js

@@ -1,8 +1,8 @@
-import { EyebrowVentNode as EyebrowVentNodeSchema, } from '@pascal-app/core';
-import { buildEyebrowVentFloorplan } from './floorplan';
-import { eyebrowVentPaint } from './paint';
-import { eyebrowVentParametrics } from './parametrics';
-import { EyebrowVentNode } from './schema';
+import { EyebrowVentNode as EyebrowVentNodeSchema, eyebrowVentSlots, } from '@pascal-app/core';
+import { buildEyebrowVentFloorplan } from './floorplan.js';
+import { eyebrowVentPaint } from './paint.js';
+import { eyebrowVentParametrics } from './parametrics.js';
+import { EyebrowVentNode } from './schema.js';
 const SIDE_HANDLE_OFFSET = 0.3;
 const HEIGHT_HANDLE_OFFSET = 0.2;
 // Snug to the vent corner so the rotate icon stays close to the item.
@@ -111,10 +111,8 @@ export const eyebrowVentDefinition = {
         return rest;
     },
     capabilities: {
-        slots: () => [
-            { slotId: 'hood', label: 'Hood', default: 'library:preset-softwhite' },
-            { slotId: 'front', label: 'Louvers', default: 'library:preset-softwhite' },
-        ],
+        exterior: true,
+        slots: eyebrowVentSlots,
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
@@ -130,12 +128,12 @@ export const eyebrowVentDefinition = {
     rendersChildren: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
-    preview: () => import('./preview'),
-    tool: () => import('./tool'),
+    preview: () => import('./preview.js'),
+    tool: () => import('./tool.js'),
     affordanceTools: {
-        move: () => import('./move-tool'),
+        move: () => import('./move-tool.js'),
     },
     toolHints: [
         { key: 'Left click', label: 'Place eyebrow vent on roof' },

package/dist/eyebrow-vent/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,2BAA2B;;;CAG9B,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CA+CpF"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,2BAA2B;aACtC,IAAI,EAAE,CAAC;aACP,KAAK,EAAE,CAAC;CACA,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CA+CpF"}

package/dist/eyebrow-vent/geometry.js

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import { copyUvToSecondaryChannel, cumulativeProfileDistances, planarMetricUvs, } from '../shared/primitive-uv';
+import { copyUvToSecondaryChannel, cumulativeProfileDistances, planarMetricUvs, } from '../shared/primitive-uv.js';
 export const EYEBROW_VENT_MATERIAL_INDEX = {
     hood: 0,
     front: 1,

package/dist/eyebrow-vent/index.d.ts

@@ -1,4 +1,4 @@
-export { eyebrowVentDefinition } from './definition';
-export { buildEyebrowVentGeometry } from './geometry';
-export { EyebrowVentNode } from './schema';
+export { eyebrowVentDefinition } from './definition.js';
+export { buildEyebrowVentGeometry } from './geometry.js';
+export { EyebrowVentNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/eyebrow-vent/index.js

@@ -1,3 +1,3 @@
-export { eyebrowVentDefinition } from './definition';
-export { buildEyebrowVentGeometry } from './geometry';
-export { EyebrowVentNode } from './schema';
+export { eyebrowVentDefinition } from './definition.js';
+export { buildEyebrowVentGeometry } from './geometry.js';
+export { EyebrowVentNode } from './schema.js';

package/dist/eyebrow-vent/move-tool.js

@@ -4,10 +4,10 @@ import { emitter, sceneRegistry, useScene, } from '@pascal-app/core';
 import { consumePlacementDragRelease, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useCallback, useEffect, useState } from 'react';
 import * as THREE from 'three';
-import { createRelativeRoofDrag, roofSegmentLocalToBuildingLocal, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag';
-import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides';
-import EyebrowVentPreview from './preview';
+import { createRelativeRoofDrag, roofSegmentLocalToBuildingLocal, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag.js';
+import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides.js';
+import EyebrowVentPreview from './preview.js';
 /**
  * Eyebrow-vent move tool. Mirrors the box-vent / cupola move flow: the
  * original mesh hides during the drag, a ghost tracks the cursor with the

package/dist/eyebrow-vent/paint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,uBAAuB,EAAkB,MAAM,kBAAkB,CAAA;AAOxF,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,MAAM,GAAG,IAAI,GAC3B,uBAAuB,CAEzB;AAED,eAAO,MAAM,gBAAgB,4CA0B3B,CAAA"}
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,uBAAuB,EAAkB,MAAM,kBAAkB,CAAA;AAQxF,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,MAAM,GAAG,IAAI,GAC3B,uBAAuB,CAEzB;AAED,eAAO,MAAM,gBAAgB,4CAsB3B,CAAA"}

package/dist/eyebrow-vent/paint.js

@@ -1,5 +1,6 @@
-import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
-import { EYEBROW_VENT_MATERIAL_INDEX } from './geometry';
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint.js';
+import { swapPreviewMaterial } from '../shared/swap-preview-material.js';
+import { EYEBROW_VENT_MATERIAL_INDEX } from './geometry.js';
 export function resolveEyebrowVentMaterialRole(materialIndex) {
     return materialIndex === EYEBROW_VENT_MATERIAL_INDEX.front ? 'front' : 'hood';
 }
@@ -16,13 +17,9 @@ export const eyebrowVentPaint = createSlotPaintCapability({
             const mesh = object;
             if (!mesh.isMesh || mesh.name !== 'eyebrow-vent-surface' || !Array.isArray(mesh.material))
                 return;
-            const previous = [...mesh.material];
-            const next = [...previous];
+            const next = [...mesh.material];
             next[materialIndex] = preview;
-            mesh.material = next;
-            restore = () => {
-                mesh.material = previous;
-            };
+            restore = swapPreviewMaterial(mesh, next);
         });
         return restore;
     },

package/dist/eyebrow-vent/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/panel.tsx"],"names":[],"mappings":"AA0BA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCAmRvC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/panel.tsx"],"names":[],"mappings":"AA0BA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCA+PvC"}

package/dist/eyebrow-vent/panel.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EyebrowVentNode as EyebrowVentSchema, getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
@@ -52,27 +52,9 @@ export default function EyebrowVentPanel() {
         setSelection({ selectedIds: [] });
     }, [node, setMovingNode, setSelection]);
     const handleDuplicate = useCallback(() => {
-        if (!node)
-            return;
-        triggerSFX('sfx:item-pick');
-        const parentId = node.roofSegmentId;
-        if (!parentId)
-            return;
-        const state = useScene.getState();
-        const meta = typeof node.metadata === 'object' && node.metadata !== null
-            ? node.metadata
-            : {};
-        const cloneInput = {
-            ...node,
-            id: undefined,
-            metadata: { ...meta, isNew: true },
-        };
-        const cloned = EyebrowVentSchema.parse(cloneInput);
-        state.createNode(cloned, parentId);
-        state.dirtyNodes.add(parentId);
-        setMovingNode(cloned);
-        setSelection({ selectedIds: [] });
-    }, [node, setMovingNode, setSelection]);
+        if (node)
+            duplicateNodeAndPickUp(node);
+    }, [node]);
     const handleDelete = useCallback(() => {
         if (!(selectedId && node))
             return;
@@ -102,5 +84,5 @@ export default function EyebrowVentPanel() {
                             { label: 'Scoop', value: 'scoop' },
                             { label: 'Half-round', value: 'half-round' },
                             { label: 'Slant-box', value: 'slant-box' },
-                        ], value: node.style ?? 'scoop' }), _jsx(SliderControl, { label: "Louvers", max: 8, min: 0, onChange: (v) => previewProp({ louverCount: Math.round(v) }), onCommit: (v) => handleUpdate({ louverCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.louverCount ?? 3 }), node.style === 'slant-box' ? (_jsx(SliderControl, { label: "Back height", max: 1, min: 0.15, onChange: (v) => previewProp({ backRatio: v }), onCommit: (v) => handleUpdate({ backRatio: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.backRatio ?? 0.5) * 100) / 100 })) : null] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.4, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.08, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.02, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[0] ?? 0 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[1] ?? 0 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                        ], value: node.style ?? 'scoop' }), _jsx(SliderControl, { label: "Louvers", max: 8, min: 0, onChange: (v) => previewProp({ louverCount: Math.round(v) }), onCommit: (v) => handleUpdate({ louverCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: node.louverCount ?? 3 }), node.style === 'slant-box' ? (_jsx(SliderControl, { label: "Back height", max: 1, min: 0.15, onChange: (v) => previewProp({ backRatio: v }), onCommit: (v) => handleUpdate({ backRatio: v }), precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.backRatio ?? 0.5) * 100) / 100 })) : null] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.4, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.08, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.02, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[0] ?? 0 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[1] ?? 0 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/eyebrow-vent/parametrics.d.ts

@@ -1,5 +1,5 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { EyebrowVentNode } from './schema';
+import type { EyebrowVentNode } from './schema.js';
 /**
  * Inspector descriptor for the eyebrow vent. Move / Duplicate use the
  * kind-owned ghost-preview flow (see `./move-tool.tsx`), so the panel hosts

package/dist/eyebrow-vent/parametrics.js

@@ -4,7 +4,7 @@
  * those actions itself — same pattern as box-vent / cupola.
  */
 export const eyebrowVentParametrics = {
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
     groups: [
         {
             label: 'Style',

package/dist/eyebrow-vent/preview.d.ts

@@ -1,4 +1,4 @@
-import type { EyebrowVentNode } from './schema';
+import type { EyebrowVentNode } from './schema.js';
 /**
  * Translucent ghost of an eyebrow vent, used by the placement tool's cursor
  * and the move-tool preview. Builds geometry through the shared pure builder

package/dist/eyebrow-vent/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,GAAI,mBAAmB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCAgD1F,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,sBAAuB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCAgD1F,CAAA;eAEc,kBAAkB"}

package/dist/eyebrow-vent/preview.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from 'react';
 import * as THREE from 'three';
-import { INVALID_GHOST_COLOR } from '../shared/ghost-materials';
-import { buildEyebrowVentGeometry } from './geometry';
+import { INVALID_GHOST_COLOR } from '../shared/ghost-materials.js';
+import { buildEyebrowVentGeometry } from './geometry.js';
 /**
  * Translucent ghost of an eyebrow vent, used by the placement tool's cursor
  * and the move-tool preview. Builds geometry through the shared pure builder

package/dist/eyebrow-vent/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EAKrB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCAuG1E,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EAKrB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,wBAAyB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCAuG1E,CAAA;eAEc,mBAAmB"}

package/dist/eyebrow-vent/renderer.js

@@ -4,9 +4,9 @@ import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
 import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, resolveMaterialRef, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
-import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip';
-import { buildEyebrowVentGeometry } from './geometry';
+import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip.js';
+import { buildEyebrowVentGeometry } from './geometry.js';
 const defaultMaterial = new THREE.MeshStandardMaterial({
     color: 0xff_ff_ff,
     roughness: 0.7,

package/dist/eyebrow-vent/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/tool.tsx"],"names":[],"mappings":"AA4BA;;;;;GAKG;AACH,QAAA,MAAM,eAAe,mCA4HpB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/tool.tsx"],"names":[],"mappings":"AA4BA;;;;;GAKG;AACH,QAAA,MAAM,eAAe,mCA4HpB,CAAA;eAEc,eAAe"}

package/dist/eyebrow-vent/tool.js

@@ -1,16 +1,16 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EyebrowVentNode, emitter, sceneRegistry, useScene, } from '@pascal-app/core';
 import { triggerSFX } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import * as THREE from 'three';
-import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview';
-import { resolveRoofSegmentHit } from '../shared/roof-segment-hit';
-import { getAnalyticalNormal, getDownSlopeYaw, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides';
-import { eyebrowVentDefinition } from './definition';
-import EyebrowVentPreview from './preview';
+import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview.js';
+import { resolveRoofSegmentHit } from '../shared/roof-segment-hit.js';
+import { getAnalyticalNormal, getDownSlopeYaw, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides.js';
+import { eyebrowVentDefinition } from './definition.js';
+import EyebrowVentPreview from './preview.js';
 const worldPoint = new THREE.Vector3();
 /**
  * Eyebrow-vent placement tool. Mounts when the palette activates the

package/dist/fence/actions/move-endpoint.d.ts

@@ -1,5 +1,5 @@
 import { type AlignmentAnchor, type AnyNodeId, type DragAction, type FenceNode, type WallNode } from '@pascal-app/core';
-import { type FencePlanPoint } from '@pascal-app/editor';
+import { type FencePlanPoint } from '../drafting.js';
 type LinkedFenceSnapshot = {
     id: FenceNode['id'];
     start: FencePlanPoint;

package/dist/fence/actions/move-endpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-endpoint.d.ts","sourceRoot":"","sources":["../../../src/fence/actions/move-endpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,SAAS,EAEd,KAAK,UAAU,EACf,KAAK,SAAS,EAId,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,oBAAoB,CAAA;AA2C3B,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,aAAa,EAAE,cAAc,CAAA;IAC7B,WAAW,EAAE,cAAc,CAAA;IAC3B,mBAAmB,EAAE,cAAc,CAAA;IACnC,UAAU,EAAE,cAAc,CAAA;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,eAAe,EAAE,mBAAmB,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,WAAW,EAAE,SAAS,EAAE,CAAA;IACxB;4DACwD;IACxD,eAAe,EAAE,eAAe,EAAE,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,cAAc,CAAA;IAC3B,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,aAAa,EAAE,mBAAmB,EAAE,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAuDD,eAAO,MAAM,2BAA2B,EAAE,UAAU,CAAC,oBAAoB,EAAE,sBAAsB,CA6J9F,CAAA"}
+{"version":3,"file":"move-endpoint.d.ts","sourceRoot":"","sources":["../../../src/fence/actions/move-endpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,SAAS,EAEd,KAAK,UAAU,EACf,KAAK,SAAS,EAId,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAQzB,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,aAAa,CAAA;AA2CtE,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,aAAa,EAAE,cAAc,CAAA;IAC7B,WAAW,EAAE,cAAc,CAAA;IAC3B,mBAAmB,EAAE,cAAc,CAAA;IACnC,UAAU,EAAE,cAAc,CAAA;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,eAAe,EAAE,mBAAmB,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,WAAW,EAAE,SAAS,EAAE,CAAA;IACxB;4DACwD;IACxD,eAAe,EAAE,eAAe,EAAE,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,cAAc,CAAA;IAC3B,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,aAAa,EAAE,mBAAmB,EAAE,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAuDD,eAAO,MAAM,2BAA2B,EAAE,UAAU,CAAC,oBAAoB,EAAE,sBAAsB,CA6J9F,CAAA"}

package/dist/fence/actions/move-endpoint.js

@@ -1,5 +1,6 @@
 import { collectAlignmentAnchors, resolveAlignment, resolveFenceSupportSlabPatch, useScene, } from '@pascal-app/core';
-import { isAlignmentGuideActive, isAngleSnapActive, isMagneticSnapActive, isSegmentLongEnough, snapFenceDraftPoint, useAlignmentGuides, } from '@pascal-app/editor';
+import { isAlignmentGuideActive, isAngleSnapActive, isMagneticSnapActive, isSegmentLongEnough, useAlignmentGuides, } from '@pascal-app/editor';
+import { snapFenceDraftPoint } from '../drafting.js';
 /**
  * Phase 5 Stage D — move-fence-endpoint drag affordance.
  *

package/dist/fence/curve-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"curve-tool.d.ts","sourceRoot":"","sources":["../../src/fence/curve-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EAQf,MAAM,kBAAkB,CAAA;AAYzB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAyIxD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"curve-tool.d.ts","sourceRoot":"","sources":["../../src/fence/curve-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EAQf,MAAM,kBAAkB,CAAA;AAYzB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAyIxD,CAAA;eAEc,cAAc"}

package/dist/fence/definition.d.ts

@@ -1,5 +1,6 @@
-import { type NodeDefinition } from '@pascal-app/core';
-import { FenceNode } from './schema';
+import { type FenceNode as FenceNodeType, type NodeDefinition, type SceneApi } from '@pascal-app/core';
+import { FenceNode } from './schema.js';
+export declare function fenceBaseElevation(n: FenceNodeType, sceneApi?: SceneApi, point?: readonly [number, number]): number;
 /**
  * Fence — Phase 5 batch kind. Stage B complete: `def.geometry` drives
  * the rebuild via the generic `<GeometrySystem>`; `<ParametricNodeRenderer>`