@pascal-app/nodes 1.0.6 → 1.0.7

package/dist/door/placement.js

@@ -1,5 +1,5 @@
 // The door tool's placement choices: the chips [O] Type and [L] Style.
-import { DOOR_STYLE_LABELS, DOOR_STYLES, DOOR_TYPE_SIZES, doorStyleLook, doorTypeFields, } from '@pascal-app/core/building';
+import { DOOR_STYLE_LABELS, DOOR_STYLES, DOOR_TYPE_SIZES, doorStyleLook, doorTypeFields, NEW_DOOR_FRAME_THICKNESS, } from '@pascal-app/core/building';
 import { create } from 'zustand';
 /** The door panel's Type row and the tool's Type chip (garage types live under the panel's Garage). */
 export const doorTypeOptions = [
@@ -23,7 +23,14 @@ export const useDoorPlacement = create((set, get) => ({
 /** The door the tool places: the chips' type and style, written as add_door and the panel write them. */
 export function placedDoorFields() {
     const { type, style } = useDoorPlacement.getState();
-    return { ...doorTypeFields(type), ...DOOR_TYPE_SIZES[type], ...doorStyleLook(style) };
+    return {
+        frameThickness: NEW_DOOR_FRAME_THICKNESS,
+        casingFaceA: true,
+        casingFaceB: true,
+        ...doorTypeFields(type),
+        ...DOOR_TYPE_SIZES[type],
+        ...doorStyleLook(style),
+    };
 }
 export const DOOR_PLACEMENT_HINTS = [
     {

package/dist/door/swing.d.ts

@@ -0,0 +1,22 @@
+import type { DoorNode } from '@pascal-app/core';
+type SwingDoor = Pick<DoorNode, 'doorType' | 'hingesSide' | 'handleSide' | 'swingDirection'> & Partial<Pick<DoorNode, 'openingKind' | 'source'>>;
+/** Whether a door swings on hinges (the panel's Swing section), so its swing can be swapped. */
+export declare function canSwapDoorSwing(door: SwingDoor): boolean;
+/** Whether a door has one hinge side to swap: a single hinged leaf. */
+export declare function canSwapDoorHinge(door: SwingDoor): boolean;
+/** The leaf hung from `side`'s jamb, with its handle on the free edge opposite the hinges. */
+export declare function hingesSidePatch(side: 'left' | 'right'): Partial<DoorNode>;
+/** The leaf hung from the other jamb: hinges and handle trade sides, so the handle stays on the free edge. */
+export declare function swapDoorHingePatch(door: SwingDoor): Partial<DoorNode>;
+/** The leaf swinging into the other side of the wall. */
+export declare function swapDoorSwingPatch(door: SwingDoor): Partial<DoorNode>;
+/**
+ * The swing that opens a door's leaf toward `side` of its wall: the face under the cursor while
+ * placing, so the door swings into the side it is placed from (R flips it to the other side). An
+ * inward door opens toward the face it is hung facing (`rotationY` 0 faces front, π back), so a
+ * door facing that side swings inward and one facing away swings outward. A garage door has no
+ * swing and keeps its own.
+ */
+export declare function placementSwing(door: Pick<DoorNode, 'doorType' | 'swingDirection'>, rotationY: number, side: 'front' | 'back'): DoorNode['swingDirection'];
+export {};
+//# sourceMappingURL=swing.d.ts.map

package/dist/door/swing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swing.d.ts","sourceRoot":"","sources":["../../src/door/swing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEhD,KAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,gBAAgB,CAAC,GAC1F,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAA;AAInD,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAMzD;AAED,uEAAuE;AACvE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAEzD;AAED,8FAA8F;AAC9F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAEzE;AAED,8GAA8G;AAC9G,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAErE;AAED,yDAAyD;AACzD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAErE;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACnD,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,OAAO,GAAG,MAAM,GACrB,QAAQ,CAAC,gBAAgB,CAAC,CAI5B"}

package/dist/door/swing.js

@@ -0,0 +1,36 @@
+const flip = (side) => (side === 'left' ? 'right' : 'left');
+/** Whether a door swings on hinges (the panel's Swing section), so its swing can be swapped. */
+export function canSwapDoorSwing(door) {
+    return (!door.source &&
+        door.openingKind !== 'opening' &&
+        (door.doorType === 'hinged' || door.doorType === 'double' || door.doorType === 'french'));
+}
+/** Whether a door has one hinge side to swap: a single hinged leaf. */
+export function canSwapDoorHinge(door) {
+    return canSwapDoorSwing(door) && door.doorType === 'hinged';
+}
+/** The leaf hung from `side`'s jamb, with its handle on the free edge opposite the hinges. */
+export function hingesSidePatch(side) {
+    return { hingesSide: side, handleSide: flip(side) };
+}
+/** The leaf hung from the other jamb: hinges and handle trade sides, so the handle stays on the free edge. */
+export function swapDoorHingePatch(door) {
+    return { hingesSide: flip(door.hingesSide), handleSide: flip(door.handleSide) };
+}
+/** The leaf swinging into the other side of the wall. */
+export function swapDoorSwingPatch(door) {
+    return { swingDirection: door.swingDirection === 'inward' ? 'outward' : 'inward' };
+}
+/**
+ * The swing that opens a door's leaf toward `side` of its wall: the face under the cursor while
+ * placing, so the door swings into the side it is placed from (R flips it to the other side). An
+ * inward door opens toward the face it is hung facing (`rotationY` 0 faces front, π back), so a
+ * door facing that side swings inward and one facing away swings outward. A garage door has no
+ * swing and keeps its own.
+ */
+export function placementSwing(door, rotationY, side) {
+    if (door.doorType?.startsWith('garage-'))
+        return door.swingDirection;
+    const facing = Math.cos(rotationY) >= 0 ? 'front' : 'back';
+    return facing === side ? 'inward' : 'outward';
+}

package/dist/door/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAuEA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAsxBrB,CAAA;eAEc,QAAQ"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/door/tool.tsx"],"names":[],"mappings":"AAgFA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAk2BrB,CAAA;eAEc,QAAQ"}

package/dist/door/tool.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { beginSceneHistoryDraft, DoorNode, emitter, holdHiddenWallPointerEvents, isCurvedWall, sceneRegistry, spatialGridManager, useScene, WallNode as WallNodeSchema, } from '@pascal-app/core';
+import { beginSceneHistoryDraft, DEFAULT_WALL_THICKNESS, DoorNode, doorPositionForFacing, emitter, getDoorOpeningSize, getWallThickness, holdHiddenWallPointerEvents, isCurvedWall, isRailingWall, openingHostFacing, railingOpeningFields, resolveOpeningFrameDepth, sceneRegistry, spatialGridManager, useScene, WallNode as WallNodeSchema, } from '@pascal-app/core';
 import { placedDoorFace } from '@pascal-app/core/building';
 import { EDITOR_LAYER, getSideFromNormal, isMagneticSnapActive, isValidWallSideFace, triggerSFX, useAlignmentGuides, useEditor, useFacingPose, usePlacementPreview, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
@@ -13,6 +13,7 @@ import { collectWallOpeningAlignmentCandidates, resolveWallSlideAlignment, } fro
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './door-math.js';
 import { placedDoorFields, useDoorPlacement } from './placement.js';
 import DoorPreview from './preview.js';
+import { placementSwing } from './swing.js';
 const edgeMaterial = new LineBasicNodeMaterial({
     color: 0xef_44_44,
     linewidth: 3,
@@ -55,10 +56,6 @@ const DoorTool = () => {
         rotation: [0, 0, 0],
         side: fallbackPose?.side ?? 'front',
     }), [fallbackPose?.side, placedType, placedStyle]);
-    // The frame depth is a fixed parse default (the `side` flip doesn't change
-    // it); a ref lets the facing-pose publish inside the setup effect read it
-    // without re-subscribing every event listener.
-    const frameDepthRef = useRef(ghostStub.frameDepth);
     useEffect(() => {
         useScene.temporal.getState().pause();
         // The draft is a created carry draft: undo history and every save leave it out
@@ -169,7 +166,7 @@ const DoorTool = () => {
         // On-host cursor: the green/red wireframe outline tracks a live draft.
         // Showing it always clears the off-host floating ghost (they never
         // coexist — a draft means the cursor is on a valid host).
-        const updateCursor = (worldPosition, cursorRotationY, valid, indicatorYOffset) => {
+        const updateCursor = (worldPosition, cursorRotationY, valid, indicatorYOffset, hostThickness) => {
             setFallbackPose(null);
             const group = cursorGroupRef.current;
             if (!group)
@@ -184,7 +181,7 @@ const DoorTool = () => {
             useFacingPose.getState().set({
                 position: [worldPosition[0], worldPosition[1] + indicatorYOffset, worldPosition[2]],
                 rotationY: cursorRotationY,
-                depth: frameDepthRef.current,
+                depth: resolveOpeningFrameDepth({ frameDepth: draftRef.current?.frameDepth }, hostThickness),
             });
         };
         // Off-host fallback: hide the wireframe outline and float the real door
@@ -231,28 +228,46 @@ const DoorTool = () => {
             showGhostAt([x, getLevelYOffset() + FALLBACK_HEIGHT / 2, z]);
         };
         // Settle a wall target: alignment snap → clamp → overlap check. Pure read.
-        const resolveWallPlacement = (wall, rawLocalX, width, height, applySnap, ignoreId) => {
+        const resolveWallPlacement = (wall, rawLocalX, width, height, applySnap, ignoreId, rotationY = 0) => {
             // Along-wall alignment guides are DISPLAYED in every snapping mode; the
             // magnetic pull onto them is applied only when `applySnap` (magnetic
             // "lines" mode). The grid component lives in `snapToHalf`, which is itself
             // mode-aware (raw cursor when grid is off).
+            const draft = draftRef.current;
+            const size = getDoorOpeningSize({ ...draft, width, height });
+            const offset = size.leafOffsetX * openingHostFacing({ rotation: [0, rotationY, 0] });
+            const facingX = doorPositionForFacing({
+                ...draft,
+                width,
+                height,
+                rotation: [0, 0, 0],
+                position: [rawLocalX + size.leafOffsetX, height / 2, 0],
+            }, [0, rotationY, 0])[0];
             const localX = resolveWallSlideAlignment({
                 wallNode: wall,
-                rawLocalX,
-                width,
+                rawLocalX: facingX - offset,
+                width: size.width,
                 candidates: alignmentCandidates,
                 applySnap,
             });
-            const { clampedX, clampedY } = clampToWall(wall, localX, width, height);
-            const valid = !hasWallChildOverlap(wall.id, useScene.getState().nodes, clampedX, clampedY, width, height, ignoreId);
-            return { clampedX, clampedY, valid };
+            const cut = clampToWall(wall, localX + offset, width, height, { ...draft, rotation: [0, rotationY, 0] }, useScene.getState().nodes);
+            const fittedSize = getDoorOpeningSize({
+                ...draft,
+                width,
+                height,
+                transomHeight: cut.transomHeight ?? draft?.transomHeight,
+            });
+            const clampedX = cut.clampedX;
+            const clampedY = cut.clampedY;
+            const valid = !hasWallChildOverlap(wall.id, useScene.getState().nodes, cut.clampedX - offset, cut.clampedY + (fittedSize.height - height) / 2, fittedSize.width, fittedSize.height, ignoreId);
+            return { clampedX, clampedY, valid, transomHeight: cut.transomHeight };
         };
         // Shared create/update path for the wall draft — used by the direct
         // wall-mesh hover and the floor proximity snap. Reuses the existing draft
         // (reparenting only on an actual wall change to avoid churning the host's
         // children array, which flashes 0-vertex wall geometry in WebGPU).
         const applyWallTarget = (args) => {
-            const { wall, rawLocalX, side, itemRotation, cursorRotationY, applySnap } = args;
+            const { wall, rawLocalX, side, itemRotation, swingSide, cursorRotationY, applySnap } = args;
             const placed = placedDoorFields();
             const width = draftRef.current?.width ?? placed.width ?? 0.9;
             const height = draftRef.current?.height ?? placed.height ?? 2.1;
@@ -269,20 +284,26 @@ const DoorTool = () => {
                 createDraft(node, wall.id);
                 draftRef.current = node;
             }
-            const { clampedX, clampedY, valid } = resolveWallPlacement(wall, rawLocalX, width, height, applySnap, draftRef.current.id);
+            const { clampedX, clampedY, valid, transomHeight } = resolveWallPlacement(wall, rawLocalX, width, height, applySnap, draftRef.current.id, itemRotation);
+            // The leaf swings into the side the cursor is on (R sends it to the other side).
+            const swingDirection = placementSwing(draftRef.current, itemRotation, swingSide);
             if (wall.id === draftRef.current.parentId) {
                 useScene.getState().updateNode(draftRef.current.id, {
                     position: [clampedX, clampedY, 0],
+                    ...(transomHeight === undefined ? {} : { transomHeight }),
                     rotation: [0, itemRotation, 0],
                     side,
+                    swingDirection,
                 });
                 markHostDirty(wall.id);
             }
             else {
                 useScene.getState().updateNode(draftRef.current.id, {
                     position: [clampedX, clampedY, 0],
+                    ...(transomHeight === undefined ? {} : { transomHeight }),
                     rotation: [0, itemRotation, 0],
                     side,
+                    swingDirection,
                     parentId: wall.id,
                     wallId: wall.id,
                     // The draft may arrive from a roof-segment face hover.
@@ -291,7 +312,7 @@ const DoorTool = () => {
                 });
             }
             publishDraftPreview(wall);
-            updateCursor(wallLocalToWorld(wall, clampedX, clampedY, getLevelYOffset(), getSlabElevationForWall(wall)), cursorRotationY, valid, -clampedY);
+            updateCursor(wallLocalToWorld(wall, clampedX, clampedY, getLevelYOffset(), getSlabElevationForWall(wall)), cursorRotationY, valid, -height / 2, getWallThickness(wall));
             if (draftRef.current) {
                 publishOpeningGuidesForWallEvent({
                     wall,
@@ -309,7 +330,7 @@ const DoorTool = () => {
         };
         // Promote the draft into a permanent door. Shared by the wall-mesh click
         // and the floor proximity click.
-        const commitDoorAtWall = (wall, clampedX, clampedY, side, itemRotation) => {
+        const commitDoorAtWall = (wall, clampedX, clampedY, side, itemRotation, swingSide) => {
             const draft = draftRef.current;
             if (!draft)
                 return;
@@ -326,15 +347,25 @@ const DoorTool = () => {
                 const w = n.parentId ? state.nodes[n.parentId] : undefined;
                 return w?.parentId === levelId;
             }).length;
+            // On a railing the door becomes a gap in the guard, as tall as the guard.
+            const railingGap = isRailingWall(wall) ? railingOpeningFields(wall) : null;
             const node = DoorNode.parse({
-                name: `Door ${doorCount + 1}`,
-                position: [clampedX, clampedY, 0],
+                name: `${railingGap ? 'Opening' : 'Door'} ${doorCount + 1}`,
+                position: [
+                    clampedX,
+                    railingGap ? clampedY + (railingGap.height - draft.height) / 2 : clampedY,
+                    0,
+                ],
                 rotation: [0, itemRotation, 0],
                 side,
                 wallId: wall.id,
                 parentId: wall.id,
                 width: draft.width,
                 height: draft.height,
+                sidelightLeft: draft.sidelightLeft,
+                sidelightRight: draft.sidelightRight,
+                transomHeight: draft.transomHeight,
+                slidingStyle: draft.slidingStyle,
                 doorCategory: draft.doorCategory,
                 doorType: draft.doorType,
                 leafCount: draft.leafCount,
@@ -342,12 +373,14 @@ const DoorTool = () => {
                 slideDirection: draft.slideDirection,
                 trackStyle: draft.trackStyle,
                 garagePanelCount: draft.garagePanelCount,
+                casingFaceA: draft.casingFaceA,
+                casingFaceB: draft.casingFaceB,
+                casingWidth: draft.casingWidth,
                 frameThickness: draft.frameThickness,
-                frameDepth: draft.frameDepth,
                 threshold: draft.threshold,
                 thresholdHeight: draft.thresholdHeight,
                 hingesSide: draft.hingesSide,
-                swingDirection: draft.swingDirection,
+                swingDirection: placementSwing(draft, itemRotation, swingSide),
                 segments: draft.segments,
                 contentPadding: draft.contentPadding,
                 handle: draft.handle,
@@ -356,6 +389,7 @@ const DoorTool = () => {
                 doorCloser: draft.doorCloser,
                 panicBar: draft.panicBar,
                 panicBarHeight: draft.panicBarHeight,
+                ...railingGap,
             });
             useScene.getState().createNode(node, wall.id);
             useViewer.getState().setSelection({ selectedIds: [node.id] });
@@ -383,8 +417,11 @@ const DoorTool = () => {
                 return;
             }
             lastWallEvent = event;
-            // An outside wall's door faces out whichever face is hovered, as add_door places it.
-            const faceSide = placedDoorFace(event.node, getSideFromNormal(event.normal));
+            // An outside wall's door faces out whichever face is hovered, as add_door places it; the
+            // leaf still swings into the hovered side (R flips facing and swing together).
+            const hovered = getSideFromNormal(event.normal);
+            const swingSide = sideFlip ? (hovered === 'front' ? 'back' : 'front') : hovered;
+            const faceSide = placedDoorFace(event.node, hovered);
             const side = sideFlip ? (faceSide === 'front' ? 'back' : 'front') : faceSide;
             const flipOffset = sideFlip ? Math.PI : 0;
             const itemRotation = (faceSide === 'back' ? Math.PI : 0) + flipOffset;
@@ -400,6 +437,7 @@ const DoorTool = () => {
                 rawLocalX: event.localPosition[0],
                 side,
                 itemRotation,
+                swingSide,
                 cursorRotationY: cursorRotation,
                 applySnap: isMagneticSnapActive(),
             });
@@ -413,14 +451,16 @@ const DoorTool = () => {
                 event.node.parentId !== getLevelId()) {
                 return;
             }
-            const faceSide = placedDoorFace(event.node, getSideFromNormal(event.normal));
+            const hovered = getSideFromNormal(event.normal);
+            const swingSide = sideFlip ? (hovered === 'front' ? 'back' : 'front') : hovered;
+            const faceSide = placedDoorFace(event.node, hovered);
             const side = sideFlip ? (faceSide === 'front' ? 'back' : 'front') : faceSide;
             const itemRotation = (faceSide === 'back' ? Math.PI : 0) + (sideFlip ? Math.PI : 0);
-            const { clampedX, clampedY, valid } = resolveWallPlacement(event.node, event.localPosition[0], draftRef.current.width, draftRef.current.height, isMagneticSnapActive(), draftRef.current.id);
+            const { clampedX, clampedY, valid } = resolveWallPlacement(event.node, event.localPosition[0], draftRef.current.width, draftRef.current.height, isMagneticSnapActive(), draftRef.current.id, itemRotation);
             // Alt force-places over a collision (the draft stays red as a warning).
             if (!valid && event.nativeEvent?.altKey !== true)
                 return;
-            commitDoorAtWall(event.node, clampedX, clampedY, side, itemRotation);
+            commitDoorAtWall(event.node, clampedX, clampedY, side, itemRotation, swingSide);
             event.stopPropagation();
         };
         // XR runtimes deliver selectend as a grid click, but do not replay the
@@ -476,12 +516,13 @@ const DoorTool = () => {
             width: draftRef.current?.width ?? 0.9,
             height: draftRef.current?.height ?? 2.1,
             ignoreId: draftRef.current?.id,
+            opening: draftRef.current ?? undefined,
             vertical: { kind: 'bottom-locked' },
         });
         const updateRoofCursor = (target, roof) => {
             const pose = getRoofWallOpeningCursorPose(target, roof);
             if (pose)
-                updateCursor(pose.position, pose.rotationY, target.valid, -target.position[1]);
+                updateCursor(pose.position, pose.rotationY, target.valid, -target.position[1], DEFAULT_WALL_THICKNESS);
         };
         const onRoofHover = (event) => {
             hostKind = 'roof';
@@ -552,6 +593,10 @@ const DoorTool = () => {
                 parentId: segment.id,
                 width: draft.width,
                 height: draft.height,
+                sidelightLeft: draft.sidelightLeft,
+                sidelightRight: draft.sidelightRight,
+                transomHeight: draft.transomHeight,
+                slidingStyle: draft.slidingStyle,
                 doorCategory: draft.doorCategory,
                 doorType: draft.doorType,
                 leafCount: draft.leafCount,
@@ -559,8 +604,10 @@ const DoorTool = () => {
                 slideDirection: draft.slideDirection,
                 trackStyle: draft.trackStyle,
                 garagePanelCount: draft.garagePanelCount,
+                casingFaceA: draft.casingFaceA,
+                casingFaceB: draft.casingFaceB,
+                casingWidth: draft.casingWidth,
                 frameThickness: draft.frameThickness,
-                frameDepth: draft.frameDepth,
                 threshold: draft.threshold,
                 thresholdHeight: draft.thresholdHeight,
                 hingesSide: draft.hingesSide,
@@ -702,7 +749,7 @@ const DoorTool = () => {
     // unmount rather than reallocating (and orphaning) an EdgesGeometry on every
     // re-render during placement.
     const edgesGeo = useMemo(() => {
-        const boxGeo = new BoxGeometry(FALLBACK_WIDTH, FALLBACK_HEIGHT, 0.07);
+        const boxGeo = new BoxGeometry(FALLBACK_WIDTH, FALLBACK_HEIGHT, resolveOpeningFrameDepth({}, DEFAULT_WALL_THICKNESS));
         const geo = new EdgesGeometry(boxGeo);
         boxGeo.dispose();
         return geo;

package/dist/dormer/panel-actions-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-actions-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-actions-section.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,+BAmBA"}
+{"version":3,"file":"panel-actions-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-actions-section.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,+BA0BA"}

package/dist/dormer/panel-actions-section.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePascalI18n } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection } from '@pascal-app/editor';
 import { Copy, Move, Trash2 } from 'lucide-react';
 /**
@@ -7,5 +8,6 @@ import { Copy, Move, Trash2 } from 'lucide-react';
  * inspector. Pure presentation — owners pass the three handlers.
  */
 export function DormerActionsSection({ onMove, onDuplicate, onDelete, }) {
-    return (_jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: onMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: onDuplicate }), _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: onDelete })] }) }));
+    const i18n = usePascalI18n();
+    return (_jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panelActionsSection.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.dormer.panelActionsSection.move', message: 'Move' }), onClick: onMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.dormer.panelActionsSection.duplicate', message: 'Duplicate' }), onClick: onDuplicate }), _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.dormer.panelActionsSection.delete', message: 'Delete' }), onClick: onDelete })] }) }));
 }

package/dist/dormer/panel-position-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-position-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-position-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAA;AAKzB;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,WAAW,EACX,UAAU,GACX,EAAE;IACD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;IACpC,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACnD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;CACnD,+BA+LA"}
+{"version":3,"file":"panel-position-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-position-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AAKzB;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,WAAW,EACX,UAAU,GACX,EAAE;IACD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;IACpC,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACnD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;CACnD,+BAkMA"}

package/dist/dormer/panel-position-section.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { sceneRegistry, useScene, } from '@pascal-app/core';
+import { sceneRegistry, usePascalI18n, useScene, } from '@pascal-app/core';
 import { PanelSection, SliderControl } from '@pascal-app/editor';
 import { useMemo } from 'react';
 import { Vector3 } from 'three';
@@ -12,6 +12,7 @@ import { Vector3 } from 'three';
  * local commits, including the cross-segment reparent case.
  */
 export function DormerPositionSection({ node, segment, roof, selectedId, previewProp, commitProp, }) {
+    const i18n = usePascalI18n();
     const px = node.position[0];
     const py = node.position[1];
     const pz = node.position[2];
@@ -136,7 +137,7 @@ export function DormerPositionSection({ node, segment, roof, selectedId, preview
         }
         commitProp({ rotation: newWorldRot - ancestorWorldY });
     };
-    return (_jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
+    return (_jsxs(PanelSection, { title: i18n._({ id: 'node.dormer.panelPositionSection.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
                     if (!segment)
                         return;
                     const local = worldToSegLocal(newWorldX, worldZ_now, segment);
@@ -146,7 +147,7 @@ export function DormerPositionSection({ node, segment, roof, selectedId, preview
                         return;
                     const local = worldToSegLocal(worldX_now, newWorldZ, segment);
                     previewProp({ position: [local.localX, py ?? 0, local.localZ] });
-                }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panelPositionSection.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (degrees) => {
                     const newWorldRot = (degrees * Math.PI) / 180;
                     let ancestorWorldY = 0;
                     if (segment) {

package/dist/dormer/panel-windows-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-windows-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-windows-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,+BAiEA"}
+{"version":3,"file":"panel-windows-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-windows-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAKlD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,+BA0GA"}

package/dist/dormer/panel-windows-section.js

@@ -1,7 +1,44 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatFixed, usePascalI18n } from '@pascal-app/core';
 import { ActionButton, PanelSection } from '@pascal-app/editor';
 import { Move, Pencil, Plus } from 'lucide-react';
 export function DormerWindowsSection({ windows, canAdd, onAdd, onEdit, onMove, }) {
-    return (_jsxs(PanelSection, { title: `Windows (${windows.length})`, children: [windows.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: windows.map((window, index) => (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] p-1", children: [_jsxs("button", { className: "min-w-0 flex-1 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => onEdit(window), type: "button", children: [_jsx("span", { className: "block truncate font-medium text-foreground text-xs", children: window.name || `Window ${index + 1}` }), _jsxs("span", { className: "block truncate text-[10px] text-muted-foreground capitalize", children: [window.dormerFace ?? 'front', " \u00B7 ", window.width.toFixed(2), " \u00D7", ' ', window.height.toFixed(2), " m"] })] }), _jsx("button", { "aria-label": `Edit ${window.name || `Window ${index + 1}`}`, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onEdit(window), title: "Edit window", type: "button", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsxs("button", { "aria-label": `Move ${window.name || `Window ${index + 1}`}`, className: "flex h-8 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onMove(window), title: "Move window", type: "button", children: [_jsx(Move, { className: "h-3.5 w-3.5" }), "Move"] })] }, window.id))) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: "No windows" })), _jsxs("div", { className: "px-1 pt-2 pb-1", children: [_jsx(ActionButton, { className: "w-full", disabled: !canAdd, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Window", onClick: onAdd }), !canAdd && (_jsx("p", { className: "px-1 pt-2 text-center text-[10px] text-muted-foreground", children: "Increase the dormer width to add another window." }))] })] }));
+    const i18n = usePascalI18n();
+    const windowName = (window, index) => window.name ||
+        i18n._({
+            id: 'node.dormer.panelWindowsSection.windowNumber',
+            message: 'Window {number}',
+            values: { number: index + 1 },
+        });
+    return (_jsxs(PanelSection, { title: i18n._({
+            id: 'node.dormer.panelWindowsSection.windowsLength',
+            message: 'Windows ({length})',
+            values: { length: windows.length },
+        }), children: [windows.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: windows.map((window, index) => (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] p-1", children: [_jsxs("button", { className: "min-w-0 flex-1 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => onEdit(window), type: "button", children: [_jsx("span", { className: "block truncate font-medium text-foreground text-xs", children: windowName(window, index) }), _jsx("span", { className: "block truncate text-[10px] text-muted-foreground", children: i18n._({
+                                        id: 'node.dormer.panelWindowsSection.windowSummary',
+                                        message: '{face, select, back {Back} left {Left} right {Right} other {Front}} · {width} × {height} m',
+                                        values: {
+                                            face: window.dormerFace ?? 'front',
+                                            width: formatFixed(window.width, 2, i18n.getLocale()),
+                                            height: formatFixed(window.height, 2, i18n.getLocale()),
+                                        },
+                                    }) })] }), _jsx("button", { "aria-label": i18n._({
+                                id: 'node.dormer.panelWindowsSection.editNamed',
+                                message: 'Edit {name}',
+                                values: { name: windowName(window, index) },
+                            }), className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onEdit(window), title: i18n._({
+                                id: 'node.dormer.panelWindowsSection.editWindow',
+                                message: 'Edit window',
+                            }), type: "button", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsxs("button", { "aria-label": i18n._({
+                                id: 'node.dormer.panelWindowsSection.moveNamed',
+                                message: 'Move {name}',
+                                values: { name: windowName(window, index) },
+                            }), className: "flex h-8 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onMove(window), title: i18n._({
+                                id: 'node.dormer.panelWindowsSection.moveWindow',
+                                message: 'Move window',
+                            }), type: "button", children: [_jsx(Move, { className: "h-3.5 w-3.5" }), i18n._({ id: 'node.dormer.panelWindowsSection.move', message: 'Move' })] })] }, window.id))) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: i18n._({ id: 'node.dormer.panelWindowsSection.noWindows', message: 'No windows' }) })), _jsxs("div", { className: "px-1 pt-2 pb-1", children: [_jsx(ActionButton, { className: "w-full", disabled: !canAdd, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.dormer.panelWindowsSection.addWindow', message: 'Add Window' }), onClick: onAdd }), !canAdd && (_jsx("p", { className: "px-1 pt-2 text-center text-[10px] text-muted-foreground", children: i18n._({
+                            id: 'node.dormer.panelWindowsSection.increaseTheDormerWidthToAdd',
+                            message: 'Increase the dormer width to add another window.',
+                        }) }))] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/dormer/panel.tsx"],"names":[],"mappings":"AAuDA,MAAM,CAAC,OAAO,UAAU,WAAW,uCA0VlC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/dormer/panel.tsx"],"names":[],"mappings":"AA4DA,MAAM,CAAC,OAAO,UAAU,WAAW,uCAqWlC"}

package/dist/dormer/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createDormerDefaultWindow, generateId, useLiveNodeOverrides, useScene, WindowNode, } from '@pascal-app/core';
+import { createDormerDefaultWindow, generateId, useLiveNodeOverrides, usePascalI18n, useScene, WindowNode, } from '@pascal-app/core';
 import { cn, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useState } from 'react';
@@ -10,23 +10,27 @@ import { DormerPositionSection } from './panel-position-section.js';
 import { DormerWindowsSection } from './panel-windows-section.js';
 import { planDormerWindowRow } from './window-layout.js';
 const ROOF_TYPE_OPTIONS = [
-    { label: 'Gable', value: 'gable' },
-    { label: 'Hip', value: 'hip' },
-    { label: 'Shed', value: 'shed' },
-    { label: 'Gambrel', value: 'gambrel' },
-    { label: 'Dutch', value: 'dutch' },
-    { label: 'Mansard', value: 'mansard' },
-    { label: 'Flat', value: 'flat' },
+    { label: /* i18n */ { id: 'node.dormer.panel.gable', message: 'Gable' }, value: 'gable' },
+    { label: /* i18n */ { id: 'node.dormer.panel.hip', message: 'Hip' }, value: 'hip' },
+    { label: /* i18n */ { id: 'node.dormer.panel.shed', message: 'Shed' }, value: 'shed' },
+    { label: /* i18n */ { id: 'node.dormer.panel.gambrel', message: 'Gambrel' }, value: 'gambrel' },
+    { label: /* i18n */ { id: 'node.dormer.panel.dutch', message: 'Dutch' }, value: 'dutch' },
+    { label: /* i18n */ { id: 'node.dormer.panel.mansard', message: 'Mansard' }, value: 'mansard' },
+    { label: /* i18n */ { id: 'node.dormer.panel.flat', message: 'Flat' }, value: 'flat' },
 ];
 const SHED_HIGH_SIDE_OPTIONS = [
-    { label: 'Rise Back', value: 'back' },
-    { label: 'Rise Front', value: 'front' },
+    { label: /* i18n */ { id: 'node.dormer.panel.riseBack', message: 'Rise Back' }, value: 'back' },
+    {
+        label: /* i18n */ { id: 'node.dormer.panel.riseFront', message: 'Rise Front' },
+        value: 'front',
+    },
 ];
 const SECTION_OPTIONS = [
-    { label: 'Dormer', value: 'dormer' },
-    { label: 'Windows', value: 'window' },
+    { label: /* i18n */ { id: 'node.dormer.panel.dormer', message: 'Dormer' }, value: 'dormer' },
+    { label: /* i18n */ { id: 'node.dormer.panel.windows', message: 'Windows' }, value: 'window' },
 ];
 export default function DormerPanel() {
+    const i18n = usePascalI18n();
     const [section, setSection] = useState('dormer');
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
@@ -187,20 +191,22 @@ export default function DormerPanel() {
             width: templateWindow?.width ?? defaultWindow.width,
         },
     ]) !== null;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Dormer', width: 300, children: [_jsx(DormerPositionSection, { commitProp: commitProp, node: node, previewProp: previewProp, roof: roof, segment: segment, selectedId: selectedId }), _jsx(PanelSection, { title: "Section", children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: SECTION_OPTIONS.map((option) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.dormer.panel.dormer', message: 'Dormer' }), width: 300, children: [_jsx(DormerPositionSection, { commitProp: commitProp, node: node, previewProp: previewProp, roof: roof, segment: segment, selectedId: selectedId }), _jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.section', message: 'Section' }), children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: SECTION_OPTIONS.map((option) => {
                         const isSelected = section === option.value;
                         return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-center text-xs transition-colors', isSelected
                                 ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setSection(option.value), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
-                    }) }) }), section === 'dormer' && (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.5, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.5, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Wall Height", max: 1000, min: 0, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height }), _jsx(SliderControl, { label: node.roofType === 'shed' ? 'Pitch Rise' : 'Roof Height', max: 3, min: 0, onChange: (v) => previewProp({ roofHeight: v }), onCommit: (v) => commitProp({ roofHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.roofHeight })] }), _jsx(PanelSection, { title: "Roof Type", children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: ROOF_TYPE_OPTIONS.map((option) => {
+                                : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setSection(option.value), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
+                    }) }) }), section === 'dormer' && (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.dormer.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.width', message: 'Width' }), max: 1000, min: 0.5, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.depth', message: 'Depth' }), max: 1000, min: 0.5, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.wallHeight', message: 'Wall Height' }), max: 1000, min: 0, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height }), _jsx(SliderControl, { label: node.roofType === 'shed'
+                                    ? i18n._({ id: 'node.dormer.panel.pitchRise', message: 'Pitch Rise' })
+                                    : i18n._({ id: 'node.dormer.panel.roofHeight', message: 'Roof Height' }), max: 3, min: 0, onChange: (v) => previewProp({ roofHeight: v }), onCommit: (v) => commitProp({ roofHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.roofHeight })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.roofType', message: 'Roof Type' }), children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: ROOF_TYPE_OPTIONS.map((option) => {
                                 const isSelected = node.roofType === option.value;
                                 return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-xs transition-colors', isSelected
                                         ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ roofType: option.value }), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
