@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/window/panel.js

@@ -1,13 +1,17 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useInteractive, useScene, WindowNode, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, cn, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cornerPair, fusesAtCorner, runAsSingleSceneHistoryStep, scriptImages, useInteractive, useScene, } from '@pascal-app/core';
+import { isAgentRefusal } from '@pascal-app/core/agent-tools';
+import { cornerPartnerUpdates, cornerSideWidth, getWindowStyleOverrides, SHAPED_WINDOW_TYPES, SILLLESS_WINDOW_TYPES, unwrapCorner, WINDOW_STYLE_CHOICES, WINDOW_STYLE_LABELS, windowStylesOf, windowTakesStyle, windowTypeChange, wrapCorner, } from '@pascal-app/core/building';
+import { ActionButton, ActionGroup, cn, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, writeWindowChanges, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, FlipHorizontal2, Move, Trash2 } from 'lucide-react';
 import { useCallback, useEffect, useMemo } from 'react';
-import { constrainCurtainOpening, curtainOpeningLimits } from '../shared/curtain-opening-limits';
-import { createOpeningPropertyPreview } from '../shared/opening-property-preview';
-import { openingPropertyPreviewHost } from '../shared/opening-property-preview-host';
+import { AuthoredParams } from '../item/authored-params.js';
+import { constrainCurtainOpening, curtainOpeningLimits } from '../shared/curtain-opening-limits.js';
+import { createOpeningPropertyPreview } from '../shared/opening-property-preview.js';
+import { openingPropertyPreviewHost } from '../shared/opening-property-preview-host.js';
+import { windowTypeOptions } from './placement.js';
 function isSameWindowValue(current, next) {
     if (typeof current === 'number' && typeof next === 'number') {
         return Math.abs(current - next) < 1e-6;
@@ -28,25 +32,22 @@ function normalizeWindowCornerRadii(radii, width, height) {
         return next;
     return next.map((radius) => radius * scale);
 }
-const windowTypeOptions = [
-    { label: 'Fixed', value: 'fixed' },
-    { label: 'Sliding', value: 'sliding' },
-    { label: 'Casement', value: 'casement' },
-    { label: 'Awning', value: 'awning' },
-    { label: 'Single Hung', value: 'single-hung' },
-    { label: 'Double Hung', value: 'double-hung' },
-    { label: 'Bay', value: 'bay' },
-    { label: 'Bow', value: 'bow' },
-    { label: 'Louvered', value: 'louvered' },
-];
-const shapedWindowTypes = new Set([
-    'fixed',
-    'casement',
-    'awning',
-    'hopper',
-    'louvered',
-]);
-const silllessWindowTypes = new Set(['bay', 'bow']);
+/** The Corner section's pill buttons: a token hover, the press, the keyboard focus ring. */
+const CORNER_BUTTON = 'outline-hidden transition-[background-color,scale] duration-150 hover:bg-foreground/[0.06] focus-visible:outline-2 focus-visible:outline-foreground/50 focus-visible:outline-offset-2 motion-safe:active:scale-[0.96]';
+/** A change to one side of a corner window that both share, made on its partner too. */
+function syncCornerPartner(windowId, updates) {
+    const scene = useScene.getState();
+    const partnerUpdate = cornerPartnerUpdates(scene.nodes, windowId, updates);
+    const partnerId = scene.nodes[windowId]?.corner
+        ?.partnerId;
+    if (!partnerUpdate || !partnerId)
+        return;
+    scene.updateNode(partnerId, partnerUpdate);
+    scene.dirtyNodes.add(partnerId);
+    const parentId = scene.nodes[partnerId]?.parentId;
+    if (parentId)
+        scene.dirtyNodes.add(parentId);
+}
 export default function WindowPanel() {
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
@@ -57,8 +58,8 @@ export default function WindowPanel() {
         : null, [selectedId]);
     useEffect(() => () => preview?.cancel(), [preview]);
     const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
-    // Panel slider-drag fix recipe (plans/editor-node-registry.md). Without
-    // it, the 15+ SliderControls in this panel would loop on drag.
+    // Stable handler refs ("Custom panels" in wiki/architecture/node-definitions.md).
+    // Without them, the 15+ SliderControls in this panel would loop on drag.
     const handleUpdate = useCallback((updates) => {
         if (!selectedId)
             return;
@@ -72,14 +73,84 @@ export default function WindowPanel() {
         });
         if (!hasChange)
             return;
-        useScene.getState().updateNode(selectedId, updates);
-        const scene = useScene.getState();
-        scene.dirtyNodes.add(selectedId);
-        if (liveNode.parentId)
-            scene.dirtyNodes.add(liveNode.parentId);
+        // A corner window's partner follows in the same undo step, so undo never splits the pair.
+        runAsSingleSceneHistoryStep(useScene, () => {
+            useScene.getState().updateNode(selectedId, updates);
+            const scene = useScene.getState();
+            scene.dirtyNodes.add(selectedId);
+            if (liveNode.parentId)
+                scene.dirtyNodes.add(liveNode.parentId);
+            syncCornerPartner(selectedId, updates);
+        });
     }, [selectedId]);
+    // A corner window's sides: its partner, and whether this window can wrap its corner. Planned
+    // when the window, its wall or its partner changes, not on every scene update.
+    const hostWall = useScene((s) => node?.parentId ? s.nodes[node.parentId] : undefined);
+    const cornerPartner = useScene((s) => {
+        const partner = node?.corner ? s.nodes[node.corner.partnerId] : undefined;
+        return partner?.type === 'window' ? partner : undefined;
+    });
+    const cornerState = useMemo(() => {
+        // Read from the scene below; these only say when to plan again.
+        void hostWall;
+        void cornerPartner;
+        if (node?.type !== 'window')
+            return 'none';
+        const nodes = useScene.getState().nodes;
+        if (cornerPair(nodes, node))
+            return 'paired';
+        // Within 0.30 m of a corner, not only at it: the window waiting there is adopted, or a partner made.
+        try {
+            wrapCorner(nodes, node.id);
+            return 'wrappable';
+        }
+        catch (error) {
+            if (isAgentRefusal(error))
+                return 'none';
+            throw error;
+        }
+    }, [node, hostWall, cornerPartner]);
+    const corner = cornerState === 'paired' && cornerPartner
+        ? { paired: true, partner: cornerPartner }
+        : cornerState === 'wrappable'
+            ? { paired: false }
+            : null;
+    const writeWindows = (updates) => writeWindowChanges({ create: null, updates, remove: [] });
+    const wrapTheCorner = () => {
+        if (!selectedId)
+            return;
+        try {
+            const { create, updates } = wrapCorner(useScene.getState().nodes, selectedId);
+            writeWindowChanges({ create, updates, remove: [] });
+        }
+        catch (error) {
+            // The scene changed since the panel offered it: the window stays as it is.
+            if (!isAgentRefusal(error))
+                throw error;
+        }
+    };
+    const setCornerWidth = (windowId, width) => {
+        const update = cornerSideWidth(useScene.getState().nodes, windowId, width);
+        if (update)
+            writeWindows({ [windowId]: update });
+    };
+    const setCornerPost = (post) => {
+        if (!(selectedId && corner?.paired && node?.corner))
+            return;
+        writeWindows({
+            [selectedId]: { corner: { ...node.corner, post } },
+            [corner.partner.id]: { corner: { ...corner.partner.corner, post } },
+        });
+    };
     const previewWindowUpdate = (key, value) => preview?.preview({ [key]: value });
-    const commitWindowPreview = (key, value) => preview?.commit({ [key]: value });
+    // A committed change a corner window shares with its partner (its height, frame, sill) takes the
+    // partner along, in the same undo step.
+    const commitPreview = (updates) => runAsSingleSceneHistoryStep(useScene, () => {
+        preview?.commit(updates);
+        if (selectedId)
+            syncCornerPartner(selectedId, updates);
+    });
+    const commitWindowPreview = (key, value) => commitPreview({ [key]: value });
     const handleClose = useCallback(() => {
         setSelection({ selectedIds: [] });
     }, [setSelection]);
@@ -108,51 +179,9 @@ export default function WindowPanel() {
         setSelection({ selectedIds: [] });
     }, [selectedId, node, deleteNode, setSelection]);
     const handleDuplicate = useCallback(() => {
-        if (!node?.parentId)
-            return;
-        triggerSFX('sfx:item-pick');
-        useScene.temporal.getState().pause();
-        const duplicate = WindowNode.parse({
-            position: [...node.position],
-            rotation: [...node.rotation],
-            side: node.side,
-            wallId: node.wallId,
-            dormerId: node.dormerId,
-            dormerFace: node.dormerFace,
-            roofSegmentId: node.roofSegmentId,
-            roofFace: node.roofFace,
-            parentId: node.parentId,
-            width: node.width,
-            height: node.height,
-            roughOpeningWidth: node.roughOpeningWidth,
-            roughOpeningHeight: node.roughOpeningHeight,
-            windowType: node.windowType,
-            operationState: node.operationState,
-            awningDirection: node.awningDirection,
-            casementStyle: node.casementStyle,
-            hingesSide: node.hingesSide,
-            frameThickness: node.frameThickness,
-            frameDepth: node.frameDepth,
-            openingKind: node.openingKind,
-            openingShape: node.openingShape,
-            openingRadiusMode: node.openingRadiusMode ?? 'all',
-            openingCornerRadii: [...(node.openingCornerRadii ?? [0.15, 0.15, 0.15, 0.15])],
-            cornerRadius: node.cornerRadius,
-            archHeight: node.archHeight,
-            openingRevealRadius: node.openingRevealRadius,
-            columnRatios: [...node.columnRatios],
-            rowRatios: [...node.rowRatios],
-            columnDividerThickness: node.columnDividerThickness,
-            rowDividerThickness: node.rowDividerThickness,
-            sill: node.sill,
-            sillDepth: node.sillDepth,
-            sillThickness: node.sillThickness,
-            metadata: { isNew: true },
-        });
-        useScene.getState().createNode(duplicate, node.parentId);
-        setMovingNode(duplicate);
-        setSelection({ selectedIds: [] });
-    }, [node, setMovingNode, setSelection]);
+        if (node)
+            duplicateNodeAndPickUp(node);
+    }, [node]);
     if (!(node && node.type === 'window' && selectedId))
         return null;
     const limits = curtainOpeningLimits(node, useScene.getState().nodes);
