@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/roof-segment/definition.js

@@ -1,9 +1,10 @@
-import { getActiveRoofHeight, getPitchFromActiveRoofHeight, RoofSegmentNode as RoofSegmentNodeSchema, } from '@pascal-app/core';
-import { buildRoofSegmentFloorplan } from './floorplan';
-import { roofSegmentMoveTarget, roofSegmentResizeAffordance, roofSegmentRotateAffordance, } from './floorplan-affordances';
-import { matchRoofSegmentMeasurementFeature, roofSegmentMeasurementFeatures } from './measurement';
-import { roofSegmentParametrics } from './parametrics';
-import { RoofSegmentNode } from './schema';
+import { getActiveRoofHeight, getPitchFromActiveRoofHeight, getRoofSegmentResizePatch, RoofSegmentNode as RoofSegmentNodeSchema, } from '@pascal-app/core';
+import { buildRoofSegmentFloorplan } from './floorplan.js';
+import { roofSegmentMoveTarget, roofSegmentResizeAffordance, roofSegmentRotateAffordance, } from './floorplan-affordances.js';
+import { matchRoofSegmentMeasurementFeature, roofSegmentMeasurementFeatures } from './measurement.js';
+import { roofSegmentPaint, roofSegmentSlots } from './paint.js';
+import { roofSegmentParametrics } from './parametrics.js';
+import { RoofSegmentNode } from './schema.js';
 const SIDE_HANDLE_OFFSET = 0.3;
 const HEIGHT_HANDLE_OFFSET = 0.3;
 const ROOF_HANDLE_CLEARANCE = 0.15;
