@pascal-app/nodes 1.0.0-beta.4 → 1.0.0

package/dist/roof-segment/panel.js

@@ -1,9 +1,9 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createDefaultRidgeVentsForSegment, isAutoRidgeVentEnabled, isDefaultRidgeVentNode, ROOF_SHAPE_DEFAULTS, RoofSegmentNode as RoofSegmentNodeSchema, useScene, } from '@pascal-app/core';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createDefaultRidgeVentsForSegment, getConicalRoofCoverage, isAutoGutterEnabled, isAutoRidgeVentEnabled, isDefaultRidgeVentNode, normalizeRoofSegmentTrim, ROOF_SHAPE_DEFAULTS, RoofSegmentNode as RoofSegmentNodeSchema, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
-import { Copy, Move, Trash2 } from 'lucide-react';
+import { Check, Copy, Move, Pencil, RotateCcw, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 const ROOF_TYPE_OPTIONS = [
     { label: 'Hip', value: 'hip' },
@@ -16,6 +16,9 @@ const ROOF_TYPE_OPTIONS_2 = [
     { label: 'Dutch', value: 'dutch' },
     { label: 'Mansard', value: 'mansard' },
 ];
+const ROOF_TYPE_OPTIONS_3 = [
+    { label: 'Conical', value: 'conical' },
+];
 // Carpenter / roofer convention: rise over a 12" run, converted to degrees.
 // atan(3/12) ≈ 14.04°, atan(6/12) ≈ 26.57°, atan(9/12) ≈ 36.87°, atan(12/12) = 45°.
 const PITCH_PRESETS = [
@@ -24,9 +27,34 @@ const PITCH_PRESETS = [
     { label: '9/12', deg: 36.87 },
     { label: '12/12', deg: 45 },
 ];
+const EMPTY_TRIM = {
+    left: 0,
+    right: 0,
+    front: 0,
+    back: 0,
+    frontLeft: 0,
+    frontRight: 0,
+    backLeft: 0,
+    backRight: 0,
+    frontLeftX: 0,
+    frontLeftZ: 0,
+    frontRightX: 0,
+    frontRightZ: 0,
+    backLeftX: 0,
+    backLeftZ: 0,
+    backRightX: 0,
+    backRightZ: 0,
+};
+function hasSegmentTrim(node) {
+    return Object.values(normalizeRoofSegmentTrim(node)).some((value) => value > 0);
+}
 function shouldShowTrimPlanes(metadata) {
     return metadataRecord(metadata).showTrimPlanes === true;
 }
+function isManagedLeanToRoofSegment(metadata) {
+    const record = metadataRecord(metadata);
+    return record.managedByLeanTo !== undefined && record.leanToRole === 'roof-segment';
+}
 function metadataRecord(metadata) {
     if (typeof metadata === 'object' && metadata !== null && !Array.isArray(metadata)) {
         return metadata;
@@ -48,35 +76,75 @@ export default function RoofSegmentPanel() {
             return false;
         return isAutoRidgeVentEnabled(current, s.nodes);
     });
+    const autoGutterEnabled = useScene((s) => {
+        const current = selectedId
+            ? s.nodes[selectedId]
+            : undefined;
+        if (current?.type !== 'roof-segment')
+            return false;
+        return isAutoGutterEnabled(current, s.nodes);
+    });
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
         updateNode(selectedId, updates);
     }, [selectedId, updateNode]);
     const handleRoofTypeChange = useCallback((roofType) => {
+        if (isManagedLeanToRoofSegment(node?.metadata))
+            return;
+        if (roofType === 'conical' && node) {
+            const scene = useScene.getState();
+            const defaultVentIds = (node.children ?? []).filter((childId) => isDefaultRidgeVentNode(scene.nodes[childId], node.id));
+            if (defaultVentIds.length > 0)
+                scene.deleteNodes(defaultVentIds);
+        }
         // Switching to Dutch resets the shape parameters to their defaults so the
         // gablet is well-formed regardless of the leftover values from the
         // previous roof type.
-        handleUpdate(roofType === 'dutch'
+        handleUpdate(roofType === 'conical'
             ? {
                 roofType,
-                dutchHipWidthRatio: ROOF_SHAPE_DEFAULTS.dutchHipWidthRatio,
-                dutchHipHeightRatio: ROOF_SHAPE_DEFAULTS.dutchHipHeightRatio,
-                dutchWaistLengthRatio: ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio,
-                dutchGabletRake: ROOF_SHAPE_DEFAULTS.dutchGabletRake,
-                dutchTopRakeThickness: ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness,
+                depth: node?.width ?? 8,
+                rotation: 0,
+                trim: EMPTY_TRIM,
+                conicalFullCircle: true,
+                metadata: {
+                    ...metadataRecord(node?.metadata),
+                    autoGutter: false,
+                    autoRidgeVent: false,
+                    showTrimPlanes: false,
+                },
             }
-            : { roofType });
-    }, [handleUpdate]);
+            : roofType === 'dutch'
+                ? {
+                    roofType,
+                    dutchHipWidthRatio: ROOF_SHAPE_DEFAULTS.dutchHipWidthRatio,
+                    dutchHipHeightRatio: ROOF_SHAPE_DEFAULTS.dutchHipHeightRatio,
+                    dutchWaistLengthRatio: ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio,
+                    dutchGabletRake: ROOF_SHAPE_DEFAULTS.dutchGabletRake,
+                    dutchTopRakeThickness: ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness,
+                }
+                : { roofType });
+    }, [handleUpdate, node]);
     const handleClose = useCallback(() => {
+        if (node && shouldShowTrimPlanes(node.metadata)) {
+            updateNode(node.id, {
+                metadata: { ...metadataRecord(node.metadata), showTrimPlanes: false },
+            });
+        }
         setSelection({ selectedIds: [] });
-    }, [setSelection]);
+    }, [node, setSelection, updateNode]);
     const handleBack = useCallback(() => {
         if (node?.parentId) {
+            if (shouldShowTrimPlanes(node.metadata)) {
+                updateNode(node.id, {
+                    metadata: { ...metadataRecord(node.metadata), showTrimPlanes: false },
+                });
+            }
             setRoofHostDragArmedId(node.parentId);
             setSelection({ selectedIds: [node.parentId] });
         }
-    }, [node?.parentId, setRoofHostDragArmedId, setSelection]);
+    }, [node, setRoofHostDragArmedId, setSelection, updateNode]);
     const handleDuplicate = useCallback(() => {
         if (!node?.parentId)
             return;
@@ -151,30 +219,57 @@ export default function RoofSegmentPanel() {
             parentId: latest.id,
         })));
     }, [selectedId]);
