@pascal-app/nodes 1.0.6 → 1.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/site/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,QAAQ,EAed,MAAM,kBAAkB,CAAA;AA2KzB,eAAO,MAAM,YAAY,aAAc;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,uCAmpBxD,CAAA;eAEc,YAAY"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/site/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,QAAQ,EAgBd,MAAM,kBAAkB,CAAA;AAsKzB,eAAO,MAAM,YAAY,aAAc;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,uCAmqBxD,CAAA;eAEc,YAAY"}

package/dist/site/renderer.js

@@ -1,14 +1,13 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { belowGradeFloorY, belowGradeFootprints, coveredBelowGradeFootprints, groundPitFloorY, intersection, sightTriangle, siteFrontEdge, siteSetbackEnvelope, streetCorners, surfaceHeightAt, terrainContours, terrainFieldOf, union, unionPolygons, useLiveNodeOverrides, useLiveTerrain, useRegistry, useScene, } from '@pascal-app/core';
-import { backdropColors, backdropGradient, groundWindowMaskNode, NodeRenderer, SITE_GROUND, siteGroundShown, UNDERGROUND_RIM, useImmersiveXRPresentation, useNodeEvents, useSceneAtmosphere, useSceneGroundReplacement, useViewer, } from '@pascal-app/viewer';
+import { belowGradeFloorY, belowGradeFootprints, coveredBelowGradeFootprints, groundPitFloorY, intersection, sightTriangle, siteFrontEdge, siteSetbackEnvelope, streetCorners, surfaceHeightAt, terrainContours, terrainFieldOf, terrainOverFloors, union, unionPolygons, useLiveNodeOverrides, useLiveTerrain, useRegistry, useScene, } from '@pascal-app/core';
+import { backdropColors, backdropGradient, createDaylightGroundMaterial, DAYLIGHT_PARCEL, groundWindowMaskNode, isDaylightAtmosphere, NodeRenderer, SITE_GROUND, siteGroundShown, UNDERGROUND_RIM, useImmersiveXRPresentation, useNodeEvents, useSceneAtmosphere, useSceneGroundReplacement, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef } from 'react';
 import { BufferAttribute, BufferGeometry, DoubleSide, Path, Shape, ShapeGeometry, } from 'three';
 import { cameraPosition, color, mix, positionWorld, smoothstep, float as tslFloat, vec2, } from 'three/tsl';
 import { MeshLambertNodeMaterial } from 'three/webgpu';
-import { GenericFoundation } from './generic-foundation.js';
 import { GroundHole, groundHoleColorNode, groundHoleShadowNode, solidGroundMaskNode, } from './ground-hole.js';
-import { GroundVeil, gradeRingGeometry, gradeRingMaterial, groundVeilMaterial, horizonVeilMaterial, noopRaycast, } from './ground-veil.js';
+import { GroundVeil, groundVeilMaterial, horizonVeilMaterial, noopRaycast } from './ground-veil.js';
 import { GroundWindowSystem } from './ground-window-system.js';
 import { buildPatternedRibbon, PROPERTY_LINE_PATTERN, SETBACK_LINE_PATTERN, updateRibbonHeights, } from './line-ribbon.js';
 import { getRecessedSlabGroundHoles } from './recessed-slab-ground-holes.js';
@@ -87,7 +86,13 @@ export const SiteRenderer = ({ node }) => {
     const groundReplaced = useSceneGroundReplacement();
     useRegistry(node.id, 'site', ref);
     const theme = useViewer((state) => state.sceneAppearance);
-    const bgColor = theme.ground;
+    // The colored appearance's daylight look: a neutral parcel, lit by the sky (Standard), on a
+    // squared ground whose horizon the atmosphere's fog blends into the sky.
+    const daylight = isDaylightAtmosphere(atmosphere);
+    // Solid shading is Lambert everywhere (the sky reaches it as a hemisphere light, not the
+    // environment), so the daylight grounds follow it.
+    const solid = useViewer((state) => state.shading === 'solid');
+    const bgColor = daylight ? DAYLIGHT_PARCEL : theme.ground;
     const { background: backgroundColor, sky: skyColor, haze, skyDeep } = backdropColors(theme);
     const maxLightIntensity = Math.max(1, ...theme.lights.map((light) => light.intensity));
     const livePolygon = useLiveNodeOverrides((state) => state.overrides.get(node.id)?.polygon ?? null);
@@ -123,8 +128,8 @@ export const SiteRenderer = ({ node }) => {
         return { cx, cz, radius };
     }, [polygonPoints]);
     // Where the ground meets the levels below grade. `all` says whether the scene has any (the
