@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/ridge-vent/definition.js

@@ -1,197 +1,4 @@
-import { RidgeVentNode as RidgeVentNodeSchema, } from '@pascal-app/core';
-import { surfacePaintCapability } from '../shared/surface-paint.js';
-import { buildRidgeVentFloorplan } from './floorplan.js';
-import { ridgeVentParametrics } from './parametrics.js';
-import { RidgeVentNode } from './schema.js';
-// Edge-to-arrow-center offset, matching the box-vent / chimney cadence.
-const SIDE_HANDLE_OFFSET = 0.25;
-const HEIGHT_HANDLE_OFFSET = 0.15;
-// Snug to the vent corner — keeps the rotate icon close to the item.
-const ROTATE_CORNER_OFFSET = 0.1;
-// Ridge vents are long but thin — minimums let users shrink without
-// collapsing the geometry past the point where the cross-section
-// degenerates. Default length is 2.0, default width 0.3, default
-// height 0.08, so these are well below the defaults.
-const MIN_LENGTH = 0.2;
-const MIN_WIDTH = 0.1;
-const MIN_HEIGHT = 0.02;
-// Mid-Y of the vent body in vent-mesh-local frame. The base sits at the
-// ridge line (Y=0) and the cap peaks at Y=height — so side / rotate
-// chevrons place at half-height to read as "beside the body".
-function getBodyMidY(n) {
-    return Math.max(MIN_HEIGHT, n.height) / 2;
-}
-// Length arrow on ±X (the ridge direction). Asymmetric: drag one end
-// outward and the opposite end stays world-fixed by recentering
-// `position` along the vent's own +X arm in segment frame (yaw-aware
-// math, matches box-vent / chimney). The ridge vent typically straddles
-// a portion of the ridge, so dragging one end is the natural extend /
-// shorten gesture.
-function ridgeVentLengthHandle(side) {
-    const sign = side === 'right' ? 1 : -1;
-    return {
-        kind: 'linear-resize',
-        axis: 'x',
-        anchor: side === 'right' ? 'min' : 'max',
-        min: MIN_LENGTH,
-        currentValue: (n) => n.length,
-        apply: (initial, newLength) => {
-            const rotY = initial.rotation ?? 0;
-            const armX = Math.cos(rotY);
-            const armZ = -Math.sin(rotY);
-            const anchorX = initial.position[0] - sign * (initial.length / 2) * armX;
-            const anchorZ = initial.position[2] - sign * (initial.length / 2) * armZ;
-            const newCenterX = anchorX + sign * (newLength / 2) * armX;
-            const newCenterZ = anchorZ + sign * (newLength / 2) * armZ;
-            return {
-                length: newLength,
-                position: [newCenterX, initial.position[1], newCenterZ],
-            };
-        },
-        placement: {
-            position: (n) => [sign * (n.length / 2 + SIDE_HANDLE_OFFSET), getBodyMidY(n), 0],
-            rotationY: () => (side === 'right' ? 0 : Math.PI),
-        },
-    };
-}
-// Width arrow on +Z (across the ridge). Symmetric — the vent geometry
-// straddles the ridge line (Z=0) so growing the width pushes both edges
-// outward by the same amount. A single chevron on +Z reads as "this is
-// the width dimension"; keeping it symmetric also stays inside the same
-// handle-count budget the chimney / dormer / box-vent already document.
-function ridgeVentWidthHandle() {
-    return {
-        kind: 'linear-resize',
-        axis: 'z',
-        anchor: 'center',
-        min: MIN_WIDTH,
-        currentValue: (n) => n.width,
-        apply: (_n, newValue) => ({ width: newValue }),
-        placement: {
-            position: (n) => [0, getBodyMidY(n), n.width / 2 + SIDE_HANDLE_OFFSET],
-        },
-    };
-}
-// Height arrow above the cap peak. anchor='min' so the base stays
-// pinned to the ridge line (Y=0) and the peak follows the cursor. Plain
-// chevron — at default 0.08 m a dashed tracker leader would be visual
-// noise rather than a dimension cue.
-function ridgeVentHeightHandle() {
-    return {
-        kind: 'linear-resize',
-        axis: 'y',
-        anchor: 'min',
-        min: MIN_HEIGHT,
-        currentValue: (n) => n.height,
-        apply: (_n, newValue) => ({ height: Math.max(MIN_HEIGHT, newValue) }),
-        placement: {
-            position: (n) => [0, Math.max(n.height, MIN_HEIGHT) + HEIGHT_HANDLE_OFFSET, 0],
-        },
-    };
-}
-// Whole-vent rotation gizmo at the +X+Z corner of the body footprint.
-// Negate the cursor delta to match three.js Y-rotation handedness. The
-// registered group already centres on the vent and applies its yaw,
-// so the default rotation pivot is correct.
-function ridgeVentRotateHandle() {
-    return {
-        kind: 'arc-resize',
-        axis: 'angular',
-        shape: 'rotate',
-        apply: (initial, delta) => ({ rotation: (initial.rotation ?? 0) - delta }),
-        placement: {
-            position: (n) => [
-                n.length / 2 + ROTATE_CORNER_OFFSET,
-                getBodyMidY(n),
-                n.width / 2 + ROTATE_CORNER_OFFSET,
-            ],
-            // Two-headed icon's natural bias is along +X; aim along the
-            // +X+Z corner bisector so it sits visually flush with the
-            // rotate gesture's swing direction.
-            rotationY: () => -Math.PI / 4,
-        },
-        // Guide ring centred on the vent, sized to pass through the corner icon
-        // so the icon rides the ring — matches solar-panel / skylight.
-        decoration: {
-            kind: 'ring',
-            radius: (n) => Math.hypot(n.length / 2 + ROTATE_CORNER_OFFSET, n.width / 2 + ROTATE_CORNER_OFFSET),
-            y: (n) => getBodyMidY(n),
-        },
-    };
-}
-// `portal: 'grandparent'` on every handle — see box-vent's note. The vent
-// rides the roof→segment→node frame chain, so the handle rig must too, or
-// the handles (and rotate arc) render offset from the vent.
-const ridgeVentHandles = [
-    ridgeVentLengthHandle('right'),
-    ridgeVentLengthHandle('left'),
-    ridgeVentWidthHandle(),
-    ridgeVentHeightHandle(),
-    ridgeVentRotateHandle(),
-].map((h) => ({ ...h, portal: 'grandparent' }));
-/**
- * Ridge vent — a ventilation strip running along the ridge of a roof
- * segment. Parented to a `roof-segment`; position is segment-local.
- *
- * Three-checkbox model — same shape as box-vent: custom `def.renderer`
- * (parent segment transform lookup + live-transform follow), pure
- * geometry builder shared with the placement preview + future tests,
- * no animation or per-frame system.
- *
- * The placement tool snaps to the nearest ridge/break line wherever the
- * cursor lands on a segment.
- */
-export const ridgeVentDefinition = {
-    kind: 'ridge-vent',
-    schemaVersion: 1,
-    schema: RidgeVentNode,
-    category: 'structure',
-    surfaceRole: 'roof',
-    defaults: () => {
-        const stub = RidgeVentNodeSchema.parse({
-            id: 'rvent_default',
-            type: 'ridge-vent',
-        });
-        const { id: _id, type: _type, ...rest } = stub;
-        return rest;
-    },
-    capabilities: {
-        exterior: true,
-        selectable: { hitVolume: 'bbox' },
-        duplicable: true,
-        deletable: true,
-        // Single painted surface — registry-driven paint dispatch (see chimney).
-        paint: surfacePaintCapability,
-        // Mounts on a roof segment via `roofSegmentId`. Sits ON TOP of the
-        // ridge — no `buildCut`, just the dirty cascade so the parent
-        // roof's merged shell rebuilds when the vent moves / resizes.
-        roofAccessory: {},
-    },
-    parametrics: ridgeVentParametrics,
-    handles: ridgeVentHandles,
-    floorplan: buildRidgeVentFloorplan,
-    rendersChildren: false,
-    renderer: {
-        kind: 'parametric',
-        module: () => import('./renderer.js'),
-    },
-    preview: () => import('./preview.js'),
-    tool: () => import('./tool.js'),
-    affordanceTools: {
-        move: () => import('./move-tool.js'),
-    },
-    toolHints: [
-        { key: 'Left click', label: 'Place ridge vent on roof' },
-        { key: 'Esc', label: 'Cancel' },
-    ],
-    presentation: {
-        label: 'Ridge Vent',
-        description: 'Ventilation strip running along the ridge of a roof segment.',
-        icon: { kind: 'url', src: '/icons/ridge-vent.webp' },
-        paletteSection: 'structure',
-        paletteOrder: 121,
-    },
-    mcp: {
-        description: 'A ridge vent — three styles (standard curved cap / shingled / metal), optional end caps, length / width / height parametric.',
-    },
-};
+import { composeNodeDefinition } from '../definition-contributions.js';
+import { ridgeVentEditContribution } from './definition.edit.js';
+import { ridgeVentRenderDefinition } from './definition.render.js';
+export const ridgeVentDefinition = composeNodeDefinition(ridgeVentRenderDefinition, ridgeVentEditContribution);

