@pascal-app/nodes 0.1.1

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

@@ -0,0 +1,207 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+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';
+/**
+ * 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
+ * correct slope tilt + segment yaw, and the click updates the node's position
+ * + parent segment in one undoable step (reparenting between segments when
+ * needed). Cancel restores the original transform, or deletes a freshly-cloned
+ * vent.
+ */
+export default function MoveEyebrowVentTool({ node }) {
+    const exitMoveMode = useCallback(() => {
+        useEditor.getState().setMovingNode(null);
+    }, []);
+    const [previewPos, setPreviewPos] = useState(null);
+    const [previewSurfaceQuat, setPreviewSurfaceQuat] = useState(null);
+    const [previewYaw, setPreviewYaw] = useState(0);
+    useEffect(() => {
+        useScene.temporal.getState().pause();
+        const original = {
+            position: [...node.position],
+            rotation: node.rotation ?? 0,
+            roofSegmentId: node.roofSegmentId,
+            parentId: node.parentId,
+            metadata: node.metadata,
+        };
+        const meta = typeof node.metadata === 'object' && node.metadata !== null
+            ? node.metadata
+            : {};
+        const isNew = !!meta.isNew;
+        const ventObj = sceneRegistry.nodes.get(node.id);
+        if (ventObj)
+            ventObj.visible = false;
+        let lastSnap = null;
+        let lastTarget = null;
+        let committed = false;
+        const roofDrag = createRelativeRoofDrag(original);
+        const clearTarget = () => {
+            lastTarget = null;
+            lastSnap = null;
+            setPreviewPos(null);
+            setPreviewSurfaceQuat(null);
+            clearRoofSurfacePlacementGuides();
+        };
+        const resolveSnappedTarget = (event) => {
+            const rawTarget = roofDrag.resolve(event);
+            if (!rawTarget)
+                return null;
+            return snapRoofSurfaceNodeTarget({
+                target: snapRelativeRoofDragTarget(rawTarget, event.nativeEvent?.shiftKey === true),
+                node,
+                bypass: event.nativeEvent?.shiftKey === true,
+            });
+        };
+        const updatePreview = (event) => {
+            const target = resolveSnappedTarget(event);
+            if (!target) {
+                clearTarget();
+                return;
+            }
+            lastTarget = target;
+            const sx = Math.round(target.localX * 20) / 20;
+            const sz = Math.round(target.localZ * 20) / 20;
+            if (event.nativeEvent?.shiftKey !== true &&
+                (!lastSnap || lastSnap[0] !== sx || lastSnap[1] !== sz)) {
+                triggerSFX('sfx:grid-snap');
+                lastSnap = [sx, sz];
+            }
+            const normal = getAnalyticalNormal(target.localX, target.localZ, target.segment);
+            setPreviewSurfaceQuat(surfaceQuatFromNormal(normal, new THREE.Quaternion()));
+            setPreviewYaw((event.node.rotation ?? 0) + (target.segment.rotation ?? 0));
+            setPreviewPos(roofSegmentLocalToBuildingLocal(target.segment.id, [
+                target.localX,
+                target.localY,
+                target.localZ,
+            ]));
+            publishRoofSurfaceNodePlacementGuides({
+                roof: event.node,
+                segment: target.segment,
+                center: [target.localX, target.localY, target.localZ],
+                node,
+            });
+            event.stopPropagation();
+        };
+        const onRoofClick = (event) => {
+            if (committed)
+                return;
+            const target = lastTarget ?? resolveSnappedTarget(event);
+            if (!target)
+                return;
+            committed = true;
+            const targetSegmentId = target.segment.id;
+            const st = useScene.getState();
+            const prevSegmentId = original.roofSegmentId;
+            if (prevSegmentId && prevSegmentId !== targetSegmentId) {
+                const oldSeg = st.nodes[prevSegmentId];
+                if (oldSeg) {
+                    st.updateNode(prevSegmentId, {
+                        children: (oldSeg.children ?? []).filter((id) => id !== node.id),
+                    });
+                }
+                const newSeg = st.nodes[targetSegmentId];
+                if (newSeg && !(newSeg.children ?? []).includes(node.id)) {
+                    st.updateNode(targetSegmentId, {
+                        children: [...(newSeg.children ?? []), node.id],
+                    });
+                }
+                st.dirtyNodes.add(prevSegmentId);
+            }
+            useScene.temporal.getState().resume();
+            st.updateNode(node.id, {
+                roofSegmentId: targetSegmentId,
+                parentId: targetSegmentId,
+                position: [target.localX, target.localY, target.localZ],
+                rotation: original.rotation,
+                visible: true,
+                metadata: {},
+            });
+            useScene.temporal.getState().pause();
+            st.dirtyNodes.add(targetSegmentId);
+            st.dirtyNodes.add(node.id);
+            const obj = sceneRegistry.nodes.get(node.id);
+            if (obj)
+                obj.visible = true;
+            triggerSFX('sfx:item-place');
+            clearRoofSurfacePlacementGuides();
+            exitMoveMode();
+            event.stopPropagation();
+        };
+        const onCancel = () => {
+            if (isNew) {
+                const parentId = original.roofSegmentId;
+                if (parentId) {
+                    const parent = useScene.getState().nodes[parentId];
+                    if (parent) {
+                        useScene.getState().updateNode(parentId, {
+                            children: (parent.children ?? []).filter((id) => id !== node.id),
+                        });
+                    }
+                }
+                useScene.getState().deleteNode(node.id);
+                useScene.temporal.getState().resume();
+                markToolCancelConsumed();
+                clearRoofSurfacePlacementGuides();
+                exitMoveMode();
+                return;
+            }
+            useScene.getState().updateNode(node.id, {
+                position: original.position,
+                rotation: original.rotation,
+                roofSegmentId: original.roofSegmentId,
+                parentId: original.parentId,
+                metadata: original.metadata,
+            });
+            if (original.roofSegmentId) {
+                useScene.getState().dirtyNodes.add(original.roofSegmentId);
+            }
+            const obj = sceneRegistry.nodes.get(node.id);
+            if (obj)
+                obj.visible = true;
+            useScene.temporal.getState().resume();
+            markToolCancelConsumed();
+            clearRoofSurfacePlacementGuides();
+            exitMoveMode();
+        };
+        const onPlacementDragPointerUp = (event) => {
+            if (!consumePlacementDragRelease(event))
+                return;
+            if (!lastTarget)
+                return;
+            onRoofClick({
+                nativeEvent: event,
+                stopPropagation: () => event.stopPropagation(),
+            });
+        };
+        emitter.on('roof:move', updatePreview);
+        emitter.on('roof:enter', updatePreview);
+        emitter.on('roof:click', onRoofClick);
+        emitter.on('roof:leave', clearTarget);
+        emitter.on('tool:cancel', onCancel);
+        window.addEventListener('pointerup', onPlacementDragPointerUp);
+        return () => {
+            emitter.off('roof:move', updatePreview);
+            emitter.off('roof:enter', updatePreview);
+            emitter.off('roof:click', onRoofClick);
+            emitter.off('roof:leave', clearTarget);
+            emitter.off('tool:cancel', onCancel);
+            window.removeEventListener('pointerup', onPlacementDragPointerUp);
+            const obj = sceneRegistry.nodes.get(node.id);
+            if (obj)
+                obj.visible = true;
+            clearRoofSurfacePlacementGuides();
+            useScene.temporal.getState().resume();
+        };
+    }, [exitMoveMode, node]);
+    if (!(previewPos && previewSurfaceQuat))
+        return null;
+    return (_jsx("group", { position: previewPos, children: _jsx("group", { "rotation-y": previewYaw, children: _jsx("group", { quaternion: previewSurfaceQuat, children: _jsx(EyebrowVentPreview, { node: node }) }) }) }));
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Inspector panel for a placed eyebrow vent. Louvers toggle + dimensions plus
+ * Move / Duplicate / Delete wired into the same ghost-preview drag flow the
+ * placement tool uses. Mirrors the box-vent / cupola panel.
+ */
+export default function EyebrowVentPanel(): import("react").JSX.Element | null;
+//# sourceMappingURL=panel.d.ts.map

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

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

package/dist/eyebrow-vent/panel.js

@@ -0,0 +1,106 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EyebrowVentNode as EyebrowVentSchema, getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { useViewer } from '@pascal-app/viewer';
+import { Copy, Move, Trash2 } from 'lucide-react';
+import { useCallback } from 'react';
+/**
+ * Inspector panel for a placed eyebrow vent. Louvers toggle + dimensions plus
+ * Move / Duplicate / Delete wired into the same ghost-preview drag flow the
+ * placement tool uses. Mirrors the box-vent / cupola panel.
+ */
+export default function EyebrowVentPanel() {
+    const selectedId = useViewer((s) => s.selection.selectedIds[0]);
+    const setSelection = useViewer((s) => s.setSelection);
+    const updateNode = useScene((s) => s.updateNode);
+    const deleteNode = useScene((s) => s.deleteNode);
+    const setMovingNode = useEditor((s) => s.setMovingNode);
+    const storeNode = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
+    const overrides = useLiveNodeOverrides((s) => selectedId
+        ? s.get(selectedId)
+        : undefined);
+    const node = storeNode && overrides ? { ...storeNode, ...overrides } : storeNode;
+    const segment = useScene((s) => node?.roofSegmentId
+        ? s.nodes[node.roofSegmentId]
+        : undefined);
+    const previewProp = useCallback((updates) => {
+        if (!selectedId)
+            return;
+        useLiveNodeOverrides.getState().set(selectedId, updates);
+    }, [selectedId]);
+    const commitProp = useCallback((updates) => {
+        if (!selectedId)
+            return;
+        updateNode(selectedId, updates);
+        useLiveNodeOverrides.getState().clear(selectedId);
+    }, [selectedId, updateNode]);
+    const handleUpdate = commitProp;
+    const handleClose = useCallback(() => {
+        setSelection({ selectedIds: [] });
+    }, [setSelection]);
+    const handleBack = useCallback(() => {
+        if (node?.roofSegmentId) {
+            setSelection({ selectedIds: [node.roofSegmentId] });
+        }
+    }, [node?.roofSegmentId, setSelection]);
+    const handleMove = useCallback(() => {
+        if (!node)
+            return;
+        triggerSFX('sfx:item-pick');
+        setMovingNode(node);
+        setSelection({ selectedIds: [] });
+    }, [node, setMovingNode, setSelection]);
+    const handleDuplicate = useCallback(() => {
+        if (!node)
+            return;
+        triggerSFX('sfx:item-pick');
+        const parentId = node.roofSegmentId;
+        if (!parentId)
+            return;
+        const state = useScene.getState();
+        const meta = typeof node.metadata === 'object' && node.metadata !== null
+            ? node.metadata
+            : {};
+        const cloneInput = {
+            ...node,
+            id: undefined,
+            metadata: { ...meta, isNew: true },
+        };
+        const cloned = EyebrowVentSchema.parse(cloneInput);
+        state.createNode(cloned, parentId);
+        state.dirtyNodes.add(parentId);
+        setMovingNode(cloned);
+        setSelection({ selectedIds: [] });
+    }, [node, setMovingNode, setSelection]);
+    const handleDelete = useCallback(() => {
+        if (!(selectedId && node))
+            return;
+        triggerSFX('sfx:item-delete');
+        const segmentId = node.roofSegmentId;
+        if (segmentId) {
+            const state = useScene.getState();
+            const seg = state.nodes[segmentId];
+            if (seg) {
+                state.updateNode(segmentId, {
+                    children: (seg.children ?? []).filter((id) => id !== selectedId),
+                });
+            }
+        }
+        deleteNode(selectedId);
+        if (segmentId) {
+            useScene.getState().dirtyNodes.add(segmentId);
+            setSelection({ selectedIds: [segmentId] });
+        }
+        else {
+            setSelection({ selectedIds: [] });
+        }
+    }, [selectedId, node, deleteNode, setSelection]);
+    if (!(node && node.type === 'eyebrow-vent' && selectedId))
+        return null;
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Eyebrow Vent', width: 300, children: [_jsxs(PanelSection, { title: "Style", children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
+                            { 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 })] }) })] }));
+}

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