-    // ground materials carry the hole's mask from then on); `shown` is what the hole is cut over and
-    // the grade ring runs along under the veil: the level shown and the ones between it and grade, as
+    // ground materials carry the hole's mask from then on); `shown` is what the hole is cut over under
+    // the veil: the level shown and the ones between it and grade, as
     // the level display hides them. While the level shown is not below grade the last such set is
     // kept, so a hole easing shut keeps its shape. `covered` is the part of them under the house
     // itself, whatever level is shown: the ground stands open there (see `holes`).
@@ -170,7 +175,9 @@ export const SiteRenderer = ({ node }) => {
     // not when a floor is picked), the opening a uniform; without one the materials stay plain.
     const hasBasement = buried.all.length > 0;
     const groundMaterial = useMemo(() => {
-        const material = new MeshLambertNodeMaterial({ color: bgColor });
+        const material = daylight
+            ? createDaylightGroundMaterial(solid, { color: bgColor })
+            : new MeshLambertNodeMaterial({ color: bgColor });
         material.polygonOffset = true;
         material.polygonOffsetFactor = 1;
         material.polygonOffsetUnits = 1;
@@ -188,13 +195,29 @@ export const SiteRenderer = ({ node }) => {
             material.maskNode = groundWindowMaskNode();
         }
         return material;
-    }, [bgColor, hasBasement]);
+    }, [bgColor, daylight, hasBasement, solid]);
     // Presentation horizon: a large ground disc under the lot, fading into the
     // active fog radiance (or the theme backdrop when there is no atmosphere) so
     // the scene sits on an "infinite" plane instead of a hard-edged plate. Never pickable.
     const horizonMaterial = useMemo(() => {
         if (!fadeBounds || groundReplaced)
             return null;
+        if (daylight) {
+            const material = createDaylightGroundMaterial(solid, { horizon: atmosphere?.fogRadiance });
+            material.polygonOffset = true;
+            material.polygonOffsetFactor = 2;
+            material.polygonOffsetUnits = 2;
+            if (hasBasement) {
+                ;
+                material.maskNode = solidGroundMaskNode();
+                material.receivedShadowNode = groundHoleShadowNode();
+            }
+            else {
+                ;
+                material.maskNode = groundWindowMaskNode();
+            }
+            return material;
+        }
         const material = new MeshLambertNodeMaterial({ color: bgColor });
         const center = vec2(fadeBounds.cx, fadeBounds.cz);
         const dist = positionWorld.xz.sub(center).length();
@@ -239,6 +262,8 @@ export const SiteRenderer = ({ node }) => {
         }
         return material;
     }, [
+        solid,
+        daylight,
         hasBasement,
         atmosphere,
         bgColor,
@@ -267,6 +292,16 @@ export const SiteRenderer = ({ node }) => {
         slabPolygonsCache.current = next;
         return next;
     });
+    // Inside a storey's own floor the ground never shows over it: the part of each floor plate the
+    // terrain stands over (a slope interpolated just over a walk-out's floor included) is cut too.
+    const overFloorsCache = useRef([]);
+    const overFloors = useScene((state) => {
+        const next = terrainOverFloors(state.nodes);
+        if (polygonsMatch(next, overFloorsCache.current))
+            return overFloorsCache.current;
+        overFloorsCache.current = next;
+        return next;
+    });
     // What the ground is cut open over: the recessed slabs, and the basement under the house. The
     // house covers that part of a basement, so the ground there is open whatever level is shown:
     // from outside nothing changes, and a stairwell, a floor opening or a walkthrough on the stair
@@ -278,19 +313,13 @@ export const SiteRenderer = ({ node }) => {
     // the triangulation.
     const coverOpen = !(belowGrade && groundMode === 'solid');
     const holes = useMemo(() => {
-        if (!coverOpen || buried.covered.length === 0 || !polygonPoints || polygonPoints.length < 3)
+        const open = [...buried.covered, ...overFloors];
+        if (!coverOpen || open.length === 0 || !polygonPoints || polygonPoints.length < 3)
             return slabPolygons;
-        const inLot = intersection(union(buried.covered), polygonPoints);
+        const inLot = intersection(union(open), polygonPoints);
         const covered = inLot.filter((piece) => piece.holes.length === 0).map((piece) => piece.outer);
         return covered.length > 0 ? [...slabPolygons, ...covered] : slabPolygons;
-    }, [coverOpen, buried.covered, polygonPoints, slabPolygons]);
-    const gradeRings = useMemo(() => buried.shown.map((outline) => gradeRingGeometry(outline, persistedField)), [buried.shown, persistedField]);
-    useEffect(() => () => {
-        for (const ring of gradeRings)
-            ring.dispose();
-    }, [gradeRings]);
-    const gradeRing = useMemo(gradeRingMaterial, []);
-    useEffect(() => () => gradeRing.dispose(), [gradeRing]);
+    }, [coverOpen, buried.covered, overFloors, polygonPoints, slabPolygons]);
     // Ground shape: site polygon with slab footprints punched as holes
     const groundShape = useMemo(() => {
         if (!polygonPoints || polygonPoints.length < 3)
@@ -312,7 +341,8 @@ export const SiteRenderer = ({ node }) => {
     const horizonGeometry = useMemo(() => {
         if (!fadeBounds || groundReplaced)
             return null;
-        const radius = Math.max(fadeBounds.radius * 8, 400);
+        // Daylight: reach the atmosphere's fog end so the ground meets the sky at the horizon.
+        const radius = daylight ? 6000 : Math.max(fadeBounds.radius * 8, 400);
         const shape = new Shape();
         const segments = 64;
         shape.moveTo(radius, 0);
@@ -323,7 +353,7 @@ export const SiteRenderer = ({ node }) => {
         shape.closePath();
         addSlabHoles(shape, holes, fadeBounds.cx, fadeBounds.cz);
         return new ShapeGeometry(shape);
-    }, [fadeBounds, holes, groundReplaced]);
+    }, [daylight, fadeBounds, holes, groundReplaced]);
     useEffect(() => () => horizonGeometry?.dispose(), [horizonGeometry]);
     useEffect(() => () => horizonMaterial?.dispose(), [horizonMaterial]);
     // Boundary line geometry, subdivided against the terrain grid when there is one.
@@ -534,7 +564,6 @@ export const SiteRenderer = ({ node }) => {
     if (!(node && lineGeometry)) {
         return null;
     }
-    return (_jsxs("group", { ref: ref, ...handlers, children: [_jsx(GroundWindowSystem, {}), _jsx(GenericFoundation, {}), _jsx(GroundHole, { drawnFloorY: buried.drawnFloorY, floorY: buried.floorY, footprints: buried.shown, present: hasBasement, topAt: groundTopAt, topsoil: bgColor, topY: GROUND_FILL_POSITION[1] }), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))), showSiteSurfaces && showGround && showTerrain && (_jsx(TerrainRenderer, { holes: holes, material: groundMaterial, polygon: polygonPoints, site: node, veil: groundVeil })), showSiteSurfaces && showGround && groundGeometry && !showTerrain && (_jsxs(_Fragment, { children: [_jsx("mesh", { geometry: groundGeometry, material: groundMaterial, position: GROUND_FILL_POSITION, receiveShadow: true, rotation: FLAT_ON_THE_GROUND, userData: { [SITE_GROUND]: 'solid' } }), _jsx(GroundVeil, { geometry: groundGeometry, material: groundVeil, position: GROUND_FILL_POSITION, rotation: FLAT_ON_THE_GROUND })] })), showGround && !immersiveXR && horizonGeometry && horizonMaterial && fadeBounds && (_jsx("mesh", { geometry: horizonGeometry, material: horizonMaterial, position: [fadeBounds.cx, horizonY, fadeBounds.cz], raycast: noopRaycast, receiveShadow: true, rotation: FLAT_ON_THE_GROUND, userData: { pascalExport: 'strip', [SITE_GROUND]: 'solid' } })), showGround && !immersiveXR && horizonGeometry && horizonVeil && fadeBounds && (_jsx(GroundVeil, { geometry: horizonGeometry, material: horizonVeil, position: [fadeBounds.cx, horizonY, fadeBounds.cz], rotation: FLAT_ON_THE_GROUND })), showSiteSurfaces &&
-                gradeRings.map((geometry, index) => (_jsx(GroundVeil, { geometry: geometry, material: gradeRing, shows: "veiled" }, index))), showSiteSurfaces && ribbons && (_jsxs(_Fragment, { children: [_jsx("mesh", { frustumCulled: false, geometry: ribbons.property, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#1c1917", depthWrite: false, side: DoubleSide, toneMapped: false }) }), ribbons.envelope && (_jsx("mesh", { frustumCulled: false, geometry: ribbons.envelope, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.85, side: DoubleSide, toneMapped: false, transparent: true }) })), ribbons.triangles.map((g, i) => (_jsx("mesh", { frustumCulled: false, geometry: g, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.85, side: DoubleSide, toneMapped: false, transparent: true }) }, i))), _jsx("line", { frustumCulled: false, geometry: lineGeometry, renderOrder: 8, children: _jsx("lineBasicMaterial", { color: "#1c1917", opacity: 0.5, transparent: true }) })] })), showSiteSurfaces && !ribbons && (_jsx("line", { frustumCulled: false, geometry: lineGeometry, renderOrder: 9, children: _jsx("lineBasicMaterial", { color: "#f59e0b", linewidth: 2, opacity: 0.6, transparent: true }) })), showSiteSurfaces && contourGeometry && (_jsx("lineSegments", { frustumCulled: false, geometry: contourGeometry, raycast: noopRaycast, renderOrder: 8, children: _jsx("lineBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.22, toneMapped: false, transparent: true }) }))] }));
+    return (_jsxs("group", { ref: ref, ...handlers, children: [_jsx(GroundWindowSystem, {}), _jsx(GroundHole, { drawnFloorY: buried.drawnFloorY, floorY: buried.floorY, footprints: buried.shown, present: hasBasement, topAt: groundTopAt, topsoil: bgColor, topY: GROUND_FILL_POSITION[1] }), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))), showSiteSurfaces && showGround && showTerrain && (_jsx(TerrainRenderer, { holes: holes, material: groundMaterial, polygon: polygonPoints, site: node, veil: groundVeil })), showSiteSurfaces && showGround && groundGeometry && !showTerrain && (_jsxs(_Fragment, { children: [_jsx("mesh", { geometry: groundGeometry, material: groundMaterial, position: GROUND_FILL_POSITION, receiveShadow: true, rotation: FLAT_ON_THE_GROUND, userData: { [SITE_GROUND]: 'solid' } }), _jsx(GroundVeil, { geometry: groundGeometry, material: groundVeil, position: GROUND_FILL_POSITION, rotation: FLAT_ON_THE_GROUND })] })), showGround && !immersiveXR && horizonGeometry && horizonMaterial && fadeBounds && (_jsx("mesh", { geometry: horizonGeometry, material: horizonMaterial, position: [fadeBounds.cx, horizonY, fadeBounds.cz], raycast: noopRaycast, receiveShadow: true, rotation: FLAT_ON_THE_GROUND, userData: { pascalExport: 'strip', [SITE_GROUND]: 'solid' } })), showGround && !immersiveXR && horizonGeometry && horizonVeil && fadeBounds && (_jsx(GroundVeil, { geometry: horizonGeometry, material: horizonVeil, position: [fadeBounds.cx, horizonY, fadeBounds.cz], rotation: FLAT_ON_THE_GROUND })), showSiteSurfaces && ribbons && (_jsxs(_Fragment, { children: [_jsx("mesh", { frustumCulled: false, geometry: ribbons.property, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#1c1917", depthWrite: false, side: DoubleSide, toneMapped: false }) }), ribbons.envelope && (_jsx("mesh", { frustumCulled: false, geometry: ribbons.envelope, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.85, side: DoubleSide, toneMapped: false, transparent: true }) })), ribbons.triangles.map((g, i) => (_jsx("mesh", { frustumCulled: false, geometry: g, raycast: noopRaycast, renderOrder: 9, children: _jsx("meshBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.85, side: DoubleSide, toneMapped: false, transparent: true }) }, i))), _jsx("line", { frustumCulled: false, geometry: lineGeometry, renderOrder: 8, children: _jsx("lineBasicMaterial", { color: "#1c1917", opacity: 0.5, transparent: true }) })] })), showSiteSurfaces && !ribbons && (_jsx("line", { frustumCulled: false, geometry: lineGeometry, renderOrder: 9, children: _jsx("lineBasicMaterial", { color: "#f59e0b", linewidth: 2, opacity: 0.6, transparent: true }) })), showSiteSurfaces && contourGeometry && (_jsx("lineSegments", { frustumCulled: false, geometry: contourGeometry, raycast: noopRaycast, renderOrder: 8, children: _jsx("lineBasicMaterial", { color: "#000000", depthWrite: false, opacity: 0.22, toneMapped: false, transparent: true }) }))] }));
 };
 export default SiteRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/skylight/panel.tsx"],"names":[],"mappings":"AAgCA,MAAM,CAAC,OAAO,UAAU,aAAa,uCAuiBpC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/skylight/panel.tsx"],"names":[],"mappings":"AA2CA,MAAM,CAAC,OAAO,UAAU,aAAa,uCA6jBpC"}

package/dist/skylight/panel.js

@@ -1,13 +1,22 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SKYLIGHT_TYPE_ORDER, SKYLIGHT_TYPE_PRESETS, sceneRegistry, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { SKYLIGHT_TYPE_ORDER, SKYLIGHT_TYPE_PRESETS, sceneRegistry, 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 { Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 import { Vector3 } from 'three';
 const cn = (...classes) => classes.filter(Boolean).join(' ');
+/** Preset names in the UI language; core's `SKYLIGHT_TYPE_PRESETS` labels stay English. */
+const SKYLIGHT_TYPE_LABELS = {
+    flat: /* i18n */ { id: 'node.skylight.type.flat', message: 'Flat roof skylight' },
+    'walk-on': /* i18n */ { id: 'node.skylight.type.walkOn', message: 'Walk-on rooflight' },
+    lantern: /* i18n */ { id: 'node.skylight.type.lantern', message: 'Roof lantern' },
+    opening: /* i18n */ { id: 'node.skylight.type.opening', message: 'Opening skylight' },
+    sliding: /* i18n */ { id: 'node.skylight.type.sliding', message: 'Sliding skylight' },
+};
 export default function SkylightPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -213,26 +222,47 @@ export default function SkylightPanel() {
             motorHousingSize: preset.motorHousingSize,
         });
     };
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Skylight', width: 300, children: [_jsxs(PanelSection, { title: "Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: SKYLIGHT_TYPE_ORDER.map((skylightType) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.skylight.panel.skylight', message: 'Skylight' }), width: 300, children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.skylight.panel.type', message: 'Type' }), children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: SKYLIGHT_TYPE_ORDER.map((skylightType) => {
                             const isSelected = activeSkylightType === skylightType;
                             return (_jsx("button", { className: cn('flex min-h-12 items-center gap-2.5 rounded-lg border px-3 py-2.5 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: () => handleTypeChange(skylightType), type: "button", children: _jsx("span", { className: "min-w-0 truncate font-medium", children: SKYLIGHT_TYPE_PRESETS[skylightType].label }) }, skylightType));
-                        }) }), _jsx(SliderControl, { label: "Glass Thickness", max: 0.05, min: 0.002, onChange: (v) => previewProp({ glassThickness: v }), onCommit: (v) => commitProp({ glassThickness: v }), precision: 3, restoreOnCommit: false, step: 0.001, unit: "m", value: node.glassThickness ?? 0.01 }), activeSkylightType === 'lantern' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Lantern Height", max: 1.0, min: 0.05, onChange: (v) => previewProp({ lanternHeight: v }), onCommit: (v) => commitProp({ lanternHeight: v }), precision: 3, restoreOnCommit: false, step: 0.01, unit: "m", value: node.lanternHeight ?? 0.25 }), _jsx(SliderControl, { label: "Top Scale", max: 0.95, min: 0, onChange: (v) => previewProp({ lanternTopScale: v }), onCommit: (v) => commitProp({ lanternTopScale: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.lanternTopScale ?? 0.25) * 100) / 100 })] })), activeSkylightType === 'opening' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Open", max: 1, min: 0, onChange: (v) => previewProp({ operationState: v }), onCommit: (v) => commitProp({ operationState: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "", value: Math.round((node.operationState ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Opening Angle", max: 80, min: 0, onChange: (deg) => previewProp({ openingAngle: (deg * Math.PI) / 180 }), onCommit: (deg) => commitProp({ openingAngle: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.openingAngle ?? Math.PI / 10) * 180) / Math.PI) }), _jsx(SegmentedControl, { onChange: (v) => commitProp({ openingSide: v }), options: [
-                                    { label: 'Top', value: 'top' },
-                                    { label: 'Bottom', value: 'bottom' },
-                                    { label: 'Left', value: 'left' },
-                                    { label: 'Right', value: 'right' },
+                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleTypeChange(skylightType), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(SKYLIGHT_TYPE_LABELS[skylightType]) }) }, skylightType));
+                        }) }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.glassThickness', message: 'Glass Thickness' }), max: 0.05, min: 0.002, onChange: (v) => previewProp({ glassThickness: v }), onCommit: (v) => commitProp({ glassThickness: v }), precision: 3, restoreOnCommit: false, step: 0.001, unit: "m", value: node.glassThickness ?? 0.01 }), activeSkylightType === 'lantern' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.lanternHeight', message: 'Lantern Height' }), max: 1.0, min: 0.05, onChange: (v) => previewProp({ lanternHeight: v }), onCommit: (v) => commitProp({ lanternHeight: v }), precision: 3, restoreOnCommit: false, step: 0.01, unit: "m", value: node.lanternHeight ?? 0.25 }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.topScale', message: 'Top Scale' }), max: 0.95, min: 0, onChange: (v) => previewProp({ lanternTopScale: v }), onCommit: (v) => commitProp({ lanternTopScale: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "", value: Math.round((node.lanternTopScale ?? 0.25) * 100) / 100 })] })), activeSkylightType === 'opening' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.open', message: 'Open' }), max: 1, min: 0, onChange: (v) => previewProp({ operationState: v }), onCommit: (v) => commitProp({ operationState: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "", value: Math.round((node.operationState ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.openingAngle', message: 'Opening Angle' }), max: 80, min: 0, onChange: (deg) => previewProp({ openingAngle: (deg * Math.PI) / 180 }), onCommit: (deg) => commitProp({ openingAngle: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.openingAngle ?? Math.PI / 10) * 180) / Math.PI) }), _jsx(SegmentedControl, { onChange: (v) => commitProp({ openingSide: v }), options: [
+                                    { label: i18n._({ id: 'node.skylight.panel.top', message: 'Top' }), value: 'top' },
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.bottom', message: 'Bottom' }),
+                                        value: 'bottom',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.left', message: 'Left' }),
+                                        value: 'left',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.right', message: 'Right' }),
+                                        value: 'right',
+                                    },
                                 ], value: (node.openingSide ?? 'top') }), _jsx(SegmentedControl, { onChange: (v) => commitProp({ motorHousing: v === 'yes' }), options: [
-                                    { label: 'Motor', value: 'yes' },
-                                    { label: 'No Motor', value: 'no' },
-                                ], value: (node.motorHousing ?? false) ? 'yes' : 'no' }), (node.motorHousing ?? false) && (_jsx(SliderControl, { label: "Motor Housing", max: 0.2, min: 0.03, onChange: (v) => previewProp({ motorHousingSize: v }), onCommit: (v) => commitProp({ motorHousingSize: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.motorHousingSize ?? 0.08 }))] })), activeSkylightType === 'sliding' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Open", max: 1, min: 0, onChange: (v) => previewProp({ operationState: v }), onCommit: (v) => commitProp({ operationState: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "", value: Math.round((node.operationState ?? 0) * 100) / 100 }), _jsx(SegmentedControl, { onChange: (v) => commitProp({ slideDirection: v }), options: [
-                                    { label: 'Along Z', value: 'z' },
-                                    { label: 'Along X', value: 'x' },
-                                ], value: (node.slideDirection ?? 'z') }), _jsx(SliderControl, { label: "Track Width", max: 0.12, min: 0.02, onChange: (v) => previewProp({ trackWidth: v }), onCommit: (v) => commitProp({ trackWidth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.trackWidth ?? 0.045 })] }))] }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.3, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.3, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", max: 0.2, min: 0.02, onChange: (v) => previewProp({ frameThickness: v }), onCommit: (v) => commitProp({ frameThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.frameThickness ?? 0.05 }), _jsx(SliderControl, { label: "Depth", max: 0.3, min: 0.02, onChange: (v) => previewProp({ frameDepth: v }), onCommit: (v) => commitProp({ frameDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.frameDepth ?? 0.08 }), _jsx(SliderControl, { label: "Cutout Offset", max: 0.2, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cutoutOffset ?? 0.01 })] }), _jsxs(PanelSection, { title: "Curb", children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ curb: v === 'yes' }), options: [
-                            { label: 'Yes', value: 'yes' },
-                            { label: 'No', value: 'no' },
-                        ], value: (node.curb ?? false) ? 'yes' : 'no' }), (node.curb ?? false) && (_jsx(SliderControl, { label: "Height", max: 0.3, min: 0.02, onChange: (v) => previewProp({ curbHeight: v }), onCommit: (v) => commitProp({ curbHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.curbHeight ?? 0.1 }))] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.motor', message: 'Motor' }),
+                                        value: 'yes',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.noMotor', message: 'No Motor' }),
+                                        value: 'no',
+                                    },
+                                ], value: (node.motorHousing ?? false) ? 'yes' : 'no' }), (node.motorHousing ?? false) && (_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.motorHousing', message: 'Motor Housing' }), max: 0.2, min: 0.03, onChange: (v) => previewProp({ motorHousingSize: v }), onCommit: (v) => commitProp({ motorHousingSize: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.motorHousingSize ?? 0.08 }))] })), activeSkylightType === 'sliding' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.open', message: 'Open' }), max: 1, min: 0, onChange: (v) => previewProp({ operationState: v }), onCommit: (v) => commitProp({ operationState: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "", value: Math.round((node.operationState ?? 0) * 100) / 100 }), _jsx(SegmentedControl, { onChange: (v) => commitProp({ slideDirection: v }), options: [
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.alongZ', message: 'Along Z' }),
+                                        value: 'z',
+                                    },
+                                    {
+                                        label: i18n._({ id: 'node.skylight.panel.alongX', message: 'Along X' }),
+                                        value: 'x',
+                                    },
+                                ], value: (node.slideDirection ?? 'z') }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.trackWidth', message: 'Track Width' }), max: 0.12, min: 0.02, onChange: (v) => previewProp({ trackWidth: v }), onCommit: (v) => commitProp({ trackWidth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.trackWidth ?? 0.045 })] }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.skylight.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.width', message: 'Width' }), max: 1000, min: 0.3, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.height', message: 'Height' }), max: 1000, min: 0.3, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.skylight.panel.frame', message: 'Frame' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.thickness', message: 'Thickness' }), max: 0.2, min: 0.02, onChange: (v) => previewProp({ frameThickness: v }), onCommit: (v) => commitProp({ frameThickness: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.frameThickness ?? 0.05 }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.depth', message: 'Depth' }), max: 0.3, min: 0.02, onChange: (v) => previewProp({ frameDepth: v }), onCommit: (v) => commitProp({ frameDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.frameDepth ?? 0.08 }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.cutoutOffset', message: 'Cutout Offset' }), max: 0.2, min: 0, onChange: (v) => previewProp({ cutoutOffset: v }), onCommit: (v) => commitProp({ cutoutOffset: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.cutoutOffset ?? 0.01 })] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.skylight.panel.curb', message: 'Curb' }), children: [_jsx(SegmentedControl, { onChange: (v) => handleUpdate({ curb: v === 'yes' }), options: [
+                            { label: i18n._({ id: 'node.skylight.panel.yes', message: 'Yes' }), value: 'yes' },
+                            { label: i18n._({ id: 'node.skylight.panel.no', message: 'No' }), value: 'no' },
+                        ], value: (node.curb ?? false) ? 'yes' : 'no' }), (node.curb ?? false) && (_jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.height', message: 'Height' }), max: 0.3, min: 0.02, onChange: (v) => previewProp({ curbHeight: v }), onCommit: (v) => commitProp({ curbHeight: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.curbHeight ?? 0.1 }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.skylight.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", max: Math.round(worldMaxX * 10) / 10, min: Math.round(worldMinX * 10) / 10, onChange: (newWorldX) => {
                             if (!segment)
                                 return;
                             const local = worldToSegLocal(newWorldX, worldZ_now, segment);
@@ -242,12 +272,12 @@ export default function SkylightPanel() {
                                 return;
                             const local = worldToSegLocal(worldX_now, newWorldZ, segment);
                             previewProp({ position: [local.localX, 0, local.localZ] });
-                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, onCommit: (newWorldZ) => commitWorldPosition(worldX_now, newWorldZ), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: worldZ_now }), _jsx(SliderControl, { label: i18n._({ id: 'node.skylight.panel.rotation', message: 'Rotation' }), max: 180, min: -180, onChange: (degrees) => {
                             const newWorldRot = (degrees * Math.PI) / 180;
                             if (!skylightObj)
                                 return;
                             const m = skylightObj.matrixWorld.elements;
                             const ancestorWorldY = Math.atan2(-(m[2] ?? 0), m[0] ?? 1);
                             previewProp({ rotation: newWorldRot - ancestorWorldY });
-                        }, onCommit: (degrees) => commitWorldRotation((degrees * Math.PI) / 180), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round((worldRotation_now * 180) / Math.PI) })] }), _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 }) }) })] }));
+                        }, onCommit: (degrees) => commitWorldRotation((degrees * Math.PI) / 180), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round((worldRotation_now * 180) / Math.PI) })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.skylight.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.skylight.panel.delete', message: 'Delete' }), onClick: handleDelete }) }) })] }));
 }

