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

package/dist/dormer/floorplan.js

@@ -14,9 +14,9 @@
  *
  * Per-type roof linework follows the dormer's own roof geometry
  * (`buildDormerCutShape` in csg-geometry.ts): gable ridge runs along Z,
- * shed slopes high-at-back (−Z) to low-at-front (+Z), hip ridges along the
- * longer axis. Gambrel falls back to gable; dutch/mansard to hip — the
- * same fallbacks the 3D cut uses.
+ * shed arrows follow the configured high-to-low direction, and hip ridges
+ * run along the longer axis. Gambrel falls back to gable; dutch/mansard to
+ * hip — the same fallbacks the 3D cut uses.
  */
 export function buildDormerFloorplan(node, ctx) {
     const segment = ctx.parent;
@@ -112,10 +112,9 @@ export function buildDormerFloorplan(node, ctx) {
     const type = node.roofType;
     if (node.roofHeight > 0 && type !== 'flat') {
         if (type === 'shed') {
-            // Slopes from the high back (−Z) down to the low front (+Z); show a
-            // downslope arrow pointing toward the front.
-            const tail = toPlan(0, -hd * 0.55);
-            const head = toPlan(0, hd * 0.55);
+            const highZ = node.shedHighSide === 'front' ? hd * 0.55 : -hd * 0.55;
+            const tail = toPlan(0, highZ);
+            const head = toPlan(0, -highZ);
             const dx = head[0] - tail[0];
             const dy = head[1] - tail[1];
             const len = Math.hypot(dx, dy) || 1;
@@ -179,15 +178,5 @@ export function buildDormerFloorplan(node, ctx) {
             line([0, -hd], [0, hd], ridgeWidth);
         }
     }
-    // Window on the +Z (front) face — a line just inside the front edge,
-    // spanning the window width centred at its X offset. Marks the glazing
-    // and which way the dormer faces.
-    const ww = node.windowWidth ?? 0;
-    if (ww > 0.01) {
-        const halfWin = Math.min(ww, node.width) / 2;
-        const center = Math.max(-hw + halfWin, Math.min(hw - halfWin, node.windowOffsetX ?? 0));
-        const inset = Math.min(hd * 0.2, 0.08);
-        line([center - halfWin, hd - inset], [center + halfWin, hd - inset], lineWidth);
-    }
     return { kind: 'group', children };
 }

package/dist/dormer/geometry.d.ts

@@ -1,4 +1,4 @@
-import type { DormerNode } from '@pascal-app/core';
+import { type DormerNode } from '@pascal-app/core';
 import * as THREE from 'three';
 /**
  * Grid-snap step (metres) applied to the world cursor position while a
@@ -13,30 +13,11 @@ export declare const DORMER_PLACEMENT_SNAP_M = 0.05;
  * diagonals in three.
  */
 export declare const DORMER_PLACEMENT_ROTATION_STEP: number;
+export declare function getDormerBodyYaw(node: Pick<DormerNode, 'roofType' | 'shedHighSide'>): number;
 /**
- * Lightweight silhouette geometry used by the placement / move-tool
- * ghost preview only. Renders the dormer as an extruded pentagon
- * (rectangle body + triangular gable) dropped by `wallSkirtHeight` below
- * the anchor so the cursor sits at the floor of the dormer the way the
- * committed CSG geometry does.
- *
- * For `roofType === 'flat'` (or `roofHeight === 0`) the gable apex is
- * skipped and the shape collapses to a rectangle. Other roof types use
- * the gable approximation — exact per-type silhouettes are a future
- * improvement.
- *
- * Kept self-contained (no `@pascal-app/viewer` imports) so the geometry
- * test doesn't drag in the CSG / BVH module graph, which fails to load
- * outside of a browser/WebGL context. The viewer has its own
- * `buildDormerFallbackGeometry` that mirrors this shape — used both as
- * the CSG fallback when boolean ops fail and as the live-drag preview
- * in the dormer renderer.
+ * Builds the lightweight placement and live-edit shell from the same
+ * per-type face generator used by committed roof geometry.
  */
+export declare function buildDormerShellGeometry(node: DormerNode): THREE.BufferGeometry;
 export declare function buildDormerGhostGeometry(node: DormerNode): THREE.BufferGeometry;
-/**
- * Inspector helper: which window-shape sub-controls to surface for the
- * current dormer.
- */
-export declare function dormerSupportsArch(node: DormerNode): boolean;
-export declare function dormerSupportsCornerRadii(node: DormerNode): boolean;
 //# sourceMappingURL=geometry.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/dormer/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,OAAO,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,QAAuB,CAAA;AAElE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,cAAc,CAoB/E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAE5D;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEnE"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/dormer/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,OAAO,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,QAAuB,CAAA;AAElE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG,MAAM,CAG5F;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,cAAc,CA0D/E;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,cAAc,CAE/E"}

package/dist/dormer/geometry.js

@@ -1,3 +1,4 @@
+import { getPitchFromActiveRoofHeight, getRoofModuleFaces, getRoofShapeRatios, ROOF_SHAPE_DEFAULTS, } from '@pascal-app/core';
 import * as THREE from 'three';
 /**
  * Grid-snap step (metres) applied to the world cursor position while a
@@ -12,52 +13,74 @@ export const DORMER_PLACEMENT_SNAP_M = 0.05;
  * diagonals in three.
  */
 export const DORMER_PLACEMENT_ROTATION_STEP = (15 * Math.PI) / 180;
+export function getDormerBodyYaw(node) {
+    if (node.roofType !== 'shed')
+        return Math.PI / 2;
+    return node.shedHighSide === 'front' ? Math.PI : 0;
+}
 /**
- * Lightweight silhouette geometry used by the placement / move-tool
- * ghost preview only. Renders the dormer as an extruded pentagon
- * (rectangle body + triangular gable) dropped by `wallSkirtHeight` below
- * the anchor so the cursor sits at the floor of the dormer the way the
- * committed CSG geometry does.
- *
- * For `roofType === 'flat'` (or `roofHeight === 0`) the gable apex is
- * skipped and the shape collapses to a rectangle. Other roof types use
- * the gable approximation — exact per-type silhouettes are a future
- * improvement.
- *
- * Kept self-contained (no `@pascal-app/viewer` imports) so the geometry
- * test doesn't drag in the CSG / BVH module graph, which fails to load
- * outside of a browser/WebGL context. The viewer has its own
- * `buildDormerFallbackGeometry` that mirrors this shape — used both as
- * the CSG fallback when boolean ops fail and as the live-drag preview
- * in the dormer renderer.
+ * Builds the lightweight placement and live-edit shell from the same
+ * per-type face generator used by committed roof geometry.
  */
-export function buildDormerGhostGeometry(node) {
+export function buildDormerShellGeometry(node) {
     const w = Math.max(0.05, node.width);
     const wallH = Math.max(0.05, node.height);
     const roofH = Math.max(0, node.roofHeight);
     const d = Math.max(0.05, node.depth);
-    const skirt = Math.max(0.05, node.wallSkirtHeight);
-    const hw = w / 2;
-    const isFlat = node.roofType === 'flat' || roofH === 0;
-    const shape = new THREE.Shape();
-    shape.moveTo(-hw, -skirt);
-    shape.lineTo(hw, -skirt);
-    shape.lineTo(hw, wallH);
-    if (!isFlat)
-        shape.lineTo(0, wallH + roofH);
-    shape.lineTo(-hw, wallH);
-    shape.closePath();
-    const geo = new THREE.ExtrudeGeometry(shape, { depth: d, bevelEnabled: false });
-    geo.translate(0, 0, -d / 2);
-    return geo;
-}
-/**
- * Inspector helper: which window-shape sub-controls to surface for the
- * current dormer.
- */
-export function dormerSupportsArch(node) {
-    return node.windowShape === 'arch';
+    const skirt = Math.max(0.05, node.wallSkirtHeight ?? 2);
+    const isShed = node.roofType === 'shed';
+    const segW = isShed ? w : d;
+    const segD = isShed ? d : w;
+    const pitch = getPitchFromActiveRoofHeight({
+        roofType: node.roofType,
+        width: segW,
+        depth: segD,
+        roofHeight: roofH,
+    });
+    const faces = getRoofModuleFaces({
+        type: node.roofType,
+        w: segW,
+        d: segD,
+        wh: wallH,
+        rh: roofH,
+        baseY: -skirt,
+        insets: {},
+        baseW: segW,
+        baseD: segD,
+        tanTheta: Math.tan((pitch * Math.PI) / 180),
+        shapeRatios: getRoofShapeRatios(ROOF_SHAPE_DEFAULTS),
+    });
+    const positions = [];
+    const materialGroups = [];
+    for (const face of faces) {
+        if (face.length < 3)
+            continue;
+        const a = new THREE.Vector3(face[0].x, face[0].y, face[0].z);
+        const b = new THREE.Vector3(face[1].x, face[1].y, face[1].z);
+        const c = new THREE.Vector3(face[2].x, face[2].y, face[2].z);
+        const normal = b.clone().sub(a).cross(c.clone().sub(a)).normalize();
+        const start = positions.length / 3;
+        for (let index = 1; index < face.length - 1; index++) {
+            for (const point of [face[0], face[index], face[index + 1]]) {
+                positions.push(point.x, point.y, point.z);
+            }
+        }
+        materialGroups.push({
+            start,
+            count: positions.length / 3 - start,
+            materialIndex: normal.y > 0.01 ? 3 : 0,
+        });
+    }
+    const geometry = new THREE.BufferGeometry();
+    geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
+    for (const group of materialGroups)
+        geometry.addGroup(group.start, group.count, group.materialIndex);
+    const bodyYaw = getDormerBodyYaw(node);
+    if (bodyYaw !== 0)
+        geometry.rotateY(bodyYaw);
+    geometry.computeVertexNormals();
+    return geometry;
 }
-export function dormerSupportsCornerRadii(node) {
-    return node.windowShape === 'rounded';
+export function buildDormerGhostGeometry(node) {
+    return buildDormerShellGeometry(node);
 }

package/dist/dormer/index.d.ts

@@ -1,5 +1,5 @@
 export { dormerDefinition } from './definition';
-export { buildDormerGhostGeometry, dormerSupportsArch, dormerSupportsCornerRadii, } from './geometry';
+export { buildDormerGhostGeometry } from './geometry';
 export type { DormerSurfaceMaterialRole, DormerSurfaceMaterialSpec, } from './schema';
 export { DormerNode, getEffectiveDormerSurfaceMaterial } from './schema';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dormer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,YAAY,CAAA;AACnB,YAAY,EACV,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,UAAU,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dormer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,YAAY,EACV,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,UAAU,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA"}

package/dist/dormer/index.js

@@ -1,3 +1,3 @@
 export { dormerDefinition } from './definition';
-export { buildDormerGhostGeometry, dormerSupportsArch, dormerSupportsCornerRadii, } from './geometry';
+export { buildDormerGhostGeometry } from './geometry';
 export { DormerNode, getEffectiveDormerSurfaceMaterial } from './schema';

package/dist/dormer/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/dormer/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAQzB;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCAkJrD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/dormer/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAQzB;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCA2KrD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/dormer/move-tool.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DormerNode as DormerNodeSchema, sceneRegistry, useScene, } from '@pascal-app/core';
-import { useEditor } from '@pascal-app/editor';
+import { commitFreshPlacementSubtree, useEditor } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo } from 'react';
 import { DormerPlacementGuides } from './placement-guides';
@@ -56,7 +56,13 @@ const MoveDormerTool = ({ node }) => {
             const obj = sceneRegistry.nodes.get(node.id);
             if (obj)
                 obj.visible = prevVisible ?? true;
-            if (!isNew) {
+            if (isNew) {
+                if (node.id && useScene.getState().nodes[node.id]) {
+                    useScene.getState().deleteNode(node.id);
+                }
+                useScene.temporal.getState().resume();
+            }
+            else {
                 useScene.getState().updateNode(node.id, {
                     metadata: originalMetadata,
                 });
@@ -80,7 +86,29 @@ const MoveDormerTool = ({ node }) => {
                 const { isNew: _isNew, isTransient: _isTransient, ...rest } = m;
                 return Object.keys(rest).length > 0 ? rest : undefined;
             })();
-            if (isNew || !node.id) {
+            if (isNew && node.id) {
+                const committedId = commitFreshPlacementSubtree(node.id, {
+                    roofSegmentId: hit.segment.id,
+                    parentId: hit.segment.id,
+                    position: [hit.localX, hit.localY, hit.localZ],
+                    rotation,
+                    metadata: cleanedMeta,
+                    visible: true,
+                });
+                if (!committedId)
+                    return;
+                const committedNode = useScene.getState().nodes[committedId];
+                for (const childId of committedNode?.children ?? []) {
+                    const child = useScene.getState().nodes[childId];
+                    if (child?.type === 'window') {
+                        useScene.getState().updateNode(childId, { dormerId: committedId });
+                    }
+                }
+                state.dirtyNodes.add(hit.segment.id);
+                state.dirtyNodes.add(committedId);
+                setSelection({ selectedIds: [committedId] });
+            }
+            else if (!node.id) {
                 const { id: _id, ...rest } = node;
                 const committed = DormerNodeSchema.parse({
                     ...rest,

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

@@ -0,0 +1,9 @@
+import type { WindowNode } from '@pascal-app/core';
+export declare function DormerWindowsSection({ windows, canAdd, onAdd, onEdit, onMove, }: {
+    windows: WindowNode[];
+    canAdd: boolean;
+    onAdd: () => void;
+    onEdit: (window: WindowNode) => void;
+    onMove: (window: WindowNode) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=panel-windows-section.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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-[#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-[#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-[#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-[#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." }))] })] }));
+}

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

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

package/dist/dormer/panel.js

@@ -1,12 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLiveNodeOverrides, useScene, } from '@pascal-app/core';
-import { cn, PanelSection, PanelWrapper, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { createDormerDefaultWindow, generateId, useLiveNodeOverrides, useScene, WindowNode, } from '@pascal-app/core';
+import { cn, createFreshPlacementSubtree, PanelSection, PanelWrapper, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useState } from 'react';
+import { useShallow } from 'zustand/react/shallow';
 import { DormerActionsSection } from './panel-actions-section';
 import { DormerPositionSection } from './panel-position-section';
-import { DormerWindowSection } from './panel-window-section';
+import { DormerWindowsSection } from './panel-windows-section';
+import { planDormerWindowRow } from './window-layout';
 const ROOF_TYPE_OPTIONS = [
     { label: 'Gable', value: 'gable' },
     { label: 'Hip', value: 'hip' },
@@ -16,9 +18,13 @@ const ROOF_TYPE_OPTIONS = [
     { label: 'Mansard', value: 'mansard' },
     { label: 'Flat', value: 'flat' },
 ];
+const SHED_HIGH_SIDE_OPTIONS = [
+    { label: 'Rise Back', value: 'back' },
+    { label: 'Rise Front', value: 'front' },
+];
 const SECTION_OPTIONS = [
     { label: 'Dormer', value: 'dormer' },
-    { label: 'Window', value: 'window' },
+    { label: 'Windows', value: 'window' },
 ];
 export default function DormerPanel() {
     const [section, setSection] = useState('dormer');
@@ -30,6 +36,16 @@ export default function DormerPanel() {
     const storeNode = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
     const overrides = useLiveNodeOverrides((s) => selectedId ? s.get(selectedId) : undefined);
     const node = storeNode && overrides ? { ...storeNode, ...overrides } : storeNode;
+    const hostedWindows = useScene(useShallow((state) => {
+        if (!selectedId)
+            return [];
+        const dormer = state.nodes[selectedId];
+        if (dormer?.type !== 'dormer')
+            return [];
+        return (dormer.children ?? [])
+            .map((childId) => state.nodes[childId])
+            .filter((child) => child?.type === 'window');
+    }));
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
@@ -74,18 +90,14 @@ export default function DormerPanel() {
         if (!node?.roofSegmentId)
             return;
         triggerSFX('sfx:item-pick');
-        // Deep clone and strip the id so the move tool's onClick branch
-        // (`isNew || !node.id`) takes the "create fresh" path. Setting
-        // `metadata.isNew = true` is what gates the move tool from
-        // updating any existing node — the dormer is only added to the
-        // scene on click, not when the Duplicate button is pressed.
-        const cloned = structuredClone(node);
-        delete cloned.id;
-        const prevMeta = cloned.metadata && typeof cloned.metadata === 'object' && !Array.isArray(cloned.metadata)
-            ? cloned.metadata
-            : {};
-        cloned.metadata = { ...prevMeta, isNew: true };
-        setMovingNode(cloned);
+        useScene.temporal.getState().pause();
+        const draftId = createFreshPlacementSubtree(node.id);
+        const draft = draftId ? useScene.getState().nodes[draftId] : null;
+        if (!draft) {
+            useScene.temporal.getState().resume();
+            return;
+        }
+        setMovingNode(draft);
         setSelection({ selectedIds: [] });
     }, [node, setMovingNode, setSelection]);
     const handleDelete = useCallback(() => {
@@ -111,6 +123,60 @@ export default function DormerPanel() {
             setSelection({ selectedIds: [] });
         }
     }, [selectedId, node, deleteNode, setSelection]);
+    const handleAddWindow = useCallback(() => {
+        if (!node)
+            return;
+        const frontWindows = hostedWindows.filter((window) => (window.dormerFace ?? 'front') === 'front');
+        const template = frontWindows[0] ?? hostedWindows[0];
+        const id = generateId('window');
+        const defaultWindow = createDormerDefaultWindow(node, id);
+        const newWindow = WindowNode.parse({
+            ...(template ? structuredClone(template) : defaultWindow),
+            id,
+            name: `Window ${hostedWindows.length + 1}`,
+            parentId: node.id,
+            dormerId: node.id,
+            dormerFace: 'front',
+            wallId: undefined,
+            roofSegmentId: undefined,
+            roofFace: undefined,
+            position: [0, template?.position[1] ?? defaultWindow.position[1], 0],
+            rotation: [0, 0, 0],
+            side: 'front',
+            metadata: {},
+            visible: true,
+        });
+        const plan = planDormerWindowRow(node.width, [...frontWindows, newWindow]);
+        if (!plan)
+            return;
+        const newPlacement = plan.find((entry) => entry.id === newWindow.id);
+        if (!newPlacement)
+            return;
+        const placedWindow = WindowNode.parse({
+            ...newWindow,
+            position: newPlacement.position,
+            width: newPlacement.width,
+        });
+        const existingIds = new Set(frontWindows.map((window) => window.id));
+        useScene.getState().applyNodeChanges({
+            create: [{ node: placedWindow, parentId: node.id }],
+            update: plan
+                .filter((entry) => existingIds.has(entry.id))
+                .map((entry) => ({
+                id: entry.id,
+                data: { position: entry.position, width: entry.width },
+            })),
+        });
+        triggerSFX('sfx:structure-build');
+    }, [hostedWindows, node]);
+    const handleEditWindow = useCallback((window) => {
+        setSelection({ selectedIds: [window.id] });
+    }, [setSelection]);
+    const handleMoveWindow = useCallback((window) => {
+        triggerSFX('sfx:item-pick');
+        setMovingNode(window);
+        setSelection({ selectedIds: [] });
+    }, [setMovingNode, setSelection]);
     if (!(node && node.type === 'dormer' && selectedId))
         return null;
     const scenestate = useScene.getState();
@@ -120,15 +186,31 @@ export default function DormerPanel() {
     const roof = segment?.parentId
         ? scenestate.nodes[segment.parentId]
         : undefined;
+    const frontWindows = hostedWindows.filter((window) => (window.dormerFace ?? 'front') === 'front');
+    const templateWindow = frontWindows[0] ?? hostedWindows[0];
+    const defaultWindow = createDormerDefaultWindow(node, 'window_preview');
+    const canAddWindow = planDormerWindowRow(node.width, [
+        ...frontWindows,
+        {
+            id: 'window_preview',
+            position: [0, templateWindow?.position[1] ?? defaultWindow.position[1], 0],
+            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) => {
                         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-[#2C2C2E] text-muted-foreground 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: 4, min: 0.5, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Depth", max: 5, min: 0.5, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.depth * 100) / 100 }), _jsx(SliderControl, { label: "Wall Height", max: 5, min: 0, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round(node.height * 100) / 100 }), _jsx(SliderControl, { label: "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: Math.round(node.roofHeight * 100) / 100 })] }), _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) => {
+                    }) }) }), 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: Math.round(node.width * 100) / 100 }), _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: Math.round(node.depth * 100) / 100 }), _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: Math.round(node.height * 100) / 100 }), _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: Math.round(node.roofHeight * 100) / 100 })] }), _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) => {
                                 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-[#2C2C2E] text-muted-foreground 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));
-                            }) }) })] })), section === 'window' && (_jsx(DormerWindowSection, { commitProp: commitProp, handleUpdate: handleUpdate, node: node, previewProp: previewProp })), _jsx(DormerActionsSection, { onDelete: handleDelete, onDuplicate: handleDuplicate, onMove: handleMove })] }));
+                            }) }) }), 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) => {
+                                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-[#2C2C2E] text-muted-foreground 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));
+                            }) }) }))] })), section === 'window' && (_jsx(DormerWindowsSection, { canAdd: canAddWindow, onAdd: handleAddWindow, onEdit: handleEditWindow, onMove: handleMoveWindow, windows: hostedWindows })), _jsx(DormerActionsSection, { onDelete: handleDelete, onDuplicate: handleDuplicate, onMove: handleMove })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/dormer/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CA4G9D,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/dormer/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CAwC9D,CAAA"}

