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

package/dist/duct-terminal/parametrics.js

@@ -19,8 +19,8 @@ export const ductTerminalParametrics = {
         {
             label: 'Face',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.1, max: 1.5, step: 0.05 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.05, max: 1.5, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.1, max: 1000, step: 0.05 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.05, max: 1000, step: 0.05 },
             ],
         },
         {

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":"AA6IA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAwSrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/duct-terminal/tool.tsx"],"names":[],"mappings":"AAgJA;;;;;;;;;GASG;AACH,QAAA,MAAM,gBAAgB,0CAgUrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/duct-terminal/tool.js

@@ -7,12 +7,14 @@ 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, findNearestPortXZ } from '../shared/ports';
+import { collectScenePorts, DUCT_PORT_SYSTEMS, findNearestPort3D } from '../shared/ports';
 import { ductTerminalDefinition } from './definition';
 import { buildDuctTerminalGeometry } from './geometry';
-import { COLLAR_LENGTH, mountQuaternion } from './ports';
+import { COLLAR_LENGTH, getDuctTerminalPorts, mountQuaternion } from './ports';
 const PREVIEW_OPACITY = 0.55;
 /** R/T yaw step — 45°. */
 const ROTATE_STEP_RAD = Math.PI / 4;
@@ -70,15 +72,17 @@ function inferMountFromPort(dir) {
     return { mount: 'wall', lockYaw: Math.atan2(v.x, v.z) };
 }
 /**
- * If a duct port is within snap range of `position` (XZ — ports hang at
- * duct height, the grid hit rides the floor), mate the register onto it:
+ * If a duct port is within snap range of `position` in three dimensions, mate the register onto it:
  * the port's direction *picks the mount* (floor / ceiling / wall) and, for
  * walls, the yaw; the whole terminal then hops so its collar lands exactly
  * on the port. Null when nothing is in range. `fallbackYaw` keeps the
  * user's R/T face orientation for floor / ceiling mounts.
  */
 function resolvePortSnap(position, fallbackYaw) {
-    const port = findNearestPortXZ(position, collectScenePorts({ systems: DUCT_PORT_SYSTEMS }), PORT_SNAP_RADIUS_M);
+    const levelId = useViewer.getState().selection.levelId;
+    if (!levelId)
+        return null;
+    const port = findNearestPort3D(position, collectScenePorts({ systems: DUCT_PORT_SYSTEMS, levelId }), PORT_SNAP_RADIUS_M);
     if (!port)
         return null;
     const { mount, lockYaw } = inferMountFromPort(port.direction);
@@ -214,7 +218,7 @@ const DuctTerminalTool = () => {
             // cycles it); `'off'` is the no-snap bypass.
             const position = alignDrawPoint([snap(hit.x, step), y, snap(hit.z, step)], {
                 applySnap: isMagneticSnapActive(),
-                bypass: false,
+                bypass: !isMagneticSnapActive(),
             });
             // Magnetic port snap: if a duct run end / fitting collar is in range,
             // the port's direction picks the mount (floor / ceiling / wall) and
@@ -248,7 +252,10 @@ const DuctTerminalTool = () => {
             triggerSFX('sfx:item-place');
         };
         // ---- Floor / ceiling: own raycast against a horizontal plane ----
+        let lastPointer = null;
+        let lastWall = null;
         const onPointerMove = (e) => {
+            lastPointer = e;
             if (mountRef.current === 'wall')
                 return;
             setPlacement(resolvePlanar(e));
@@ -279,11 +286,19 @@ const DuctTerminalTool = () => {
             // align it with the wall's outward world normal.
             const yaw = Math.atan2(worldNormal.x, worldNormal.z);
             const world = new Vector3(event.position[0], event.position[1], event.position[2]);
+            const step = isGridSnapActive() ? useEditor.getState().gridSnapStep : 0;
+            if (step > 0) {
+                const wallPoint = event.object.worldToLocal(world.clone());
+                wallPoint.x = snap(wallPoint.x, step);
+                wallPoint.y = snap(wallPoint.y, step);
+                world.copy(event.object.localToWorld(wallPoint));
+            }
             const level = activeLevelMesh();
             const local = level ? level.worldToLocal(world.clone()) : world;
             return { position: [local.x, local.y, local.z], yaw, mount: 'wall' };
         };
         const onWallMove = (event) => {
+            lastWall = event;
             if (mountRef.current !== 'wall')
                 return;
             // Wall-mounted terminals snap flush to the wall — no plan alignment.
@@ -330,12 +345,21 @@ const DuctTerminalTool = () => {
             setPlacement((prev) => (prev ? { ...prev, yaw: yawRef.current } : prev));
             triggerSFX('sfx:item-rotate');
         };
+        const unsubscribeSnapping = subscribeAccessorySnapping(() => {
+            if (mountRef.current === 'wall') {
+                if (lastWall)
+                    onWallMove(lastWall);
+            }
+            else if (lastPointer)
+                onPointerMove(lastPointer);
+        });
         canvas.addEventListener('pointermove', onPointerMove);
         canvas.addEventListener('click', onCanvasClick);
         emitter.on('wall:move', onWallMove);
         emitter.on('wall:click', onWallClick);
         window.addEventListener('keydown', onKeyDown, true);
         return () => {
+            unsubscribeSnapping();
             canvas.removeEventListener('pointermove', onPointerMove);
             canvas.removeEventListener('click', onCanvasClick);
             emitter.off('wall:move', onWallMove);
@@ -358,6 +382,12 @@ const DuctTerminalTool = () => {
             levelId: activeLevelId,
         })
         : placement.position;
-    return (_jsxs(LevelOffsetGroup, { children: [_jsx(CursorSphere, { position: previewPosition }), _jsx("group", { position: previewPosition, rotation: [0, placement.yaw, 0], children: _jsx("primitive", { object: ghost }) }), _jsx(Html, { center: true, position: [previewPosition[0], previewPosition[1] + 1.45, previewPosition[2]], style: { pointerEvents: 'none', userSelect: 'none' }, zIndexRange: [100, 0], children: _jsxs("div", { className: "flex items-center gap-2 whitespace-nowrap rounded-full border border-border/60 bg-background/90 px-4 py-1.5 text-xs tabular-nums shadow-sm backdrop-blur", children: [placement.snapped && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-primary", children: "Snapped to duct" }), _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" })] })), _jsxs("span", { className: "font-medium text-foreground", children: ["Mount ", mountLabel] }), _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "text-muted-foreground", children: "M surface" }), effectiveMount !== 'wall' && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "text-muted-foreground", children: "R/T rotate" })] }))] }) })] }));
+    const collar = getDuctTerminalPorts({
+        ...previewNode,
+        position: placement.position,
+        rotation: placement.yaw,
+        mount: effectiveMount,
+    })[0];
+    return (_jsxs(LevelOffsetGroup, { children: [_jsx(ConnectionFeedback, { point: [...collar.position], profile: collar, levelId: activeLevelId }), _jsx(CursorSphere, { position: previewPosition }), _jsx("group", { position: previewPosition, rotation: [0, placement.yaw, 0], children: _jsx("primitive", { object: ghost }) }), _jsx(Html, { center: true, position: [previewPosition[0], previewPosition[1] + 1.45, previewPosition[2]], style: { pointerEvents: 'none', userSelect: 'none' }, zIndexRange: [100, 0], children: _jsxs("div", { className: "flex items-center gap-2 whitespace-nowrap rounded-full border border-border/60 bg-background/90 px-4 py-1.5 text-xs tabular-nums shadow-sm backdrop-blur", children: [placement.snapped && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-primary", children: "Snapped to duct" }), _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" })] })), _jsxs("span", { className: "font-medium text-foreground", children: ["Mount ", mountLabel] }), _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "text-muted-foreground", children: "M surface" }), effectiveMount !== 'wall' && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "text-muted-foreground", children: "R/T rotate" })] }))] }) })] }));
 };
 export default DuctTerminalTool;

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

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