+    const handleAutoGutterToggle = useCallback((checked) => {
+        if (!selectedId)
+            return;
+        const scene = useScene.getState();
+        const current = scene.nodes[selectedId];
+        if (current?.type !== 'roof-segment')
+            return;
+        scene.updateNode(selectedId, {
+            metadata: { ...metadataRecord(current.metadata), autoGutter: checked },
+        });
+    }, [selectedId]);
+    const handleTrimEditing = useCallback((editing) => {
+        if (!node)
+            return;
+        triggerSFX('sfx:item-pick');
+        handleUpdate({
+            metadata: { ...metadataRecord(node.metadata), showTrimPlanes: editing },
+        });
+    }, [handleUpdate, node]);
+    const handleResetTrim = useCallback(() => {
+        if (!node || !hasSegmentTrim(node))
+            return;
+        triggerSFX('sfx:item-pick');
+        handleUpdate({ trim: EMPTY_TRIM });
+    }, [handleUpdate, node]);
     if (!(node && node.type === 'roof-segment' && selectedId))
         return null;
     const showTrimPlanes = shouldShowTrimPlanes(node.metadata);
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: handleBack, onClose: handleClose, title: node.name || 'Roof Segment', width: 300, children: [_jsxs(PanelSection, { title: "Roof Type", children: [_jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS, value: node.roofType }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_2, value: node.roofType })] }), _jsxs(PanelSection, { title: "Trim", children: [_jsx(ToggleControl, { checked: showTrimPlanes, label: "Show trim planes", onChange: (checked) => handleUpdate({
-                            metadata: { ...metadataRecord(node.metadata), showTrimPlanes: checked },
-                        }) }), node.roofType !== 'shed' && node.roofType !== 'flat' && (_jsx(ToggleControl, { checked: autoRidgeVentEnabled, label: "Auto ridge vent", onChange: handleAutoRidgeVentToggle }))] }), _jsxs(PanelSection, { title: "Footprint", children: [_jsx(SliderControl, { label: "Width", max: 25, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.5, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 25, min: 0.5, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: Math.round(node.depth * 100) / 100 })] }), _jsx(PanelSection, { title: "Wall Height", children: _jsx(SliderControl, { label: "Wall", max: 5, min: 0, onChange: (v) => handleUpdate({ wallHeight: v }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.wallHeight * 100) / 100 }) }), _jsxs(PanelSection, { title: "Pitch", children: [_jsx(SliderControl, { label: "Angle", max: 60, min: 0, onChange: (v) => handleUpdate({ pitch: v }), precision: 0, step: 1, unit: "\u00B0", value: Math.round(node.pitch) }), _jsx("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: PITCH_PRESETS.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleUpdate({ pitch: preset.deg }) }, preset.label))) })] }), node.roofType === 'gambrel' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Kink Depth", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Kink Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerHeightRatio * 100) / 100 })] })), node.roofType === 'mansard' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ mansardSteepWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ mansardSteepHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepHeightRatio * 100) / 100 })] })), node.roofType === 'dutch' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ dutchHipWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ dutchHipHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipHeightRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Length", max: 1, min: 0.1, onChange: (v) => handleUpdate({ dutchWaistLengthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round((node.dutchWaistLengthRatio ?? ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio) * 100) / 100 }), _jsx(SliderControl, { label: "Top Rake Thick.", max: 0.5, min: 0.01, onChange: (v) => handleUpdate({ dutchTopRakeThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness) * 100) / 100 }), _jsx(SliderControl, { label: "Top Rake Length", max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake) * 100) / 100 })] })), _jsxs(PanelSection, { title: "Structure", children: [_jsx(SliderControl, { label: "Wall Thick.", max: 1, min: 0.05, onChange: (v) => handleUpdate({ wallThickness: v }), precision: 2, step: 0.05, unit: "m", value: Math.round(node.wallThickness * 100) / 100 }), _jsx(SliderControl, { label: "Deck Thick.", max: 0.3, min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round(node.deckThickness * 100) / 100 }), _jsx(SliderControl, { label: "Overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: Math.round(node.overhang * 100) / 100 }), _jsx(SliderControl, { label: "Shingle Thick.", max: 0.3, min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round(node.shingleThickness * 100) / 100 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: 50, min: -50, onChange: (v) => {
+    const managedLeanToRoofSegment = isManagedLeanToRoofSegment(node.metadata);
+    const conicalCoverage = getConicalRoofCoverage(node);
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: handleBack, onClose: handleClose, title: node.name || 'Roof Segment', width: 300, children: [_jsxs(PanelSection, { title: "Roof Type", children: [_jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS, value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_2, value: node.roofType, disabled: managedLeanToRoofSegment }), _jsx(SegmentedControl, { onChange: (v) => handleRoofTypeChange(v), options: ROOF_TYPE_OPTIONS_3, value: node.roofType, disabled: managedLeanToRoofSegment })] }), node.roofType !== 'conical' && (_jsxs(PanelSection, { title: "Trim", children: [_jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: showTrimPlanes ? (_jsx(Check, { className: "h-3.5 w-3.5" })) : (_jsx(Pencil, { className: "h-3.5 w-3.5" })), label: showTrimPlanes ? 'Done editing' : 'Edit footprint', onClick: () => (showTrimPlanes ? handleBack() : handleTrimEditing(true)) }), _jsx(ActionButton, { className: "disabled:cursor-not-allowed disabled:opacity-40", disabled: !hasSegmentTrim(node), icon: _jsx(RotateCcw, { className: "h-3.5 w-3.5" }), label: "Reset", onClick: handleResetTrim })] }), node.roofType !== 'shed' && node.roofType !== 'flat' && (_jsx(ToggleControl, { checked: autoRidgeVentEnabled, label: "Auto ridge vent", onChange: handleAutoRidgeVentToggle }))] })), node.roofType !== 'conical' && (_jsx(PanelSection, { title: "Drainage", children: _jsx(ToggleControl, { checked: autoGutterEnabled, label: "Auto gutters", onChange: handleAutoGutterToggle }) })), _jsx(PanelSection, { title: "Footprint", children: node.roofType === 'conical' ? (_jsx(SliderControl, { label: "Diameter", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v, depth: v }), precision: 2, step: 0.5, unit: "m", value: Math.round(node.width * 100) / 100 })) : (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.5, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: Math.round(node.depth * 100) / 100 })] })) }), node.roofType === 'conical' && (_jsxs(PanelSection, { title: "Conical Shape", children: [_jsx(ToggleControl, { checked: !conicalCoverage.fullCircle, label: "Clipped version", onChange: (checked) => handleUpdate({ conicalFullCircle: !checked }) }), !conicalCoverage.fullCircle && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Start Angle", max: 180, min: -180, onChange: (degrees) => handleUpdate({ conicalStartAngle: (degrees * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((conicalCoverage.startAngle * 180) / Math.PI) }), _jsx(SliderControl, { label: "Arc", max: 345, min: 15, onChange: (degrees) => handleUpdate({
+                                    conicalSweepAngle: (Math.sign(conicalCoverage.sweepAngle) * degrees * Math.PI) / 180,
+                                }), precision: 0, step: 1, unit: "\u00B0", value: Math.round((Math.abs(conicalCoverage.sweepAngle) * 180) / Math.PI) })] }))] })), _jsx(PanelSection, { title: "Wall Height", children: _jsx(SliderControl, { label: "Wall", max: 1000, min: 0, onChange: (v) => handleUpdate({ wallHeight: v }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.wallHeight * 100) / 100 }) }), _jsxs(PanelSection, { title: "Pitch", children: [_jsx(SliderControl, { label: "Angle", max: 60, min: 0, onChange: (v) => handleUpdate({ pitch: v }), precision: 0, step: 1, unit: "\u00B0", value: Math.round(node.pitch) }), _jsx("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: PITCH_PRESETS.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleUpdate({ pitch: preset.deg }) }, preset.label))) })] }), node.roofType === 'gambrel' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Kink Depth", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Kink Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ gambrelLowerHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.gambrelLowerHeightRatio * 100) / 100 })] })), node.roofType === 'mansard' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ mansardSteepWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ mansardSteepHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.mansardSteepHeightRatio * 100) / 100 })] })), node.roofType === 'dutch' && (_jsxs(PanelSection, { title: "Shape", children: [_jsx(SliderControl, { label: "Waist Width", max: 0.45, min: 0.05, onChange: (v) => handleUpdate({ dutchHipWidthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipWidthRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Height", max: 0.9, min: 0.1, onChange: (v) => handleUpdate({ dutchHipHeightRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round(node.dutchHipHeightRatio * 100) / 100 }), _jsx(SliderControl, { label: "Waist Length", max: 1, min: 0.1, onChange: (v) => handleUpdate({ dutchWaistLengthRatio: v }), precision: 2, step: 0.01, unit: "", value: Math.round((node.dutchWaistLengthRatio ?? ROOF_SHAPE_DEFAULTS.dutchWaistLengthRatio) * 100) / 100 }), _jsx(SliderControl, { label: "Top Rake Thick.", max: 0.5, min: 0.01, onChange: (v) => handleUpdate({ dutchTopRakeThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness) * 100) / 100 }), _jsx(SliderControl, { label: "Top Rake Length", max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake) * 100) / 100 })] })), _jsxs(PanelSection, { title: "Structure", children: [_jsx(SliderControl, { label: "Wall Thick.", max: 1, min: 0.05, onChange: (v) => handleUpdate({ wallThickness: v }), precision: 2, step: 0.05, unit: "m", value: Math.round(node.wallThickness * 100) / 100 }), _jsx(SliderControl, { label: "Deck Thick.", max: 0.3, min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round(node.deckThickness * 100) / 100 }), _jsx(SliderControl, { label: "Overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: Math.round(node.overhang * 100) / 100 }), _jsx(SliderControl, { label: "Shingle Thick.", max: 0.3, min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: Math.round(node.shingleThickness * 100) / 100 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[0] * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: 50, min: -50, onChange: (v) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[0] * 100) / 100 }), _jsx(SliderControl, { label: "Y", onChange: (v) => {
                             const pos = [...node.position];
                             pos[1] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[1] * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: 50, min: -50, onChange: (v) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[1] * 100) / 100 }), _jsx(SliderControl, { label: "Z", onChange: (v) => {
                             const pos = [...node.position];
                             pos[2] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[2] * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
-                            handleUpdate({ rotation: (degrees * Math.PI) / 180 });
-                        }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
-                                    triggerSFX('sfx:item-rotate');
-                                    handleUpdate({ rotation: node.rotation - Math.PI / 4 });
-                                } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
-                                    triggerSFX('sfx:item-rotate');
-                                    handleUpdate({ rotation: node.rotation + Math.PI / 4 });
-                                } })] })] }), _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 })] }) })] }));
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[2] * 100) / 100 }), (node.roofType !== 'conical' || !conicalCoverage.fullCircle) && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                                    handleUpdate({ rotation: (degrees * Math.PI) / 180 });
+                                }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
+                                            triggerSFX('sfx:item-rotate');
+                                            handleUpdate({ rotation: node.rotation - Math.PI / 4 });
+                                        } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
+                                            triggerSFX('sfx:item-rotate');
+                                            handleUpdate({ rotation: node.rotation + Math.PI / 4 });
+                                        } })] })] }))] }), _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/scan/definition.d.ts