package/dist/ridge-vent/definition.render.d.ts

@@ -0,0 +1,6 @@
+import type { NodeRenderDefinition } from '../definition-contributions.js';
+import { RidgeVentNode } from './schema.js';
+export declare const ridgeVentRenderDefinition: NodeRenderDefinition<typeof RidgeVentNode> & {
+    kind: 'ridge-vent';
+};
+//# sourceMappingURL=definition.render.d.ts.map

package/dist/ridge-vent/definition.render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.render.d.ts","sourceRoot":"","sources":["../../src/ridge-vent/definition.render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,CAAC,OAAO,aAAa,CAAC,GAAG;IACnF,IAAI,EAAE,YAAY,CAAA;CAyCnB,CAAA"}

package/dist/ridge-vent/definition.render.js

@@ -0,0 +1,42 @@
+import { RidgeVentNode as RidgeVentNodeSchema } from '@pascal-app/core';
+import { RidgeVentNode } from './schema.js';
+export const ridgeVentRenderDefinition = {
+    kind: 'ridge-vent',
+    schemaVersion: 1,
+    schema: RidgeVentNode,
+    category: 'structure',
+    surfaceRole: 'roof',
+    defaults: () => {
+        const stub = RidgeVentNodeSchema.parse({
+            id: 'rvent_default',
+            type: 'ridge-vent',
+        });
+        const { id: _id, type: _type, ...rest } = stub;
+        return rest;
+    },
+    capabilities: {
+        exterior: true,
+        selectable: { hitVolume: 'bbox' },
+        duplicable: true,
+        deletable: true,
+        // Mounts on a roof segment via `roofSegmentId`. Sits ON TOP of the
+        // ridge — no `buildCut`, just the dirty cascade so the parent
+        // roof's merged shell rebuilds when the vent moves / resizes.
+        roofAccessory: {},
+    },
+    rendersChildren: false,
+    renderer: {
+        kind: 'parametric',
+        module: () => import('./renderer.js'),
+    },
+    presentation: {
+        label: 'Ridge Vent',
+        description: 'Ventilation strip running along the ridge of a roof segment.',
+        icon: { kind: 'url', src: '/icons/ridge-vent.webp' },
+        paletteSection: 'structure',
+        paletteOrder: 121,
+    },
+    mcp: {
+        description: 'A ridge vent — three styles (standard curved cap / shingled / metal), optional end caps, length / width / height parametric.',
+    },
+};

