@pascal-app/nodes 1.0.0-beta.5 → 1.0.1

package/dist/stair-segment/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { StairSegmentNode as StairSegmentNodeSchema, useScene, } from '@pascal-app/core';
+import { DEFAULT_LEVEL_HEIGHT, resolveStairTotalRise, runAsSingleSceneHistoryStep, StairSegmentNode as StairSegmentNodeSchema, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
@@ -39,6 +39,45 @@ export default function StairSegmentPanel() {
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
+    // A follows-level stair would hand the edited height straight back to
+    // `syncStairRises`, so a flight edit also pins the parent to the new total:
+    // the stair becomes Custom rise, exactly as editing Rise on its own panel.
+    const parentFollowsLevel = useScene((s) => {
+        const parent = node?.parentId ? s.nodes[node.parentId] : undefined;
+        return parent?.type === 'stair' && parent.totalRise == null;
+    });
+    const handleFlightHeightChange = useCallback((height) => {
+        if (!node)
+            return;
+        const sceneNodes = useScene.getState().nodes;
+        const parent = node.parentId ? sceneNodes[node.parentId] : undefined;
+        if (parent?.type !== 'stair') {
+            handleUpdate({ height });
+            return;
+        }
+        const totalRise = parent.children.reduce((sum, childId) => {
+            const child = sceneNodes[childId];
+            if (child?.type !== 'stair-segment')
+                return sum;
+            return sum + (child.id === node.id ? height : child.height);
+        }, 0);
+        runAsSingleSceneHistoryStep(useScene, () => {
+            useScene.getState().updateNodes([
+                { id: node.id, data: { height } },
+                { id: parent.id, data: { totalRise } },
+            ]);
+        });
+    }, [node, handleUpdate]);
+    // Turning a landing back into a flight seeds the rise the parent stair
+    // resolves — a fixed 2.5 m stops halfway up a tall storey, and for a
+    // follows-mode stair it is what `syncStairRises` would converge to anyway.
+    const resolveParentStairRise = useCallback(() => {
+        const sceneNodes = useScene.getState().nodes;
+        const parent = node?.parentId ? sceneNodes[node.parentId] : undefined;
+        return parent?.type === 'stair'
+            ? resolveStairTotalRise(parent, sceneNodes)
+            : DEFAULT_LEVEL_HEIGHT;
+    }, [node]);
     const handleBack = useCallback(() => {
         if (node?.parentId) {
             setSelection({ selectedIds: [node.parentId] });
@@ -97,24 +136,24 @@ export default function StairSegmentPanel() {
                             updates.length = 1.0;
                         }
                         else {
-                            updates.height = 2.5;
+                            updates.height = resolveParentStairRise();
                             updates.stepCount = 10;
                             updates.length = 3.0;
                         }
                         handleUpdate(updates);
-                    }, options: SEGMENT_TYPE_OPTIONS, value: node.segmentType }) }), !isFirstSegment && (_jsx(PanelSection, { title: "Attachment", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ attachmentSide: v }), options: ATTACHMENT_SIDE_OPTIONS, value: node.attachmentSide }) })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 5, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.width * 100) / 100 }), _jsx(SliderControl, { label: "Length", max: 10, min: 0.5, onChange: (v) => handleUpdate({ length: v }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.length * 100) / 100 }), node.segmentType === 'stair' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Height", max: 10, min: 0.5, onChange: (v) => handleUpdate({ height: v }), precision: 2, step: 0.1, unit: "m", value: Math.round(node.height * 100) / 100 }), _jsx(SliderControl, { label: "Steps", max: 30, min: 2, onChange: (v) => handleUpdate({ stepCount: Math.round(v) }), precision: 0, step: 1, unit: "", value: node.stepCount })] }))] }), _jsx(PanelSection, { title: "Structure", children: _jsxs("div", { className: "space-y-3", children: [_jsx(ToggleControl, { checked: node.fillToFloor, label: "Fill to floor", onChange: (checked) => handleUpdate({ fillToFloor: checked }) }), !node.fillToFloor && (_jsx(SliderControl, { label: "Thickness", max: 1, min: 0.05, onChange: (v) => handleUpdate({ thickness: v }), precision: 2, step: 0.05, unit: "m", value: Math.round((node.thickness ?? 0.25) * 100) / 100 }))] }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: 50, min: -50, onChange: (v) => {
+                    }, options: SEGMENT_TYPE_OPTIONS, value: node.segmentType }) }), !isFirstSegment && (_jsx(PanelSection, { title: "Attachment", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ attachmentSide: v }), options: ATTACHMENT_SIDE_OPTIONS, value: node.attachmentSide }) })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.1, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Length", max: 1000, min: 0.5, onChange: (v) => handleUpdate({ length: v }), precision: 2, step: 0.1, unit: "m", value: node.length }), node.segmentType === 'stair' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Height", max: 1000, min: 0.5, onChange: handleFlightHeightChange, precision: 2, step: 0.1, unit: "m", value: node.height }), parentFollowsLevel && (_jsx("div", { className: "px-1 text-[11px] text-muted-foreground", children: "Editing switches the stair to Custom rise" })), _jsx(SliderControl, { label: "Steps", max: 30, min: 2, onChange: (v) => handleUpdate({ stepCount: Math.round(v) }), precision: 0, step: 1, unit: "", value: node.stepCount })] }))] }), _jsx(PanelSection, { title: "Structure", children: _jsxs("div", { className: "space-y-3", children: [_jsx(ToggleControl, { checked: node.fillToFloor, label: "Fill to floor", onChange: (checked) => handleUpdate({ fillToFloor: checked }) }), !node.fillToFloor && (_jsx(SliderControl, { label: "Thickness", max: 1000, min: 0.05, onChange: (v) => handleUpdate({ thickness: v }), precision: 2, step: 0.05, unit: "m", value: node.thickness ?? 0.25 }))] }) }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[0] * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: 50, min: -50, onChange: (v) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[0] }), _jsx(SliderControl, { label: "Y", onChange: (v) => {
                             const pos = [...node.position];
                             pos[1] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[1] * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: 50, min: -50, onChange: (v) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[1] }), _jsx(SliderControl, { label: "Z", onChange: (v) => {
                             const pos = [...node.position];
                             pos[2] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[2] * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
                             handleUpdate({ rotation: (degrees * Math.PI) / 180 });
                         }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');

package/dist/turbine-vent/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAoD1C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,OAAO,eAAe,CAwDxE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAoD1C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,OAAO,eAAe,CA2DxE,CAAA"}

package/dist/turbine-vent/definition.js

@@ -1,6 +1,6 @@
 import { TurbineVentNode as TurbineVentNodeSchema, } from '@pascal-app/core';
-import { surfacePaintCapability } from '../shared/surface-paint';
 import { buildTurbineVentFloorplan } from './floorplan';
+import { turbineVentPaint } from './paint';
 import { turbineVentParametrics } from './parametrics';
 import { TurbineVentNode } from './schema';
 const SIDE_HANDLE_OFFSET = 0.25;
@@ -70,7 +70,7 @@ const turbineVentHandles = [
  */
 export const turbineVentDefinition = {
     kind: 'turbine-vent',
-    schemaVersion: 1,
+    schemaVersion: 3,
     schema: TurbineVentNode,
     category: 'structure',
     surfaceRole: 'roof',
@@ -80,11 +80,14 @@ export const turbineVentDefinition = {
         return rest;
     },
     capabilities: {
+        slots: () => [
+            { slotId: 'base', label: 'Base', default: 'library:preset-softwhite' },
+            { slotId: 'head', label: 'Head', default: 'library:preset-softwhite' },
+        ],
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
-        // Single painted surface — registry-driven paint dispatch (see chimney).
-        paint: surfacePaintCapability,
+        paint: turbineVentPaint,
         // Mounts on a roof segment via `roofSegmentId`. Sits ON TOP of the
         // slope — no `buildCut`, just the dirty cascade so the parent roof's
         // merged shell rebuilds when the vent moves / resizes.
@@ -109,7 +112,7 @@ export const turbineVentDefinition = {
     presentation: {
         label: 'Turbine Vent',
         description: 'Wind-driven spinning whirlybird exhaust vent for a roof slope.',
-        icon: { kind: 'url', src: '/icons/roof.webp' },
+        icon: { kind: 'url', src: '/icons/turbine-vent.webp' },
         paletteSection: 'structure',
         paletteOrder: 121,
     },

package/dist/turbine-vent/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoD9B,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CAiBhF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CAqChF;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CASpF"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0D9B,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CAiBhF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CAqChF;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,GAAG,KAAK,CAAC,cAAc,CASpF"}

package/dist/turbine-vent/geometry.js

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { mergeGeometries } from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { copyUvToSecondaryChannel, cumulativeProfileDistances, planarMetricUvs, } from '../shared/primitive-uv';
 function resolveDims(node) {
     const ro = Math.max(0.05, node.diameter / 2);
     const height = Math.max(0.12, node.height);
@@ -136,6 +137,11 @@ function buildVanes(p, n, uv, count, rings, dw, totalTwist, thk) {
 }
 // ─── Primitive builders ──────────────────────────────────────────────
 function cylinderWall(p, n, uv, r, y0, y1, segs) {
+    const ring = Array.from({ length: segs + 1 }, (_, index) => {
+        const angle = (index / segs) * Math.PI * 2;
+        return [r * Math.cos(angle), y0, r * Math.sin(angle)];
+    });
+    const ringU = cumulativeProfileDistances(ring);
     for (let i = 0; i < segs; i++) {
         const a = (i / segs) * Math.PI * 2;
         const b = ((i + 1) / segs) * Math.PI * 2;
@@ -144,7 +150,12 @@ function cylinderWall(p, n, uv, r, y0, y1, segs) {
         const cb = Math.cos(b);
         const sb = Math.sin(b);
         const out = [Math.cos((a + b) / 2), 0, Math.sin((a + b) / 2)];
-        pushQuad(p, n, uv, [r * ca, y0, r * sa], [r * cb, y0, r * sb], [r * cb, y1, r * sb], [r * ca, y1, r * sa], out);
+        pushQuad(p, n, uv, [r * ca, y0, r * sa], [r * cb, y0, r * sb], [r * cb, y1, r * sb], [r * ca, y1, r * sa], out, [
+            [ringU[i], y0],
+            [ringU[i + 1], y0],
+            [ringU[i + 1], y1],
+            [ringU[i], y1],
+        ]);
     }
 }
 function disc(p, n, uv, r, y, hint, segs = 32) {
@@ -152,7 +163,13 @@ function disc(p, n, uv, r, y, hint, segs = 32) {
     for (let i = 0; i < segs; i++) {
         const a = (i / segs) * Math.PI * 2;
         const b = ((i + 1) / segs) * Math.PI * 2;
-        pushTri(p, n, uv, center, polar(a, r, y), polar(b, r, y), hint);
+        const edgeA = polar(a, r, y);
+        const edgeB = polar(b, r, y);
+        pushTri(p, n, uv, center, edgeA, edgeB, hint, [
+            [center.x, center.z],
+            [edgeA.x, edgeA.z],
+            [edgeB.x, edgeB.z],
+        ]);
     }
 }
 // Half-ellipsoid cap: base radius `rb` at `y0`, apex `hd` above it.
@@ -170,6 +187,14 @@ function dome(p, n, uv, rb, y0, hd, lat, lng) {
         grid.push(row);
     }
     const center = new THREE.Vector3(0, y0, 0);
+    const ringU = grid.map((row) => cumulativeProfileDistances(row.map((point) => [point.x, point.y, point.z])));
+    const ringV = [0];
+    for (let i = 1; i <= lat; i++) {
+        let distance = 0;
+        for (let j = 0; j <= lng; j++)
+            distance += grid[i - 1][j].distanceTo(grid[i][j]);
+        ringV.push(ringV[i - 1] + distance / (lng + 1));
+    }
     for (let i = 0; i < lat; i++) {
         for (let j = 0; j < lng; j++) {
             const a = grid[i][j];
@@ -178,7 +203,12 @@ function dome(p, n, uv, rb, y0, hd, lat, lng) {
             const d = grid[i + 1][j];
             const mid = new THREE.Vector3().add(a).add(b).add(c).add(d).multiplyScalar(0.25);
             const hint = mid.clone().sub(center).normalize();
-            pushQuad(p, n, uv, a, b, c, d, [hint.x, hint.y, hint.z]);
+            pushQuad(p, n, uv, a, b, c, d, [hint.x, hint.y, hint.z], [
+                [ringU[i][j], ringV[i]],
+                [ringU[i][j + 1], ringV[i]],
+                [ringU[i + 1][j + 1], ringV[i + 1]],
+                [ringU[i + 1][j], ringV[i + 1]],
+            ]);
         }
     }
 }
@@ -203,7 +233,7 @@ function v(point) {
 // always visible from the intended side under a FrontSide material — no
 // hand-traced winding to get wrong. UVs are dimension-based so painted
 // presets tile at a consistent world density across the body and vanes.
-function pushQuad(positions, normals, uvs, ap, bp, cp, dp, hint) {
+function pushQuad(positions, normals, uvs, ap, bp, cp, dp, hint, authoredUvs) {
     const a = v(ap);
     const b = v(bp);
     const c = v(cp);
@@ -222,32 +252,26 @@ function pushQuad(positions, normals, uvs, ap, bp, cp, dp, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
-    const abx = b[0] - a[0];
-    const aby = b[1] - a[1];
-    const abz = b[2] - a[2];
-    const adx = d[0] - a[0];
-    const ady = d[1] - a[1];
-    const adz = d[2] - a[2];
-    const u = Math.sqrt(abx * abx + aby * aby + abz * abz);
-    const vv = Math.sqrt(adx * adx + ady * ady + adz * adz);
+    const faceUvs = authoredUvs ?? planarMetricUvs([a, b, c, d], [nx, ny, nz]);
+    const [uvA, uvB, uvC, uvD] = faceUvs;
     if (flip) {
         // Reversed winding: (a,b,c) + (a,c,d).
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, u, 0, u, vv);
+        uvs.push(...uvA, ...uvB, ...uvC);
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], d[0], d[1], d[2]);
-        uvs.push(0, 0, u, vv, 0, vv);
+        uvs.push(...uvA, ...uvC, ...uvD);
     }
     else {
         // Default winding: (a,c,b) + (a,d,c).
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
-        uvs.push(0, 0, u, vv, u, 0);
+        uvs.push(...uvA, ...uvC, ...uvB);
         positions.push(a[0], a[1], a[2], d[0], d[1], d[2], c[0], c[1], c[2]);
-        uvs.push(0, 0, 0, vv, u, vv);
+        uvs.push(...uvA, ...uvD, ...uvC);
     }
     for (let i = 0; i < 6; i++)
         normals.push(nx, ny, nz);
 }
-function pushTri(positions, normals, uvs, ap, bp, cp, hint) {
+function pushTri(positions, normals, uvs, ap, bp, cp, hint, authoredUvs) {
     const a = v(ap);
     const b = v(bp);
     const c = v(cp);
@@ -264,13 +288,18 @@ function pushTri(positions, normals, uvs, ap, bp, cp, hint) {
     nx /= len;
     ny /= len;
     nz /= len;
+    const faceUvs = authoredUvs ?? planarMetricUvs([a, b, c], [nx, ny, nz]);
+    const uvA = faceUvs[0];
+    const uvB = faceUvs[1];
+    const uvC = faceUvs[2];
     if (flip) {
         positions.push(a[0], a[1], a[2], c[0], c[1], c[2], b[0], b[1], b[2]);
+        uvs.push(...uvA, ...uvC, ...uvB);
     }
     else {
         positions.push(a[0], a[1], a[2], b[0], b[1], b[2], c[0], c[1], c[2]);
+        uvs.push(...uvA, ...uvB, ...uvC);
     }
-    uvs.push(0, 0, 1, 0, 0, 1);
     for (let i = 0; i < 3; i++)
         normals.push(nx, ny, nz);
 }
@@ -279,6 +308,7 @@ function toGeometry(positions, normals, uvs) {
     geo.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
     geo.setAttribute('normal', new THREE.Float32BufferAttribute(normals, 3));
     geo.setAttribute('uv', new THREE.Float32BufferAttribute(uvs, 2));
+    copyUvToSecondaryChannel(geo);
     geo.computeBoundingSphere();
     return geo;
 }

package/dist/turbine-vent/paint.d.ts

@@ -0,0 +1,4 @@
+import type { TurbineVentMaterialRole } from '@pascal-app/core';
+export declare function resolveTurbineVentMaterialRole(hitObjectName?: string): TurbineVentMaterialRole;
+export declare const turbineVentPaint: import("@pascal-app/core").PaintCapability;
+//# sourceMappingURL=paint.d.ts.map

package/dist/turbine-vent/paint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAMxF,wBAAgB,8BAA8B,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,uBAAuB,CAE9F;AAED,eAAO,MAAM,gBAAgB,4CA0B3B,CAAA"}

package/dist/turbine-vent/paint.js

@@ -0,0 +1,35 @@
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
+export function resolveTurbineVentMaterialRole(hitObjectName) {
+    return hitObjectName === 'turbine-vent-head' ? 'head' : 'base';
+}
+export const turbineVentPaint = createSlotPaintCapability({
+    materialTarget: 'turbine-vent',
+    resolveRole: ({ hitObjectName }) => resolveTurbineVentMaterialRole(hitObjectName),
+    applyPreview: ({ role, material, materialPreset, root }) => {
+        const preview = buildSlotPreviewMaterial(material, materialPreset);
+        if (!preview)
+            return null;
+        const targetName = `turbine-vent-${role}`;
+        const restores = [];
+        root.traverse((object) => {
+            const mesh = object;
+            if (!mesh.isMesh || mesh.name !== targetName)
+                return;
+            const previous = mesh.material;
+            mesh.material = preview;
+            restores.push(() => {
+                mesh.material = previous;
+            });
+        });
+        if (restores.length === 0)
+            return null;
+        return () => {
+            for (let index = restores.length - 1; index >= 0; index -= 1)
+                restores[index]?.();
+        };
+    },
+    legacyEffective: (node) => {
+        const legacy = node;
+        return { material: legacy.material, materialPreset: legacy.materialPreset };
+    },
+});

package/dist/turbine-vent/panel.js

@@ -123,5 +123,5 @@ export default function TurbineVentPanel() {
     return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Turbine Vent', width: 300, children: [_jsx(PanelSection, { title: "Style", children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
                         { label: 'Globe', value: 'globe' },
                         { label: 'Cylinder', value: 'cylinder' },
-                    ], value: node.style ?? 'globe' }) }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Diameter", max: 0.7, min: 0.15, onChange: (v) => previewProp({ diameter: v }), onCommit: (v) => handleUpdate({ diameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round(node.diameter * 100) / 100 }), _jsx(SliderControl, { label: "Height", max: 0.9, min: 0.2, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round(node.height * 100) / 100 }), _jsx(SliderControl, { label: "Neck Height", max: Math.max(0.04, node.height * 0.5), min: 0.02, onChange: (v) => previewProp({ neckHeight: v }), onCommit: (v) => handleUpdate({ neckHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: Math.round((node.neckHeight ?? 0.09) * 100) / 100 }), _jsx(SliderControl, { label: "Vanes", max: 36, min: 6, onChange: (v) => previewProp({ vaneCount: Math.round(v) }), onCommit: (v) => handleUpdate({ vaneCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: Math.round(node.vaneCount ?? 20) })] }), _jsxs(PanelSection, { title: "Motion", children: [_jsx(ActionGroup, { children: _jsx(ActionButton, { icon: isSpinning ? _jsx(Pause, { className: "h-3.5 w-3.5" }) : _jsx(Play, { className: "h-3.5 w-3.5" }), label: isSpinning ? 'Pause' : 'Play', onClick: handleToggleSpin }) }), _jsx(SliderControl, { label: "Spin Speed", max: 4, min: 0, onChange: (v) => previewProp({ spinSpeed: v }), onCommit: (v) => handleUpdate({ spinSpeed: v }), precision: 1, restoreOnCommit: false, step: 0.1, unit: "rad/s", value: Math.round((node.spinSpeed ?? 0) * 10) / 10 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[0] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[1] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: Math.round((node.position[2] ?? 0) * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                    ], value: node.style ?? 'globe' }) }), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Diameter", max: 1000, min: 0.15, onChange: (v) => previewProp({ diameter: v }), onCommit: (v) => handleUpdate({ diameter: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.diameter }), _jsx(SliderControl, { label: "Height", max: 1000, min: 0.2, onChange: (v) => previewProp({ height: v }), onCommit: (v) => handleUpdate({ height: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height }), _jsx(SliderControl, { label: "Neck Height", max: Math.max(0.04, node.height * 0.5), min: 0.02, onChange: (v) => previewProp({ neckHeight: v }), onCommit: (v) => handleUpdate({ neckHeight: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.neckHeight ?? 0.09 }), _jsx(SliderControl, { label: "Vanes", max: 36, min: 6, onChange: (v) => previewProp({ vaneCount: Math.round(v) }), onCommit: (v) => handleUpdate({ vaneCount: Math.round(v) }), precision: 0, restoreOnCommit: false, step: 1, unit: "", value: Math.round(node.vaneCount ?? 20) })] }), _jsxs(PanelSection, { title: "Motion", children: [_jsx(ActionGroup, { children: _jsx(ActionButton, { icon: isSpinning ? _jsx(Pause, { className: "h-3.5 w-3.5" }) : _jsx(Play, { className: "h-3.5 w-3.5" }), label: isSpinning ? 'Pause' : 'Play', onClick: handleToggleSpin }) }), _jsx(SliderControl, { label: "Spin Speed", max: 4, min: 0, onChange: (v) => previewProp({ spinSpeed: v }), onCommit: (v) => handleUpdate({ spinSpeed: v }), precision: 1, restoreOnCommit: false, step: 0.1, unit: "rad/s", value: Math.round((node.spinSpeed ?? 0) * 10) / 10 })] }), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: Math.round(((segment?.width ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.width ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [v, node.position[1] ?? 0, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[0] ?? 0 }), _jsx(SliderControl, { label: "Y", max: Math.max((segment?.wallHeight ?? 3) + (segment ? getActiveRoofHeight(segment) : 3) + 2, (node.position[1] ?? 0) + 0.1), min: Math.min(0, (node.position[1] ?? 0) - 0.5), onChange: (v) => previewProp({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, v, node.position[2] ?? 0] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[1] ?? 0 }), _jsx(SliderControl, { label: "Z", max: Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, min: -Math.round(((segment?.depth ?? 10) / 2) * 100) / 100, onChange: (v) => previewProp({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), onCommit: (v) => handleUpdate({ position: [node.position[0] ?? 0, node.position[1] ?? 0, v] }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/turbine-vent/parametrics.js

@@ -20,8 +20,8 @@ export const turbineVentParametrics = {
         {
             label: 'Dimensions',
             fields: [
-                { key: 'diameter', kind: 'number', unit: 'm', min: 0.15, max: 0.7, step: 0.01 },
-                { key: 'height', kind: 'number', unit: 'm', min: 0.2, max: 0.9, step: 0.01 },
+                { key: 'diameter', kind: 'number', unit: 'm', min: 0.15, max: 1000, step: 0.01 },
+                { key: 'height', kind: 'number', unit: 'm', min: 0.2, max: 1000, step: 0.01 },
                 { key: 'neckHeight', kind: 'number', unit: 'm', min: 0.02, max: 0.3, step: 0.01 },
                 { key: 'vaneCount', kind: 'number', unit: '', min: 6, max: 36, step: 1 },
             ],

package/dist/turbine-vent/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCA4I1E,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,kBAAkB,CAAA;AAuBzB;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,uCA+J1E,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/turbine-vent/renderer.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
-import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, resolveMaterialRef, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useFrame } from '@react-three/fiber';
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
@@ -34,6 +34,7 @@ const TurbineVentRenderer = ({ node: storeNode }) => {
     const textures = useViewer((s) => s.textures);
     const colorPreset = useViewer((s) => s.colorPreset);
     const sceneTheme = useViewer((s) => s.sceneTheme);
+    const sceneMaterials = useScene((s) => s.materials);
     // Merge live overrides (panel slider drags) on top of the store node so
     // the mesh updates frame-by-frame without polluting undo history.
     const overrides = useLiveNodeOverrides((s) => s.get(storeNode.id));
@@ -68,13 +69,34 @@ const TurbineVentRenderer = ({ node: storeNode }) => {
         return surfaceQuatFromNormal(normal, new THREE.Quaternion());
     }, [segment, node.position[0], node.position[2]]);
     const material = useMemo(() => {
-        if (!textures || (!node.material && !node.materialPreset)) {
-            return createSurfaceRoleMaterial('roof', colorPreset, THREE.FrontSide, sceneTheme);
-        }
-        return node.material
-            ? createMaterial(node.material, shading)
-            : (createMaterialFromPresetRef(node.materialPreset, shading) ?? defaultMaterial);
-    }, [textures, colorPreset, sceneTheme, shading, node.material, node.materialPreset]);
+        const roleDefault = createSurfaceRoleMaterial('roof', colorPreset, THREE.FrontSide, sceneTheme);
+        const resolve = (role) => {
+            if (!textures)
+                return roleDefault;
+            const slotMaterial = resolveMaterialRef(node.slots?.[role], sceneMaterials, shading);
+            if (slotMaterial)
+                return slotMaterial;
+            if (node.material)
+                return createMaterial(node.material, shading);
+            if (node.materialPreset) {
+                return createMaterialFromPresetRef(node.materialPreset, shading) ?? defaultMaterial;
+            }
+            return roleDefault;
+        };
+        return {
+            base: resolve('base'),
+            head: resolve('head'),
+        };
+    }, [
+        textures,
+        colorPreset,
+        sceneTheme,
+        shading,
+        node.slots,
+        node.material,
+        node.materialPreset,
+        sceneMaterials,
+    ]);
     // Compose slope tilt + yaw onto a single quaternion so the registered
     // ref's local frame is vent-mesh-local (handles read this frame).
     const yAxis = useMemo(() => new THREE.Vector3(0, 1, 0), []);
@@ -102,6 +124,6 @@ const TurbineVentRenderer = ({ node: storeNode }) => {
     const segPos = segment.position ?? [0, 0, 0];
     const segRotY = segment.rotation ?? 0;
     const neckH = Math.max(0.02, Math.min(node.neckHeight ?? 0.09, Math.max(0.12, node.height) * 0.5));
-    return (_jsx("group", { position: segPos, "rotation-y": segRotY, children: _jsxs("group", { position: [node.position[0] ?? 0, node.position[1] ?? 0, node.position[2] ?? 0], quaternion: composedQuat, ref: ref, visible: node.visible, children: [_jsx("mesh", { castShadow: true, geometry: clippedBase ?? baseGeometry, material: material, name: "turbine-vent-base", receiveShadow: true, ...handlers }), _jsx("group", { position: [0, neckH, 0], ref: headRef, children: _jsx("mesh", { castShadow: true, geometry: clippedHead ?? headGeometry, material: material, name: "turbine-vent-head", receiveShadow: true, ...handlers }) })] }) }));
+    return (_jsx("group", { position: segPos, "rotation-y": segRotY, children: _jsxs("group", { position: [node.position[0] ?? 0, node.position[1] ?? 0, node.position[2] ?? 0], quaternion: composedQuat, ref: ref, visible: node.visible, children: [_jsx("mesh", { castShadow: true, geometry: clippedBase ?? baseGeometry, material: material.base, name: "turbine-vent-base", receiveShadow: true, ...handlers }), _jsx("group", { position: [0, neckH, 0], ref: headRef, children: _jsx("mesh", { castShadow: true, geometry: clippedHead ?? headGeometry, material: material.head, name: "turbine-vent-head", receiveShadow: true, ...handlers }) })] }) }));
 };
 export default TurbineVentRenderer;

package/dist/unit/definition.d.ts

@@ -0,0 +1,10 @@
+import { type NodeDefinition } from '@pascal-app/core';
+import { UnitNode } from './schema';
+/**
+ * Unit — a referencing overlay, not a container. It lists member zone ids
+ * and owns no geometry: member zones carry its tint, and the site panel
+ * drives selection (declaring `selectable` would subscribe the kind to 3D
+ * clicks that have nothing to hit). Not placeable: no tool, no palette tile.
+ */
+export declare const unitDefinition: NodeDefinition<typeof UnitNode>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/unit/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/unit/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA8B,MAAM,kBAAkB,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,OAAO,QAAQ,CAkC1D,CAAA"}

package/dist/unit/definition.js

@@ -0,0 +1,38 @@
+import { UnitNode as UnitNodeSchema } from '@pascal-app/core';
+import { unitParametrics } from './parametrics';
+import { UnitNode } from './schema';
+/**
+ * Unit — a referencing overlay, not a container. It lists member zone ids
+ * and owns no geometry: member zones carry its tint, and the site panel
+ * drives selection (declaring `selectable` would subscribe the kind to 3D
+ * clicks that have nothing to hit). Not placeable: no tool, no palette tile.
+ */
+export const unitDefinition = {
+    kind: 'unit',
+    schemaVersion: 1,
+    schema: UnitNode,
+    category: 'site',
+    defaults: () => {
+        const stub = UnitNodeSchema.parse({ id: 'unit_default', type: 'unit' });
+        const { id: _id, type: _type, ...rest } = stub;
+        return rest;
+    },
+    capabilities: {
+        duplicable: false,
+        deletable: true,
+        presettable: false,
+    },
+    parametrics: unitParametrics,
+    // No dirty consumer rebuilds this kind — see NodeDefinition.dirtyTracking.
+    dirtyTracking: false,
+    presentation: {
+        label: 'Unit',
+        description: 'A named group of zones forming one apartment, hotel room or commercial lot.',
+        icon: { kind: 'url', src: '/icons/zone.webp' },
+        paletteSection: 'site',
+        hidden: true,
+    },
+    mcp: {
+        description: 'A named occupancy unit (apartment, hotel room, commercial lot, common area) under a building, referencing member zones that may span levels.',
+    },
+};

package/dist/unit/index.d.ts

@@ -0,0 +1,2 @@
+export { unitDefinition } from './definition';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/unit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/unit/index.js

@@ -0,0 +1 @@
+export { unitDefinition } from './definition';

package/dist/unit/parametrics.d.ts

@@ -0,0 +1,3 @@
+import type { ParametricDescriptor, UnitNode } from '@pascal-app/core';
+export declare const unitParametrics: ParametricDescriptor<UnitNode>;
+//# sourceMappingURL=parametrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/unit/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,oBAAoB,CAAC,QAAQ,CAG1D,CAAA"}

package/dist/unit/parametrics.js

@@ -0,0 +1,4 @@
+export const unitParametrics = {
+    groups: [],
+    customPanel: () => import('./unit-panel'),
+};

package/dist/unit/schema.d.ts

@@ -0,0 +1,2 @@
+export { UnitNode } from '@pascal-app/core';
+//# sourceMappingURL=schema.d.ts.map

package/dist/unit/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/unit/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/unit/schema.js

@@ -0,0 +1 @@
+export { UnitNode } from '@pascal-app/core';

package/dist/unit/unit-panel.d.ts

@@ -0,0 +1,5 @@
+import { type UnitNode } from '@pascal-app/core';
+export default function UnitPanel({ node }: {
+    node: UnitNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=unit-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unit-panel.d.ts","sourceRoot":"","sources":["../../src/unit/unit-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,QAAQ,EAGd,MAAM,kBAAkB,CAAA;AAgCzB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,+BA2J7D"}

package/dist/unit/unit-panel.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildUnitReport, getLevelDisplayName, UNIT_KINDS, unitWarnings, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, formatAreaLabel, PanelSection, PanelWrapper, triggerSFX, } from '@pascal-app/editor';
+import { useViewer } from '@pascal-app/viewer';
+import { Trash2, X } from 'lucide-react';
+import { useCallback, useMemo } from 'react';
+import { PanelSelect, PanelTextField } from '../shared/panel-fields';
+const UNIT_KIND_LABELS = {
+    apartment: 'Apartment',
+    'hotel-room': 'Hotel room',
+    commercial: 'Commercial',
+    common: 'Common',
+};
+const UNIT_KIND_OPTIONS = UNIT_KINDS.map((value) => ({ label: UNIT_KIND_LABELS[value], value }));
+function ReportRow({ label, value }) {
+    return (_jsxs("div", { className: "flex items-baseline gap-2 rounded-md border border-border/50 bg-background/35 px-2.5 py-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { className: "ml-auto font-mono font-medium text-foreground tabular-nums", children: value })] }));
+}
+export default function UnitPanel({ node }) {
+    const nodes = useScene((state) => state.nodes);
+    const updateNode = useScene((state) => state.updateNode);
+    const setSelection = useViewer((state) => state.setSelection);
+    const areaUnit = useViewer((state) => state.unit);
+    const focusedUnitId = useViewer((state) => state.focusedUnitId);
+    const report = useMemo(() => buildUnitReport(node, nodes), [node, nodes]);
+    const warnings = useMemo(() => unitWarnings(node, nodes), [node, nodes]);
+    const memberLevels = useMemo(() => {
+        const ordinals = new Map();
+        for (const member of report.members) {
+            if (member.levelId && member.levelOrdinal !== null) {
+                ordinals.set(member.levelId, member.levelOrdinal);
+            }
+        }
+        return [...ordinals.entries()]
+            .sort((a, b) => a[1] - b[1])
+            .map(([levelId]) => {
+            const level = nodes[levelId];
+            return { levelId, name: level?.type === 'level' ? getLevelDisplayName(level) : '' };
+        });
+    }, [nodes, report]);
+    const levelNameById = useMemo(() => new Map(memberLevels.map((level) => [level.levelId, level.name])), [memberLevels]);
+    const levelSpanLabel = useMemo(() => {
+        const names = memberLevels.map((level) => level.name).filter(Boolean);
+        return names.length > 0 ? names.join(', ') : '—';
+    }, [memberLevels]);
+    const update = useCallback((patch) => updateNode(node.id, patch), [node.id, updateNode]);
+    const removeMember = useCallback((zoneId) => update({ members: node.members.filter((id) => id !== zoneId) }), [node.members, update]);
+    const handleClose = useCallback(() => setSelection({ selectedIds: [] }), [setSelection]);
+    const handleDelete = useCallback(() => {
+        triggerSFX('sfx:structure-delete');
+        useScene.getState().deleteNode(node.id);
+        setSelection({ selectedIds: [] });
+    }, [node.id, setSelection]);
+    const warningMessages = warnings.map((warning) => {
+        if (warning.code === 'non-adjacent-levels') {
+            return 'Members sit on levels that are not adjacent.';
+        }
+        return 'No zones assigned yet.';
+    });
+    return (_jsxs(PanelWrapper, { icon: "/icons/zone.webp", onClose: handleClose, title: node.name || 'Unit', width: 320, children: [_jsxs(PanelSection, { title: "Unit", children: [_jsx(PanelTextField, { label: "Name", onCommit: (name) => update({ name }), value: node.name }), _jsx(PanelSelect, { label: "Kind", onChange: (kind) => update({ kind: kind }), options: UNIT_KIND_OPTIONS, value: node.kind }), _jsxs("label", { className: "flex h-10 items-center justify-between gap-3 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "Color" }), _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-mono text-muted-foreground text-xs", children: node.color }), _jsx("input", { className: "h-6 w-8 cursor-pointer rounded border border-border/50 bg-transparent", onChange: (event) => update({ color: event.target.value }), type: "color", value: node.color })] })] })] }), _jsxs(PanelSection, { title: "Members", children: [report.members.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs leading-snug", children: "No zones yet. Draw zones while this unit is focused, or pick it from a zone's inspector." })) : (report.members.map((member) => (_jsxs("div", { className: "flex h-9 items-center gap-2 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-xs", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: member.name || 'Zone' }), _jsx("span", { className: "shrink-0 truncate text-muted-foreground", children: member.levelId ? levelNameById.get(member.levelId) : '' }), _jsx("span", { className: "shrink-0 font-mono text-muted-foreground tabular-nums", children: formatAreaLabel(member.areaM2, areaUnit, 1) }), _jsx("button", { "aria-label": `Remove ${member.name || 'zone'} from unit`, className: "shrink-0 rounded-full p-1 text-muted-foreground transition-colors hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => removeMember(member.zoneId), type: "button", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }, member.zoneId)))), warningMessages.length > 0 ? (_jsx("ul", { className: "flex flex-col gap-1 text-amber-300 text-xs leading-snug", children: warningMessages.map((message, index) => (_jsx("li", { children: message }, warnings[index]?.code))) })) : null] }), _jsxs(PanelSection, { title: "Report", children: [_jsx(ReportRow, { label: "Members", value: String(report.memberCount) }), _jsx(ReportRow, { label: "Levels", value: levelSpanLabel }), _jsx(ReportRow, { label: "Gross area", value: formatAreaLabel(report.grossAreaM2, areaUnit, 2) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [focusedUnitId !== node.id && (_jsx(ActionButton, { className: "rounded-full", label: "Focus", onClick: () => useViewer.getState().setFocusedUnit(node.id) })), _jsx(ActionButton, { className: "text-destructive hover:text-destructive", icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), label: "Delete", onClick: handleDelete })] }) })] }));
+}