-                            }) }) }), node.roofType === 'shed' && (_jsx(PanelSection, { title: "Pitch Direction", children: _jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: SHED_HIGH_SIDE_OPTIONS.map((option) => {
+                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ roofType: option.value }), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
+                            }) }) }), node.roofType === 'shed' && (_jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.pitchDirection', message: 'Pitch Direction' }), children: _jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: SHED_HIGH_SIDE_OPTIONS.map((option) => {
                                 const isSelected = node.shedHighSide === option.value;
                                 return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-xs transition-colors', isSelected
                                         ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ shedHighSide: option.value }), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
+                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ shedHighSide: option.value }), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
                             }) }) }))] })), section === 'window' && (_jsx(DormerWindowsSection, { canAdd: canAddWindow, onAdd: handleAddWindow, onEdit: handleEditWindow, onMove: handleMoveWindow, windows: hostedWindows })), _jsx(DormerActionsSection, { onDelete: handleDelete, onDuplicate: handleDuplicate, onMove: handleMove })] }));
 }

package/dist/downspout/inspector-editors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inspector-editors.d.ts","sourceRoot":"","sources":["../../src/downspout/inspector-editors.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAKnB,MAAM,kBAAkB,CAAA;AAGzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,sCAoExE"}
+{"version":3,"file":"inspector-editors.d.ts","sourceRoot":"","sources":["../../src/downspout/inspector-editors.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAMnB,MAAM,kBAAkB,CAAA;AAGzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,sCAqExE"}