@pascal-app/nodes 1.0.0 → 1.0.3

package/dist/zone/floorplan.js

@@ -2,10 +2,9 @@ import { resolveAutoZonePolygon, } from '@pascal-app/core';
 import { floorplanGeometryMetadata, readFloorplanContext } from '@pascal-app/editor';
 import { formatConstructionLength, } from '../shared/construction-length';
 import { buildRoomClearDimensions } from './room-clear-dimensions';
+import { owningUnitForZone } from './unit-membership';
 /**
- * Stage C floor-plan builder for zone. Zones are colored polygons —
- * fill + outline both come from `zone.color`. Selection adds an
- * accent-colored outline.
+ * Stage C floor-plan builder for zone. Zones are colored polygons.
  *
  * The zone's `name` renders as a centered text label at the polygon's
  * geometric centroid. The registry layer sorts zones before every
@@ -18,23 +17,25 @@ export function buildZoneFloorplan(node, ctx) {
         return null;
     const view = ctx.viewState;
     const floorplanContext = readFloorplanContext(ctx);
-    const palette = view?.palette;
     const isSelected = view?.selected ?? false;
     const isHighlighted = view?.highlighted ?? false;
     const showSelectedChrome = isSelected || isHighlighted;
     const points = ring.map(([x, z]) => [x, z]);
-    const stroke = showSelectedChrome && palette ? palette.selectedStroke : node.color;
+    const unit = owningUnitForZone(node, ctx.resolve);
+    const tintColor = unit?.color ?? node.color;
+    const stroke = node.color;
+    const focusOpacity = view?.focusedUnitId && !view.focusedUnitMemberIds?.includes(node.id) ? 0.35 : 1;
     const isRoom = node.spaceRole === 'room';
     const fillOpacity = isRoom ? (isSelected ? 0.12 : 0.04) : isSelected ? 0.28 : 0.16;
     const children = [
         {
             kind: 'polygon',
             points,
-            fill: node.color,
-            fillOpacity,
+            fill: tintColor,
+            fillOpacity: fillOpacity * focusOpacity,
             stroke,
             strokeWidth: showSelectedChrome ? 0.08 : 0.05,
-            strokeOpacity: showSelectedChrome ? 0.96 : 0.72,
+            strokeOpacity: (showSelectedChrome ? 0.96 : 0.72) * focusOpacity,
             strokeLinejoin: 'round',
             vectorEffect: 'non-scaling-stroke',
         },
@@ -88,44 +89,58 @@ export function buildZoneFloorplan(node, ctx) {
     const [cx, cy] = polygonCentroid(ring);
     const name = node.name?.trim();
     if (isRoom) {
-        children.push(...buildRoomLabels(node, cx, cy, view?.unit ?? 'metric', floorplanContext.purpose === 'document' ? 'document' : 'editor', floorplanContext.metricNotation, stroke));
+        children.push(...buildRoomLabels(node, cx, cy, view?.unit ?? 'metric', floorplanContext.purpose === 'document' ? 'document' : 'editor', floorplanContext.metricNotation, stroke, unit?.name));
         if (floorplanContext.automaticDimensions) {
             children.push(...buildRoomClearDimensions(node, ctx));
         }
     }
     else if (name) {
-        children.push({
-            kind: 'text',
-            x: cx,
-            y: cy,
-            text: name,
-            // Same constants the legacy `FLOORPLAN_ZONE_LABEL_FONT_SIZE` uses
-            // (0.2 plan metres ≈ readable at typical building zooms).
-            fontSize: ZONE_LABEL_FONT_SIZE,
-            fill: '#ffffff',
-            stroke: node.color,
-            strokeWidth: ZONE_LABEL_FONT_SIZE * 0.35,
-            paintOrder: 'stroke',
-            fontFamily: 'system-ui, -apple-system, sans-serif',
-            fontWeight: 500,
-            textAnchor: 'middle',
-            dominantBaseline: 'central',
-            opacity: showSelectedChrome ? 1 : 0.92,
-            upright: true,
+        const unitName = unit?.name.trim();
+        const lines = unitName
+            ? [
+                { text: name, fontSize: ZONE_LABEL_FONT_SIZE, fontWeight: 500 },
+                { text: unitName, fontSize: ZONE_UNIT_LABEL_FONT_SIZE, fontWeight: 600 },
+            ]
+            : [{ text: name, fontSize: ZONE_LABEL_FONT_SIZE, fontWeight: 500 }];
+        const startY = cy - ((lines.length - 1) * ROOM_LABEL_LINE_SPACING) / 2;
+        lines.forEach((line, index) => {
+            children.push({
+                kind: 'text',
+                x: cx,
+                y: startY + index * ROOM_LABEL_LINE_SPACING,
+                text: line.text,
+                // Same constants the legacy `FLOORPLAN_ZONE_LABEL_FONT_SIZE` uses
+                // (0.2 plan metres ≈ readable at typical building zooms).
+                fontSize: line.fontSize,
+                fill: '#ffffff',
+                stroke: node.color,
+                strokeWidth: line.fontSize * 0.35,
+                paintOrder: 'stroke',
+                fontFamily: 'system-ui, -apple-system, sans-serif',
+                fontWeight: line.fontWeight,
+                textAnchor: 'middle',
+                dominantBaseline: 'central',
+                opacity: showSelectedChrome ? 1 : 0.92,
+                upright: true,
+            });
         });
     }
     return { kind: 'group', children };
 }
 const ZONE_LABEL_FONT_SIZE = 0.2;
+const ZONE_UNIT_LABEL_FONT_SIZE = 0.13;
 const ROOM_NAME_FONT_SIZE = 0.2;
 const ROOM_NUMBER_FONT_SIZE = 0.16;
 const ROOM_DETAIL_FONT_SIZE = 0.11;
 const ROOM_LABEL_LINE_SPACING = 0.18;
-function buildRoomLabels(node, x, y, unit, profile, metricNotation, color) {
+function buildRoomLabels(node, x, y, unit, profile, metricNotation, color, unitName) {
     const lines = [];
     const name = node.name.trim();
     if (name)
         lines.push({ text: name, fontSize: ROOM_NAME_FONT_SIZE, fontWeight: 700 });
+    if (unitName?.trim()) {
+        lines.push({ text: unitName.trim(), fontSize: ROOM_NUMBER_FONT_SIZE, fontWeight: 600 });
+    }
     if (node.roomNumber) {
         lines.push({ text: node.roomNumber, fontSize: ROOM_NUMBER_FONT_SIZE, fontWeight: 600 });
     }

package/dist/zone/quantities-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantities-panel.d.ts","sourceRoot":"","sources":["../../src/zone/quantities-panel.tsx"],"names":[],"mappings":"AA8TA,MAAM,CAAC,OAAO,UAAU,mBAAmB,uCA6F1C"}
+{"version":3,"file":"quantities-panel.d.ts","sourceRoot":"","sources":["../../src/zone/quantities-panel.tsx"],"names":[],"mappings":"AAsMA,MAAM,CAAC,OAAO,UAAU,mBAAmB,uCA6F1C"}

package/dist/zone/quantities-panel.js

@@ -1,10 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { deriveZoneQuantityReport, resolveAutoZonePolygon, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
-import { formatAreaLabel, formatLinearMeasurement, formatVolumeLabel, MetricControl, PanelSection, ToggleControl, } from '@pascal-app/editor';
+import { formatAreaLabel, formatLinearMeasurement, formatVolumeLabel, PanelSection, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useMemo } from 'react';
 import { useShallow } from 'zustand/react/shallow';
+import { PanelSelect } from '../shared/panel-fields';
+import { buildingUnitsForZone } from './unit-membership';
 function ZonePlanSketch({ edgeLengths, metricNotation, polygon, unit, }) {
     if (polygon.length < 3) {
         return (_jsx("div", { className: "flex h-28 items-center justify-center rounded-md border border-border/50 text-muted-foreground text-xs", children: "Zone boundary unavailable" }));
@@ -44,49 +46,35 @@ function ZonePlanSketch({ edgeLengths, metricNotation, polygon, unit, }) {
 function QuantityRow({ abbreviation, format, label, quantity, }) {
     return (_jsxs("div", { className: "rounded-md border border-border/50 bg-background/35 px-2.5 py-2", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "font-mono font-semibold text-cyan-600 text-[10px]", children: abbreviation }), _jsx("span", { className: "text-muted-foreground text-xs", children: label }), _jsx("span", { className: "ml-auto font-mono font-medium text-foreground text-xs tabular-nums", children: quantity.status === 'available' ? format(quantity.value) : 'Not proven' })] }), _jsx("div", { className: "mt-1 text-[10px] text-muted-foreground leading-snug", children: quantity.status === 'available' ? quantity.note : quantity.reason })] }));
 }
-function RoomTextField({ label, onCommit, value, }) {
-    const [draft, setDraft] = useState(value);
-    const cancelRef = useRef(false);
-    useEffect(() => setDraft(value), [value]);
-    const commit = () => {
-        if (cancelRef.current) {
-            cancelRef.current = false;
-            setDraft(value);
-            return;
+function ZoneUnitPanel({ zone }) {
+    const units = useScene(useShallow((state) => buildingUnitsForZone(zone, (id) => state.nodes[id])));
+    if (units.length === 0)
+        return null;
+    const current = units.find((unit) => unit.members.includes(zone.id));
+    const handleChange = (nextId) => {
+        const { nodes, updateNodes } = useScene.getState();
+        const updates = [];
+        for (const unit of Object.values(nodes)) {
+            if (unit.type !== 'unit')
+                continue;
+            const isMember = unit.members.includes(zone.id);
+            if (unit.id === nextId && !isMember) {
+                updates.push({ id: unit.id, data: { members: [...unit.members, zone.id] } });
+            }
+            else if (unit.id !== nextId && isMember) {
+                updates.push({
+                    id: unit.id,
+                    data: { members: unit.members.filter((id) => id !== zone.id) },
+                });
+            }
         }
-        const next = draft.trim();
-        if (next !== value)
-            onCommit(next);
-        else
-            setDraft(value);
+        if (updates.length > 0)
+            updateNodes(updates);
     };
-    return (_jsxs("label", { className: "flex h-10 items-center gap-3 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm", children: [_jsx("span", { className: "shrink-0 text-muted-foreground", children: label }), _jsx("input", { className: "min-w-0 flex-1 bg-transparent text-right text-foreground outline-none selection:bg-primary/30", onBlur: commit, onChange: (event) => setDraft(event.target.value), onKeyDown: (event) => {
-                    if (event.key === 'Enter')
-                        event.currentTarget.blur();
-                    if (event.key === 'Escape') {
-                        cancelRef.current = true;
-                        event.currentTarget.blur();
-                    }
-                }, type: "text", value: draft })] }));
-}
-function RoomSelect({ label, onChange, options, value, }) {
-    return (_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: label }), _jsx("select", { className: "min-w-0 rounded-md border border-border/50 bg-[#232325] px-2 py-1 text-foreground text-xs outline-none", onChange: (event) => onChange(event.target.value), value: value, children: options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }));
-}
-function RoomDocumentationPanel({ zone }) {
-    const updateNode = useScene((state) => state.updateNode);
-    const update = (patch) => updateNode(zone.id, patch);
-    const isRoom = zone.spaceRole === 'room';
-    return (_jsxs(PanelSection, { title: "Room documentation", children: [_jsx(ToggleControl, { checked: isRoom, label: "Architectural room", onChange: (checked) => update({ spaceRole: checked ? 'room' : 'generic' }) }), isRoom ? (_jsxs(_Fragment, { children: [_jsx(RoomTextField, { label: "Room name", onCommit: (name) => update({ name }), value: zone.name }), _jsx(RoomTextField, { label: "Room number", onCommit: (roomNumber) => update({ roomNumber }), value: zone.roomNumber }), _jsx(RoomSelect, { label: "Enclosure", onChange: (enclosureStatus) => update({ enclosureStatus: enclosureStatus }), options: [
-                            { label: 'Auto-detect', value: 'auto' },
-                            { label: 'Enclosed', value: 'enclosed' },
-                            { label: 'Open', value: 'open' },
-                        ], value: zone.enclosureStatus }), _jsx(RoomTextField, { label: "Occupancy / use", onCommit: (occupancy) => update({ occupancy }), value: zone.occupancy }), _jsx(RoomTextField, { label: "Floor finish", onCommit: (floorFinish) => update({ floorFinish }), value: zone.floorFinish }), _jsx(RoomTextField, { label: "Wall finish", onCommit: (wallFinish) => update({ wallFinish }), value: zone.wallFinish }), _jsx(RoomTextField, { label: "Ceiling finish", onCommit: (ceilingFinish) => update({ ceilingFinish }), value: zone.ceilingFinish }), _jsx(MetricControl, { label: "Ceiling height", max: 20, min: 0.1, onChange: (ceilingHeight) => update({ ceilingHeight }), precision: 2, step: 0.05, unit: "m", value: zone.ceilingHeight }), _jsx(RoomSelect, { label: "Clear dimensions", onChange: (clearDimensionPolicy) => update({
-                            clearDimensionPolicy: clearDimensionPolicy,
-                        }), options: [
-                            { label: 'None', value: 'none' },
-                            { label: 'Inside faces', value: 'inside-faces' },
-                            { label: 'Finish faces', value: 'finish-faces' },
-                        ], value: zone.clearDimensionPolicy })] })) : null] }));
+    return (_jsx(PanelSection, { title: "Unit", children: _jsx(PanelSelect, { label: "Unit", onChange: handleChange, options: [
+                { label: 'None', value: '' },
+                ...units.map((unit) => ({ label: unit.name || 'Unit', value: unit.id })),
+            ], value: current?.id ?? '' }) }));
 }
 export default function ZoneQuantitiesPanel() {
     const selectedZoneId = useViewer((state) => state.selection.zoneId);
@@ -124,5 +112,5 @@ export default function ZoneQuantitiesPanel() {
     const report = useMemo(() => (effectiveZone ? deriveZoneQuantityReport(effectiveZone, effectiveNodes) : null), [effectiveNodes, effectiveZone]);
     if (!effectiveZone || !report)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx(RoomDocumentationPanel, { zone: effectiveZone }), _jsxs(PanelSection, { title: effectiveZone.spaceRole === 'room' ? 'Room quantities' : 'Zone quantities', children: [_jsxs("div", { className: "overflow-hidden rounded-md border border-cyan-950/20 bg-[#f8faf7] text-slate-950", children: [_jsxs("div", { className: "flex items-center border-cyan-950/15 border-b px-2.5 py-2", children: [_jsx("span", { className: "font-semibold text-[11px]", children: effectiveZone.name }), _jsx("span", { className: "ml-auto rounded-full border border-cyan-800/25 bg-cyan-50 px-2 py-0.5 text-cyan-900 text-[9px]", children: report.classification === 'enclosed-room' ? 'Enclosed room' : 'Footprint only' })] }), _jsxs("div", { className: "flex items-baseline gap-2 px-2.5 py-2 font-mono text-[10px]", children: [_jsx("span", { className: "text-cyan-800", children: "A" }), _jsx("span", { children: formatAreaLabel(report.footprintArea, unit, 2) }), _jsx("span", { className: "ml-auto text-slate-600", children: "P" }), _jsx("span", { children: formatLinearMeasurement(report.perimeter, unit, metricNotation) })] })] }), _jsx(ZonePlanSketch, { edgeLengths: report.edgeLengths, metricNotation: metricNotation, polygon: effectiveZone.polygon, unit: unit }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(QuantityRow, { abbreviation: "Aw", format: (value) => formatAreaLabel(value, unit, 2), label: "Wall surface", quantity: report.wallSurface }), _jsx(QuantityRow, { abbreviation: "Af", format: (value) => formatAreaLabel(value, unit, 2), label: "Floor surface", quantity: report.floorSurface }), _jsx(QuantityRow, { abbreviation: "V", format: (value) => formatVolumeLabel(value, unit, 2), label: "Volume", quantity: report.volume })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ZoneUnitPanel, { zone: effectiveZone }), _jsxs(PanelSection, { title: effectiveZone.spaceRole === 'room' ? 'Room quantities' : 'Zone quantities', children: [_jsxs("div", { className: "overflow-hidden rounded-md border border-cyan-950/20 bg-[#f8faf7] text-slate-950", children: [_jsxs("div", { className: "flex items-center border-cyan-950/15 border-b px-2.5 py-2", children: [_jsx("span", { className: "font-semibold text-[11px]", children: effectiveZone.name }), _jsx("span", { className: "ml-auto rounded-full border border-cyan-800/25 bg-cyan-50 px-2 py-0.5 text-cyan-900 text-[9px]", children: report.classification === 'enclosed-room' ? 'Enclosed room' : 'Footprint only' })] }), _jsxs("div", { className: "flex items-baseline gap-2 px-2.5 py-2 font-mono text-[10px]", children: [_jsx("span", { className: "text-cyan-800", children: "A" }), _jsx("span", { children: formatAreaLabel(report.footprintArea, unit, 2) }), _jsx("span", { className: "ml-auto text-slate-600", children: "P" }), _jsx("span", { children: formatLinearMeasurement(report.perimeter, unit, metricNotation) })] })] }), _jsx(ZonePlanSketch, { edgeLengths: report.edgeLengths, metricNotation: metricNotation, polygon: effectiveZone.polygon, unit: unit }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(QuantityRow, { abbreviation: "Aw", format: (value) => formatAreaLabel(value, unit, 2), label: "Wall surface", quantity: report.wallSurface }), _jsx(QuantityRow, { abbreviation: "Af", format: (value) => formatAreaLabel(value, unit, 2), label: "Floor surface", quantity: report.floorSurface }), _jsx(QuantityRow, { abbreviation: "V", format: (value) => formatVolumeLabel(value, unit, 2), label: "Volume", quantity: report.volume })] })] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/zone/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAyGzB,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,uCA0LxD,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/zone/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AA0GzB,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,uCAoNxD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/zone/renderer.js

@@ -8,6 +8,7 @@ import { BufferGeometry, Color, DoubleSide, Float32BufferAttribute, Shape } from
 import { color, float, uniform, uv } from 'three/tsl';
 import { MeshBasicNodeMaterial } from 'three/webgpu';
 import { useShallow } from 'zustand/react/shallow';
+import { owningUnitForZone } from './unit-membership';
 const Y_OFFSET = 0.01;
 const WALL_HEIGHT = 2.3;
 /**
@@ -113,6 +114,10 @@ export const ZoneRenderer = ({ node }) => {
         return override ? { ...dependency, ...override } : dependency;
     }), [dependencyIds, dependencyNodes, dependencyOverrides, node]);
     const polygon = livePolygon ?? proceduralPolygon;
+    // The selector returns the unit node itself, so only edits to that unit
+    // or its membership re-render this zone.
+    const unit = useScene((s) => owningUnitForZone(node, (id) => s.nodes[id]));
+    const tintColor = unit?.color ?? node.color;
     // Create floor shape from polygon
     const floorShape = useMemo(() => {
         if (!polygon || polygon.length < 3)
@@ -158,20 +163,20 @@ export const ZoneRenderer = ({ node }) => {
     }, [polygon]);
     // Create materials
     const floorMaterial = useMemo(() => {
-        if (!node?.color)
+        if (!tintColor)
             return null;
-        return createFloorMaterial(node.color);
-    }, [node?.color]);
+        return createFloorMaterial(tintColor);
+    }, [tintColor]);
     const wallMaterial = useMemo(() => {
-        if (!node?.color)
+        if (!node.color)
             return null;
         return createWallGradientMaterial(node.color);
-    }, [node?.color]);
+    }, [node.color]);
     const handlers = useNodeEvents(node, 'zone');
     if (!(node && floorShape && wallGeometry && floorMaterial && wallMaterial)) {
         return null;
     }
-    return (_jsx("group", { ref: ref, ...handlers, userData: { labelPosition: [centroid[0], 1, centroid[1]] }, children: showZones && (_jsxs(_Fragment, { children: [_jsx(Html, { name: "label", position: [centroid[0], 1, centroid[1]], style: { pointerEvents: 'none' }, zIndexRange: [10, 0], children: _jsxs("div", { id: `${node.id}-label`, style: {
+    return (_jsx("group", { ref: ref, visible: node.visible !== false, ...handlers, userData: { labelPosition: [centroid[0], 1, centroid[1]] }, children: showZones && (_jsxs(_Fragment, { children: [_jsx(Html, { name: "label", position: [centroid[0], 1, centroid[1]], style: { pointerEvents: 'none' }, zIndexRange: [10, 0], children: _jsxs("div", { id: `${node.id}-label`, style: {
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: 'center',
@@ -183,7 +188,16 @@ export const ZoneRenderer = ({ node }) => {
                                     color: 'white',
                                     textShadow: `-1px -1px 0 ${node.color}, 1px -1px 0 ${node.color}, -1px 1px 0 ${node.color}, 1px 1px 0 ${node.color}`,
                                     textAlign: 'center',
-                                }, children: _jsx("span", { children: node.name }) }), _jsxs("div", { className: "label-pin", style: {
+                                }, children: _jsx("span", { children: node.name }) }), unit && (_jsx("div", { style: {
+                                    marginTop: '2px',
+                                    padding: '1px 6px',
+                                    borderRadius: '999px',
+                                    backgroundColor: tintColor,
+                                    color: 'white',
+                                    fontSize: '10px',
+                                    lineHeight: '14px',
+                                    whiteSpace: 'nowrap',
+                                }, children: unit.name })), _jsxs("div", { className: "label-pin", style: {
                                     display: 'flex',
                                     flexDirection: 'column',
                                     alignItems: 'center',

package/dist/zone/unit-membership.d.ts

@@ -0,0 +1,12 @@
+import type { AnyNode, AnyNodeId, UnitNode, ZoneNode } from '@pascal-app/core';
+type ResolveNode = (id: AnyNodeId) => AnyNode | undefined;
+/**
+ * Units under the building that owns this zone's level. Units are building
+ * children, so this walks that short list instead of scanning every node
+ * the way `unitsForZone` does — cheap enough for per-zone store selectors.
+ */
+export declare function buildingUnitsForZone(zone: Pick<ZoneNode, 'parentId'>, resolve: ResolveNode): UnitNode[];
+/** The unit whose colour and name a member zone wears: the first one listing it. */
+export declare function owningUnitForZone(zone: Pick<ZoneNode, 'id' | 'parentId'>, resolve: ResolveNode): UnitNode | null;
+export {};
+//# sourceMappingURL=unit-membership.d.ts.map

