@fieldnotes/react 0.10.0 → 0.12.0

package/dist/index.cjs

@@ -26,6 +26,7 @@ __export(index_exports, {
   ViewportContext: () => ViewportContext,
   useActiveTool: () => useActiveTool,
   useCamera: () => useCamera,
+  useElementRects: () => useElementRects,
   useElements: () => useElements,
   useHistory: () => useHistory,
   useLayers: () => useLayers,
@@ -568,9 +569,54 @@ function useSelectionOps() {
   };
 }
 
-// src/minimap.tsx
+// src/hooks/use-element-rects.ts
 var import_react15 = require("react");
 var import_core2 = require("@fieldnotes/core");
+function useElementRects(match) {
+  const viewport = useViewport();
+  const matchRef = (0, import_react15.useRef)(match);
+  matchRef.current = match;
+  const stableMatch = (0, import_react15.useCallback)((el) => matchRef.current(el), []);
+  const cacheRef = (0, import_react15.useRef)(null);
+  const trackerRef = (0, import_react15.useRef)(null);
+  const subscribe = (0, import_react15.useCallback)(
+    (onStoreChange) => {
+      const tracker = new import_core2.ElementRectTracker(viewport, { match: stableMatch });
+      trackerRef.current = tracker;
+      const next = tracker.getRects();
+      const previous = cacheRef.current;
+      if (previous === null || !(0, import_core2.elementRectsEqual)(previous, next)) {
+        cacheRef.current = next;
+        onStoreChange();
+      }
+      const off = tracker.onChange((rects2) => {
+        cacheRef.current = rects2;
+        onStoreChange();
+      });
+      return () => {
+        off();
+        tracker.dispose();
+        if (trackerRef.current === tracker) trackerRef.current = null;
+      };
+    },
+    [viewport, stableMatch]
+  );
+  const getSnapshot = (0, import_react15.useCallback)(() => {
+    if (cacheRef.current === null) {
+      cacheRef.current = (0, import_core2.computeElementRects)(viewport.store, stableMatch);
+    }
+    return cacheRef.current;
+  }, [viewport, stableMatch]);
+  const rects = (0, import_react15.useSyncExternalStore)(subscribe, getSnapshot);
+  (0, import_react15.useEffect)(() => {
+    trackerRef.current?.setMatch(stableMatch);
+  }, [match, stableMatch]);
+  return rects;
+}
+
+// src/minimap.tsx
+var import_react16 = require("react");
+var import_core3 = require("@fieldnotes/core");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var toggleStyle = {
   position: "absolute",
@@ -596,13 +642,13 @@ function Minimap({
   style
 }) {
   const viewport = useViewport();
-  const [collapsed, setCollapsed] = (0, import_react15.useState)(defaultCollapsed);
-  const canvasRef = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const [collapsed, setCollapsed] = (0, import_react16.useState)(defaultCollapsed);
+  const canvasRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
     if (collapsed) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
-    const controller = new import_core2.MinimapController(viewport, canvas, {
+    const controller = new import_core3.MinimapController(viewport, canvas, {
       width,
       height,
       background,
@@ -660,6 +706,7 @@ function Minimap({
   ViewportContext,
   useActiveTool,
   useCamera,
+  useElementRects,
   useElements,
   useHistory,
   useLayers,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/field-notes-canvas.tsx","../src/context.ts","../src/canvas-element.tsx","../src/hooks/use-viewport.ts","../src/hooks/use-active-tool.ts","../src/hooks/use-camera.ts","../src/hooks/use-tool-options.ts","../src/hooks/use-layers.ts","../src/hooks/use-history.ts","../src/hooks/use-elements.ts","../src/hooks/use-selection.ts","../src/hooks/use-selection-style.ts","../src/hooks/style-keys.ts","../src/hooks/use-selection-style-details.ts","../src/hooks/use-selection-ops.ts","../src/minimap.tsx"],"sourcesContent":["export { FieldNotesCanvas } from './field-notes-canvas';\nexport type { FieldNotesCanvasProps, FieldNotesCanvasRef } from './field-notes-canvas';\nexport { CanvasElement } from './canvas-element';\nexport type { CanvasElementProps } from './canvas-element';\nexport {\n  useViewport,\n  useActiveTool,\n  useCamera,\n  useToolOptions,\n  useLayers,\n  useHistory,\n  useElements,\n  useSelection,\n  useSelectionStyle,\n  useSelectionStyleDetails,\n  useSelectionOps,\n} from './hooks';\nexport type {\n  CameraState,\n  UseLayersResult,\n  UseHistoryResult,\n  UseSelectionOpsResult,\n} from './hooks';\nexport type { ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';\nexport type { AlignEdge, DistributeAxis } from '@fieldnotes/core';\nexport { ViewportContext } from './context';\nexport { Minimap } from './minimap';\nexport type { MinimapProps } from './minimap';\n","import {\r\n  useRef,\r\n  useEffect,\r\n  useState,\r\n  forwardRef,\r\n  useImperativeHandle,\r\n  type ReactNode,\r\n  type CSSProperties,\r\n} from 'react';\r\nimport { Viewport } from '@fieldnotes/core';\r\nimport type { ViewportOptions, Tool } from '@fieldnotes/core';\r\nimport { ViewportContext } from './context';\r\n\r\nexport interface FieldNotesCanvasProps {\r\n  /** Constructor-only: changes after mount are ignored (the canvas is stateful). */\r\n  options?: ViewportOptions;\r\n  /**\r\n   * Reactive (append-only): tools present here are registered; removal is not supported.\r\n   * Hoist the array out of render — inline arrays reconstruct Tool instances and re-run\r\n   * registration on every render.\r\n   */\r\n  tools?: Tool[];\r\n  /** Uncontrolled initial tool. Ignored when `tool` is set. */\r\n  defaultTool?: string;\r\n  /** Controlled active tool. Pair with `onToolChange`. */\r\n  tool?: string;\r\n  /**\r\n   * Fires whenever the active tool changes (keyboard, API, or `tool` prop).\r\n   * Memoize with useCallback to avoid re-subscribing each render.\r\n   */\r\n  onToolChange?: (name: string) => void;\r\n  /** Reactive: toggles grid snapping. */\r\n  snapToGrid?: boolean;\r\n  className?: string;\r\n  style?: CSSProperties;\r\n  children?: ReactNode;\r\n  onReady?: (viewport: Viewport) => void;\r\n}\r\n\r\nexport interface FieldNotesCanvasRef {\r\n  viewport: Viewport | null;\r\n}\r\n\r\nexport const FieldNotesCanvas = forwardRef<FieldNotesCanvasRef, FieldNotesCanvasProps>(\r\n  function FieldNotesCanvas(\r\n    {\r\n      options,\r\n      tools,\r\n      defaultTool,\r\n      tool,\r\n      onToolChange,\r\n      snapToGrid,\r\n      className,\r\n      style,\r\n      children,\r\n      onReady,\r\n    },\r\n    ref,\r\n  ) {\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n    const [viewport, setViewport] = useState<Viewport | null>(null);\r\n\r\n    useImperativeHandle(ref, () => ({ viewport }), [viewport]);\r\n\r\n    useEffect(() => {\r\n      const el = containerRef.current;\r\n      if (!el) return;\r\n\r\n      const vp = new Viewport(el, options);\r\n\r\n      if (tools) {\r\n        for (const t of tools) {\r\n          vp.toolManager.register(t);\r\n        }\r\n      }\r\n\r\n      const initialTool = tool ?? defaultTool;\r\n      if (initialTool) {\r\n        vp.setTool(initialTool);\r\n      }\r\n\r\n      setViewport(vp);\r\n      onReady?.(vp);\r\n\r\n      return () => {\r\n        vp.destroy();\r\n        setViewport(null);\r\n      };\r\n      // Constructor effect: options/tools/defaultTool are mount-only by design.\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n      if (!viewport || tool === undefined) return;\r\n      if (viewport.toolManager.activeTool?.name !== tool) {\r\n        viewport.setTool(tool);\r\n      }\r\n    }, [viewport, tool]);\r\n\r\n    useEffect(() => {\r\n      if (!viewport || !onToolChange) return;\r\n      return viewport.toolManager.onChange(onToolChange);\r\n    }, [viewport, onToolChange]);\r\n\r\n    useEffect(() => {\r\n      if (!viewport || snapToGrid === undefined) return;\r\n      viewport.setSnapToGrid(snapToGrid);\r\n    }, [viewport, snapToGrid]);\r\n\r\n    useEffect(() => {\r\n      if (!viewport || !tools) return;\r\n      for (const t of tools) {\r\n        if (!viewport.toolManager.getTool(t.name)) {\r\n          viewport.toolManager.register(t);\r\n        }\r\n      }\r\n    }, [viewport, tools]);\r\n\r\n    return (\r\n      <div ref={containerRef} className={className} style={style}>\r\n        {viewport && (\r\n          <ViewportContext.Provider value={viewport}>{children}</ViewportContext.Provider>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n","import { createContext } from 'react';\r\nimport type { Viewport } from '@fieldnotes/core';\r\n\r\nexport const ViewportContext = createContext<Viewport | null>(null);\r\n","import { useEffect, useRef, useState, type ReactNode } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { useViewport } from './hooks/use-viewport';\r\n\r\n/** Props for {@link CanvasElement}. */\r\nexport interface CanvasElementProps {\r\n  /** Canvas-space position of the element's top-left corner. */\r\n  position: { x: number; y: number };\r\n  /** Optional fixed size; omit to let the element size to its content. */\r\n  size?: { w: number; h: number };\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Renders a React subtree as an HTML element embedded in the canvas coordinate space.\r\n * Must be used inside a `<FieldNotesCanvas>`.\r\n */\r\nexport function CanvasElement({ position, size, children }: CanvasElementProps) {\r\n  const viewport = useViewport();\r\n  const [portalTarget, setPortalTarget] = useState<HTMLElement | null>(null);\r\n  const elementIdRef = useRef<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    const container = document.createElement('div');\r\n    Object.assign(container.style, {\r\n      width: '100%',\r\n      height: '100%',\r\n    });\r\n\r\n    // Append to domLayer immediately so portal children are queryable in the document\r\n    // before the viewport render loop fires via requestAnimationFrame.\r\n    viewport.domLayer.appendChild(container);\r\n\r\n    const id = viewport.addHtmlElement(container, position, size);\r\n    elementIdRef.current = id;\r\n    setPortalTarget(container);\r\n\r\n    return () => {\r\n      if (elementIdRef.current) {\r\n        viewport.store.remove(elementIdRef.current);\r\n        viewport.requestRender();\r\n        elementIdRef.current = null;\r\n      }\r\n      setPortalTarget(null);\r\n    };\r\n  }, [viewport]);\r\n\r\n  useEffect(() => {\r\n    const id = elementIdRef.current;\r\n    if (!id) return;\r\n    viewport.store.update(id, { position });\r\n    if (size) {\r\n      viewport.store.update(id, { size });\r\n    }\r\n    viewport.requestRender();\r\n    // Primitive deps (position.x/y, size?.w/h) are intentional: the effect re-runs on VALUE change,\r\n    // not object identity — so inline { x, y } literals and memoized-but-unchanged objects both behave\r\n    // correctly (no over-firing on every parent re-render).\r\n  }, [viewport, position.x, position.y, size?.w, size?.h]);\r\n\r\n  if (!portalTarget) return null;\r\n  return createPortal(children, portalTarget);\r\n}\r\n","import { useContext } from 'react';\r\nimport type { Viewport } from '@fieldnotes/core';\r\nimport { ViewportContext } from '../context';\r\n\r\n/** The Viewport from the nearest `<FieldNotesCanvas>`. Throws outside one. */\r\nexport function useViewport(): Viewport {\r\n  const viewport = useContext(ViewportContext);\r\n  if (!viewport) {\r\n    throw new Error('useViewport must be used inside <FieldNotesCanvas>');\r\n  }\r\n  return viewport;\r\n}\r\n","import { useCallback, useSyncExternalStore } from 'react';\r\nimport { useViewport } from './use-viewport';\r\n\r\n/** `[activeToolName, setTool]` — re-renders on tool switches. */\r\nexport function useActiveTool(): [toolName: string, setTool: (name: string) => void] {\r\n  const viewport = useViewport();\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => viewport.toolManager.onChange(onStoreChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => viewport.toolManager.activeTool?.name ?? '', [viewport]);\r\n\r\n  const toolName = useSyncExternalStore(subscribe, getSnapshot);\r\n\r\n  const setTool = useCallback((name: string) => viewport.setTool(name), [viewport]);\r\n\r\n  return [toolName, setTool];\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport { useViewport } from './use-viewport';\r\n\r\nexport interface CameraState {\r\n  x: number;\r\n  y: number;\r\n  zoom: number;\r\n}\r\n\r\n/** Current camera position and zoom level — re-renders whenever the camera moves or zoom changes. */\r\nexport function useCamera(): CameraState {\r\n  const viewport = useViewport();\r\n  const cachedRef = useRef<CameraState>({ x: 0, y: 0, zoom: 1 });\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => viewport.camera.onChange(onStoreChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): CameraState => {\r\n    const { position, zoom } = viewport.camera;\r\n    const cached = cachedRef.current;\r\n    if (cached.x === position.x && cached.y === position.y && cached.zoom === zoom) {\r\n      return cached;\r\n    }\r\n    const next = { x: position.x, y: position.y, zoom };\r\n    cachedRef.current = next;\r\n    return next;\r\n  }, [viewport]);\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot);\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport { useViewport } from './use-viewport';\r\n\r\nfunction noop() {\r\n  /* unsubscribe placeholder */\r\n}\r\n\r\n/**\r\n * `[options, setOptions]` for the named tool — re-renders when the tool's options change.\r\n * Returns `null` for options if the tool is not registered or does not expose options.\r\n */\r\nexport function useToolOptions<T extends Record<string, unknown>>(\r\n  toolName: string,\r\n): [options: T | null, setOptions: (partial: Partial<T>) => void] {\r\n  const viewport = useViewport();\r\n  const cachedRef = useRef<T | null>(null);\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => {\r\n      const tool = viewport.toolManager.getTool(toolName);\r\n      if (!tool?.onOptionsChange) return noop;\r\n      return tool.onOptionsChange(onStoreChange);\r\n    },\r\n    [viewport, toolName],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): T | null => {\r\n    const tool = viewport.toolManager.getTool(toolName);\r\n    if (!tool?.getOptions) return null;\r\n    const next = tool.getOptions() as T;\r\n    const cached = cachedRef.current;\r\n    if (cached && shallowEqual(cached, next)) return cached;\r\n    cachedRef.current = next;\r\n    return next;\r\n  }, [viewport, toolName]);\r\n\r\n  const options = useSyncExternalStore(subscribe, getSnapshot);\r\n\r\n  const setOptions = useCallback(\r\n    (partial: Partial<T>) => {\r\n      const tool = viewport.toolManager.getTool(toolName);\r\n      tool?.setOptions?.(partial as Record<string, unknown>);\r\n    },\r\n    [viewport, toolName],\r\n  );\r\n\r\n  return [options, setOptions];\r\n}\r\n\r\nfunction shallowEqual(a: Record<string, unknown>, b: Record<string, unknown>): boolean {\r\n  const keysA = Object.keys(a);\r\n  const keysB = Object.keys(b);\r\n  if (keysA.length !== keysB.length) return false;\r\n  for (const key of keysA) {\r\n    const valA = a[key];\r\n    const valB = b[key];\r\n    if (valA === valB) continue;\r\n    if (\r\n      typeof valA === 'object' &&\r\n      valA !== null &&\r\n      typeof valB === 'object' &&\r\n      valB !== null &&\r\n      !Array.isArray(valA) &&\r\n      !Array.isArray(valB)\r\n    ) {\r\n      const objA = valA as Record<string, unknown>;\r\n      const objB = valB as Record<string, unknown>;\r\n      const innerKeys = Object.keys(objA);\r\n      if (\r\n        innerKeys.length === Object.keys(objB).length &&\r\n        innerKeys.every((k) => objA[k] === objB[k])\r\n      ) {\r\n        continue;\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n  return true;\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport type { Layer } from '@fieldnotes/core';\r\nimport { useViewport } from './use-viewport';\r\n\r\ninterface LayersSnapshot {\r\n  layers: Layer[];\r\n  activeLayerId: string;\r\n}\r\n\r\nexport interface UseLayersResult {\r\n  layers: Layer[];\r\n  activeLayerId: string;\r\n  createLayer: (name?: string) => Layer;\r\n  removeLayer: (id: string) => void;\r\n  renameLayer: (id: string, name: string) => void;\r\n  reorderLayer: (id: string, newOrder: number) => void;\r\n  setVisible: (id: string, visible: boolean) => void;\r\n  setLocked: (id: string, locked: boolean) => void;\r\n  setOpacity: (id: string, opacity: number) => void;\r\n  setActiveLayer: (id: string) => void;\r\n  moveElement: (elementId: string, layerId: string) => void;\r\n}\r\n\r\n/**\r\n * Current layer list and mutation helpers — re-renders whenever a layer is added, removed,\r\n * reordered, renamed, or its visibility/lock/opacity/active state changes.\r\n */\r\nexport function useLayers(): UseLayersResult {\r\n  const viewport = useViewport();\r\n  const cachedRef = useRef<LayersSnapshot>({ layers: [], activeLayerId: '' });\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => viewport.layerManager.on('change', onStoreChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): LayersSnapshot => {\r\n    const layers = viewport.layerManager.getLayers();\r\n    const activeLayerId = viewport.layerManager.activeLayerId;\r\n    const cached = cachedRef.current;\r\n    if (\r\n      cached.activeLayerId === activeLayerId &&\r\n      cached.layers.length === layers.length &&\r\n      cached.layers.every((l, i) => {\r\n        const next = layers[i];\r\n        return (\r\n          next !== undefined &&\r\n          l.id === next.id &&\r\n          l.name === next.name &&\r\n          l.visible === next.visible &&\r\n          l.locked === next.locked &&\r\n          l.order === next.order &&\r\n          l.opacity === next.opacity\r\n        );\r\n      })\r\n    ) {\r\n      return cached;\r\n    }\r\n    const next = { layers, activeLayerId };\r\n    cachedRef.current = next;\r\n    return next;\r\n  }, [viewport]);\r\n\r\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\r\n\r\n  const createLayer = useCallback(\r\n    (name?: string) => viewport.layerManager.createLayer(name),\r\n    [viewport],\r\n  );\r\n\r\n  const removeLayer = useCallback(\r\n    (id: string) => viewport.layerManager.removeLayer(id),\r\n    [viewport],\r\n  );\r\n\r\n  const renameLayer = useCallback(\r\n    (id: string, name: string) => viewport.layerManager.renameLayer(id, name),\r\n    [viewport],\r\n  );\r\n\r\n  const reorderLayer = useCallback(\r\n    (id: string, newOrder: number) => viewport.layerManager.reorderLayer(id, newOrder),\r\n    [viewport],\r\n  );\r\n\r\n  const setVisible = useCallback(\r\n    (id: string, visible: boolean) => viewport.layerManager.setLayerVisible(id, visible),\r\n    [viewport],\r\n  );\r\n\r\n  const setLocked = useCallback(\r\n    (id: string, locked: boolean) => viewport.layerManager.setLayerLocked(id, locked),\r\n    [viewport],\r\n  );\r\n\r\n  const setOpacity = useCallback(\r\n    (id: string, opacity: number) => viewport.layerManager.setLayerOpacity(id, opacity),\r\n    [viewport],\r\n  );\r\n\r\n  const setActiveLayer = useCallback(\r\n    (id: string) => viewport.layerManager.setActiveLayer(id),\r\n    [viewport],\r\n  );\r\n\r\n  const moveElement = useCallback(\r\n    (elementId: string, layerId: string) =>\r\n      viewport.layerManager.moveElementToLayer(elementId, layerId),\r\n    [viewport],\r\n  );\r\n\r\n  return {\r\n    layers: snapshot.layers,\r\n    activeLayerId: snapshot.activeLayerId,\r\n    createLayer,\r\n    removeLayer,\r\n    renameLayer,\r\n    reorderLayer,\r\n    setVisible,\r\n    setLocked,\r\n    setOpacity,\r\n    setActiveLayer,\r\n    moveElement,\r\n  };\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport { useViewport } from './use-viewport';\r\n\r\ninterface HistorySnapshot {\r\n  canUndo: boolean;\r\n  canRedo: boolean;\r\n}\r\n\r\nexport interface UseHistoryResult {\r\n  canUndo: boolean;\r\n  canRedo: boolean;\r\n  undo: () => void;\r\n  redo: () => void;\r\n}\r\n\r\n/** `{ canUndo, canRedo, undo, redo }` — re-renders when undo/redo availability changes. */\r\nexport function useHistory(): UseHistoryResult {\r\n  const viewport = useViewport();\r\n  const cachedRef = useRef<HistorySnapshot>({ canUndo: false, canRedo: false });\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => viewport.history.onChange(onStoreChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): HistorySnapshot => {\r\n    const canUndo = viewport.history.canUndo;\r\n    const canRedo = viewport.history.canRedo;\r\n    const cached = cachedRef.current;\r\n    if (cached.canUndo === canUndo && cached.canRedo === canRedo) {\r\n      return cached;\r\n    }\r\n    const next = { canUndo, canRedo };\r\n    cachedRef.current = next;\r\n    return next;\r\n  }, [viewport]);\r\n\r\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\r\n\r\n  const undo = useCallback(() => viewport.undo(), [viewport]);\r\n  const redo = useCallback(() => viewport.redo(), [viewport]);\r\n\r\n  return {\r\n    canUndo: snapshot.canUndo,\r\n    canRedo: snapshot.canRedo,\r\n    undo,\r\n    redo,\r\n  };\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport type { CanvasElement, ElementType } from '@fieldnotes/core';\r\nimport { useViewport } from './use-viewport';\r\n\r\nfunction shallowEqual(a: unknown, b: unknown): boolean {\r\n  if (Object.is(a, b)) return true;\r\n  if (Array.isArray(a) && Array.isArray(b)) {\r\n    return a.length === b.length && a.every((v, i) => Object.is(v, b[i]));\r\n  }\r\n  if (\r\n    typeof a === 'object' &&\r\n    a !== null &&\r\n    typeof b === 'object' &&\r\n    b !== null &&\r\n    !Array.isArray(a) &&\r\n    !Array.isArray(b)\r\n  ) {\r\n    const ka = Object.keys(a);\r\n    const kb = Object.keys(b);\r\n    return (\r\n      ka.length === kb.length &&\r\n      ka.every(\r\n        (k) =>\r\n          k in (b as Record<string, unknown>) &&\r\n          Object.is((a as Record<string, unknown>)[k], (b as Record<string, unknown>)[k]),\r\n      )\r\n    );\r\n  }\r\n  return false;\r\n}\r\n\r\n/** All elements; re-renders on every store mutation (use a selector for hot paths). */\r\nexport function useElements(): CanvasElement[];\r\n/** Elements of one type; re-renders on every store mutation. */\r\nexport function useElements<T extends ElementType>(type: T): Extract<CanvasElement, { type: T }>[];\r\n/**\r\n * Derived value; re-renders only when the selected value changes (per `isEqual`,\r\n * default: one-level shallow compare — arrays by index, plain objects by key, primitives by\r\n * Object.is). Keep the selector referentially stable (useCallback or module scope).\r\n *\r\n * Supply `isEqual` for deeper structures. Note: selectors returning nested fresh objects\r\n * (e.g. `els => els.map(e => ({ ...e.position }))`) still need a custom comparator because\r\n * the default only compares one level deep.\r\n */\r\nexport function useElements<R>(\r\n  selector: (elements: CanvasElement[]) => R,\r\n  isEqual?: (a: R, b: R) => boolean,\r\n): R;\r\nexport function useElements<R>(\r\n  arg?: ElementType | ((elements: CanvasElement[]) => R),\r\n  isEqual?: (a: R, b: R) => boolean,\r\n): CanvasElement[] | R {\r\n  const viewport = useViewport();\r\n  const cachedRef = useRef<CanvasElement[]>([]);\r\n  const selectedRef = useRef<{ value: R } | null>(null);\r\n\r\n  const subscribe = useCallback(\r\n    (onStoreChange: () => void) => viewport.store.onChange(onStoreChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): CanvasElement[] | R => {\r\n    if (typeof arg === 'function') {\r\n      const next = arg(viewport.store.getAll());\r\n      const prev = selectedRef.current;\r\n      const equal: (a: R, b: R) => boolean = isEqual ?? (shallowEqual as (a: R, b: R) => boolean);\r\n      if (prev !== null && equal(prev.value, next)) {\r\n        return prev.value;\r\n      }\r\n      selectedRef.current = { value: next };\r\n      return next;\r\n    }\r\n\r\n    const next = arg ? viewport.store.getElementsByType(arg) : viewport.store.getAll();\r\n    const cached = cachedRef.current;\r\n    if (cached.length === next.length && cached.every((el, i) => el === next[i])) {\r\n      return cached;\r\n    }\r\n    cachedRef.current = next;\r\n    return next;\r\n  }, [viewport, arg, isEqual]);\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot);\r\n}\r\n","import { useCallback, useSyncExternalStore } from 'react';\r\nimport { useViewport } from './use-viewport';\r\n\r\n/** Reactive selected element ids. Stable array reference — only changes when the selection changes. */\r\nexport function useSelection(): string[] {\r\n  const viewport = useViewport();\r\n\r\n  const subscribe = useCallback(\r\n    (onChange: () => void) => viewport.onSelectionChange(onChange),\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback(() => viewport.getSelectedIds(), [viewport]);\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\r\n}\r\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { ElementStyle } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\nimport { STYLE_KEYS } from './style-keys';\n\nfunction styleEqual(a: ElementStyle | null, b: ElementStyle | null): boolean {\n  if (a === b) return true;\n  if (a === null || b === null) return false;\n  return STYLE_KEYS.every((k) => a[k] === b[k]);\n}\n\n/**\n * Reactive normalized style of the current selection.\n * Returns `[style, applyPatch]` — `style` is `null` when nothing is selected.\n * `applyPatch` applies an `ElementStyle` patch to every selected element.\n */\nexport function useSelectionStyle(): [ElementStyle | null, (style: ElementStyle) => void] {\n  const viewport = useViewport();\n  const cacheRef = useRef<ElementStyle | null>(null);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const offSel = viewport.onSelectionChange(onChange);\n      const offStore = viewport.store.onChange(onChange);\n      return () => {\n        offSel();\n        offStore();\n      };\n    },\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => {\n    const next = viewport.getSelectionStyle();\n    if (styleEqual(cacheRef.current, next)) return cacheRef.current;\n    cacheRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const style = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  const apply = useCallback((s: ElementStyle) => viewport.applyStyleToSelection(s), [viewport]);\n\n  return [style, apply];\n}\n","import type { ElementStyle } from '@fieldnotes/core';\n\n/**\n * The `ElementStyle` fields the selection-style hooks compare and cache.\n * Internal to `@fieldnotes/react` — not exported from the package index.\n * Shared between `useSelectionStyle` and `useSelectionStyleDetails` so the\n * two hooks cannot drift out of sync (a prior desync here dropped\n * `strokeStyle` from one hook's equality check and caused stale style data).\n */\nexport const STYLE_KEYS: readonly (keyof ElementStyle)[] = [\n  'color',\n  'fillColor',\n  'strokeWidth',\n  'opacity',\n  'fontSize',\n  'strokeStyle',\n];\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\nimport { STYLE_KEYS } from './style-keys';\n\nfunction keysEqual(\n  a: readonly (keyof ElementStyle)[],\n  b: readonly (keyof ElementStyle)[],\n): boolean {\n  return a.length === b.length && a.every((k, i) => k === b[i]);\n}\n\nfunction detailsEqual(a: SelectionStyleDetails | null, b: SelectionStyleDetails | null): boolean {\n  if (a === b) return true;\n  if (a === null || b === null) return false;\n  return (\n    keysEqual(a.applicable, b.applicable) &&\n    keysEqual(a.mixed, b.mixed) &&\n    STYLE_KEYS.every((k) => a.common[k] === b.common[k])\n  );\n}\n\n/**\n * Reactive style details of the current selection: per-field applicability and\n * mixed-state, plus the common style. `null` when nothing valid is selected.\n * The apply function delegates to `applyStyleToSelection` (one undo step).\n */\nexport function useSelectionStyleDetails(): [\n  SelectionStyleDetails | null,\n  (style: ElementStyle) => void,\n] {\n  const viewport = useViewport();\n  const cacheRef = useRef<SelectionStyleDetails | null>(null);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const offSel = viewport.onSelectionChange(onChange);\n      const offStore = viewport.store.onChange(onChange);\n      return () => {\n        offSel();\n        offStore();\n      };\n    },\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => {\n    const next = viewport.getSelectionStyleDetails();\n    if (detailsEqual(cacheRef.current, next)) return cacheRef.current;\n    cacheRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const details = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const apply = useCallback((s: ElementStyle) => viewport.applyStyleToSelection(s), [viewport]);\n\n  return [details, apply];\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\r\nimport type { AlignEdge, DistributeAxis } from '@fieldnotes/core';\r\nimport { useViewport } from './use-viewport';\r\n\r\nexport interface UseSelectionOpsResult {\r\n  selectedIds: string[];\r\n  selectedCount: number;\r\n  canGroup: boolean;\r\n  canUngroup: boolean;\r\n  canAlign: boolean;\r\n  canDistribute: boolean;\r\n  isLocked: boolean | null;\r\n  group: () => void;\r\n  ungroup: () => void;\r\n  toggleLock: () => void;\r\n  align: (edge: AlignEdge) => void;\r\n  distribute: (axis: DistributeAxis) => void;\r\n  rotateCW: () => void;\r\n  rotateCCW: () => void;\r\n}\r\n\r\ninterface Snapshot {\r\n  selectedIds: string[];\r\n  canGroup: boolean;\r\n  canUngroup: boolean;\r\n  canAlign: boolean;\r\n  canDistribute: boolean;\r\n  isLocked: boolean | null;\r\n}\r\n\r\nfunction snapshotEqual(a: Snapshot, b: Snapshot): boolean {\r\n  return (\r\n    a.selectedIds === b.selectedIds &&\r\n    a.canGroup === b.canGroup &&\r\n    a.canUngroup === b.canUngroup &&\r\n    a.canAlign === b.canAlign &&\r\n    a.canDistribute === b.canDistribute &&\r\n    a.isLocked === b.isLocked\r\n  );\r\n}\r\n\r\n/**\r\n * Reactive selection operations + derived predicates for the current selection.\r\n * Predicates (`canGroup`/`canAlign`/…) reflect whether each action is meaningful;\r\n * `isLocked` is `true`/`false` when the selection is uniformly locked/unlocked,\r\n * and `null` when empty or mixed. Actions delegate to the core Viewport.\r\n */\r\nexport function useSelectionOps(): UseSelectionOpsResult {\r\n  const viewport = useViewport();\r\n  const cacheRef = useRef<Snapshot | null>(null);\r\n\r\n  const subscribe = useCallback(\r\n    (onChange: () => void) => {\r\n      const offSel = viewport.onSelectionChange(onChange);\r\n      const offStore = viewport.store.onChange(onChange);\r\n      return () => {\r\n        offSel();\r\n        offStore();\r\n      };\r\n    },\r\n    [viewport],\r\n  );\r\n\r\n  const getSnapshot = useCallback((): Snapshot => {\r\n    const ids = viewport.getSelectedIds();\r\n    const n = ids.length;\r\n    let canUngroup = false;\r\n    let lockedCount = 0;\r\n    for (const id of ids) {\r\n      const el = viewport.store.getById(id);\r\n      if (!el) continue;\r\n      if (el.groupId !== undefined) canUngroup = true;\r\n      if (el.locked) lockedCount++;\r\n    }\r\n    const isLocked: boolean | null =\r\n      n === 0 ? null : lockedCount === n ? true : lockedCount === 0 ? false : null;\r\n    const next: Snapshot = {\r\n      selectedIds: ids,\r\n      canGroup: n >= 2,\r\n      canUngroup,\r\n      canAlign: n >= 2,\r\n      canDistribute: n >= 3,\r\n      isLocked,\r\n    };\r\n    const prev = cacheRef.current;\r\n    if (prev && snapshotEqual(prev, next)) return prev;\r\n    cacheRef.current = next;\r\n    return next;\r\n  }, [viewport]);\r\n\r\n  const snap = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\r\n\r\n  const group = useCallback(() => viewport.groupSelection(), [viewport]);\r\n  const ungroup = useCallback(() => viewport.ungroupSelection(), [viewport]);\r\n  const toggleLock = useCallback(() => viewport.toggleLockSelection(), [viewport]);\r\n  const align = useCallback((edge: AlignEdge) => viewport.alignSelection(edge), [viewport]);\r\n  const distribute = useCallback(\r\n    (axis: DistributeAxis) => viewport.distributeSelection(axis),\r\n    [viewport],\r\n  );\r\n  const rotateCW = useCallback(() => viewport.rotateSelection('cw'), [viewport]);\r\n  const rotateCCW = useCallback(() => viewport.rotateSelection('ccw'), [viewport]);\r\n\r\n  return {\r\n    selectedIds: snap.selectedIds,\r\n    selectedCount: snap.selectedIds.length,\r\n    canGroup: snap.canGroup,\r\n    canUngroup: snap.canUngroup,\r\n    canAlign: snap.canAlign,\r\n    canDistribute: snap.canDistribute,\r\n    isLocked: snap.isLocked,\r\n    group,\r\n    ungroup,\r\n    toggleLock,\r\n    align,\r\n    distribute,\r\n    rotateCW,\r\n    rotateCCW,\r\n  };\r\n}\r\n","import { useEffect, useRef, useState, type CSSProperties } from 'react';\r\nimport { MinimapController } from '@fieldnotes/core';\r\nimport { useViewport } from './hooks/use-viewport';\r\n\r\nexport interface MinimapProps {\r\n  /** Thumbnail width in CSS pixels. Default `200`. */\r\n  width?: number;\r\n  /** Thumbnail height in CSS pixels. Default `140`. */\r\n  height?: number;\r\n  /** Start collapsed (icon button only). Uncontrolled. Default `false`. */\r\n  defaultCollapsed?: boolean;\r\n  /** Backdrop fill behind the thumbnail. */\r\n  background?: string;\r\n  /** Viewport rectangle stroke color. */\r\n  viewportStroke?: string;\r\n  className?: string;\r\n  style?: CSSProperties;\r\n}\r\n\r\nconst toggleStyle: CSSProperties = {\r\n  position: 'absolute',\r\n  top: 2,\r\n  right: 2,\r\n  width: 24,\r\n  height: 24,\r\n  padding: 0,\r\n  border: 'none',\r\n  borderRadius: 4,\r\n  background: 'rgba(0,0,0,0.35)',\r\n  color: '#fff',\r\n  font: '14px/1 system-ui, sans-serif',\r\n  cursor: 'pointer',\r\n};\r\n\r\n/**\r\n * Collapsible thumbnail overview navigator. Renders inside `<FieldNotesCanvas>`\r\n * (or any `ViewportContext.Provider`). Positioning is host-owned — place and\r\n * style the component via `className`/`style`. While collapsed, no controller\r\n * exists: zero listeners, zero rendering.\r\n */\r\nexport function Minimap({\r\n  width = 200,\r\n  height = 140,\r\n  defaultCollapsed = false,\r\n  background,\r\n  viewportStroke,\r\n  className,\r\n  style,\r\n}: MinimapProps) {\r\n  const viewport = useViewport();\r\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n\r\n  useEffect(() => {\r\n    if (collapsed) return;\r\n    const canvas = canvasRef.current;\r\n    if (!canvas) return;\r\n    const controller = new MinimapController(viewport, canvas, {\r\n      width,\r\n      height,\r\n      background,\r\n      viewportStroke,\r\n    });\r\n    return () => controller.dispose();\r\n  }, [viewport, collapsed, width, height, background, viewportStroke]);\r\n\r\n  if (collapsed) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        aria-label=\"Expand minimap\"\r\n        onClick={() => setCollapsed(false)}\r\n        className={className}\r\n        style={{\r\n          minWidth: 44,\r\n          minHeight: 44,\r\n          border: '1px solid rgba(0,0,0,0.15)',\r\n          borderRadius: 8,\r\n          background: 'rgba(255,255,255,0.85)',\r\n          cursor: 'pointer',\r\n          font: '18px/1 system-ui, sans-serif',\r\n          ...style,\r\n        }}\r\n      >\r\n        {'▣'}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className={className} style={{ position: 'relative', ...style }}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        style={{ width: `${width}px`, height: `${height}px`, display: 'block' }}\r\n      />\r\n      <button\r\n        type=\"button\"\r\n        aria-label=\"Collapse minimap\"\r\n        onClick={() => setCollapsed(true)}\r\n        style={toggleStyle}\r\n      >\r\n        {'–'}\r\n      </button>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":["import_react","FieldNotesCanvas","import_react","import_react","import_react","import_react","import_react","import_react","next","import_react","import_react","shallowEqual","next","import_react","import_react","import_react","import_react","import_react","import_core","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/field-notes-canvas.tsx","../src/context.ts","../src/canvas-element.tsx","../src/hooks/use-viewport.ts","../src/hooks/use-active-tool.ts","../src/hooks/use-camera.ts","../src/hooks/use-tool-options.ts","../src/hooks/use-layers.ts","../src/hooks/use-history.ts","../src/hooks/use-elements.ts","../src/hooks/use-selection.ts","../src/hooks/use-selection-style.ts","../src/hooks/style-keys.ts","../src/hooks/use-selection-style-details.ts","../src/hooks/use-selection-ops.ts","../src/hooks/use-element-rects.ts","../src/minimap.tsx"],"sourcesContent":["export { FieldNotesCanvas } from './field-notes-canvas';\nexport type { FieldNotesCanvasProps, FieldNotesCanvasRef } from './field-notes-canvas';\nexport { CanvasElement } from './canvas-element';\nexport type { CanvasElementProps } from './canvas-element';\nexport {\n  useViewport,\n  useActiveTool,\n  useCamera,\n  useToolOptions,\n  useLayers,\n  useHistory,\n  useElements,\n  useSelection,\n  useSelectionStyle,\n  useSelectionStyleDetails,\n  useSelectionOps,\n  useElementRects,\n} from './hooks';\nexport type {\n  CameraState,\n  UseLayersResult,\n  UseHistoryResult,\n  UseSelectionOpsResult,\n} from './hooks';\nexport type { ElementStyle, SelectionStyleDetails, ElementRect } from '@fieldnotes/core';\nexport type { AlignEdge, DistributeAxis } from '@fieldnotes/core';\nexport { ViewportContext } from './context';\nexport { Minimap } from './minimap';\nexport type { MinimapProps } from './minimap';\n","import {\n  useRef,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  type ReactNode,\n  type CSSProperties,\n} from 'react';\nimport { Viewport } from '@fieldnotes/core';\nimport type { ViewportOptions, Tool } from '@fieldnotes/core';\nimport { ViewportContext } from './context';\n\nexport interface FieldNotesCanvasProps {\n  /** Constructor-only: changes after mount are ignored (the canvas is stateful). */\n  options?: ViewportOptions;\n  /**\n   * Reactive (append-only): tools present here are registered; removal is not supported.\n   * Hoist the array out of render — inline arrays reconstruct Tool instances and re-run\n   * registration on every render.\n   */\n  tools?: Tool[];\n  /** Uncontrolled initial tool. Ignored when `tool` is set. */\n  defaultTool?: string;\n  /** Controlled active tool. Pair with `onToolChange`. */\n  tool?: string;\n  /**\n   * Fires whenever the active tool changes (keyboard, API, or `tool` prop).\n   * Memoize with useCallback to avoid re-subscribing each render.\n   */\n  onToolChange?: (name: string) => void;\n  /**\n   * Reactive compatibility toggle for the core snap flag.\n   * @deprecated Grid snapping is domain behavior. Configure it through the\n   * VTT grid/constraint service instead.\n   */\n  snapToGrid?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  onReady?: (viewport: Viewport) => void;\n}\n\nexport interface FieldNotesCanvasRef {\n  viewport: Viewport | null;\n}\n\nexport const FieldNotesCanvas = forwardRef<FieldNotesCanvasRef, FieldNotesCanvasProps>(\n  function FieldNotesCanvas(\n    {\n      options,\n      tools,\n      defaultTool,\n      tool,\n      onToolChange,\n      snapToGrid,\n      className,\n      style,\n      children,\n      onReady,\n    },\n    ref,\n  ) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [viewport, setViewport] = useState<Viewport | null>(null);\n\n    useImperativeHandle(ref, () => ({ viewport }), [viewport]);\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const vp = new Viewport(el, options);\n\n      if (tools) {\n        for (const t of tools) {\n          vp.toolManager.register(t);\n        }\n      }\n\n      const initialTool = tool ?? defaultTool;\n      if (initialTool) {\n        vp.setTool(initialTool);\n      }\n\n      setViewport(vp);\n      onReady?.(vp);\n\n      return () => {\n        vp.destroy();\n        setViewport(null);\n      };\n      // Constructor effect: options/tools/defaultTool are mount-only by design.\n    }, []);\n\n    useEffect(() => {\n      if (!viewport || tool === undefined) return;\n      if (viewport.toolManager.activeTool?.name !== tool) {\n        viewport.setTool(tool);\n      }\n    }, [viewport, tool]);\n\n    useEffect(() => {\n      if (!viewport || !onToolChange) return;\n      return viewport.toolManager.onChange(onToolChange);\n    }, [viewport, onToolChange]);\n\n    useEffect(() => {\n      if (!viewport || snapToGrid === undefined) return;\n      viewport.setSnapToGrid(snapToGrid);\n    }, [viewport, snapToGrid]);\n\n    useEffect(() => {\n      if (!viewport || !tools) return;\n      for (const t of tools) {\n        if (!viewport.toolManager.getTool(t.name)) {\n          viewport.toolManager.register(t);\n        }\n      }\n    }, [viewport, tools]);\n\n    return (\n      <div ref={containerRef} className={className} style={style}>\n        {viewport && (\n          <ViewportContext.Provider value={viewport}>{children}</ViewportContext.Provider>\n        )}\n      </div>\n    );\n  },\n);\n","import { createContext } from 'react';\nimport type { Viewport } from '@fieldnotes/core';\n\nexport const ViewportContext = createContext<Viewport | null>(null);\n","import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useViewport } from './hooks/use-viewport';\n\n/** Props for {@link CanvasElement}. */\nexport interface CanvasElementProps {\n  /** Canvas-space position of the element's top-left corner. */\n  position: { x: number; y: number };\n  /** Optional fixed size; omit to let the element size to its content. */\n  size?: { w: number; h: number };\n  children: ReactNode;\n}\n\n/**\n * Renders a React subtree as an HTML element embedded in the canvas coordinate space.\n * Must be used inside a `<FieldNotesCanvas>`.\n */\nexport function CanvasElement({ position, size, children }: CanvasElementProps) {\n  const viewport = useViewport();\n  const [portalTarget, setPortalTarget] = useState<HTMLElement | null>(null);\n  const elementIdRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    const container = document.createElement('div');\n    Object.assign(container.style, {\n      width: '100%',\n      height: '100%',\n    });\n\n    // Append to domLayer immediately so portal children are queryable in the document\n    // before the viewport render loop fires via requestAnimationFrame.\n    viewport.domLayer.appendChild(container);\n\n    const id = viewport.addHtmlElement(container, position, size);\n    elementIdRef.current = id;\n    setPortalTarget(container);\n\n    return () => {\n      if (elementIdRef.current) {\n        viewport.store.remove(elementIdRef.current);\n        viewport.requestRender();\n        elementIdRef.current = null;\n      }\n      setPortalTarget(null);\n    };\n  }, [viewport]);\n\n  useEffect(() => {\n    const id = elementIdRef.current;\n    if (!id) return;\n    viewport.store.update(id, { position });\n    if (size) {\n      viewport.store.update(id, { size });\n    }\n    viewport.requestRender();\n    // Primitive deps (position.x/y, size?.w/h) are intentional: the effect re-runs on VALUE change,\n    // not object identity — so inline { x, y } literals and memoized-but-unchanged objects both behave\n    // correctly (no over-firing on every parent re-render).\n  }, [viewport, position.x, position.y, size?.w, size?.h]);\n\n  if (!portalTarget) return null;\n  return createPortal(children, portalTarget);\n}\n","import { useContext } from 'react';\nimport type { Viewport } from '@fieldnotes/core';\nimport { ViewportContext } from '../context';\n\n/** The Viewport from the nearest `<FieldNotesCanvas>`. Throws outside one. */\nexport function useViewport(): Viewport {\n  const viewport = useContext(ViewportContext);\n  if (!viewport) {\n    throw new Error('useViewport must be used inside <FieldNotesCanvas>');\n  }\n  return viewport;\n}\n","import { useCallback, useSyncExternalStore } from 'react';\nimport { useViewport } from './use-viewport';\n\n/** `[activeToolName, setTool]` — re-renders on tool switches. */\nexport function useActiveTool(): [toolName: string, setTool: (name: string) => void] {\n  const viewport = useViewport();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => viewport.toolManager.onChange(onStoreChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => viewport.toolManager.activeTool?.name ?? '', [viewport]);\n\n  const toolName = useSyncExternalStore(subscribe, getSnapshot);\n\n  const setTool = useCallback((name: string) => viewport.setTool(name), [viewport]);\n\n  return [toolName, setTool];\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport { useViewport } from './use-viewport';\n\nexport interface CameraState {\n  x: number;\n  y: number;\n  zoom: number;\n}\n\n/** Current camera position and zoom level — re-renders whenever the camera moves or zoom changes. */\nexport function useCamera(): CameraState {\n  const viewport = useViewport();\n  const cachedRef = useRef<CameraState>({ x: 0, y: 0, zoom: 1 });\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => viewport.camera.onChange(onStoreChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback((): CameraState => {\n    const { position, zoom } = viewport.camera;\n    const cached = cachedRef.current;\n    if (cached.x === position.x && cached.y === position.y && cached.zoom === zoom) {\n      return cached;\n    }\n    const next = { x: position.x, y: position.y, zoom };\n    cachedRef.current = next;\n    return next;\n  }, [viewport]);\n\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport { useViewport } from './use-viewport';\n\nfunction noop() {\n  /* unsubscribe placeholder */\n}\n\n/**\n * `[options, setOptions]` for the named tool — re-renders when the tool's options change.\n * Returns `null` for options if the tool is not registered or does not expose options.\n */\nexport function useToolOptions<T extends Record<string, unknown>>(\n  toolName: string,\n): [options: T | null, setOptions: (partial: Partial<T>) => void] {\n  const viewport = useViewport();\n  const cachedRef = useRef<T | null>(null);\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      const tool = viewport.toolManager.getTool(toolName);\n      if (!tool?.onOptionsChange) return noop;\n      return tool.onOptionsChange(onStoreChange);\n    },\n    [viewport, toolName],\n  );\n\n  const getSnapshot = useCallback((): T | null => {\n    const tool = viewport.toolManager.getTool(toolName);\n    if (!tool?.getOptions) return null;\n    const next = tool.getOptions() as T;\n    const cached = cachedRef.current;\n    if (cached && shallowEqual(cached, next)) return cached;\n    cachedRef.current = next;\n    return next;\n  }, [viewport, toolName]);\n\n  const options = useSyncExternalStore(subscribe, getSnapshot);\n\n  const setOptions = useCallback(\n    (partial: Partial<T>) => {\n      const tool = viewport.toolManager.getTool(toolName);\n      tool?.setOptions?.(partial as Record<string, unknown>);\n    },\n    [viewport, toolName],\n  );\n\n  return [options, setOptions];\n}\n\nfunction shallowEqual(a: Record<string, unknown>, b: Record<string, unknown>): boolean {\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n  for (const key of keysA) {\n    const valA = a[key];\n    const valB = b[key];\n    if (valA === valB) continue;\n    if (\n      typeof valA === 'object' &&\n      valA !== null &&\n      typeof valB === 'object' &&\n      valB !== null &&\n      !Array.isArray(valA) &&\n      !Array.isArray(valB)\n    ) {\n      const objA = valA as Record<string, unknown>;\n      const objB = valB as Record<string, unknown>;\n      const innerKeys = Object.keys(objA);\n      if (\n        innerKeys.length === Object.keys(objB).length &&\n        innerKeys.every((k) => objA[k] === objB[k])\n      ) {\n        continue;\n      }\n    }\n    return false;\n  }\n  return true;\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { Layer } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\n\ninterface LayersSnapshot {\n  layers: Layer[];\n  activeLayerId: string;\n}\n\nexport interface UseLayersResult {\n  layers: Layer[];\n  activeLayerId: string;\n  createLayer: (name?: string) => Layer;\n  removeLayer: (id: string) => void;\n  renameLayer: (id: string, name: string) => void;\n  reorderLayer: (id: string, newOrder: number) => void;\n  setVisible: (id: string, visible: boolean) => void;\n  setLocked: (id: string, locked: boolean) => void;\n  setOpacity: (id: string, opacity: number) => void;\n  setActiveLayer: (id: string) => void;\n  moveElement: (elementId: string, layerId: string) => void;\n}\n\n/**\n * Current layer list and mutation helpers — re-renders whenever a layer is added, removed,\n * reordered, renamed, or its visibility/lock/opacity/active state changes.\n */\nexport function useLayers(): UseLayersResult {\n  const viewport = useViewport();\n  const cachedRef = useRef<LayersSnapshot>({ layers: [], activeLayerId: '' });\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => viewport.layerManager.on('change', onStoreChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback((): LayersSnapshot => {\n    const layers = viewport.layerManager.getLayers();\n    const activeLayerId = viewport.layerManager.activeLayerId;\n    const cached = cachedRef.current;\n    if (\n      cached.activeLayerId === activeLayerId &&\n      cached.layers.length === layers.length &&\n      cached.layers.every((l, i) => {\n        const next = layers[i];\n        return (\n          next !== undefined &&\n          l.id === next.id &&\n          l.name === next.name &&\n          l.visible === next.visible &&\n          l.locked === next.locked &&\n          l.order === next.order &&\n          l.opacity === next.opacity\n        );\n      })\n    ) {\n      return cached;\n    }\n    const next = { layers, activeLayerId };\n    cachedRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\n\n  const createLayer = useCallback(\n    (name?: string) => viewport.layerManager.createLayer(name),\n    [viewport],\n  );\n\n  const removeLayer = useCallback(\n    (id: string) => viewport.layerManager.removeLayer(id),\n    [viewport],\n  );\n\n  const renameLayer = useCallback(\n    (id: string, name: string) => viewport.layerManager.renameLayer(id, name),\n    [viewport],\n  );\n\n  const reorderLayer = useCallback(\n    (id: string, newOrder: number) => viewport.layerManager.reorderLayer(id, newOrder),\n    [viewport],\n  );\n\n  const setVisible = useCallback(\n    (id: string, visible: boolean) => viewport.layerManager.setLayerVisible(id, visible),\n    [viewport],\n  );\n\n  const setLocked = useCallback(\n    (id: string, locked: boolean) => viewport.layerManager.setLayerLocked(id, locked),\n    [viewport],\n  );\n\n  const setOpacity = useCallback(\n    (id: string, opacity: number) => viewport.layerManager.setLayerOpacity(id, opacity),\n    [viewport],\n  );\n\n  const setActiveLayer = useCallback(\n    (id: string) => viewport.layerManager.setActiveLayer(id),\n    [viewport],\n  );\n\n  const moveElement = useCallback(\n    (elementId: string, layerId: string) =>\n      viewport.layerManager.moveElementToLayer(elementId, layerId),\n    [viewport],\n  );\n\n  return {\n    layers: snapshot.layers,\n    activeLayerId: snapshot.activeLayerId,\n    createLayer,\n    removeLayer,\n    renameLayer,\n    reorderLayer,\n    setVisible,\n    setLocked,\n    setOpacity,\n    setActiveLayer,\n    moveElement,\n  };\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport { useViewport } from './use-viewport';\n\ninterface HistorySnapshot {\n  canUndo: boolean;\n  canRedo: boolean;\n}\n\nexport interface UseHistoryResult {\n  canUndo: boolean;\n  canRedo: boolean;\n  undo: () => void;\n  redo: () => void;\n}\n\n/** `{ canUndo, canRedo, undo, redo }` — re-renders when undo/redo availability changes. */\nexport function useHistory(): UseHistoryResult {\n  const viewport = useViewport();\n  const cachedRef = useRef<HistorySnapshot>({ canUndo: false, canRedo: false });\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => viewport.history.onChange(onStoreChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback((): HistorySnapshot => {\n    const canUndo = viewport.history.canUndo;\n    const canRedo = viewport.history.canRedo;\n    const cached = cachedRef.current;\n    if (cached.canUndo === canUndo && cached.canRedo === canRedo) {\n      return cached;\n    }\n    const next = { canUndo, canRedo };\n    cachedRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\n\n  const undo = useCallback(() => viewport.undo(), [viewport]);\n  const redo = useCallback(() => viewport.redo(), [viewport]);\n\n  return {\n    canUndo: snapshot.canUndo,\n    canRedo: snapshot.canRedo,\n    undo,\n    redo,\n  };\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { CanvasElement, ElementType } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\n\nfunction shallowEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) return true;\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((v, i) => Object.is(v, b[i]));\n  }\n  if (\n    typeof a === 'object' &&\n    a !== null &&\n    typeof b === 'object' &&\n    b !== null &&\n    !Array.isArray(a) &&\n    !Array.isArray(b)\n  ) {\n    const ka = Object.keys(a);\n    const kb = Object.keys(b);\n    return (\n      ka.length === kb.length &&\n      ka.every(\n        (k) =>\n          k in (b as Record<string, unknown>) &&\n          Object.is((a as Record<string, unknown>)[k], (b as Record<string, unknown>)[k]),\n      )\n    );\n  }\n  return false;\n}\n\n/** All elements; re-renders on every store mutation (use a selector for hot paths). */\nexport function useElements(): CanvasElement[];\n/** Elements of one type; re-renders on every store mutation. */\nexport function useElements<T extends ElementType>(type: T): Extract<CanvasElement, { type: T }>[];\n/**\n * Derived value; re-renders only when the selected value changes (per `isEqual`,\n * default: one-level shallow compare — arrays by index, plain objects by key, primitives by\n * Object.is). Keep the selector referentially stable (useCallback or module scope).\n *\n * Supply `isEqual` for deeper structures. Note: selectors returning nested fresh objects\n * (e.g. `els => els.map(e => ({ ...e.position }))`) still need a custom comparator because\n * the default only compares one level deep.\n */\nexport function useElements<R>(\n  selector: (elements: CanvasElement[]) => R,\n  isEqual?: (a: R, b: R) => boolean,\n): R;\nexport function useElements<R>(\n  arg?: ElementType | ((elements: CanvasElement[]) => R),\n  isEqual?: (a: R, b: R) => boolean,\n): CanvasElement[] | R {\n  const viewport = useViewport();\n  const cachedRef = useRef<CanvasElement[]>([]);\n  const selectedRef = useRef<{ value: R } | null>(null);\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => viewport.store.onChange(onStoreChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback((): CanvasElement[] | R => {\n    if (typeof arg === 'function') {\n      const next = arg(viewport.store.getAll());\n      const prev = selectedRef.current;\n      const equal: (a: R, b: R) => boolean = isEqual ?? (shallowEqual as (a: R, b: R) => boolean);\n      if (prev !== null && equal(prev.value, next)) {\n        return prev.value;\n      }\n      selectedRef.current = { value: next };\n      return next;\n    }\n\n    const next = arg ? viewport.store.getElementsByType(arg) : viewport.store.getAll();\n    const cached = cachedRef.current;\n    if (cached.length === next.length && cached.every((el, i) => el === next[i])) {\n      return cached;\n    }\n    cachedRef.current = next;\n    return next;\n  }, [viewport, arg, isEqual]);\n\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n","import { useCallback, useSyncExternalStore } from 'react';\nimport { useViewport } from './use-viewport';\n\n/** Reactive selected element ids. Stable array reference — only changes when the selection changes. */\nexport function useSelection(): string[] {\n  const viewport = useViewport();\n\n  const subscribe = useCallback(\n    (onChange: () => void) => viewport.onSelectionChange(onChange),\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => viewport.getSelectedIds(), [viewport]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { ElementStyle } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\nimport { STYLE_KEYS } from './style-keys';\n\nfunction styleEqual(a: ElementStyle | null, b: ElementStyle | null): boolean {\n  if (a === b) return true;\n  if (a === null || b === null) return false;\n  return STYLE_KEYS.every((k) => a[k] === b[k]);\n}\n\n/**\n * Reactive normalized style of the current selection.\n * Returns `[style, applyPatch]` — `style` is `null` when nothing is selected.\n * `applyPatch` applies an `ElementStyle` patch to every selected element.\n */\nexport function useSelectionStyle(): [ElementStyle | null, (style: ElementStyle) => void] {\n  const viewport = useViewport();\n  const cacheRef = useRef<ElementStyle | null>(null);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const offSel = viewport.onSelectionChange(onChange);\n      const offStore = viewport.store.onChange(onChange);\n      return () => {\n        offSel();\n        offStore();\n      };\n    },\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => {\n    const next = viewport.getSelectionStyle();\n    if (styleEqual(cacheRef.current, next)) return cacheRef.current;\n    cacheRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const style = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  const apply = useCallback((s: ElementStyle) => viewport.applyStyleToSelection(s), [viewport]);\n\n  return [style, apply];\n}\n","import type { ElementStyle } from '@fieldnotes/core';\n\n/**\n * The `ElementStyle` fields the selection-style hooks compare and cache.\n * Internal to `@fieldnotes/react` — not exported from the package index.\n * Shared between `useSelectionStyle` and `useSelectionStyleDetails` so the\n * two hooks cannot drift out of sync (a prior desync here dropped\n * `strokeStyle` from one hook's equality check and caused stale style data).\n */\nexport const STYLE_KEYS: readonly (keyof ElementStyle)[] = [\n  'color',\n  'fillColor',\n  'strokeWidth',\n  'opacity',\n  'fontSize',\n  'strokeStyle',\n];\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\nimport { STYLE_KEYS } from './style-keys';\n\nfunction keysEqual(\n  a: readonly (keyof ElementStyle)[],\n  b: readonly (keyof ElementStyle)[],\n): boolean {\n  return a.length === b.length && a.every((k, i) => k === b[i]);\n}\n\nfunction detailsEqual(a: SelectionStyleDetails | null, b: SelectionStyleDetails | null): boolean {\n  if (a === b) return true;\n  if (a === null || b === null) return false;\n  return (\n    keysEqual(a.applicable, b.applicable) &&\n    keysEqual(a.mixed, b.mixed) &&\n    STYLE_KEYS.every((k) => a.common[k] === b.common[k])\n  );\n}\n\n/**\n * Reactive style details of the current selection: per-field applicability and\n * mixed-state, plus the common style. `null` when nothing valid is selected.\n * The apply function delegates to `applyStyleToSelection` (one undo step).\n */\nexport function useSelectionStyleDetails(): [\n  SelectionStyleDetails | null,\n  (style: ElementStyle) => void,\n] {\n  const viewport = useViewport();\n  const cacheRef = useRef<SelectionStyleDetails | null>(null);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const offSel = viewport.onSelectionChange(onChange);\n      const offStore = viewport.store.onChange(onChange);\n      return () => {\n        offSel();\n        offStore();\n      };\n    },\n    [viewport],\n  );\n\n  const getSnapshot = useCallback(() => {\n    const next = viewport.getSelectionStyleDetails();\n    if (detailsEqual(cacheRef.current, next)) return cacheRef.current;\n    cacheRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const details = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const apply = useCallback((s: ElementStyle) => viewport.applyStyleToSelection(s), [viewport]);\n\n  return [details, apply];\n}\n","import { useCallback, useRef, useSyncExternalStore } from 'react';\nimport type { AlignEdge, DistributeAxis } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\n\nexport interface UseSelectionOpsResult {\n  selectedIds: string[];\n  selectedCount: number;\n  canGroup: boolean;\n  canUngroup: boolean;\n  canAlign: boolean;\n  canDistribute: boolean;\n  isLocked: boolean | null;\n  group: () => void;\n  ungroup: () => void;\n  toggleLock: () => void;\n  align: (edge: AlignEdge) => void;\n  distribute: (axis: DistributeAxis) => void;\n  rotateCW: () => void;\n  rotateCCW: () => void;\n}\n\ninterface Snapshot {\n  selectedIds: string[];\n  canGroup: boolean;\n  canUngroup: boolean;\n  canAlign: boolean;\n  canDistribute: boolean;\n  isLocked: boolean | null;\n}\n\nfunction snapshotEqual(a: Snapshot, b: Snapshot): boolean {\n  return (\n    a.selectedIds === b.selectedIds &&\n    a.canGroup === b.canGroup &&\n    a.canUngroup === b.canUngroup &&\n    a.canAlign === b.canAlign &&\n    a.canDistribute === b.canDistribute &&\n    a.isLocked === b.isLocked\n  );\n}\n\n/**\n * Reactive selection operations + derived predicates for the current selection.\n * Predicates (`canGroup`/`canAlign`/…) reflect whether each action is meaningful;\n * `isLocked` is `true`/`false` when the selection is uniformly locked/unlocked,\n * and `null` when empty or mixed. Actions delegate to the core Viewport.\n */\nexport function useSelectionOps(): UseSelectionOpsResult {\n  const viewport = useViewport();\n  const cacheRef = useRef<Snapshot | null>(null);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const offSel = viewport.onSelectionChange(onChange);\n      const offStore = viewport.store.onChange(onChange);\n      return () => {\n        offSel();\n        offStore();\n      };\n    },\n    [viewport],\n  );\n\n  const getSnapshot = useCallback((): Snapshot => {\n    const ids = viewport.getSelectedIds();\n    const n = ids.length;\n    let canUngroup = false;\n    let lockedCount = 0;\n    for (const id of ids) {\n      const el = viewport.store.getById(id);\n      if (!el) continue;\n      if (el.groupId !== undefined) canUngroup = true;\n      if (el.locked) lockedCount++;\n    }\n    const isLocked: boolean | null =\n      n === 0 ? null : lockedCount === n ? true : lockedCount === 0 ? false : null;\n    const next: Snapshot = {\n      selectedIds: ids,\n      canGroup: n >= 2,\n      canUngroup,\n      canAlign: n >= 2,\n      canDistribute: n >= 3,\n      isLocked,\n    };\n    const prev = cacheRef.current;\n    if (prev && snapshotEqual(prev, next)) return prev;\n    cacheRef.current = next;\n    return next;\n  }, [viewport]);\n\n  const snap = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  const group = useCallback(() => viewport.groupSelection(), [viewport]);\n  const ungroup = useCallback(() => viewport.ungroupSelection(), [viewport]);\n  const toggleLock = useCallback(() => viewport.toggleLockSelection(), [viewport]);\n  const align = useCallback((edge: AlignEdge) => viewport.alignSelection(edge), [viewport]);\n  const distribute = useCallback(\n    (axis: DistributeAxis) => viewport.distributeSelection(axis),\n    [viewport],\n  );\n  const rotateCW = useCallback(() => viewport.rotateSelection('cw'), [viewport]);\n  const rotateCCW = useCallback(() => viewport.rotateSelection('ccw'), [viewport]);\n\n  return {\n    selectedIds: snap.selectedIds,\n    selectedCount: snap.selectedIds.length,\n    canGroup: snap.canGroup,\n    canUngroup: snap.canUngroup,\n    canAlign: snap.canAlign,\n    canDistribute: snap.canDistribute,\n    isLocked: snap.isLocked,\n    group,\n    ungroup,\n    toggleLock,\n    align,\n    distribute,\n    rotateCW,\n    rotateCCW,\n  };\n}\n","import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\nimport { ElementRectTracker, computeElementRects, elementRectsEqual } from '@fieldnotes/core';\nimport { useViewport } from './use-viewport';\n\nimport type { CanvasElement, ElementRect, ElementRectMatch } from '@fieldnotes/core';\n\n/**\n * World rects of the elements a host matcher selects, re-rendering only when a\n * tracked field changes. Camera motion never re-renders: position content under\n * one camera transform and let the browser composite it.\n *\n * `match` may be an inline arrow — it is read through a ref, so it never\n * re-subscribes; a semantic change is picked up via `setMatch`.\n */\nexport function useElementRects(match: ElementRectMatch): readonly ElementRect[] {\n  const viewport = useViewport();\n\n  const matchRef = useRef<ElementRectMatch>(match);\n  matchRef.current = match;\n  const stableMatch = useCallback((el: CanvasElement) => matchRef.current(el), []);\n\n  const cacheRef = useRef<readonly ElementRect[] | null>(null);\n  const trackerRef = useRef<ElementRectTracker | null>(null);\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      // Constructed HERE, not in a memo: Strict Mode rehearses\n      // setup -> cleanup -> setup without re-creating memoized state, so a\n      // memo-created tracker disposed by the first cleanup would be reused\n      // already disposed and would never emit again.\n      const tracker = new ElementRectTracker(viewport, { match: stableMatch });\n      trackerRef.current = tracker;\n\n      const next = tracker.getRects();\n      const previous = cacheRef.current;\n      if (previous === null || !elementRectsEqual(previous, next)) {\n        cacheRef.current = next;\n        onStoreChange();\n      }\n\n      const off = tracker.onChange((rects) => {\n        cacheRef.current = rects;\n        onStoreChange();\n      });\n\n      return () => {\n        off();\n        tracker.dispose();\n        if (trackerRef.current === tracker) trackerRef.current = null;\n      };\n    },\n    [viewport, stableMatch],\n  );\n\n  const getSnapshot = useCallback((): readonly ElementRect[] => {\n    if (cacheRef.current === null) {\n      cacheRef.current = computeElementRects(viewport.store, stableMatch);\n    }\n    return cacheRef.current;\n  }, [viewport, stableMatch]);\n\n  const rects = useSyncExternalStore(subscribe, getSnapshot);\n\n  // `stableMatch` never changes identity while its behavior does, so the\n  // tracker needs an explicit nudge whenever the caller's matcher changes.\n  useEffect(() => {\n    trackerRef.current?.setMatch(stableMatch);\n  }, [match, stableMatch]);\n\n  return rects;\n}\n","import { useEffect, useRef, useState, type CSSProperties } from 'react';\nimport { MinimapController } from '@fieldnotes/core';\nimport { useViewport } from './hooks/use-viewport';\n\nexport interface MinimapProps {\n  /** Thumbnail width in CSS pixels. Default `200`. */\n  width?: number;\n  /** Thumbnail height in CSS pixels. Default `140`. */\n  height?: number;\n  /** Start collapsed (icon button only). Uncontrolled. Default `false`. */\n  defaultCollapsed?: boolean;\n  /** Backdrop fill behind the thumbnail. */\n  background?: string;\n  /** Viewport rectangle stroke color. */\n  viewportStroke?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst toggleStyle: CSSProperties = {\n  position: 'absolute',\n  top: 2,\n  right: 2,\n  width: 24,\n  height: 24,\n  padding: 0,\n  border: 'none',\n  borderRadius: 4,\n  background: 'rgba(0,0,0,0.35)',\n  color: '#fff',\n  font: '14px/1 system-ui, sans-serif',\n  cursor: 'pointer',\n};\n\n/**\n * Collapsible thumbnail overview navigator. Renders inside `<FieldNotesCanvas>`\n * (or any `ViewportContext.Provider`). Positioning is host-owned — place and\n * style the component via `className`/`style`. While collapsed, no controller\n * exists: zero listeners, zero rendering.\n */\nexport function Minimap({\n  width = 200,\n  height = 140,\n  defaultCollapsed = false,\n  background,\n  viewportStroke,\n  className,\n  style,\n}: MinimapProps) {\n  const viewport = useViewport();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    if (collapsed) return;\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const controller = new MinimapController(viewport, canvas, {\n      width,\n      height,\n      background,\n      viewportStroke,\n    });\n    return () => controller.dispose();\n  }, [viewport, collapsed, width, height, background, viewportStroke]);\n\n  if (collapsed) {\n    return (\n      <button\n        type=\"button\"\n        aria-label=\"Expand minimap\"\n        onClick={() => setCollapsed(false)}\n        className={className}\n        style={{\n          minWidth: 44,\n          minHeight: 44,\n          border: '1px solid rgba(0,0,0,0.15)',\n          borderRadius: 8,\n          background: 'rgba(255,255,255,0.85)',\n          cursor: 'pointer',\n          font: '18px/1 system-ui, sans-serif',\n          ...style,\n        }}\n      >\n        {'▣'}\n      </button>\n    );\n  }\n\n  return (\n    <div className={className} style={{ position: 'relative', ...style }}>\n      <canvas\n        ref={canvasRef}\n        style={{ width: `${width}px`, height: `${height}px`, display: 'block' }}\n      />\n      <button\n        type=\"button\"\n        aria-label=\"Collapse minimap\"\n        onClick={() => setCollapsed(true)}\n        style={toggleStyle}\n      >\n        {'–'}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_react","FieldNotesCanvas","import_react","import_react","import_react","import_react","import_react","import_react","next","import_react","import_react","shallowEqual","next","import_react","import_react","import_react","import_react","import_react","import_core","rects","import_react","import_core","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
-import { ViewportOptions, Tool, Viewport, Layer, CanvasElement as CanvasElement$1, ElementType, ElementStyle, SelectionStyleDetails, AlignEdge, DistributeAxis } from '@fieldnotes/core';
-export { AlignEdge, DistributeAxis, ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';
+import { ViewportOptions, Tool, Viewport, Layer, CanvasElement as CanvasElement$1, ElementType, ElementStyle, SelectionStyleDetails, AlignEdge, DistributeAxis, ElementRectMatch, ElementRect } from '@fieldnotes/core';
+export { AlignEdge, DistributeAxis, ElementRect, ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface FieldNotesCanvasProps {
@@ -22,7 +22,11 @@ interface FieldNotesCanvasProps {
      * Memoize with useCallback to avoid re-subscribing each render.
      */
     onToolChange?: (name: string) => void;
-    /** Reactive: toggles grid snapping. */
+    /**
+     * Reactive compatibility toggle for the core snap flag.
+     * @deprecated Grid snapping is domain behavior. Configure it through the
+     * VTT grid/constraint service instead.
+     */
     snapToGrid?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -163,6 +167,16 @@ interface UseSelectionOpsResult {
  */
 declare function useSelectionOps(): UseSelectionOpsResult;
 
+/**
+ * World rects of the elements a host matcher selects, re-rendering only when a
+ * tracked field changes. Camera motion never re-renders: position content under
+ * one camera transform and let the browser composite it.
+ *
+ * `match` may be an inline arrow — it is read through a ref, so it never
+ * re-subscribes; a semantic change is picked up via `setMatch`.
+ */
+declare function useElementRects(match: ElementRectMatch): readonly ElementRect[];
+
 declare const ViewportContext: react.Context<Viewport | null>;
 
 interface MinimapProps {
@@ -187,4 +201,4 @@ interface MinimapProps {
  */
 declare function Minimap({ width, height, defaultCollapsed, background, viewportStroke, className, style, }: MinimapProps): react_jsx_runtime.JSX.Element;
 
-export { type CameraState, CanvasElement, type CanvasElementProps, FieldNotesCanvas, type FieldNotesCanvasProps, type FieldNotesCanvasRef, Minimap, type MinimapProps, type UseHistoryResult, type UseLayersResult, type UseSelectionOpsResult, ViewportContext, useActiveTool, useCamera, useElements, useHistory, useLayers, useSelection, useSelectionOps, useSelectionStyle, useSelectionStyleDetails, useToolOptions, useViewport };
+export { type CameraState, CanvasElement, type CanvasElementProps, FieldNotesCanvas, type FieldNotesCanvasProps, type FieldNotesCanvasRef, Minimap, type MinimapProps, type UseHistoryResult, type UseLayersResult, type UseSelectionOpsResult, ViewportContext, useActiveTool, useCamera, useElementRects, useElements, useHistory, useLayers, useSelection, useSelectionOps, useSelectionStyle, useSelectionStyleDetails, useToolOptions, useViewport };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
-import { ViewportOptions, Tool, Viewport, Layer, CanvasElement as CanvasElement$1, ElementType, ElementStyle, SelectionStyleDetails, AlignEdge, DistributeAxis } from '@fieldnotes/core';
-export { AlignEdge, DistributeAxis, ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';
+import { ViewportOptions, Tool, Viewport, Layer, CanvasElement as CanvasElement$1, ElementType, ElementStyle, SelectionStyleDetails, AlignEdge, DistributeAxis, ElementRectMatch, ElementRect } from '@fieldnotes/core';
+export { AlignEdge, DistributeAxis, ElementRect, ElementStyle, SelectionStyleDetails } from '@fieldnotes/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface FieldNotesCanvasProps {
@@ -22,7 +22,11 @@ interface FieldNotesCanvasProps {
      * Memoize with useCallback to avoid re-subscribing each render.
      */
     onToolChange?: (name: string) => void;
-    /** Reactive: toggles grid snapping. */
+    /**
+     * Reactive compatibility toggle for the core snap flag.
+     * @deprecated Grid snapping is domain behavior. Configure it through the
+     * VTT grid/constraint service instead.
+     */
     snapToGrid?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -163,6 +167,16 @@ interface UseSelectionOpsResult {
  */
 declare function useSelectionOps(): UseSelectionOpsResult;
 
+/**
+ * World rects of the elements a host matcher selects, re-rendering only when a
+ * tracked field changes. Camera motion never re-renders: position content under
+ * one camera transform and let the browser composite it.
+ *
+ * `match` may be an inline arrow — it is read through a ref, so it never
+ * re-subscribes; a semantic change is picked up via `setMatch`.
+ */
+declare function useElementRects(match: ElementRectMatch): readonly ElementRect[];
+
 declare const ViewportContext: react.Context<Viewport | null>;
 
 interface MinimapProps {
@@ -187,4 +201,4 @@ interface MinimapProps {
  */
 declare function Minimap({ width, height, defaultCollapsed, background, viewportStroke, className, style, }: MinimapProps): react_jsx_runtime.JSX.Element;
 
-export { type CameraState, CanvasElement, type CanvasElementProps, FieldNotesCanvas, type FieldNotesCanvasProps, type FieldNotesCanvasRef, Minimap, type MinimapProps, type UseHistoryResult, type UseLayersResult, type UseSelectionOpsResult, ViewportContext, useActiveTool, useCamera, useElements, useHistory, useLayers, useSelection, useSelectionOps, useSelectionStyle, useSelectionStyleDetails, useToolOptions, useViewport };
+export { type CameraState, CanvasElement, type CanvasElementProps, FieldNotesCanvas, type FieldNotesCanvasProps, type FieldNotesCanvasRef, Minimap, type MinimapProps, type UseHistoryResult, type UseLayersResult, type UseSelectionOpsResult, ViewportContext, useActiveTool, useCamera, useElementRects, useElements, useHistory, useLayers, useSelection, useSelectionOps, useSelectionStyle, useSelectionStyleDetails, useToolOptions, useViewport };

package/dist/index.js

@@ -534,8 +534,53 @@ function useSelectionOps() {
   };
 }
 
+// src/hooks/use-element-rects.ts
+import { useCallback as useCallback11, useEffect as useEffect3, useRef as useRef11, useSyncExternalStore as useSyncExternalStore11 } from "react";
+import { ElementRectTracker, computeElementRects, elementRectsEqual } from "@fieldnotes/core";
+function useElementRects(match) {
+  const viewport = useViewport();
+  const matchRef = useRef11(match);
+  matchRef.current = match;
+  const stableMatch = useCallback11((el) => matchRef.current(el), []);
+  const cacheRef = useRef11(null);
+  const trackerRef = useRef11(null);
+  const subscribe = useCallback11(
+    (onStoreChange) => {
+      const tracker = new ElementRectTracker(viewport, { match: stableMatch });
+      trackerRef.current = tracker;
+      const next = tracker.getRects();
+      const previous = cacheRef.current;
+      if (previous === null || !elementRectsEqual(previous, next)) {
+        cacheRef.current = next;
+        onStoreChange();
+      }
+      const off = tracker.onChange((rects2) => {
+        cacheRef.current = rects2;
+        onStoreChange();
+      });
+      return () => {
+        off();
+        tracker.dispose();
+        if (trackerRef.current === tracker) trackerRef.current = null;
+      };
+    },
+    [viewport, stableMatch]
+  );
+  const getSnapshot = useCallback11(() => {
+    if (cacheRef.current === null) {
+      cacheRef.current = computeElementRects(viewport.store, stableMatch);
+    }
+    return cacheRef.current;
+  }, [viewport, stableMatch]);
+  const rects = useSyncExternalStore11(subscribe, getSnapshot);
+  useEffect3(() => {
+    trackerRef.current?.setMatch(stableMatch);
+  }, [match, stableMatch]);
+  return rects;
+}
+
 // src/minimap.tsx
-import { useEffect as useEffect3, useRef as useRef11, useState as useState3 } from "react";
+import { useEffect as useEffect4, useRef as useRef12, useState as useState3 } from "react";
 import { MinimapController } from "@fieldnotes/core";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var toggleStyle = {
@@ -563,8 +608,8 @@ function Minimap({
 }) {
   const viewport = useViewport();
   const [collapsed, setCollapsed] = useState3(defaultCollapsed);
-  const canvasRef = useRef11(null);
-  useEffect3(() => {
+  const canvasRef = useRef12(null);
+  useEffect4(() => {
     if (collapsed) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -625,6 +670,7 @@ export {
   ViewportContext,
   useActiveTool,
   useCamera,
+  useElementRects,
   useElements,
   useHistory,
   useLayers,