@pascal-app/nodes 1.0.4 → 1.0.6

package/dist/roof/panel.js

@@ -1,11 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, commitParametricNodeFields, duplicateNodeAndPickUp, formatLinearMeasurement, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { getLevelDisplayName, isRoofOnStoreyWalls, planRoofsOffStorey, roofLevelAbove, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, formatLinearMeasurement, PanelSection, PanelWrapper, parametricNodeUpdates, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Plus, Trash2 } from 'lucide-react';
 import { useCallback, useState } from 'react';
 import { useShallow } from 'zustand/react/shallow';
+import { RoofGlazingPanel } from '../roof/glazing-panel.js';
+import { commitSeatedRoofEdit } from './roof-level-target.js';
 export default function RoofPanel() {
     const [ventType, setVentType] = useState('box-vent');
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
@@ -100,13 +102,46 @@ export default function RoofPanel() {
         }
         return out;
     }));
+    // A roof on the walls of the storey holding it (the agents' and the editor's roofs before the
+    // roof level) hides that storey's plan in solo and exploded views: offer to move it where it goes.
+    const levelMove = useScene(useShallow((s) => {
+        if (!node || !isRoofOnStoreyWalls(s.nodes, node.id))
+            return null;
+        const level = s.nodes[node.parentId];
+        const above = roofLevelAbove(s.nodes, level.id);
+        return {
+            storey: getLevelDisplayName(level),
+            label: above.kind === 'roof'
+                ? 'Move to the roof level'
+                : `Move to ${getLevelDisplayName(above.level)}`,
+            roofs: level.children.filter((id) => isRoofOnStoreyWalls(s.nodes, id)).length,
+        };
+    }));
+    const handleMoveOffStorey = useCallback(() => {
+        if (!node?.parentId)
+            return;
+        const move = planRoofsOffStorey(useScene.getState().nodes, node.parentId);
+        if (!move)
+            return;
+        triggerSFX('sfx:item-place');
+        useScene.getState().applyNodeChanges({
+            create: move.changes.create.map((op) => ({
+                node: op.node,
+                parentId: op.parentId,
+            })),
+            update: move.changes.update.map(({ id, data }) => ({ id: id, data })),
+        });
+        // The storey in view hides the levels above it: the selection follows the roof up.
+        setSelection({ levelId: move.plan.levelId, selectedIds: [node.id] });
+    }, [node, setSelection]);
     const handleSelectElement = useCallback((id) => {
         setSelection({ selectedIds: [id] });
     }, [setSelection]);
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
-        commitParametricNodeFields(selectedId, updates);
+        // Moved or turned onto the walls that carry it, it goes to the level above them.
+        commitSeatedRoofEdit(parametricNodeUpdates(selectedId, updates), selectedId);
     }, [selectedId]);
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
@@ -159,7 +194,7 @@ export default function RoofPanel() {
     }, []);
     if (!(node && node.type === 'roof' && selectedId))
         return null;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onClose: handleClose, title: node.name || 'Roof', width: 300, children: [_jsxs(PanelSection, { title: "Segments", children: [_jsx("div", { className: "flex flex-col gap-1", children: segments.map((seg, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectSegment(seg.id), type: "button", children: [_jsx("span", { className: "truncate", children: seg.name || `Segment ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs capitalize", children: seg.roofType })] }, seg.id))) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Draw Segment", onClick: handleAddSegment }) })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onClose: handleClose, title: node.name || 'Roof', width: 300, children: [_jsx(RoofGlazingPanel, { segments: segments }), levelMove && (_jsx(PanelSection, { title: "Level", children: _jsxs("div", { className: "flex flex-col gap-2 px-1 pb-1", children: [_jsxs("p", { className: "text-muted-foreground text-xs", children: ["On ", levelMove.storey, " with its walls, so it hides that floor's plan in solo and exploded views.", levelMove.roofs > 1 && ` The floor's ${levelMove.roofs} roofs move together.`] }), _jsx("button", { className: "w-full rounded-full bg-foreground/[0.08] px-3 py-2 font-medium text-foreground text-xs transition-colors hover:bg-foreground/[0.14]", onClick: handleMoveOffStorey, type: "button", children: levelMove.label })] }) })), _jsxs(PanelSection, { title: "Segments", children: [_jsx("div", { className: "flex flex-col gap-1", children: segments.map((seg, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectSegment(seg.id), type: "button", children: [_jsx("span", { className: "truncate", children: seg.name || `Segment ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs capitalize", children: seg.roofType })] }, seg.id))) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Draw Segment", onClick: handleAddSegment }) })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
@@ -190,7 +225,7 @@ export default function RoofPanel() {
                                 } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');
                                     handleUpdate({ rotation: node.rotation + Math.PI / 4 });
-                                } })] })] }), _jsx(PanelSection, { title: "Elements", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [chimneys.map((chimney, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(chimney.id), type: "button", children: [_jsx("span", { className: "truncate", children: chimney.name || `Chimney ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "chimney" })] }, chimney.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Chimney", onClick: () => activateTool('chimney') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [dormers.map((dormer, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(dormer.id), type: "button", children: [_jsx("span", { className: "truncate", children: dormer.name || `Dormer ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "dormer" })] }, dormer.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Dormer", onClick: () => activateTool('dormer') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [skylights.map((skylight, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(skylight.id), type: "button", children: [_jsx("span", { className: "truncate", children: skylight.name || `Skylight ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "skylight" })] }, skylight.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Skylight", onClick: () => activateTool('skylight') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [solarPanels.map((panel, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(panel.id), type: "button", children: [_jsx("span", { className: "truncate", children: panel.name || `Solar Panel ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "solar panel" })] }, panel.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Solar Panel", onClick: () => activateTool('solar-panel') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [vents.map((vent, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(vent.id), type: "button", children: [_jsx("span", { className: "truncate", children: vent.name ||
+                                } })] })] }), _jsx(PanelSection, { title: "Elements", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [chimneys.map((chimney, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(chimney.id), type: "button", children: [_jsx("span", { className: "truncate", children: chimney.name || `Chimney ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "chimney" })] }, chimney.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Chimney", onClick: () => activateTool('chimney') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [dormers.map((dormer, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(dormer.id), type: "button", children: [_jsx("span", { className: "truncate", children: dormer.name || `Dormer ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "dormer" })] }, dormer.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Dormer", onClick: () => activateTool('dormer') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [skylights.map((skylight, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(skylight.id), type: "button", children: [_jsx("span", { className: "truncate", children: skylight.name || `Skylight ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "skylight" })] }, skylight.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Skylight", onClick: () => activateTool('skylight') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [solarPanels.map((panel, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(panel.id), type: "button", children: [_jsx("span", { className: "truncate", children: panel.name || `Solar Panel ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "solar panel" })] }, panel.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Solar Panel", onClick: () => activateTool('solar-panel') }) })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [vents.map((vent, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(vent.id), type: "button", children: [_jsx("span", { className: "truncate", children: vent.name ||
                                                 (vent.type === 'box-vent'
                                                     ? `Box Vent ${i + 1}`
                                                     : vent.type === 'ridge-vent'
@@ -203,5 +238,5 @@ export default function RoofPanel() {
                                         { label: 'Box', value: 'box-vent' },
                                         { label: 'Ridge', value: 'ridge-vent' },
                                         { label: 'Turbine', value: 'turbine-vent' },
-                                    ], value: ventType }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Vent", onClick: () => activateTool(ventType) }) })] }), _jsx("div", { className: "flex flex-col gap-1", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Cupola", onClick: () => activateTool('cupola') }) }) }), _jsx("div", { className: "flex flex-col gap-1", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Eyebrow Vent", onClick: () => activateTool('eyebrow-vent') }) }) }), _jsxs("div", { className: "flex flex-col gap-1", children: [gutters.map((gutter, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(gutter.id), type: "button", children: [_jsx("span", { className: "truncate", children: gutter.name || `Gutter ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "gutter" })] }, gutter.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Gutter", onClick: () => activateTool('gutter') }) })] })] }) }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                    ], value: ventType }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Vent", onClick: () => activateTool(ventType) }) })] }), _jsx("div", { className: "flex flex-col gap-1", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Cupola", onClick: () => activateTool('cupola') }) }) }), _jsx("div", { className: "flex flex-col gap-1", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Eyebrow Vent", onClick: () => activateTool('eyebrow-vent') }) }) }), _jsxs("div", { className: "flex flex-col gap-1", children: [gutters.map((gutter, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => handleSelectElement(gutter.id), type: "button", children: [_jsx("span", { className: "truncate", children: gutter.name || `Gutter ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: "gutter" })] }, gutter.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Gutter", onClick: () => activateTool('gutter') }) })] })] }) }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/roof/parametrics.js