package/dist/zone/unit-membership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-membership.d.ts","sourceRoot":"","sources":["../../src/zone/unit-membership.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE9E,KAAK,WAAW,GAAG,CAAC,EAAE,EAAE,SAAS,KAAK,OAAO,GAAG,SAAS,CAAA;AAEzD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAChC,OAAO,EAAE,WAAW,GACnB,QAAQ,EAAE,CAUZ;AAED,oFAAoF;AACpF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,UAAU,CAAC,EACvC,OAAO,EAAE,WAAW,GACnB,QAAQ,GAAG,IAAI,CAEjB"}

package/dist/zone/unit-membership.js

@@ -0,0 +1,22 @@
+/**
+ * Units under the building that owns this zone's level. Units are building
+ * children, so this walks that short list instead of scanning every node
+ * the way `unitsForZone` does — cheap enough for per-zone store selectors.
+ */
+export function buildingUnitsForZone(zone, resolve) {
+    const level = zone.parentId ? resolve(zone.parentId) : undefined;
+    const building = level?.parentId ? resolve(level.parentId) : undefined;
+    if (building?.type !== 'building')
+        return [];
+    const units = [];
+    for (const childId of building.children) {
+        const child = resolve(childId);
+        if (child?.type === 'unit')
+            units.push(child);
+    }
+    return units;
+}
+/** The unit whose colour and name a member zone wears: the first one listing it. */
+export function owningUnitForZone(zone, resolve) {
+    return buildingUnitsForZone(zone, resolve).find((unit) => unit.members.includes(zone.id)) ?? null;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pascal-app/nodes",
-  "version": "1.0.0",
-  "description": "Built-in node bundles for the Pascal 3D editor \u2014 one folder per kind, exported as `builtinPlugin`",
+  "version": "1.0.3",
+  "description": "Built-in node bundles for the Pascal 3D editor — one folder per kind, exported as `builtinPlugin`",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10,6 +10,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./procedural-item": {
+      "types": "./dist/procedural-item/index.d.ts",
+      "import": "./dist/procedural-item/index.js",
+      "default": "./dist/procedural-item/index.js"
     }
   },
   "files": [
@@ -23,9 +28,9 @@
     "prepublishOnly": "bun run build && bun test"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^1.0.0",
-    "@pascal-app/editor": "^1.0.0",
-    "@pascal-app/viewer": "^1.0.0",
+    "@pascal-app/core": "^1.0.3",
+    "@pascal-app/editor": "^1.0.3",
+    "@pascal-app/viewer": "^1.0.3",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "lucide-react": "^1",
@@ -35,10 +40,11 @@
     "zustand": "^5"
   },
   "devDependencies": {
-    "@pascal-app/core": "^1.0.0",
-    "@pascal-app/editor": "^1.0.0",
-    "@pascal-app/viewer": "^1.0.0",
+    "@pascal-app/core": "^1.0.3",
+    "@pascal-app/editor": "^1.0.3",
+    "@pascal-app/viewer": "^1.0.3",
     "@pascal/typescript-config": "*",
+    "@react-three/test-renderer": "^9.1.0",
     "@types/bun": "^1.3.0",
     "@types/node": "^22.19.12",
     "@types/react": "^19.2.2",
@@ -54,7 +60,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/pascalorg/editor.git",
+    "url": "git+https://github.com/pascalorg/editor.git",
     "directory": "packages/nodes"
   },
   "license": "MIT",