@@ -163,6 +192,8 @@ export default function WindowPanel() {
     const normCols = node.columnRatios.map((r) => r / colSum);
     const normRows = node.rowRatios.map((r) => r / rowSum);
     const isOpening = node.openingKind === 'opening';
+    // Built from a script: its params replace the parametric frame's fields, as on an authored item.
+    const scripted = Boolean(node.source);
     const openingShape = node.openingShape ?? 'rectangle';
     const windowShape = openingShape === 'arch' || openingShape === 'rounded' ? openingShape : 'rectangle';
     const openingRadiusMode = node.openingRadiusMode ?? 'all';
@@ -181,18 +212,20 @@ export default function WindowPanel() {
         windowType === 'hopper' ||
         windowType === 'louvered';
     const isOperableWindow = isTrackSashWindow || isOperableSashWindow;
-    const supportsWindowShape = shapedWindowTypes.has(node.windowType ?? 'fixed');
+    const supportsWindowShape = SHAPED_WINDOW_TYPES.has(node.windowType ?? 'fixed');
     const supportsGrid = isFixedWindow;
-    const supportsSill = !silllessWindowTypes.has(node.windowType);
-    const showWindowTypeSection = !isOpening;
-    const showWindowShapeSection = !isOpening && supportsWindowShape;
-    const showOpeningShapeSection = isOpening;
-    const showFrameSection = !isOpening;
-    const showGridSection = !isOpening && supportsGrid;
-    const showSillSection = !isOpening && supportsSill;
-    const showOperationSection = !isOpening && isOperableWindow;
-    const showAwningDirectionSection = !isOpening && displayedWindowType === 'awning';
-    const showCasementSection = !isOpening && windowType === 'casement';
+    const supportsSill = !SILLLESS_WINDOW_TYPES.has(node.windowType);
+    const showWindowTypeSection = !scripted && !isOpening;
+    const windowStyles = windowStylesOf(node);
+    const showWindowShapeSection = !scripted && !isOpening && supportsWindowShape;
+    const showOpeningShapeSection = !scripted && isOpening;
+    const showFrameSection = !scripted && !isOpening;
+    const showGridSection = !scripted && !isOpening && supportsGrid;
+    const showStyleSection = !scripted && !isOpening && windowTakesStyle(node.windowType);
+    const showSillSection = !scripted && !isOpening && supportsSill;
+    const showOperationSection = !scripted && !isOpening && isOperableWindow;
+    const showAwningDirectionSection = !scripted && !isOpening && displayedWindowType === 'awning';
+    const showCasementSection = !scripted && !isOpening && windowType === 'casement';
     const showFlipSide = !isOpening;
     const operationLabel = isTrackSashWindow
         ? windowType === 'sliding'
@@ -266,7 +299,7 @@ export default function WindowPanel() {
         });
         handleUpdate({ rowRatios: newRatios });
     };
