@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/block/hosted-edit.js

@@ -1,9 +1,9 @@
 import { getBlockFaceFrame, surfaceRegionContainsPoint, useLiveNodeOverrides, } from '@pascal-app/core';
 import { attachmentBounds } from '@pascal-app/core/procedural-items';
 import { Euler, Matrix4, Quaternion, Vector3 } from 'three';
-import { hostedChildUpdates } from '../shared/hosted-resize';
-import { blockFaceHost } from './face-host';
-import { blockSurfaceProvider, blockTopSurfaces } from './surface';
+import { hostedChildUpdates } from '../shared/hosted-resize.js';
+import { blockFaceHost } from './face-host.js';
+import { blockSurfaceProvider, blockTopSurfaces } from './surface.js';
 export const BLOCK_SUPPORT_REFUSAL = 'This edit would remove support for an item on the block';
 function faceMatrix(host, faceId) {
     const face = getBlockFaceFrame(host.topology, faceId);
@@ -82,6 +82,31 @@ export function planBlockTopologyEdit(scene, id, topology) {
         });
     };
     for (const child of children) {
+        if (child.type === 'item' && child.blockFaceId && child.asset.attachTo) {
+            const faceId = child.blockFaceId;
+            // A face stretched, trimmed or re-shaped in its own plane moves its centroid, the
+            // origin of the item's face frame: keep the item's pose instead of dragging it along.
+            // A face moved as a whole still carries it.
+            const previous = getBlockFaceFrame(host.topology, faceId);
+            const next = getBlockFaceFrame(topology, faceId);
+            if (!(previous && next && previousFaces.has(faceId) && nextFaces.has(faceId)))
+                continue;
+            if (translation(faceId))
+                continue;
+            if (previous.normal.some((value, axis) => Math.abs(value - next.normal[axis]) > 1e-6))
+                continue;
+            const shift = previous.origin.map((value, axis) => value - next.origin[axis]);
+            const along = (direction) => shift.reduce((sum, value, axis) => sum + value * direction[axis], 0);
+            // In-plane only: the item stays on the face if the face also moved along its normal.
+            const position = [
+                child.position[0] + along(next.xAxis),
+                child.position[1] + along(next.yAxis),
+                child.position[2],
+            ];
+            if (position.some((value, axis) => Math.abs(value - child.position[axis]) > 1e-9))
+                updates.push([child.id, { position }]);
+            continue;
+        }
         if (child.type === 'item' && child.blockFaceId && !child.asset.attachTo) {
             reconciled.add(child.id);
             const matrix = faceMatrix(host, child.blockFaceId);

package/dist/block/interaction-sfx.d.ts

@@ -1,3 +1,3 @@
 export type BlockSfxAction = 'tool-select' | 'component-select' | 'drag-start' | 'move-step' | 'rotate-step' | 'resize-step' | 'operation-start' | 'operation-commit' | 'delete' | 'cancel' | 'finish';
-export declare function blockSfx(action: BlockSfxAction): "sfx:grid-snap" | "sfx:item-pick" | "sfx:item-place" | "sfx:item-rotate" | "sfx:resize" | "sfx:structure-build-start" | "sfx:structure-build" | "sfx:structure-delete" | "sfx:menu-click";
+export declare function blockSfx(action: BlockSfxAction): "sfx:grid-snap" | "sfx:item-pick" | "sfx:item-place" | "sfx:item-rotate" | "sfx:menu-click" | "sfx:resize" | "sfx:structure-build" | "sfx:structure-build-start" | "sfx:structure-delete";
 //# sourceMappingURL=interaction-sfx.d.ts.map

package/dist/block/last-operation.d.ts

@@ -1,6 +1,6 @@
 import type { AnyNodeId, BlockTopology, SceneApi } from '@pascal-app/core';
 import type { SelectionAffordanceHistoryApi } from '@pascal-app/editor';
-import { type BlockCommand, type BlockCommandResult, type BlockSelection } from './commands';
+import { type BlockCommand, type BlockCommandResult, type BlockSelection } from './commands.js';
 type SuccessfulBlockCommandResult = Extract<BlockCommandResult, {
     ok: true;
 }>;

package/dist/block/last-operation.js

@@ -1,5 +1,5 @@
-import { applyBlockCommand, blockSelectionVertexIds, } from './commands';
-import { BLOCK_SUPPORT_REFUSAL, commitBlockTopologyEdit } from './hosted-edit';
+import { applyBlockCommand, blockSelectionVertexIds, } from './commands.js';
+import { BLOCK_SUPPORT_REFUSAL, commitBlockTopologyEdit } from './hosted-edit.js';
 function sameTopology(left, right) {
     return JSON.stringify(left) === JSON.stringify(right);
 }

package/dist/block/material-slots.d.ts

@@ -1,5 +1,4 @@
-import type { BlockTopology, MaterialRef } from '@pascal-app/core';
-export declare const BLOCK_BODY_SLOT_ID = "body";
+import { type BlockTopology, type MaterialRef } from '@pascal-app/core';
 export type BlockMaterialSlots = Record<string, MaterialRef> | undefined;
 export type BlockMaterialSlotNames = Record<string, string> | undefined;
 export type BlockMaterialSelection = {
@@ -49,7 +48,6 @@ export type BlockAssignedMaterialSlotCreationResult = (BlockMaterialSlotCreation
     slotNames: BlockMaterialSlotNames;
     changed: false;
 };
-export declare function blockMaterialSlotIds(topology: BlockTopology, slots: BlockMaterialSlots, slotNames?: BlockMaterialSlotNames): string[];
 export declare function unpaintedBlockMaterialSlotIds(topology: BlockTopology, slots: BlockMaterialSlots, slotNames?: BlockMaterialSlotNames): string[];
 export declare function createBlockMaterialSlot(topology: BlockTopology, slots: BlockMaterialSlots, slotNames: BlockMaterialSlotNames): BlockMaterialSlotCreationResult;
 export declare function createAssignedBlockMaterialSlot(topology: BlockTopology, slots: BlockMaterialSlots, slotNames: BlockMaterialSlotNames, selectedFaceIds: readonly string[], materialRef: MaterialRef): BlockAssignedMaterialSlotCreationResult;

package/dist/block/material-slots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"material-slots.d.ts","sourceRoot":"","sources":["../../src/block/material-slots.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"material-slots.d.ts","sourceRoot":"","sources":["../../src/block/material-slots.ts"],"names":[],"mappings":"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"}

package/dist/block/material-slots.js

@@ -1,14 +1,4 @@
-export const BLOCK_BODY_SLOT_ID = 'body';
-export function blockMaterialSlotIds(topology, slots, slotNames) {
-    const slotIds = new Set([BLOCK_BODY_SLOT_ID]);
-    for (const slotId of Object.keys(slotNames ?? {}))
-        slotIds.add(slotId);
-    for (const slotId of Object.keys(slots ?? {}))
-        slotIds.add(slotId);
-    for (const face of topology.faces)
-        slotIds.add(face.materialSlot);
-    return [...slotIds];
-}
+import { BLOCK_BODY_SLOT_ID, blockMaterialSlotIds, } from '@pascal-app/core';
 export function unpaintedBlockMaterialSlotIds(topology, slots, slotNames) {
     return blockMaterialSlotIds(topology, slots, slotNames).filter((slotId) => slotId !== BLOCK_BODY_SLOT_ID && !slots?.[slotId]);
 }

package/dist/block/modal-face-operation.d.ts

@@ -1,5 +1,5 @@
-import type { BlockCommand } from './commands';
-import { type BlockModalFeedbackMode } from './modal-transform';
+import type { BlockCommand } from './commands.js';
+import { type BlockModalFeedbackMode } from './modal-transform.js';
 export type BlockModalFaceOperation = 'extrude' | 'inset';
 export type BlockExtrudeAxis = 'normal' | 'x' | 'y' | 'z';
 type BlockPointerClientPosition = {

package/dist/block/modal-face-operation.js

@@ -1,4 +1,4 @@
-import { blockModalFeedbackLabel } from './modal-transform';
+import { blockModalFeedbackLabel } from './modal-transform.js';
 export function blockFaceOperationValueFromPointer(operation, startPointer, currentPointer, pivot, topologyExtent, projectedExtentPixels, extrusionDirection) {
     const safeProjectedExtent = Math.max(1, Math.abs(projectedExtentPixels));
     if (operation === 'extrude') {

package/dist/block/paint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/block/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,eAAe,EAOrB,MAAM,kBAAkB,CAAA;AAgIzB,eAAO,MAAM,UAAU,EAAE,eAcxB,CAAA"}
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/block/paint.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,eAAe,EAOrB,MAAM,kBAAkB,CAAA;AA8HzB,eAAO,MAAM,UAAU,EAAE,eAUxB,CAAA"}

package/dist/block/paint.js

@@ -1,7 +1,7 @@
-import { parseMaterialRef, useScene, } from '@pascal-app/core';
+import { BLOCK_BODY_SLOT_ID, blockMaterialSlotIds, slotPaintMaterial, useScene, } from '@pascal-app/core';
 import { Raycaster } from 'three';
-import { buildSlotPreviewMaterial, resolveSlotPaintMaterialRef } from '../shared/slot-paint';
-import { BLOCK_BODY_SLOT_ID, blockMaterialSlotIds, setBlockMaterialSlot } from './material-slots';
+import { buildSlotPreviewMaterial, resolveSlotPaintMaterialRef } from '../shared/slot-paint.js';
+import { setBlockMaterialSlot } from './material-slots.js';
 const blockPaintRaycaster = new Raycaster();
 function blockFaceRanges(mesh) {
     const ranges = mesh.geometry.userData.blockFaces;
@@ -88,7 +88,7 @@ function previewBlockFace(args) {
         const ranges = blockFaceRanges(mesh).filter((candidate) => faceIds.has(candidate.faceId));
         if (ranges.length === 0)
             return;
-        const materialGroups = ranges.flatMap((range) => mesh.geometry.groups.filter((group) => group.start === range.start && group.count === range.count));
+        const materialGroups = mesh.geometry.groups.filter((group) => ranges.some((range) => range.start >= group.start && range.start < group.start + group.count));
         if (materialGroups.length === 0)
             return;
         const previousMaterial = mesh.material;
@@ -125,12 +125,6 @@ export const blockPaint = {
         if (node.type !== 'block')
             return null;
         const ref = node.slots?.[role] ?? node.slots?.[BLOCK_BODY_SLOT_ID];
-        const parsed = parseMaterialRef(ref);
-        if (!parsed)
-            return null;
-        if (parsed.kind === 'library')
-            return { material: undefined, materialPreset: ref };
-        const sceneMaterial = useScene.getState().materials[parsed.id];
-        return sceneMaterial ? { material: sceneMaterial.material, materialPreset: undefined } : null;
+        return slotPaintMaterial(ref, useScene.getState().materials);
     },
 };

package/dist/block/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/block/panel.tsx"],"names":[],"mappings":"AAqFA,MAAM,CAAC,OAAO,UAAU,UAAU,uCA4UjC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/block/panel.tsx"],"names":[],"mappings":"AA0FA,MAAM,CAAC,OAAO,UAAU,UAAU,uCA4UjC"}

package/dist/block/panel.js

@@ -1,16 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCatalogMaterialById, parseMaterialRef, useScene, } from '@pascal-app/core';
+import { BLOCK_BODY_SLOT_ID, blockSlots, getCatalogMaterialById, parseMaterialColor, parseMaterialRef, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, createEditorApi, PanelSection, PanelWrapper, SliderControl, triggerSFX, useInteractionScope, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Check, Move, Plus, Trash2 } from 'lucide-react';
 import { useCallback, useRef, useState } from 'react';
-import { resolveSlotPaintMaterialRef } from '../shared/slot-paint';
-import useBlockEditSession from './edit-session';
-import { assignBlockMaterial, BLOCK_BODY_SLOT_ID, blockMaterialSelection, createAssignedBlockMaterialSlot, removeBlockMaterialSlot, renameBlockMaterialSlot, } from './material-slots';
-import { blockSlots } from './slots';
+import { resolveSlotPaintMaterialRef } from '../shared/slot-paint.js';
+import useBlockEditSession from './edit-session.js';
+import { assignBlockMaterial, blockMaterialSelection, createAssignedBlockMaterialSlot, removeBlockMaterialSlot, renameBlockMaterialSlot, } from './material-slots.js';
 const SLOT_TRAILING_ACTION_CLASS = 'm-2 ml-0 flex w-8 shrink-0 items-center justify-center rounded-md';
-const SLOT_DISABLED_ACTION_CLASS = 'disabled:cursor-not-allowed disabled:opacity-45 disabled:hover:bg-[#2C2C2E] disabled:active:bg-[#2C2C2E]';
+const SLOT_DISABLED_ACTION_CLASS = 'disabled:cursor-not-allowed disabled:opacity-45 disabled:hover:bg-black/4 dark:disabled:hover:bg-[#2C2C2E] disabled:active:bg-black/4 dark:disabled:active:bg-[#2C2C2E]';
 const NEW_BLOCK_SLOT_MATERIAL = {
     preset: 'custom',
     properties: {
@@ -23,6 +22,9 @@ const NEW_BLOCK_SLOT_MATERIAL = {
     },
 };
 function materialRefLabel(ref, sceneMaterials) {
+    const color = parseMaterialColor(ref);
+    if (color)
+        return color.toUpperCase();
     const parsed = parseMaterialRef(ref);
     if (!parsed)
         return 'Default material';
@@ -31,6 +33,9 @@ function materialRefLabel(ref, sceneMaterials) {
     return getCatalogMaterialById(parsed.id)?.label ?? ref ?? parsed.id;
 }
 function materialRefPreview(ref, sceneMaterials) {
+    const color = parseMaterialColor(ref);
+    if (color)
+        return { color };
     const parsed = parseMaterialRef(ref);
     if (!parsed)
         return { color: '#71717a' };
@@ -204,7 +209,7 @@ export default function BlockPanel() {
                     { axis: 1, label: 'Y', onChange: updatePositionY },
                     { axis: 2, label: 'Z', onChange: updatePositionZ },
                 ].map(({ axis, label, onChange }) => (_jsx(SliderControl, { label: label, onChange: onChange, precision: 2, step: 0.01, unit: "m", value: node.position[axis] }, label))) }), _jsxs(PanelSection, { title: "Slots", children: [_jsx("div", { className: "rounded-md border border-border/50 bg-background/40 px-2.5 py-2 text-muted-foreground text-xs", children: selectionLabel }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx(ActionButton, { className: SLOT_DISABLED_ACTION_CLASS, disabled: !canOperateOnFaces || selectedFaceIds.length === 0 || readOnly, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add slot", onClick: addMaterialSlot, title: slotEditTitle ??
-                                (selectedFaceIds.length === 0 ? 'Select one or more faces first' : undefined) }) }), slotNotice?.nodeId === node.id ? (_jsx("div", { "aria-live": "polite", className: "mt-2 rounded-md border border-primary/35 bg-primary/10 px-2.5 py-2 text-foreground text-xs", children: slotNotice.text })) : null, _jsx("div", { className: "mt-2 max-h-44 overflow-y-auto rounded-lg border border-border/60 bg-[#252527]", children: slotDeclarations.map((slot, index) => {
+                                (selectedFaceIds.length === 0 ? 'Select one or more faces first' : undefined) }) }), slotNotice?.nodeId === node.id ? (_jsx("div", { "aria-live": "polite", className: "mt-2 rounded-md border border-primary/35 bg-primary/10 px-2.5 py-2 text-foreground text-xs", children: slotNotice.text })) : null, _jsx("div", { className: "mt-2 max-h-44 overflow-y-auto rounded-lg border border-border/60 bg-black/3 dark:bg-[#252527]", children: slotDeclarations.map((slot, index) => {
                             const ref = node.slots?.[slot.slotId];
                             const active = materialSelection.kind === 'single' && materialSelection.slotId === slot.slotId;
                             const preview = materialRefPreview(ref, sceneMaterials);
@@ -212,7 +217,7 @@ export default function BlockPanel() {
                             const materialLabel = ref || slot.slotId === BLOCK_BODY_SLOT_ID
                                 ? materialRefLabel(ref, sceneMaterials)
                                 : 'Unpainted';
-                            return (_jsxs("div", { className: `group relative flex min-h-11 items-stretch border-border/50 ${index > 0 ? 'border-t' : ''} ${active ? 'bg-primary/15' : 'hover:bg-white/[0.035]'}`, children: [_jsx("button", { className: "absolute inset-0 z-0 rounded-none disabled:cursor-not-allowed disabled:opacity-50", "aria-label": `Apply ${slot.label} to selected faces`, "aria-pressed": active, disabled: !canOperateOnFaces || selectedFaceIds.length === 0 || readOnly, onClick: () => assignSlot(slot.slotId), type: "button" }), _jsx("span", { className: "pointer-events-none relative z-10 flex w-12 shrink-0 items-center justify-center", children: _jsx("span", { className: "h-7 w-7 shrink-0 rounded-md border border-white/10 bg-cover bg-center shadow-inner", style: {
+                            return (_jsxs("div", { className: `group relative flex min-h-11 items-stretch border-border/50 ${index > 0 ? 'border-t' : ''} ${active ? 'bg-primary/15' : 'hover:bg-black/4 dark:hover:bg-white/[0.035]'}`, children: [_jsx("button", { className: "absolute inset-0 z-0 rounded-none disabled:cursor-not-allowed disabled:opacity-50", "aria-label": `Apply ${slot.label} to selected faces`, "aria-pressed": active, disabled: !canOperateOnFaces || selectedFaceIds.length === 0 || readOnly, onClick: () => assignSlot(slot.slotId), type: "button" }), _jsx("span", { className: "pointer-events-none relative z-10 flex w-12 shrink-0 items-center justify-center", children: _jsx("span", { className: "h-7 w-7 shrink-0 rounded-md border border-black/10 dark:border-white/10 bg-cover bg-center shadow-inner", style: {
                                                 backgroundColor: !ref && slot.slotId !== BLOCK_BODY_SLOT_ID ? '#7768d8' : preview.color,
                                                 backgroundImage: preview.imageUrl ? `url(${preview.imageUrl})` : undefined,
                                             } }) }), _jsxs("span", { className: "pointer-events-none relative z-10 flex min-w-0 flex-1 flex-col justify-center py-1.5", children: [_jsx("input", { "aria-label": `Rename ${slot.label} slot`, className: "pointer-events-auto h-5 min-w-0 rounded bg-transparent px-1 font-medium text-foreground text-xs outline-none focus:bg-background/70 focus:ring-1 focus:ring-primary/50 disabled:cursor-not-allowed", defaultValue: slot.label, disabled: !editing || readOnly, onBlur: (event) => {
@@ -226,8 +231,8 @@ export default function BlockPanel() {
                                                         event.currentTarget.value = slot.label;
                                                         event.currentTarget.blur();
                                                     }
-                                                } }, `${slot.slotId}:${slot.label}`), _jsxs("span", { className: "truncate px-1 text-[10px] text-muted-foreground", children: [materialLabel, " \u00B7 ", faceCount, " ", faceCount === 1 ? 'face' : 'faces'] })] }), slot.slotId === BLOCK_BODY_SLOT_ID ? (_jsx("span", { className: `${SLOT_TRAILING_ACTION_CLASS} pointer-events-none relative z-10 text-primary`, children: active ? _jsx(Check, { "aria-hidden": "true", className: "h-4 w-4" }) : null })) : (_jsx("button", { className: `${SLOT_TRAILING_ACTION_CLASS} relative z-10 text-muted-foreground transition-colors hover:bg-red-500/15 hover:text-red-300 focus-visible:bg-red-500/15 focus-visible:text-red-300 disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent disabled:hover:text-muted-foreground`, "aria-label": `Delete ${slot.label} slot`, disabled: !editing || readOnly, onClick: () => removeMaterialSlot(slot.slotId), title: slotEditTitle ?? 'Delete material slot and use Body on its faces', type: "button", children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }))] }, slot.slotId));
-                        }) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-4 w-4" }), label: "Move", onClick: move }), _jsx(ActionButton, { className: "border-red-500/40 text-red-200 hover:bg-red-500/15", icon: _jsx(Trash2, { className: "h-4 w-4" }), label: "Delete", onClick: () => {
+                                                } }, `${slot.slotId}:${slot.label}`), _jsxs("span", { className: "truncate px-1 text-[10px] text-muted-foreground", children: [materialLabel, " \u00B7 ", faceCount, " ", faceCount === 1 ? 'face' : 'faces'] })] }), slot.slotId === BLOCK_BODY_SLOT_ID ? (_jsx("span", { className: `${SLOT_TRAILING_ACTION_CLASS} pointer-events-none relative z-10 text-primary`, children: active ? _jsx(Check, { "aria-hidden": "true", className: "h-4 w-4" }) : null })) : (_jsx("button", { className: `${SLOT_TRAILING_ACTION_CLASS} relative z-10 text-muted-foreground transition-colors hover:bg-red-500/15 hover:text-red-700 dark:hover:text-red-300 focus-visible:bg-red-500/15 focus-visible:text-red-700 dark:focus-visible:text-red-300 disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent disabled:hover:text-muted-foreground dark:disabled:hover:text-muted-foreground`, "aria-label": `Delete ${slot.label} slot`, disabled: !editing || readOnly, onClick: () => removeMaterialSlot(slot.slotId), title: slotEditTitle ?? 'Delete material slot and use Body on its faces', type: "button", children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }))] }, slot.slotId));
+                        }) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-4 w-4" }), label: "Move", onClick: move }), _jsx(ActionButton, { className: "border-red-500/40 text-red-700 dark:text-red-200 hover:bg-red-500/15", icon: _jsx(Trash2, { className: "h-4 w-4" }), label: "Delete", onClick: () => {
                                 useScene.getState().deleteNode(node.id);
                                 setViewerSelection({ selectedIds: [] });
                             } })] }) })] }));