@@ -55,20 +56,7 @@ function roofSegmentWidthHandle(side) {
         min: MIN_ROOF_DIM,
         gridSnap: true,
         currentValue: (n) => n.width,
-        apply: (initial, newWidth) => {
-            const rotY = initial.rotation ?? 0;
-            const armX = Math.cos(rotY);
-            const armZ = -Math.sin(rotY);
-            const anchorX = initial.position[0] - sign * (initial.width / 2) * armX;
-            const anchorZ = initial.position[2] - sign * (initial.width / 2) * armZ;
-            const newCenterX = anchorX + sign * (newWidth / 2) * armX;
-            const newCenterZ = anchorZ + sign * (newWidth / 2) * armZ;
-            return {
-                width: newWidth,
-                ...(initial.roofType === 'conical' ? { depth: newWidth } : {}),
-                position: [newCenterX, initial.position[1], newCenterZ],
-            };
-        },
+        apply: (initial, newWidth) => getRoofSegmentResizePatch(initial, 'x', sign, newWidth),
         placement: {
             position: (n) => [sign * (n.width / 2 + SIDE_HANDLE_OFFSET), getSideResizeHandleY(n, 0), 0],
             // Flip the left chevron so it points outward toward -X. The
@@ -96,45 +84,7 @@ function roofSegmentDepthHandle(side) {
         min: MIN_ROOF_DIM,
         gridSnap: true,
         currentValue: (n) => n.depth,
-        apply: (initial, newDepth) => {
-            // Recenter so the anchored Z edge stays at the same world point.
-            // Same math as the width handle but along the Z arm: yaw maps
-            // segment-local +Z to (sin r, cos r) in world.
-            const rotY = initial.rotation ?? 0;
-            const armX = Math.sin(rotY);
-            const armZ = Math.cos(rotY);
-            const anchorX = initial.position[0] - sign * (initial.depth / 2) * armX;
-            const anchorZ = initial.position[2] - sign * (initial.depth / 2) * armZ;
-            const newCenterX = anchorX + sign * (newDepth / 2) * armX;
-            const newCenterZ = anchorZ + sign * (newDepth / 2) * armZ;
-            if (initial.roofType === 'conical') {
-                return {
-                    width: newDepth,
-                    depth: newDepth,
-                    position: [newCenterX, initial.position[1], newCenterZ],
-                };
-            }
-            // Preserve peak height — back-solve pitch for the new depth so
-            // the assembled roof height matches what it was before the drag.
-            const originalRoofHeight = getActiveRoofHeight(initial);
-            const newPitch = getPitchFromActiveRoofHeight({
-                roofType: initial.roofType,
-                width: initial.width,
-                depth: newDepth,
-                roofHeight: originalRoofHeight,
-                gambrelLowerWidthRatio: initial.gambrelLowerWidthRatio,
-                gambrelLowerHeightRatio: initial.gambrelLowerHeightRatio,
-                mansardSteepWidthRatio: initial.mansardSteepWidthRatio,
-                mansardSteepHeightRatio: initial.mansardSteepHeightRatio,
-                dutchHipWidthRatio: initial.dutchHipWidthRatio,
-                dutchHipHeightRatio: initial.dutchHipHeightRatio,
-            });
-            return {
-                depth: newDepth,
-                position: [newCenterX, initial.position[1], newCenterZ],
-                pitch: Math.max(MIN_PITCH, Math.min(MAX_PITCH, newPitch)),
-            };
-        },
+        apply: (initial, newDepth) => getRoofSegmentResizePatch(initial, 'z', sign, newDepth),
         placement: {
             position: (n) => [
                 0,
@@ -211,6 +161,8 @@ function roofSegmentPitchHandle() {
         visible: (n) => !n.managedByParent,
         apply: (initial, newPeakHeight) => {
             const roofHeight = Math.max(0, newPeakHeight - initial.wallHeight);
+            if (initial.roofType === 'barrel')
+                return { barrelRise: Math.max(0.01, Math.min(initial.depth / 2, roofHeight)) };
             const pitch = getPitchFromActiveRoofHeight({
                 roofType: initial.roofType,
                 width: initial.width,
@@ -286,7 +238,7 @@ function resolveRoofSegmentHandles(node) {
  */
 export const roofSegmentDefinition = {
     kind: 'roof-segment',
-    schemaVersion: 5,
+    schemaVersion: 7,
     schema: RoofSegmentNode,
     category: 'structure',
     surfaceRole: 'roof',
@@ -304,6 +256,23 @@ export const roofSegmentDefinition = {
         return rest;
     },
     capabilities: {
+        exterior: true,
+        revealOnEdit: [
+            'roofType',
+            'width',
+            'depth',
+            'wallHeight',
+            'pitch',
+            'overhang',
+            'wallThickness',
+            'deckThickness',
+            'barrelRise',
+            'barrelSegments',
+            'roofSystem',
+            'glazing',
+        ],
+        paint: roofSegmentPaint,
+        slots: (node) => roofSegmentSlots(node),
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
@@ -312,14 +281,14 @@ export const roofSegmentDefinition = {
     // `shared/move-roof-tool` — routed through `MoveTool`'s registry-
     // affordance lookup rather than a hardcoded dispatcher arm.
     affordanceTools: {
-        move: () => import('../shared/move-roof-tool'),
+        move: () => import('../shared/move-roof-tool.js'),
     },
     parametrics: roofSegmentParametrics,
     handles: resolveRoofSegmentHandles,
     rendersChildren: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
     floorplan: buildRoofSegmentFloorplan,
     measurement: {

package/dist/roof-segment/floorplan-affordances.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan-affordances.d.ts","sourceRoot":"","sources":["../../src/roof-segment/floorplan-affordances.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAExB,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AA4CzB;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,CAAC,eAAe,CAsG5E,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,CAAC,eAAe,CA8B5E,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,eAAe,CA2CtE,CAAA"}
+{"version":3,"file":"floorplan-affordances.d.ts","sourceRoot":"","sources":["../../src/roof-segment/floorplan-affordances.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAGxB,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AA6CzB;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,CAAC,eAAe,CAmF5E,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,CAAC,eAAe,CA8B5E,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,eAAe,CA4CtE,CAAA"}

package/dist/roof-segment/floorplan-affordances.js

@@ -1,7 +1,8 @@
-import { snapScalar, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { getRoofSegmentResizePatch, snapScalar, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
 import { getSegmentGridStep, isAngleSnapActive, isGridSnapActive } from '@pascal-app/editor';
-import { createFloorplanCursorResolver } from '../shared/floorplan-cursor';
-import { rotateAffordanceDelta } from '../shared/rotate-affordance';
+import { commitSeatedRoofEdit } from '../roof/roof-level-target.js';
+import { createFloorplanCursorResolver } from '../shared/floorplan-cursor.js';
+import { rotateAffordanceDelta } from '../shared/rotate-affordance.js';
 const MIN_ROOF_DIM = 1;
 // Resolve world-space center + effective rotation of a roof segment by
 // composing the parent roof's position + rotation with the segment's
@@ -59,16 +60,13 @@ export const roofSegmentResizeAffordance = {
                 commit() {
                     useLiveNodeOverrides.getState().clear(segmentId);
                     const diameter = lastRadius * 2;
-                    useScene.getState().updateNode(segmentId, { width: diameter, depth: diameter });
+                    // Grown onto the walls that carry it, its roof goes to the level above them.
+                    commitSeatedRoofEdit([{ id: segmentId, data: { width: diameter, depth: diameter } }], segmentId);
                 },
             };
         }
         const { axis, side } = resize;
         const initialValue = axis === 'x' ? node.width : node.depth;
-        const initialPosition = node.position;
-        const segmentRotation = node.rotation ?? 0;
-        const armX = axis === 'x' ? Math.cos(segmentRotation) : Math.sin(segmentRotation);
-        const armZ = axis === 'x' ? -Math.sin(segmentRotation) : Math.cos(segmentRotation);
         const { effRot } = resolveSegmentFrame(node, nodes);
         const cosEff = Math.cos(effRot);
         const sinEff = Math.sin(effRot);
@@ -94,19 +92,10 @@ export const roofSegmentResizeAffordance = {
                 const step = isGridSnapActive() ? getSegmentGridStep() : 0;
                 const snappedValue = step > 0 ? snapScalar(rawValue, step) : rawValue;
                 const newValue = Math.max(MIN_ROOF_DIM, snappedValue);
-                const centerOffset = (side * (newValue - initialValue)) / 2;
-                const position = [
-                    initialPosition[0] + centerOffset * armX,
-                    initialPosition[1],
-                    initialPosition[2] + centerOffset * armZ,
-                ];
                 lastValue = newValue;
-                const dimensions = node.roofType === 'conical'
-                    ? { width: newValue, depth: newValue }
-                    : axis === 'x'
-                        ? { width: newValue }
-                        : { depth: newValue };
-                useLiveNodeOverrides.getState().set(segmentId, { ...dimensions, position });
+                useLiveNodeOverrides
+                    .getState()
+                    .set(segmentId, getRoofSegmentResizePatch(node, axis, side, newValue));
                 useScene.getState().markDirty(segmentId);
             },
             canCommit() {
@@ -114,18 +103,7 @@ export const roofSegmentResizeAffordance = {
             },
             commit() {
                 useLiveNodeOverrides.getState().clear(segmentId);
-                const centerOffset = (side * (lastValue - initialValue)) / 2;
-                const position = [
-                    initialPosition[0] + centerOffset * armX,
-                    initialPosition[1],
-                    initialPosition[2] + centerOffset * armZ,
-                ];
-                const dimensions = node.roofType === 'conical'
-                    ? { width: lastValue, depth: lastValue }
-                    : axis === 'x'
-                        ? { width: lastValue }
-                        : { depth: lastValue };
-                useScene.getState().updateNode(segmentId, { ...dimensions, position });
+                commitSeatedRoofEdit([{ id: segmentId, data: getRoofSegmentResizePatch(node, axis, side, lastValue) }], segmentId);
             },
         };
     },
@@ -163,7 +141,7 @@ export const roofSegmentRotateAffordance = {
             },
             commit() {
                 useLiveNodeOverrides.getState().clear(segmentId);
-                useScene.getState().updateNode(segmentId, { rotation: lastRotation });
+                commitSeatedRoofEdit([{ id: segmentId, data: { rotation: lastRotation } }], segmentId);
             },
         };
     },
@@ -216,7 +194,8 @@ export const roofSegmentMoveTarget = ({ node, nodes }) => {
         },
         commit() {
             useLiveNodeOverrides.getState().clear(segmentId);
-            useScene.getState().updateNode(segmentId, { position: lastLocal });
+            // Dragged onto the walls that carry it, its roof goes to the level above them.
+            commitSeatedRoofEdit([{ id: segmentId, data: { position: lastLocal } }], segmentId);
         },
     };
 };

package/dist/roof-segment/floorplan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/roof-segment/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAIpB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,eAAe,EACrB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CAiM1B;AAED,MAAM,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC9C,MAAM,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE/C,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,EAAE,CAY3E;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,eAAe,GAAG;IACjE,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC7C,CAyGA"}
+{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/roof-segment/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAIpB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAA;AAEzB;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,eAAe,EACrB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CAiM1B;AAED,MAAM,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC9C,MAAM,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE/C,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,EAAE,CAY3E;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,eAAe,GAAG;IACjE,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC7C,CA0GA"}

package/dist/roof-segment/floorplan.js

@@ -248,6 +248,7 @@ export function getRoofSegmentPlanLinework(node) {
         case 'conical':
         case 'flat':
             break;
+        case 'barrel':
         case 'gable':
             // Single ridge down the middle along the width axis.
             ridges.push([

package/dist/roof-segment/index.d.ts

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

package/dist/roof-segment/index.js

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

package/dist/roof-segment/measurement.js

@@ -1,5 +1,5 @@
 import { getRoofSegmentSurfaceY, } from '@pascal-app/core';
-import { getRoofSegmentPlanLinework } from './floorplan';
+import { getRoofSegmentPlanLinework } from './floorplan.js';
 function transformPoint(node, roof, [x, z]) {
     const segmentCos = Math.cos(node.rotation);
     const segmentSin = Math.sin(node.rotation);

package/dist/roof-segment/paint.d.ts

@@ -0,0 +1,4 @@
+import { type PaintCapability } from '@pascal-app/core';
+export declare const roofSegmentPaint: PaintCapability;
+export { roofSegmentSlots } from '@pascal-app/core';
+//# sourceMappingURL=paint.d.ts.map

package/dist/roof-segment/paint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/roof-segment/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AAgDzB,eAAO,MAAM,gBAAgB,EAAE,eA8C9B,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/roof-segment/paint.js

@@ -0,0 +1,92 @@
+import { getEffectiveRoofSurfaceMaterial, getEffectiveSegmentSurfaceMaterial, getRoofGlazing, isGlazedRoofSegment, sceneRegistry, useScene, } from '@pascal-app/core';
+import { buildRoofSegmentSurfaceMaterialPatch } from '@pascal-app/editor';
+import { GLAZED_ROOF_SLOTS } from '../roof/glazed-materials.js';
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint.js';
+import { swapPreviewMaterial } from '../shared/swap-preview-material.js';
+function glazingLook(node, role) {
+    const config = getRoofGlazing(node);
+    const glass = role === 'glazing-glass';
+    return {
+        materialPreset: undefined,
+        material: {
+            preset: 'custom',
+            properties: {
+                color: glass ? config.glassColor : config.frameColor,
+                transparent: glass,
+                opacity: glass ? config.glassOpacity : 1,
+                roughness: glass ? config.glassRoughness : 0.4,
+                metalness: role === 'glazing-frame' ? 0.65 : 0,
+                side: 'front',
+            },
+        },
+    };
+}
+const glazingPaint = createSlotPaintCapability({
+    materialTarget: 'roof',
+    erasedLook: ({ node, role }) => glazingLook(node, role),
+    legacyEffective: (node, role) => glazingLook(node, role),
+    resolveRole: ({ materialIndex }) => GLAZED_ROOF_SLOTS[materialIndex ?? -1] ?? null,
+    applyPreview(args) {
+        const mesh = sceneRegistry.nodes.get(args.node.id);
+        if (!mesh?.isMesh || !Array.isArray(mesh.material))
+            return null;
+        const slot = GLAZED_ROOF_SLOTS.indexOf(args.role);
+        if (slot < 0)
+            return null;
+        const material = buildSlotPreviewMaterial(args.material, args.materialPreset);
+        if (!material)
+            return null;
+        const next = [...mesh.material];
+        next[slot] = material;
+        return swapPreviewMaterial(mesh, next);
+    },
+});
+function standardRole(index) {
+    return index === 3 ? 'top' : index === 0 ? 'edge' : index === 1 || index === 2 ? 'wall' : null;
+}
+export const roofSegmentPaint = {
+    materialTarget: 'roof',
+    resolveRole(args) {
+        return isGlazedRoofSegment(args.node)
+            ? glazingPaint.resolveRole(args)
+            : standardRole(args.materialIndex);
+    },
+    buildPatch(args) {
+        if (isGlazedRoofSegment(args.node))
+            return glazingPaint.buildPatch(args);
+        const role = args.role;
+        if (role !== 'top' && role !== 'edge' && role !== 'wall')
+            return {};
+        return buildRoofSegmentSurfaceMaterialPatch(args.node, role, args.material, args.materialPreset);
+    },
+    commit(args) {
+        if (isGlazedRoofSegment(args.node))
+            glazingPaint.commit?.(args);
+        else
+            useScene.getState().updateNode(args.node.id, roofSegmentPaint.buildPatch(args));
+    },
+    applyPreview(args) {
+        if (isGlazedRoofSegment(args.node))
+            return glazingPaint.applyPreview(args);
+        const mesh = sceneRegistry.nodes.get(args.node.id);
+        if (!mesh?.isMesh || !Array.isArray(mesh.material))
+            return null;
+        const material = buildSlotPreviewMaterial(args.material, args.materialPreset);
+        if (!material)
+            return null;
+        const next = mesh.material.map((existing, index) => standardRole(index) === args.role ? material : existing);
+        return swapPreviewMaterial(mesh, next);
+    },
+    getEffectiveMaterial(args) {
+        const node = args.node;
+        if (isGlazedRoofSegment(node))
+            return glazingPaint.getEffectiveMaterial?.(args) ?? null;
+        const role = args.role;
+        if (role !== 'top' && role !== 'edge' && role !== 'wall')
+            return null;
+        const parent = node.parentId ? args.nodes?.[node.parentId] : undefined;
+        const spec = getEffectiveSegmentSurfaceMaterial(node, role, parent?.type === 'roof' ? getEffectiveRoofSurfaceMaterial(parent, role) : undefined);
+        return { material: spec.material, materialPreset: spec.materialPreset };
+    },
+};
+export { roofSegmentSlots } from '@pascal-app/core';

package/dist/roof-segment/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/roof-segment/panel.tsx"],"names":[],"mappings":"AAkGA,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCAsoBvC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/roof-segment/panel.tsx"],"names":[],"mappings":"AA0GA,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCA6qBvC"}

package/dist/roof-segment/panel.js

@@ -1,10 +1,13 @@
 'use client';
-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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createDefaultRidgeVentsForSegment, getConicalRoofCoverage, getRoofSegmentDeckReach, getSegmentSlopeFrame, isAutoGutterEnabled, isAutoRidgeVentEnabled, isDefaultRidgeVentNode, isGlazedRoofSegment, normalizeRoofSegmentTrim, ROOF_SHAPE_DEFAULTS, roofTypeHasRakes, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Check, Copy, Move, Pencil, RotateCcw, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
+import { BarrelRoofPanel } from '../roof/barrel-panel.js';
+import { RoofGlazingPanel } from '../roof/glazing-panel.js';
+import { commitSeatedRoofEdit } from '../roof/roof-level-target.js';
 const ROOF_TYPE_OPTIONS = [
     { label: 'Hip', value: 'hip' },
     { label: 'Gable', value: 'gable' },
@@ -18,6 +21,7 @@ const ROOF_TYPE_OPTIONS_2 = [
 ];
 const ROOF_TYPE_OPTIONS_3 = [
     { label: 'Conical', value: 'conical' },
+    { label: 'Barrel', value: 'barrel' },
 ];
 // 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°.
@@ -87,8 +91,9 @@ export default function RoofSegmentPanel() {
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
-        updateNode(selectedId, updates);
-    }, [selectedId, updateNode]);
+        // Reshaped or moved onto the walls that carry it, its roof goes to the level above them.
+        commitSeatedRoofEdit([{ id: selectedId, data: updates }], selectedId);
+    }, [selectedId]);
     const handleRoofTypeChange = useCallback((roofType) => {
         if (isManagedLeanToRoofSegment(node?.metadata))
             return;
@@ -146,28 +151,9 @@ export default function RoofSegmentPanel() {
         }
     }, [node, setRoofHostDragArmedId, setSelection, updateNode]);
     const handleDuplicate = useCallback(() => {
-        if (!node?.parentId)
-            return;
-        triggerSFX('sfx:item-pick');
-        let duplicateInfo = structuredClone(node);
-        delete duplicateInfo.id;
-        duplicateInfo.metadata = { ...duplicateInfo.metadata, isNew: true };
-        // Offset slightly so it's visible
-        duplicateInfo.position = [
-            duplicateInfo.position[0] + 1,
-            duplicateInfo.position[1],
-            duplicateInfo.position[2] + 1,
-        ];
-        try {
-            const duplicate = RoofSegmentNodeSchema.parse(duplicateInfo);
-            useScene.getState().createNode(duplicate, duplicate.parentId);
-            setSelection({ selectedIds: [] });
-            setMovingNode(duplicate);
-        }
-        catch (e) {
-            console.error('Failed to duplicate roof segment', e);
-        }
-    }, [node, setSelection, setMovingNode]);
+        if (node)
+            duplicateNodeAndPickUp(node);
+    }, [node]);
     const handleMove = useCallback(() => {
         if (node) {
             triggerSFX('sfx:item-pick');
@@ -249,9 +235,13 @@ export default function RoofSegmentPanel() {
     const showTrimPlanes = shouldShowTrimPlanes(node.metadata);
     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: node.width })) : (_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: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: node.depth })] })) }), 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({
+    // both overhangs in plan, past the walls' outside faces; the node keeps the eaves' along the slope
+    const reach = getRoofSegmentDeckReach(node);
+    const halfWall = node.wallThickness / 2;
+    const { cosTheta } = getSegmentSlopeFrame(node);
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: handleBack, onClose: handleClose, title: node.name || 'Roof Segment', width: 300, children: [_jsx(RoofGlazingPanel, { segments: [node] }), _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' && node.roofType !== 'barrel' && (_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: node.width })) : (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: node.roofType === 'barrel' ? 'Length' : 'Width', max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.5, unit: "m", value: node.width }), _jsx(SliderControl, { label: node.roofType === 'barrel' ? 'Span' : 'Depth', max: 1000, min: 0.5, onChange: (v) => handleUpdate({ depth: v }), precision: 2, step: 0.5, unit: "m", value: node.depth })] })) }), 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: node.wallHeight }) }), _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: node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness }), _jsx(SliderControl, { label: "Top Rake Length", max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake })] })), _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: node.wallThickness }), _jsx(SliderControl, { label: "Deck Thick.", max: 0.3, min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.deckThickness }), _jsx(SliderControl, { label: "Overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: node.overhang }), _jsx(SliderControl, { label: "Shingle Thick.", max: 0.3, min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.shingleThickness })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
+                                }), 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: node.wallHeight }) }), node.roofType === 'barrel' ? (_jsx(BarrelRoofPanel, { node: node })) : (_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: node.dutchTopRakeThickness ?? ROOF_SHAPE_DEFAULTS.dutchTopRakeThickness }), _jsx(SliderControl, { label: "Top Rake Length", max: 3, min: 0, onChange: (v) => handleUpdate({ dutchGabletRake: v }), precision: 2, step: 0.01, unit: "m", value: node.dutchGabletRake ?? ROOF_SHAPE_DEFAULTS.dutchGabletRake })] })), _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: node.wallThickness }), !isGlazedRoofSegment(node) && (_jsx(SliderControl, { label: "Deck Thick.", max: 0.3, min: 0.04, onChange: (v) => handleUpdate({ deckThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.deckThickness })), node.roofType === 'barrel' ? (_jsx(SliderControl, { label: "End overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })) : (_jsx(SliderControl, { label: "Eave overhang", max: 1, min: 0, onChange: (v) => handleUpdate({ overhang: v / cosTheta }), precision: 2, step: 0.05, unit: "m", value: reach.z - halfWall })), roofTypeHasRakes(node.roofType) && (_jsx(SliderControl, { label: "Gable overhang", max: 3, min: 0, onChange: (v) => handleUpdate({ gableOverhang: v }), precision: 2, step: 0.05, unit: "m", value: reach.x - halfWall })), !isGlazedRoofSegment(node) && (_jsx(SliderControl, { label: "Shingle Thick.", max: 0.3, min: 0.02, onChange: (v) => handleUpdate({ shingleThickness: v }), precision: 2, step: 0.01, unit: "m", value: node.shingleThickness })), _jsx(ToggleControl, { checked: node.fascia ?? false, label: "Fascia", onChange: (checked) => handleUpdate({ fascia: checked }) }), node.fascia && (_jsx(SliderControl, { label: "Fascia height", max: 0.6, min: 0.1, onChange: (v) => handleUpdate({ fasciaHeight: v }), precision: 2, step: 0.01, unit: "m", value: node.fasciaHeight ?? 0.184 }))] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
@@ -271,5 +261,5 @@ export default function RoofSegmentPanel() {
                                         } }), _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 })] }) })] }));
