npm - @pascal-app/editor - Versions diffs - 0.8.0 → 0.9.2 - Mend

@pascal-app/editor 0.8.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (350) hide show

package/package.json +15 -13
package/src/components/editor/alignment-3d-guide-layer.tsx +168 -0
package/src/components/editor/bake-exporter.tsx +47 -0
package/src/components/editor/custom-camera-controls.tsx +795 -28
package/src/components/editor/editor-layout-mobile.tsx +8 -3
package/src/components/editor/editor-layout-v2.tsx +76 -51
package/src/components/editor/export-manager.tsx +69 -32
package/src/components/editor/fence-tangent-lines-3d.tsx +87 -0
package/src/components/editor/first-person/build-collider-world.test.ts +182 -0
package/src/components/editor/first-person/build-collider-world.ts +228 -83
package/src/components/editor/first-person-controls.tsx +943 -27
package/src/components/editor/floating-action-menu.tsx +676 -208
package/src/components/editor/floating-building-action-menu.tsx +2 -2
package/src/components/editor/floorplan-background-selection.test.ts +58 -0
package/src/components/editor/floorplan-background-selection.ts +3 -2
package/src/components/editor/floorplan-panel.tsx +6916 -12137
package/src/components/editor/grid.tsx +197 -36
package/src/components/editor/group-actions.ts +457 -0
package/src/components/editor/group-floating-action-menu.tsx +130 -0
package/src/components/editor/group-move-3d.ts +397 -0
package/src/components/editor/group-rotate-handle.tsx +420 -0
package/src/components/editor/group-selection-box-3d.tsx +173 -0
package/src/components/editor/group-transform-shared.test.ts +396 -0
package/src/components/editor/group-transform-shared.ts +489 -0
package/src/components/editor/handles/handle-arrow.tsx +581 -0
package/src/components/editor/handles/use-handle-drag.ts +246 -0
package/src/components/editor/index.tsx +412 -162
package/src/components/editor/measurement-pill.tsx +115 -0
package/src/components/editor/node-action-menu.tsx +14 -1
package/src/components/editor/node-arrow-handles.tsx +1646 -0
package/src/components/editor/opening-guides-3d-layer.tsx +144 -0
package/src/components/editor/quick-measurement-card.tsx +70 -0
package/src/components/editor/quick-measurement-hud.tsx +28 -0
package/src/components/editor/riser-diagram-panel.tsx +137 -0
package/src/components/editor/selection-manager.tsx +1106 -483
package/src/components/editor/site-edge-labels.tsx +45 -21
package/src/components/editor/slab-hole-highlights.tsx +474 -0
package/src/components/editor/snapshot-capture-overlay.tsx +369 -155
package/src/components/editor/three-context-bridge.ts +22 -0
package/src/components/editor/thumbnail-generator.tsx +140 -41
package/src/components/editor/use-floorplan-background-placement.ts +190 -35
package/src/components/editor/use-floorplan-hit-testing.ts +24 -0
package/src/components/editor/use-floorplan-scene-data.ts +19 -7
package/src/components/editor/use-mesh-settle-epoch.ts +26 -0
package/src/components/editor/wall-measurement-label.tsx +14 -19
package/src/components/editor/wall-move-side-handles.tsx +870 -0
package/src/components/editor/wall-opening-highlights.tsx +181 -0
package/src/components/editor/wall-snap-beacon-layer.tsx +304 -0
package/src/components/editor-2d/floorplan-action-menu-layer.tsx +15 -6
package/src/components/editor-2d/floorplan-alignment-guide-layer.tsx +142 -0
package/src/components/editor-2d/floorplan-cursor-indicator-overlay.tsx +5 -3
package/src/components/editor-2d/floorplan-group-action-menu.tsx +87 -0
package/src/components/editor-2d/floorplan-group-move.tsx +701 -0
package/src/components/editor-2d/floorplan-measurement-tool-layer.test.ts +113 -0
package/src/components/editor-2d/floorplan-measurement-tool-layer.tsx +1656 -0
package/src/components/editor-2d/floorplan-quick-measure-layer.tsx +212 -0
package/src/components/editor-2d/floorplan-registry-action-menu.tsx +392 -0
package/src/components/editor-2d/floorplan-registry-move-overlay.tsx +857 -0
package/src/components/editor-2d/floorplan-render-context.tsx +62 -0
package/src/components/editor-2d/floorplan-snap-beacon-layer.tsx +77 -0
package/src/components/editor-2d/floorplan-wall-move-ghost-layer.tsx +47 -0
package/src/components/editor-2d/renderers/floorplan-geometry-renderer.tsx +266 -0
package/src/components/editor-2d/renderers/floorplan-label-angle.test.ts +15 -0
package/src/components/editor-2d/renderers/floorplan-label-angle.ts +14 -0
package/src/components/editor-2d/renderers/floorplan-measurements-layer.tsx +108 -66
package/src/components/editor-2d/renderers/floorplan-placement-preview-layer.tsx +62 -0
package/src/components/editor-2d/renderers/floorplan-registry-layer.test.ts +308 -0
package/src/components/editor-2d/renderers/floorplan-registry-layer.tsx +3325 -0
package/src/components/editor-2d/renderers/floorplan-stair-layer.tsx +24 -9
package/src/components/editor-2d/renderers/floorplan-voronoi-layer.tsx +128 -0
package/src/components/editor-2d/svg-paths.ts +10 -2
package/src/components/systems/ceiling/ceiling-selection-affordance-system.tsx +439 -57
package/src/components/systems/ceiling/ceiling-system.tsx +109 -12
package/src/components/systems/roof/roof-edit-system.tsx +1851 -22
package/src/components/systems/selection-affordance-manager.tsx +38 -0
package/src/components/systems/stair/stair-edit-system.tsx +1 -1
package/src/components/systems/zone/zone-label-editor-system.tsx +14 -1
package/src/components/systems/zone/zone-system.tsx +42 -13
package/src/components/tools/elevator/elevator-defaults.ts +8 -0
package/src/components/tools/elevator/elevator-tool.tsx +375 -0
package/src/components/tools/elevator/move-elevator-tool.tsx +263 -0
package/src/components/tools/fence/fence-drafting.ts +141 -27
package/src/components/tools/item/move-tool.tsx +45 -105
package/src/components/tools/item/placement-math.test.ts +22 -0
package/src/components/tools/item/placement-math.ts +59 -7
package/src/components/tools/item/placement-strategies.ts +432 -16
package/src/components/tools/item/placement-types.ts +22 -1
package/src/components/tools/item/use-draft-node.ts +51 -2
package/src/components/tools/item/use-placement-coordinator.tsx +1399 -256
package/src/components/tools/registry/move-registry-node-tool.tsx +1064 -0
package/src/components/tools/roof/roof-tool.tsx +350 -28
package/src/components/tools/select/box-select-state.ts +88 -0
package/src/components/tools/select/box-select-tool.tsx +442 -520
package/src/components/tools/select/marquee-geometry.test.ts +161 -0
package/src/components/tools/select/marquee-geometry.ts +155 -0
package/src/components/tools/select/plane-box-select-tool.tsx +570 -0
package/src/components/tools/select/screen-rectangle-selection.ts +84 -0
package/src/components/tools/select/select-candidates.test.ts +109 -0
package/src/components/tools/select/select-candidates.ts +85 -0
package/src/components/tools/shared/affordance-dispatch.ts +30 -0
package/src/components/tools/shared/cursor-sphere.tsx +62 -26
package/src/components/tools/shared/drag-bounding-box.tsx +195 -0
package/src/components/tools/shared/facing-indicator.tsx +87 -0
package/src/components/tools/shared/facing-pose-indicator.tsx +54 -0
package/src/components/tools/shared/floor-stack-preview.ts +25 -0
package/src/components/tools/shared/fresh-placement-visibility.ts +61 -0
package/src/components/tools/shared/placement-box-geometry.ts +123 -0
package/src/components/tools/shared/placement-box.tsx +305 -0
package/src/components/tools/shared/polygon-editor.tsx +866 -175
package/src/components/tools/shared/segment-angle.ts +56 -0
package/src/components/tools/site/site-boundary-editor.tsx +520 -16
package/src/components/tools/site/site-flag-model.ts +18 -0
package/src/components/tools/stair/stair-defaults.ts +2 -1
package/src/components/tools/stair/stair-tool.tsx +342 -37
package/src/components/tools/tool-manager.tsx +239 -62
package/src/components/tools/wall/wall-drafting.test.ts +330 -0
package/src/components/tools/wall/wall-drafting.ts +248 -171
package/src/components/tools/wall/wall-snap-geometry.test.ts +123 -0
package/src/components/tools/wall/wall-snap-geometry.ts +331 -0
package/src/components/tools/zone/zone-boundary-editor.tsx +5 -1
package/src/components/tools/zone/zone-tool.tsx +86 -82
package/src/components/ui/action-menu/action-button.tsx +21 -1
package/src/components/ui/action-menu/camera-actions.tsx +24 -17
package/src/components/ui/action-menu/control-modes.tsx +40 -170
package/src/components/ui/action-menu/furnish-tools.tsx +5 -5
package/src/components/ui/action-menu/index.tsx +3 -117
package/src/components/ui/action-menu/measurement-control.tsx +188 -0
package/src/components/ui/action-menu/structure-tools.tsx +27 -93
package/src/components/ui/action-menu/view-toggles.tsx +279 -90
package/src/components/ui/command-palette/editor-commands.tsx +20 -15
package/src/components/ui/command-palette/index.tsx +5 -3
package/src/components/ui/controls/material-paint-panel.tsx +152 -0
package/src/components/ui/controls/material-picker.tsx +87 -177
package/src/components/ui/controls/material-properties-editor.tsx +108 -0
package/src/components/ui/controls/metric-control.tsx +142 -46
package/src/components/ui/controls/scene-material-list.tsx +247 -0
package/src/components/ui/controls/slider-control.tsx +88 -38
package/src/components/ui/floating-level-selector.tsx +47 -10
package/src/components/ui/helpers/building-helper.tsx +10 -23
package/src/components/ui/helpers/contextual-helper-panel.tsx +428 -0
package/src/components/ui/helpers/helper-manager.tsx +235 -23
package/src/components/ui/helpers/item-helper.tsx +28 -32
package/src/components/ui/helpers/registered-tool-helper.tsx +59 -0
package/src/components/ui/helpers/roof-helper.tsx +10 -12
package/src/components/ui/icon-ref.tsx +47 -0
package/src/components/ui/item-catalog/catalog-items.tsx +40 -1
package/src/components/ui/item-catalog/item-catalog.tsx +16 -36
package/src/components/ui/level-duplicate-dialog.tsx +2 -1
package/src/components/ui/panels/node-display.ts +17 -16
package/src/components/ui/panels/panel-manager.tsx +55 -58
package/src/components/ui/panels/panel-wrapper.tsx +238 -12
package/src/components/ui/panels/parametric-inspector.tsx +482 -0
package/src/components/ui/panels/reference-panel.tsx +54 -19
package/src/components/ui/primitives/dropdown-menu.tsx +12 -8
package/src/components/ui/primitives/shortcut-token.tsx +39 -3
package/src/components/ui/primitives/sidebar.tsx +1 -0
package/src/components/ui/scene-loader.tsx +1 -3
package/src/components/ui/sidebar/app-sidebar.tsx +5 -1
package/src/components/ui/sidebar/icon-rail.tsx +50 -31
package/src/components/ui/sidebar/panels/items-panel/function-tree-panel.tsx +263 -0
package/src/components/ui/sidebar/panels/items-panel/index.tsx +82 -8
package/src/components/ui/sidebar/panels/plugins-panel.tsx +218 -0
package/src/components/ui/sidebar/panels/settings-panel/index.tsx +122 -41
package/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx +66 -7
package/src/components/ui/sidebar/panels/settings-panel/load-build-dialog.tsx +267 -0
package/src/components/ui/sidebar/panels/site-panel/building-tree-node.tsx +3 -1
package/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx +9 -5
package/src/components/ui/sidebar/panels/site-panel/chimney-tree-node.tsx +86 -0
package/src/components/ui/sidebar/panels/site-panel/column-tree-node.tsx +1 -1
package/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx +7 -2
package/src/components/ui/sidebar/panels/site-panel/dormer-tree-node.tsx +92 -0
package/src/components/ui/sidebar/panels/site-panel/elevator-tree-node.tsx +75 -0
package/src/components/ui/sidebar/panels/site-panel/fence-tree-node.tsx +3 -3
package/src/components/ui/sidebar/panels/site-panel/gutter-tree-node.tsx +86 -0
package/src/components/ui/sidebar/panels/site-panel/index.tsx +42 -21
package/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx +31 -17
package/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx +2 -1
package/src/components/ui/sidebar/panels/site-panel/registry-tree-node.tsx +140 -0
package/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx +48 -8
package/src/components/ui/sidebar/panels/site-panel/shelf-tree-node.tsx +132 -0
package/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx +9 -5
package/src/components/ui/sidebar/panels/site-panel/solar-panel-tree-node.tsx +86 -0
package/src/components/ui/sidebar/panels/site-panel/spawn-tree-node.tsx +7 -1
package/src/components/ui/sidebar/panels/site-panel/stair-tree-node.tsx +2 -2
package/src/components/ui/sidebar/panels/site-panel/tree-node.tsx +112 -39
package/src/components/ui/sidebar/panels/site-panel/tree-structure.ts +36 -0
package/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx +1 -1
package/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx +7 -2
package/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx +3 -3
package/src/components/ui/sidebar/panels/zone-panel/index.tsx +51 -2
package/src/components/ui/sidebar/tab-bar.tsx +75 -1
package/src/components/ui/sidebar/use-plugin-panels.tsx +132 -0
package/src/components/ui/snap-target-badge.test.tsx +40 -0
package/src/components/ui/snap-target-badge.tsx +88 -0
package/src/components/viewer-overlay.tsx +253 -61
package/src/components/viewer-zone-system.tsx +7 -2
package/src/hooks/use-auto-save.test.ts +14 -0
package/src/hooks/use-auto-save.ts +64 -10
package/src/hooks/use-ceiling-events.ts +176 -0
package/src/hooks/use-drag-action.ts +127 -0
package/src/hooks/use-keyboard.ts +493 -95
package/src/hooks/use-selection.ts +64 -0
package/src/index.tsx +451 -6
package/src/lib/active-placement-surface.ts +35 -0
package/src/lib/ceiling-plan-snap.ts +24 -0
package/src/lib/constants.ts +6 -2
package/src/lib/contextual-help.test.ts +112 -0
package/src/lib/contextual-help.ts +144 -0
package/src/lib/continuation.ts +64 -0
package/src/lib/direct-manipulation.test.ts +192 -0
package/src/lib/direct-manipulation.ts +109 -0
package/src/lib/editor-api.ts +50 -0
package/src/lib/elevator-support.ts +96 -0
package/src/lib/floorplan/apply-alignment.test.ts +25 -0
package/src/lib/floorplan/apply-alignment.ts +117 -0
package/src/lib/floorplan/floorplan-export.tsx +364 -0
package/src/lib/floorplan/geometry.ts +53 -0
package/src/lib/floorplan/index.ts +10 -0
package/src/lib/floorplan/items.ts +5 -2
package/src/lib/floorplan/plan-coords.ts +21 -0
package/src/lib/floorplan/selection-tool.ts +40 -0
package/src/lib/floorplan/stairs.ts +12 -1
package/src/lib/fresh-planar-placement.test.ts +339 -0
package/src/lib/fresh-planar-placement.ts +130 -0
package/src/lib/glb-export.test.ts +441 -0
package/src/lib/glb-export.ts +874 -0
package/src/lib/history.ts +11 -1
package/src/lib/interaction/hot-set.test.ts +133 -0
package/src/lib/interaction/hot-set.ts +67 -0
package/src/lib/interaction/overlay-policy.test.ts +51 -0
package/src/lib/interaction/overlay-policy.ts +59 -0
package/src/lib/interaction/scope.ts +211 -0
package/src/lib/level-duplication.ts +54 -42
package/src/lib/level-selection.ts +2 -2
package/src/lib/material-paint.ts +227 -48
package/src/lib/measurement-kind.test.ts +30 -0
package/src/lib/measurement-kind.ts +19 -0
package/src/lib/measurement-label.test.ts +47 -0
package/src/lib/measurement-label.ts +68 -0
package/src/lib/measurement-parser.ts +116 -0
package/src/lib/measurements.test.ts +183 -0
package/src/lib/measurements.ts +199 -0
package/src/lib/paint-scope.test.ts +454 -0
package/src/lib/paint-scope.ts +461 -0
package/src/lib/placement-drag-release.ts +23 -0
package/src/lib/placement-metadata.ts +29 -0
package/src/lib/planar-cursor-placement.test.ts +100 -0
package/src/lib/planar-cursor-placement.ts +42 -0
package/src/lib/plugin-panels.test.ts +19 -0
package/src/lib/plugin-panels.ts +91 -0
package/src/lib/quick-measurement.test.ts +77 -0
package/src/lib/quick-measurement.ts +109 -0
package/src/lib/roof-duplication.ts +7 -7
package/src/lib/roof-hover-outline-proxy.ts +22 -0
package/src/lib/roof-wall-hit.ts +164 -0
package/src/lib/scene-clipboard.test.ts +196 -0
package/src/lib/scene-clipboard.ts +332 -0
package/src/lib/scene.ts +40 -8
package/src/lib/selection-routing.test.ts +298 -0
package/src/lib/selection-routing.ts +175 -0
package/src/lib/sfx/index.ts +1 -0
package/src/lib/sfx/movement-tick.test.ts +65 -0
package/src/lib/sfx/movement-tick.ts +18 -0
package/src/lib/sfx-bus.ts +69 -10
package/src/lib/sfx-player.test.ts +124 -0
package/src/lib/sfx-player.ts +148 -55
package/src/lib/site-boundary.ts +1 -0
package/src/lib/slab-plan-snap.test.ts +93 -0
package/src/lib/slab-plan-snap.ts +108 -0
package/src/lib/snapping-mode.test.ts +138 -0
package/src/lib/snapping-mode.ts +179 -0
package/src/lib/stair-duplication.ts +4 -4
package/src/lib/stair-levels.test.ts +146 -0
package/src/lib/stair-levels.ts +177 -0
package/src/lib/surface-plan-snap.test.ts +71 -0
package/src/lib/surface-plan-snap.ts +256 -0
package/src/lib/use-linear-display.ts +40 -0
package/src/lib/world-grid-snap.ts +231 -0
package/src/lib/zone-content.ts +130 -0
package/src/store/use-alignment-guides.ts +21 -0
package/src/store/use-direct-manipulation-feedback.ts +20 -0
package/src/store/use-editor.tsx +767 -114
package/src/store/use-facing-pose.ts +44 -0
package/src/store/use-fence-curve-draft.ts +21 -0
package/src/store/use-floorplan-draft-preview.ts +101 -0
package/src/store/use-floorplan-marquee.ts +50 -0
package/src/store/use-interaction-scope.test.ts +186 -0
package/src/store/use-interaction-scope.ts +132 -0
package/src/store/use-measurement-draft.test.ts +530 -0
package/src/store/use-measurement-draft.ts +543 -0
package/src/store/use-opening-guides.ts +41 -0
package/src/store/use-placement-preview.ts +39 -0
package/src/store/use-quick-measurement-hud.test.ts +53 -0
package/src/store/use-quick-measurement-hud.ts +77 -0
package/src/store/use-segment-draft-chain.ts +28 -0
package/src/store/use-stair-build-preview.ts +43 -0
package/src/store/use-wall-move-ghosts.ts +36 -0
package/src/store/use-wall-snap-indicator.ts +34 -0
package/src/components/editor/first-person/bvh-ecctrl.tsx +0 -860
package/src/components/editor/preset-thumbnail-generator.tsx +0 -125
package/src/components/editor-2d/renderers/floorplan-roof-layer.tsx +0 -113
package/src/components/tools/building/move-building-tool.tsx +0 -157
package/src/components/tools/ceiling/ceiling-boundary-editor.tsx +0 -43
package/src/components/tools/ceiling/ceiling-hole-editor.tsx +0 -49
package/src/components/tools/ceiling/ceiling-tool.tsx +0 -465
package/src/components/tools/ceiling/move-ceiling-tool.tsx +0 -264
package/src/components/tools/column/column-tool.tsx +0 -97
package/src/components/tools/column/move-column-tool.tsx +0 -105
package/src/components/tools/door/door-math.ts +0 -110
package/src/components/tools/door/door-tool.tsx +0 -324
package/src/components/tools/door/move-door-tool.tsx +0 -412
package/src/components/tools/fence/curve-fence-tool.tsx +0 -178
package/src/components/tools/fence/fence-tool.tsx +0 -346
package/src/components/tools/fence/move-fence-endpoint-tool.tsx +0 -441
package/src/components/tools/fence/move-fence-tool.tsx +0 -302
package/src/components/tools/item/item-tool.tsx +0 -26
package/src/components/tools/roof/move-roof-tool.tsx +0 -364
package/src/components/tools/slab/move-slab-tool.tsx +0 -182
package/src/components/tools/slab/slab-boundary-editor.tsx +0 -43
package/src/components/tools/slab/slab-hole-editor.tsx +0 -49
package/src/components/tools/slab/slab-tool.tsx +0 -322
package/src/components/tools/spawn/move-spawn-tool.tsx +0 -101
package/src/components/tools/spawn/spawn-tool.tsx +0 -130
package/src/components/tools/wall/curve-wall-tool.tsx +0 -178
package/src/components/tools/wall/move-wall-endpoint-tool.tsx +0 -426
package/src/components/tools/wall/move-wall-tool.tsx +0 -358
package/src/components/tools/wall/wall-tool.tsx +0 -332
package/src/components/tools/window/move-window-tool.tsx +0 -447
package/src/components/tools/window/window-math.ts +0 -117
package/src/components/tools/window/window-tool.tsx +0 -332
package/src/components/ui/helpers/ceiling-helper.tsx +0 -20
package/src/components/ui/helpers/slab-helper.tsx +0 -20
package/src/components/ui/helpers/wall-helper.tsx +0 -20
package/src/components/ui/panels/ceiling-panel.tsx +0 -249
package/src/components/ui/panels/column-panel.tsx +0 -759
package/src/components/ui/panels/door-panel.tsx +0 -1299
package/src/components/ui/panels/fence-panel.tsx +0 -222
package/src/components/ui/panels/item-panel.tsx +0 -306
package/src/components/ui/panels/paint-panel.tsx +0 -163
package/src/components/ui/panels/presets/presets-popover.tsx +0 -511
package/src/components/ui/panels/roof-panel.tsx +0 -280
package/src/components/ui/panels/roof-segment-panel.tsx +0 -311
package/src/components/ui/panels/slab-panel.tsx +0 -250
package/src/components/ui/panels/spawn-panel.tsx +0 -161
package/src/components/ui/panels/stair-panel.tsx +0 -577
package/src/components/ui/panels/stair-segment-panel.tsx +0 -325
package/src/components/ui/panels/wall-panel.tsx +0 -273
package/src/components/ui/panels/window-panel.tsx +0 -968
package/src/contexts/presets-context.tsx +0 -121
package/src/hooks/use-contextual-tools.ts +0 -61

