@pascal-app/nodes 1.0.4 → 1.0.6

package/dist/duct-segment/tool.js

@@ -2,24 +2,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DuctSegmentNode } from '@pascal-app/core';
 import { EDITOR_LAYER, triggerSFX, useEditor, usePathDraftPreview, useRegistryToolContext, } from '@pascal-app/editor';
+import { collectScenePorts, createRunWallAttachment, DistributionRunCursor, runDistanceSquared as dist2, findNearestRunBody3D, findRunBodyCrossingSurface, stepNominalRunSize, useDistributionRunTool, } from '@pascal-app/editor/distribution';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Euler, Vector3 } from 'three';
-import { getDuctFittingPorts } from '../duct-fitting/ports';
-import { planCrossAtRunBody, planElbowAtPort, planElbowRealign, planTeeAtRunBody, } from '../shared/auto-fitting';
-import { createDuctRunEndCap, findMatedRunEndCapIds, isRunEndCapPort, } from '../shared/automatic-run-end-cap';
-import { ConnectionFeedback } from '../shared/connection-feedback';
-import { createRunWallAttachment } from '../shared/distribution-run-contract';
-import { DistributionRunCursor, runDistanceSquared as dist2, runSectionHalfSizeM, stepNominalRunSize, useDistributionRunTool, } from '../shared/distribution-run-tool';
-import { ductProfilesMatch, planDuctAdapter } from '../shared/duct-adapter';
-import { FITTING_CLEARANCE_MESSAGE, hasFittingClearance } from '../shared/fitting-clearance';
-import { LevelOffsetGroup } from '../shared/level-offset-group';
-import { DuctSegmentGhost, FittingGhost } from '../shared/mep-ghost';
-import { collectScenePorts, DUCT_PORT_SYSTEMS, findNearestRunBody3D, findRunBodyCrossingSurface, } from '../shared/ports';
-import { RunHangerPreview } from '../shared/run-hanger-controls';
-import { useRunHangerMode } from '../shared/run-hanger-mode';
-import { currentDuctContinuationSeed, ductEndpointPort } from './continuation';
-import { ductSegmentDefinition } from './definition';
-import { rectSectionAxes, rollToContinueAcrossElbow } from './geometry';
+import { getDuctFittingPorts } from '../duct-fitting/ports.js';
+import { planCrossAtRunBody, planElbowAtPort, planElbowRealign, planTeeAtRunBody, } from '../shared/auto-fitting.js';
+import { createDuctRunEndCap, findMatedRunEndCapIds, isRunEndCapPort, } from '../shared/automatic-run-end-cap.js';
+import { ConnectionFeedback } from '../shared/connection-feedback.js';
+import { ductProfilesMatch, planDuctAdapter } from '../shared/duct-adapter.js';
+import { FITTING_CLEARANCE_MESSAGE, hasFittingClearance } from '../shared/fitting-clearance.js';
+import { LevelOffsetGroup } from '../shared/level-offset-group.js';
+import { DuctSegmentGhost, FittingGhost } from '../shared/mep-ghost.js';
+import { DUCT_PORT_SYSTEMS, runSectionHalfSizeM } from '../shared/port-systems.js';
+import { RunHangerPreview } from '../shared/run-hanger-controls.js';
+import { useRunHangerMode } from '../shared/run-hanger-mode.js';
+import { currentDuctContinuationSeed, ductEndpointPort } from './continuation.js';
+import { ductSegmentDefinition } from './definition.js';
+import { rectSectionAxes, rollToContinueAcrossElbow } from './geometry.js';
 /**
  * Continuous placement tool for duct segments.
  *
@@ -308,7 +307,9 @@ export function planDuctDraw(start, end, startPort, startBody, endPort, endBody,
         ductEnd = endRealign?.collarPoint ?? end;
     const realigns = [startRealign, endRealign].filter((p) => p !== null);
     const crossHit = surface
-        ? findRunBodyCrossingSurface(start, end, BODY_SNAP_RADIUS_M, surface)
+        ? findRunBodyCrossingSurface(start, end, BODY_SNAP_RADIUS_M, surface, {
+            kinds: ['duct-segment'],
+        })
         : null;
     const crossOwner = crossHit ? nodes[crossHit.nodeId] : null;
     const crossTappedElsewhere = crossHit?.nodeId === trunkBody?.nodeId || crossHit?.nodeId === endTrunkBody?.nodeId;
@@ -433,7 +434,10 @@ const DuctSegmentTool = () => {
             ? { port: continuationSeed.port, body: continuationSeed.body }
             : null,
         getPorts: () => getConnectionPorts(activeLevelId, sceneApi.nodes()),
-        findBody: (point) => findNearestRunBody3D(point, BODY_SNAP_RADIUS_M, { levelId: activeLevelId ?? undefined }),
+        findBody: (point) => findNearestRunBody3D(point, BODY_SNAP_RADIUS_M, {
+            kinds: ['duct-segment'],
+            levelId: activeLevelId ?? undefined,
+        }),
         surfaceClearance: (surface) => surface ? ductSurfaceClearanceM(profileRef.current, surface.kind === 'wall') : 0,
         minimumSegmentLength: 0.08,
         inheritFromConnection: ({ port }) => {

package/dist/duct-terminal/definition.d.ts

@@ -1,5 +1,5 @@
 import type { NodeDefinition } from '@pascal-app/core';
-import { DuctTerminalNode } from './schema';
+import { DuctTerminalNode } from './schema.js';
 /**
  * Phase 3 of the HVAC node system — duct terminals: supply registers,
  * ceiling diffusers, return grilles. The end of the air loop. One typed

package/dist/duct-terminal/definition.js

@@ -1,8 +1,8 @@
-import { buildDuctTerminalFloorplan } from './floorplan';
-import { buildDuctTerminalGeometry } from './geometry';
-import { ductTerminalParametrics } from './parametrics';
-import { getDuctTerminalPorts } from './ports';
-import { DuctTerminalNode } from './schema';
+import { buildDuctTerminalFloorplan } from './floorplan.js';
+import { buildDuctTerminalGeometry } from './geometry.js';
+import { ductTerminalParametrics } from './parametrics.js';
+import { getDuctTerminalPorts } from './ports.js';
+import { DuctTerminalNode } from './schema.js';
 /**
  * Phase 3 of the HVAC node system — duct terminals: supply registers,
  * ceiling diffusers, return grilles. The end of the air loop. One typed
@@ -67,7 +67,7 @@ export const ductTerminalDefinition = {
     ]),
     ports: getDuctTerminalPorts,
     floorplan: buildDuctTerminalFloorplan,
-    tool: () => import('./tool'),
+    tool: () => import('./tool.js'),
     toolHints: [
         { key: 'Click', label: 'Place register' },
         { key: 'M', label: 'Mount: floor / ceiling / wall' },

package/dist/duct-terminal/floorplan.d.ts

@@ -1,5 +1,5 @@
 import type { FloorplanGeometry, GeometryContext } from '@pascal-app/core';
-import type { DuctTerminalNode } from './schema';
+import type { DuctTerminalNode } from './schema.js';
 /**
  * Floor-plan symbol for a duct terminal: the face rectangle (rotated by
  * yaw) with the conventional register cross-slats hinted as a single

package/dist/duct-terminal/floorplan.js

@@ -1,4 +1,4 @@
-import { terminalSystem } from './ports';
+import { terminalSystem } from './ports.js';
 const SUPPLY_COLOR = '#d4825a';
 const RETURN_COLOR = '#5a8ad4';
 const FRAME_STROKE = '#6b7280';

package/dist/duct-terminal/geometry.d.ts

@@ -1,5 +1,5 @@
 import { Group } from 'three';
-import type { DuctTerminalNode } from './schema';
+import type { DuctTerminalNode } from './schema.js';
 /**
  * Pure geometry builder for a duct terminal, in the node's LOCAL frame —
  * `<ParametricNodeRenderer>` applies `position` + yaw, and the builder

package/dist/duct-terminal/geometry.js

@@ -1,6 +1,6 @@
 import { BoxGeometry, CylinderGeometry, Group, Mesh, MeshStandardMaterial, Vector3, } from 'three';
-import { createOvalSectionGeometry, INCHES_TO_METERS } from '../duct-segment/geometry';
-import { COLLAR_LENGTH, mountQuaternion, terminalSystem } from './ports';
+import { createOvalSectionGeometry, INCHES_TO_METERS } from '../duct-segment/geometry.js';
+import { COLLAR_LENGTH, mountQuaternion, terminalSystem } from './ports.js';
 const RADIAL_SEGMENTS = 20;
 /** Radial clearance (meters) the collar sleeve carries over the duct's
  *  nominal cross-section, so a run leaving at the advertised size nests

package/dist/duct-terminal/index.d.ts

@@ -1,5 +1,5 @@
-export { ductTerminalDefinition } from './definition';
-export { buildDuctTerminalGeometry } from './geometry';
-export { getDuctTerminalPorts } from './ports';
-export { DuctTerminalNode } from './schema';
+export { ductTerminalDefinition } from './definition.js';
+export { buildDuctTerminalGeometry } from './geometry.js';
+export { getDuctTerminalPorts } from './ports.js';
+export { DuctTerminalNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/duct-terminal/index.js

@@ -1,4 +1,4 @@
-export { ductTerminalDefinition } from './definition';
-export { buildDuctTerminalGeometry } from './geometry';
-export { getDuctTerminalPorts } from './ports';
-export { DuctTerminalNode } from './schema';
+export { ductTerminalDefinition } from './definition.js';
+export { buildDuctTerminalGeometry } from './geometry.js';
+export { getDuctTerminalPorts } from './ports.js';
+export { DuctTerminalNode } from './schema.js';

package/dist/duct-terminal/parametrics.d.ts

@@ -1,4 +1,4 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { DuctTerminalNode } from './schema';
+import type { DuctTerminalNode } from './schema.js';
 export declare const ductTerminalParametrics: ParametricDescriptor<DuctTerminalNode>;
 //# sourceMappingURL=parametrics.d.ts.map

package/dist/duct-terminal/ports.d.ts

@@ -1,6 +1,6 @@
 import type { NodePort } from '@pascal-app/core';
 import { Quaternion } from 'three';
-import type { DuctTerminalNode } from './schema';
+import type { DuctTerminalNode } from './schema.js';
 /** Collar stub length in meters behind the face. */
 export declare const COLLAR_LENGTH = 0.12;
 /**

package/dist/duct-terminal/ports.js

@@ -1,5 +1,5 @@
 import { Euler, Quaternion, Vector3 } from 'three';
-import { equivalentDiameterIn, ovalEquivalentDiameterIn } from '../duct-segment/geometry';
+import { equivalentDiameterIn, ovalEquivalentDiameterIn } from '../duct-segment/geometry.js';
 /** Collar stub length in meters behind the face. */
 export const COLLAR_LENGTH = 0.12;
 /**

package/dist/duct-terminal/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-terminal/tool.tsx"],"names":[],"mappings":"AAmJA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAyYrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-terminal/tool.tsx"],"names":[],"mappings":"AAyJA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAwYrB,CAAA;eAEc,gBAAgB"}

package/dist/duct-terminal/tool.js

@@ -1,20 +1,20 @@
 '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 { DuctTerminalNode, emitter, pointInPolygon, resolveCeilingHeight, resolveLevelId, resolveSupportSlabPatch, sceneRegistry, useScene, } from '@pascal-app/core';
-import { CursorSphere, getFloorStackPreviewPosition, getSpatialPointerId, isGridSnapActive, isMagneticSnapActive, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { CursorSphere, getFloorStackPreviewPosition, getSpatialPointerId, isGridSnapActive, isMagneticSnapActive, isTypingTarget, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { alignDrawPoint, clearDrawAlignment, collectScenePorts, findNearestPort3D, } from '@pascal-app/editor/distribution';
 import { useViewer } from '@pascal-app/viewer';
 import { Html } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Euler, Matrix3, Matrix4, Plane, Quaternion, Raycaster, Vector2, Vector3 } from 'three';
-import { subscribeAccessorySnapping } from '../shared/accessory-snapping';
-import { ConnectionFeedback } from '../shared/connection-feedback';
-import { alignDrawPoint, clearDrawAlignment } from '../shared/draw-alignment';
-import { LevelOffsetGroup } from '../shared/level-offset-group';
-import { collectScenePorts, DUCT_PORT_SYSTEMS, findNearestPort3D } from '../shared/ports';
-import { ductTerminalDefinition } from './definition';
-import { buildDuctTerminalGeometry } from './geometry';
-import { COLLAR_LENGTH, getDuctTerminalPorts, mountQuaternion } from './ports';
+import { subscribeAccessorySnapping } from '../shared/accessory-snapping.js';
+import { ConnectionFeedback } from '../shared/connection-feedback.js';
+import { LevelOffsetGroup } from '../shared/level-offset-group.js';
+import { DUCT_PORT_SYSTEMS } from '../shared/port-systems.js';
+import { ductTerminalDefinition } from './definition.js';
+import { buildDuctTerminalGeometry } from './geometry.js';
+import { COLLAR_LENGTH, getDuctTerminalPorts, mountQuaternion } from './ports.js';
 const PREVIEW_OPACITY = 0.55;
 /** R/T yaw step — 45°. */
 const ROTATE_STEP_RAD = Math.PI / 4;