package/dist/dormer/parametrics.js

@@ -1,4 +1,3 @@
-import { dormerSupportsArch } from './geometry';
 export const dormerParametrics = {
     // Bespoke tabbed UI (Dormer / Window / Frame / Grid / Sill) — same
     // pattern as chimney. `groups` stays for the MCP path / fallback
@@ -8,9 +7,9 @@ export const dormerParametrics = {
         {
             label: 'Dormer',
             fields: [
-                { key: 'width', kind: 'number', unit: 'm', min: 0.5, max: 4, step: 0.05 },
-                { key: 'depth', kind: 'number', unit: 'm', min: 0.5, max: 5, step: 0.05 },
-                { key: 'height', kind: 'number', unit: 'm', min: 0, max: 5, step: 0.05 },
+                { key: 'width', kind: 'number', unit: 'm', min: 0.5, max: 1000, step: 0.05 },
+                { key: 'depth', kind: 'number', unit: 'm', min: 0.5, max: 1000, step: 0.05 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0, max: 1000, step: 0.05 },
             ],
         },
         {
@@ -23,87 +22,19 @@ export const dormerParametrics = {
                     display: 'select',
                 },
                 { key: 'roofHeight', kind: 'number', unit: 'm', min: 0, max: 2, step: 0.05 },
-            ],
-        },
-        {
-            label: 'Hung wall',
-            fields: [{ key: 'wallSkirtHeight', kind: 'number', unit: 'm', min: 0.2, max: 6, step: 0.05 }],
-        },
-        {
-            label: 'Window opening',
-            fields: [
-                { key: 'windowWidth', kind: 'number', unit: 'm', min: 0.2, max: 3, step: 0.05 },
-                { key: 'windowHeight', kind: 'number', unit: 'm', min: 0.2, max: 6, step: 0.05 },
-                { key: 'windowOffsetX', kind: 'number', unit: 'm', min: -1, max: 1, step: 0.05 },
-                { key: 'windowOffsetY', kind: 'number', unit: 'm', min: 0, max: 2, step: 0.05 },
-            ],
-        },
-        {
-            label: 'Window grid',
-            fields: [
-                { key: 'windowColumns', kind: 'number', min: 1, max: 8, step: 1 },
-                { key: 'windowRows', kind: 'number', min: 1, max: 8, step: 1 },
-            ],
-        },
-        {
-            label: 'Window frame',
-            fields: [
-                {
-                    key: 'windowFrameThickness',
-                    kind: 'number',
-                    unit: 'm',
-                    min: 0.01,
-                    max: 0.15,
-                    step: 0.005,
-                },
-                { key: 'windowFrameDepth', kind: 'number', unit: 'm', min: 0.02, max: 0.15, step: 0.005 },
                 {
-                    key: 'windowDividerThickness',
-                    kind: 'number',
-                    unit: 'm',
-                    min: 0,
-                    max: 0.06,
-                    step: 0.002,
-                },
-                {
-                    key: 'windowShape',
+                    key: 'shedHighSide',
                     kind: 'enum',
-                    options: ['rectangle', 'rounded', 'arch'],
+                    options: ['back', 'front'],
                     display: 'segmented',
-                },
-                {
-                    key: 'windowArchHeight',
-                    kind: 'number',
-                    unit: 'm',
-                    min: 0.1,
-                    max: 1,
-                    step: 0.05,
-                    visibleIf: dormerSupportsArch,
+                    visibleIf: (n) => n.roofType === 'shed',
                 },
             ],
         },
         {
-            label: 'Sill',
+            label: 'Hung wall',
             fields: [
-                { key: 'windowSill', kind: 'boolean' },
-                {
-                    key: 'windowSillDepth',
-                    kind: 'number',
-                    unit: 'm',
-                    min: 0.02,
-                    max: 0.3,
-                    step: 0.01,
-                    visibleIf: (n) => n.windowSill === true,
-                },
-                {
-                    key: 'windowSillThickness',
-                    kind: 'number',
-                    unit: 'm',
-                    min: 0.01,
-                    max: 0.1,
-                    step: 0.005,
-                    visibleIf: (n) => n.windowSill === true,
-                },
+                { key: 'wallSkirtHeight', kind: 'number', unit: 'm', min: 0.2, max: 1000, step: 0.05 },
             ],
         },
     ],

package/dist/dormer/placement-guides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placement-guides.d.ts","sourceRoot":"","sources":["../../src/dormer/placement-guides.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AA0CvD,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAgBpC;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,EAAE,IAAI,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAiGA"}
+{"version":3,"file":"placement-guides.d.ts","sourceRoot":"","sources":["../../src/dormer/placement-guides.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AA0CvD,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAgBpC;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,EAAE,IAAI,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAkGA"}