package/src/components/systems/selection-affordance-manager.tsx ADDED Viewed

@@ -0,0 +1,38 @@
+'use client'
+import { type AnyNodeId, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { type ComponentType, Suspense, useMemo } from 'react'
+import { getRegistryAffordanceTool } from '../tools/shared/affordance-dispatch'
+/**
+ * Editor-mounted dispatcher for a kind's selection-time editing UI.
+ *
+ * Some kinds expose drag-to-edit affordances that should appear only
+ * while a single node of that kind is selected — duct / pipe / lineset
+ * path-point handles, fitting Alt-axis-cycling listeners. These read
+ * `useEditor` (grid snap step, rotation axis) and render the editor's
+ * `DimensionPill`, so they must NOT ride in `def.system` (which the
+ * viewer package mounts for the read-only route). The kind declares the
+ * component under `def.affordanceTools.selection` and this manager —
+ * mounted inside the editor only — loads it for the selected kind.
+ */
+export function SelectionAffordanceManager() {
+  const selectedIds = useViewer((s) => s.selection.selectedIds)
+  const selectedKind = useScene((s) => {
+    if (selectedIds.length !== 1) return null
+    return s.nodes[selectedIds[0] as AnyNodeId]?.type ?? null
+  })
+  const Component = useMemo<ComponentType | null>(() => {
+    if (!selectedKind) return null
+    return getRegistryAffordanceTool(selectedKind, 'selection')
+  }, [selectedKind])
+  if (!Component) return null
+  return (
+    <Suspense fallback={null}>
+      <Component />
+    </Suspense>
+  )
+}

package/src/components/systems/stair/stair-edit-system.tsx CHANGED Viewed

@@ -85,7 +85,7 @@ export const StairEditSystem = () => {
     }
     prevActiveStairIds.current = activeStairIds
-  }, [selectedIds, selectedStairSignature])
+  }, [selectedIds])
   return null
 }