package/dist/slab/deck-geometry.d.ts

@@ -0,0 +1,28 @@
+import { type DeckFramingPlan, type DeckPiece, type GeometryContext, type PlateSurfacePartition, type PlateTopCell, type SlabNode } from '@pascal-app/core';
+import { type ColorPreset, type RenderShading } from '@pascal-app/viewer';
+import { Group, type Material } from 'three';
+export type DeckLook = {
+    shading: RenderShading;
+    textures: boolean;
+    colorPreset: ColorPreset;
+    sceneTheme?: string;
+};
+export type DeckGeometryOptions = {
+    /** The deck's outline: the slab's renderable polygon. */
+    polygon: Array<[number, number]>;
+    /** The plate's top partition: one set of boards per cell. Null for a drawn slab. */
+    partition: PlateSurfacePartition | null;
+    /** A cell's finish as a material; `null` asks for the slab's own surface finish. */
+    boardMaterial: (cell: PlateTopCell | null) => Material;
+    look: DeckLook;
+};
+/** The deck's frame as the engine draws it: a joist a side rim stands in for is the rim. */
+export declare function deckFramePieces(plan: DeckFramingPlan): DeckPiece[];
+/** The deck's frame plan and boards, as drawn for `node`. */
+export declare function planDeck(node: SlabNode, ctx: GeometryContext | undefined, polygon: Array<[number, number]>): {
+    boards: import("@pascal-app/core").DeckBoardSettings;
+    thickness: number;
+    plan: DeckFramingPlan;
+};
+export declare function buildDeckGeometry(node: SlabNode, ctx: GeometryContext | undefined, options: DeckGeometryOptions): Group;
+//# sourceMappingURL=deck-geometry.d.ts.map

package/dist/slab/deck-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-geometry.d.ts","sourceRoot":"","sources":["../../src/slab/deck-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,eAAe,EACpB,KAAK,SAAS,EAKd,KAAK,eAAe,EAMpB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EAMjB,KAAK,QAAQ,EAId,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAIL,KAAK,EACL,KAAK,QAAQ,EAId,MAAM,OAAO,CAAA;AAkBd,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,aAAa,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,yDAAyD;IACzD,OAAO,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAChC,oFAAoF;IACpF,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACvC,oFAAoF;IACpF,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,QAAQ,CAAA;IACtD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AA6ND,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,EAAE,CAQlE;AAED,6DAA6D;AAC7D,wBAAgB,QAAQ,CACtB,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,GAAG,SAAS,EAChC,OAAO,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;EA0BjC;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,GAAG,SAAS,EAChC,OAAO,EAAE,mBAAmB,GAC3B,KAAK,CAgEP"}