package/dist/ridge-vent/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/ridge-vent/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAMnB,MAAM,kBAAkB,CAAA;AA4BzB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,sCAyN1E"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/ridge-vent/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAMnB,MAAM,kBAAkB,CAAA;AA8BzB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,sCA0N1E"}

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

@@ -1,7 +1,7 @@
 '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 { consumePlacementDragRelease, isGridSnapActive, markToolCancelConsumed, stripPlacementMetadataFlags, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useCallback, useEffect, useState } from 'react';
 import { createRelativeRoofDrag, roofSegmentLocalToBuildingLocal, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag.js';
 import { resolveRidgeSnap } from '../shared/ridge-snap.js';
@@ -51,7 +51,7 @@ export default function MoveRidgeVentTool({ node }) {
             const rawTarget = roofDrag.resolve(event);
             if (!rawTarget)
                 return null;
-            const target = snapRelativeRoofDragTarget(rawTarget, event.nativeEvent?.shiftKey === true);
+            const target = snapRelativeRoofDragTarget(rawTarget, event.nativeEvent?.altKey === true);
             const snap = resolveRidgeSnap(target.segment, target.localX, target.localZ);
             if (!snap)
                 return null;
@@ -73,7 +73,8 @@ export default function MoveRidgeVentTool({ node }) {
             lastTarget = target;
             const sx = Math.round(target.localX * 20) / 20;
             const sz = Math.round(target.localZ * 20) / 20;
-            if (event.nativeEvent?.shiftKey !== true &&
+            if (isGridSnapActive() &&
+                event.nativeEvent?.altKey !== true &&
                 (!lastSnap || lastSnap[0] !== sx || lastSnap[1] !== sz)) {
                 triggerSFX('sfx:grid-snap');
                 lastSnap = [sx, sz];
@@ -125,7 +126,7 @@ export default function MoveRidgeVentTool({ node }) {
                 position: [target.localX, original.position[1] ?? 0, target.localZ],
                 rotation: target.rotation,
                 visible: true,
-                metadata: {},
+                metadata: stripPlacementMetadataFlags(original.metadata),
             });
             useScene.temporal.getState().pause();
             st.dirtyNodes.add(targetSegmentId);

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ridge-vent/panel.tsx"],"names":[],"mappings":"AAmBA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,uCA6OrC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ridge-vent/panel.tsx"],"names":[],"mappings":"AAyBA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,uCAgQrC"}

package/dist/ridge-vent/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useScene } from '@pascal-app/core';
+import { usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
@@ -11,6 +11,7 @@ import { useCallback } from 'react';
  * Delete actions that route through the kind-owned ghost-drag flow.
  */
 export default function RidgeVentPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -77,14 +78,26 @@ export default function RidgeVentPanel() {
     // the segment's center.
     const halfW = Math.round(((segment?.width ?? 10) / 2) * 100) / 100;
     const halfD = Math.round(((segment?.depth ?? 10) / 2) * 100) / 100;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Ridge Vent', width: 300, children: [_jsxs(PanelSection, { title: "Style", children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
-                            { label: 'Standard', value: 'standard' },
-                            { label: 'Shingled', value: 'shingled' },
-                            { label: 'Flanged', value: 'metal' },
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.ridgeVent.panel.ridgeVent', message: 'Ridge Vent' }), width: 300, children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.ridgeVent.panel.style', message: 'Style' }), children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
+                            {
+                                label: i18n._({ id: 'node.ridgeVent.panel.standard', message: 'Standard' }),
+                                value: 'standard',
+                            },
+                            {
+                                label: i18n._({ id: 'node.ridgeVent.panel.shingled', message: 'Shingled' }),
+                                value: 'shingled',
+                            },
+                            {
+                                label: i18n._({ id: 'node.ridgeVent.panel.flanged', message: 'Flanged' }),
+                                value: 'metal',
+                            },
                         ], value: node.style ?? 'standard' }), _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ endCaps: v === 'yes' }), options: [
-                            { label: 'End Caps', value: 'yes' },
-                            { label: 'Open', value: 'no' },
-                        ], value: (node.endCaps ?? true) ? 'yes' : 'no' })] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Length", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ length: v }), onCommit: (v) => handleUpdate({ length: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.length }), _jsx(SliderControl, { label: "Width", max: 0.6, min: 0.1, onChange: (v) => handleUpdate({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Height", max: 0.2, min: 0.03, onChange: (v) => handleUpdate({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: halfW, min: -halfW, onChange: (v) => handleUpdate({
+                            {
+                                label: i18n._({ id: 'node.ridgeVent.panel.endCaps', message: 'End Caps' }),
+                                value: 'yes',
+                            },
+                            { label: i18n._({ id: 'node.ridgeVent.panel.open', message: 'Open' }), value: 'no' },
+                        ], value: (node.endCaps ?? true) ? 'yes' : 'no' })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.ridgeVent.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.ridgeVent.panel.length', message: 'Length' }), max: 1000, min: 0.5, onChange: (v) => handleUpdate({ length: v }), onCommit: (v) => handleUpdate({ length: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.length }), _jsx(SliderControl, { label: i18n._({ id: 'node.ridgeVent.panel.width', message: 'Width' }), max: 0.6, min: 0.1, onChange: (v) => handleUpdate({ width: v }), onCommit: (v) => handleUpdate({ width: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.ridgeVent.panel.height', message: 'Height' }), max: 0.2, min: 0.03, onChange: (v) => handleUpdate({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.ridgeVent.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", max: halfW, min: -halfW, onChange: (v) => handleUpdate({
                             position: [v, node.position[1] ?? 0, node.position[2] ?? 0],
                         }), onCommit: (v) => handleUpdate({
                             position: [v, node.position[1] ?? 0, node.position[2] ?? 0],
@@ -96,5 +109,5 @@ export default function RidgeVentPanel() {
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
                         }), onCommit: (v) => handleUpdate({
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
-                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: i18n._({ id: 'node.ridgeVent.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (deg) => handleUpdate({ 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: i18n._({ id: 'node.ridgeVent.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.ridgeVent.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.ridgeVent.panel.duplicate', message: '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: i18n._({ id: 'node.ridgeVent.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"barrel-panel.d.ts","sourceRoot":"","sources":["../../src/roof/barrel-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAYzB,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,+BA+C1E"}
+{"version":3,"file":"barrel-panel.d.ts","sourceRoot":"","sources":["../../src/roof/barrel-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAA;AAMzB,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,+BAqD1E"}

package/dist/roof/barrel-panel.js

@@ -1,17 +1,21 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getActiveRoofHeight, getEffectiveNode, useLiveNodeOverrides, } from '@pascal-app/core';
-import { getLinearUnitLabel, linearControlValueToMeters, metersToLinearUnit, PanelSection, SliderControl, } from '@pascal-app/editor';
+import { getActiveRoofHeight, getEffectiveNode, getLinearUnitLabel, linearControlValueToMeters, metersToLinearUnit, useLiveNodeOverrides, usePascalI18n, } from '@pascal-app/core';
+import { PanelSection, SliderControl } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo } from 'react';
 import { createRoofGlazingPreview } from './glazing-preview.js';
 export function BarrelRoofPanel({ node: stored }) {
+    const i18n = usePascalI18n();
     useLiveNodeOverrides((state) => state.overrides.get(stored.id));
     const node = getEffectiveNode(stored);
     const unit = useViewer((state) => state.unit);
     const preview = useMemo(() => createRoofGlazingPreview([stored.id]), [stored.id]);
     useEffect(() => () => preview.cancel(), [preview]);
-    return (_jsxs(PanelSection, { title: "Barrel arch", children: [_jsx(SliderControl, { label: "Rise", min: metersToLinearUnit(0.01, unit), max: metersToLinearUnit(node.depth / 2, unit), step: 0.1, precision: 2, unit: getLinearUnitLabel(unit), value: metersToLinearUnit(getActiveRoofHeight(node), unit), onChange: (value) => preview.previewFields({
+    return (_jsxs(PanelSection, { title: i18n._({ id: 'node.roof.barrelPanel.barrelArch', message: 'Barrel arch' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.roof.barrelPanel.rise', message: 'Rise' }), min: metersToLinearUnit(0.01, unit), max: metersToLinearUnit(node.depth / 2, unit), step: 0.1, precision: 2, unit: getLinearUnitLabel(unit), value: metersToLinearUnit(getActiveRoofHeight(node), unit), onChange: (value) => preview.previewFields({
                     barrelRise: Math.min(node.depth / 2, linearControlValueToMeters(value, unit, { minMeters: 0.01 })),
-                }), onCommit: preview.finish, onCancel: preview.cancel, restoreOnCommit: false, previewWhileTyping: true }), _jsx(SliderControl, { label: "Arch bays", min: 4, max: 32, step: 1, precision: 0, value: node.barrelSegments ?? 12, onChange: (value) => preview.previewFields({ barrelSegments: Math.round(value) }), onCommit: preview.finish, onCancel: preview.cancel, restoreOnCommit: false, previewWhileTyping: true }), _jsx("p", { className: "px-1 text-xs text-muted-foreground", children: "Flat panes follow a circular arch. Rise is measured from the eaves." })] }));
+                }), onCommit: preview.finish, onCancel: preview.cancel, restoreOnCommit: false, previewWhileTyping: true }), _jsx(SliderControl, { label: i18n._({ id: 'node.roof.barrelPanel.archBays', message: 'Arch bays' }), min: 4, max: 32, step: 1, precision: 0, value: node.barrelSegments ?? 12, onChange: (value) => preview.previewFields({ barrelSegments: Math.round(value) }), onCommit: preview.finish, onCancel: preview.cancel, restoreOnCommit: false, previewWhileTyping: true }), _jsx("p", { className: "px-1 text-xs text-muted-foreground", children: i18n._({
+                    id: 'node.roof.barrelPanel.flatPanesFollowACircularArch',
+                    message: 'Flat panes follow a circular arch. Rise is measured from the eaves.',
+                }) })] }));
 }