package/src/components/systems/zone/zone-label-editor-system.tsx CHANGED Viewed

@@ -6,8 +6,10 @@ import { Check, Pencil } from 'lucide-react'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
 import { useShallow } from 'zustand/react/shallow'
+import { resolveOverlayPolicy } from '../../../lib/interaction/overlay-policy'
 import { sfxEmitter } from '../../../lib/sfx-bus'
 import useEditor from '../../../store/use-editor'
+import useInteractionScope from '../../../store/use-interaction-scope'
 // ─── Per-zone label editor ────────────────────────────────────────────────────
@@ -19,6 +21,10 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
   const selectedZoneId = useViewer((s) => s.selection.zoneId)
   const hoveredId = useViewer((s) => s.hoveredId)
   const mode = useEditor((s) => s.mode)
+  // During an active interaction the zone label is a context badge that steps
+  // back: faded + non-interactive so it can't be hovered/clicked mid-action.
+  const scope = useInteractionScope((s) => s.scope)
+  const labelStepBack = resolveOverlayPolicy(scope).contextBadges === 'faded'
   const isSelected = selectedZoneId === zoneId
   const isDeleteHovered = mode === 'delete' && hoveredId === zoneId
   const [editing, setEditing] = useState(false)
@@ -149,7 +155,8 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
     fontSize: 14,
     fontFamily: 'sans-serif',
     userSelect: 'none',