@@ -0,0 +1,9 @@
+import type { ParametricDescriptor } from '@pascal-app/core';
+import type { EyebrowVentNode } from './schema';
+/**
+ * Inspector descriptor for the eyebrow vent. Move / Duplicate use the
+ * kind-owned ghost-preview flow (see `./move-tool.tsx`), so the panel hosts
+ * those actions itself — same pattern as box-vent / cupola.
+ */
+export declare const eyebrowVentParametrics: ParametricDescriptor<EyebrowVentNode>;
+//# sourceMappingURL=parametrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/eyebrow-vent/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,eAAe,CAyBxE,CAAA"}

package/dist/eyebrow-vent/parametrics.js

@@ -0,0 +1,31 @@
+/**
+ * Inspector descriptor for the eyebrow vent. Move / Duplicate use the
+ * kind-owned ghost-preview flow (see `./move-tool.tsx`), so the panel hosts
+ * those actions itself — same pattern as box-vent / cupola.
+ */
+export const eyebrowVentParametrics = {
+    customPanel: () => import('./panel'),
+    groups: [
+        {
+            label: 'Style',
+            fields: [
+                {
+                    key: 'style',
+                    kind: 'enum',
+                    options: ['scoop', 'half-round', 'slant-box'],
+                    display: 'segmented',
+                },
+                { key: 'louverCount', kind: 'number', min: 0, max: 8, step: 1 },
+                { key: 'backRatio', kind: 'number', min: 0.15, max: 1, step: 0.05 },
+            ],
+        },
+        {
+            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 },
+            ],
+        },
+    ],
+};

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

