@pascal-app/nodes 1.0.6 → 1.0.7

package/dist/stair-segment/panel.js

@@ -1,21 +1,25 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_LEVEL_HEIGHT, planStairFlightHeightEdit, resolveStairTotalRise, stairSegmentConstructionError, stairSegmentDetailError, useScene, } from '@pascal-app/core';
+import { DEFAULT_LEVEL_HEIGHT, planStairFlightHeightEdit, resolveStairTotalRise, stairSegmentConstructionError, stairSegmentDetailError, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 import { StairConstructionControls } from '../stair/construction-controls.js';
 const SEGMENT_TYPE_OPTIONS = [
-    { label: 'Flight', value: 'stair' },
-    { label: 'Landing', value: 'landing' },
+    { label: /* i18n */ { id: 'node.stairSegment.panel.flight', message: 'Flight' }, value: 'stair' },
+    {
+        label: /* i18n */ { id: 'node.stairSegment.panel.landing', message: 'Landing' },
+        value: 'landing',
+    },
 ];
 const ATTACHMENT_SIDE_OPTIONS = [
-    { label: 'Front', value: 'front' },
-    { label: 'Left', value: 'left' },
-    { label: 'Right', value: 'right' },
+    { label: /* i18n */ { id: 'node.stairSegment.panel.front', message: 'Front' }, value: 'front' },
+    { label: /* i18n */ { id: 'node.stairSegment.panel.left', message: 'Left' }, value: 'left' },
+    { label: /* i18n */ { id: 'node.stairSegment.panel.right', message: 'Right' }, value: 'right' },
 ];
 export default function StairSegmentPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -103,7 +107,8 @@ export default function StairSegmentPanel() {
     }, [selectedId, node, setSelection]);
     if (!(node && node.type === 'stair-segment' && selectedId))
         return null;
