@pascal-app/nodes 1.0.5 → 1.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/slab/panel.tsx"],"names":[],"mappings":"AAwCA;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,uCA0cxB;eAEc,SAAS"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/slab/panel.tsx"],"names":[],"mappings":"AA+CA;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,uCA8hBxB;eA0Bc,SAAS"}

package/dist/slab/panel.js

@@ -1,7 +1,8 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isDerivedNode, MIN_SLAB_THICKNESS, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, FloorFoundationPanel, holeEditScope, PanelSection, PanelWrapper, SegmentedControl, ShapeChoice, SliderControl, startOpeningDraft, triggerSFX, useEditingHole, useEditor, useInteractionScope, } from '@pascal-app/editor';
+import { formatFixed, isDerivedNode, MIN_SLAB_THICKNESS, usePascalI18n, useScene, } from '@pascal-app/core';
+import { setSlabSurfaceScript } from '@pascal-app/core/agent-operations';
+import { ActionButton, ActionGroup, FloorFoundationPanel, formatAreaLabel, getAreaUnitLabel, holeEditScope, PanelSection, PanelWrapper, ScriptedFinishRow, SegmentedControl, ShapeChoice, SliderControl, squareMetersToAreaUnit, startOpeningDraft, triggerSFX, useEditingHole, useEditor, useInteractionScope, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Edit, Move, Plus, Trash2 } from 'lucide-react';
 import { useCallback, useEffect, useRef } from 'react';