package/dist/elevator/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ElevatorNode as ElevatorNodeSchema, requestElevatorLevel, useInteractive, useLiveNodeOverrides, useLiveTransforms, useScene, } from '@pascal-app/core';
+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 { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Send, Trash2 } from 'lucide-react';
@@ -341,13 +341,13 @@ export default function ElevatorPanel() {
     for (const [index, levelId] of (runtime?.requestedStops ?? []).entries()) {
         destinationOrderByLevelId.set(levelId, index + 1);
     }
-    return (_jsxs(PanelWrapper, { icon: "/icons/elevator.webp", onClose: handleClose, title: node.name || 'Elevator', width: 300, children: [_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: "text-destructive hover:text-destructive", icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: "Delete", onClick: handleDelete })] }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: 50, min: -50, onChange: (value) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/elevator.webp", onClose: handleClose, title: node.name || 'Elevator', width: 300, children: [_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: "text-destructive hover:text-destructive", icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: "Delete", onClick: handleDelete })] }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (value) => {
                             const position = getSupportedPosition(value, displayPosition[2]);
                             previewTransform(position, displayRotation);
                         }, onCommit: (value) => {
                             const position = getSupportedPosition(value, displayPosition[2]);
                             commitTransform(position, displayRotation);
-                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[0]) }), _jsx(SliderControl, { label: "Y", max: 50, min: -50, onChange: (value) => {
+                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[0]) }), _jsx(SliderControl, { label: "Y", onChange: (value) => {
                             const position = [
                                 displayPosition[0],
                                 value,
@@ -361,7 +361,7 @@ export default function ElevatorPanel() {
                                 displayPosition[2],
                             ];
                             commitTransform(position, displayRotation);
-                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[1]) }), _jsx(SliderControl, { label: "Z", max: 50, min: -50, onChange: (value) => {
+                        }, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: roundMeters(displayPosition[1]) }), _jsx(SliderControl, { label: "Z", onChange: (value) => {
                             const position = getSupportedPosition(displayPosition[0], value);
                             previewTransform(position, displayRotation);
                         }, onCommit: (value) => {
@@ -373,12 +373,12 @@ 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: level.name || `Level ${level.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: level.name || `Level ${level.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: level.name || `Level ${level.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-[#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({
                                     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: level.name || `Level ${level.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
+                        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'
@@ -392,6 +392,6 @@ export default function ElevatorPanel() {
                                 ? 'cursor-not-allowed border-border/35 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: level.name || `Level ${level.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-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));
                     }) }) }), _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/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/elevator/system.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,gCAQrC"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/elevator/system.tsx"],"names":[],"mappings":"AAgBA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,gCAQrC"}