@@ -1,9 +1,8 @@
 import { type NodeDefinition } from '@pascal-app/core';
 import { ScanNode } from './schema';
 /**
- * Scan — Stage A. Mesh imported from the capture pipeline (LiDAR /
- * photogrammetry). `ScanSystem` handles mesh loading + per-frame
- * positioning; renderer mounts the imported geometry.
+ * Scan — Stage A. Capture-session reference with an optional renderable
+ * mesh. Raw sensor streams stay in the external session manifest.
  */
 export declare const scanDefinition: NodeDefinition<typeof ScanNode>;
 //# sourceMappingURL=definition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/scan/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA8B,MAAM,kBAAkB,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CA8C1D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/scan/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA8B,MAAM,kBAAkB,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CAiD1D,CAAA"}

package/dist/scan/definition.js

@@ -2,16 +2,15 @@ import { ScanNode as ScanNodeSchema } from '@pascal-app/core';
 import { scanParametrics } from './parametrics';
 import { ScanNode } from './schema';
 /**
- * Scan — Stage A. Mesh imported from the capture pipeline (LiDAR /
- * photogrammetry). `ScanSystem` handles mesh loading + per-frame
- * positioning; renderer mounts the imported geometry.
+ * Scan — Stage A. Capture-session reference with an optional renderable
+ * mesh. Raw sensor streams stay in the external session manifest.
  */
 export const scanDefinition = {
     kind: 'scan',
     // Heavy LiDAR asset: stripped from the bake, re-added live from scene_graph
     // in the viewer (see plans → Part D; glb-reference-nodes.tsx).
     bake: 'strip',
-    schemaVersion: 1,
+    schemaVersion: 4,
     schema: ScanNode,
     category: 'site',
     defaults: () => {
@@ -21,6 +20,9 @@ export const scanDefinition = {
     },
     capabilities: {
         selectable: { hitVolume: 'bbox' },
+        movable: { axes: ['x', 'y', 'z'], gridSnap: true },
+        rotatable: { axes: ['y'], snapAngles: [Math.PI / 4] },
+        scalable: { axes: ['x', 'y', 'z'], min: 0.01, max: 10 },
         duplicable: false,
         deletable: true,
         // Scans carry user-uploaded imagery — cataloging them as
@@ -37,13 +39,13 @@ export const scanDefinition = {
         priority: 1,
     },
     presentation: {
-        label: 'Scan',
-        description: 'A captured mesh (LiDAR / photogrammetry) imported as a scene reference.',
+        label: 'Capture',
+        description: 'A captured session with optional mesh, motion, media, and sensor data.',
         icon: { kind: 'url', src: '/icons/mesh.webp' },
         paletteSection: 'site',
         paletteOrder: 40,
     },
     mcp: {
-        description: 'A captured mesh import.',
+        description: 'A captured session reference with an optional renderable mesh.',
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/scan/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,oBAAoB,CAAC,QAAQ,CAE1D,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/scan/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,oBAAoB,CAAC,QAAQ,CAc1D,CAAA"}

package/dist/scan/parametrics.js

@@ -1,3 +1,15 @@
 export const scanParametrics = {
-    groups: [],
+    groups: [
+        {
+            label: 'Transform',
+            fields: [
+                { key: 'position', kind: 'vec3' },
+                { key: 'scale', kind: 'number', min: 0.01, max: 1000, step: 0.1 },
+            ],
+        },
+        {
+            label: 'Appearance',
+            fields: [{ key: 'opacity', kind: 'number', unit: '%', min: 0, max: 100, step: 1 }],
+        },
+    ],
 };

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/scan/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AAK7D,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAsBxD,CAAA;AAiDD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/scan/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AAK7D,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAmBxD,CAAA;AA6DD,eAAe,YAAY,CAAA"}

package/dist/scan/renderer.js

@@ -5,10 +5,16 @@ import { useAssetUrl, useGLTFKTX2, useViewer } from '@pascal-app/viewer';
 import { Suspense, useMemo, useRef } from 'react';
 export const ScanRenderer = ({ node }) => {
     const showScans = useViewer((s) => s.showScans);
+    const visible = showScans && node.visible;
     const ref = useRef(null);
     useRegistry(node.id, 'scan', ref);
-    const resolvedUrl = useAssetUrl(node.url);
-    return (_jsx("group", { position: node.position, ref: ref, rotation: node.rotation, scale: [node.scale, node.scale, node.scale], visible: showScans, children: resolvedUrl && (_jsx(Suspense, { children: _jsx(ScanModel, { opacity: node.opacity, url: resolvedUrl }) })) }));
+    return (_jsx("group", { position: node.position, ref: ref, rotation: node.rotation, scale: [node.scale, node.scale, node.scale], visible: visible, children: visible && (node.layers?.model ?? true) && node.url && (_jsx(ScanAsset, { opacity: node.opacity, url: node.url })) }));
+};
+const ScanAsset = ({ url, opacity }) => {
+    const resolvedUrl = useAssetUrl(url);
+    if (!resolvedUrl)
+        return null;
+    return (_jsx(Suspense, { children: _jsx(ScanModel, { opacity: opacity, url: resolvedUrl }) }));
 };
 const ScanModel = ({ url, opacity }) => {
     const gltf = useGLTFKTX2(url);

package/dist/shared/accessory-cursor.d.ts

@@ -0,0 +1,7 @@
+import { type AnyNodeId, type GridEvent } from '@pascal-app/core';
+export declare function accessoryCursor(event: GridEvent, levelId: AnyNodeId): {
+    point: [number, number, number];
+    surface: boolean;
+    normal?: [number, number, number];
+};
+//# sourceMappingURL=accessory-cursor.d.ts.map

package/dist/shared/accessory-cursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessory-cursor.d.ts","sourceRoot":"","sources":["../../src/shared/accessory-cursor.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,SAAS,EAGf,MAAM,kBAAkB,CAAA;AAIzB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,GACjB;IAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAuE1F"}

package/dist/shared/accessory-cursor.js

@@ -0,0 +1,83 @@
+import { findLevelAncestorId, sceneRegistry, useScene, } from '@pascal-app/core';
+import { setSurfaceRaycastLayers } from '@pascal-app/viewer';
+import { Matrix3, Raycaster, Vector3 } from 'three';
+export function accessoryCursor(event, levelId) {
+    const level = sceneRegistry.nodes.get(levelId);
+    const toLocal = (point) => (level ? level.worldToLocal(point.clone()) : point.clone());
+    if (event.localRay) {
+        const frame = event.localFrameId ? sceneRegistry.nodes.get(event.localFrameId) : null;
+        const origin = new Vector3(...event.localRay.origin);
+        const direction = new Vector3(...event.localRay.direction);
+        if (frame) {
+            frame.localToWorld(origin);
+            direction.transformDirection(frame.matrixWorld);
+        }
+        const raycaster = new Raycaster(origin, direction);
+        setSurfaceRaycastLayers(raycaster.layers);
+        const nodes = useScene.getState().nodes;
+        let closest = Infinity;
+        let result = null;
+        const candidateIds = event.surfaceHit
+            ? [event.surfaceHit.hostId]
+            : ['wall', 'ceiling', 'slab', 'roof'].flatMap((type) => sceneRegistry.byType[type] ?? []);
+        for (const id of candidateIds) {
+            const node = nodes[id];
+            if (!node)
+                continue;
+            if (['site', 'building', 'level', 'zone', 'group'].includes(node.type))
+                continue;
+            if (findLevelAncestorId(node.id, nodes) !== levelId || !node.visible)
+                continue;
+            const root = sceneRegistry.nodes.get(node.id);
+            if (!root?.visible)
+                continue;
+            const hit = raycaster.intersectObject(root, true).find((candidate) => {
+                let object = candidate.object;
+                while (object) {
+                    if (!object.visible)
+                        return false;
+                    if (!object.parent)
+                        break;
+                    object = object.parent;
+                }
+                if (node.type === 'ceiling') {
+                    const normal = candidate.face?.normal
+                        .clone()
+                        .applyNormalMatrix(new Matrix3().getNormalMatrix(candidate.object.matrixWorld));
+                    if (!normal || normal.y >= -0.5)
+                        return false;
+                }
+                return true;
+            });
+            if (!hit || hit.distance >= closest)
+                continue;
+            closest = hit.distance;
+            const point = toLocal(hit.point);
+            const normal = hit.face?.normal
+                .clone()
+                .applyNormalMatrix(new Matrix3().getNormalMatrix(hit.object.matrixWorld))
+                .normalize();
+            const localNormal = normal
+                ? toLocal(hit.point.clone().add(normal)).sub(point).normalize()
+                : undefined;
+            result = { point: point.toArray(), surface: true, normal: localNormal?.toArray() };
+        }
+        if (result)
+            return result;
+    }
+    const point = toLocal(new Vector3(...event.position));
+    const frame = event.localFrameId ? sceneRegistry.nodes.get(event.localFrameId) : null;
+    const normal = event.surfaceNormal ? new Vector3(...event.surfaceNormal) : undefined;
+    if (normal && frame)
+        normal.transformDirection(frame.matrixWorld);
+    const localNormal = normal
+        ? toLocal(new Vector3(...event.position).add(normal))
+            .sub(point)
+            .normalize()
+        : undefined;
+    return {
+        point: point.toArray(),
+        surface: !!event.surfaceLocalPosition,
+        normal: localNormal?.toArray(),
+    };
+}

package/dist/shared/accessory-floorplan.d.ts

@@ -0,0 +1,4 @@
+import type { DuctFittingNode, FloorplanGeometry, GeometryContext, PipeFittingNode } from '@pascal-app/core';
+import { type Group } from 'three';
+export declare function accessoryFloorplan(group: Group, node: DuctFittingNode | PipeFittingNode, ctx: GeometryContext): FloorplanGeometry;
+//# sourceMappingURL=accessory-floorplan.d.ts.map

package/dist/shared/accessory-floorplan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessory-floorplan.d.ts","sourceRoot":"","sources":["../../src/shared/accessory-floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,eAAe,EAChB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAS,KAAK,KAAK,EAAiB,MAAM,OAAO,CAAA;AAkBxD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,eAAe,GAAG,eAAe,EACvC,GAAG,EAAE,eAAe,GACnB,iBAAiB,CAiCnB"}

package/dist/shared/accessory-floorplan.js

@@ -0,0 +1,51 @@
+import { Euler, Mesh, Vector3 } from 'three';
+const cross = (a, b, c) => (b[0] - a[0]) * (c[1] - a[1]) - (b[1] - a[1]) * (c[0] - a[0]);
+function hull(points) {
+    points.sort((a, b) => a[0] - b[0] || a[1] - b[1]);
+    const chain = (list) => {
+        const result = [];
+        for (const p of list) {
+            while (result.length >= 2 && cross(result.at(-2), result.at(-1), p) <= 0)
+                result.pop();
+            result.push(p);
+        }
+        return result.slice(0, -1);
+    };
+    return [...chain(points), ...chain([...points].reverse())];
+}
+export function accessoryFloorplan(group, node, ctx) {
+    group.updateMatrixWorld(true);
+    const euler = new Euler(...node.rotation);
+    const selected = ctx.viewState?.selected || ctx.viewState?.highlighted;
+    const stroke = selected ? (ctx.viewState?.palette?.selectedStroke ?? '#6366f1') : '#475569';
+    const children = [];
+    group.traverse((object) => {
+        if (!(object instanceof Mesh))
+            return;
+        const positions = object.geometry.getAttribute('position');
+        const points = [];
+        for (let i = 0; i < positions.count; i++) {
+            const p = new Vector3()
+                .fromBufferAttribute(positions, i)
+                .applyMatrix4(object.matrixWorld)
+                .applyEuler(euler);
+            points.push([p.x + node.position[0], p.z + node.position[2]]);
+        }
+        const outline = hull(points);
+        if (outline.length >= 3)
+            children.push({
+                kind: 'polygon',
+                points: outline,
+                fill: '#cbd5e1',
+                stroke,
+                strokeWidth: 1,
+                vectorEffect: 'non-scaling-stroke',
+            });
+        object.geometry.dispose();
+        for (const material of Array.isArray(object.material) ? object.material : [object.material])
+            material.dispose();
+    });
+    if (selected)
+        children.push({ kind: 'move-handle', point: [node.position[0], node.position[2]] });
+    return { kind: 'group', children };
+}

package/dist/shared/accessory-geometry.d.ts

@@ -0,0 +1,7 @@
+import { type Group, type Material, Mesh, MeshStandardMaterial } from 'three';
+export declare function addBox(group: Group, name: string, size: [number, number, number], position: [number, number, number], material: Material): Mesh;
+export declare function sectionOutline(shape: 'round' | 'rect' | 'oval', width: number, height: number): Array<[number, number]>;
+export declare function addProfile(group: Group, name: string, shape: 'round' | 'rect' | 'oval', width: number, height: number, start: number, end: number, material: Material, wall?: number): Mesh;
+export declare function hardwareMaterial(): MeshStandardMaterial;
+export declare function addPlug(group: Group, radius: number, x: number, material: Material): void;
+//# sourceMappingURL=accessory-geometry.d.ts.map

package/dist/shared/accessory-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessory-geometry.d.ts","sourceRoot":"","sources":["../../src/shared/accessory-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,KAAK,EACV,KAAK,QAAQ,EACb,IAAI,EACJ,oBAAoB,EAGrB,MAAM,OAAO,CAAA;AAEd,wBAAgB,MAAM,CACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,QAAQ,GACjB,IAAI,CAMN;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAChC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAqBzB;AAGD,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAChC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,SAAI,GACP,IAAI,CA8BN;AAED,wBAAgB,gBAAgB,IAAI,oBAAoB,CAEvD;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAmBzF"}

package/dist/shared/accessory-geometry.js

@@ -0,0 +1,79 @@
+import { BoxGeometry, CylinderGeometry, ExtrudeGeometry, Mesh, MeshStandardMaterial, Path, Shape, } from 'three';
+export function addBox(group, name, size, position, material) {
+    const mesh = new Mesh(new BoxGeometry(...size), material);
+    mesh.name = name;
+    mesh.position.set(...position);
+    group.add(mesh);
+    return mesh;
+}
+export function sectionOutline(shape, width, height) {
+    if (shape === 'rect')
+        return [
+            [-width / 2, -height / 2],
+            [width / 2, -height / 2],
+            [width / 2, height / 2],
+            [-width / 2, height / 2],
+        ];
+    if (shape === 'round')
+        return Array.from({ length: 48 }, (_, i) => [
+            (Math.cos((i * Math.PI) / 24) * width) / 2,
+            (Math.sin((i * Math.PI) / 24) * width) / 2,
+        ]);
+    const r = Math.min(width, height) / 2;
+    const offset = Math.abs(width - height) / 2;
+    return Array.from({ length: 50 }, (_, i) => {
+        const angle = -Math.PI / 2 + (Math.PI * (i % 25)) / 24 + (i >= 25 ? Math.PI : 0);
+        const u = Math.cos(angle) * r + (i < 25 ? offset : -offset);
+        const v = Math.sin(angle) * r;
+        return width >= height ? [u, v] : [v, u];
+    });
+}
+// Extrude a real hollow sleeve or solid closure along local X; width spans Z.
+export function addProfile(group, name, shape, width, height, start, end, material, wall = 0) {
+    const outline = sectionOutline(shape, width, height);
+    const profile = new Shape();
+    outline.forEach(([u, v], i) => {
+        if (i)
+            profile.lineTo(u, v);
+        else
+            profile.moveTo(u, v);
+    });
+    profile.closePath();
+    if (wall > 0) {
+        const hole = new Path();
+        sectionOutline(shape, width - 2 * wall, height - 2 * wall)
+            .reverse()
+            .forEach(([u, v], i) => {
+            if (i)
+                hole.lineTo(u, v);
+            else
+                hole.moveTo(u, v);
+        });
+        hole.closePath();
+        profile.holes.push(hole);
+    }
+    const geometry = new ExtrudeGeometry(profile, {
+        depth: end - start,
+        bevelEnabled: false,
+        curveSegments: 24,
+    });
+    geometry.rotateY(Math.PI / 2);
+    geometry.translate(start, 0, 0);
+    const mesh = new Mesh(geometry, material);
+    mesh.name = name;
+    group.add(mesh);
+    return mesh;
+}
+export function hardwareMaterial() {
+    return new MeshStandardMaterial({ color: '#4b5563', metalness: 0.8, roughness: 0.3 });
+}
+export function addPlug(group, radius, x, material) {
+    addProfile(group, 'cleanout-plug', 'round', radius * 2.15, radius * 2.15, x, x + 0.012, material);
+    const nut = new Mesh(new CylinderGeometry(radius * 0.5, radius * 0.5, 0.022, 6), material);
+    nut.name = 'cleanout-hex-head';
+    nut.rotation.z = Math.PI / 2;
+    nut.position.x = x + 0.023;
+    group.add(nut);
+    for (let i = 0; i < 3; i++)
+        addProfile(group, `cleanout-thread-${i}`, 'round', radius * 2.2, radius * 2.2, x - 0.006 * i, x - 0.006 * i + 0.002, material, 0.002);
+}

package/dist/shared/accessory-placement.d.ts

@@ -0,0 +1,10 @@
+import type { AnyNode, AnyNodeId, DuctFittingNode, PipeFittingNode } from '@pascal-app/core';
+import { Quaternion } from 'three';
+import type { ScenePort } from './ports';
+export declare function inheritFittingProfile<T extends DuctFittingNode | PipeFittingNode>(node: T, port: ScenePort, nodes: Record<AnyNodeId, AnyNode>): T;
+export declare function placeAccessPanel(raw: [number, number, number], node: DuctFittingNode, nodes: Record<AnyNodeId, AnyNode>, levelId: AnyNodeId | null, in3D: boolean, gridStep: number): {
+    position: [number, number, number];
+    rotation: [number, number, number];
+} | null;
+export declare function accessoryMateQuaternion(node: DuctFittingNode, port: ScenePort, nodes: Record<AnyNodeId, AnyNode>): Quaternion;
+//# sourceMappingURL=accessory-placement.d.ts.map

package/dist/shared/accessory-placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessory-placement.d.ts","sourceRoot":"","sources":["../../src/shared/accessory-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC5F,OAAO,EAAkB,UAAU,EAAW,MAAM,OAAO,CAAA;AAG3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAC/E,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAChC,CAAC,CA0DH;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC7B,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,EACjC,OAAO,EAAE,SAAS,GAAG,IAAI,EACzB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,GACf;IAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,IAAI,CA+CnF;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAChC,UAAU,CAgBZ"}