@@ -18,6 +19,7 @@ import { applySlabAnchorElevationChange, applySlabElevationPreset, applySlabRece
  * into `parametrics.groups`.
  */
 export function SlabPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const unit = useViewer((s) => s.unit);
     const setSelection = useViewer((s) => s.setSelection);
@@ -202,21 +204,61 @@ export function SlabPanel() {
     // for whole-inch offsets.
     const elevationPresets = unit === 'imperial'
         ? [
-            { label: 'Sunken (6")', elevation: -0.1524 },
-            { label: 'Thin (1")', elevation: 0.0254 },
-            { label: 'Standard (2")', elevation: 0.0508 },
-            { label: 'Thick (6")', elevation: 0.1524 },
+            {
+                label: i18n._({ id: 'node.slab.panel.sunken6', message: 'Sunken (6")' }),
+                elevation: -0.1524,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.thin1', message: 'Thin (1")' }),
+                elevation: 0.0254,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.standard2', message: 'Standard (2")' }),
+                elevation: 0.0508,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.thick6', message: 'Thick (6")' }),
+                elevation: 0.1524,
+            },
         ]
         : [
-            { label: 'Sunken (15cm)', elevation: -0.15 },
-            { label: 'Thin (2cm)', elevation: 0.02 },
-            { label: 'Standard (5cm)', elevation: 0.05 },
-            { label: 'Thick (15cm)', elevation: 0.15 },
+            {
+                label: i18n._({ id: 'node.slab.panel.sunken15cm', message: 'Sunken (15cm)' }),
+                elevation: -0.15,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.thin2cm', message: 'Thin (2cm)' }),
+                elevation: 0.02,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.standard5cm', message: 'Standard (5cm)' }),
+                elevation: 0.05,
+            },
+            {
+                label: i18n._({ id: 'node.slab.panel.thick15cm', message: 'Thick (15cm)' }),
+                elevation: 0.15,
+            },
         ];
-    return (_jsxs(PanelWrapper, { icon: "/icons/floor.webp", onClose: handleClose, title: node.name || 'Slab', width: 320, children: [_jsxs(PanelSection, { title: "Elevation", children: [_jsx(SliderControl, { label: node.recessed ? 'Floor' : 'Surface', max: 20, min: -3, onChange: handleElevationChange, precision: 3, step: 0.01, unit: "m", value: node.elevation }), _jsx(SliderControl, { label: node.recessed ? 'Rim' : 'Base', max: 20, min: -3, onChange: handleAnchorChange, precision: 3, step: 0.01, unit: "m", value: getSlabAnchorElevation(node) }), node.recessed ? (_jsx(SliderControl, { label: "Depth", max: 1000, min: MIN_SLAB_THICKNESS, onChange: handleRecessDepthChange, precision: 2, step: 0.01, unit: "m", value: getSlabRecessDepth(node) })) : (_jsx(SliderControl, { label: "Thickness", max: 1000, min: MIN_SLAB_THICKNESS, onChange: handleThicknessChange, precision: 2, step: 0.01, unit: "m", value: node.thickness ?? 0.05 })), !node.recessed && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Foundation" }), _jsx(SegmentedControl, { onChange: handleTerrainModeChange, options: [
-                                    { label: 'Fixed', value: 'fixed' },
-                                    { label: 'Follows terrain', value: 'terrain' },
-                                ], value: node.fillToTerrain ? 'terrain' : 'fixed' }), node.fillToTerrain && (_jsx("div", { className: "px-1 text-[11px] text-muted-foreground", children: "Extends the perimeter down to terrain. The flat surface, base, and thickness stay unchanged." }))] })), _jsx("div", { className: "mt-2 grid grid-cols-2 gap-1.5 px-1 pb-1", children: elevationPresets.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleElevationPreset(preset.elevation) }, preset.label))) })] }), _jsx(PanelSection, { title: "Info", children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: "Area" }), _jsxs("span", { className: "font-mono text-foreground dark:text-white", children: [area.toFixed(2), " m\u00B2"] })] }) }), _jsxs(PanelSection, { title: "Holes", children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/floor.webp", onClose: handleClose, title: node.name || i18n._({ id: 'node.slab.panel.slab', message: 'Slab' }), width: 320, children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.slab.panel.elevation', message: 'Elevation' }), children: [_jsx(SliderControl, { label: node.recessed
+                            ? i18n._({ id: 'node.slab.panel.floor', message: 'Floor' })
+                            : i18n._({ id: 'node.slab.panel.surface', message: 'Surface' }), max: 20, min: -3, onChange: handleElevationChange, precision: 3, step: 0.01, unit: "m", value: node.elevation }), _jsx(SliderControl, { label: node.recessed
+                            ? i18n._({ id: 'node.slab.panel.rim', message: 'Rim' })
+                            : i18n._({ id: 'node.slab.panel.base', message: 'Base' }), max: 20, min: -3, onChange: handleAnchorChange, precision: 3, step: 0.01, unit: "m", value: getSlabAnchorElevation(node) }), node.recessed ? (_jsx(SliderControl, { label: i18n._({ id: 'node.slab.panel.depth', message: 'Depth' }), max: 1000, min: MIN_SLAB_THICKNESS, onChange: handleRecessDepthChange, precision: 2, step: 0.01, unit: "m", value: getSlabRecessDepth(node) })) : (_jsx(SliderControl, { label: i18n._({ id: 'node.slab.panel.thickness', message: 'Thickness' }), max: 1000, min: MIN_SLAB_THICKNESS, onChange: handleThicknessChange, precision: 2, step: 0.01, unit: "m", value: node.thickness ?? 0.05 })), !node.recessed && (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: i18n._({ id: 'node.slab.panel.foundation', message: 'Foundation' }) }), _jsx(SegmentedControl, { onChange: handleTerrainModeChange, options: [
+                                    {
+                                        label: i18n._({ id: 'node.slab.panel.fixed', message: 'Fixed' }),
+                                        value: 'fixed',
+                                    },
+                                    {
+                                        label: i18n._({
+                                            id: 'node.slab.panel.followsTerrain',
+                                            message: 'Follows terrain',
+                                        }),
+                                        value: 'terrain',
+                                    },
+                                ], value: node.fillToTerrain ? 'terrain' : 'fixed' }), node.fillToTerrain && (_jsx("div", { className: "px-1 text-[11px] text-muted-foreground", children: i18n._({
+                                    id: 'node.slab.panel.extendsThePerimeterDownToTerrain',
+                                    message: 'Extends the perimeter down to terrain. The flat surface, base, and thickness stay unchanged.',
+                                }) }))] })), _jsx("div", { className: "mt-2 grid grid-cols-2 gap-1.5 px-1 pb-1", children: elevationPresets.map((preset) => (_jsx(ActionButton, { label: preset.label, onClick: () => handleElevationPreset(preset.elevation) }, preset.label))) })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.slab.panel.info', message: 'Info' }), children: _jsxs("div", { className: "flex items-center justify-between px-2 py-1 text-muted-foreground text-sm", children: [_jsx("span", { children: i18n._({ id: 'node.slab.panel.area', message: 'Area' }) }), _jsx("span", { className: "font-mono text-foreground dark:text-white", children: formatAreaLabel(area, unit, 2) })] }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.slab.panel.holes', message: 'Holes' }), children: [node.holes && node.holes.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1 pb-2", children: node.holes.map((hole, index) => {
                             const holeArea = calculateArea(hole);
                             const isEditing = editingHole?.nodeId === selectedId && editingHole?.holeIndex === index;
                             const source = node.holeMetadata?.[index]?.source ?? 'manual';
@@ -225,17 +267,51 @@ export function SlabPanel() {
                             const openingId = derived ? node.holeMetadata?.[index]?.openingId : undefined;
                             const isAutoHole = source !== 'manual' || derived;
                             const autoLabel = source === 'elevator'
-                                ? 'Auto elevator cutout'
+                                ? i18n._({ id: 'node.cutout.autoElevator', message: 'Auto elevator cutout' })
                                 : source === 'stair'
-                                    ? 'Auto stair cutout'
+                                    ? i18n._({ id: 'node.cutout.autoStair', message: 'Auto stair cutout' })
                                     : source === 'floor-opening'
-                                        ? 'Opening'
-                                        : 'Room cutout';
+                                        ? i18n._({ id: 'node.cutout.opening', message: 'Opening' })
+                                        : i18n._({ id: 'node.cutout.room', message: 'Room cutout' });
                             return (_jsxs("div", { className: `flex items-center justify-between rounded-lg border p-2 transition-colors ${isEditing
                                     ? 'border-primary/50 bg-primary/10'
-                                    : 'border-transparent hover:bg-accent/30'}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: `font-medium text-xs ${isEditing ? 'text-primary' : 'text-foreground dark:text-white'}`, children: ["Hole ", index + 1, " ", isEditing && '(Editing)'] }), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: [holeArea.toFixed(2), " m\u00B2 \u00B7 ", hole.length, " pts \u00B7", ' ', isAutoHole ? autoLabel : 'Manual'] })] }), _jsx("div", { className: "flex items-center gap-1", children: isEditing ? (_jsx(ActionButton, { className: "h-7 bg-primary text-primary-foreground hover:bg-primary/90", label: "Done", onClick: () => useInteractionScope
+                                    : 'border-transparent hover:bg-accent/30'}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: `font-medium text-xs ${isEditing ? 'text-primary' : 'text-foreground dark:text-white'}`, children: isEditing
+                                                    ? i18n._({
+                                                        id: 'node.holeEditing',
+                                                        message: 'Hole {number} (Editing)',
+                                                        values: { number: index + 1 },
+                                                    })
+                                                    : i18n._({
+                                                        id: 'node.holeNumber',
+                                                        message: 'Hole {number}',
+                                                        values: { number: index + 1 },
+                                                    }) }), _jsx("p", { className: "text-[10px] text-muted-foreground", children: i18n._({
+                                                    id: 'node.holeSummary',
+                                                    message: '{area} {unit} · {count, plural, one {{points} pt} other {{points} pts}} · {source}',
+                                                    values: {
+                                                        area: formatFixed(squareMetersToAreaUnit(holeArea, unit), 2, i18n.getLocale()),
+                                                        unit: getAreaUnitLabel(unit),
+                                                        count: hole.length,
+                                                        points: String(hole.length),
+                                                        source: isAutoHole
+                                                            ? autoLabel
+                                                            : i18n._({ id: 'node.hole.manual', message: 'Manual' }),
+                                                    },
+                                                }) })] }), _jsx("div", { className: "flex items-center gap-1", children: isEditing ? (_jsx(ActionButton, { className: "h-7 bg-primary text-primary-foreground hover:bg-primary/90", label: i18n._({ id: 'node.slab.panel.done', message: 'Done' }), onClick: () => useInteractionScope
                                                 .getState()
-                                                .endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'hole') })) : openingId ? (_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", "data-slab-hole-opening": openingId, onClick: () => setSelection({ selectedIds: [openingId] }), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) })) : isAutoHole ? (_jsx("div", { className: "rounded-md bg-black/4 dark:bg-[#2C2C2E] px-2 py-1 text-[10px] text-muted-foreground", children: "Auto" })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => handleEditHole(index), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-600 dark:text-red-400 hover:bg-red-500/20 hover:text-red-700 dark:hover:text-red-300", onClick: () => handleDeleteHole(index), type: "button", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })) })] }, index));
-                        }) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: "No holes" })), _jsx("div", { className: "px-1 pt-1 pb-1", children: derived ? (_jsx(ShapeChoice, { className: "px-1 text-muted-foreground text-xs", disabled: !openingZoneId, label: node.support === 'open' ? 'Cut hatch' : 'Cut opening', onPick: (shape) => openingZoneId && startOpeningDraft(openingZoneId, 'floor', shape) })) : (_jsx(ActionButton, { className: "w-full", disabled: editingHole?.nodeId === selectedId, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Hole", onClick: handleAddHole })) })] }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }) })] }));
+                                                .endIf((scope) => scope.kind === 'reshaping' && scope.reshape === 'hole') })) : openingId ? (_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", "data-slab-hole-opening": openingId, onClick: () => setSelection({ selectedIds: [openingId] }), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) })) : isAutoHole ? (_jsx("div", { className: "rounded-md bg-black/4 dark:bg-[#2C2C2E] px-2 py-1 text-[10px] text-muted-foreground", children: i18n._({ id: 'node.slab.panel.auto', message: 'Auto' }) })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => handleEditHole(index), type: "button", children: _jsx(Edit, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-600 dark:text-red-400 hover:bg-red-500/20 hover:text-red-700 dark:hover:text-red-300", onClick: () => handleDeleteHole(index), type: "button", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })) })] }, index));
+                        }) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: i18n._({ id: 'node.slab.panel.noHoles', message: 'No holes' }) })), _jsx("div", { className: "px-1 pt-1 pb-1", children: derived ? (_jsx(ShapeChoice, { className: "px-1 text-muted-foreground text-xs", disabled: !openingZoneId, label: node.support === 'open'
+                                ? i18n._({ id: 'node.slab.panel.cutHatch', message: 'Cut hatch' })
+                                : i18n._({ id: 'node.slab.panel.cutOpening', message: 'Cut opening' }), onPick: (shape) => openingZoneId && startOpeningDraft(openingZoneId, 'floor', shape) })) : (_jsx(ActionButton, { className: "w-full", disabled: editingHole?.nodeId === selectedId, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.slab.panel.addHole', message: 'Add Hole' }), onClick: handleAddHole })) })] }), _jsx(SlabSurfaceScriptRow, { slabId: node.id }), _jsx(ActionGroup, { children: _jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.slab.panel.move', message: 'Move' }), onClick: handleMove }) })] }));
+}
+/** The slab's surface a script builds, with its code to read and a way to take it off. */
+function SlabSurfaceScriptRow({ slabId }) {
+    const sha = useScene((scene) => {
+        const slab = scene.nodes[slabId];
+        return slab?.type === 'slab' ? slab.surfaceScript?.script : undefined;
+    });
+    if (!sha)
+        return null;
+    return (_jsx("div", { className: "border-border/50 border-b px-3 pb-3", children: _jsx(ScriptedFinishRow, { "data-slab-surface-script": slabId, remove: () => setSlabSurfaceScript(useScene.getState().nodes, { slabId, remove: true }, { activeLevelId: null }).changes, sha: sha }) }));
 }
 export default SlabPanel;

package/dist/slab/renderer.d.ts

@@ -0,0 +1,11 @@
+import { type SlabNode } from '@pascal-app/core';
+/**
+ * The slab its geometry builds, and its surface script's build beside it rather than inside: the
+ * slab's group is rebuilt by its geometry and packed into the level's surface batch, which would
+ * freeze or drop a model loaded into it.
+ */
+declare const SlabRenderer: ({ node }: {
+    node: SlabNode;
+}) => import("react").JSX.Element;
+export default SlabRenderer;
+//# sourceMappingURL=renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/slab/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EAId,MAAM,kBAAkB,CAAA;AAIzB;;;;GAIG;AACH,QAAA,MAAM,YAAY,aAAc;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAKjD,CAAA;eAac,YAAY"}

package/dist/slab/renderer.js

@@ -0,0 +1,19 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FLOOR_SCRIPT_LIFT, slabScriptSurface, useScene, } from '@pascal-app/core';
+import { ParametricNodeRenderer } from '@pascal-app/viewer';
+import { FinishScriptModel } from '../shared/finish-script-model.js';
+/**
+ * The slab its geometry builds, and its surface script's build beside it rather than inside: the
+ * slab's group is rebuilt by its geometry and packed into the level's surface batch, which would
+ * freeze or drop a model loaded into it.
+ */
+const SlabRenderer = ({ node }) => (_jsxs(_Fragment, { children: [_jsx(ParametricNodeRenderer, { node: node }), node.surfaceScript ? _jsx(SlabSurfaceScriptModel, { node: node, script: node.surfaceScript }) : null] }));
+/** The slab's surface finish its script built: in the level's plan, its y = 0 on the slab's top. */
+function SlabSurfaceScriptModel({ node, script }) {
+    const surface = useScene((state) => slabScriptSurface(state.nodes, node.id));
+    if (surface === null)
+        return null;
+    return (_jsx("group", { "position-y": surface + FLOOR_SCRIPT_LIFT, visible: node.visible !== false, children: _jsx(FinishScriptModel, { ownerId: node.id, parentId: node.parentId, script: script }) }));
+}
+export default SlabRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/slab/system.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW,YAUhB,CAAA;eAEc,WAAW"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/slab/system.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW,YAwBhB,CAAA;eAEc,WAAW"}

package/dist/slab/system.js

@@ -1,5 +1,6 @@
 'use client';
-import { useScene } from '@pascal-app/core';
+import { isDeckSlab, useScene } from '@pascal-app/core';
+import { useViewer } from '@pascal-app/viewer';
 import { useEffect } from 'react';
 import { createSlabDependencyTracker } from './dependency-tracker.js';
 const SlabSystems = () => {
@@ -12,6 +13,16 @@ const SlabSystems = () => {
                 state.markDirty(id);
         });
     }, []);
+    // "Framing only" hides the shell, a deck's boards and frame with it, and draws the frame on its
+    // own: a deck rebuilds when it flips, so no batched copy of it stays drawn over the frame.
+    useEffect(() => useViewer.subscribe((state, previous) => {
+        if (state.framingOnly === previous.framingOnly)
+            return;
+        const scene = useScene.getState();
+        for (const node of Object.values(scene.nodes))
+            if (node.type === 'slab' && isDeckSlab(node, (id) => scene.nodes[id]))
+                scene.markDirty(node.id);
+    }), []);
     return null;
 };
 export default SlabSystems;

package/dist/solar-panel/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/solar-panel/panel.tsx"],"names":[],"mappings":"AAyDA,MAAM,CAAC,OAAO,UAAU,eAAe,uCAqUtC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/solar-panel/panel.tsx"],"names":[],"mappings":"AA2EA,MAAM,CAAC,OAAO,UAAU,eAAe,uCAoWtC"}

package/dist/solar-panel/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SOLAR_PANEL_PRESET_LABELS, SOLAR_PANEL_PRESETS, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { formatFixed, SOLAR_PANEL_PRESETS, useLiveNodeOverrides, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { LayoutGrid, Trash2 } from 'lucide-react';
@@ -15,11 +15,27 @@ const PRESET_OWNED_FIELDS = [
     'frameThickness',
     'frameDepth',
 ];
+// Preset names in the UI language; core's `SOLAR_PANEL_PRESET_LABELS` stay English.
 const PRESET_CARDS = [
-    { key: 'residential', label: SOLAR_PANEL_PRESET_LABELS.residential },
-    { key: 'residential-large', label: SOLAR_PANEL_PRESET_LABELS['residential-large'] },
-    { key: 'compact', label: SOLAR_PANEL_PRESET_LABELS.compact },
-    { key: 'frameless', label: SOLAR_PANEL_PRESET_LABELS.frameless },
+    {
+        key: 'residential',
+        label: /* i18n */ { id: 'node.solarPanel.preset.residential', message: 'Residential' },
+    },
+    {
+        key: 'residential-large',
+        label: /* i18n */ {
+            id: 'node.solarPanel.preset.residentialLarge',
+            message: 'Residential Large',
+        },
+    },
+    {
+        key: 'compact',
+        label: /* i18n */ { id: 'node.solarPanel.preset.compact', message: 'Compact' },
+    },
+    {
+        key: 'frameless',
+        label: /* i18n */ { id: 'node.solarPanel.preset.frameless', message: 'Frameless' },
+    },
 ];
 function dimsTouchedByUpdate(updates) {
     for (const field of PRESET_OWNED_FIELDS) {
@@ -32,6 +48,7 @@ function num(value, fallback) {
     return typeof value === 'number' && Number.isFinite(value) ? value : fallback;
 }
 export default function SolarPanelPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -100,12 +117,15 @@ export default function SolarPanelPanel() {
             return;
         const fit = computeAutoFit(segment, node);
         if (!fit) {
-            setAutoFitMessage('Setbacks too large to fit a panel.');
+            setAutoFitMessage(i18n._({
+                id: 'node.solarPanel.panel.setbacksTooLarge',
+                message: 'Setbacks too large to fit a panel.',
+            }));
             return;
         }
         updateNode(selectedId, { rows: fit.rows, columns: fit.columns });
         setAutoFitMessage(null);
-    }, [selectedId, node, segment, updateNode]);
+    }, [selectedId, node, segment, updateNode, i18n]);
     const handleDelete = useCallback(() => {
         if (!(selectedId && node))
             return;
@@ -132,15 +152,30 @@ export default function SolarPanelPanel() {
     if (!(node && node.type === 'solar-panel' && selectedId))
         return null;
     const activePreset = node.panelTypePreset;
-    const formatDims = (w, h) => `${w.toFixed(2)} × ${h.toFixed(2)} m`;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Solar Panel', width: 300, children: [_jsxs(PanelSection, { title: "Preset", children: [_jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: PRESET_CARDS.map((card) => {
+    const formatDims = (w, h) => `${formatFixed(w, 2, i18n.getLocale())} × ${formatFixed(h, 2, i18n.getLocale())} m`;
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.solarPanel.panel.solarPanel', message: 'Solar Panel' }), width: 300, children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.solarPanel.panel.preset', message: 'Preset' }), children: [_jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: PRESET_CARDS.map((card) => {
                             const dims = SOLAR_PANEL_PRESETS[card.key];
                             const isSelected = activePreset === card.key;
                             return (_jsxs("button", { className: cn('flex min-h-14 flex-col items-start gap-0.5 rounded-lg border px-2.5 py-2 text-left 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: () => handlePresetChange(card.key), type: "button", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [_jsx(LayoutGrid, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: card.label })] }), _jsx("span", { className: "pl-[20px] text-[10px] tabular-nums opacity-70", children: formatDims(dims.panelWidth, dims.panelHeight) })] }, card.key));
-                        }) }), !activePreset && (_jsx("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: "Custom \u2014 dimensions don't match any preset" }))] }), _jsxs(PanelSection, { title: "Array", children: [_jsx(SliderControl, { label: "Rows", max: 20, min: 1, onChange: (v) => previewProp({ rows: Math.round(v) }), onCommit: (v) => commitProp({ rows: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: num(node.rows, 4) }), _jsx(SliderControl, { label: "Columns", max: 20, min: 1, onChange: (v) => previewProp({ columns: Math.round(v) }), onCommit: (v) => commitProp({ columns: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: num(node.columns, 5) }), _jsx(SliderControl, { label: "Gap X", max: 0.2, min: 0, onChange: (v) => previewProp({ gapX: v }), onCommit: (v) => commitProp({ gapX: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.gapX, 0.02) }), _jsx(SliderControl, { label: "Gap Y", max: 0.2, min: 0, onChange: (v) => previewProp({ gapY: v }), onCommit: (v) => commitProp({ gapY: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.gapY, 0.02) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { disabled: !segment, label: "Auto-fit to roof", onClick: handleAutoFit }) }), autoFitMessage ? (_jsx("p", { className: "px-1 text-amber-700 dark:text-amber-400 text-xs", children: autoFitMessage })) : null] }), _jsxs(PanelSection, { title: "Panel", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.3, onChange: (v) => previewProp({ panelWidth: v }), onCommit: (v) => commitProp({ panelWidth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: num(node.panelWidth, 1) }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.3, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: num(node.panelHeight, 1.65) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { label: "Flip orientation", onClick: handleFlip }) }), _jsx(SliderControl, { label: "Frame thickness", max: 0.1, min: 0.005, onChange: (v) => previewProp({ frameThickness: v }), onCommit: (v) => commitProp({ frameThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.frameThickness, 0.04) }), _jsx(SliderControl, { label: "Frame depth", max: 0.1, min: 0.005, onChange: (v) => previewProp({ frameDepth: v }), onCommit: (v) => commitProp({ frameDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.frameDepth, 0.04) })] }), _jsxs(PanelSection, { title: "Mounting", children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ mountingType: v }), options: [
-                            { label: 'Flush', value: 'flush' },
-                            { label: 'Tilted', value: 'tilted' },
-                        ], value: node.mountingType ?? 'flush' }), node.mountingType === 'tilted' && (_jsx(SliderControl, { label: "Tilt angle", max: 45, min: 0, onChange: (v) => previewProp({ tiltAngle: v }), onCommit: (v) => commitProp({ tiltAngle: v }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(num(node.tiltAngle, 15)) })), _jsx(SliderControl, { label: "Standoff", max: 0.3, min: 0, onChange: (v) => previewProp({ standoffHeight: v }), onCommit: (v) => commitProp({ standoffHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.standoffHeight, 0.05) })] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _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 }) }) })] }));
+                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handlePresetChange(card.key), type: "button", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [_jsx(LayoutGrid, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "min-w-0 break-words", children: i18n._(card.label) })] }), _jsx("span", { className: "pl-[20px] text-[10px] tabular-nums opacity-70", children: formatDims(dims.panelWidth, dims.panelHeight) })] }, card.key));
+                        }) }), !activePreset && (_jsx("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: i18n._({
+                            id: 'node.solarPanel.panel.customDimensionsDonTMatchAny',
+                            message: "Custom — dimensions don't match any preset",
+                        }) }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.solarPanel.panel.array', message: 'Array' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.rows', message: 'Rows' }), max: 20, min: 1, onChange: (v) => previewProp({ rows: Math.round(v) }), onCommit: (v) => commitProp({ rows: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: num(node.rows, 4) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.columns', message: 'Columns' }), max: 20, min: 1, onChange: (v) => previewProp({ columns: Math.round(v) }), onCommit: (v) => commitProp({ columns: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, value: num(node.columns, 5) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.gapX', message: 'Gap X' }), max: 0.2, min: 0, onChange: (v) => previewProp({ gapX: v }), onCommit: (v) => commitProp({ gapX: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.gapX, 0.02) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.gapY', message: 'Gap Y' }), max: 0.2, min: 0, onChange: (v) => previewProp({ gapY: v }), onCommit: (v) => commitProp({ gapY: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.gapY, 0.02) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { disabled: !segment, label: i18n._({
+                                id: 'node.solarPanel.panel.autoFitToRoof',
+                                message: 'Auto-fit to roof',
+                            }), onClick: handleAutoFit }) }), autoFitMessage ? (_jsx("p", { className: "px-1 text-amber-700 dark:text-amber-400 text-xs", children: autoFitMessage })) : null] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.solarPanel.panel.panel', message: 'Panel' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.width', message: 'Width' }), max: 1000, min: 0.3, onChange: (v) => previewProp({ panelWidth: v }), onCommit: (v) => commitProp({ panelWidth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: num(node.panelWidth, 1) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.height', message: 'Height' }), max: 1000, min: 0.3, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: num(node.panelHeight, 1.65) }), _jsx(ActionGroup, { children: _jsx(ActionButton, { label: i18n._({
+                                id: 'node.solarPanel.panel.flipOrientation',
+                                message: 'Flip orientation',
+                            }), onClick: handleFlip }) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.frameThickness', message: 'Frame thickness' }), max: 0.1, min: 0.005, onChange: (v) => previewProp({ frameThickness: v }), onCommit: (v) => commitProp({ frameThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.frameThickness, 0.04) }), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.frameDepth', message: 'Frame depth' }), max: 0.1, min: 0.005, onChange: (v) => previewProp({ frameDepth: v }), onCommit: (v) => commitProp({ frameDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.frameDepth, 0.04) })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.solarPanel.panel.mounting', message: 'Mounting' }), children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ mountingType: v }), options: [
+                            {
+                                label: i18n._({ id: 'node.solarPanel.panel.flush', message: 'Flush' }),
+                                value: 'flush',
+                            },
+                            {
+                                label: i18n._({ id: 'node.solarPanel.panel.tilted', message: 'Tilted' }),
+                                value: 'tilted',
+                            },
+                        ], value: node.mountingType ?? 'flush' }), node.mountingType === 'tilted' && (_jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.tiltAngle', message: 'Tilt angle' }), max: 45, min: 0, onChange: (v) => previewProp({ tiltAngle: v }), onCommit: (v) => commitProp({ tiltAngle: v }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(num(node.tiltAngle, 15)) })), _jsx(SliderControl, { label: i18n._({ id: 'node.solarPanel.panel.standoff', message: 'Standoff' }), max: 0.3, min: 0, onChange: (v) => previewProp({ standoffHeight: v }), onCommit: (v) => commitProp({ standoffHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: num(node.standoffHeight, 0.05) })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.solarPanel.panel.actions', message: 'Actions' }), children: _jsx(ActionGroup, { children: _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.solarPanel.panel.delete', message: 'Delete' }), onClick: handleDelete }) }) })] }));
 }

package/dist/stair/construction-controls.d.ts

@@ -1,7 +1,9 @@
 import { StairConstruction, type StairNode, type StairSegmentNode } from '@pascal-app/core';
-export declare function StairConstructionControls({ node, inherited, onChange, }: {
+export declare function StairConstructionControls({ node, inherited, structured, onChange, }: {
     node: StairNode | StairSegmentNode;
     inherited?: StairConstruction;
+    /** The stair has a structure: without a body of its own it draws the structure's. */
+    structured?: boolean;
     onChange: (construction: StairConstruction | undefined) => void;
 }): import("react").JSX.Element;
 export declare function StairConstructionField({ node, onUpdate, }: {

package/dist/stair/construction-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"construction-controls.d.ts","sourceRoot":"","sources":["../../src/stair/construction-controls.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,iBAAiB,EACjB,KAAK,SAAS,EACd,KAAK,gBAAgB,EAEtB,MAAM,kBAAkB,CAAA;AAYzB,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAAA;IAClC,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,QAAQ,EAAE,CAAC,YAAY,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;CAChE,+BAwGA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CAC9C,+BAOA;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrD,+BAYA"}
+{"version":3,"file":"construction-controls.d.ts","sourceRoot":"","sources":["../../src/stair/construction-controls.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,iBAAiB,EACjB,KAAK,SAAS,EACd,KAAK,gBAAgB,EAGtB,MAAM,kBAAkB,CAAA;AAoCzB,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAAA;IAClC,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;CAChE,+BA2IA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CAC9C,+BAQA;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrD,+BAiBA"}

package/dist/stair/construction-controls.js

@@ -1,29 +1,92 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StairConstruction, useScene, } from '@pascal-app/core';
+import { StairConstruction, usePascalI18n, useScene, } from '@pascal-app/core';
 import { MetricControl, SelectControl, ToggleControl } from '@pascal-app/editor';
 const OPTIONS = [
-    { label: 'Original', value: 'original' },
-    { label: 'Solid', value: 'solid' },
-    { label: 'Waist', value: 'waist' },
-    { label: 'Open', value: 'open' },
-    { label: 'Side stringers', value: 'side-stringers' },
-    { label: 'Center stringer', value: 'center-stringer' },
+    {
+        label: /* i18n */ { id: 'node.stair.constructionControls.original', message: 'Original' },
+        value: 'original',
+    },
+    {
+        label: /* i18n */ { id: 'node.stair.constructionControls.solid', message: 'Solid' },
+        value: 'solid',
+    },
+    {
+        label: /* i18n */ { id: 'node.stair.constructionControls.waist', message: 'Waist' },
+        value: 'waist',
+    },
+    {
+        label: /* i18n */ { id: 'node.stair.constructionControls.open', message: 'Open' },
+        value: 'open',
+    },
+    {
+        label: /* i18n */ {
+            id: 'node.stair.constructionControls.sideStringers',
+            message: 'Side stringers',
+        },
+        value: 'side-stringers',
+    },
+    {
+        label: /* i18n */ {
+            id: 'node.stair.constructionControls.centerStringer',
+            message: 'Center stringer',
+        },
+        value: 'center-stringer',
+    },
 ];
-export function StairConstructionControls({ node, inherited, onChange, }) {
+export function StairConstructionControls({ node, inherited, structured = false, onChange, }) {
+    const i18n = usePascalI18n();
     const effective = node.construction ?? inherited;
     const update = (patch) => onChange(StairConstruction.parse({ ...effective, ...patch }));
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(SelectControl, { label: "Body", value: node.construction?.mode ?? 'original', options: OPTIONS.map((option) => option.value === 'original' && inherited ? { ...option, label: 'Inherit' } : option), onChange: (mode) => mode === 'original'
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(SelectControl, { label: i18n._({ id: 'node.stair.constructionControls.body', message: 'Body' }), value: node.construction?.mode ?? 'original', options: OPTIONS.map((option) => option.value === 'original' && (inherited || structured)
+                    ? {
+                        ...option,
+                        label: inherited
+                            ? i18n._({
+                                id: 'node.stair.constructionControls.inherit',
+                                message: 'Inherit',
+                            })
+                            : i18n._({
+                                id: 'node.stair.constructionControls.fromStructure',
+                                message: 'From structure',
+                            }),
+                    }
+                    : { ...option, label: i18n._(option.label) }), onChange: (mode) => mode === 'original'
                     ? onChange(undefined)
-                    : update({ mode: mode }) }), effective ? (_jsxs(_Fragment, { children: [effective.mode === 'waist' ? (_jsx(MetricControl, { label: "Waist thickness", min: 0.001, value: effective.waistThickness, onChange: (waistThickness) => update({ waistThickness }), unit: "m", step: 0.01, precision: 3 })) : null, _jsx(MetricControl, { label: "Tread thickness", min: 0.001, value: effective.treadThickness, onChange: (treadThickness) => update({ treadThickness }), unit: "m", step: 0.01, precision: 3 }), _jsx(MetricControl, { label: "Nosing", min: 0, value: effective.nosing, onChange: (nosing) => update({ nosing }), unit: "m", step: 0.005, precision: 3 }), _jsx(MetricControl, { label: "Tread finish", min: 0, value: effective.finishThickness, onChange: (finishThickness) => update({ finishThickness }), unit: "m", step: 0.005, precision: 3 }), effective.mode === 'solid' || effective.mode === 'waist' ? null : (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { label: "Closed risers", checked: effective.closedRisers, onChange: (closedRisers) => update({ closedRisers }) }), effective.closedRisers ? (_jsx(MetricControl, { label: "Riser thickness", min: 0.001, value: effective.riserThickness, onChange: (riserThickness) => update({ riserThickness }), unit: "m", step: 0.005, precision: 3 })) : null] })), effective.mode === 'side-stringers' || effective.mode === 'center-stringer' ? (_jsxs(_Fragment, { children: [_jsx(MetricControl, { label: "Stringer width", min: 0.001, value: effective.stringerWidth, onChange: (stringerWidth) => update({ stringerWidth }), unit: "m", step: 0.01, precision: 3 }), _jsx(MetricControl, { label: "Stringer depth", min: 0.001, value: effective.stringerDepth, onChange: (stringerDepth) => update({ stringerDepth }), unit: "m", step: 0.01, precision: 3 })] })) : null] })) : null] }));
+                    : update({ mode: mode }) }), effective ? (_jsxs(_Fragment, { children: [effective.mode === 'waist' ? (_jsx(MetricControl, { label: i18n._({
+                            id: 'node.stair.constructionControls.waistThickness',
+                            message: 'Waist thickness',
+                        }), min: 0.001, value: effective.waistThickness, onChange: (waistThickness) => update({ waistThickness }), unit: "m", step: 0.01, precision: 3 })) : null, _jsx(MetricControl, { label: i18n._({
+                            id: 'node.stair.constructionControls.treadThickness',
+                            message: 'Tread thickness',
+                        }), min: 0.001, value: effective.treadThickness, onChange: (treadThickness) => update({ treadThickness }), unit: "m", step: 0.01, precision: 3 }), _jsx(MetricControl, { label: i18n._({ id: 'node.stair.constructionControls.nosing', message: 'Nosing' }), min: 0, value: effective.nosing, onChange: (nosing) => update({ nosing }), unit: "m", step: 0.005, precision: 3 }), _jsx(MetricControl, { label: i18n._({
+                            id: 'node.stair.constructionControls.treadFinish',
+                            message: 'Tread finish',
+                        }), min: 0, value: effective.finishThickness, onChange: (finishThickness) => update({ finishThickness }), unit: "m", step: 0.005, precision: 3 }), effective.mode === 'solid' || effective.mode === 'waist' ? null : (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { label: i18n._({
+                                    id: 'node.stair.constructionControls.closedRisers',
+                                    message: 'Closed risers',
+                                }), checked: effective.closedRisers, onChange: (closedRisers) => update({ closedRisers }) }), effective.closedRisers ? (_jsx(MetricControl, { label: i18n._({
+                                    id: 'node.stair.constructionControls.riserThickness',
+                                    message: 'Riser thickness',
+                                }), min: 0.001, value: effective.riserThickness, onChange: (riserThickness) => update({ riserThickness }), unit: "m", step: 0.005, precision: 3 })) : null] })), effective.mode === 'side-stringers' || effective.mode === 'center-stringer' ? (_jsxs(_Fragment, { children: [_jsx(MetricControl, { label: i18n._({
+                                    id: 'node.stair.constructionControls.stringerWidth',
+                                    message: 'Stringer width',
+                                }), min: 0.001, value: effective.stringerWidth, onChange: (stringerWidth) => update({ stringerWidth }), unit: "m", step: 0.01, precision: 3 }), _jsx(MetricControl, { label: i18n._({
+                                    id: 'node.stair.constructionControls.stringerDepth',
+                                    message: 'Stringer depth',
+                                }), min: 0.001, value: effective.stringerDepth, onChange: (stringerDepth) => update({ stringerDepth }), unit: "m", step: 0.01, precision: 3 })] })) : null] })) : null] }));
 }
 export function StairConstructionField({ node, onUpdate, }) {
-    return (_jsx(StairConstructionControls, { node: node, onChange: (construction) => onUpdate({ construction }) }));
+    return (_jsx(StairConstructionControls, { node: node, structured: Boolean(node.structure), onChange: (construction) => onUpdate({ construction }) }));
 }
 export function StairSegmentConstructionField({ node, onUpdate, }) {
     const inherited = useScene((state) => {
         const parent = node.parentId ? state.nodes[node.parentId] : undefined;
         return parent?.type === 'stair' ? parent.construction : undefined;
     });
-    return (_jsx(StairConstructionControls, { node: node, inherited: inherited, onChange: (construction) => onUpdate({ construction }) }));
+    const structured = useScene((state) => {
+        const parent = node.parentId ? state.nodes[node.parentId] : undefined;
+        return parent?.type === 'stair' && Boolean(parent.structure);
+    });
+    return (_jsx(StairConstructionControls, { node: node, inherited: inherited, structured: structured, onChange: (construction) => onUpdate({ construction }) }));
 }

package/dist/stair/paint.d.ts

@@ -6,6 +6,7 @@ export declare const stairSegmentPaint: {
     roomScope?: boolean;
     resolveRole: (args: PaintResolveArgs) => string | null;
     roleLabel?: (node: AnyNode, role: string) => string | null;
+    scopes?: (node: AnyNode, role: string) => import("@pascal-app/core").PaintSurfaceScopes | null;
     buildPatch: (args: import("@pascal-app/core").PaintPatchArgs) => Partial<AnyNode>;
     commit?: (args: import("@pascal-app/core").PaintPatchArgs) => void;
     applyPreview: (args: PaintPreviewArgs) => (() => void) | null;
@@ -25,6 +26,11 @@ export declare const stairSegmentPaint: {
                 url: string;
                 repeat?: [number, number] | undefined;
                 scale?: number | undefined;
+                offset?: [number, number] | undefined;
+                normalMap?: string | undefined;
+                normalScale?: number | undefined;
+                bumpMap?: string | undefined;
+                bumpScale?: number | undefined;
             } | undefined;
         } | undefined;
         materialPreset: string | undefined;

package/dist/stair/paint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/stair/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAGZ,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAMtB,MAAM,kBAAkB,CAAA;AAwHzB,eAAO,MAAM,UAAU,4CAKrB,CAAA;AAEF,QAAA,MAAM,YAAY,4CAMhB,CAAA;AACF,eAAO,MAAM,iBAAiB;;;;;;;;iCAGpB,UAAU,CAAC,WAAW,CAAC,OAAO,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;CAa7E,CAAA"}
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/stair/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAGZ,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAMtB,MAAM,kBAAkB,CAAA;AAwHzB,eAAO,MAAM,UAAU,4CAKrB,CAAA;AAEF,QAAA,MAAM,YAAY,4CAMhB,CAAA;AACF,eAAO,MAAM,iBAAiB;;;;;;;;;iCAGpB,UAAU,CAAC,WAAW,CAAC,OAAO,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAa7E,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/stair/panel.tsx"],"names":[],"mappings":"AA4FA,MAAM,CAAC,OAAO,UAAU,UAAU,uCAo4BjC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/stair/panel.tsx"],"names":[],"mappings":"AAkKA,MAAM,CAAC,OAAO,UAAU,UAAU,uCA2hCjC"}