@pascal-app/nodes 1.0.4 → 1.0.5

package/dist/ceiling/renderer.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CEILING_DRAW_OFFSET, CEILING_SLOT_DEFAULT_COLOR, ceilingPaintRegions, getMaterialPresetByRef, resolveCeilingHeight, resolveMaterial, useLiveTransforms, useRegistry, useScene, } from '@pascal-app/core';
-import { CEILING_REGION_MESH, createSurfaceRoleMaterial, NodeRenderer, resolveSurfaceColor, useNodeEvents, useViewer, } from '@pascal-app/viewer';
+import { CEILING_DRAW_OFFSET, CEILING_SLOT_DEFAULT_COLOR, ceilingPaintRegions, resolveCeilingHeight, resolveMaterial, useLiveTransforms, useRegistry, useScene, } from '@pascal-app/core';
+import { CEILING_REGION_MESH, createSurfaceRoleMaterial, NodeRenderer, resolveSurfaceColor, useLibraryMaterialsVersion, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
 import { BackSide } from 'three/webgpu';
-import { createPlaceholderGeometry } from '../shared/placeholder-geometry';
-import { ceilingColorFromRef, getCeilingMaterials } from './materials';
+import { createPlaceholderGeometry } from '../shared/placeholder-geometry.js';
+import { ceilingColorFromRef, getCeilingMaterials, resolveCeilingFinish } from './materials.js';
 function createEmptyGeometry() {
     return createPlaceholderGeometry();
 }
@@ -25,6 +25,8 @@ export const CeilingRenderer = ({ node }) => {
         useScene.getState().markDirty(node.id);
     }, [node.id]);
     const textures = useViewer((s) => s.textures);
+    const shading = useViewer((s) => s.shading);
+    const libraryMaterialsVersion = useLibraryMaterialsVersion();
     const colorPreset = useViewer((s) => s.colorPreset);
     const sceneTheme = useViewer((s) => s.sceneTheme);
     // Subscribe to the scene-material library so editing a `scene:` material the
@@ -45,6 +47,7 @@ export const CeilingRenderer = ({ node }) => {
         placeholderGeometry.dispose();
         gridPlaceholderGeometry.dispose();
     }, [gridPlaceholderGeometry, placeholderGeometry]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: dynamic library registration changes finish resolution
     const materials = useMemo(() => {
         // Textures-off mode takes the themed 'ceiling' role colour — the guaranteed
         // escape hatch, independent of any slot override. The bottom (seen from
@@ -61,21 +64,23 @@ export const CeilingRenderer = ({ node }) => {
                 bottomMaterial: createSurfaceRoleMaterial('ceiling', colorPreset, BackSide, sceneTheme),
             };
         }
-        // Unified slot override — shared scene material or catalog `library:` finish
-        // (resolved to its base colour; a ceiling renders flat-tinted, not mapped).
-        const slotColor = ceilingColorFromRef(node.slots?.surface, sceneMaterials);
-        if (slotColor)
-            return getCeilingMaterials(slotColor);
-        // Legacy inline material / preset (scenes painted before the slot model).
-        if (node.materialPreset || node.material) {
-            const preset = getMaterialPresetByRef(node.materialPreset);
-            const props = preset?.mapProperties ?? resolveMaterial(node.material);
-            return getCeilingMaterials(props.color || '#999999');
-        }
-        // Declared slot default.
-        return getCeilingMaterials(CEILING_SLOT_DEFAULT_COLOR);
+        // The grid remains transparent from above; only the room-facing material
+        // uses the authored finish and the viewer's shading mode.
+        const gridColor = ceilingColorFromRef(node.slots?.surface, sceneMaterials) ??
+            ceilingColorFromRef(node.materialPreset, sceneMaterials) ??
+            (node.material ? resolveMaterial(node.material).color : CEILING_SLOT_DEFAULT_COLOR);
+        const fallback = getCeilingMaterials(gridColor, shading);
+        return {
+            topMaterial: fallback.topMaterial,
+            bottomMaterial: resolveCeilingFinish(node.slots?.surface, sceneMaterials, shading) ??
+                resolveCeilingFinish(node.materialPreset, sceneMaterials, shading) ??
+                resolveCeilingFinish(node.material, sceneMaterials, shading) ??
+                fallback.bottomMaterial,
+        };
     }, [
         textures,
+        shading,
+        libraryMaterialsVersion,
         colorPreset,
         sceneTheme,
         sceneMaterials,
@@ -86,18 +91,12 @@ export const CeilingRenderer = ({ node }) => {
         node.material?.properties,
         node.material?.texture,
     ]);
