refactor(canvas): remove dimension label overlay

remove the blue dimension/position label that appeared on selection,
drag, and scale interactions

src/canvas/fabric-canvas.tsx

@@ -5,7 +5,6 @@ import { useCanvasEvents } from './use-canvas-events'
 import { useCanvasViewport } from './use-canvas-viewport'
 import { useCanvasSelection } from './use-canvas-selection'
 import { useCanvasSync } from './use-canvas-sync'
-import { useDimensionLabel } from './use-dimension-label'
 import { useFrameLabels } from './use-frame-labels'
 import { useLayoutIndicator } from './use-layout-indicator'
 import { useCanvasHover } from './use-canvas-hover'
@@ -23,7 +22,7 @@ export default function FabricCanvas() {
   useCanvasSync()
   useCanvasHover()
   useEnteredFrameOverlay()
-  useDimensionLabel(containerRef)
+
   useFrameLabels()
   useLayoutIndicator()
 

src/canvas/use-dimension-label.ts

@@ -44,12 +44,18 @@ export function useDimensionLabel(
 
       const bound = active.getBoundingRect()
 
-      // Detect if the user is actively dragging (moving)
+      // Detect active interaction (dragging or scaling)
       const transform = (canvas as unknown as { _currentTransform?: { action?: string } })
         ._currentTransform
-      const isMoving = transform?.action === 'drag'
+      const action = transform?.action
 
-      if (isMoving) {
+      if (!action) {
+        // No active interaction — hide the label
+        label.style.display = 'none'
+        return
+      }
+
+      if (action === 'drag') {
         // Show position in scene coordinates during drag
         const vpt = canvas.viewportTransform
         const zoom = vpt[0]
@@ -57,12 +63,10 @@ export function useDimensionLabel(
         const panY = vpt[5]
 
         if (active instanceof fabric.ActiveSelection) {
-          // ActiveSelection: show bounding box top-left in scene coords
           const sceneX = Math.round(((bound.left - panX) / zoom))
           const sceneY = Math.round(((bound.top - panY) / zoom))
           label.textContent = `X: ${sceneX}  Y: ${sceneY}`
         } else {
-          // Single object: show position relative to parent (document coords)
           const obj = active as FabricObjectWithPenId
           const info = obj.penNodeId ? nodeRenderInfo.get(obj.penNodeId) : null
           const offsetX = info?.parentOffsetX ?? 0
@@ -72,7 +76,7 @@ export function useDimensionLabel(
           label.textContent = `X: ${relX}  Y: ${relY}`
         }
       } else {
-        // Show dimensions when not moving (selected, scaling, etc.)
+        // Show dimensions during scale/resize
         const w = Math.round(active.getScaledWidth())
         const h = Math.round(active.getScaledHeight())
         label.textContent = `${w} \u00d7 ${h}`