-    return (_jsxs(PanelWrapper, { icon: "/icons/window.webp", onClose: handleClose, title: node.name || 'Window', width: 320, children: [_jsx(PanelSection, { title: "Type", children: _jsx(SegmentedControl, { onChange: (value) => handleUpdate({
+    return (_jsxs(PanelWrapper, { icon: scriptImages(node)?.thumbnail ?? '/icons/window.webp', onClose: handleClose, title: node.name || 'Window', width: 320, children: [!scripted && (_jsx(PanelSection, { title: "Type", children: _jsx(SegmentedControl, { onChange: (value) => handleUpdate({
                         openingKind: value,
                         ...(value === 'opening'
                             ? {
@@ -281,17 +314,13 @@ export default function WindowPanel() {
                     }), options: [
                         { value: 'window', label: 'Window' },
                         { value: 'opening', label: 'Opening' },
-                    ], value: node.openingKind ?? 'window' }) }), showWindowTypeSection && (_jsxs(PanelSection, { title: "Window Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: windowTypeOptions.map((option) => {
+                    ], value: node.openingKind ?? 'window' }) })), showWindowTypeSection && (_jsxs(PanelSection, { title: "Window Type", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: windowTypeOptions.map((option) => {
                             const isSelected = displayedWindowType === 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: () => handleUpdate({
-                                    windowType: 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: () => handleUpdate({
+                                    ...windowTypeChange(node, option.value),
                                     ...(option.value === 'awning' ? { awningDirection } : {}),
-                                    ...(!shapedWindowTypes.has(option.value)
-                                        ? { openingShape: 'rectangle' }
-                                        : {}),
-                                    ...(silllessWindowTypes.has(option.value) ? { sill: false } : {}),
                                 }), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
                         }) }), showAwningDirectionSection && (_jsx("div", { className: "mt-2", children: _jsx(SegmentedControl, { onChange: (value) => handleUpdate({
                                 windowType: 'awning',
@@ -305,7 +334,12 @@ export default function WindowPanel() {
                                 ], value: node.casementStyle ?? 'single' }), (node.casementStyle ?? 'single') === 'single' && (_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ hingesSide: value }), options: [
                                     { value: 'left', label: 'Left' },
                                     { value: 'right', label: 'Right' },
-                                ], value: node.hingesSide ?? 'left' }))] })), showOperationSection && (_jsx("div", { className: "mt-2", children: _jsx(SliderControl, { label: operationLabel, max: 1, min: 0, onChange: setOperationState, precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.operationState ?? 0) * 100) / 100 }) }))] })), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[0] }), _jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["Y", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [node.position[0], v, node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[1] }), showFlipSide && (_jsx("div", { className: "px-1 pt-2 pb-1", children: _jsx(ActionButton, { className: "w-full", icon: _jsx(FlipHorizontal2, { className: "h-4 w-4" }), label: "Flip Side", onClick: handleFlip }) }))] }), _jsxs(PanelSection, { title: "Dimensions", children: [limits && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Size is limited to the wall, including clearance for the opening frame." })), _jsx(SliderControl, { label: "Width", max: limits?.width, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ width: v })), onCommit: (v) => preview?.commit(getDimensionUpdates({ width: v })), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Height", max: limits?.height, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ height: v })), onCommit: (v) => preview?.commit(getDimensionUpdates({ height: v })), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height })] }), showWindowShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({
+                                ], value: node.hingesSide ?? 'left' }))] })), showOperationSection && (_jsx("div", { className: "mt-2", children: _jsx(SliderControl, { label: operationLabel, max: 1, min: 0, onChange: setOperationState, precision: 2, restoreOnCommit: false, step: 0.05, value: Math.round((node.operationState ?? 0) * 100) / 100 }) }))] })), showStyleSection && (_jsxs(PanelSection, { title: "Style", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 px-1 pt-1", children: WINDOW_STYLE_CHOICES.map((style) => (_jsx("button", { "aria-pressed": windowStyles.includes(style), className: cn('flex min-h-10 items-center rounded-lg border px-3 py-2 text-left text-xs transition-colors', windowStyles.includes(style)
+                                ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
+                                : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate(getWindowStyleOverrides(style)), type: "button", children: _jsx("span", { className: "truncate font-medium", children: WINDOW_STYLE_LABELS[style] }) }, style))) }), !windowStyles.length && (_jsx("p", { className: "px-1 pt-2 text-muted-foreground text-xs", children: "Custom: the panes match no style." }))] })), corner && (_jsx(PanelSection, { title: "Corner", children: corner.paired ? (_jsxs("div", { className: "flex flex-col gap-2 px-1 pb-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-xs", children: [_jsxs("span", { className: "text-muted-foreground", children: ["Wraps the corner with ", corner.partner.name || 'its partner'] }), _jsx("button", { className: cn('rounded-full border border-border/50 px-3 py-1 text-xs', CORNER_BUTTON), onClick: () => selectedId && writeWindows(unwrapCorner(useScene.getState().nodes, selectedId)), type: "button", children: "Unwrap" })] }), _jsx(SliderControl, { label: "This side", min: 0.1, onChange: (v) => selectedId && setCornerWidth(selectedId, v), precision: 2, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Other side", min: 0.1, onChange: (v) => setCornerWidth(corner.partner.id, v), precision: 2, step: 0.05, unit: "m", value: corner.partner.width }), fusesAtCorner(node) && (_jsx(SegmentedControl, { onChange: setCornerPost, options: [
+                                { label: 'Fused glass', value: 'none' },
+                                { label: 'Corner post', value: 'post' },
+                            ], value: node.corner?.post ?? 'none' }))] })) : (_jsx("div", { className: "px-1 pb-1", children: _jsx("button", { className: cn('w-full rounded-full border border-border/50 px-3 py-2 text-xs', CORNER_BUTTON), onClick: wrapTheCorner, type: "button", children: "Wrap the corner" }) })) })), _jsxs(PanelSection, { title: "Position", children: [!corner?.paired && (_jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["X", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [v, node.position[1], node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[0] })), _jsx(SliderControl, { label: _jsxs(_Fragment, { children: ["Y", _jsx("sub", { className: "ml-[1px] text-[11px] opacity-70", children: "pos" })] }), onChange: (v) => handleUpdate({ position: [node.position[0], v, node.position[2]] }), precision: 2, step: 0.1, unit: "m", value: node.position[1] }), showFlipSide && (_jsx("div", { className: "px-1 pt-2 pb-1", children: _jsx(ActionButton, { className: "w-full", icon: _jsx(FlipHorizontal2, { className: "h-4 w-4" }), label: "Flip Side", onClick: handleFlip }) }))] }), scripted && _jsx(AuthoredParams, { node: node }), !scripted && (_jsxs(PanelSection, { title: "Dimensions", children: [limits && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Size is limited to the wall, including clearance for the opening frame." })), !corner?.paired && (_jsx(SliderControl, { label: "Width", max: limits?.width, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ width: v })), onCommit: (v) => preview?.commit(getDimensionUpdates({ width: v })), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.width })), _jsx(SliderControl, { label: "Height", max: limits?.height, min: 0.01, onChange: (v) => preview?.preview(getDimensionUpdates({ height: v })), onCommit: (v) => commitPreview(getDimensionUpdates({ height: v })), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.01, unit: "m", value: node.height })] })), showWindowShapeSection && (_jsxs(PanelSection, { title: "Top Shape", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({
                             openingShape: value,
                             ...(value === 'rounded'
                                 ? {
@@ -341,11 +375,11 @@ export default function WindowPanel() {
                                     ['Top Right', 1],
                                     ['Bottom Right', 2],
                                     ['Bottom Left', 3],
-                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingCornerRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), openingShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => previewWindowUpdate('archHeight', value), onCommit: (value) => commitWindowPreview('archHeight', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }) }))] })), !isOpening && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => previewWindowUpdate('frameThickness', v), onCommit: (v) => commitWindowPreview('frameThickness', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameThickness }), _jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => previewWindowUpdate('frameDepth', v), onCommit: (v) => commitWindowPreview('frameDepth', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameDepth })] })), showGridSection && (_jsxs(PanelSection, { title: "Grid", children: [_jsx(SliderControl, { label: "Columns", max: 8, min: 1, onChange: (v) => {
+                                ].map(([label, index]) => (_jsx(SliderControl, { label: label, max: maxRoundedRadius, min: 0, onChange: (value) => setOpeningCornerRadius(index, value), onCommit: (value) => setOpeningCornerRadius(index, value, true), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 2, step: 0.05, unit: "m", value: openingCornerRadii[index] ?? 0 }, label))) })), _jsx(SliderControl, { label: "Reveal Radius", max: 0.08, min: 0, onChange: (value) => previewWindowUpdate('openingRevealRadius', value), onCommit: (value) => commitWindowPreview('openingRevealRadius', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.005, unit: "m", value: openingRevealRadius })] })), openingShape === 'arch' && (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: _jsx(SliderControl, { label: "Arch Height", max: Math.max(0.05, node.height), min: 0.05, onChange: (value) => previewWindowUpdate('archHeight', value), onCommit: (value) => commitWindowPreview('archHeight', value), onCancel: () => preview?.cancel(), previewWhileTyping: true, precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: archHeight }) }))] })), !isOpening && !scripted && (_jsxs(_Fragment, { children: [showFrameSection && (_jsxs(PanelSection, { title: "Frame", children: [_jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => previewWindowUpdate('frameThickness', v), onCommit: (v) => commitWindowPreview('frameThickness', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameThickness }), _jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => previewWindowUpdate('frameDepth', v), onCommit: (v) => commitWindowPreview('frameDepth', v), onCancel: () => preview?.cancel(), previewWhileTyping: true, restoreOnCommit: false, precision: 3, step: 0.01, unit: "m", value: node.frameDepth })] })), showGridSection && (_jsxs(PanelSection, { title: "Grid", children: [_jsx(SliderControl, { label: "Columns", max: 8, min: 1, onChange: (v) => {
                                     const n = Math.max(1, Math.min(8, Math.round(v)));
                                     handleUpdate({ columnRatios: Array(n).fill(1 / n) });
                                 }, precision: 0, step: 1, value: numCols }), _jsx(SliderControl, { label: "Rows", max: 8, min: 1, onChange: (v) => {
                                     const n = Math.max(1, Math.min(8, Math.round(v)));
                                     handleUpdate({ rowRatios: Array(n).fill(1 / n) });
-                                }, precision: 0, step: 1, value: numRows }), numCols > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Col Widths" }), normCols.map((ratio, i) => (_jsx(SliderControl, { label: `C${i + 1}`, max: 95, min: 5, onChange: (v) => setColumnRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `c-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ columnDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.columnDividerThickness ?? 0.03 }) })] })), numRows > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Row Heights" }), normRows.map((ratio, i) => (_jsx(SliderControl, { label: `R${i + 1}`, max: 95, min: 5, onChange: (v) => setRowRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `r-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ rowDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.rowDividerThickness ?? 0.03 }) })] }))] })), showSillSection && (_jsxs(PanelSection, { title: "Sill", children: [_jsx(ToggleControl, { checked: node.sill, label: "Enable Sill", onChange: (checked) => handleUpdate({ sill: checked }) }), node.sill && (_jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => handleUpdate({ sillDepth: v }), precision: 3, step: 0.01, unit: "m", value: node.sillDepth }), _jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => handleUpdate({ sillThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.sillThickness })] }))] }))] })), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                                }, precision: 0, step: 1, value: numRows }), numCols > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Col Widths" }), normCols.map((ratio, i) => (_jsx(SliderControl, { label: `C${i + 1}`, max: 95, min: 5, onChange: (v) => setColumnRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `c-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ columnDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.columnDividerThickness ?? 0.03 }) })] })), numRows > 1 && (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("div", { className: "mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider", children: "Row Heights" }), normRows.map((ratio, i) => (_jsx(SliderControl, { label: `R${i + 1}`, max: 95, min: 5, onChange: (v) => setRowRatio(i, v / 100), precision: 1, step: 1, unit: "%", value: Math.round(ratio * 100 * 10) / 10 }, `r-${i}`))), _jsx("div", { className: "mt-1 border-border/50 border-t pt-1", children: _jsx(SliderControl, { label: "Divider", max: 0.1, min: 0.005, onChange: (v) => handleUpdate({ rowDividerThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.rowDividerThickness ?? 0.03 }) })] }))] })), showSillSection && (_jsxs(PanelSection, { title: "Sill", children: [_jsx(ToggleControl, { checked: node.sill, label: "Enable Sill", onChange: (checked) => handleUpdate({ sill: checked }) }), node.sill && (_jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsx(SliderControl, { label: "Depth", min: 0, onChange: (v) => handleUpdate({ sillDepth: v }), precision: 3, step: 0.01, unit: "m", value: node.sillDepth }), _jsx(SliderControl, { label: "Thickness", min: 0, onChange: (v) => handleUpdate({ sillThickness: v }), precision: 3, step: 0.01, unit: "m", value: node.sillThickness })] }))] }))] })), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/window/parametrics.d.ts