package/dist/shared/opening-documentation-fields.d.ts

@@ -1,16 +0,0 @@
-type OpeningDocumentationPatch = {
-    mark?: string;
-    constructionType?: 'framed' | 'masonry';
-    dimensionReference?: 'nominal' | 'rough-opening' | 'masonry-opening' | 'finish-opening';
-    roughOpeningWidth?: number;
-    roughOpeningHeight?: number;
-    masonryOpeningWidth?: number;
-    masonryOpeningHeight?: number;
-    finishOpeningWidth?: number;
-    finishOpeningHeight?: number;
-};
-export declare function OpeningDocumentationFields({ mark, constructionType, dimensionReference, roughOpeningWidth, roughOpeningHeight, masonryOpeningWidth, masonryOpeningHeight, finishOpeningWidth, finishOpeningHeight, onChange, }: OpeningDocumentationPatch & {
-    onChange: (patch: OpeningDocumentationPatch) => void;
-}): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=opening-documentation-fields.d.ts.map

package/dist/shared/opening-documentation-fields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"opening-documentation-fields.d.ts","sourceRoot":"","sources":["../../src/shared/opening-documentation-fields.tsx"],"names":[],"mappings":"AAKA,KAAK,yBAAyB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACvC,kBAAkB,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,gBAA2B,EAC3B,kBAA8B,EAC9B,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,GACT,EAAE,yBAAyB,GAAG;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACrD,+BA+GA"}