package/dist/block/parametrics.d.ts

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

package/dist/block/parametrics.js

@@ -5,5 +5,5 @@ export const blockParametrics = {
             fields: [{ key: 'position', kind: 'vec3' }],
         },
     ],
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

package/dist/block/preview.js

@@ -4,7 +4,7 @@ import { EDITOR_LAYER } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo } from 'react';
 import { Color, Mesh } from 'three';
-import { buildBlockGeometry } from './geometry';
+import { buildBlockGeometry } from './geometry.js';
 export default function BlockPreview({ node, valid = true }) {
     const shading = useViewer((state) => state.shading);
     const textures = useViewer((state) => state.textures);

package/dist/block/selection-geometry.d.ts

@@ -1,7 +1,7 @@
 import type { BlockTopology } from '@pascal-app/core';
 import type { Camera, Object3D } from 'three';
 import { Vector2 } from 'three';
-import { type BlockSelection } from './commands';
+import { type BlockSelection } from './commands.js';
 export type BlockPoint = [number, number, number];
 export declare function blockSelectionCentroid(topology: BlockTopology, selection: BlockSelection): BlockPoint | null;
 export declare function blockLocalPointToClient(point: BlockPoint, target: Object3D, camera: Camera, canvas: HTMLCanvasElement): Vector2 | null;

package/dist/block/selection-geometry.js

@@ -1,5 +1,5 @@
 import { Vector2, Vector3 } from 'three';
-import { blockSelectionVertexIds } from './commands';
+import { blockSelectionVertexIds } from './commands.js';
 export function blockSelectionCentroid(topology, selection) {
     const ids = blockSelectionVertexIds(topology, selection);
     const positions = topology.vertices

package/dist/block/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/block/selection.tsx"],"names":[],"mappings":"AASA,OAAO,EAUL,KAAK,wBAAwB,EAK9B,MAAM,oBAAoB,CAAA;AAq4H3B,QAAA,MAAM,wBAAwB,GAAI,2DAM/B,wBAAwB,uCAiC1B,CAAA;AAED,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/block/selection.tsx"],"names":[],"mappings":"AAUA,OAAO,EAUL,KAAK,wBAAwB,EAK9B,MAAM,oBAAoB,CAAA;AAq4H3B,QAAA,MAAM,wBAAwB,8DAM3B,wBAAwB,uCAiC1B,CAAA;eAEc,wBAAwB"}

package/dist/block/selection.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { emitter, sceneRegistry, } from '@pascal-app/core';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BLOCK_BODY_SLOT_ID, emitter, sceneRegistry, } from '@pascal-app/core';
 import { cn, EDITOR_LAYER, getFloatingMenuScale, isAngleSnapActive, isGridSnapActive, isMagneticSnapActive, markToolCancelConsumed, meshEditScope, NodeActionMenu, swallowNextClick, triggerSFX, useEditor, useInteractionScope, } from '@pascal-app/editor';
 import { Html } from '@react-three/drei';
 import { createPortal, useFrame, useThree } from '@react-three/fiber';
@@ -8,24 +8,24 @@ import { ArrowUpFromLine, Check, ChevronDown, CircleDot, Ellipsis, Eye, EyeOff,
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { BufferGeometry, Color, ConeGeometry, CylinderGeometry, DoubleSide, Float32BufferAttribute, LineSegments, Mesh, Plane, PlaneGeometry, Quaternion, Raycaster, SphereGeometry, TorusGeometry, Vector2, Vector3, } from 'three';
 import { LineBasicNodeMaterial, MeshBasicNodeMaterial } from 'three/webgpu';
-import { applyBlockCommand, blockFaceCentroid, blockFaceNormal, blockLoopCutSegments, } from './commands';
-import useBlockEditSession from './edit-session';
-import { triangulateBlockFace } from './geometry';
-import { blockGeometrySnapThreshold, resolveBlockGeometrySnap } from './geometry-snap';
-import { BLOCK_WHEEL_OPTIONS, consumeBlockGestureWheel } from './gesture-wheel';
-import { BLOCK_SUPPORT_REFUSAL, commitBlockTopologyEdit, createBlockTopologyPreview, } from './hosted-edit';
-import { blockSfx } from './interaction-sfx';
-import { commitBlockOperation, repeatCommittedBlockOperation, replaceCommittedBlockOperation, } from './last-operation';
-import { resolveLoopCutPointerAction, resolveLoopCutSlideFactor } from './loop-cut-interaction';
-import { BLOCK_BODY_SLOT_ID, unpaintedBlockMaterialSlotIds } from './material-slots';
-import { blockModalFaceOperationStatus, } from './modal-face-operation';
-import { beginBlockModalSession } from './modal-session';
-import { blockAxisDelta, blockAxisVisualState, blockConstrainTranslationDelta, blockModalTransformStatus, blockNumericDeltaForConstraint, blockPlaneVisualState, blockPointerDistanceForAxis, blockRotationPointerAngle, blockScaleFactorsForConstraint, blockTransformConstraintFromKey, blockTransformDisplayValue, blockTransformNumericInputFromKey, blockTransformNumericValue, } from './modal-transform';
-import { lockedRotationAngleFromHits, signedAngleAroundAxis, unwrapRotationDelta, } from './rotation-drag';
-import { blockTopologyClientExtent, blockLocalPointToClient as localPointToClient, blockSelectionCentroid as selectionCentroid, } from './selection-geometry';
-import { blockSelectionChanged, clearBlockSelection, convertBlockSelection, invertBlockSelection, selectAllBlockComponents, selectBlockComponent, } from './selection-model';
-import { blockBevelWidthFromDrag, blockComponentStatus, blockGizmoDimensions, blockGizmoHitDimensions, blockOperationAvailability, blockScaleFactorFromDrag, blockScaleFactors, blockToolbarOffset, formatBlockSelectionStatus, } from './toolbar-state';
-import { useBlockFaceOperation } from './use-block-face-operation';
+import { applyBlockCommand, blockFaceCentroid, blockFaceNormal, blockLoopCutSegments, } from './commands.js';
+import useBlockEditSession from './edit-session.js';
+import { triangulateBlockFace } from './geometry.js';
+import { blockGeometrySnapThreshold, resolveBlockGeometrySnap } from './geometry-snap.js';
+import { BLOCK_WHEEL_OPTIONS, consumeBlockGestureWheel } from './gesture-wheel.js';
+import { BLOCK_SUPPORT_REFUSAL, commitBlockTopologyEdit, createBlockTopologyPreview, } from './hosted-edit.js';
+import { blockSfx } from './interaction-sfx.js';
+import { commitBlockOperation, repeatCommittedBlockOperation, replaceCommittedBlockOperation, } from './last-operation.js';
+import { resolveLoopCutPointerAction, resolveLoopCutSlideFactor } from './loop-cut-interaction.js';
+import { unpaintedBlockMaterialSlotIds } from './material-slots.js';
+import { blockModalFaceOperationStatus, } from './modal-face-operation.js';
+import { beginBlockModalSession } from './modal-session.js';
+import { blockAxisDelta, blockAxisVisualState, blockConstrainTranslationDelta, blockModalTransformStatus, blockNumericDeltaForConstraint, blockPlaneVisualState, blockPointerDistanceForAxis, blockRotationPointerAngle, blockScaleFactorsForConstraint, blockTransformConstraintFromKey, blockTransformDisplayValue, blockTransformNumericInputFromKey, blockTransformNumericValue, } from './modal-transform.js';
+import { lockedRotationAngleFromHits, signedAngleAroundAxis, unwrapRotationDelta, } from './rotation-drag.js';
+import { blockTopologyClientExtent, blockLocalPointToClient as localPointToClient, blockSelectionCentroid as selectionCentroid, } from './selection-geometry.js';
+import { blockSelectionChanged, clearBlockSelection, convertBlockSelection, invertBlockSelection, selectAllBlockComponents, selectBlockComponent, } from './selection-model.js';
+import { blockBevelWidthFromDrag, blockComponentStatus, blockGizmoDimensions, blockGizmoHitDimensions, blockOperationAvailability, blockScaleFactorFromDrag, blockScaleFactors, blockToolbarOffset, formatBlockSelectionStatus, } from './toolbar-state.js';
+import { useBlockFaceOperation } from './use-block-face-operation.js';
 const AXIS_VECTORS = {
     x: [1, 0, 0],
     y: [0, 1, 0],

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/block/tool.tsx"],"names":[],"mappings":"AAuCA,QAAA,MAAM,SAAS,0CA0Ld,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/block/tool.tsx"],"names":[],"mappings":"AAuCA,QAAA,MAAM,SAAS,0CA0Ld,CAAA;eAEc,SAAS"}

package/dist/block/tool.js

@@ -4,9 +4,9 @@ import { BlockNode, collectAlignmentAnchors, emitter, resolveFrozenFloorPlacemen
 import { getFloorStackPreviewPosition, isAlignmentGuideActive, isGridSnapActive, isMagneticSnapActive, movementSfxStepKey, resolvePointerSupportSurface, triggerSFX, useAlignmentGuides, useEditor, useInteractionScope, useRegistryToolContext, } from '@pascal-app/editor';
 import { useThree } from '@react-three/fiber';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { getLevelLocalSnappedPosition, isForcePlacementEvent, resolveAlignedFloorPlacement, stopPlacementCommitPropagation, subscribeFloorPlacementClicks, } from '../shared/floor-placement';
-import { blockBounds, blockDefinition } from './definition';
-import BlockPreview from './preview';
+import { getLevelLocalSnappedPosition, isForcePlacementEvent, resolveAlignedFloorPlacement, stopPlacementCommitPropagation, subscribeFloorPlacementClicks, } from '../shared/floor-placement.js';
+import { blockBounds, blockDefinition } from './definition.js';
+import BlockPreview from './preview.js';
 const BlockTool = () => {
     const { activeLevelId, sceneApi, selectNode } = useRegistryToolContext();
     const { canPlaceOnFloor } = useSpatialQuery();

package/dist/block/use-block-face-operation.d.ts

@@ -3,10 +3,10 @@ import { type SelectionAffordanceProps } from '@pascal-app/editor';
 import { type Dispatch, type MutableRefObject, type SetStateAction } from 'react';
 import type { Camera, Object3D } from 'three';
 import { Vector2 } from 'three';
-import { type BlockCommand, type BlockSelection } from './commands';
-import type { BlockSfxAction } from './interaction-sfx';
-import { type BlockExtrudeAxis, type BlockModalFaceOperation } from './modal-face-operation';
-import { type BlockModalFeedbackMode } from './modal-transform';
+import { type BlockCommand, type BlockSelection } from './commands.js';
+import type { BlockSfxAction } from './interaction-sfx.js';
+import { type BlockExtrudeAxis, type BlockModalFaceOperation } from './modal-face-operation.js';
+import { type BlockModalFeedbackMode } from './modal-transform.js';
 type StateSetter<T> = Dispatch<SetStateAction<T>>;
 export type UseBlockFaceOperationOptions = {
     beginInputDrag: SelectionAffordanceProps['interactionApi']['beginInputDrag'];

package/dist/block/use-block-face-operation.js

@@ -1,12 +1,12 @@
 import { isGridSnapActive, meshEditScope, swallowNextClick, useEditor, useInteractionScope, } from '@pascal-app/editor';
 import { useCallback, useMemo, } from 'react';
 import { Vector2, Vector3 } from 'three';
-import { applyBlockCommand, blockFaceNormal, } from './commands';
-import { BLOCK_SUPPORT_REFUSAL, createBlockTopologyPreview } from './hosted-edit';
-import { blockFaceOperationCommand, blockFaceOperationValueFromPointer, } from './modal-face-operation';
-import { beginBlockModalSession } from './modal-session';
-import { blockPointerDistanceForAxis, blockTransformAxisFromKey, blockTransformNumericInputFromKey, blockTransformNumericValue, } from './modal-transform';
-import { blockLocalPointToClient, blockSelectionCentroid, blockTopologyClientExtent, } from './selection-geometry';
+import { applyBlockCommand, blockFaceNormal, } from './commands.js';
+import { BLOCK_SUPPORT_REFUSAL, createBlockTopologyPreview } from './hosted-edit.js';
+import { blockFaceOperationCommand, blockFaceOperationValueFromPointer, } from './modal-face-operation.js';
+import { beginBlockModalSession } from './modal-session.js';
+import { blockPointerDistanceForAxis, blockTransformAxisFromKey, blockTransformNumericInputFromKey, blockTransformNumericValue, } from './modal-transform.js';
+import { blockLocalPointToClient, blockSelectionCentroid, blockTopologyClientExtent, } from './selection-geometry.js';
 export function useBlockFaceOperation({ beginInputDrag, camera, cancelRef, canvas, closeToolbar, commit, displayTopology, extent, lastPointerClientRef, mode, nodeId, ownsEditSession, playSfx, sceneApi, selectedIds, selection, setActiveFaceOperation, setError, setFaceOperationAxis, setFaceOperationValue, setModalFeedbackMode, setPreviewTopology, setTransformNumericInput, target, }) {
     const topologyPreview = useMemo(() => createBlockTopologyPreview(nodeId, sceneApi), [nodeId, sceneApi]);
     return useCallback((operation) => {

package/dist/box-vent/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { BoxVentNode } from './schema';
+import { BoxVentNode } from './schema.js';
 /**
  * Box vent — a small louvered ventilation box that sits on a roof
  * slope. Parented to a `roof-segment`; position is segment-local;

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/box-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA4ItC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CA4DhE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/box-vent/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA4ItC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,OAAO,WAAW,CA0DhE,CAAA"}

package/dist/box-vent/definition.js

@@ -1,8 +1,8 @@
-import { BoxVentNode as BoxVentNodeSchema, } from '@pascal-app/core';
-import { buildBoxVentFloorplan } from './floorplan';
-import { boxVentPaint } from './paint';
-import { boxVentParametrics } from './parametrics';
-import { BoxVentNode } from './schema';
+import { BoxVentNode as BoxVentNodeSchema, boxVentSlots, } from '@pascal-app/core';
+import { buildBoxVentFloorplan } from './floorplan.js';
+import { boxVentPaint } from './paint.js';
+import { boxVentParametrics } from './parametrics.js';
+import { BoxVentNode } from './schema.js';
 // Edge-to-arrow-center offset, matching the chimney / dormer cadence.
 const SIDE_HANDLE_OFFSET = 0.25;
 const HEIGHT_HANDLE_OFFSET = 0.2;
@@ -171,10 +171,8 @@ export const boxVentDefinition = {
         return rest;
     },
     capabilities: {
-        slots: () => [
-            { slotId: 'base', label: 'Base', default: 'library:preset-softwhite' },
-            { slotId: 'top', label: 'Top', default: 'library:preset-softwhite' },
-        ],
+        exterior: true,
+        slots: boxVentSlots,
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
         deletable: true,
@@ -190,12 +188,12 @@ export const boxVentDefinition = {
     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'),
     affordanceTools: {
-        move: () => import('./move-tool'),
+        move: () => import('./move-tool.js'),
     },
     toolHints: [
         { key: 'Left click', label: 'Place box vent on roof' },

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

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/box-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAuB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,uBAAuB;;;CAG1B,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC,cAAc,CAI5E;AAwnBD;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACxF,MAAM,EAAE,MAAM,GACb,MAAM,CAKR"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/box-vent/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAuB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,uBAAuB;aAClC,IAAI,EAAE,CAAC;aACP,GAAG,EAAE,CAAC;CACE,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC,cAAc,CAI5E;AAwnBD;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACxF,MAAM,EAAE,MAAM,GACb,MAAM,CAKR"}

package/dist/box-vent/geometry.js

@@ -1,6 +1,6 @@
 import { getActiveRoofHeight } from '@pascal-app/core';
 import * as THREE from 'three';
-import { copyUvToSecondaryChannel } from '../shared/primitive-uv';
+import { copyUvToSecondaryChannel } from '../shared/primitive-uv.js';
 export const BOX_VENT_MATERIAL_INDEX = {
     base: 0,
     top: 1,
@@ -222,7 +222,7 @@ function buildCapShape(node) {
     return buildBufferGeometry(positions, normals, uvs, topStartVertex);
 }
 function clamp01(value) {
-    return value < 0 ? 0 : value > 1 ? 1 : value;
+    return Math.min(Math.max(value, 0), 1);
 }
 // ─── Dome style (bullnose vent) ──────────────────────────────────────
 // A stainless bullnose vent: a smooth half-ellipsoid dome that overhangs a

package/dist/box-vent/index.d.ts

@@ -1,4 +1,4 @@
-export { boxVentDefinition } from './definition';
-export { buildBoxVentGeometry, computeBoxVentSlopeTilt } from './geometry';
-export { BoxVentNode } from './schema';
+export { boxVentDefinition } from './definition.js';
+export { buildBoxVentGeometry, computeBoxVentSlopeTilt } from './geometry.js';
+export { BoxVentNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/box-vent/index.js

@@ -1,3 +1,3 @@
-export { boxVentDefinition } from './definition';
-export { buildBoxVentGeometry, computeBoxVentSlopeTilt } from './geometry';
-export { BoxVentNode } from './schema';
+export { boxVentDefinition } from './definition.js';
+export { buildBoxVentGeometry, computeBoxVentSlopeTilt } from './geometry.js';
+export { BoxVentNode } from './schema.js';

package/dist/box-vent/move-tool.js

@@ -4,10 +4,10 @@ import { emitter, sceneRegistry, useScene, } from '@pascal-app/core';
 import { consumePlacementDragRelease, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useCallback, useEffect, useState } from 'react';
 import * as THREE from 'three';
-import { createRelativeRoofDrag, roofSegmentLocalToBuildingLocal, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag';
-import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides';
-import BoxVentPreview from './preview';
+import { createRelativeRoofDrag, roofSegmentLocalToBuildingLocal, snapRelativeRoofDragTarget, } from '../shared/relative-roof-drag.js';
+import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, snapRoofSurfaceNodeTarget, } from '../shared/roof-surface-placement-guides.js';
+import BoxVentPreview from './preview.js';
 /**
  * Box-vent move tool. Mirrors the placement tool's cursor behaviour
  * (ghost follows the roof surface; click on a roof commits) but for an

package/dist/box-vent/paint.js

@@ -1,5 +1,5 @@
-import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint';
-import { BOX_VENT_MATERIAL_INDEX } from './geometry';
+import { buildSlotPreviewMaterial, createSlotPaintCapability } from '../shared/slot-paint.js';
+import { BOX_VENT_MATERIAL_INDEX } from './geometry.js';
 export function resolveBoxVentMaterialRole(materialIndex) {
     return materialIndex === BOX_VENT_MATERIAL_INDEX.top ? 'top' : 'base';
 }

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/box-vent/panel.tsx"],"names":[],"mappings":"AA0BA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,uCA0ZnC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/box-vent/panel.tsx"],"names":[],"mappings":"AA0BA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,uCAiYnC"}