@@ -0,0 +1,13 @@
+import type { EyebrowVentNode } from './schema';
+/**
+ * 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
+ * so the ghost stays in lockstep with the committed vent. Raycast disabled so
+ * the preview doesn't intercept the cursor ray feeding the tool.
+ */
+declare const EyebrowVentPreview: ({ node, invalid }: {
+    node: EyebrowVentNode;
+    invalid?: boolean;
+}) => import("react").JSX.Element;
+export default EyebrowVentPreview;
+//# sourceMappingURL=preview.d.ts.map

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

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

package/dist/eyebrow-vent/preview.js

@@ -0,0 +1,37 @@
+'use client';
+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';
+/**
+ * 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
+ * so the ghost stays in lockstep with the committed vent. Raycast disabled so
+ * the preview doesn't intercept the cursor ray feeding the tool.
+ */
+const EyebrowVentPreview = ({ node, invalid }) => {
+    // biome-ignore lint/correctness/useExhaustiveDependencies: deps deliberately list the build inputs; depending on the whole object would rebuild on unrelated field changes.
+    const geometry = useMemo(() => buildEyebrowVentGeometry(node), [node.width, node.depth, node.height, node.style, node.louverCount, node.backRatio]);
+    const material = useMemo(() => new THREE.MeshStandardMaterial({
+        color: invalid ? INVALID_GHOST_COLOR : 0xff_ff_ff,
+        emissive: invalid ? INVALID_GHOST_COLOR : 0x6c_a3_ff,
+        emissiveIntensity: 0.18,
+        roughness: 0.7,
+        metalness: 0.1,
+        transparent: true,
+        opacity: invalid ? 0.4 : 0.35,
+        depthWrite: false,
+        side: THREE.DoubleSide,
+    }), [invalid]);
+    const edgesGeometry = useMemo(() => new THREE.EdgesGeometry(geometry, 25), [geometry]);
+    useEffect(() => () => {
+        geometry.dispose();
+        edgesGeometry.dispose();
+        material.dispose();
+    }, [geometry, edgesGeometry, material]);
+    return (_jsxs("group", { "rotation-y": node.rotation ?? 0, children: [_jsx("mesh", { geometry: geometry, material: material, raycast: () => {
+                    /* disabled — see component-level note */
+                } }), _jsx("lineSegments", { geometry: edgesGeometry, renderOrder: 1000, children: _jsx("lineBasicMaterial", { color: 0x6c_a3_ff, depthTest: false, opacity: 0.95, transparent: true }) })] }));
+};
+export default EyebrowVentPreview;

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