@@ -1,5 +1,5 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { WindowNode } from './schema';
+import type { WindowNode } from './schema.js';
 /**
  * Minimal inspector descriptor for window. Like door, the legacy
  * `<WindowPanel>` has 15+ SliderControls covering sashes, dividers,

package/dist/window/parametrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/window/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CAc9D,CAAA"}
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/window/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,oBAAoB,CAAC,UAAU,CAoB9D,CAAA"}

package/dist/window/parametrics.js

@@ -1,3 +1,4 @@
+import { unwrapCorner } from '@pascal-app/core/building';
 /**
  * Minimal inspector descriptor for window. Like door, the legacy
  * `<WindowPanel>` has 15+ SliderControls covering sashes, dividers,
@@ -6,6 +7,11 @@
  * `case 'window':`.
  */
 export const windowParametrics = {
+    // One side of a corner window deleted: the other is a plain window again, framed at the corner.
+    onDelete: (node, nodes) => Object.entries(unwrapCorner(nodes, node.id)).map(([id, data]) => ({
+        id: id,
+        data: data,
+    })),
     groups: [
         {
             label: 'Dimensions',
@@ -18,5 +24,5 @@ export const windowParametrics = {
     // Stage E — kind-owned panel mounted by <ParametricInspector>. Window
     // has 15+ controls (sashes, dividers, sill, frame, opening shape)
     // that don't fit the generic auto-inspector.
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
 };

package/dist/window/placement.d.ts

@@ -0,0 +1,29 @@
+import type { ToolHint, WindowNode } from '@pascal-app/core';
+import { type WindowStyle } from '@pascal-app/core/building';
+/** The window panel's Window Type row and the tool's Type chip. */
+export declare const windowTypeOptions: Array<{
+    label: string;
+    value: WindowNode['windowType'];
+}>;
+type WindowPlacementState = {
+    type: WindowNode['windowType'];
+    style: WindowStyle;
+    cycleType(): void;
+    cycleStyle(): void;
+};
+export declare const useWindowPlacement: import("zustand").UseBoundStore<import("zustand").StoreApi<WindowPlacementState>>;
+/**
+ * The window the tool places: the chips' type and style, as the panel writes them. The draft takes
+ * these by merge and the tool has no sill control, so the type always says whether there is a sill:
+ * cycled past Bay or Bow, a Fixed window would otherwise keep their "no sill".
+ */
+export declare function placedWindowFields(): Partial<WindowNode>;
+export declare const WINDOW_PLACEMENT_HINTS: ToolHint[];
+/** The plain click row, which gives way to the corner rows where a click does something else. */
+export declare const WINDOW_PLAIN_PLACE_VISIBLE: {
+    subscribe: (onChange: () => void) => () => void;
+    value: () => boolean;
+};
+export declare const WINDOW_CORNER_HINTS: ToolHint[];
+export {};
+//# sourceMappingURL=placement.d.ts.map

package/dist/window/placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../src/window/placement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/E,OAAO,EAKL,KAAK,WAAW,EAGjB,MAAM,2BAA2B,CAAA;AASlC,mEAAmE;AACnE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;CAAE,CAUvF,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9B,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,IAAI,IAAI,CAAA;IACjB,UAAU,IAAI,IAAI,CAAA;CACnB,CAAA;AAID,eAAO,MAAM,kBAAkB,mFAW5B,CAAA;AAEH;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,UAAU,CAAC,CAOxD;AAED,eAAO,MAAM,sBAAsB,EAAE,QAAQ,EAgC5C,CAAA;AAYD,iGAAiG;AACjG,eAAO,MAAM,0BAA0B;IACrC,SAAS,aAAa,MAAM,IAAI;IAChC,KAAK;CAIN,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,EASzC,CAAA"}

package/dist/window/placement.js

@@ -0,0 +1,92 @@
+// The window tool's placement choices: the chips [O] Type and [L] Style.
+import { getWindowStyleOverrides, SILLLESS_WINDOW_TYPES, WINDOW_STYLE_CHOICES, WINDOW_STYLE_LABELS, windowTakesStyle, windowTypeFields, } from '@pascal-app/core/building';
+import { CORNER_BLOCK_NOTES, cornerHintRows, useCornerSnapHint, } from '@pascal-app/editor';
+import { create } from 'zustand';
+/** The window panel's Window Type row and the tool's Type chip. */
+export const windowTypeOptions = [
+    { label: 'Fixed', value: 'fixed' },
+    { label: 'Sliding', value: 'sliding' },
+    { label: 'Casement', value: 'casement' },
+    { label: 'Awning', value: 'awning' },
+    { label: 'Single Hung', value: 'single-hung' },
+    { label: 'Double Hung', value: 'double-hung' },
+    { label: 'Bay', value: 'bay' },
+    { label: 'Bow', value: 'bow' },
+    { label: 'Louvered', value: 'louvered' },
+];
+const next = (list, value) => list[(list.indexOf(value) + 1) % list.length];
+export const useWindowPlacement = create((set, get) => ({
+    type: 'fixed',
+    style: 'single',
+    cycleType: () => set({
+        type: next(windowTypeOptions.map((option) => option.value), get().type),
+    }),
+    cycleStyle: () => set({ style: next(WINDOW_STYLE_CHOICES, get().style) }),
+}));
+/**
+ * The window the tool places: the chips' type and style, as the panel writes them. The draft takes
+ * these by merge and the tool has no sill control, so the type always says whether there is a sill:
+ * cycled past Bay or Bow, a Fixed window would otherwise keep their "no sill".
+ */
+export function placedWindowFields() {
+    const { type, style } = useWindowPlacement.getState();
+    return {
+        ...windowTypeFields(type),
+        sill: !SILLLESS_WINDOW_TYPES.has(type),
+        ...(windowTakesStyle(type) ? getWindowStyleOverrides(style) : {}),
+    };
+}
+export const WINDOW_PLACEMENT_HINTS = [
+    {
+        key: 'O',
+        label: 'Type',
+        chip: {
+            subscribe: (onChange) => useWindowPlacement.subscribe(onChange),
+            value: () => useWindowPlacement.getState().type,
+            cycle: () => useWindowPlacement.getState().cycleType(),
+            labels: Object.fromEntries(windowTypeOptions.map((option) => [option.value, `Type: ${option.label}`])),
+            tooltip: 'Window type — click or press O to cycle',
+        },
+    },
+    {
+        key: 'L',
+        label: 'Style',
+        // Shown only while the tool places a Fixed window, the one type a style shapes.
+        visible: {
+            subscribe: (onChange) => useWindowPlacement.subscribe(onChange),
+            value: () => windowTakesStyle(useWindowPlacement.getState().type),
+        },
+        chip: {
+            subscribe: (onChange) => useWindowPlacement.subscribe(onChange),
+            value: () => useWindowPlacement.getState().style,
+            cycle: () => useWindowPlacement.getState().cycleStyle(),
+            labels: Object.fromEntries(WINDOW_STYLE_CHOICES.map((style) => [style, `Style: ${WINDOW_STYLE_LABELS[style]}`])),
+            tooltip: 'Window style — click or press L to cycle',
+        },
+    },
+];
+/**
+ * What a click does while the ghost is inside a corner zone, or why it is not a corner: shown only
+ * there, so the hint appears when the window can join and goes when it leaves.
+ */
+const HINTS_FOR = [
+    'join',
+    'new',
+    ...Object.keys(CORNER_BLOCK_NOTES),
+];
+/** The plain click row, which gives way to the corner rows where a click does something else. */
+export const WINDOW_PLAIN_PLACE_VISIBLE = {
+    subscribe: (onChange) => useCornerSnapHint.subscribe(onChange),
+    value: () => {
+        const hint = useCornerSnapHint.getState().hint;
+        return hint !== 'join' && hint !== 'new';
+    },
+};
+export const WINDOW_CORNER_HINTS = HINTS_FOR.flatMap((hint) => cornerHintRows(hint).map((row) => ({
+    key: row.keys.join('+'),
+    label: row.label,
+    visible: {
+        subscribe: (onChange) => useCornerSnapHint.subscribe(onChange),
+        value: () => useCornerSnapHint.getState().hint === hint,
+    },
+})));

package/dist/window/preview.d.ts

@@ -1,4 +1,4 @@
-import type { WindowNode } from './schema';
+import type { WindowNode } from './schema.js';
 /**
  * Translucent preview of a window — used by the placement tool's floating ghost.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/window/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,2BAIpB;IACD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,gCAwBA,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/window/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,8BAIhB;IACD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,gCA0BA,CAAA;eAEc,aAAa"}

package/dist/window/preview.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { EDITOR_LAYER } from '@pascal-app/editor';
 import { buildWindowPreviewMesh } from '@pascal-app/viewer';
 import { useEffect, useMemo } from 'react';
-import { applyGhost } from '../shared/ghost-materials';
+import { applyGhost } from '../shared/ghost-materials.js';
 /**
  * Translucent preview of a window — used by the placement tool's floating ghost.
  *
@@ -17,6 +17,8 @@ import { applyGhost } from '../shared/ghost-materials';
 const WindowPreview = ({ node, invalid, valid, }) => {
     const mesh = useMemo(() => {
         const m = buildWindowPreviewMesh(node);
+        // The placement parent already applies the body offset; keep host context for depth.
+        m.position.z = node.position[2];
         m.layers.set(EDITOR_LAYER);
         return m;
     }, [node]);

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/window/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAW/F,eAAO,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCA4C5D,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/window/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAY/F,eAAO,MAAM,cAAc,aAAc;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCA6C5D,CAAA;eAEc,cAAc"}

package/dist/window/renderer.js

@@ -1,9 +1,10 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLiveNodeOverrides, useRegistry, useScene } from '@pascal-app/core';
 import { createMaterial, DEFAULT_WINDOW_MATERIAL, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useLayoutEffect, useMemo, useRef } from 'react';
-import { RoofFaceHostFrame } from '../shared/roof-face-host';
+import { RoofFaceHostFrame } from '../shared/roof-face-host.js';
+import { ScriptedOpeningModel } from '../shared/scripted-opening.js';
 export const WindowRenderer = ({ node }) => {
     const ref = useRef(null);
     useRegistry(node.id, 'window', ref);
@@ -27,7 +28,7 @@ export const WindowRenderer = ({ node }) => {
         node.material?.properties,
         node.material?.texture,
     ]);
-    const mesh = (_jsx("mesh", { material: material, position: renderNode.position, ref: ref, rotation: renderNode.rotation, visible: renderNode.visible, ...(isTransient ? {} : handlers), children: _jsx("boxGeometry", { args: [0, 0, 0] }) }));
+    const mesh = (_jsxs("mesh", { material: material, position: renderNode.position, ref: ref, rotation: renderNode.rotation, visible: renderNode.visible, ...(isTransient ? {} : handlers), children: [_jsx("boxGeometry", { args: [0, 0, 0] }), renderNode.source && _jsx(ScriptedOpeningModel, { node: renderNode })] }));
     if (!renderNode.roofSegmentId)
         return mesh;
     return (_jsx(RoofFaceHostFrame, { roofFace: renderNode.roofFace, roofSegmentId: renderNode.roofSegmentId, children: mesh }));

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

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

package/dist/window/system.js

@@ -1,5 +1,5 @@
 '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 { WindowAnimationSystem, WindowSystem } from '@pascal-app/viewer';
 /**
  * Registry-driven window system bundle.

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/window/tool.tsx"],"names":[],"mappings":"AAoGA;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAmgCvB,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/window/tool.tsx"],"names":[],"mappings":"AA+GA;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EA2oCvB,CAAA;eAEc,UAAU"}