editor: add measurement tool

apps/editor/components/build-tab.tsx

@@ -24,6 +24,7 @@ type BuildToolKind =
   | 'ceiling'
   | 'roof'
   | 'stair'
+  | 'measurement'
   | 'elevator'
   | 'door'
   | 'window'
@@ -74,6 +75,7 @@ const BUILD_TYPES: BuildType[] = [
   { id: 'ceiling', label: 'Ceiling', iconSrc: '/icons/ceiling.webp', kind: 'ceiling' },
   { id: 'roof', label: 'Roof', iconSrc: '/icons/roof.webp', kind: 'roof' },
   { id: 'stair', label: 'Stairs', iconSrc: '/icons/stairs.webp', kind: 'stair' },
+  { id: 'measurement', label: 'Measure', iconSrc: '/icons/blueprint.webp', kind: 'measurement' },
   { id: 'elevator', label: 'Elevator', iconSrc: '/icons/elevator.webp', kind: 'elevator' },
   { id: 'door', label: 'Door', iconSrc: '/icons/door.webp', kind: 'door' },
   { id: 'window', label: 'Window', iconSrc: '/icons/window.webp', kind: 'window' },

apps/editor/next.config.ts

@@ -1,6 +1,7 @@
 import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
+  allowedDevOrigins: ['127.0.0.1'],
   logging: {
     browserToTerminal: true,
   },

packages/core/src/hooks/scene-registry/scene-registry.ts

@@ -44,13 +44,18 @@ export const sceneRegistry = {
   // Master lookup: ID -> Object3D
   nodes: new Map<string, THREE.Object3D>(),
 
+  // Reverse ownership lookup used to keep nested R3F events attached to the
+  // closest registered scene node instead of bubbling into container nodes.
+  nodeIds: new WeakMap<THREE.Object3D, string>(),
+
   // Categorized lookups: Kind -> Set of IDs. Backed by a Proxy so any kind
   // gets a Set on first touch — no hardcoded list.
   byType: byTypeProxy,
 
   /** Remove all entries. Call when unloading a scene to prevent stale 3D refs. */
   clear() {
     this.nodes.clear()
+    this.nodeIds = new WeakMap<THREE.Object3D, string>()
     for (const set of byTypeStore.values()) {
       set.clear()
     }
@@ -64,13 +69,15 @@ export function useRegistry(id: string, type: string, ref: React.RefObject<THREE
 
     // 1. Add to master map
     sceneRegistry.nodes.set(id, obj)
+    sceneRegistry.nodeIds.set(obj, id)
 
     // 2. Add to type-specific set — Proxy auto-creates on first access.
     sceneRegistry.byType[type]!.add(id)
 
     // 3. Cleanup when component unmounts
     return () => {
       sceneRegistry.nodes.delete(id)
+      sceneRegistry.nodeIds.delete(obj)
       sceneRegistry.byType[type]!.delete(id)
     }
   }, [id, type, ref])

packages/core/src/registry/index.ts

@@ -94,6 +94,15 @@ export type {
   LazyComponent,
   LiveTransformLike,
   McpOverrides,
+  MeasurementDefinition,
+  MeasurementDefinitionArea,
+  MeasurementDefinitionDirectLength,
+  MeasurementDefinitionPerimeter,
+  MeasurementDefinitionPoint,
+  MeasurementDefinitionSnapAnchor,
+  MeasurementDefinitionSnapGeometry,
+  MeasurementDefinitionSnapKind,
+  MeasurementDefinitionSnapSegment,
   Modifiers,
   MovableConfig,
   MovableParentFrame,

packages/core/src/registry/types.ts

@@ -757,6 +757,76 @@ export type SnapProfile = 'item' | 'structural'
  */
 export type BakePolicy = 'static' | 'strip' | 'replace'
 
+export type MeasurementDefinitionPoint = readonly [number, number, number]
+
+export type MeasurementDefinitionSnapKind =
+  | 'center'
+  | 'edge'
+  | 'endpoint'
+  | 'grid'
+  | 'guide'
+  | 'intersection'
+  | 'measurement'
+  | 'midpoint'
+  | 'surface'
+  | 'vertex'
+
+export type MeasurementDefinitionSnapAnchor = {
+  kind?: MeasurementDefinitionSnapKind
+  label: string
+  point: MeasurementDefinitionPoint
+  priority?: number
+  targetLine?: {
+    end: MeasurementDefinitionPoint
+    start: MeasurementDefinitionPoint
+  }
+}
+
+export type MeasurementDefinitionSnapSegment = {
+  kind?: MeasurementDefinitionSnapKind
+  label: string
+  sourceId?: string
+  start: MeasurementDefinitionPoint
+  end: MeasurementDefinitionPoint
+  priority?: number
+}
+
+export type MeasurementDefinitionSnapGeometry = {
+  anchors?: MeasurementDefinitionSnapAnchor[]
+  segments?: MeasurementDefinitionSnapSegment[]
+}
+
+export type MeasurementDefinitionDirectLength = {
+  end: MeasurementDefinitionPoint
+  measuredDistanceMeters: number
+  start: MeasurementDefinitionPoint
+}
+
+export type MeasurementDefinitionArea = {
+  areaSquareMeters: number
+  boundaryPoints?: ReadonlyArray<MeasurementDefinitionPoint>
+  labelPoint: MeasurementDefinitionPoint
+}
+
+export type MeasurementDefinitionPerimeter = {
+  boundaryPoints?: ReadonlyArray<MeasurementDefinitionPoint>
+  labelPoint: MeasurementDefinitionPoint
+  lengthMeters: number
+}
+
+export type MeasurementDefinition<N> = {
+  area?: (node: N, ctx: GeometryContext) => MeasurementDefinitionArea | null
+  directLength?: (
+    node: N,
+    ctx: GeometryContext,
+    cursorPoint?: MeasurementDefinitionPoint | null,
+    cursorNormal?: MeasurementDefinitionPoint | null,
+  ) => MeasurementDefinitionDirectLength | null
+  perimeter?: (node: N, ctx: GeometryContext) => MeasurementDefinitionPerimeter | null
+  pick3D?: boolean
+  snapGeometry?: (node: N, ctx: GeometryContext) => MeasurementDefinitionSnapGeometry | null
+}
+
 export type ExportAnimationContext<N = AnyNode> = {
   node: N
   object: Object3D
@@ -806,6 +876,12 @@ export type NodeDefinition<S extends ZodObject<any>> = {
   migrate?: Record<number, (old: unknown) => unknown>
 
   capabilities: Capabilities
+  /**
+   * Per-kind geometry for editor measurement tools. This keeps measurement
+   * snapping, direct length, area, and perimeter behavior registry-driven:
+   * editor tools call this hook instead of branching on concrete node kinds.
+   */
+  measurement?: MeasurementDefinition<z.infer<S>>
   relations?: Relations
   parametrics?: ParametricDescriptor<z.infer<S>>
 

packages/core/src/systems/stair/stair-opening-preview.ts

@@ -49,7 +49,7 @@ export function getNodesWithLiveStairOpeningInputs(
   liveTransforms: ReadonlyMap<string, LiveTransform>,
   liveOverrides: ReadonlyMap<string, LiveNodeOverrides>,
   previewSurfaceIds: ReadonlySet<string>,
-) {
+): Record<string, AnyNode> {
   const nextNodes: Record<string, AnyNode> = { ...nodes }
 
   for (const [nodeId, override] of liveOverrides) {

packages/editor/src/components/editor-2d/floorplan-group-move.tsx

@@ -610,6 +610,7 @@ export const FloorplanGroupSelectionBox = memo(function FloorplanGroupSelectionB
   // which lag the `nodes` commit by a frame or two.
   const meshEpoch = useMeshSettleEpoch(nodes)
   const box = useMemo(() => {
+    void meshEpoch
     if (selectedIds.length < 2 || !levelId) return null
     const participantIds = selectedIds.filter(
       (id) => classifyParticipant(nodes[id as AnyNodeId], levelId, nodes) !== null,
@@ -627,7 +628,6 @@ export const FloorplanGroupSelectionBox = memo(function FloorplanGroupSelectionB
       width: Math.abs(max.x - min.x),
       depth: Math.abs(max.z - min.z),
     }
-    // biome-ignore lint/correctness/useExhaustiveDependencies: meshEpoch re-measures settled meshes
   }, [selectedIds, levelId, nodes, meshEpoch])
 
   if (!box || movingNode || mode === 'delete') return null