@pascal-app/editor 1.1.0 → 1.1.1

package/src/components/editor/floating-action-menu.tsx

@@ -30,6 +30,7 @@ import {
   type WallNode,
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { useFrame } from '@react-three/fiber'
 import { useCallback, useMemo, useRef } from 'react'
 import * as THREE from 'three'
@@ -54,7 +55,6 @@ import useInteractionScope, {
 } from '../../store/use-interaction-scope'
 import { IconRefGlyph } from '../ui/icon-ref'
 import { duplicateNodeAndPickUp } from './duplicate-node'
-import { Html } from './localized-html'
 import { formatMeasurement, MeasurementPill } from './measurement-pill'
 import { NodeActionMenu } from './node-action-menu'
 import { startZoneRoomTransform } from './room-controls'

package/src/components/editor/floating-building-action-menu.tsx

@@ -2,12 +2,12 @@
 
 import { type BuildingNode, sceneRegistry, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { useFrame } from '@react-three/fiber'
 import { useCallback, useRef } from 'react'
 import * as THREE from 'three'
 import { sfxEmitter } from '../../lib/sfx-bus'
 import useEditor from '../../store/use-editor'
-import { Html } from './localized-html'
 import { NodeActionMenu } from './node-action-menu'
 
 export function FloatingBuildingActionMenu() {

package/src/components/editor/floor-region-controls.tsx

@@ -10,7 +10,12 @@ import {
   sceneRegistry,
   useScene,
 } from '@pascal-app/core'
-import { getSceneTheme, setSurfaceRaycastLayers, useViewer } from '@pascal-app/viewer'
+import {
+  getSceneTheme,
+  isTypingTarget,
+  setSurfaceRaycastLayers,
+  useViewer,
+} from '@pascal-app/viewer'
 import { useFrame, useThree } from '@react-three/fiber'
 import { Pentagon, Square } from 'lucide-react'
 import { useEffect, useMemo, useRef } from 'react'
@@ -74,7 +79,6 @@ import {
   toggleTerraceShape,
   useTerraceDraft,
 } from '../../lib/terrace-draft'
-import { isTypingTarget } from '../../lib/typing-target'
 import useEditor from '../../store/use-editor'
 import { useFloorplanRender } from '../editor-2d/floorplan-render-context'
 import { usePaintTint } from '../tools/paint-region/use-paint-tint'

package/src/components/editor/floorplan-navigation-presentation.test.ts

@@ -2,13 +2,11 @@ import { describe, expect, test } from 'bun:test'
 import {
   canApplyFloorplanNavigationSync,
   canZoomFloorplanDuringNavigation,
-  createFloorplanNavigationSyncScheduler,
   finalizeFloorplanNavigation,
   flushFloorplanRotationPresentationRestore,
   getFloorplanRotationOverscanViewBox,
   queueFloorplanRotationPresentationRestore,
   resolveFloorplanPresentationViewBox,
-  setFloorplanCompassRotation,
 } from './floorplan-navigation-presentation'
 
 describe('floorplan navigation presentation', () => {
@@ -60,16 +58,6 @@ describe('floorplan navigation presentation', () => {
     expect(canApplyFloorplanNavigationSync(false)).toBe(true)
   })
 
-  test('updates the compass presentation on every live rotation frame', () => {
-    const compass = { style: { transform: '' } }
-
-    setFloorplanCompassRotation(compass, 0.25)
-    expect(compass.style.transform).toBe('rotate(0.25deg)')
-
-    setFloorplanCompassRotation(compass, 0.5)
-    expect(compass.style.transform).toBe('rotate(0.5deg)')
-  })
-
   test('keeps the rotation preview in place until the committed state is ready to paint', () => {
     const pending = { current: null }
     const svg = {
@@ -111,32 +99,4 @@ describe('floorplan navigation presentation', () => {
 
     expect(calls).toEqual(['zoom', 'pan', 'rotation:42'])
   })
-
-  test('coalesces a camera pose stream into one settled React commit', () => {
-    const presented: number[] = []
-    const committed: number[] = []
-    let scheduled: (() => void) | null = null
-    const scheduler = createFloorplanNavigationSyncScheduler<number>({
-      applyPresentation: (pose) => presented.push(pose),
-      commit: (pose) => committed.push(pose),
-      schedule: (callback) => {
-        scheduled = callback
-        return 1 as unknown as ReturnType<typeof globalThis.setTimeout>
-      },
-      cancel: () => {
-        scheduled = null
-      },
-    })
-
-    for (let pose = 1; pose <= 30; pose += 1) {
-      scheduler.update(pose)
-    }
-
-    expect(presented).toHaveLength(30)
-    expect(committed).toEqual([])
-
-    const settle = scheduled as (() => void) | null
-    settle?.()
-    expect(committed).toEqual([30])
-  })
 })

package/src/components/editor/floorplan-navigation-presentation.ts

@@ -5,15 +5,6 @@ export type FloorplanPresentationViewBox = {
   height: number
 }
 
-export function setFloorplanCompassRotation(
-  compass: { style: { transform: string } } | null,
-  rotationDeg: number,
-): void {
-  if (compass) {
-    compass.style.transform = `rotate(${rotationDeg}deg)`
-  }
-}
-
 type FloorplanRotationPresentation = {
   svg: {
     style: {
@@ -78,63 +69,6 @@ export function canApplyFloorplanNavigationSync(interactionInProgress: boolean):
   return !interactionInProgress
 }
 
-export type FloorplanNavigationSyncScheduler<Pose> = {
-  update: (pose: Pose) => void
-  flush: () => void
-  discard: () => void
-}
-
-export function createFloorplanNavigationSyncScheduler<Pose>({
-  applyPresentation,
-  commit,
-  settleMs = 120,
-  schedule = globalThis.setTimeout,
-  cancel = globalThis.clearTimeout,
-}: {
-  applyPresentation: (pose: Pose) => void
-  commit: (pose: Pose) => void
-  settleMs?: number
-  schedule?: (callback: () => void, delay: number) => ReturnType<typeof globalThis.setTimeout>
-  cancel?: (timer: ReturnType<typeof globalThis.setTimeout>) => void
-}): FloorplanNavigationSyncScheduler<Pose> {
-  let latestPose: Pose | null = null
-  let settleTimer: ReturnType<typeof globalThis.setTimeout> | null = null
-
-  const clearSettleTimer = () => {
-    if (settleTimer === null) return
-    cancel(settleTimer)
-    settleTimer = null
-  }
-
-  const flush = () => {
-    clearSettleTimer()
-    if (latestPose === null) return
-    const pose = latestPose
-    latestPose = null
-    commit(pose)
-  }
-
-  const update = (pose: Pose) => {
-    latestPose = pose
-    applyPresentation(pose)
-    clearSettleTimer()
-    settleTimer = schedule(() => {
-      settleTimer = null
-      if (latestPose === null) return
-      const settledPose = latestPose
-      latestPose = null
-      commit(settledPose)
-    }, settleMs)
-  }
-
-  const discard = () => {
-    clearSettleTimer()
-    latestPose = null
-  }
-
-  return { update, flush, discard }
-}
-
 export function finalizeFloorplanNavigation<RotationState>({
   zoomPending,
   panActive,

package/src/components/editor/floorplan-panel.tsx

@@ -5,6 +5,8 @@ import {
   type AnyNode,
   type AnyNodeId,
   type BuildingNode,
+  buildFloorplanContext,
+  buildSvgPolylinePath,
   type CameraControlFrameEvent,
   type CeilingNode,
   CeilingNode as CeilingNodeSchema,
@@ -18,10 +20,13 @@ import {
   type ElevatorNode,
   emitter,
   type FenceNode,
+  FLOORPLAN_VIEW_ROTATION_DEG,
   type FloorplanGeometry,
+  floorplanLocalToWorldPoint,
   formatAngleRadians,
   formatLinearMeasurement,
   formatNumber as formatLocalizedNumber,
+  formatPolygonPath,
   type GeometryContext,
   type GuideNode,
   getRenderableSlabPolygon,
@@ -41,6 +46,7 @@ import {
   type RoofSegmentNode,
   resolveSlabPlacementElevation,
   resolveTerrainWallConstructionOptions,
+  rotatePlanVector as rotateSharedPlanVector,
   runAsSingleSceneHistoryStep,
   type SeparatorNode,
   type SiteNode,
@@ -64,9 +70,24 @@ import {
   WindowNode as WindowNodeSchema,
   wallClosesRoom,
   wallRectangleCorners,
+  worldToFloorplanLocalPoint,
 } from '@pascal-app/core'
 import { useSegmentDraftChain, useWallSnapIndicator } from '@pascal-app/editor'
 import { getSceneTheme, useViewer } from '@pascal-app/viewer'
+import {
+  createFloorplanNavigationSyncScheduler,
+  FloorplanCompassButton,
+  FloorplanGeometryRenderer,
+  type FloorplanNavigationSyncScheduler,
+  framingAnimates,
+  type NavigationSyncPose,
+  navigationSyncPoseStore,
+  publishNavigationSyncPose,
+  setFloorplanCompassRotation,
+  subscribeFloorplanCameraNavigation,
+  subscribeNavigationSyncPose,
+  useFloorplanCameraSyncBridge,
+} from '@pascal-app/viewer/ui'
 import { Command, Ruler } from 'lucide-react'
 import {
   type ComponentProps,
@@ -95,14 +116,9 @@ import {
   alignFloorplanDraftPoint,
   buildFloorplanItemEntry,
   collectLevelDescendants,
-  FLOORPLAN_VIEW_ROTATION_DEG,
-  floorplanLocalToWorldPoint,
   getFloorplanWall as getSharedFloorplanWall,
-  rotatePlanVector as rotateSharedPlanVector,
   type FloorplanNodeTransform as SharedFloorplanNodeTransform,
-  worldToFloorplanLocalPoint,
 } from '../../lib/floorplan'
-import { buildFloorplanContext } from '../../lib/floorplan/floorplan-readonly'
 // Site-plan view. Owned under `lib/floorplan/site-plan/**`; this panel
 // only chooses between it and the registry layer, and mounts the switch.
 import {
@@ -147,7 +163,6 @@ import {
   zoneAtLevelPoint,
 } from '../../lib/units'
 import { cn } from '../../lib/utils'
-import { framingAnimates } from '../../lib/viewer-selection'
 import {
   getWallDrawVariant,
   getWallLineKind,
@@ -176,10 +191,9 @@ import {
 } from '../../lib/wall-run-snap'
 import { snapBuildingLocalToWorldGrid } from '../../lib/world-grid-snap'
 import { nextZoneName } from '../../lib/zone-name'
-import { subscribeNavigationSyncPose } from '../../store/navigation-sync-pose-store'
 import useAlignmentGuides from '../../store/use-alignment-guides'
 import useDrawingView from '../../store/use-drawing-view'
-import type { GuideUiState, NavigationSyncPose } from '../../store/use-editor'
+import type { GuideUiState } from '../../store/use-editor'
 import useEditor, {
   isAngleSnapActive,
   isMagneticSnapActive,
@@ -223,7 +237,6 @@ import { FloorplanSnapBeaconLayer } from '../editor-2d/floorplan-snap-beacon-lay
 import { FloorplanWallMoveGhostLayer } from '../editor-2d/floorplan-wall-move-ghost-layer'
 import { FloorplanDraftLayer } from '../editor-2d/renderers/floorplan-draft-layer'
 import { FloorplanDraftMeasurement } from '../editor-2d/renderers/floorplan-draft-measurement'
-import { FloorplanGeometryRenderer } from '../editor-2d/renderers/floorplan-geometry-renderer'
 import { FloorplanMarqueeLayer } from '../editor-2d/renderers/floorplan-marquee-layer'
 import { FloorplanPlacementPreviewLayer } from '../editor-2d/renderers/floorplan-placement-preview-layer'
 import { FloorplanPlacementTypingHud } from '../editor-2d/renderers/floorplan-placement-typing-hud'
@@ -232,7 +245,6 @@ import {
   RotationAngleOverlay,
 } from '../editor-2d/renderers/floorplan-registry-layer'
 import { FloorplanVoronoiLayer } from '../editor-2d/renderers/floorplan-voronoi-layer'
-import { buildSvgPolylinePath, formatPolygonPath } from '../editor-2d/svg-paths'
 import { snapToHalf } from '../tools/item/placement-math'
 import {
   isBoxSelectPointerSuppressed,
@@ -275,24 +287,16 @@ import {
   type WallPlanPoint,
 } from '../tools/wall/wall-drafting'
 import { formatWallDraftHeading, resolveTypedWallEnd } from '../tools/wall/wall-typed-entry'
-import { FloorplanCompassButton } from '../viewer/floorplan-compass-button'
 import { resolveFloorplanBackgroundSelection } from './floorplan-background-selection'
-import {
-  subscribeFloorplanCameraNavigation,
-  useFloorplanCameraSyncBridge,
-} from './floorplan-camera-sync'
 import {
   canApplyFloorplanNavigationSync,
   canZoomFloorplanDuringNavigation,
-  createFloorplanNavigationSyncScheduler,
-  type FloorplanNavigationSyncScheduler,
   type FloorplanPresentationViewBox,
   finalizeFloorplanNavigation,
   flushFloorplanRotationPresentationRestore,
   getFloorplanRotationOverscanViewBox,
   queueFloorplanRotationPresentationRestore,
   resolveFloorplanPresentationViewBox,
-  setFloorplanCompassRotation,
 } from './floorplan-navigation-presentation'
 import {
   endFloorplanWallTypingOnCancel,
@@ -4913,7 +4917,7 @@ const DRAFT_AXIS_GUIDE_EXTENT = 1000
 export function FloorplanPanel({
   /**
    * Element to portal the compass button into. The 2D/3D navigation poses stay
-   * in sync (`navigationSyncPose`), so hosting the compass on the always-visible
+   * in sync (`navigationSyncPoseStore`), so hosting the compass on the always-visible
    * viewer-area container keeps it correct — needle and align-to-north alike —
    * in 2d, 3d, and split modes, while this panel itself may be display:none.
    */
@@ -4985,7 +4989,7 @@ export function FloorplanPanel({
     viewWidth: number
   } | null>(null)
   const latestNavigationSyncPoseRef = useRef<NavigationSyncPose | null>(
-    useEditor.getState().navigationSyncPose,
+    navigationSyncPoseStore.getState().pose,
   )
   const compassNeedleRef = useRef<SVGSVGElement | null>(null)
   const hiddenCompassAnimationRef = useRef<number | null>(null)
@@ -7406,7 +7410,7 @@ export function FloorplanPanel({
       )
       const targetY = latestNavigationSyncPoseRef.current?.target[1] ?? floorplanGridWorldY
 
-      useEditor.getState().publishNavigationSyncPose({
+      publishNavigationSyncPose({
         source: '2d',
         target: [worldCenter.x, targetY, worldCenter.z],
         azimuth: cameraAzimuthFromFloorplanRotation(userRotationDeg),
@@ -7427,7 +7431,7 @@ export function FloorplanPanel({
       const northAzimuth = cameraAzimuthFromFloorplanRotation(
         nearestEquivalentDegrees(0, currentRotation),
       )
-      useEditor.getState().publishNavigationSyncPose({
+      publishNavigationSyncPose({
         source: '2d',
         target: [...pose.target],
         azimuth: northAzimuth,

package/src/components/editor/floorplan-wall-typing-keys.ts

@@ -1,6 +1,6 @@
+import { isTypingTarget } from '@pascal-app/viewer'
 import { markToolCancelConsumed } from '../../hooks/use-keyboard'
 import type { ParseMeasurementOptions } from '../../lib/measurement-parser'
-import { isTypingTarget } from '../../lib/typing-target'
 import useEditor from '../../store/use-editor'
 import {
   PLACEMENT_TYPING_LENGTH_ANGLE,

package/src/components/editor/follow-pascal.test.tsx

@@ -18,12 +18,11 @@ import {
   WindowNode,
 } from '@pascal-app/core'
 import { isNodeRevealing, startConstructionReveal, useViewer } from '@pascal-app/viewer'
+import { followBelowGrade, useFollowPascal } from '@pascal-app/viewer/ui'
 import { act, create } from '@react-three/test-renderer'
 import { BoxGeometry, DoubleSide, Group, Mesh, MeshBasicMaterial, Raycaster, Vector3 } from 'three'
-import { followBelowGrade } from '../../lib/below-grade'
 import { openingExterior, wallExterior } from '../../lib/follow-pascal-exterior.test-fixture'
 import useEditor from '../../store/use-editor'
-import useFollowPascal from '../../store/use-follow-pascal'
 import { usePointAsk } from '../../store/use-point-ask'
 import { FollowPascal } from './follow-pascal'
 

package/src/components/editor/follow-pascal.tsx

@@ -18,6 +18,7 @@ import {
   subscribeRevealEvents,
   useViewer,
 } from '@pascal-app/viewer'
+import { useFollowPascal } from '@pascal-app/viewer/ui'
 import { useFrame, useThree } from '@react-three/fiber'
 import { useEffect, useMemo, useRef } from 'react'
 import { Vector3 } from 'three'
@@ -34,7 +35,6 @@ import { FollowPresentation, type PresentationPort } from '../../lib/follow-pasc
 import { FollowSight } from '../../lib/follow-pascal-sight'
 import { stayOnLevel, wantFromEvent } from '../../lib/follow-pascal-targets'
 import useEditor from '../../store/use-editor'
-import useFollowPascal from '../../store/use-follow-pascal'
 import { usePointAsk } from '../../store/use-point-ask'
 
 /**

package/src/components/editor/footprint-height-handle.tsx

@@ -11,6 +11,7 @@ import {
   useScene,
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { type ThreeEvent, useFrame, useThree } from '@react-three/fiber'
 import { useRef, useState } from 'react'
 import { type Group, Plane, Vector2, Vector3 } from 'three'
@@ -25,7 +26,6 @@ import { runRoomHandleDrag } from '../../lib/room-handle-drag'
 import useEditor, { isGridSnapActive } from '../../store/use-editor'
 import useInteractionScope from '../../store/use-interaction-scope'
 import { suppressBoxSelectForPointer } from '../tools/select/box-select-state'
-import { Html } from './localized-html'
 import { ElevationArrows, outlineCentroid, useHandleScale } from './room-handles'
 
 export const FOOTPRINT_HEIGHT_DRAG_LABEL = 'footprint-height'

package/src/components/editor/group-actions.ts

@@ -14,7 +14,7 @@ import {
   useLiveTransforms,
   useScene,
 } from '@pascal-app/core'
-import { markPerfAction, useViewer } from '@pascal-app/viewer'
+import { isTypingTarget, markPerfAction, useViewer } from '@pascal-app/viewer'
 import { Plane, Vector2, Vector3 } from 'three'
 import { GROUP_MOVE_DRAG_LABEL } from '../../lib/contextual-help'
 import { clientToPlan } from '../../lib/floorplan/plan-coords'
@@ -28,7 +28,6 @@ import {
   pasteSystemEditorClipboardToLevel,
 } from '../../lib/scene-clipboard'
 import { emitDeleteSFX, sfxEmitter } from '../../lib/sfx-bus'
-import { isTypingTarget } from '../../lib/typing-target'
 import useAlignmentGuides from '../../store/use-alignment-guides'
 import useDeleteConfirmation from '../../store/use-delete-confirmation'
 import useEditor, {

package/src/components/editor/group-floating-action-menu.tsx

@@ -2,6 +2,7 @@
 
 import { type AnyNodeId, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { useFrame } from '@react-three/fiber'
 import { useCallback, useMemo, useRef } from 'react'
 import * as THREE from 'three'
@@ -20,7 +21,6 @@ import {
   computeGroupPlanBox,
   levelFrame,
 } from './group-transform-shared'
-import { Html } from './localized-html'
 import { NodeActionMenu } from './node-action-menu'
 import { useMeshSettleEpoch } from './use-mesh-settle-epoch'
 

package/src/components/editor/group-move-3d.ts

@@ -12,13 +12,12 @@ import {
   useLiveTransforms,
   useScene,
 } from '@pascal-app/core'
-import { useViewer } from '@pascal-app/viewer'
+import { isTypingTarget, useViewer } from '@pascal-app/viewer'
 import { type Camera, Plane, type Raycaster, Vector2, Vector3 } from 'three'
 import { GROUP_MOVE_DRAG_LABEL } from '../../lib/contextual-help'
 import { isHistoryShortcut } from '../../lib/history'
 import type { WallGroupPush } from '../../lib/room-handle-drag'
 import { sfxEmitter } from '../../lib/sfx-bus'
-import { isTypingTarget } from '../../lib/typing-target'
 import useAlignmentGuides from '../../store/use-alignment-guides'
 import useEditor, {
   isAlignmentGuideActive,

package/src/components/editor/group-rotate-handle.tsx

@@ -10,7 +10,7 @@ import {
   useLiveTransforms,
   useScene,
 } from '@pascal-app/core'
-import { useViewer } from '@pascal-app/viewer'
+import { isTypingTarget, useViewer } from '@pascal-app/viewer'
 import { createPortal, type ThreeEvent, useThree } from '@react-three/fiber'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { OrthographicCamera, Plane, type Ray, Vector2, Vector3 } from 'three'
@@ -19,7 +19,6 @@ import { isHistoryShortcut } from '../../lib/history'
 import { sfxEmitter } from '../../lib/sfx-bus'
 import { intersectSpatialDragPlane } from '../../lib/spatial-drag-plane'
 import { getSpatialPointerId, spatialPointerInput } from '../../lib/spatial-pointer-input'
-import { isTypingTarget } from '../../lib/typing-target'
 import useEditor, { isAngleSnapActive } from '../../store/use-editor'
 import useInteractionScope, {
   useActiveHandleDrag,

package/src/components/editor/handles/use-handle-drag.ts

@@ -11,7 +11,7 @@ import {
   useLiveNodeOverrides,
   useScene,
 } from '@pascal-app/core'
-import { useViewer } from '@pascal-app/viewer'
+import { isTypingTarget, useViewer } from '@pascal-app/viewer'
 import { type ThreeEvent, useThree } from '@react-three/fiber'
 import { useEffect, useRef } from 'react'
 import {
@@ -28,7 +28,6 @@ import { isHistoryShortcut } from '../../../lib/history'
 import { sfxEmitter } from '../../../lib/sfx-bus'
 import { intersectSpatialDragPlane } from '../../../lib/spatial-drag-plane'
 import { getSpatialPointerId, spatialPointerInput } from '../../../lib/spatial-pointer-input'
-import { isTypingTarget } from '../../../lib/typing-target'
 import useInteractionScope from '../../../store/use-interaction-scope'
 import { suppressBoxSelectForPointer } from '../../tools/select/box-select-state'
 import { commitHandleDragPatch } from './handle-drag-history'

package/src/components/editor/index.tsx

@@ -3,6 +3,7 @@
 import { Icon } from '@iconify/react'
 import {
   acquireSceneReadOnlyLease,
+  computeSceneBoundsXZ,
   createI18n,
   emitter,
   getCatalogMaterialById,
@@ -29,6 +30,24 @@ import {
   type ViewerImmersiveSession,
   ViewerPresentations,
 } from '@pascal-app/viewer'
+import { useViewerUiSounds } from '@pascal-app/viewer/sfx'
+import {
+  type ActionMenuPlacement,
+  ParametricViewerRooms,
+  SceneLoader,
+  SceneLoadFailed,
+  SKY_DOCK_HEIGHT,
+  SkyControl,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  useIsMobile,
+  useViewerFloorDisplay,
+  ViewerHoverLabel,
+  ViewerSelectionManager,
+  ViewerStage,
+  type ViewerStageMode,
+} from '@pascal-app/viewer/ui'
 import {
   type CSSProperties,
   memo,
@@ -47,7 +66,6 @@ import { ViewerZoneSystem } from '../../components/viewer-zone-system'
 import { useAutoFrame } from '../../hooks/use-auto-frame'
 import { type SaveStatus, useAutoSave } from '../../hooks/use-auto-save'
 import { useKeyboard } from '../../hooks/use-keyboard'
-import { useIsMobile } from '../../hooks/use-mobile'
 import { useSaveShortcut } from '../../hooks/use-save-shortcut'
 import { type HINT_KEY_NAMES, toolHintKey, toolHintKeyDescriptor } from '../../i18n/node-messages'
 import { useCeilingEditSessionOwner } from '../../lib/ceiling-edit-session'
@@ -69,16 +87,15 @@ import {
   type SceneGraph,
   writePersistedSelection,
 } from '../../lib/scene'
-import { computeSceneBoundsXZ } from '../../lib/scene-bounds'
 import { disposeSFXBus, initSFXBus } from '../../lib/sfx-bus'
 import { useUnitFocusRules } from '../../lib/units'
 import { cn } from '../../lib/utils'
-import { useViewerFloorDisplay } from '../../lib/viewer-selection'
 import { type CameraHintAction, useCameraHintFocus } from '../../store/use-camera-hint-focus'
 import useEditor from '../../store/use-editor'
 import useFloorplanMode from '../../store/use-floorplan-mode'
 import useSessionGroups from '../../store/use-session-groups'
 import { paneOfView, VIEW_2D, VIEW_3D, type ViewPaneIndex } from '../../store/view-layout'
+import { FloorplanDimensionHitsGate } from '../editor-2d/renderers/floorplan-dimension-edit-overlay'
 import { PointAskLayer } from '../point-ask/point-ask-layer'
 import { CeilingSelectionAffordanceSystem } from '../systems/ceiling/ceiling-selection-affordance-system'
 import { CeilingSystem, CeilingTopsSync } from '../systems/ceiling/ceiling-system'
@@ -89,7 +106,7 @@ import { ZoneSystem } from '../systems/zone/zone-system'
 import { BoxSelectTool } from '../tools/select/box-select-tool'
 import { ToolManager } from '../tools/tool-manager'
 import { ActionMenu } from '../ui/action-menu'
-import { type ActionMenuPlacement, TOP_MENU_CLEARANCE } from '../ui/action-menu/placement'
+import { TOP_MENU_CLEARANCE } from '../ui/action-menu/placement'
 import { CommandPalette, type CommandPaletteEmptyAction } from '../ui/command-palette'
 import { EditorCommands } from '../ui/command-palette/editor-commands'
 import { FloatingLevelSelector } from '../ui/floating-level-selector'
@@ -97,22 +114,13 @@ import { HelperManager } from '../ui/helpers/helper-manager'
 import { PanelManager } from '../ui/panels/panel-manager'
 import { ErrorBoundary } from '../ui/primitives/error-boundary'
 import { useSidebarStore } from '../ui/primitives/sidebar'
-import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/primitives/tooltip'
 import { RightStack } from '../ui/right-stack'
-import { SceneLoader, SceneLoadFailed } from '../ui/scene-loader'
 import { AppSidebar } from '../ui/sidebar/app-sidebar'
 import type { ExtraPanel } from '../ui/sidebar/icon-rail'
 import { SettingsPanel, type SettingsPanelProps } from '../ui/sidebar/panels/settings-panel'
 import { SitePanel, type SitePanelProps } from '../ui/sidebar/panels/site-panel'
 import type { SidebarTab } from '../ui/sidebar/tab-bar'
 import { useHostPanels } from '../ui/sidebar/use-plugin-panels'
-import { SKY_DOCK_HEIGHT, SkyControl } from '../viewer/sky-control'
-import { useViewerUiSounds } from '../viewer/use-viewer-ui-sounds'
-import { ViewerHoverLabel } from '../viewer/viewer-hover-label'
-import { ParametricViewerRooms } from '../viewer/viewer-rooms'
-import { ViewerSelectionManager } from '../viewer/viewer-selection-manager'
-import { ViewerStage } from '../viewer/viewer-stage'
-import type { ViewerStageMode } from '../viewer/viewer-stage-modes'
 import { CaptureCameraRig } from './capture-camera-rig'
 import { CustomCameraControls } from './custom-camera-controls'
 import { DeleteConfirmationDialog } from './delete-confirmation-dialog'
@@ -2075,7 +2083,9 @@ function EditorContent({
 function EditorFrame(props: EditorProps) {
   return (
     <Profiler id="editor" onRender={recordEditorRender}>
-      <EditorContent {...props} />
+      <FloorplanDimensionHitsGate>
+        <EditorContent {...props} />
+      </FloorplanDimensionHitsGate>
     </Profiler>
   )
 }

package/src/components/editor/inspector-extension-actions.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useIsMobile } from '../../hooks/use-mobile'
+import { useIsMobile } from '@pascal-app/viewer/ui'
 import { openExtension } from '../../lib/inspector-card-mode'
 import { useInspectorExpanded } from '../../lib/inspector-expanded'
 import { renderExtensionIcon, useInspectorExtensions } from '../ui/panels/inspector-extensions'

package/src/components/editor/node-arrow-handles.tsx

@@ -22,6 +22,7 @@ import {
   useScene,
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { createPortal, type ThreeEvent, useFrame, useThree } from '@react-three/fiber'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import {
@@ -76,7 +77,6 @@ import {
 import { createLinearResizeDragBinding, linearResizeFactor } from './handles/linear-resize-drag'
 import { resolveResizeSnapValue } from './handles/resize-snap'
 import { type HandleDragControls, useHandleDrag } from './handles/use-handle-drag'
-import { Html } from './localized-html'
 
 // Pooled scratch for the handle rig's world-relative pose mapping.
 const _rigRelative = new Matrix4()

package/src/components/editor/open-wall-ends-3d-layer.tsx

@@ -2,6 +2,7 @@
 
 import { type OpenWallEnd, sceneRegistry } from '@pascal-app/core'
 import { MEASUREMENT_DANGLING_COLOR, useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { useFrame } from '@react-three/fiber'
 import { memo, useEffect, useMemo, useRef } from 'react'
 import { BoxGeometry, CircleGeometry, type Group, RingGeometry } from 'three'
@@ -17,7 +18,6 @@ import { cn } from '../../lib/utils'
 import useEditor from '../../store/use-editor'
 import { isViewVisible, VIEW_3D, visibleScene } from '../../store/view-layout'
 import { JoinWallsPill } from './join-walls-pill'
-import { Html } from './localized-html'
 import { OpenWallEndsHint } from './open-wall-ends-hint'
 
 /**

package/src/components/editor/opening-guides-3d-layer.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useViewer } from '@pascal-app/viewer'
+import { LocalizedHtml as Html } from '@pascal-app/viewer/ui'
 import { memo, useEffect, useLayoutEffect, useMemo } from 'react'
 import { BufferGeometry, Float32BufferAttribute, Line as ThreeLine } from 'three'
 import { LineBasicNodeMaterial } from 'three/webgpu'
@@ -9,7 +10,6 @@ import useOpeningGuides, {
   type OpeningGuide3D,
   type OpeningGuideVec3,
 } from '../../store/use-opening-guides'
-import { Html } from './localized-html'
 import { formatMeasurement } from './measurement-pill'
 
 const DIMENSION_COLOR = 0x81_8c_f8 // indigo — a neutral measurement