-    pointerEvents: 'auto',
+    pointerEvents: labelStepBack ? 'none' : 'auto',
+    opacity: labelStepBack ? 0.4 : undefined,
     display: 'inline-flex',
     alignItems: 'center',
     gap: 4,
@@ -309,6 +316,12 @@ export function ZoneLabelEditorSystem() {
         .map((n) => n.id as ZoneNode['id']),
     ),
   )
+  // The zone renderer unmounts its <Html> label when zones are hidden —
+  // unmount the portals with it, or each editor would hold (and rAF-poll for)
+  // a detached label element.
+  const showZones = useViewer((s) => s.showZones)
+  if (!showZones) return null
   return (
     <>

package/src/components/systems/zone/zone-system.tsx CHANGED Viewed

@@ -1,21 +1,46 @@
 import { sceneRegistry, useScene, type ZoneNode } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useFrame } from '@react-three/fiber'
+import { useEffect } from 'react'
 import { type Group, MathUtils, type Mesh } from 'three'
 import type { MeshBasicNodeMaterial } from 'three/webgpu'
+import { resolveOverlayPolicy } from '../../../lib/interaction/overlay-policy'
 import useEditor from '../../../store/use-editor'
+import useInteractionScope from '../../../store/use-interaction-scope'
 // Disable raycasting on zone geometry so clicks pass through to items underneath.
 // Zone selection in the editor is handled exclusively via the HTML label overlay.
 const noopRaycast = () => {}
 export const ZoneSystem = () => {
+  // Outside the zones layer (or during snapshot capture) zones unmount
+  // entirely — meshes AND drei <Html> labels, which cost per-frame matrix work
+  // + live DOM even at opacity 0. The renderer reads this viewer flag; the
+  // unmount cleanup restores the default so preview / first-person surfaces
+  // (which swap this system for ViewerZoneSystem) keep their labels.
+  const structureLayerState = useEditor((s) => s.structureLayer)
+  const isCaptureModeState = useEditor((s) => s.isCaptureMode)
+  useEffect(() => {
+    useViewer.getState().setShowZones(structureLayerState === 'zones' && !isCaptureModeState)
+    return () => useViewer.getState().setShowZones(true)
+  }, [structureLayerState, isCaptureModeState])
   useFrame((_, delta) => {
+    if (!useViewer.getState().showZones) return
     const structureLayer = useEditor.getState().structureLayer
     const editorMode = useEditor.getState().mode
     const selectedLevelId = useViewer.getState().selection.levelId
     const selectedZoneId = useViewer.getState().selection.zoneId
     const hoveredId = useViewer.getState().hoveredId
+    // Snapshot capture is a clean, camera-only surface — never show zone
+    // geometry or the HTML zone tags in the framed shot.
+    const isCaptureMode = useEditor.getState().isCaptureMode
+    // During any active interaction zone labels step back entirely — they are
+    // not a primary editing concern and would distract / invite misclicks.
+    const zoneLabelsHidden =
+      resolveOverlayPolicy(useInteractionScope.getState().scope).zoneLabels === 'hidden'
     const zoneGeometryVisible = structureLayer === 'zones'
     const zones = sceneRegistry.byType.zone || new Set()
@@ -35,12 +60,22 @@ export const ZoneSystem = () => {
       // Keep group visible (so <Html> labels stay active), hide/show meshes only.
       // Show meshes when: in zone mode, selected, or delete-hovered.
       if (!obj.visible) obj.visible = true
-      const meshVisible = zoneGeometryVisible || isSelected || isDeleteHovered
-      const targetOpacity = isSelected || isDeleteHovered ? 1 : zoneGeometryVisible ? 1 : 0
+      const meshVisible = !isCaptureMode && (zoneGeometryVisible || isSelected || isDeleteHovered)
+      const targetOpacity = isCaptureMode
+        ? 0
+        : isSelected || isDeleteHovered
+          ? 1
+          : zoneGeometryVisible
+            ? 1
+            : 0
+      // Raycast is re-disabled per frame (not once per group): the meshes
+      // remount whenever the zones layer toggles, so a one-shot flag on the
+      // persistent group would leave fresh meshes clickable.
       const walls = (obj as Group).getObjectByName('walls') as Mesh | undefined
       if (walls) {
         walls.visible = meshVisible
+        walls.raycast = noopRaycast
         const material = walls.material as MeshBasicNodeMaterial
         if (material?.userData?.uOpacity) {
           material.userData.uOpacity.value = MathUtils.lerp(
@@ -54,6 +89,7 @@ export const ZoneSystem = () => {
       const floor = (obj as Group).getObjectByName('floor') as Mesh | undefined
       if (floor) {
         floor.visible = meshVisible
+        floor.raycast = noopRaycast
         const material = floor.material as MeshBasicNodeMaterial
         if (material?.userData?.uOpacity) {
           material.userData.uOpacity.value = MathUtils.lerp(
@@ -64,17 +100,10 @@ export const ZoneSystem = () => {
         }
       }
-      // Disable raycasting once per zone object so geometry never intercepts clicks
-      if (!obj.userData.__raycastDisabled) {
-        obj.raycast = noopRaycast
-        obj.traverse((child) => {
-          child.raycast = noopRaycast
-        })
-        obj.userData.__raycastDisabled = true
-      }
-      // Labels: always visible on the current level (regardless of mode)
-      const showLabel = !!selectedLevelId && isOnSelectedLevel
+      // Labels: visible on the current level (regardless of mode), but never
+      // during snapshot capture.
+      const showLabel =
+        !isCaptureMode && !zoneLabelsHidden && !!selectedLevelId && isOnSelectedLevel
       const labelOpacity = showLabel ? '1' : '0'
       const labelEl = document.getElementById(`${zoneId}-label`)
       if (labelEl && labelEl.style.opacity !== labelOpacity) {

package/src/components/tools/elevator/elevator-defaults.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export const DEFAULT_ELEVATOR_WIDTH = 1.84
+export const DEFAULT_ELEVATOR_DEPTH = 1.84
+export const DEFAULT_ELEVATOR_CAB_HEIGHT = 2.35
+export const DEFAULT_ELEVATOR_DOOR_WIDTH = 0.95
+export const DEFAULT_ELEVATOR_DOOR_HEIGHT = 2.1
+export const DEFAULT_ELEVATOR_SPEED = 2.2
+export const DEFAULT_ELEVATOR_DOOR_DURATION_MS = 900
+export const DEFAULT_ELEVATOR_DWELL_MS = 1400

package/src/components/tools/elevator/elevator-tool.tsx ADDED Viewed

@@ -0,0 +1,375 @@
+import {
+  type AnyNodeId,
+  type BuildingNode,
+  collectAlignmentAnchors,
+  ElevatorNode,
+  emitter,
+  type GridEvent,
+  type LevelNode,
+  resolveAlignment,
+  useScene,
+} from '@pascal-app/core'
+import { useEffect, useMemo, useRef } from 'react'
+import * as THREE from 'three'
+import { resolveCurrentBuildingId, resolveElevatorSupportY } from '../../../lib/elevator-support'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useAlignmentGuides from '../../../store/use-alignment-guides'
+import useEditor, {
+  isAlignmentGuideActive,
+  isGridSnapActive,
+  isMagneticSnapActive,
+} from '../../../store/use-editor'
+import usePlacementPreview from '../../../store/use-placement-preview'
+import { CursorSphere } from '../shared/cursor-sphere'
+import {
+  DEFAULT_ELEVATOR_CAB_HEIGHT,
+  DEFAULT_ELEVATOR_DEPTH,
+  DEFAULT_ELEVATOR_DOOR_DURATION_MS,
+  DEFAULT_ELEVATOR_DOOR_HEIGHT,
+  DEFAULT_ELEVATOR_DOOR_WIDTH,
+  DEFAULT_ELEVATOR_DWELL_MS,
+  DEFAULT_ELEVATOR_SPEED,
+  DEFAULT_ELEVATOR_WIDTH,
+} from './elevator-defaults'
+const GRID_OFFSET = 0.02
+/** Figma-style alignment-snap threshold (meters), matching the move tools. */
+const ALIGNMENT_THRESHOLD_M = 0.08
+type ElevatorToolProps = {
+  buildingId: BuildingNode['id'] | null
+  levelId: LevelNode['id'] | null
+  onPlaced?: (elevatorId: AnyNodeId, buildingId: BuildingNode['id']) => void
+}
+function resolveDefaultServiceRange(
+  buildingId: BuildingNode['id'],
+  selectedLevelId: LevelNode['id'] | null,
+): {
+  defaultLevelId: LevelNode['id'] | null
+  fromLevelId: LevelNode['id'] | null
+  toLevelId: LevelNode['id'] | null
+} {
+  const nodes = useScene.getState().nodes
+  const building = nodes[buildingId as AnyNodeId]
+  if (building?.type !== 'building') {
+    return { defaultLevelId: null, fromLevelId: null, toLevelId: null }
+  }
+  const levels = building.children
+    .map((childId) => nodes[childId as AnyNodeId])
+    .filter((node): node is LevelNode => node?.type === 'level')
+    .sort((left, right) => left.level - right.level)
+  const selectedLevelIndex = levels.findIndex((level) => level.id === selectedLevelId)
+  const fromIndex = selectedLevelIndex >= 0 ? selectedLevelIndex : 0
+  const fromLevel = levels[fromIndex]
+  const toLevel = levels[Math.min(fromIndex + 1, levels.length - 1)] ?? fromLevel
+  return {
+    defaultLevelId: fromLevel?.id ?? null,
+    fromLevelId: fromLevel?.id ?? null,
+    toLevelId: toLevel?.id ?? fromLevel?.id ?? null,
+  }
+}
+function createElevatorPreviewGeometry(): THREE.BufferGeometry {
+  return new THREE.BoxGeometry(
+    DEFAULT_ELEVATOR_WIDTH,
+    DEFAULT_ELEVATOR_CAB_HEIGHT,
+    DEFAULT_ELEVATOR_DEPTH,
+  )
+}
+function createElevatorPreviewEdgeGeometry(): THREE.BufferGeometry {
+  return new THREE.EdgesGeometry(createElevatorPreviewGeometry())
+}
+function commitElevatorPlacement(
+  buildingId: BuildingNode['id'],
+  selectedLevelId: LevelNode['id'] | null,
+  x: number,
+  z: number,
+  rotation: number,
+  onPlaced: ElevatorToolProps['onPlaced'],
+): void {
+  const { createNode, nodes } = useScene.getState()
+  const elevatorCount = Object.values(nodes).filter((node) => node.type === 'elevator').length
+  const serviceRange = resolveDefaultServiceRange(buildingId, selectedLevelId)
+  const supportY = resolveElevatorSupportY({
+    buildingId,
+    preferredLevelId: serviceRange.fromLevelId ?? serviceRange.defaultLevelId,
+    x,
+    z,
+  })
+  const elevator = ElevatorNode.parse({
+    name: `Elevator ${elevatorCount + 1}`,
+    parentId: buildingId,
+    position: [x, supportY, z],
+    rotation,
+    width: DEFAULT_ELEVATOR_WIDTH,
+    depth: DEFAULT_ELEVATOR_DEPTH,
+    cabHeight: DEFAULT_ELEVATOR_CAB_HEIGHT,
+    doorWidth: DEFAULT_ELEVATOR_DOOR_WIDTH,
+    doorHeight: DEFAULT_ELEVATOR_DOOR_HEIGHT,
+    ...serviceRange,
+    speed: DEFAULT_ELEVATOR_SPEED,
+    doorDurationMs: DEFAULT_ELEVATOR_DOOR_DURATION_MS,
+    dwellMs: DEFAULT_ELEVATOR_DWELL_MS,
+  })
+  createNode(elevator, buildingId)
+  onPlaced?.(elevator.id as AnyNodeId, buildingId)
+  sfxEmitter.emit('sfx:structure-build')
+}
+export const ElevatorTool: React.FC<ElevatorToolProps> = ({ buildingId, levelId, onPlaced }) => {
+  const cursorRef = useRef<THREE.Group>(null)
+  const previewRef = useRef<THREE.Group>(null)
+  const rotationRef = useRef(0)
+  const previousGridPosRef = useRef<[number, number] | null>(null)
+  const previewGeometry = useMemo(() => createElevatorPreviewGeometry(), [])
+  const previewEdgeGeometry = useMemo(() => createElevatorPreviewEdgeGeometry(), [])
+  // Default-shaped elevator for the 2D floor-plan placement ghost. The 3D
+  // preview meshes below are hidden in 2D (canvas `display:none`), so this
+  // feeds `usePlacementPreview` → `FloorplanPlacementPreviewLayer`, which
+  // renders the elevator's footprint following the cursor.
+  const floorplanPreviewNode = useMemo(
+    () =>
+      ElevatorNode.parse({
+        name: 'Elevator',
+        position: [0, 0, 0],
+        rotation: 0,
+        width: DEFAULT_ELEVATOR_WIDTH,
+        depth: DEFAULT_ELEVATOR_DEPTH,
+        cabHeight: DEFAULT_ELEVATOR_CAB_HEIGHT,
+        doorWidth: DEFAULT_ELEVATOR_DOOR_WIDTH,
+        doorHeight: DEFAULT_ELEVATOR_DOOR_HEIGHT,
+      }),
+    [],
+  )
+  useEffect(() => {
+    const currentBuildingId = resolveCurrentBuildingId({
+      buildingId,
+      levelId,
+      nodes: useScene.getState().nodes,
+    })
+    if (!currentBuildingId) return
+    rotationRef.current = 0
+    if (previewRef.current) previewRef.current.rotation.y = 0
+    // Alignment candidates — anchors of every alignable object; refreshed
+    // after each placement. The elevator aligns by its ORIGIN point.
+    let alignmentCandidates = collectAlignmentAnchors(useScene.getState().nodes, '', levelId)
+    // Snap the elevator origin onto another object's nearest real anchor and
+    // publish the guide. The probe is the RAW cursor, NOT the 0.5m-grid-snapped
+    // point: resolving against the grid point would only ever catch anchors
+    // that happen to sit on a grid line, so off-grid items (furniture, angled
+    // walls) would never surface a guide. The matched axis locks exactly to the
+    // candidate's coordinate; the other axis keeps its grid snap. Guides are
+    // published in every snapping mode (including Off); the magnetic pull toward
+    // them (applySnap) applies only in 'lines' mode.
+    const alignPoint = (
+      gridX: number,
+      gridZ: number,
+      rawX: number,
+      rawZ: number,
+      bypass: boolean,
+      applySnap: boolean,
+    ): [number, number] => {
+      if (bypass || alignmentCandidates.length === 0) {
+        useAlignmentGuides.getState().clear()
+        return [gridX, gridZ]
+      }
+      const ar = resolveAlignment({
+        moving: [{ nodeId: '__elevator-draft__', kind: 'corner', x: rawX, z: rawZ }],
+        candidates: alignmentCandidates,
+        threshold: ALIGNMENT_THRESHOLD_M,
+      })
+      if (ar.guides.length === 0) {
+        useAlignmentGuides.getState().clear()
+        return [gridX, gridZ]
+      }
+      useAlignmentGuides.getState().set(ar.guides)
+      if (!applySnap) return [gridX, gridZ]
+      let x = gridX
+      let z = gridZ
+      for (const guide of ar.guides) {
+        if (guide.axis === 'x') x = guide.coord
+        else z = guide.coord
+      }
+      return [x, z]
+    }
+    const onGridMove = (event: GridEvent) => {
+      // Grid snap follows the global mode (live step so the HUD chip is
+      // honest); Off keeps the raw cursor. Shift cycles the mode centrally.
+      const step = useEditor.getState().gridSnapStep
+      const [gridX, gridZ] = alignPoint(
+        isGridSnapActive()
+          ? Math.round(event.localPosition[0] / step) * step
+          : event.localPosition[0],
+        isGridSnapActive()
+          ? Math.round(event.localPosition[2] / step) * step
+          : event.localPosition[2],
+        event.localPosition[0],
+        event.localPosition[2],
+        !isAlignmentGuideActive(),
+        isMagneticSnapActive(),
+      )
+      const supportY = resolveElevatorSupportY({
+        buildingId: currentBuildingId,
+        preferredLevelId: levelId as LevelNode['id'] | null,
+        x: gridX,
+        z: gridZ,
+      })
+      cursorRef.current?.position.set(gridX, supportY + GRID_OFFSET, gridZ)
+      previewRef.current?.position.set(gridX, supportY + DEFAULT_ELEVATOR_CAB_HEIGHT / 2, gridZ)
+      // Publish the 2D floor-plan ghost at the snapped/aligned cursor.
+      usePlacementPreview.getState().set({
+        ...floorplanPreviewNode,
+        position: [gridX, supportY, gridZ],
+        rotation: rotationRef.current,
+      })
+      if (
+        (isGridSnapActive() || isMagneticSnapActive()) &&
+        previousGridPosRef.current &&
+        (gridX !== previousGridPosRef.current[0] || gridZ !== previousGridPosRef.current[1])
+      ) {
+        sfxEmitter.emit('sfx:grid-snap')
+      }
+      previousGridPosRef.current = [gridX, gridZ]
+    }
+    const onGridClick = (event: GridEvent) => {
+      const latestBuildingId = resolveCurrentBuildingId({
+        buildingId,
+        levelId,
+        nodes: useScene.getState().nodes,
+      })
+      if (!latestBuildingId) return
+      const step = useEditor.getState().gridSnapStep
+      const [gridX, gridZ] = alignPoint(
+        isGridSnapActive()
+          ? Math.round(event.localPosition[0] / step) * step
+          : event.localPosition[0],
+        isGridSnapActive()
+          ? Math.round(event.localPosition[2] / step) * step
+          : event.localPosition[2],
+        event.localPosition[0],
+        event.localPosition[2],
+        !isAlignmentGuideActive(),
+        isMagneticSnapActive(),
+      )
+      commitElevatorPlacement(
+        latestBuildingId,
+        levelId,
+        gridX,
+        gridZ,
+        rotationRef.current,
+        onPlaced,
+      )
+      alignmentCandidates = collectAlignmentAnchors(useScene.getState().nodes, '', levelId)
+      useAlignmentGuides.getState().clear()
+      // The placed elevator's footprint now renders for real; drop the ghost
+      // (the next grid:move re-publishes it for the following placement).
+      usePlacementPreview.getState().clear()
+    }
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+        return
+      }
+      const ROTATION_STEP = Math.PI / 4
+      let rotationDelta = 0
+      if (event.key === 'r' || event.key === 'R') rotationDelta = ROTATION_STEP
+      else if (event.key === 't' || event.key === 'T') rotationDelta = -ROTATION_STEP
+      if (rotationDelta !== 0) {
+        event.preventDefault()
+        sfxEmitter.emit('sfx:item-rotate')
+        rotationRef.current += rotationDelta
+        if (previewRef.current) previewRef.current.rotation.y = rotationRef.current
+        // Reflect the rotation in the 2D ghost immediately (no pointer move
+        // needed) by republishing at the last snapped cursor position.
+        const last = previousGridPosRef.current
+        if (last) {
+          usePlacementPreview.getState().set({
+            ...floorplanPreviewNode,
+            position: [last[0], 0, last[1]],
+            rotation: rotationRef.current,
+          })
+        }
+      }
+    }
+    emitter.on('grid:move', onGridMove)
+    emitter.on('grid:click', onGridClick)
+    window.addEventListener('keydown', onKeyDown)
+    return () => {
+      emitter.off('grid:move', onGridMove)
+      emitter.off('grid:click', onGridClick)
+      window.removeEventListener('keydown', onKeyDown)
+      useAlignmentGuides.getState().clear()
+      usePlacementPreview.getState().clear()
+    }
+  }, [buildingId, levelId, onPlaced, floorplanPreviewNode])
+  return (
+    <group>
+      <CursorSphere ref={cursorRef} />
+      <group ref={previewRef}>
+        <mesh geometry={previewGeometry}>
+          <meshStandardMaterial color="#38bdf8" depthWrite={false} opacity={0.12} transparent />
+        </mesh>
+        <lineSegments geometry={previewEdgeGeometry}>
+          <lineBasicMaterial color="#38bdf8" opacity={0.9} transparent />
+        </lineSegments>
+        <mesh
+          position={[0, -DEFAULT_ELEVATOR_CAB_HEIGHT / 2 + 0.015, 0]}
+          rotation={[-Math.PI / 2, 0, 0]}
+        >
+          <planeGeometry args={[DEFAULT_ELEVATOR_WIDTH, DEFAULT_ELEVATOR_DEPTH]} />
+          <meshBasicMaterial color="#38bdf8" opacity={0.16} transparent />
+        </mesh>
+        <mesh position={[0, 0, -DEFAULT_ELEVATOR_DEPTH / 2 - 0.01]}>
+          <planeGeometry args={[DEFAULT_ELEVATOR_WIDTH, DEFAULT_ELEVATOR_CAB_HEIGHT]} />
+          <meshBasicMaterial color="#e0f2fe" opacity={0.18} transparent />
+        </mesh>
+        <mesh
+          position={[
+            0,
+            -DEFAULT_ELEVATOR_CAB_HEIGHT / 2 + DEFAULT_ELEVATOR_DOOR_HEIGHT / 2,
+            -DEFAULT_ELEVATOR_DEPTH / 2 - 0.03,
+          ]}
+        >
+          <boxGeometry args={[DEFAULT_ELEVATOR_DOOR_WIDTH, DEFAULT_ELEVATOR_DOOR_HEIGHT, 0.035]} />
+          <meshStandardMaterial color="#e5e7eb" depthWrite={false} opacity={0.45} transparent />
+        </mesh>
+        <mesh
+          position={[
+            0,
+            -DEFAULT_ELEVATOR_CAB_HEIGHT / 2 + DEFAULT_ELEVATOR_DOOR_HEIGHT / 2,
+            -DEFAULT_ELEVATOR_DEPTH / 2 - 0.049,
+          ]}
+        >
+          <boxGeometry
+            args={[DEFAULT_ELEVATOR_DOOR_WIDTH + 0.14, DEFAULT_ELEVATOR_DOOR_HEIGHT + 0.14, 0.01]}
+          />
+          <meshBasicMaterial color="#38bdf8" opacity={0.5} transparent />
+        </mesh>
+      </group>
+    </group>
+  )
+}