package/dist/elevator/system.js

@@ -1,7 +1,16 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ElevatorOpeningSystem, ElevatorRuntimeSystem } from '@pascal-app/core';
+import { ElevatorOpeningSystem, stepElevatorRuntimes } from '@pascal-app/core';
 import { ElevatorInteractionSystem } from '@pascal-app/viewer';
+import { useFrame } from '@react-three/fiber';
+/** Cab travel + door state machine, stepped once per frame. Lives here rather
+ * than in core so the core barrel stays free of runtime R3F imports. */
+function ElevatorRuntimeSystem() {
+    useFrame(({ clock }, delta) => {
+        stepElevatorRuntimes(clock.getElapsedTime() * 1000, delta);
+    }, 2);
+    return null;
+}
 /**
  * Composite system for elevator — bundles three per-frame systems:
  * `ElevatorRuntimeSystem` (cab travel + door state machine),

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,CA2DxE,CAAA"}
+{"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,CA8DxE,CAAA"}

package/dist/eyebrow-vent/definition.js

@@ -1,6 +1,6 @@
 import { EyebrowVentNode as EyebrowVentNodeSchema, } from '@pascal-app/core';
-import { surfacePaintCapability } from '../shared/surface-paint';
 import { buildEyebrowVentFloorplan } from './floorplan';
+import { eyebrowVentPaint } from './paint';
 import { eyebrowVentParametrics } from './parametrics';
 import { EyebrowVentNode } from './schema';
 const SIDE_HANDLE_OFFSET = 0.3;
@@ -98,7 +98,7 @@ const eyebrowVentHandles = [
  */
 export const eyebrowVentDefinition = {
     kind: 'eyebrow-vent',
-    schemaVersion: 1,
+    schemaVersion: 3,
     schema: EyebrowVentNode,
     category: 'structure',
     surfaceRole: 'roof',
@@ -111,11 +111,14 @@ export const eyebrowVentDefinition = {
         return rest;
     },
     capabilities: {
+        slots: () => [
+            { slotId: 'hood', label: 'Hood', default: 'library:preset-softwhite' },
+            { slotId: 'front', label: 'Louvers', default: 'library:preset-softwhite' },
+        ],
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
-        // Single painted surface — registry-driven paint dispatch (see chimney).
-        paint: surfacePaintCapability,
+        paint: eyebrowVentPaint,
         // Mounts on a roof segment via `roofSegmentId`. Sits ON TOP of the slope —
         // no `buildCut`, just the dirty cascade so the parent roof's merged shell
         // rebuilds when the vent moves / resizes.
@@ -140,7 +143,7 @@ export const eyebrowVentDefinition = {
     presentation: {
         label: 'Eyebrow Vent',
         description: 'Low curved lens-shaped roof vent with a louvered front.',
-        icon: { kind: 'url', src: '/icons/roof.webp' },
+        icon: { kind: 'url', src: '/icons/eyebrow-vent.webp' },
         paletteSection: 'structure',
         paletteOrder: 123,
     },

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

@@ -1,5 +1,9 @@
 import type { EyebrowVentNode } from '@pascal-app/core';
 import * as THREE from 'three';
+export declare const EYEBROW_VENT_MATERIAL_INDEX: {
+    readonly hood: 0;
+    readonly front: 1;
+};
 /**
  * Pure builder for the eyebrow-vent mesh. Three styles, all seated directly on
  * the roof at y=0 and facing +Z (downslope):

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;AAE9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CAoCpF"}
+{"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"}

package/dist/eyebrow-vent/geometry.js

@@ -1,4 +1,9 @@
 import * as THREE from 'three';
+import { copyUvToSecondaryChannel, cumulativeProfileDistances, planarMetricUvs, } from '../shared/primitive-uv';
+export const EYEBROW_VENT_MATERIAL_INDEX = {
+    hood: 0,
+    front: 1,
+};
 /**
  * Pure builder for the eyebrow-vent mesh. Three styles, all seated directly on
  * the roof at y=0 and facing +Z (downslope):
@@ -31,14 +36,15 @@ export function buildEyebrowVentGeometry(node) {
     const n = [];
     const uv = [];
     // The hood seats directly on the roof at y=0 — no flashing plate.
+    let frontStart;
     if (node.style === 'half-round') {
-        addHalfRound(p, n, uv, w, d, h, 0, slats);
+        frontStart = addHalfRound(p, n, uv, w, d, h, 0, slats);
     }
     else if (node.style === 'slant-box') {
-        addSlantBox(p, n, uv, w, d, h, 0, slats, backRatio);
+        frontStart = addSlantBox(p, n, uv, w, d, h, 0, slats, backRatio);
     }
     else {
-        addScoop(p, n, uv, w, d, h, 0, slats);
+        frontStart = addScoop(p, n, uv, w, d, h, 0, slats);
     }
     // Double-side the whole mesh at the geometry level: append a back-facing
     // copy of every triangle (reversed winding + negated normals). The open
@@ -47,11 +53,21 @@ export function buildEyebrowVentGeometry(node) {
     // material, which poisons the MRT scene pass (see the ridge-vent renderer
     // note). Only one of each coplanar pair front-faces any camera, so there's
     // no z-fighting.
+    const frontEnd = p.length / 3;
     doubleSide(p, n, uv);
     const geo = new THREE.BufferGeometry();
     geo.setAttribute('position', new THREE.Float32BufferAttribute(p, 3));
     geo.setAttribute('normal', new THREE.Float32BufferAttribute(n, 3));
     geo.setAttribute('uv', new THREE.Float32BufferAttribute(uv, 2));
+    geo.addGroup(0, frontStart, EYEBROW_VENT_MATERIAL_INDEX.hood);
+    if (frontEnd > frontStart) {
+        geo.addGroup(frontStart, frontEnd - frontStart, EYEBROW_VENT_MATERIAL_INDEX.front);
+    }
+    geo.addGroup(frontEnd, frontStart, EYEBROW_VENT_MATERIAL_INDEX.hood);
+    if (frontEnd > frontStart) {
+        geo.addGroup(frontEnd + frontStart, frontEnd - frontStart, EYEBROW_VENT_MATERIAL_INDEX.front);
+    }
+    copyUvToSecondaryChannel(geo);
     geo.computeBoundingSphere();
     return geo;
 }
@@ -71,15 +87,22 @@ function addScoop(p, n, uv, w, d, h, yB, slats) {
         const z = zF - v * d;
         rings.push(halfRing(a, b, yB, z, scale, NF));
     }
+    const ringUvs = rings.map((ring) => cumulativeProfileDistances(ring));
+    const ringV = [0];
+    for (let i = 1; i <= NZ; i++) {
+        ringV.push(ringV[i - 1] + averageProfileDistance(rings[i - 1], rings[i]));
+    }
     for (let i = 0; i < NZ; i++) {
         addBand(p, n, uv, rings[i + 1], rings[i], NF, (qa, qb, qc, qd) => {
             const mx = (qa[0] + qb[0] + qc[0] + qd[0]) / 4;
             const my = (qa[1] + qb[1] + qc[1] + qd[1]) / 4;
             return [mx, my - yB, 0]; // radial-out from the spine
-        });
+        }, ringUvs[i + 1], ringUvs[i], ringV[i + 1], ringV[i]);
     }
     // Horizontal louvers filling the front half-ellipse opening.
+    const frontStart = p.length / 3;
     addArchLouvers(p, n, uv, a, b, yB, zF - d * 0.04, slats);
+    return frontStart;
 }
 // ─── Style: half-round (D-shaped louver vent) ─────────────────────────────
 function addHalfRound(p, n, uv, w, d, h, yB, slats) {
@@ -92,19 +115,22 @@ function addHalfRound(p, n, uv, w, d, h, yB, slats) {
     const NF = 20;
     const ringF = halfRing(a, b, yB, zF, 1, NF);
     const ringB = halfRing(a, b, yB, zB, 1, NF);
+    const ringU = cumulativeProfileDistances(ringF);
     // Curved top shell (constant cross section).
     addBand(p, n, uv, ringB, ringF, NF, (qa, qb, qc, qd) => {
         const mx = (qa[0] + qb[0] + qc[0] + qd[0]) / 4;
         const my = (qa[1] + qb[1] + qc[1] + qd[1]) / 4;
         return [mx, my - yB, 0];
-    });
+    }, ringU, ringU, d, 0);
     // Back cap — fan the rear semicircle, facing -Z.
     const backCenter = [0, yB, zB];
     for (let j = 0; j < NF; j++) {
         pushTri(p, n, uv, backCenter, ringB[j + 1], ringB[j], [0, 0, -1]);
     }
     // Louvered front face (a slat count bumped up — the D-vent reads denser).
+    const frontStart = p.length / 3;
     addArchLouvers(p, n, uv, a, b, yB, zF - d * 0.04, slats > 0 ? Math.max(slats, 4) : 0);
+    return frontStart;
 }
 // ─── Style: slant-box (low hooded box) ────────────────────────────────────
 function addSlantBox(p, n, uv, w, d, h, yB, slats, backRatio) {
@@ -141,11 +167,13 @@ function addSlantBox(p, n, uv, w, d, h, yB, slats, backRatio) {
     pushQuad(p, n, uv, [-hw, oB, zF], [oL, oB, zF], [oL, oT, zF], [-hw, oT, zF], [0, 0, 1]); // left
     pushQuad(p, n, uv, [oR, oB, zF], [hw, oB, zF], [hw, oT, zF], [oR, oT, zF], [0, 0, 1]); // right
     // Recessed screen panel at the back of the pocket (blocks see-through).
+    const frontStart = p.length / 3;
     const screenZ = zF - d * 0.2;
     pushQuad(p, n, uv, [oL, oB, screenZ], [oR, oB, screenZ], [oR, oT, screenZ], [oL, oT, screenZ], [0, 0, 1]);
     // Horizontal louvers inside the pocket — bounded by the opening in height
     // and recessed in depth between the frame face and the screen.
     addRectLouvers(p, n, uv, oR, oB, oT, zF - d * 0.07, slats);
+    return frontStart;
 }
 // ─── Louver helpers ───────────────────────────────────────────────────────
 // Angled horizontal slats filling a half-ellipse opening (radius a × b,
@@ -232,14 +260,26 @@ function halfRing(a, b, yB, z, scale, steps) {
     return row;
 }
 // ─── Primitives ───────────────────────────────────────────────────────────
-function addBand(p, n, uv, rA, rB, lng, hintFn) {
+function addBand(p, n, uv, rA, rB, lng, hintFn, uA = cumulativeProfileDistances(rA), uB = cumulativeProfileDistances(rB), vA = 0, vB = averageProfileDistance(rA, rB)) {
     for (let j = 0; j < lng; j++) {
         const a = rA[j];
         const b = rA[j + 1];
         const c = rB[j + 1];
         const d = rB[j];
-        pushQuad(p, n, uv, a, b, c, d, hintFn(a, b, c, d));
+        pushQuad(p, n, uv, a, b, c, d, hintFn(a, b, c, d), [
+            [uA[j], vA],
+            [uA[j + 1], vA],
+            [uB[j + 1], vB],
+            [uB[j], vB],
+        ]);
+    }
+}
+function averageProfileDistance(a, b) {
+    let total = 0;
+    for (let index = 0; index < a.length; index += 1) {
+        total += Math.hypot(b[index][0] - a[index][0], b[index][1] - a[index][1], b[index][2] - a[index][2]);
     }
+    return total / a.length;
 }
 // Append a reversed-winding, negated-normal copy of every triangle already in
 // the buffers, making the mesh render from both sides under a FrontSide
@@ -256,7 +296,7 @@ function doubleSide(p, n, uv) {
     }
 }
 // ─── Winding-safe primitives ─────────────────────────────────────────────
-function pushQuad(positions, normals, uvs, a, b, c, d, hint) {
+function pushQuad(positions, normals, uvs, a, b, c, d, hint, authoredUvs) {
     let nx = (c[1] - a[1]) * (b[2] - a[2]) - (c[2] - a[2]) * (b[1] - a[1]);
     let ny = (c[2] - a[2]) * (b[0] - a[0]) - (c[0] - a[0]) * (b[2] - a[2]);
     let nz = (c[0] - a[0]) * (b[1] - a[1]) - (c[1] - a[1]) * (b[0] - a[0]);
@@ -270,19 +310,19 @@ function pushQuad(positions, normals, uvs, a, b, c, d, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
-    const u = Math.hypot(b[0] - a[0], b[1] - a[1], b[2] - a[2]);
-    const v = Math.hypot(d[0] - a[0], d[1] - a[1], d[2] - a[2]);
+    const faceUvs = authoredUvs ?? planarMetricUvs([a, b, c, d], [nx, ny, nz]);
+    const [uvA, uvB, uvC, uvD] = faceUvs;
     if (flip) {
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, u, 0, u, v);
+        uvs.push(...uvA, ...uvB, ...uvC);
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], d[0], d[1], d[2]);
-        uvs.push(0, 0, u, v, 0, v);
+        uvs.push(...uvA, ...uvC, ...uvD);
     }
     else {
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
-        uvs.push(0, 0, u, v, u, 0);
+        uvs.push(...uvA, ...uvC, ...uvB);
         positions.push(a[0], a[1], a[2], d[0], d[1], d[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, 0, v, u, v);
+        uvs.push(...uvA, ...uvD, ...uvC);
     }
     for (let i = 0; i < 6; i++)
         normals.push(nx, ny, nz);
@@ -301,13 +341,18 @@ function pushTri(positions, normals, uvs, a, b, c, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
+    const faceUvs = planarMetricUvs([a, b, c], [nx, ny, nz]);
+    const uvA = faceUvs[0];
+    const uvB = faceUvs[1];
+    const uvC = faceUvs[2];
     if (flip) {
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
+        uvs.push(...uvA, ...uvC, ...uvB);
     }
     else {
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
+        uvs.push(...uvA, ...uvB, ...uvC);
     }
-    uvs.push(0, 0, 1, 0, 0, 1);
     for (let i = 0; i < 3; i++)
         normals.push(nx, ny, nz);
 }

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

@@ -0,0 +1,4 @@
+import type { EyebrowVentMaterialRole } from '@pascal-app/core';
+export declare function resolveEyebrowVentMaterialRole(materialIndex: number | null): EyebrowVentMaterialRole;
+export declare const eyebrowVentPaint: import("@pascal-app/core").PaintCapability;
+//# sourceMappingURL=paint.d.ts.map

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

@@ -0,0 +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"}

package/dist/eyebrow-vent/paint.js

@@ -0,0 +1,33 @@
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
+import { EYEBROW_VENT_MATERIAL_INDEX } from './geometry';
+export function resolveEyebrowVentMaterialRole(materialIndex) {
+    return materialIndex === EYEBROW_VENT_MATERIAL_INDEX.front ? 'front' : 'hood';
+}
+export const eyebrowVentPaint = createSlotPaintCapability({
+    materialTarget: 'eyebrow-vent',
+    resolveRole: ({ materialIndex }) => resolveEyebrowVentMaterialRole(materialIndex),
+    applyPreview: ({ role, material, materialPreset, root }) => {
+        const preview = buildSlotPreviewMaterial(material, materialPreset);
+        if (!preview)
+            return null;
+        const materialIndex = EYEBROW_VENT_MATERIAL_INDEX[role];
+        let restore = null;
+        root.traverse((object) => {
+            const mesh = object;
+            if (!mesh.isMesh || mesh.name !== 'eyebrow-vent-surface' || !Array.isArray(mesh.material))
+                return;
+            const previous = [...mesh.material];
+            const next = [...previous];
+            next[materialIndex] = preview;
+            mesh.material = next;
+            restore = () => {
+                mesh.material = previous;
+            };
+        });
+        return restore;
+    },
+    legacyEffective: (node) => {
+        const legacy = node;
+        return { material: legacy.material, materialPreset: legacy.materialPreset };
+    },
+});

package/dist/eyebrow-vent/panel.js

@@ -102,5 +102,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: 3, min: 0.4, onChange: (v) => previewProp({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 1.5, min: 0.2, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => handleUpdate({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.depth * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 1, min: 0.08, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.02, unit: "m", value: Math.round(node.height * 100) / 100 })] }), _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: Math.round((node.position[0] ?? 0) * 100) / 100 }), _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: Math.round((node.position[1] ?? 0) * 100) / 100 }), _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: Math.round((node.position[2] ?? 0) * 100) / 100 }), _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-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/eyebrow-vent/parametrics.js

@@ -22,9 +22,9 @@ export const eyebrowVentParametrics = {
         {
             label: 'Dimensions',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.3, max: 2, step: 0.05 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.2, max: 1.5, step: 0.05 },
-                { key: 'height', kind: 'number', unit: 'm', min: 0.08, max: 1, step: 0.02 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.3, max: 1000, step: 0.05 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.2, max: 1000, step: 0.05 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0.08, max: 1000, step: 0.02 },
             ],
         },
     ],

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;AAqBzB;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCAuF1E,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,GAAI,qBAAqB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCAuG1E,CAAA;AAED,eAAe,mBAAmB,CAAA"}