@@ -15,5 +15,5 @@ export const roofParametrics = {
             ],
         },
     ],
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AAczB,eAAO,MAAM,YAAY,GAAI,mBAAmB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCA8HjE,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/roof/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AAgBzB,eAAO,MAAM,YAAY,sBAAuB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAyJjE,CAAA;eAEc,YAAY"}

package/dist/roof/renderer.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { hasSegmentMaterialOverride, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
-import { getRoofMaterialArray, levelWallCladdingRef, NodeRenderer, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { hasSegmentMaterialOverride, isIndependentRoofSegment, useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
+import { getRoofMaterialArray, isRevealAssembling, levelWallCladdingRef, NodeRenderer, subscribeRevealAssembling, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
 import { useShallow } from 'zustand/react/shallow';
-import { createPlaceholderGeometry } from '../shared/placeholder-geometry';
-import { getRoofDebugMaterials, getRoofMaterials } from './roof-materials';
+import { createPlaceholderGeometry } from '../shared/placeholder-geometry.js';
+import { getRoofDebugMaterials, getRoofMaterials } from './roof-materials.js';
 export const RoofRenderer = ({ node: rawNode }) => {
     const ref = useRef(null);
     const liveOverride = useLiveNodeOverrides((s) => s.overrides.get(rawNode.id));
@@ -14,6 +14,36 @@ export const RoofRenderer = ({ node: rawNode }) => {
     useLayoutEffect(() => {
         useScene.getState().markDirty(node.id);
     }, [node.id]);
+    // A roof an agent builds assembles: its segments drop in drawn apart, then
+    // the merged shell (built meanwhile) takes over. Imperative and synchronous,
+    // so a capture that ends the reveal sees the whole shell in the same tick.
+    useLayoutEffect(() => {
+        const group = ref.current;
+        const show = (assembling) => {
+            const merged = group.getObjectByName('merged-roof');
+            const wrapper = group.getObjectByName('segments-wrapper');
+            const elements = group.getObjectByName('roof-elements');
+            if (merged)
+                merged.visible = !assembling;
+            if (wrapper)
+                wrapper.visible = assembling;
+            if (elements)
+                elements.visible = !assembling;
+            if (assembling || !wrapper)
+                return;
+            // Hidden meshes still meet rays: back to empty placeholders, as after a reload.
+            for (const child of wrapper.children) {
+                const mesh = child;
+                if (!mesh.isMesh || mesh.geometry?.userData.placeholder)
+                    continue;
+                mesh.geometry?.dispose();
+                mesh.geometry = createPlaceholderGeometry(4);
+            }
+        };
+        if (isRevealAssembling(node.id))
+            show(true);
+        return subscribeRevealAssembling(node.id, show);
+    }, [node.id]);
     const handlers = useNodeEvents(node, 'roof');
     const debugColors = useViewer((s) => s.debugColors);
     const shading = useViewer((s) => s.shading);
@@ -47,7 +77,7 @@ export const RoofRenderer = ({ node: rawNode }) => {
             const seg = state.nodes[segmentId];
             if (!seg)
                 continue;
-            if (hasSegmentMaterialOverride(seg))
+            if (hasSegmentMaterialOverride(seg) || isIndependentRoofSegment(seg))
                 ids.push(segmentId);
         }
         return ids;
@@ -58,7 +88,7 @@ export const RoofRenderer = ({ node: rawNode }) => {
             const seg = state.nodes[segmentId];
             if (!seg)
                 continue;
-            if (!hasSegmentMaterialOverride(seg))
+            if (!hasSegmentMaterialOverride(seg) && !isIndependentRoofSegment(seg))
                 ids.push(segmentId);
         }
         return ids;

package/dist/roof/roof-footprint-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-footprint-source.d.ts","sourceRoot":"","sources":["../../src/roof/roof-footprint-source.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,yBAAyB,CAAA;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACvD,CAAA;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB,uFAGzB,CAAA;AAEH,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"roof-footprint-source.d.ts","sourceRoot":"","sources":["../../src/roof/roof-footprint-source.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,yBAAyB,CAAA;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACvD,CAAA;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB,uFAGzB,CAAA;eAEY,sBAAsB"}

package/dist/roof/roof-level-target.d.ts

@@ -0,0 +1,75 @@
+import { type AnyNode, type AnyNodeId, type LevelNode, type RoofNode, type RoofSegmentNode, type SceneApi } from '@pascal-app/core';
+/**
+ * Where a roof drawn by hand goes, by core's rule for every roof writer (`planRoofLevel`): on the
+ * level directly above the storey whose walls carry it, which over the top storey is the
+ * building's roof level, created or declared in the same undo step as the roof.
+ */
+export type RoofLevelTarget = {
+    levelId: LevelNode['id'];
+    create: {
+        node: AnyNode;
+        parentId?: AnyNodeId;
+    }[];
+    update: {
+        id: AnyNodeId;
+        data: Partial<AnyNode>;
+    }[];
+    /** The scene with the target written, to resolve the roof's elevation against. */
+    nodes: Readonly<Record<AnyNodeId, AnyNode>>;
+};
+/** A roof drawn by hand, in the plan of the level it was drawn on: its footprint and form. */
+export type DrawnRoof = {
+    center: [number, number];
+    /** Along plan x and z (a cone: its diameter both ways). */
+    width: number;
+    depth: number;
+    roofType: string;
+};
+/** The target of a roof carried by `storeyId`'s walls, `roofHeight` its rise over its eaves. */
+export declare function roofLevelTarget(nodes: Readonly<Record<AnyNodeId, AnyNode>>, storeyId: LevelNode['id'], roofHeight: number): RoofLevelTarget;
+/**
+ * The target of a roof drawn on the armed level: over that storey (`overStorey`), the level above
+ * its walls; else the level itself (a porch on its posts, an empty upper level or the roof level,
+ * already above what it covers).
+ */
+export declare function drawnRoofLevelTarget(nodes: Readonly<Record<AnyNodeId, AnyNode>>, levelId: LevelNode['id'], roofHeight: number, drawn: DrawnRoof): RoofLevelTarget;
+/**
+ * How a roof drawn on the armed level stands: lifted onto the roof level over the armed storey, on
+ * that storey's walls, following their height as a roof over a room does; anywhere else (a lower
+ * wing's storey above, an empty level) on the level plane it was drawn on.
+ */
+export declare function drawnRoofSupport(target: RoofLevelTarget, armedLevelId: string): NonNullable<RoofNode['support']>;
+/** A roof's eave on the wall tops under it, read with the roof written into the target's scene. */
+export declare function seatedRoofElevation(target: RoofLevelTarget, roof: RoofNode, segments: RoofSegmentNode[]): number;
+/** How far above the armed level a target sits (m), to draw the roof's ghost where it lands. */
+export declare function roofLevelTargetOffset(target: RoofLevelTarget, armedLevelId: string): number;
+/** Writes a roof's nodes with its target level, in one step when the scene can. */
+export declare function writeRoofNodes(sceneApi: SceneApi, target: RoofLevelTarget, ops: {
+    node: AnyNode;
+    parentId?: AnyNodeId;
+}[]): void;
+/**
+ * A roof edit written through the seat every roof writer runs (`seatRoofs`): a segment added to a
+ * roof held by a storey that puts it on that storey's walls takes the roof to the level above them,
+ * in the same store call.
+ */
+export declare function writeSeatedRoofEdit(sceneApi: SceneApi, edit: {
+    create?: {
+        node: AnyNode;
+        parentId?: AnyNodeId;
+    }[];
+    update?: {
+        id: AnyNodeId;
+        data: Partial<AnyNode>;
+    }[];
+}): void;
+/**
+ * A roof edit from the plan or an inspector (a move, a turn, a resize, a field), committed through
+ * the seat (`seatRoofs`) in one store call: an edit that puts a storey-held roof on its walls takes
+ * it to the level above them, and the selection follows `selectId` there.
+ */
+export declare function commitSeatedRoofEdit(update: {
+    id: AnyNodeId;
+    data: Partial<AnyNode>;
+}[], selectId: AnyNodeId): void;
+//# sourceMappingURL=roof-level-target.d.ts.map

package/dist/roof/roof-level-target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roof-level-target.d.ts","sourceRoot":"","sources":["../../src/roof/roof-level-target.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EAGd,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,eAAe,EAEpB,KAAK,QAAQ,EAId,MAAM,kBAAkB,CAAA;AAIzB;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACxB,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAA;IACjD,MAAM,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;IACnD,kFAAkF;IAClF,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;CAC5C,CAAA;AAED,8FAA8F;AAC9F,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAuBD,gGAAgG;AAChG,wBAAgB,eAAe,CAC7B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,EAC3C,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,EACzB,UAAU,EAAE,MAAM,GACjB,eAAe,CAgBjB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,EAC3C,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,EACxB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,SAAS,GACf,eAAe,CAIjB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,eAAe,EACvB,YAAY,EAAE,MAAM,GACnB,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAIlC;AAED,mGAAmG;AACnG,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,eAAe,EAAE,GAC1B,MAAM,CAQR;AAED,gGAAgG;AAChG,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAG3F;AAED,mFAAmF;AACnF,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,eAAe,EACvB,GAAG,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,EAAE,GAC7C,IAAI,CAYN;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE;IACJ,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAA;IAClD,MAAM,CAAC,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;CACrD,GACA,IAAI,CASN;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE;IAAE,EAAE,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAAE,EAAE,EACnD,QAAQ,EAAE,SAAS,GAClB,IAAI,CASN"}

package/dist/roof/roof-level-target.js

@@ -0,0 +1,119 @@
+import { getLevelElevations, isRoofLevel, planRoofLevel, resolveRoofElevation, seatRoofs, standsOverStorey, useScene, } from '@pascal-app/core';
+import { applySceneChanges } from '@pascal-app/core/agent-operations';
+import { selectPlacedNode } from '@pascal-app/editor';
+/** Whether a roof drawn on a walled level stands over that storey (core's `standsOverStorey`). */
+function overStorey(nodes, levelId, drawn) {
+    const level = nodes[levelId];
+    if (level?.type !== 'level' || !level.children.some((id) => nodes[id]?.type === 'wall'))
+        return false;
+    return standsOverStorey(nodes, levelId, {
+        cx: drawn.center[0],
+        cz: drawn.center[1],
+        yaw: 0,
+        hw: drawn.width / 2,
+        hd: drawn.depth / 2,
+        reach: { x: 0, z: 0 },
+        roofType: drawn.roofType,
+        peak: 0,
+    });
+}
+/** The target of a roof carried by `storeyId`'s walls, `roofHeight` its rise over its eaves. */
+export function roofLevelTarget(nodes, storeyId, roofHeight) {
+    const plan = planRoofLevel(nodes, storeyId, roofHeight);
+    const create = plan.kind === 'roof' && plan.create
+        ? [{ node: plan.create, parentId: (plan.create.parentId ?? undefined) }]
+        : [];
+    const update = (plan.kind === 'roof' ? plan.update : []).map(({ id, data }) => ({
+        id: id,
+        data: data,
+    }));
+    return {
+        levelId: plan.levelId,
+        create,
+        update,
+        nodes: create.length || update.length ? applySceneChanges(nodes, { create, update }) : nodes,
+    };
+}
+/**
+ * The target of a roof drawn on the armed level: over that storey (`overStorey`), the level above
+ * its walls; else the level itself (a porch on its posts, an empty upper level or the roof level,
+ * already above what it covers).
+ */
+export function drawnRoofLevelTarget(nodes, levelId, roofHeight, drawn) {
+    return overStorey(nodes, levelId, drawn)
+        ? roofLevelTarget(nodes, levelId, roofHeight)
+        : { levelId, create: [], update: [], nodes };
+}
+/**
+ * How a roof drawn on the armed level stands: lifted onto the roof level over the armed storey, on
+ * that storey's walls, following their height as a roof over a room does; anywhere else (a lower
+ * wing's storey above, an empty level) on the level plane it was drawn on.
+ */
+export function drawnRoofSupport(target, armedLevelId) {
+    return target.levelId !== armedLevelId && isRoofLevel(target.nodes[target.levelId])
+        ? { kind: 'walls' }
+        : { kind: 'level' };
+}
+/** A roof's eave on the wall tops under it, read with the roof written into the target's scene. */
+export function seatedRoofElevation(target, roof, segments) {
+    const seated = applySceneChanges(target.nodes, {
+        create: [
+            { node: roof, parentId: target.levelId },
+            ...segments.map((segment) => ({ node: segment, parentId: roof.id })),
+        ],
+    });
+    return resolveRoofElevation(seated[roof.id], seated);
+}
+/** How far above the armed level a target sits (m), to draw the roof's ghost where it lands. */
+export function roofLevelTargetOffset(target, armedLevelId) {
+    const elevations = getLevelElevations(target.nodes);
+    return (elevations.get(target.levelId)?.baseY ?? 0) - (elevations.get(armedLevelId)?.baseY ?? 0);
+}
+/** Writes a roof's nodes with its target level, in one step when the scene can. */
+export function writeRoofNodes(sceneApi, target, ops) {
+    const create = [...target.create, ...ops];
+    if (sceneApi.applyChanges) {
+        sceneApi.applyChanges({ create, update: target.update });
+        return;
+    }
+    for (const { id, data } of target.update)
+        sceneApi.update(id, data);
+    if (sceneApi.createMany) {
+        sceneApi.createMany(create);
+        return;
+    }
+    for (const op of create)
+        sceneApi.upsert(op.node, op.parentId);
+}
+/**
+ * A roof edit written through the seat every roof writer runs (`seatRoofs`): a segment added to a
+ * roof held by a storey that puts it on that storey's walls takes the roof to the level above them,
+ * in the same store call.
+ */
+export function writeSeatedRoofEdit(sceneApi, edit) {
+    const { changes } = seatRoofs(sceneApi.nodes(), edit);
+    if (sceneApi.applyChanges) {
+        sceneApi.applyChanges(changes);
+        return;
+    }
+    // creates first: a roof the seat moves goes to a Roof level the seat creates
+    for (const op of changes.create ?? [])
+        sceneApi.upsert(op.node, op.parentId);
+    for (const { id, data } of changes.update ?? [])
+        sceneApi.update(id, data);
+}
+/**
+ * A roof edit from the plan or an inspector (a move, a turn, a resize, a field), committed through
+ * the seat (`seatRoofs`) in one store call: an edit that puts a storey-held roof on its walls takes
+ * it to the level above them, and the selection follows `selectId` there.
+ */
+export function commitSeatedRoofEdit(update, selectId) {
+    const scene = useScene.getState();
+    const { changes, notes } = seatRoofs(scene.nodes, { update });
+    if (!notes.length) {
+        scene.updateNodes(update);
+        return;
+    }
+    scene.applyNodeChanges(changes);
+    selectPlacedNode(selectId);
+}

package/dist/roof/roof-placement-mode.d.ts

@@ -6,12 +6,13 @@ type RoofPlacementModeState = {
     setConical: (conical: boolean) => void;
 };
 declare const useRoofPlacementMode: import("zustand").UseBoundStore<import("zustand").StoreApi<RoofPlacementModeState>>;
+declare const subscribeToRoofKind: (onChange: () => void) => () => void;
 export declare const conicalRoofToolHintVisibility: {
-    subscribe: (onChange: () => void) => () => void;
+    subscribe: typeof subscribeToRoofKind;
     value: () => boolean;
 };
 export declare const standardRoofToolHintVisibility: {
-    subscribe: (onChange: () => void) => () => void;
+    subscribe: typeof subscribeToRoofKind;
     value: () => boolean;
 };
 export default useRoofPlacementMode;

package/dist/roof/roof-placement-mode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roof-placement-mode.d.ts","sourceRoot":"","sources":["../../src/roof/roof-placement-mode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAI1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,iBAAiB,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,oBAAoB,qFAQvB,CAAA;AAOH,eAAO,MAAM,6BAA6B;0BALH,MAAM,IAAI;;CAQhD,CAAA;AAED,eAAO,MAAM,8BAA8B;0BAVJ,MAAM,IAAI;;CAahD,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"roof-placement-mode.d.ts","sourceRoot":"","sources":["../../src/roof/roof-placement-mode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAI1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,iBAAiB,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,oBAAoB,qFAQvB,CAAA;AAEH,QAAA,MAAM,mBAAmB,aAAc,MAAM,IAAI,eAG7C,CAAA;AAEJ,eAAO,MAAM,6BAA6B;IACxC,SAAS;IACT,KAAK;CACN,CAAA;AAED,eAAO,MAAM,8BAA8B;IACzC,SAAS;IACT,KAAK;CACN,CAAA;eAEc,oBAAoB"}

package/dist/roof/system.d.ts

@@ -1,3 +1,2 @@
-import { RoofSystem } from '@pascal-app/viewer';
-export default RoofSystem;
+export default function RoofSystems(): import("react").JSX.Element;
 //# sourceMappingURL=system.d.ts.map

package/dist/roof/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/roof/system.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,eAAe,UAAU,CAAA"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/roof/system.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,WAAW,gCAElC"}

package/dist/roof/system.js

@@ -1,3 +1,7 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RoofSystem } from '@pascal-app/viewer';
-export default RoofSystem;
+import { glazedRoofGeometryAdapter } from './glazed-geometry.js';
+export default function RoofSystems() {
+    return _jsx(RoofSystem, { geometryAdapter: glazedRoofGeometryAdapter });
+}

package/dist/roof/tool.d.ts

@@ -1,10 +1,10 @@
 import { type AnyNode, type LevelNode, type RoofFootprintTarget, type SceneApi } from '@pascal-app/core';
-import { type RoofPlacementMode } from './roof-placement-mode';
+import { type RoofPlacementMode } from './roof-placement-mode.js';
 /**
  * Creates a roof group with one default gable segment
  */
-export declare const commitRoofPlacement: (sceneApi: SceneApi, levelId: LevelNode["id"], corner1: [number, number, number], corner2: [number, number, number], selectedIds: string[], quarterTurn: boolean, placementMode: RoofPlacementMode) => AnyNode["id"] | null;
-export declare const commitRoofFootprint: (sceneApi: SceneApi, levelId: LevelNode["id"], target: RoofFootprintTarget, quarterTurn: boolean) => AnyNode["id"] | null;
+export declare const commitRoofPlacement: (sceneApi: SceneApi, levelId: LevelNode['id'], corner1: [number, number, number], corner2: [number, number, number], selectedIds: string[], quarterTurn: boolean, placementMode: RoofPlacementMode) => AnyNode['id'] | null;
+export declare const commitRoofFootprint: (sceneApi: SceneApi, levelId: LevelNode['id'], target: RoofFootprintTarget, quarterTurn: boolean) => AnyNode['id'] | null;
 export declare const RoofTool: React.FC;
 export default RoofTool;
 //# sourceMappingURL=tool.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/roof/tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,OAAO,EAWZ,KAAK,SAAS,EACd,KAAK,mBAAmB,EAQxB,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AAsCzB,OAA6B,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAwHpF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,QAAQ,EAClB,SAAS,SAAS,CAAC,IAAI,CAAC,EACxB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACjC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACjC,aAAa,MAAM,EAAE,EACrB,aAAa,OAAO,EACpB,eAAe,iBAAiB,KAC/B,OAAO,CAAC,IAAI,CAAC,GAAG,IA8JlB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC9B,UAAU,QAAQ,EAClB,SAAS,SAAS,CAAC,IAAI,CAAC,EACxB,QAAQ,mBAAmB,EAC3B,aAAa,OAAO,KACnB,OAAO,CAAC,IAAI,CAAC,GAAG,IA0ClB,CAAA;AA2LD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAusB5B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/roof/tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,OAAO,EAUZ,KAAK,SAAS,EACd,KAAK,mBAAmB,EAQxB,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AA+CzB,OAA6B,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AA6GpF;;GAEG;AACH,eAAO,MAAM,mBAAmB,aACpB,QAAQ,WACT,SAAS,CAAC,IAAI,CAAC,WACf,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,WACxB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,eACpB,MAAM,EAAE,eACR,OAAO,iBACL,iBAAiB,KAC/B,OAAO,CAAC,IAAI,CAAC,GAAG,IAkMlB,CAAA;AAED,eAAO,MAAM,mBAAmB,aACpB,QAAQ,WACT,SAAS,CAAC,IAAI,CAAC,UAChB,mBAAmB,eACd,OAAO,KACnB,OAAO,CAAC,IAAI,CAAC,GAAG,IAyClB,CAAA;AA2LD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EA6tB5B,CAAA;eAEc,QAAQ"}