@@ -371,8 +371,7 @@ const DuctTerminalTool = () => {
                 commit(p);
         };
         const onKeyDown = (e) => {
-            const tag = e.target?.tagName;
-            if (tag === 'INPUT' || tag === 'TEXTAREA')
+            if (isTypingTarget(e.target))
                 return;
             const key = e.key;
             if (key === 'm' || key === 'M') {

package/dist/elevator/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { ElevatorNode } from './schema';
+import { ElevatorNode } from './schema.js';
 /**
  * Elevator — Stage A registration. Wrap-exports the legacy renderer +
  * the three legacy systems (runtime / interaction / opening) bundled

package/dist/elevator/definition.js

@@ -1,9 +1,9 @@
 import { ElevatorNode as ElevatorNodeSchema, elevatorSlots, 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 { 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;
@@ -223,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.js

@@ -351,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

@@ -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,EAQL,KAAK,YAAY,EAmBlB,MAAM,kBAAkB,CAAA;AAypCzB,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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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';

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,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,CA4DxE,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, eyebrowVentSlots, } from '@pascal-app/core';
-import { buildEyebrowVentFloorplan } from './floorplan';
-import { eyebrowVentPaint } from './paint';
-import { eyebrowVentParametrics } from './parametrics';
-import { EyebrowVentNode } from './schema';
+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,6 +111,7 @@ export const eyebrowVentDefinition = {
         return rest;
     },
     capabilities: {
+        exterior: true,
         slots: eyebrowVentSlots,
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
@@ -127,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.js

@@ -1,6 +1,6 @@
-import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
-import { swapPreviewMaterial } from '../shared/swap-preview-material';
-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';
 }

package/dist/eyebrow-vent/panel.js

@@ -84,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,