+                                        } })] })] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/roof-segment/parametrics.d.ts

@@ -1,3 +1,3 @@
-import type { ParametricDescriptor, RoofSegmentNode } from '@pascal-app/core';
+import { type ParametricDescriptor, type RoofSegmentNode } from '@pascal-app/core';
 export declare const roofSegmentParametrics: ParametricDescriptor<RoofSegmentNode>;
 //# sourceMappingURL=parametrics.d.ts.map

package/dist/roof-segment/parametrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/roof-segment/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAE7E,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,eAAe,CAmLxE,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/roof-segment/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAoB,MAAM,kBAAkB,CAAA;AAEpG,eAAO,MAAM,sBAAsB,EAAE,oBAAoB,CAAC,eAAe,CA6LxE,CAAA"}

package/dist/roof-segment/parametrics.js

@@ -1,3 +1,4 @@
+import { roofTypeHasRakes } from '@pascal-app/core';
 export const roofSegmentParametrics = {
     groups: [
         {
@@ -141,6 +142,16 @@ export const roofSegmentParametrics = {
                     step: 0.01,
                 },
                 { key: 'overhang', kind: 'number', unit: 'm', min: 0, max: 1, step: 0.05 },
+                {
+                    key: 'gableOverhang',
+                    kind: 'number',
+                    label: 'Gable overhang',
+                    unit: 'm',
+                    min: 0,
+                    max: 3,
+                    step: 0.05,
+                    visibleIf: (node) => roofTypeHasRakes(node.roofType),
+                },
                 {
                     key: 'shingleThickness',
                     kind: 'number',
@@ -175,5 +186,5 @@ export const roofSegmentParametrics = {
         },
     ],
     derive: (next, patch) => next.roofType === 'conical' && patch.width !== undefined ? { depth: next.width } : {},
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

package/dist/roof-segment/renderer.d.ts

@@ -1,5 +1,5 @@
 import { type RoofSegmentNode } from '@pascal-app/core';
-export declare const RoofSegmentRenderer: ({ node }: {
+export declare const RoofSegmentRenderer: ({ node: storedNode }: {
     node: RoofSegmentNode;
 }) => import("react").JSX.Element;
 export default RoofSegmentRenderer;

package/dist/roof-segment/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof-segment/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AAazB,eAAO,MAAM,mBAAmB,GAAI,UAAU;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,gCAsGtE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof-segment/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,eAAe,EAKrB,MAAM,kBAAkB,CAAA;AAiBzB,eAAO,MAAM,mBAAmB,yBAA0B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,gCAkMlF,CAAA;eAEc,mBAAmB"}