@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/wall/curtain-wall-panel.js

@@ -1,7 +1,7 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { curtainGridPositions, getCurtainWallConfig, getEffectiveNode, getWallCurveLength, getWallThickness, } from '@pascal-app/core';
-import { getLinearUnitLabel, linearControlValueToMeters, metersToLinearUnit, PanelSection, SegmentedControl, SliderControl, ToggleControl, } from '@pascal-app/editor';
+import { curtainGridPositions, formatFixed, getCurtainWallConfig, getEffectiveNode, getLinearUnitLabel, getWallCurveLength, getWallThickness, linearControlValueToMeters, metersToLinearUnit, usePascalI18n, } from '@pascal-app/core';
+import { PanelSection, SegmentedControl, SliderControl, ToggleControl } from '@pascal-app/editor';
 import { useState } from 'react';
 import { useCurtainPanelHighlight } from './curtain-panel-highlight.js';
 import { curtainPanelType } from './curtain-wall-layout.js';
@@ -20,28 +20,77 @@ function LengthControl({ label, value, min, max, unit, onChange, onCommit, onCan
             : linearControlValueToMeters(next, unit, { minMeters: min, maxMeters: max })), precision: millimeters ? 1 : 3, step: millimeters ? 1 : 0.005, unit: millimeters ? 'mm' : getLinearUnitLabel(unit), value: display(value) }));
 }
 function GridSection({ length, vertical = false, onPreview, title, value, unit, onChange, onCommit, onCancel, }) {
-    return (_jsxs(PanelSection, { title: title, children: [_jsx(Choice, { label: "Layout", onChange: (layout) => onChange({ ...value, layout }), options: [
-                    { label: 'Panel count', value: 'count' },
-                    { label: 'Maximum spacing', value: 'maximum-spacing' },
-                    { label: 'Fixed spacing', value: 'fixed-spacing' },
-                ], value: value.layout }), value.layout === 'count' ? (_jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: "Panels", max: 32, min: 1, onChange: (count) => onPreview({ ...value, count: Math.round(count) }), precision: 0, step: 1, value: value.count })) : (_jsx(LengthControl, { onCommit: onCommit, onCancel: onCancel, label: "Spacing", max: 100, min: 0.2, onChange: (spacing) => onPreview({ ...value, spacing }), unit: unit, value: value.spacing })), value.layout === 'fixed-spacing' && (_jsx(SegmentedControl, { onChange: (alignment) => onChange({ ...value, alignment }), options: [
-                    { label: vertical ? 'Bottom' : 'Start', value: 'start' },
-                    { label: 'Center', value: 'center' },
-                    { label: vertical ? 'Top' : 'End', value: 'end' },
+    const i18n = usePascalI18n();
+    return (_jsxs(PanelSection, { title: title, children: [_jsx(Choice, { label: i18n._({ id: 'node.wall.curtainWallPanel.layout', message: 'Layout' }), onChange: (layout) => onChange({ ...value, layout }), options: [
+                    {
+                        label: i18n._({ id: 'node.wall.curtainWallPanel.panelCount', message: 'Panel count' }),
+                        value: 'count',
+                    },
+                    {
+                        label: i18n._({
+                            id: 'node.wall.curtainWallPanel.maximumSpacing',
+                            message: 'Maximum spacing',
+                        }),
+                        value: 'maximum-spacing',
+                    },
+                    {
+                        label: i18n._({
+                            id: 'node.wall.curtainWallPanel.fixedSpacing',
+                            message: 'Fixed spacing',
+                        }),
+                        value: 'fixed-spacing',
+                    },
+                ], value: value.layout }), value.layout === 'count' ? (_jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: i18n._({ id: 'node.wall.curtainWallPanel.panels', message: 'Panels' }), max: 32, min: 1, onChange: (count) => onPreview({ ...value, count: Math.round(count) }), precision: 0, step: 1, value: value.count })) : (_jsx(LengthControl, { onCommit: onCommit, onCancel: onCancel, label: i18n._({ id: 'node.wall.curtainWallPanel.spacing', message: 'Spacing' }), max: 100, min: 0.2, onChange: (spacing) => onPreview({ ...value, spacing }), unit: unit, value: value.spacing })), value.layout === 'fixed-spacing' && (_jsx(SegmentedControl, { onChange: (alignment) => onChange({ ...value, alignment }), options: [
+                    {
+                        label: vertical
+                            ? i18n._({ id: 'node.wall.curtainWallPanel.bottom', message: 'Bottom' })
+                            : i18n._({ id: 'node.wall.curtainWallPanel.start', message: 'Start' }),
+                        value: 'start',
+                    },
+                    {
+                        label: i18n._({ id: 'node.wall.curtainWallPanel.center', message: 'Center' }),
+                        value: 'center',
+                    },
+                    {
+                        label: vertical
+                            ? i18n._({ id: 'node.wall.curtainWallPanel.top', message: 'Top' })
+                            : i18n._({ id: 'node.wall.curtainWallPanel.end', message: 'End' }),
+                        value: 'end',
+                    },
                 ], value: value.alignment })), _jsx("p", { className: "text-[11px] text-muted-foreground", children: (() => {
                     const positions = curtainGridPositions(length, value);
                     const spans = positions.slice(1).map((position, i) => position - positions[i]);
                     if (!spans.length)
-                        return 'No panels';
+                        return i18n._({ id: 'node.wall.curtain.noPanels', message: 'No panels' });
                     const min = metersToLinearUnit(Math.min(...spans), unit);
                     const max = metersToLinearUnit(Math.max(...spans), unit);
-                    return `${spans.length} ${vertical ? 'rows' : 'columns'} · ${min.toFixed(2)}${max - min > 0.005 ? `–${max.toFixed(2)}` : ''} ${getLinearUnitLabel(unit)} grid spacing`;
+                    const spacing = `${formatFixed(min, 2, i18n.getLocale())}${max - min > 0.005 ? `–${formatFixed(max, 2, i18n.getLocale())}` : ''} ${getLinearUnitLabel(unit)}`;
+                    return vertical
+                        ? i18n._({
+                            id: 'node.wall.curtain.rowSpacing',
+                            message: '{count, plural, one {{number} row} other {{number} rows}} · {spacing} grid spacing',
+                            values: { count: spans.length, number: String(spans.length), spacing },
+                        })
+                        : i18n._({
+                            id: 'node.wall.curtain.columnSpacing',
+                            message: '{count, plural, one {{number} column} other {{number} columns}} · {spacing} grid spacing',
+                            values: { count: spans.length, number: String(spans.length), spacing },
+                        });
                 })() })] }));
 }
 const PANEL_OPTIONS = [
-    { label: 'Glass', value: 'glass' },
-    { label: 'Solid', value: 'solid' },
-    { label: 'Empty', value: 'empty' },
+    {
+        label: /* i18n */ { id: 'node.wall.curtainWallPanel.glass', message: 'Glass' },
+        value: 'glass',
+    },
+    {
+        label: /* i18n */ { id: 'node.wall.curtainWallPanel.solid', message: 'Solid' },
+        value: 'solid',
+    },
+    {
+        label: /* i18n */ { id: 'node.wall.curtainWallPanel.empty', message: 'Empty' },
+        value: 'empty',
+    },
 ];
 export function getCurtainWallUpdate(node, patch) {
     return {
@@ -49,6 +98,7 @@ export function getCurtainWallUpdate(node, patch) {
     };
 }
 export function CurtainWallPanel({ node, height, unit, onUpdate, onPreview, onCommit, onCancel, }) {
+    const i18n = usePascalI18n();
     const config = getCurtainWallConfig(node);
     const update = (patch, preview = false) => {
         ;
@@ -81,28 +131,130 @@ export function CurtainWallPanel({ node, height, unit, onUpdate, onPreview, onCo
         .some((_, c) => ys.slice(1).some((_, r) => curtainPanelType(config, c, r, rowCount) === 'glass'));
     const paintedGlass = Boolean(node.slots?.['curtain-glass']);
     const effectiveThickness = Math.min(config.glassThickness, getWallThickness(node) * 0.45);
-    return (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: "Wall system", children: [_jsx(Choice, { label: "Construction", onChange: (construction) => update({ construction }), options: [
-                            { label: 'Stick-built', value: 'stick' },
-                            { label: 'Unitized', value: 'unitized' },
-                        ], value: config.construction }), _jsx(Choice, { label: "Framing", onChange: (framing) => update({ framing }), options: [
-                            { label: 'Fully capped', value: 'capped' },
-                            { label: 'Vertical caps', value: 'vertical-caps' },
-                            { label: 'Horizontal caps', value: 'horizontal-caps' },
-                            { label: 'Structural glazing', value: 'structural-glazing' },
+    return (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.wall.curtainWallPanel.wallSystem', message: 'Wall system' }), children: [_jsx(Choice, { label: i18n._({ id: 'node.wall.curtainWallPanel.construction', message: 'Construction' }), onChange: (construction) => update({ construction }), options: [
+                            {
+                                label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.stickBuilt',
+                                    message: 'Stick-built',
+                                }),
+                                value: 'stick',
+                            },
+                            {
+                                label: i18n._({ id: 'node.wall.curtainWallPanel.unitized', message: 'Unitized' }),
+                                value: 'unitized',
+                            },
+                        ], value: config.construction }), _jsx(Choice, { label: i18n._({ id: 'node.wall.curtainWallPanel.framing', message: 'Framing' }), onChange: (framing) => update({ framing }), options: [
+                            {
+                                label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.fullyCapped',
+                                    message: 'Fully capped',
+                                }),
+                                value: 'capped',
+                            },
+                            {
+                                label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.verticalCaps',
+                                    message: 'Vertical caps',
+                                }),
+                                value: 'vertical-caps',
+                            },
+                            {
+                                label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.horizontalCaps',
+                                    message: 'Horizontal caps',
+                                }),
+                                value: 'horizontal-caps',
+                            },
+                            {
+                                label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.structuralGlazing',
+                                    message: 'Structural glazing',
+                                }),
+                                value: 'structural-glazing',
+                            },
                         ], value: config.framing }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: config.construction === 'unitized'
-                            ? 'Separate framed modules with joints between units.'
-                            : 'Continuous mullions and transoms assembled along the wall.' }), config.framing !== 'capped' && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Uncapped members sit behind the glazing." }))] }), _jsx(GridSection, { onChange: (columns) => update({ columns }), onPreview: (columns) => update({ columns }, true), onCommit: onCommit, onCancel: onCancel, title: "Column layout", length: getWallCurveLength(node), unit: unit, value: config.columns }), _jsx(GridSection, { onChange: (rows) => update({ rows }), onPreview: (rows) => update({ rows }, true), onCommit: onCommit, onCancel: onCancel, title: "Row layout", length: height, vertical: true, unit: unit, value: config.rows }), ((getWallCurveLength(node) / config.columns.spacing > 32 &&
+                            ? i18n._({
+                                id: 'node.wall.curtainWallPanel.separateFramedModulesWithJointsBetween',
+                                message: 'Separate framed modules with joints between units.',
+                            })
+                            : i18n._({
+                                id: 'node.wall.curtainWallPanel.continuousMullionsAndTransomsAssembledAlong',
+                                message: 'Continuous mullions and transoms assembled along the wall.',
+                            }) }), config.framing !== 'capped' && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                            id: 'node.wall.curtainWallPanel.uncappedMembersSitBehindTheGlazing',
+                            message: 'Uncapped members sit behind the glazing.',
+                        }) }))] }), _jsx(GridSection, { onChange: (columns) => update({ columns }), onPreview: (columns) => update({ columns }, true), onCommit: onCommit, onCancel: onCancel, title: i18n._({ id: 'node.wall.curtainWallPanel.columnLayout', message: 'Column layout' }), length: getWallCurveLength(node), unit: unit, value: config.columns }), _jsx(GridSection, { onChange: (rows) => update({ rows }), onPreview: (rows) => update({ rows }, true), onCommit: onCommit, onCancel: onCancel, title: i18n._({ id: 'node.wall.curtainWallPanel.rowLayout', message: 'Row layout' }), length: height, vertical: true, unit: unit, value: config.rows }), ((getWallCurveLength(node) / config.columns.spacing > 32 &&
                 config.columns.layout !== 'count') ||
-                (height / config.rows.spacing > 32 && config.rows.layout !== 'count')) && (_jsx("p", { className: "px-3 text-[11px] text-muted-foreground", children: "Grid limited to 32 panels per axis. Spacing expands to fit this wall." })), _jsxs(PanelSection, { title: "Frame dimensions", children: [_jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: "Vertical frame width", max: 0.3, min: 0.01, onChange: (mullionWidth) => update({ mullionWidth }, true), unit: unit, value: config.mullionWidth }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: "Horizontal frame width", max: 0.3, min: 0.01, onChange: (transomWidth) => update({ transomWidth }, true), unit: unit, value: config.transomWidth }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: "Border / opening frame", max: 0.3, min: 0.01, onChange: (perimeterWidth) => update({ perimeterWidth }, true), unit: unit, value: config.perimeterWidth }), (config.construction === 'unitized' || config.framing !== 'capped') && (_jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: config.construction === 'unitized' ? 'Module joint width' : 'Glazing gap', max: 0.05, min: 0.002, onChange: (jointWidth) => update({ jointWidth }, true), unit: unit, value: config.jointWidth }))] }), _jsxs(PanelSection, { title: "Panel infill", children: [_jsx(Choice, { label: "Default panel", onChange: (panelType) => update({ panelType }), options: PANEL_OPTIONS, value: config.panelType }), _jsx(Choice, { label: "Opaque band", onChange: (spandrel) => update({ spandrel }), options: [
-                            { label: 'None', value: 'none' },
-                            { label: 'Bottom row', value: 'bottom' },
-                            { label: 'Top row', value: 'top' },
-                        ], value: config.spandrel }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Opaque bands replace a full row with solid panels. Apply their finish with the paint tool." }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: "Panel thickness", max: 0.08, min: 0.004, onChange: (glassThickness) => update({ glassThickness }, true), unit: unit, value: config.glassThickness }), effectiveThickness < config.glassThickness - 1e-6 && (_jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Effective thickness:", ' ', unit === 'metric'
-                                ? `${(effectiveThickness * 1000).toFixed(1)} mm`
-                                : `${metersToLinearUnit(effectiveThickness, unit).toFixed(3)} ${getLinearUnitLabel(unit)}`, ", limited by frame depth."] }))] }), _jsxs(PanelSection, { title: "Edit individual panels", children: [_jsx(ToggleControl, { checked: panelEditing, label: "Enable panel editing", onChange: setPanelEditing }), panelEditing && (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Choose a cell or enter its column and row. Use arrow keys to move between cells. Columns run from the wall start; rows count upward." }), _jsx("div", { className: "max-h-64 overflow-auto rounded border border-border", children: _jsx("svg", { viewBox: `0 0 ${diagramWidth} ${diagramHeight}`, style: { width: diagramWidth, height: diagramHeight }, className: "block", role: "group", "aria-label": "Curtain wall panel selection", children: xs.slice(1).flatMap((_, c) => ys.slice(1).map((_, r) => {
+                (height / config.rows.spacing > 32 && config.rows.layout !== 'count')) && (_jsx("p", { className: "px-3 text-[11px] text-muted-foreground", children: i18n._({
+                    id: 'node.wall.curtainWallPanel.gridLimitedTo32PanelsPer',
+                    message: 'Grid limited to 32 panels per axis. Spacing expands to fit this wall.',
+                }) })), _jsxs(PanelSection, { title: i18n._({
+                    id: 'node.wall.curtainWallPanel.frameDimensions',
+                    message: 'Frame dimensions',
+                }), children: [_jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: i18n._({
+                            id: 'node.wall.curtainWallPanel.verticalFrameWidth',
+                            message: 'Vertical frame width',
+                        }), max: 0.3, min: 0.01, onChange: (mullionWidth) => update({ mullionWidth }, true), unit: unit, value: config.mullionWidth }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: i18n._({
+                            id: 'node.wall.curtainWallPanel.horizontalFrameWidth',
+                            message: 'Horizontal frame width',
+                        }), max: 0.3, min: 0.01, onChange: (transomWidth) => update({ transomWidth }, true), unit: unit, value: config.transomWidth }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: i18n._({
+                            id: 'node.wall.curtainWallPanel.borderOpeningFrame',
+                            message: 'Border / opening frame',
+                        }), max: 0.3, min: 0.01, onChange: (perimeterWidth) => update({ perimeterWidth }, true), unit: unit, value: config.perimeterWidth }), (config.construction === 'unitized' || config.framing !== 'capped') && (_jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: config.construction === 'unitized'
+                            ? i18n._({
+                                id: 'node.wall.curtainWallPanel.moduleJointWidth',
+                                message: 'Module joint width',
+                            })
+                            : i18n._({ id: 'node.wall.curtainWallPanel.glazingGap', message: 'Glazing gap' }), max: 0.05, min: 0.002, onChange: (jointWidth) => update({ jointWidth }, true), unit: unit, value: config.jointWidth }))] }), _jsxs(PanelSection, { title: i18n._({ id: 'node.wall.curtainWallPanel.panelInfill', message: 'Panel infill' }), children: [_jsx(Choice, { label: i18n._({
+                            id: 'node.wall.curtainWallPanel.defaultPanel',
+                            message: 'Default panel',
+                        }), onChange: (panelType) => update({ panelType }), options: PANEL_OPTIONS.map((option) => ({ ...option, label: i18n._(option.label) })), value: config.panelType }), _jsx(Choice, { label: i18n._({ id: 'node.wall.curtainWallPanel.opaqueBand', message: 'Opaque band' }), onChange: (spandrel) => update({ spandrel }), options: [
+                            {
+                                label: i18n._({ id: 'node.wall.curtainWallPanel.none', message: 'None' }),
+                                value: 'none',
+                            },
+                            {
+                                label: i18n._({ id: 'node.wall.curtainWallPanel.bottomRow', message: 'Bottom row' }),
+                                value: 'bottom',
+                            },
+                            {
+                                label: i18n._({ id: 'node.wall.curtainWallPanel.topRow', message: 'Top row' }),
+                                value: 'top',
+                            },
+                        ], value: config.spandrel }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                            id: 'node.wall.curtainWallPanel.opaqueBandsReplaceAFullRow',
+                            message: 'Opaque bands replace a full row with solid panels. Apply their finish with the paint tool.',
+                        }) }), _jsx(LengthControl, { profile: true, onCommit: onCommit, onCancel: onCancel, label: i18n._({
+                            id: 'node.wall.curtainWallPanel.panelThickness',
+                            message: 'Panel thickness',
+                        }), max: 0.08, min: 0.004, onChange: (glassThickness) => update({ glassThickness }, true), unit: unit, value: config.glassThickness }), effectiveThickness < config.glassThickness - 1e-6 && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                            id: 'node.wall.curtainWallPanel.effectiveThicknessLimited',
+                            message: 'Effective thickness: {thickness}, limited by frame depth.',
+                            values: {
+                                thickness: unit === 'metric'
+                                    ? `${formatFixed(effectiveThickness * 1000, 1, i18n.getLocale())} mm`
+                                    : `${formatFixed(metersToLinearUnit(effectiveThickness, unit), 3, i18n.getLocale())} ${getLinearUnitLabel(unit)}`,
+                            },
+                        }) }))] }), _jsxs(PanelSection, { title: i18n._({
+                    id: 'node.wall.curtainWallPanel.editIndividualPanels',
+                    message: 'Edit individual panels',
+                }), children: [_jsx(ToggleControl, { checked: panelEditing, label: i18n._({
+                            id: 'node.wall.curtainWallPanel.enablePanelEditing',
+                            message: 'Enable panel editing',
+                        }), onChange: setPanelEditing }), panelEditing && (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.chooseACellOrEnterIts',
+                                    message: 'Choose a cell or enter its column and row. Use arrow keys to move between cells. Columns run from the wall start; rows count upward.',
+                                }) }), _jsx("div", { className: "max-h-64 overflow-auto rounded border border-border", children: _jsx("svg", { viewBox: `0 0 ${diagramWidth} ${diagramHeight}`, style: { width: diagramWidth, height: diagramHeight }, className: "block", role: "group", "aria-label": i18n._({
+                                        id: 'node.wall.curtainWallPanel.curtainWallPanelSelection',
+                                        message: 'Curtain wall panel selection',
+                                    }), children: xs.slice(1).flatMap((_, c) => ys.slice(1).map((_, r) => {
                                         const type = curtainPanelType(config, c, r, rowCount);
                                         const selected = c === column && r === row;
-                                        return (_jsx("rect", { role: "button", tabIndex: selected ? 0 : -1, "aria-label": `Column ${c + 1}, row ${r + 1}: ${type}`, "aria-pressed": selected, "data-cell": `${c}-${r}`, x: (c / columnCount) * diagramWidth, y: diagramHeight - ((r + 1) / rowCount) * diagramHeight, width: diagramWidth / columnCount, height: diagramHeight / rowCount, fill: type === 'glass'
+                                        return (_jsx("rect", { role: "button", tabIndex: selected ? 0 : -1, "aria-label": i18n._({
+                                                id: 'node.wall.curtain.cell',
+                                                message: 'Column {column}, row {row}: {type, select, glass {glass} solid {solid} other {empty}}',
+                                                values: { column: c + 1, row: r + 1, type },
+                                            }), "aria-pressed": selected, "data-cell": `${c}-${r}`, x: (c / columnCount) * diagramWidth, y: diagramHeight - ((r + 1) / rowCount) * diagramHeight, width: diagramWidth / columnCount, height: diagramHeight / rowCount, fill: type === 'glass'
                                                 ? '#53788a'
                                                 : type === 'solid'
                                                     ? '#64748b'
@@ -133,14 +285,60 @@ export function CurtainWallPanel({ node, height, unit, onUpdate, onPreview, onCo
                                                     setRow(r);
                                                 }
                                             } }, `${c}-${r}`));
-                                    })) }) }), hiddenOverrides.length > 0 && (_jsxs("div", { className: "space-y-2 text-[11px] text-muted-foreground", children: [_jsxs("p", { children: [hiddenOverrides.length, " custom panels are outside this grid. They return if the grid expands."] }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1 text-xs", onClick: () => update({
+                                    })) }) }), hiddenOverrides.length > 0 && (_jsxs("div", { className: "space-y-2 text-[11px] text-muted-foreground", children: [_jsx("p", { children: i18n._({
+                                            id: 'node.wall.curtainWallPanel.hiddenCustomPanelCount',
+                                            message: '{length, plural, one {{number} custom panel is outside this grid. It returns if the grid expands.} other {{number} custom panels are outside this grid. They return if the grid expands.}}',
+                                            values: {
+                                                length: hiddenOverrides.length,
+                                                number: String(hiddenOverrides.length),
+                                            },
+                                        }) }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1 text-xs", onClick: () => update({
                                             panels: config.panels.filter((panel) => panel.column < columnCount && panel.row < rowCount),
-                                        }), children: "Clear hidden overrides" })] })), _jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Column ", column + 1, ", row ", row + 1, " \u00B7", ' ', overridden ? 'Custom infill' : 'Following wall defaults'] }), _jsx(SliderControl, { label: "Column", max: Math.max(1, columnCount), min: 1, onChange: (value) => setColumn(Math.round(value) - 1), precision: 0, step: 1, value: column + 1 }), _jsx(SliderControl, { label: "Row", max: Math.max(1, rowCount), min: 1, onChange: (value) => setRow(Math.round(value) - 1), precision: 0, step: 1, value: row + 1 }), _jsx(Choice, { label: "Panel infill", onChange: changePanel, options: PANEL_OPTIONS, value: selectedType }), _jsx("button", { className: "rounded border border-border px-2 py-1 text-xs disabled:cursor-default disabled:opacity-40", disabled: !overridden, onClick: () => changePanel(), type: "button", children: "Reset this panel" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Use the Door or Window tool to add an opening through the wall." })] }))] }), hasGlass && (_jsxs(PanelSection, { title: "Glass appearance", children: [paintedGlass && (_jsxs("div", { className: "space-y-2 text-xs text-muted-foreground", children: [_jsx("p", { children: "Glass appearance is controlled by the paint tool." }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1", onClick: () => {
+                                        }), children: i18n._({
+                                            id: 'node.wall.curtainWallPanel.clearHiddenOverrides',
+                                            message: 'Clear hidden overrides',
+                                        }) })] })), _jsxs("p", { className: "text-[11px] text-muted-foreground", children: [i18n._({
+                                        id: 'node.wall.curtainWallPanel.columnRow',
+                                        message: 'Column {column}, row {row}',
+                                        values: { column: column + 1, row: row + 1 },
+                                    }), ' ', "\u00B7", ' ', overridden
+                                        ? i18n._({
+                                            id: 'node.wall.curtainWallPanel.customInfill',
+                                            message: 'Custom infill',
+                                        })
+                                        : i18n._({
+                                            id: 'node.wall.curtainWallPanel.followingWallDefaults',
+                                            message: 'Following wall defaults',
+                                        })] }), _jsx(SliderControl, { label: i18n._({ id: 'node.wall.curtainWallPanel.column', message: 'Column' }), max: Math.max(1, columnCount), min: 1, onChange: (value) => setColumn(Math.round(value) - 1), precision: 0, step: 1, value: column + 1 }), _jsx(SliderControl, { label: i18n._({ id: 'node.wall.curtainWallPanel.row2', message: 'Row' }), max: Math.max(1, rowCount), min: 1, onChange: (value) => setRow(Math.round(value) - 1), precision: 0, step: 1, value: row + 1 }), _jsx(Choice, { label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.panelInfill',
+                                    message: 'Panel infill',
+                                }), onChange: changePanel, options: PANEL_OPTIONS.map((option) => ({ ...option, label: i18n._(option.label) })), value: selectedType }), _jsx("button", { className: "rounded border border-border px-2 py-1 text-xs disabled:cursor-default disabled:opacity-40", disabled: !overridden, onClick: () => changePanel(), type: "button", children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.resetThisPanel',
+                                    message: 'Reset this panel',
+                                }) }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.useTheDoorOrWindowTool',
+                                    message: 'Use the Door or Window tool to add an opening through the wall.',
+                                }) })] }))] }), hasGlass && (_jsxs(PanelSection, { title: i18n._({
+                    id: 'node.wall.curtainWallPanel.glassAppearance',
+                    message: 'Glass appearance',
+                }), children: [paintedGlass && (_jsxs("div", { className: "space-y-2 text-xs text-muted-foreground", children: [_jsx("p", { children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.glassAppearanceIsControlledByThe',
+                                    message: 'Glass appearance is controlled by the paint tool.',
+                                }) }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1", onClick: () => {
                                     onCommit();
                                     const slots = { ...node.slots };
                                     delete slots['curtain-glass'];
                                     onUpdate({ slots });
-                                }, children: "Use glass settings instead" })] })), !paintedGlass && (_jsxs("div", { className: "space-y-2", children: [_jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: "Opacity", max: 100, min: 5, onChange: (value) => update({ glassOpacity: value / 100 }, true), precision: 0, step: 5, unit: "%", value: Math.round(config.glassOpacity * 100) }), _jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: "Surface roughness", max: 1, min: 0, onChange: (glassRoughness) => update({ glassRoughness }, true), precision: 2, step: 0.05, value: config.glassRoughness }), _jsxs("label", { className: "flex items-center justify-between text-xs text-muted-foreground", children: ["Glass tint", _jsx("input", { "aria-label": "Glass tint", className: "h-7 w-10 cursor-pointer rounded border border-border bg-transparent", onKeyDown: (event) => {
+                                }, children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.useGlassSettingsInstead',
+                                    message: 'Use glass settings instead',
+                                }) })] })), !paintedGlass && (_jsxs("div", { className: "space-y-2", children: [_jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: i18n._({ id: 'node.wall.curtainWallPanel.opacity', message: 'Opacity' }), max: 100, min: 5, onChange: (value) => update({ glassOpacity: value / 100 }, true), precision: 0, step: 5, unit: "%", value: Math.round(config.glassOpacity * 100) }), _jsx(SliderControl, { onCommit: onCommit, onCancel: onCancel, restoreOnCommit: false, previewWhileTyping: true, label: i18n._({
+                                    id: 'node.wall.curtainWallPanel.surfaceRoughness',
+                                    message: 'Surface roughness',
+                                }), max: 1, min: 0, onChange: (glassRoughness) => update({ glassRoughness }, true), precision: 2, step: 0.05, value: config.glassRoughness }), _jsxs("label", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [i18n._({ id: 'node.wall.curtainWallPanel.glassTint', message: 'Glass tint' }), _jsx("input", { "aria-label": i18n._({
+                                            id: 'node.wall.curtainWallPanel.glassTint',
+                                            message: 'Glass tint',
+                                        }), className: "h-7 w-10 cursor-pointer rounded border border-border bg-transparent", onKeyDown: (event) => {
                                             if (event.key === 'Escape') {
                                                 event.preventDefault();
                                                 onCancel();
@@ -160,8 +358,14 @@ export function CurtainWallPanel({ node, height, unit, onUpdate, onPreview, onCo
                                         }, type: "color", value: config.glassColor })] }), tintEditing && (_jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", className: "rounded border border-border px-2 py-1 text-xs", onClick: () => {
                                             onCommit();
                                             setTintEditing(false);
-                                        }, children: "Apply tint" }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1 text-xs", onClick: () => {
+                                        }, children: i18n._({ id: 'node.wall.curtainWallPanel.applyTint', message: 'Apply tint' }) }), _jsx("button", { type: "button", className: "rounded border border-border px-2 py-1 text-xs", onClick: () => {
                                             onCancel();
                                             setTintEditing(false);
-                                        }, children: "Cancel tint" })] })), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Low roughness is smooth; high roughness gives a matte surface in rendered shading." })] }))] }))] }));
+                                        }, children: i18n._({
+                                            id: 'node.wall.curtainWallPanel.cancelTint',
+                                            message: 'Cancel tint',
+                                        }) })] })), _jsx("p", { className: "text-[11px] text-muted-foreground", children: i18n._({
+                                    id: 'node.wall.curtainWallPanel.lowRoughnessIsSmoothHighRoughness',
+                                    message: 'Low roughness is smooth; high roughness gives a matte surface in rendered shading.',
+                                }) })] }))] }))] }));
 }

package/dist/wall/curve-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"curve-tool.d.ts","sourceRoot":"","sources":["../../src/wall/curve-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAaL,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAazB;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAsJtD,CAAA;eAEc,aAAa"}
+{"version":3,"file":"curve-tool.d.ts","sourceRoot":"","sources":["../../src/wall/curve-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAaL,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAA;AAazB;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAqJtD,CAAA;eAEc,aAAa"}

package/dist/wall/curve-tool.js

@@ -60,9 +60,8 @@ export const CurveWallTool = ({ node }) => {
             if (wasFinalized)
                 return;
             const snapStep = getSegmentGridStep();
-            // Snap the cursor on the WORLD XZ grid (still in building-local
-            // coords for the rest of the math) so a rotated building doesn't
-            // pull the curve handle off the visible grid lines.
+            // Snap the cursor on the building's own grid lattice, the one the
+            // wall tool drafts on (it turns with a turned building).
             const [snappedLocalX, snappedLocalZ] = snapBuildingLocalToWorldGrid([event.localPosition[0], event.localPosition[2]], snapStep);
             const localX = snappedLocalX;
             const localZ = snappedLocalZ;