@@ -0,0 +1,12 @@
+import { type EyebrowVentNode } from '@pascal-app/core';
+/**
+ * Eyebrow-vent renderer. Same transform stack as the box vent / cupola — the
+ * vent is parented to a roof-segment, so this reads the segment directly and
+ * reproduces the segment-local transform (segment position → rotation → vent
+ * position → slope tilt → vent yaw → mesh). No animation.
+ */
+declare const EyebrowVentRenderer: ({ node: storeNode }: {
+    node: EyebrowVentNode;
+}) => import("react").JSX.Element | null;
+export default EyebrowVentRenderer;
+//# sourceMappingURL=renderer.d.ts.map

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

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

package/dist/eyebrow-vent/renderer.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
+import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, 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';
+const defaultMaterial = new THREE.MeshStandardMaterial({
+    color: 0xff_ff_ff,
+    roughness: 0.7,
+    metalness: 0.2,
+});
+/**
+ * Eyebrow-vent renderer. Same transform stack as the box vent / cupola — the
+ * vent is parented to a roof-segment, so this reads the segment directly and
+ * reproduces the segment-local transform (segment position → rotation → vent
+ * position → slope tilt → vent yaw → mesh). No animation.
+ */
+const EyebrowVentRenderer = ({ node: storeNode }) => {
+    const ref = useRef(null);
+    useRegistry(storeNode.id, 'eyebrow-vent', ref);
+    const handlers = useNodeEvents(storeNode, 'eyebrow-vent');
+    const shading = useViewer((s) => s.shading);
+    const textures = useViewer((s) => s.textures);
+    const colorPreset = useViewer((s) => s.colorPreset);
+    const sceneTheme = useViewer((s) => s.sceneTheme);
+    const overrides = useLiveNodeOverrides((s) => s.get(storeNode.id));
+    const node = overrides
+        ? { ...storeNode, ...overrides }
+        : storeNode;
+    const segment = useScene((state) => node.roofSegmentId
+        ? state.nodes[node.roofSegmentId]
+        : undefined);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: deps deliberately list the build inputs; depending on the whole object would rebuild on unrelated field changes.
+    const geometry = useMemo(() => buildEyebrowVentGeometry(node), [node.width, node.depth, node.height, node.style, node.louverCount, node.backRatio]);
+    useEffect(() => () => geometry.dispose(), [geometry]);
+    const surfaceQuat = useMemo(() => {
+        if (!segment)
+            return new THREE.Quaternion();
+        const normal = getAnalyticalNormal(node.position[0] ?? 0, node.position[2] ?? 0, segment);
+        return surfaceQuatFromNormal(normal, new THREE.Quaternion());
+    }, [segment, node.position[0], node.position[2]]);
+    const material = useMemo(() => {
+        if (!textures || (!node.material && !node.materialPreset)) {
+            return createSurfaceRoleMaterial('roof', colorPreset, THREE.FrontSide, sceneTheme);
+        }
+        return node.material
+            ? createMaterial(node.material, shading)
+            : (createMaterialFromPresetRef(node.materialPreset, shading) ?? defaultMaterial);
+    }, [textures, colorPreset, sceneTheme, shading, node.material, node.materialPreset]);
+    const yAxis = useMemo(() => new THREE.Vector3(0, 1, 0), []);
+    const composedQuat = useMemo(() => {
+        const yawQuat = new THREE.Quaternion().setFromAxisAngle(yAxis, node.rotation ?? 0);
+        return new THREE.Quaternion().copy(surfaceQuat).multiply(yawQuat);
+    }, [surfaceQuat, node.rotation, yAxis]);
+    // Map vent-local geometry into the host segment's local frame (where the trim
+    // cut prisms live) — same pose the inner mesh group is mounted with.
+    const localToSegment = useMemo(() => new THREE.Matrix4().compose(new THREE.Vector3(node.position[0] ?? 0, node.position[1] ?? 0, node.position[2] ?? 0), composedQuat, new THREE.Vector3(1, 1, 1)), [node.position[0], node.position[1], node.position[2], composedQuat]);
+    const clippedGeometry = useSegmentTrimClippedGeometry(geometry, segment, localToSegment);
+    if (!segment)
+        return null;
+    const segPos = segment.position ?? [0, 0, 0];
+    const segRotY = segment.rotation ?? 0;
+    return (_jsx("group", { position: segPos, "rotation-y": segRotY, children: _jsx("group", { position: [node.position[0] ?? 0, node.position[1] ?? 0, node.position[2] ?? 0], quaternion: composedQuat, ref: ref, visible: node.visible, children: _jsx("mesh", { castShadow: true, geometry: clippedGeometry ?? geometry, material: material, name: "eyebrow-vent-surface", receiveShadow: true, ...handlers }) }) }));
+};
+export default EyebrowVentRenderer;

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

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

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

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

package/dist/eyebrow-vent/schema.js

@@ -0,0 +1,3 @@
+// Schema lives in core (referenced by the AnyNode union). Re-export so every
+// eyebrow-vent-related import stays inside @pascal-app/nodes/eyebrow-vent.
+export { EyebrowVentNode } from '@pascal-app/core';

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

@@ -0,0 +1,9 @@
+/**
+ * Eyebrow-vent placement tool. Mounts when the palette activates the
+ * eyebrow-vent kind; listens for `roof:*` events; on click commits a new
+ * `EyebrowVentNode` parented to the targeted segment with segment-local
+ * coordinates. Mirrors box-vent / cupola.
+ */
+declare const EyebrowVentTool: () => import("react").JSX.Element;
+export default EyebrowVentTool;
+//# sourceMappingURL=tool.d.ts.map

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

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