-    // Painted parts draw with the same flat tint as the ceiling; the system builds
-    // their meshes and asks this for the material.
+    // Regions use the same finish resolver as the whole surface and paint preview.
     const regionMaterial = useCallback((finish) => {
         if (!textures)
             return materials.bottomMaterial;
-        const color = typeof finish === 'string'
-            ? ceilingColorFromRef(finish, sceneMaterials)
-            : finish
-                ? resolveMaterial(finish).color
-                : null;
-        return getCeilingMaterials(color || CEILING_SLOT_DEFAULT_COLOR).bottomMaterial;
-    }, [textures, sceneMaterials, materials]);
+        return resolveCeilingFinish(finish, sceneMaterials, shading) ?? materials.bottomMaterial;
+    }, [textures, sceneMaterials, shading, materials]);
     useLayoutEffect(() => {
         const mesh = ref.current;
         if (!mesh)
@@ -123,6 +122,6 @@ export const CeilingRenderer = ({ node }) => {
         builtRegionsKey.current = regionsKey;
         useScene.getState().markDirty(node.id);
     }, [node.id, regionsKey]);
-    return (_jsxs("mesh", { geometry: placeholderGeometry, material: materials.bottomMaterial, position: position, ref: ref, visible: node.visible !== false, ...handlers, children: [_jsx("mesh", { geometry: gridPlaceholderGeometry, material: materials.topMaterial, name: "ceiling-grid", scale: 0, visible: false }), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
+    return (_jsxs("mesh", { castShadow: true, receiveShadow: true, geometry: placeholderGeometry, material: materials.bottomMaterial, position: position, ref: ref, visible: node.visible !== false, ...handlers, children: [_jsx("mesh", { geometry: gridPlaceholderGeometry, material: materials.topMaterial, name: "ceiling-grid", scale: 0, visible: false }), (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
 };
 export default CeilingRenderer;

package/dist/ceiling/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/ceiling/system.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,mCAEnB,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/ceiling/system.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,mCAEnB,CAAA;eAEc,cAAc"}

package/dist/ceiling/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/ceiling/tool.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAuW/B,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/ceiling/tool.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAuW/B,CAAA;eAEc,WAAW"}

package/dist/ceiling/tool.js

@@ -6,7 +6,7 @@ import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { BufferGeometry, DoubleSide, Shape, Vector3 } from 'three';
 import { mix, positionLocal } from 'three/tsl';
-import { CeilingNode } from './schema';
+import { CeilingNode } from './schema.js';
 /**
  * Phase 5 Stage D — ceiling placement tool (kind-owned via `def.tool`).
  *

package/dist/chimney/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { ChimneyNode } from './schema';
+import { ChimneyNode } from './schema.js';
 /**
  * Chimney — a vertical masonry stack hosted on a roof segment.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/chimney/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAqUtC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CAsEhE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/chimney/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAqUtC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CAuEhE,CAAA"}

package/dist/chimney/definition.js

@@ -1,8 +1,8 @@
 import { ChimneyNode as ChimneyNodeSchema, getActiveRoofHeight, } from '@pascal-app/core';
-import { buildChimneyFloorplan } from './floorplan';
-import { chimneyPaint } from './paint';
-import { chimneyParametrics } from './parametrics';
-import { ChimneyNode } from './schema';
+import { buildChimneyFloorplan } from './floorplan.js';
+import { chimneyPaint } from './paint.js';
+import { chimneyParametrics } from './parametrics.js';
+import { ChimneyNode } from './schema.js';
 // Side handle offsets in metres. Match the roof-segment values so a
 // segment + chimney selected back-to-back use the same visual rhythm.
 const SIDE_HANDLE_OFFSET = 0.25;
@@ -342,6 +342,7 @@ export const chimneyDefinition = {
         return rest;
     },
     capabilities: {
+        exterior: true,
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
@@ -360,7 +361,7 @@ export const chimneyDefinition = {
         // Drag-to-place tool for duplicate + move. Reuses the placement
         // ghost preview but seeds it from the moving (cloned) node so the
         // duplicate keeps the source's body shape, materials, panels, etc.
-        move: () => import('./move-tool'),
+        move: () => import('./move-tool.js'),
     },
     parametrics: chimneyParametrics,
     handles: chimneyHandles,
@@ -368,10 +369,10 @@ export const chimneyDefinition = {
     rendersChildren: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
-    preview: () => import('./preview'),
-    tool: () => import('./tool'),
+    preview: () => import('./preview.js'),
+    tool: () => import('./tool.js'),
     toolHints: [
         { key: 'Left click', label: 'Place chimney on roof' },
         { key: 'Esc', label: 'Cancel' },

package/dist/chimney/floorplan.js

@@ -1,4 +1,4 @@
-import { flueXPositions } from './geometry';
+import { flueXPositions } from './geometry.js';
 /**
  * Floor-plan builder for a chimney. A chimney is a masonry stack hosted on
  * a roof segment. Seen from above it reads as its crown/cap footprint with

package/dist/chimney/holes.js

@@ -2,7 +2,7 @@ import { getActiveRoofHeight } from '@pascal-app/core';
 import { Brush, csgEvaluator, csgGeometry, prepareBrushForCSG, SUBTRACTION, } from '@pascal-app/viewer';
 import * as THREE from 'three';
 import { mergeVertices } from 'three/examples/jsm/utils/BufferGeometryUtils.js';
-import { flueXPositions } from './geometry';
+import { flueXPositions } from './geometry.js';
 const dummyMat = new THREE.MeshBasicMaterial();
 /**
  * Carve the top openings the chimney needs:

package/dist/chimney/index.d.ts

@@ -1,4 +1,4 @@
-export { chimneyDefinition } from './definition';
-export { buildChimneyGeometry, flueXPositions } from './geometry';
-export { ChimneyNode } from './schema';
+export { chimneyDefinition } from './definition.js';
+export { buildChimneyGeometry, flueXPositions } from './geometry.js';
+export { ChimneyNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/chimney/index.js

@@ -1,3 +1,3 @@
-export { chimneyDefinition } from './definition';
-export { buildChimneyGeometry, flueXPositions } from './geometry';
-export { ChimneyNode } from './schema';
+export { chimneyDefinition } from './definition.js';
+export { buildChimneyGeometry, flueXPositions } from './geometry.js';
+export { ChimneyNode } from './schema.js';

package/dist/chimney/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/chimney/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAOjB,MAAM,kBAAkB,CAAA;AAkCzB;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCA0RvD,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/chimney/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAOjB,MAAM,kBAAkB,CAAA;AAkCzB;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,aAAc;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCA0RvD,CAAA;eAEc,eAAe"}

package/dist/chimney/move-tool.js

@@ -5,9 +5,9 @@ import { consumePlacementDragRelease, copyCollectionIds, markToolCancelConsumed,
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import * as THREE from 'three';
-import { createRelativeRoofDrag, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides';
-import ChimneyPreview from './preview';
+import { createRelativeRoofDrag, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides.js';
+import ChimneyPreview from './preview.js';
 const tmpMatrix = new THREE.Matrix4();
 const tmpInv = new THREE.Matrix4();
 const tmpPos = new THREE.Vector3();

package/dist/chimney/paint.js

@@ -1,5 +1,5 @@
 import { createMaterial, createMaterialFromPresetRef } from '@pascal-app/viewer';
-import { swapPreviewMaterial } from '../shared/swap-preview-material';
+import { swapPreviewMaterial } from '../shared/swap-preview-material.js';
 /**
  * Resolve a chimney face click to its logical surface role.
  *

package/dist/chimney/panel.js

@@ -1,12 +1,12 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getActiveRoofHeight, sceneRegistry, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Trash2 } from 'lucide-react';
 import { useCallback, useMemo, useState } from 'react';
 import { Vector3 } from 'three';
-import { CHIMNEY_PRESET_KEYS, CHIMNEY_PRESET_LABELS, chimneyPresets, detectActiveChimneyPreset, } from './presets';
+import { CHIMNEY_PRESET_KEYS, CHIMNEY_PRESET_LABELS, chimneyPresets, detectActiveChimneyPreset, } from './presets.js';
 // Tiny clsx-equivalent. The editor package doesn't re-export the
 // legacy `cn` helper; inlining keeps this panel self-contained.
 const cn = (...classes) => classes.filter(Boolean).join(' ');
@@ -320,7 +320,7 @@ export default function ChimneyPanel() {
                             const isSelected = chimneyType === option.value;
                             return (_jsx("button", { className: cn('flex min-h-12 items-center rounded-lg border px-3 py-2.5 text-left text-xs transition-colors', isSelected
                                     ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                    : 'border-border/50 bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setChimneyType(option.value), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
+                                    : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setChimneyType(option.value), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
                         }) }), chimneyType === 'cap' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ cap: v !== 'none', capShape: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Sloped', value: 'sloped' },
@@ -346,5 +346,5 @@ export default function ChimneyPanel() {
                                         ], value: node.cricketSide ?? 'front' }), _jsx(SliderControl, { label: "Length", max: 2, min: 0.1, onChange: (v) => previewProp({ cricketLength: v }), onCommit: (v) => commitProp({ cricketLength: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketLength ?? 0.6 }), _jsx(SliderControl, { label: "Height", max: 1.5, min: 0.05, onChange: (v) => previewProp({ cricketHeight: v }), onCommit: (v) => commitProp({ cricketHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.cricketHeight ?? 0.4 })] }))] })), chimneyType === 'panels' && (_jsxs(_Fragment, { children: [_jsx(SegmentedControl, { className: "mt-2", onChange: (v) => handleUpdate({ panelStyle: v }), options: [
                                     { label: 'None', value: 'none' },
                                     { label: 'Rectangular', value: 'rectangular' },
-                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.panelDepth ?? 0.03 }), _jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelHeight ?? 0.8 }), _jsx(SliderControl, { label: "Top Offset", max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelOffsetTop ?? 0.15 }), _jsx(SliderControl, { label: "Side Margin", max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.panelMargin ?? 0.1 })] }))] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete }) }) })] }));
+                                ], value: node.panelStyle ?? 'none' }), (node.panelStyle ?? 'none') !== 'none' && (_jsxs(_Fragment, { children: [_jsx(SliderControl, { label: "Depth", max: 0.15, min: 0.005, onChange: (v) => previewProp({ panelDepth: v }), onCommit: (v) => commitProp({ panelDepth: v }), precision: 3, restoreOnCommit: false, step: 0.005, unit: "m", value: node.panelDepth ?? 0.03 }), _jsx(SliderControl, { label: "Height", max: 3, min: 0.1, onChange: (v) => previewProp({ panelHeight: v }), onCommit: (v) => commitProp({ panelHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelHeight ?? 0.8 }), _jsx(SliderControl, { label: "Top Offset", max: 2, min: 0, onChange: (v) => previewProp({ panelOffsetTop: v }), onCommit: (v) => commitProp({ panelOffsetTop: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.panelOffsetTop ?? 0.15 }), _jsx(SliderControl, { label: "Side Margin", max: Math.max(0.5, node.width / 2 - 0.05), min: 0.02, onChange: (v) => previewProp({ panelMargin: v }), onCommit: (v) => commitProp({ panelMargin: v }), precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.panelMargin ?? 0.1 })] }))] }))] }), _jsx(PanelSection, { title: "Actions", children: _jsx(ActionGroup, { children: _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete }) }) })] }));
 }

package/dist/chimney/parametrics.d.ts

@@ -1,4 +1,4 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { ChimneyNode } from './schema';
+import type { ChimneyNode } from './schema.js';
 export declare const chimneyParametrics: ParametricDescriptor<ChimneyNode>;
 //# sourceMappingURL=parametrics.d.ts.map

package/dist/chimney/parametrics.js

@@ -4,7 +4,7 @@ export const chimneyParametrics = {
     // groups can't reproduce its layout. `groups` stays declared for the
     // MCP path and for any future fallback consumer, but the inspector
     // mounts the custom panel.
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
     groups: [
         {
             label: 'Body',

package/dist/chimney/presets.d.ts

@@ -1,4 +1,4 @@
-import type { ChimneyNode } from './schema';
+import type { ChimneyNode } from './schema.js';
 /**
  * Style presets — opinionated starting points the user can pick from
  * the panel header. Each preset sets shape / silhouette / accessory

package/dist/chimney/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/chimney/preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AA0BzB;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,6BAIrB;IACD,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,gCAyDA,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/chimney/preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AA0BzB;;;;;GAKG;AACH,QAAA,MAAM,cAAc,gCAIjB;IACD,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,gCAyDA,CAAA;eAEc,cAAc"}

package/dist/chimney/preview.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RoofSegmentNode as RoofSegmentSchema, } from '@pascal-app/core';
 import { useEffect, useMemo } from 'react';
 import * as THREE from 'three';
-import { INVALID_GHOST_COLOR } from '../shared/ghost-materials';
-import { buildChimneyGeometry } from './geometry';
+import { INVALID_GHOST_COLOR } from '../shared/ghost-materials.js';
+import { buildChimneyGeometry } from './geometry.js';
 const ghostMaterial = new THREE.MeshStandardMaterial({
     color: 0xff_ff_ff,
     emissive: 0xff_ff_ff,

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/chimney/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAiBzB;;;;;;;;;;GAUG;AACH,QAAA,MAAM,eAAe,GAAI,qBAAqB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqRlE,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/chimney/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAiBzB;;;;;;;;;;GAUG;AACH,QAAA,MAAM,eAAe,wBAAyB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqRlE,CAAA;eAEc,eAAe"}

package/dist/chimney/renderer.js

@@ -4,10 +4,10 @@ import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
 import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, getRoofSegmentBrushes, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
-import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip';
-import { buildChimneyGeometry } from './geometry';
-import { carveChimneyHoles } from './holes';
-import { trimChimneyBodyAgainstRoof } from './roof-trim';
+import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip.js';
+import { buildChimneyGeometry } from './geometry.js';
+import { carveChimneyHoles } from './holes.js';
+import { trimChimneyBodyAgainstRoof } from './roof-trim.js';
 /**
  * Chimney renderer. Reads the parent roof-segment so the body height
  * is derived from `segment.wallHeight + roofHeight + node.heightAboveRidge`.

package/dist/chimney/roof-trim.js

@@ -2,7 +2,7 @@ import { getActiveRoofHeight } from '@pascal-app/core';
 import { Brush, csgEvaluator, csgGeometry, prepareBrushForCSG, SUBTRACTION, } from '@pascal-app/viewer';
 import * as THREE from 'three';
 import { mergeVertices } from 'three/examples/jsm/utils/BufferGeometryUtils.js';
-import { partitionTopFaceGroups } from './holes';
+import { partitionTopFaceGroups } from './holes.js';
 const visibleMat = new THREE.MeshBasicMaterial();
 /**
  * CSG-trim the chimney body against the parent roof segment so the
@@ -44,7 +44,7 @@ export function trimChimneyBodyAgainstRoof(body, segment, node, segBrushes) {
     indexed.clearGroups();
     if (indexCount > 0)
         indexed.addGroup(0, indexCount, 0);
-    indexed.computeBoundsTree?.({ maxLeafSize: 10 });
+    indexed.computeBoundsTree?.({ targetLeafSize: 10 });
     const chimneyBrush = new Brush(indexed, visibleMat);
     chimneyBrush.updateMatrixWorld();
     prepareBrushForCSG(chimneyBrush);

package/dist/chimney/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/chimney/tool.tsx"],"names":[],"mappings":"AA4CA,QAAA,MAAM,WAAW,mCAwJhB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/chimney/tool.tsx"],"names":[],"mappings":"AA4CA,QAAA,MAAM,WAAW,mCAwJhB,CAAA;eAEc,WAAW"}

package/dist/chimney/tool.js

@@ -1,15 +1,15 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChimneyNode, emitter, sceneRegistry, useScene, } from '@pascal-app/core';
 import { triggerSFX, usePlacementPreview } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import * as THREE from 'three';
-import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview';
-import { resolveRoofSegmentHit } from '../shared/roof-segment-hit';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides';
-import { chimneyDefinition } from './definition';
-import ChimneyPreview from './preview';
+import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview.js';
+import { resolveRoofSegmentHit } from '../shared/roof-segment-hit.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides.js';
+import { chimneyDefinition } from './definition.js';
+import ChimneyPreview from './preview.js';
 /**
  * Chimney placement tool. Listens to `roof:*` events; the preview
  * follows the cursor across the segment with the segment's yaw applied

package/dist/column/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { ColumnNode } from './schema';
+import { ColumnNode } from './schema.js';
 /**
  * Column — Stage A registration. Wrap-export of the legacy
  * `ColumnRenderer` (no system — column geometry is computed inline in

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/column/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAczB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4UrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAsG9D,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/column/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAczB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4UrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,OAAO,UAAU,CAwG9D,CAAA"}

package/dist/column/definition.js

@@ -1,16 +1,16 @@
 import { ColumnNode as ColumnNodeSchema, columnSlots, } from '@pascal-app/core';
-import { withHostedChildren } from '../shared/hosted-resize';
-import { columnBatchable } from '../shared/node-batch/batchable';
-import { rebuildScriptedSize } from '../shared/scripted-opening-handles';
-import { collectStructuralGridAxes, resolveStructuralGridSnap, } from '../structural-grid/coordination';
-import { buildColumnFloorplan, computeColumnFloorplanLevelData } from './floorplan';
-import { columnResizeAffordance, columnRotateAffordance } from './floorplan-affordances';
-import { columnFloorplanMoveTarget } from './floorplan-move';
-import { columnHostedPolicy } from './hosted-resize';
-import { columnPaint } from './paint';
-import { columnParametrics } from './parametrics';
-import { ColumnNode } from './schema';
-import { columnSurfaceProvider } from './surface';
+import { withHostedChildren } from '../shared/hosted-resize.js';
+import { columnBatchable } from '../shared/node-batch/batchable.js';
+import { rebuildScriptedSize } from '../shared/scripted-opening-handles.js';
+import { collectStructuralGridAxes, resolveStructuralGridSnap, } from '../structural-grid/coordination.js';
+import { buildColumnFloorplan, computeColumnFloorplanLevelData } from './floorplan.js';
+import { columnResizeAffordance, columnRotateAffordance } from './floorplan-affordances.js';
+import { columnFloorplanMoveTarget } from './floorplan-move.js';
+import { columnHostedPolicy } from './hosted-resize.js';
+import { columnPaint } from './paint.js';
+import { columnParametrics } from './parametrics.js';
+import { ColumnNode } from './schema.js';
+import { columnSurfaceProvider } from './surface.js';
 // Limits + offsets shared with the in-world arrows. Mirrors the floors
 // the renderer clamps to (`Math.max(0.2, node.height)` etc.) so a drag
 // can't push values past what the renderer will accept.
@@ -349,6 +349,8 @@ export const columnDefinition = {
         return rest;
     },
     capabilities: {
+        reveal: { phase: 'structure', style: 'drop', height: 4 },
+        revealOnEdit: ['height', 'radius', 'width', 'depth', 'crossSection', 'shaftProfile', 'style'],
         batchable: columnBatchable,
         surfacePlacement: 'floor-only',
         selectable: { hitVolume: 'bbox' },
@@ -391,14 +393,14 @@ export const columnDefinition = {
     handles: columnHandles,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
-    preview: () => import('./renderer').then(({ ColumnPreview }) => ({ default: ColumnPreview })),
+    preview: () => import('./renderer.js').then(({ ColumnPreview }) => ({ default: ColumnPreview })),
     // Registry-driven placement tool — renders a translucent `ColumnPreview`
     // ghost at the cursor (mirroring the shelf build tool) instead of the
     // bare sphere the legacy editor-side `ColumnTool` showed. `ToolManager`'s
     // registry-first path mounts this and skips the legacy `<ColumnTool>`.
-    tool: () => import('./tool'),
+    tool: () => import('./tool.js'),
     toolHints: [
         { key: 'Left click', label: 'Place column' },
         { key: 'Esc', label: 'Cancel' },

package/dist/column/floorplan-affordances.js

@@ -1,8 +1,8 @@
 import { useLiveNodeOverrides, useScene, } from '@pascal-app/core';
 import { isAngleSnapActive } from '@pascal-app/editor';
-import { rotateAffordanceDelta } from '../shared/rotate-affordance';
-import { rebuildScriptedSize } from '../shared/scripted-opening-handles';
-import { planColumnEdit } from './hosted-resize';
+import { rotateAffordanceDelta } from '../shared/rotate-affordance.js';
+import { rebuildScriptedSize } from '../shared/scripted-opening-handles.js';
+import { planColumnEdit } from './hosted-resize.js';
 // Floor minimums — mirror the 3D handles in `column/definition.ts` so a
 // drag can't push a value past what the renderer accepts.
 const MIN_COLUMN_WIDTH = 0.1;

package/dist/column/floorplan-move.js

@@ -1,7 +1,7 @@
 import { collectAlignmentAnchors, movingFootprintAnchors, sceneRegistry, useLiveTransforms, useScene, } from '@pascal-app/core';
 import { applyFloorplanAlignment, getFloorStackPreviewPosition, isGridSnapActive, isMagneticSnapActive, triggerSFX, useEditor, } from '@pascal-app/editor';
-import { createFloorplanCursorResolver } from '../shared/floorplan-cursor';
-import { collectStructuralGridAxes, resolveStructuralGridSnap, } from '../structural-grid/coordination';
+import { createFloorplanCursorResolver } from '../shared/floorplan-cursor.js';
+import { collectStructuralGridAxes, resolveStructuralGridSnap, } from '../structural-grid/coordination.js';
 /**
  * 2D floor-plan move handler for column. Columns need the same footprint-edge
  * alignment as shelf / item, but they must preview through live transforms and

package/dist/column/floorplan.js

@@ -1,6 +1,6 @@
 import { scriptImages, } from '@pascal-app/core';
 import { floorplanGeometryMetadata } from '@pascal-app/editor';
-import { collectStructuralGridAxes, resolveStructuralGridReference, } from '../structural-grid/coordination';
+import { collectStructuralGridAxes, resolveStructuralGridReference, } from '../structural-grid/coordination.js';
 // Offsets for the floor-plan selection arrows. Resize chevrons hug the
 // footprint a hair off the rim; the rotate-arrow corner sits a bit
 // further out so it doesn't crowd the resize arrows.