-    return (_jsxs(PanelWrapper, { icon: "/icons/stairs.webp", onBack: handleBack, onClose: handleClose, title: node.name || 'Stair Segment', width: 300, children: [_jsx(PanelSection, { title: "Type", children: _jsx(SegmentedControl, { onChange: (v) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/stairs.webp", onBack: handleBack, onClose: handleClose, title: node.name ||
+            i18n._({ id: 'node.stairSegment.panel.stairSegment', message: 'Stair Segment' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.type', message: 'Type' }), children: _jsx(SegmentedControl, { onChange: (v) => {
                         const updates = { segmentType: v };
                         if (v === 'landing') {
                             updates.winder = undefined;
@@ -117,7 +122,13 @@ export default function StairSegmentPanel() {
                             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 }) })), (stairSegmentDetailError(node) ?? stairSegmentConstructionError(node, parentStair)) ? (_jsx("div", { role: "alert", className: "px-3 text-xs", children: stairSegmentDetailError(node) ?? stairSegmentConstructionError(node, parentStair) })) : null, node.segmentType === 'stair' && (_jsxs(PanelSection, { title: "Flight shape", children: [_jsx(SegmentedControl, { value: node.winder ? 'winder' : 'straight', onChange: (value) => handleUpdate({
+                    }, options: SEGMENT_TYPE_OPTIONS.map((option) => ({
+                        ...option,
+                        label: i18n._(option.label),
+                    })), value: node.segmentType }) }), !isFirstSegment && (_jsx(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.attachment', message: 'Attachment' }), children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ attachmentSide: v }), options: ATTACHMENT_SIDE_OPTIONS.map((option) => ({
+                        ...option,
+                        label: i18n._(option.label),
+                    })), value: node.attachmentSide }) })), (stairSegmentDetailError(node) ?? stairSegmentConstructionError(node, parentStair)) ? (_jsx("div", { role: "alert", className: "px-3 text-xs", children: stairSegmentDetailError(node) ?? stairSegmentConstructionError(node, parentStair) })) : null, node.segmentType === 'stair' && (_jsxs(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.flightShape', message: 'Flight shape' }), children: [_jsx(SegmentedControl, { value: node.winder ? 'winder' : 'straight', onChange: (value) => handleUpdate({
                             winder: value === 'winder'
                                 ? {
                                     turn: 'left',
@@ -127,15 +138,51 @@ export default function StairSegmentPanel() {
                                 }
                                 : undefined,
                         }), options: [
-                            { label: 'Straight', value: 'straight' },
-                            { label: 'Winder', value: 'winder' },
+                            {
+                                label: i18n._({ id: 'node.stairSegment.panel.straight', message: 'Straight' }),
+                                value: 'straight',
+                            },
+                            {
+                                label: i18n._({ id: 'node.stairSegment.panel.winder', message: 'Winder' }),
+                                value: 'winder',
+                            },
                         ] }), node.winder && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { value: node.winder.turn, onChange: (turn) => handleUpdate({ winder: { ...node.winder, turn } }), options: [
-                                    { label: 'Left turn', value: 'left' },
-                                    { label: 'Right turn', value: 'right' },
-                                ] }), _jsx(SliderControl, { label: "Inner gap", unit: "m", min: 0, precision: 2, step: 0.05, value: node.winder.innerGap, onChange: (innerGap) => handleUpdate({ winder: { ...node.winder, innerGap } }) }), _jsx(SliderControl, { label: "Walking line offset", unit: "m", min: 0.001, max: node.width, precision: 2, step: 0.05, value: node.winder.walkingLineOffset, onChange: (walkingLineOffset) => handleUpdate({ winder: { ...node.winder, walkingLineOffset } }) }), _jsx(SegmentedControl, { value: node.winder.division, onChange: (division) => handleUpdate({ winder: { ...node.winder, division } }), options: [
-                                    { label: 'Equal going', value: 'equal-going' },
-                                    { label: 'Equal angle', value: 'equal-angle' },
-                                ] })] }))] })), _jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", min: 0.001, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.1, unit: "m", value: node.width }), !node.winder && (_jsx(SliderControl, { label: "Length", min: 0.001, 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", min: 0.001, 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", 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(StairConstructionControls, { node: node, inherited: parentConstruction, onChange: (construction) => handleUpdate({ construction }) }), !(node.construction ?? parentConstruction) ? (_jsx(ToggleControl, { checked: node.fillToFloor, label: "Fill to floor", onChange: (checked) => handleUpdate({ fillToFloor: checked }) })) : null, !(node.construction ?? parentConstruction) && !node.fillToFloor && (_jsx(SliderControl, { label: "Thickness", min: 0.001, 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) => {
+                                    {
+                                        label: i18n._({ id: 'node.stairSegment.panel.leftTurn', message: 'Left turn' }),
+                                        value: 'left',
+                                    },
+                                    {
+                                        label: i18n._({
+                                            id: 'node.stairSegment.panel.rightTurn',
+                                            message: 'Right turn',
+                                        }),
+                                        value: 'right',
+                                    },
+                                ] }), _jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.innerGap', message: 'Inner gap' }), unit: "m", min: 0, precision: 2, step: 0.05, value: node.winder.innerGap, onChange: (innerGap) => handleUpdate({ winder: { ...node.winder, innerGap } }) }), _jsx(SliderControl, { label: i18n._({
+                                    id: 'node.stairSegment.panel.walkingLineOffset',
+                                    message: 'Walking line offset',
+                                }), unit: "m", min: 0.001, max: node.width, precision: 2, step: 0.05, value: node.winder.walkingLineOffset, onChange: (walkingLineOffset) => handleUpdate({ winder: { ...node.winder, walkingLineOffset } }) }), _jsx(SegmentedControl, { value: node.winder.division, onChange: (division) => handleUpdate({ winder: { ...node.winder, division } }), options: [
+                                    {
+                                        label: i18n._({
+                                            id: 'node.stairSegment.panel.equalGoing',
+                                            message: 'Equal going',
+                                        }),
+                                        value: 'equal-going',
+                                    },
+                                    {
+                                        label: i18n._({
+                                            id: 'node.stairSegment.panel.equalAngle',
+                                            message: 'Equal angle',
+                                        }),
+                                        value: 'equal-angle',
+                                    },
+                                ] })] }))] })), _jsxs(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.width', message: 'Width' }), min: 0.001, onChange: (v) => handleUpdate({ width: v }), precision: 2, step: 0.1, unit: "m", value: node.width }), !node.winder && (_jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.length', message: 'Length' }), min: 0.001, onChange: (v) => handleUpdate({ length: v }), precision: 2, step: 0.1, unit: "m", value: node.length })), node.segmentType === 'stair' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.height', message: 'Height' }), min: 0.001, onChange: handleFlightHeightChange, precision: 2, step: 0.1, unit: "m", value: node.height }), parentFollowsLevel && (_jsx("div", { className: "px-1 text-[11px] text-muted-foreground", children: i18n._({
+                                    id: 'node.stairSegment.panel.editingSwitchesTheStairToCustom',
+                                    message: 'Editing switches the stair to Custom rise',
+                                }) })), _jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.steps', message: 'Steps' }), min: 2, onChange: (v) => handleUpdate({ stepCount: Math.round(v) }), precision: 0, step: 1, unit: "", value: node.stepCount })] }))] }), _jsx(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.structure', message: 'Structure' }), children: _jsxs("div", { className: "space-y-3", children: [_jsx(StairConstructionControls, { node: node, inherited: parentConstruction, onChange: (construction) => handleUpdate({ construction }) }), !(node.construction ?? parentConstruction) ? (_jsx(ToggleControl, { checked: node.fillToFloor, label: i18n._({
+                                id: 'node.stairSegment.panel.fillToFloor',
+                                message: 'Fill to floor',
+                            }), onChange: (checked) => handleUpdate({ fillToFloor: checked }) })) : null, !(node.construction ?? parentConstruction) && !node.fillToFloor && (_jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.thickness', message: 'Thickness' }), min: 0.001, onChange: (v) => handleUpdate({ thickness: v }), precision: 2, step: 0.05, unit: "m", value: node.thickness ?? 0.25 }))] }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.position', message: 'Position' }), children: [_jsx(SliderControl, { label: "X", onChange: (v) => {
                             const pos = [...node.position];
                             pos[0] = v;
                             handleUpdate({ position: pos });
@@ -147,7 +194,7 @@ export default function StairSegmentPanel() {
                             const pos = [...node.position];
                             pos[2] = v;
                             handleUpdate({ position: pos });
-                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                        }, precision: 2, step: 0.05, unit: "m", value: node.position[2] }), _jsx(SliderControl, { label: i18n._({ id: 'node.stairSegment.panel.rotation', message: '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');
@@ -155,5 +202,5 @@ export default function StairSegmentPanel() {
                                 } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
                                     triggerSFX('sfx:item-rotate');
                                     handleUpdate({ rotation: node.rotation + Math.PI / 4 });
-                                } })] })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                } })] })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.stairSegment.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stairSegment.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.stairSegment.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: i18n._({ id: 'node.stairSegment.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/panel.tsx"],"names":[],"mappings":"AA8BA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCAyRvC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/turbine-vent/panel.tsx"],"names":[],"mappings":"AA+BA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCA4SvC"}

package/dist/turbine-vent/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { getActiveRoofHeight, useLiveNodeOverrides, usePascalI18n, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Pause, Play, Trash2 } from 'lucide-react';
@@ -15,6 +15,7 @@ const DEFAULT_SPIN_SPEED = 0.8;
  * Mirrors the box-vent panel.
  */
 export default function TurbineVentPanel() {
+    const i18n = usePascalI18n();
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
     const updateNode = useScene((s) => s.updateNode);
@@ -102,8 +103,16 @@ export default function TurbineVentPanel() {
     }, [node, handleUpdate]);
     if (!(node && node.type === 'turbine-vent' && selectedId))
         return null;
-    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: 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-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.turbineVent.panel.turbineVent', message: 'Turbine Vent' }), width: 300, children: [_jsx(PanelSection, { title: i18n._({ id: 'node.turbineVent.panel.style', message: 'Style' }), children: _jsx(SegmentedControl, { onChange: (v) => handleUpdate({ style: v }), options: [
+                        {
+                            label: i18n._({ id: 'node.turbineVent.panel.globe', message: 'Globe' }),
+                            value: 'globe',
+                        },
+                        {
+                            label: i18n._({ id: 'node.turbineVent.panel.cylinder', message: 'Cylinder' }),
+                            value: 'cylinder',
+                        },
+                    ], value: node.style ?? 'globe' }) }), _jsxs(PanelSection, { title: i18n._({ id: 'node.turbineVent.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.turbineVent.panel.diameter', message: '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: i18n._({ id: 'node.turbineVent.panel.height', message: '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: i18n._({ id: 'node.turbineVent.panel.neckHeight', message: '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: i18n._({ id: 'node.turbineVent.panel.vanes', message: '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: i18n._({ id: 'node.turbineVent.panel.motion', message: '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
+                                ? i18n._({ id: 'node.turbineVent.panel.pause', message: 'Pause' })
+                                : i18n._({ id: 'node.turbineVent.panel.play', message: 'Play' }), onClick: handleToggleSpin }) }), _jsx(SliderControl, { label: i18n._({ id: 'node.turbineVent.panel.spinSpeed', message: '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: i18n._({ id: 'node.turbineVent.panel.position', message: '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: i18n._({ id: 'node.turbineVent.panel.rotation', message: '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: i18n._({ id: 'node.turbineVent.panel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.turbineVent.panel.move', message: 'Move' }), onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.turbineVent.panel.duplicate', message: 'Duplicate' }), onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: i18n._({ id: 'node.turbineVent.panel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }

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

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

package/dist/unit/unit-panel.js

@@ -1,22 +1,22 @@
 '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 { buildUnitReport, getLevelDisplayName, UNIT_KINDS, unitWarnings, usePascalI18n, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, displayRoomName, 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.js';
 const UNIT_KIND_LABELS = {
-    apartment: 'Apartment',
-    'hotel-room': 'Hotel room',
-    commercial: 'Commercial',
-    common: 'Common',
+    apartment: /* i18n */ { id: 'node.unit.kind.apartment', message: 'Apartment' },
+    'hotel-room': /* i18n */ { id: 'node.unit.kind.hotelRoom', message: 'Hotel room' },
+    commercial: /* i18n */ { id: 'node.unit.kind.commercial', message: 'Commercial' },
+    common: /* i18n */ { id: 'node.unit.kind.common', message: '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 i18n = usePascalI18n();
     const nodes = useScene((state) => state.nodes);
     const updateNode = useScene((state) => state.updateNode);
     const setSelection = useViewer((state) => state.setSelection);
@@ -53,14 +53,30 @@ export default function UnitPanel({ node }) {
     }, [node.id, setSelection]);
     const warningMessages = warnings.map((warning) => {
         if (warning.code === 'non-adjacent-levels') {
-            return 'Members sit on levels that are not adjacent.';
+            return i18n._({
+                id: 'node.unit.panel.nonAdjacentLevels',
+                message: 'Members sit on levels that are not adjacent.',
+            });
         }
-        return 'No zones assigned yet.';
+        return i18n._({ id: 'node.unit.panel.noZonesAssigned', message: '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-black/4 dark: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 rooms yet. Pick this unit from a room's panel, or draw zones while it is focused." })) : (report.members.map((member) => (_jsxs("div", { className: "flex h-9 items-center gap-2 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-xs", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: member.name || memberFallbackName(nodes, member.zoneId) }), _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-black/8 dark: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-700 dark: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 })] }) })] }));
+    return (_jsxs(PanelWrapper, { icon: "/icons/zone.webp", onClose: handleClose, title: node.name || i18n._({ id: 'node.unit.unitPanel.unit', message: 'Unit' }), width: 320, children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.unit.unitPanel.unit', message: 'Unit' }), children: [_jsx(PanelTextField, { label: i18n._({ id: 'node.unit.unitPanel.name', message: 'Name' }), onCommit: (name) => update({ name }), value: node.name }), _jsx(PanelSelect, { label: i18n._({ id: 'node.unit.unitPanel.kind', message: 'Kind' }), onChange: (kind) => update({ kind: kind }), options: UNIT_KINDS.map((value) => ({ label: i18n._(UNIT_KIND_LABELS[value]), value })), value: node.kind }), _jsxs("label", { className: "flex h-10 items-center justify-between gap-3 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: i18n._({ id: 'node.unit.unitPanel.color', message: '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: i18n._({ id: 'node.unit.unitPanel.members', message: 'Members' }), children: [report.members.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs leading-snug", children: i18n._({
+                            id: 'node.unit.unitPanel.noRoomsYetPickThisUnit',
+                            message: "No rooms yet. Pick this unit from a room's panel, or draw zones while it is focused.",
+                        }) })) : (report.members.map((member) => (_jsxs("div", { className: "flex h-9 items-center gap-2 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 text-xs", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: member.name
+                                    ? displayRoomName(member.name, i18n)
+                                    : memberFallbackName(nodes, member.zoneId, i18n) }), _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": member.name
+                                    ? i18n._({
+                                        id: 'node.unit.panel.removeMember',
+                                        message: 'Remove {name} from unit',
+                                        values: { name: displayRoomName(member.name, i18n) },
+                                    })
+                                    : i18n._({ id: 'node.unit.panel.removeZone', message: 'Remove zone from unit' }), className: "shrink-0 rounded-full p-1 text-muted-foreground transition-colors hover:bg-black/8 dark: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-700 dark:text-amber-300 text-xs leading-snug", children: warningMessages.map((message, index) => (_jsx("li", { children: message }, warnings[index]?.code))) })) : null] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.unit.unitPanel.report', message: 'Report' }), children: [_jsx(ReportRow, { label: i18n._({ id: 'node.unit.unitPanel.members', message: 'Members' }), value: String(report.memberCount) }), _jsx(ReportRow, { label: i18n._({ id: 'node.unit.unitPanel.levels', message: 'Levels' }), value: levelSpanLabel }), _jsx(ReportRow, { label: i18n._({ id: 'node.unit.unitPanel.grossArea', message: 'Gross area' }), value: formatAreaLabel(report.grossAreaM2, areaUnit, 2) })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.unit.unitPanel.actions', message: 'Actions' }), children: _jsxs(ActionGroup, { children: [focusedUnitId !== node.id && (_jsx(ActionButton, { className: "rounded-full", label: i18n._({ id: 'node.unit.unitPanel.focus', message: '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: i18n._({ id: 'node.unit.unitPanel.delete', message: 'Delete' }), onClick: handleDelete })] }) })] }));
 }
 /** An unnamed member reads as what it is: a room, or another zone. */
-function memberFallbackName(nodes, zoneId) {
+function memberFallbackName(nodes, zoneId, i18n) {
     const zone = nodes[zoneId];
-    return zone?.type === 'zone' && zone.spaceRole === 'room' ? 'Room' : 'Zone';
+    return zone?.type === 'zone' && zone.spaceRole === 'room'
+        ? i18n._({ id: 'node.unit.panel.memberRoom', message: 'Room' })
+        : i18n._({ id: 'node.unit.panel.memberZone', message: 'Zone' });
 }

package/dist/wall/actions.d.ts

@@ -1,3 +1,3 @@
-/** The wall's action-menu contributions: Split (one wall) and Merge (several). */
+/** The wall's action-menu contributions: Split (one wall), Merge (several). */
 export default function WallActions(): import("react").JSX.Element;
 //# sourceMappingURL=actions.d.ts.map

package/dist/wall/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/wall/actions.tsx"],"names":[],"mappings":"AAuBA,kFAAkF;AAClF,MAAM,CAAC,OAAO,UAAU,WAAW,gCAOlC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/wall/actions.tsx"],"names":[],"mappings":"AAmBA,+EAA+E;AAC/E,MAAM,CAAC,OAAO,UAAU,WAAW,gCAOlC"}

package/dist/wall/actions.js

@@ -1,33 +1,35 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { planWallMerge, runAsSingleSceneHistoryStep, useScene, } from '@pascal-app/core';
-import { captureElementActionOrigin, completeElementAction, Tooltip, TooltipContent, TooltipTrigger, triggerSFX, } from '@pascal-app/editor';
+import { planWallMerge, runAsSingleSceneHistoryStep, usePascalI18n, useScene, } from '@pascal-app/core';
+import { ActionMenuButton, captureElementActionOrigin, completeElementAction, triggerSFX, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { FoldHorizontal, Scissors } from 'lucide-react';
 import { useMemo } from 'react';
 import { openWallSplit } from './split-session.js';
-const BUTTON = 'tooltip-trigger rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-50';
-/** The wall's action-menu contributions: Split (one wall) and Merge (several). */
+/** The wall's action-menu contributions: Split (one wall), Merge (several). */
 export default function WallActions() {
     return (_jsxs(_Fragment, { children: [_jsx(SplitWallAction, {}), _jsx(MergeWallsAction, {})] }));
 }
 function SplitWallAction() {
+    const i18n = usePascalI18n();
     const selected = useViewer((s) => s.selection.selectedIds);
     const wall = useScene((s) => selected.length === 1 ? s.nodes[selected[0]] : undefined);
     const readOnly = useScene((s) => s.readOnly);
     if (wall?.type !== 'wall')
         return null;
-    return (_jsx("button", { type: "button", "aria-label": "Split wall", title: "Split wall", disabled: readOnly, className: BUTTON, onClick: (event) => {
+    return (_jsx(ActionMenuButton, { disabled: readOnly, label: i18n._({ id: 'node.wall.actions.splitWall', message: 'Split wall' }), onClick: (event) => {
             event.stopPropagation();
             openWallSplit(wall);
         }, children: _jsx(Scissors, { className: "size-4" }) }));
 }
 /** Joins selected walls that continue each other into one — the inverse of Split. */
 function MergeWallsAction() {
+    const i18n = usePascalI18n();
     const selected = useViewer((s) => s.selection.selectedIds);
     const nodes = useScene((s) => s.nodes);
     const readOnly = useScene((s) => s.readOnly);
-    // null: not a wall selection (render nothing); otherwise why it can't merge, or null.
+    // null: not a wall selection (render nothing); otherwise why it can't merge (undefined when the
+    // plan gave no reason of its own), or null.
     const merge = useMemo(() => {
         if (selected.length < 2 || selected.some((id) => nodes[id]?.type !== 'wall'))
             return null;
@@ -36,13 +38,19 @@ function MergeWallsAction() {
             return { reason: null };
         }
         catch (error) {
-            return { reason: error instanceof Error ? error.message : 'These walls cannot be merged.' };
+            return { reason: error instanceof Error ? error.message : undefined };
         }
     }, [nodes, selected]);
     if (!merge)
         return null;
-    const { reason } = merge;
-    const button = (_jsx("button", { type: "button", "aria-label": "Merge walls", title: reason ? undefined : 'Merge walls', disabled: readOnly || reason !== null, className: BUTTON, onClick: (event) => {
+    // Worded here rather than in the memo, so a change of language reaches it.
+    const reason = merge.reason === undefined
+        ? i18n._({
+            id: 'node.wall.actions.theseWallsCannotBeMerged',
+            message: 'These walls cannot be merged.',
+        })
+        : merge.reason;
+    return (_jsx(ActionMenuButton, { disabled: readOnly || reason !== null, disabledReason: reason ?? undefined, label: i18n._({ id: 'node.wall.actions.mergeWalls', message: 'Merge walls' }), onClick: (event) => {
             event.stopPropagation();
             const plan = planWallMerge(useScene.getState().nodes, selected);
             // Walls drilled from one room go back to it; otherwise the merged wall stays selected.
@@ -54,8 +62,4 @@ function MergeWallsAction() {
             else
                 useViewer.getState().setSelection({ selectedIds: [plan.wallId] });
         }, children: _jsx(FoldHorizontal, { className: "size-4" }) }));
-    if (!reason)
-        return button;
-    // A disabled button gets no hover events, so the reason hangs off a wrapper.
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "inline-flex", children: button }) }), _jsx(TooltipContent, { side: "top", children: reason })] }));
 }

package/dist/wall/construction-dimensions.d.ts

@@ -3,6 +3,12 @@ import { type ConstructionDimensionDrawingStandard } from '../shared/constructio
 import { type ConstructionLengthProfile, type ConstructionLinearUnit } from '../shared/construction-length.js';
 export { formatConstructionLength } from '../shared/construction-length.js';
 export type ConstructionDimensionTier = 'opening-widths' | 'openings' | 'partitions' | 'structure' | 'jogs' | 'overall' | 'structural-overall' | 'interior' | 'interior-overall';
+/**
+ * Which face chain a tier belongs to: the clear spans drawn inside the rooms
+ * are interior (ID); the facade strings — openings, partitions, columns, jogs
+ * and the overall sizes — are measured outside the building (OD).
+ */
+export declare function constructionDimensionFace(tier: ConstructionDimensionTier): 'interior' | 'exterior';
 export type PlannedConstructionDimension = {
     tier: ConstructionDimensionTier;
     start: FloorplanPoint;

package/dist/wall/construction-dimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"construction-dimensions.d.ts","sourceRoot":"","sources":["../../src/wall/construction-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAGZ,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,EAMpB,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,oCAAoC,EAE1C,MAAM,4CAA4C,CAAA;AACnD,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,EAE5B,MAAM,+BAA+B,CAAA;AAItC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAUxE,MAAM,MAAM,yBAAyB,GACjC,gBAAgB,GAChB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,MAAM,GACN,SAAS,GACT,oBAAoB,GACpB,UAAU,GACV,kBAAkB,CAAA;AAYtB,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,yBAAyB,CAAA;IAC/B,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,EAAE,cAAc,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,WAAW,CACrD,MAAM,EACN,SAAS,4BAA4B,EAAE,CACxC,CAAA;AAiBD,wBAAgB,uCAAuC,CACrD,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,GAAE,oCAA8E,GACvF,6BAA6B,CA6L/B;AAmGD,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,SAAS,4BAA4B,EAAE,EAChD,IAAI,EAAE,sBAAsB,EAC5B,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,GAAE,yBAAoC,EAC7C,QAAQ,GAAE,oCAA8E,GACvF,iBAAiB,EAAE,CA2BrB;AAmCD,wBAAgB,qCAAqC,CACnD,IAAI,EAAE,QAAQ,EACd,EACE,IAAI,EACJ,MAAM,EACN,OAAkB,EAClB,QAAkD,EAClD,QAAa,GACd,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,oCAAoC,CAAA;IAC/C,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACnC,GACA,iBAAiB,EAAE,CA+CrB;AAED,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,EACpB,EACE,IAAI,EACJ,MAAM,EACN,OAAkB,EAClB,QAAkD,GACnD,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,oCAAoC,CAAA;CAChD,GACA,iBAAiB,EAAE,CAsErB"}
+{"version":3,"file":"construction-dimensions.d.ts","sourceRoot":"","sources":["../../src/wall/construction-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAGZ,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,EAMpB,KAAK,QAAQ,EAEd,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EACL,KAAK,oCAAoC,EAE1C,MAAM,4CAA4C,CAAA;AACnD,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,EAE5B,MAAM,+BAA+B,CAAA;AAItC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAUxE,MAAM,MAAM,yBAAyB,GACjC,gBAAgB,GAChB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,MAAM,GACN,SAAS,GACT,oBAAoB,GACpB,UAAU,GACV,kBAAkB,CAAA;AAEtB;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,yBAAyB,GAC9B,UAAU,GAAG,UAAU,CAEzB;AAYD,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,yBAAyB,CAAA;IAC/B,KAAK,EAAE,cAAc,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,EAAE,cAAc,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,WAAW,CACrD,MAAM,EACN,SAAS,4BAA4B,EAAE,CACxC,CAAA;AAiBD,wBAAgB,uCAAuC,CACrD,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,GAAE,oCAA8E,GACvF,6BAA6B,CA6L/B;AAmGD,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,SAAS,4BAA4B,EAAE,EAChD,IAAI,EAAE,sBAAsB,EAC5B,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,GAAE,yBAAoC,EAC7C,QAAQ,GAAE,oCAA8E,GACvF,iBAAiB,EAAE,CA2BrB;AAmCD,wBAAgB,qCAAqC,CACnD,IAAI,EAAE,QAAQ,EACd,EACE,IAAI,EACJ,MAAM,EACN,OAAkB,EAClB,QAAkD,EAClD,QAAa,GACd,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,oCAAoC,CAAA;IAC/C,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACnC,GACA,iBAAiB,EAAE,CA+CrB;AAED,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,EACpB,EACE,IAAI,EACJ,MAAM,EACN,OAAkB,EAClB,QAAkD,GACnD,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,QAAQ,CAAC,EAAE,oCAAoC,CAAA;CAChD,GACA,iBAAiB,EAAE,CAsErB"}

package/dist/wall/construction-dimensions.js

@@ -10,6 +10,14 @@ const FACADE_LINE_TOLERANCE = 0.03;
 const FACADE_DIRECTION_TOLERANCE = 0.001;
 const COLUMN_ROW_TOLERANCE = 0.05;
 const EXTERIOR_CORNER_DATUM_POLICY = 'structural-face';
+/**
+ * Which face chain a tier belongs to: the clear spans drawn inside the rooms
+ * are interior (ID); the facade strings — openings, partitions, columns, jogs
+ * and the overall sizes — are measured outside the building (OD).
+ */
+export function constructionDimensionFace(tier) {
+    return tier === 'interior' || tier === 'interior-overall' ? 'interior' : 'exterior';
+}
 const TIER_ORDER = [
     'opening-widths',
     'openings',

package/dist/wall/contextual-dimensions.d.ts

@@ -7,6 +7,12 @@ type OpeningDimensionOptions = {
     showClearancesWhileMoving: boolean;
     useExteriorNormal: boolean;
 };
+/**
+ * A selected wall's length, to its faces rather than its centerline: the
+ * interior face (ID) on the room side and the exterior face (OD) outside, as
+ * the dimension-faces preference asks. An interior partition has no outside,
+ * so it shows its clear span between the walls it runs to.
+ */
 export declare function buildWallContextualDimensions(node: WallNode, ctx: GeometryContext): FloorplanGeometry | null;
 export declare function buildWallHostedOpeningContextualDimensions(node: WallHostedOpening, ctx: GeometryContext, options: OpeningDimensionOptions): FloorplanGeometry | null;
 export {};

package/dist/wall/contextual-dimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextual-dimensions.d.ts","sourceRoot":"","sources":["../../src/wall/contextual-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAKpB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAGzB,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,yBAAyB,EAAE,OAAO,CAAA;IAClC,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AA+ID,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CA8C1B;AAED,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,iBAAiB,EACvB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,uBAAuB,GAC/B,iBAAiB,GAAG,IAAI,CAyE1B"}
+{"version":3,"file":"contextual-dimensions.d.ts","sourceRoot":"","sources":["../../src/wall/contextual-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAKpB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAOzB,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,yBAAyB,EAAE,OAAO,CAAA;IAClC,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AAgOD;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CAiD1B;AAED,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,iBAAiB,EACvB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,uBAAuB,GAC/B,iBAAiB,GAAG,IAAI,CAyE1B"}

package/dist/wall/contextual-dimensions.js

@@ -1,5 +1,5 @@
 import { getWallCurveFrameAt, getWallCurveLength, getWallFaceOffsets, isCurvedWall, } from '@pascal-app/core';
-import { formatLinearMeasurement, readFloorplanMetricNotationOverride } from '@pascal-app/editor';
+import { formatLinearMeasurement, readFloorplanContext, readFloorplanMetricNotationOverride, } from '@pascal-app/editor';
 const WALL_CONNECTION_TOLERANCE = 0.03;
 function formatLength(value, ctx) {
     return formatLinearMeasurement(value, ctx.viewState?.unit ?? 'metric', readFloorplanMetricNotationOverride(ctx) ?? 'meters');
@@ -49,7 +49,9 @@ function pointSegmentDistance(point, start, end) {
     const t = Math.max(0, Math.min(1, ((point[0] - start[0]) * dx + (point[1] - start[1]) * dy) / lengthSquared));
     return Math.hypot(point[0] - (start[0] + dx * t), point[1] - (start[1] + dy * t));
 }
-function structuralFaceProjections(wallStart, wallTangent, connectedWall) {
+function structuralFaceProjections(
+/** A point on the measured line (the centerline or one face) at the wall's start. */
+wallStart, wallTangent, connectedWall) {
     if (isCurvedWall(connectedWall))
         return [];
     const dx = connectedWall.end[0] - connectedWall.start[0];
@@ -110,6 +112,83 @@ function wallStudFaceSpan(wall, siblings) {
     ];
     return { start, end, length: Math.max(0, endProjection - startProjection) };
 }
+function nearPlanPoint(left, right) {
+    return Math.hypot(left[0] - right[0], left[1] - right[1]) <= WALL_CONNECTION_TOLERANCE;
+}
+/**
+ * One face of a straight wall, from end to end. `inner` stops at the near
+ * face of each connected wall (an interior face, the room size); `outer`
+ * runs on to the far face of a wall that turns the corner with it (an
+ * exterior face, the outside size). A wall that only abuts another (a T)
+ * stops at its near face either way, and a free end at the end cap.
+ */
+function wallFaceSpan(wall, side, siblings, reach) {
+    const dx = wall.end[0] - wall.start[0];
+    const dy = wall.end[1] - wall.start[1];
+    const length = Math.hypot(dx, dy);
+    if (length <= 1e-6)
+        return null;
+    const tangent = [dx / length, dy / length];
+    const offset = getWallFaceOffsets(wall)[side];
+    const origin = [
+        wall.start[0] - tangent[1] * offset,
+        wall.start[1] + tangent[0] * offset,
+    ];
+    const resolveEnd = (endpoint, atStart) => {
+        const rest = atStart ? 0 : length;
+        let near = null;
+        let far = null;
+        for (const sibling of siblings) {
+            if (sibling.type !== 'wall' || sibling.id === wall.id)
+                continue;
+            if (pointSegmentDistance(endpoint, sibling.start, sibling.end) > WALL_CONNECTION_TOLERANCE) {
+                continue;
+            }
+            const corner = nearPlanPoint(endpoint, sibling.start) || nearPlanPoint(endpoint, sibling.end);
+            for (const projection of structuralFaceProjections(origin, tangent, sibling)) {
+                const inward = atStart ? projection : length - projection;
+                if (inward > 0 && inward < length) {
+                    if (near === null || inward > (atStart ? near : length - near))
+                        near = projection;
+                }
+                else if (corner && inward < 0 && inward > -length) {
+                    if (far === null || inward < (atStart ? far : length - far))
+                        far = projection;
+                }
+            }
+        }
+        if (reach === 'outer' && far !== null)
+            return far;
+        return near ?? rest;
+    };
+    const startProjection = resolveEnd(wall.start, true);
+    const endProjection = resolveEnd(wall.end, false);
+    if (endProjection - startProjection <= 1e-6)
+        return null;
+    return {
+        start: [origin[0] + tangent[0] * startProjection, origin[1] + tangent[1] * startProjection],
+        end: [origin[0] + tangent[0] * endProjection, origin[1] + tangent[1] * endProjection],
+        length: endProjection - startProjection,
+    };
+}
+function faceDimension(span, offsetNormal, ctx) {
+    return {
+        kind: 'dimension',
+        start: span.start,
+        end: span.end,
+        offsetNormal,
+        offsetDistance: 0.34,
+        extensionOvershoot: 0.08,
+        text: formatLength(span.length, ctx),
+        stroke: selectedStroke(ctx),
+    };
+}
+/**
+ * A selected wall's length, to its faces rather than its centerline: the
+ * interior face (ID) on the room side and the exterior face (OD) outside, as
+ * the dimension-faces preference asks. An interior partition has no outside,
+ * so it shows its clear span between the walls it runs to.
+ */
 export function buildWallContextualDimensions(node, ctx) {
     const length = getWallCurveLength(node);
     if (!Number.isFinite(length) || length <= 1e-6)
@@ -131,22 +210,30 @@ export function buildWallContextualDimensions(node, ctx) {
     const chordLength = Math.hypot(dx, dy);
     if (chordLength <= 1e-6)
         return null;
-    const offsetNormal = contextualWallDimensionNormal(node, [-dy / chordLength, dx / chordLength], ctx.siblings);
-    const span = node.frontSide === 'interior' && node.backSide === 'interior'
-        ? wallStudFaceSpan(node, ctx.siblings)
-        : { start: node.start, end: node.end, length: chordLength };
-    if (span.length <= 1e-6)
+    const front = [-dy / chordLength, dx / chordLength];
+    const offsetNormal = contextualWallDimensionNormal(node, front, ctx.siblings);
+    if (node.frontSide === 'interior' && node.backSide === 'interior') {
+        const span = wallStudFaceSpan(node, ctx.siblings);
+        return span.length <= 1e-6 ? null : faceDimension(span, offsetNormal, ctx);
+    }
+    // `offsetNormal` points out of the wall's exterior (or its best guess at it).
+    const exteriorSide = offsetNormal[0] * front[0] + offsetNormal[1] * front[1] > 0 ? 'a' : 'b';
+    const interiorNormal = [cleanZero(-offsetNormal[0]), cleanZero(-offsetNormal[1])];
+    const faces = readFloorplanContext(ctx).wallDimensionFaces;
+    const inner = wallFaceSpan(node, exteriorSide === 'a' ? 'b' : 'a', ctx.siblings, 'inner');
+    const outer = wallFaceSpan(node, exteriorSide, ctx.siblings, 'outer');
+    const interior = faces === 'exterior' ? null : inner;
+    const exterior = faces === 'interior' ? null : outer;
+    if (interior && exterior && Math.abs(interior.length - exterior.length) < 0.001) {
+        return faceDimension(exterior, offsetNormal, ctx);
+    }
+    const children = [
+        ...(interior ? [faceDimension(interior, interiorNormal, ctx)] : []),
+        ...(exterior ? [faceDimension(exterior, offsetNormal, ctx)] : []),
+    ];
+    if (children.length === 0)
         return null;
-    return {
-        kind: 'dimension',
-        start: span.start,
-        end: span.end,
-        offsetNormal,
-        offsetDistance: 0.34,
-        extensionOvershoot: 0.08,
-        text: formatLength(span.length, ctx),
-        stroke: selectedStroke(ctx),
-    };
+    return children.length === 1 ? children[0] : { kind: 'group', children };
 }
 export function buildWallHostedOpeningContextualDimensions(node, ctx, options) {
     const wall = ctx.parent;

package/dist/wall/curtain-opening-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"curtain-opening-frame.d.ts","sourceRoot":"","sources":["../../src/wall/curtain-opening-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EAIb,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,KAAK,cAAc,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAA;AAElF,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,QAsBvF;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,QAAQ,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM;;;EAqClF;AAED,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,QAAQ,GAAG,UAAU,EAC9B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM;IA8BJ,KAAK;IAAwB,MAAM;IAA+B,MAAM;EAClF;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,SAAS,OAAO,EAAE,EAC1B,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CASzB"}
+{"version":3,"file":"curtain-opening-frame.d.ts","sourceRoot":"","sources":["../../src/wall/curtain-opening-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EAMb,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,KAAK,cAAc,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAA;AAElF,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,QAsBvF;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,QAAQ,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM;;;EAuClF;AAED,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,QAAQ,GAAG,UAAU,EAC9B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM;IA8BJ,KAAK;IAAwB,MAAM;IAA+B,MAAM;EAClF;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,SAAS,OAAO,EAAE,EAC1B,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CASzB"}