package/dist/shared/opening-documentation-fields.js

@@ -1,54 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getLinearUnitLabel, linearUnitToMeters, metersToLinearUnit } from '@pascal-app/editor';
-import { useViewer } from '@pascal-app/viewer';
-export function OpeningDocumentationFields({ mark, constructionType = 'framed', dimensionReference = 'nominal', roughOpeningWidth, roughOpeningHeight, masonryOpeningWidth, masonryOpeningHeight, finishOpeningWidth, finishOpeningHeight, onChange, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-2 px-1 pb-1", children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Mark" }), _jsx("input", { className: "h-8 rounded-lg border border-border/50 bg-[#2C2C2E] px-2.5 font-mono text-foreground text-xs outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-orange-400/60", defaultValue: mark ?? '', maxLength: 16, onBlur: (event) => {
-                            const next = event.currentTarget.value.trim().toLocaleUpperCase();
-                            if (next !== (mark ?? ''))
-                                onChange({ mark: next || undefined });
-                        }, onKeyDown: (event) => {
-                            if (event.key === 'Enter')
-                                event.currentTarget.blur();
-                            if (event.key === 'Escape') {
-                                event.currentTarget.value = mark ?? '';
-                                event.currentTarget.blur();
-                            }
-                        }, placeholder: "Auto-assigned" }, `mark:${mark ?? ''}`)] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Construction" }), _jsxs("select", { className: "h-8 rounded-lg border border-border/50 bg-[#2C2C2E] px-2 text-foreground text-xs outline-none focus:border-orange-400/60", onChange: (event) => {
-                                    const next = event.currentTarget.value;
-                                    onChange({
-                                        constructionType: next,
-                                        dimensionReference: next === 'masonry' && dimensionReference === 'nominal'
-                                            ? 'masonry-opening'
-                                            : dimensionReference,
-                                    });
-                                }, value: constructionType, children: [_jsx("option", { value: "framed", children: "Framed" }), _jsx("option", { value: "masonry", children: "Masonry" })] })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Dimension to" }), _jsxs("select", { className: "h-8 rounded-lg border border-border/50 bg-[#2C2C2E] px-2 text-foreground text-xs outline-none focus:border-orange-400/60", onChange: (event) => onChange({
-                                    dimensionReference: event.currentTarget
-                                        .value,
-                                }), value: dimensionReference, children: [_jsx("option", { value: "nominal", children: "Nominal" }), _jsx("option", { value: "rough-opening", children: "Rough opening" }), _jsx("option", { value: "masonry-opening", children: "Masonry opening" }), _jsx("option", { value: "finish-opening", children: "Finish opening" })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(OptionalMeterInput, { label: "RO Width", onChange: (value) => onChange({ roughOpeningWidth: value }), value: roughOpeningWidth }), _jsx(OptionalMeterInput, { label: "RO Height", onChange: (value) => onChange({ roughOpeningHeight: value }), value: roughOpeningHeight })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(OptionalMeterInput, { label: "MO Width", onChange: (value) => onChange({ masonryOpeningWidth: value }), value: masonryOpeningWidth }), _jsx(OptionalMeterInput, { label: "MO Height", onChange: (value) => onChange({ masonryOpeningHeight: value }), value: masonryOpeningHeight })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(OptionalMeterInput, { label: "FO Width", onChange: (value) => onChange({ finishOpeningWidth: value }), value: finishOpeningWidth }), _jsx(OptionalMeterInput, { label: "FO Height", onChange: (value) => onChange({ finishOpeningHeight: value }), value: finishOpeningHeight })] }), _jsx("p", { className: "px-0.5 text-[10px] text-muted-foreground/65 leading-4", children: "Leave RO, MO, and FO values blank until verified by the applicable manufacturer or trade." })] }));
-}
-function OptionalMeterInput({ label, value, onChange, }) {
-    const unit = useViewer((state) => state.unit);
-    const displayValue = value === undefined ? '' : roundForInput(metersToLinearUnit(value, unit));
-    return (_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: label }), _jsxs("div", { className: "flex h-8 items-center rounded-lg border border-border/50 bg-[#2C2C2E] focus-within:border-orange-400/60", children: [_jsx("input", { className: "min-w-0 flex-1 bg-transparent px-2 font-mono text-foreground text-xs outline-none placeholder:text-muted-foreground/50", defaultValue: displayValue, min: 0.01, onBlur: (event) => {
-                            const raw = event.currentTarget.value;
-                            if (raw === String(displayValue))
-                                return;
-                            const parsed = Number.parseFloat(raw);
-                            const next = raw === '' || !Number.isFinite(parsed) || parsed <= 0
-                                ? undefined
-                                : linearUnitToMeters(parsed, unit);
-                            if (next !== value)
-                                onChange(next);
-                        }, onKeyDown: (event) => {
-                            if (event.key === 'Enter')
-                                event.currentTarget.blur();
-                            if (event.key === 'Escape') {
-                                event.currentTarget.value = String(displayValue);
-                                event.currentTarget.blur();
-                            }
-                        }, onWheel: (event) => event.currentTarget.blur(), placeholder: "Verify", step: unit === 'imperial' ? 0.01 : 0.001, type: "number" }, `${label}:${displayValue}`), _jsx("span", { className: "pr-2 font-mono text-[10px] text-muted-foreground", children: getLinearUnitLabel(unit) })] })] }));
-}
-function roundForInput(value) {
-    return Math.round(value * 1000) / 1000;
-}