@weasel-js/labkit 1.6.1 → 1.7.1

package/dist/loupe/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../src/loupe/canvasLens.ts","../../src/loupe/CanvasLoupe.tsx","../../src/loupe/DomLoupe.tsx","../../src/loupe/LoupeBubble.tsx","../../src/loupe/loupeActions.ts","../../src/loupe/LoupeGestures.tsx","../../src/loupe/types.ts","../../src/loupe/useHostSize.ts","../../../loupe/src/geometry.ts","../../../loupe/src/model.ts","../../src/loupe/useLoupe.ts","../../src/loupe/TrialLoupe.tsx"],"names":["jsx","useEffect","useRef","useLatest","useMemo","useContext"],"mappings":"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","file":"index.js","sourcesContent":["import type { LoupePoint } from '@weasel-js/loupe';\nimport { centerOn } from '../canvas/camera';\nimport { screenToWorld } from '../canvas/canvasCoords';\nimport type { CanvasLayerDescriptor } from '../canvas/useLayerScheduler';\nimport { DEFAULT_FRAME, resolveFrame, type WorldFrame, type WorldSpec } from '../canvas/worldSpec';\nimport type { ViewTransform } from '../instrument/types';\n\n/** The camera a round lens of `diameter` shows a magnified region through, and\n *  the coordinate system it is read in — the instrument's own `WorldSpec`,\n *  resolved against the lens rather than the stack. */\nexport interface LensCamera {\n  view: ViewTransform;\n  frame: WorldFrame;\n}\n\n/**\n * What a lens aimed at `aim` renders the stack's layers through.\n *\n * The lens is its own viewport, so the world spec resolves against its box: an\n * instrument centred on its viewport is centred in the lens too.\n */\nexport function lensCamera(\n  aim: LoupePoint,\n  outer: ViewTransform,\n  outerFrame: WorldFrame,\n  factor: number,\n  diameter: number,\n  worldSpec?: WorldSpec,\n): LensCamera {\n  const size = { width: diameter, height: diameter };\n  const frame = resolveFrame(worldSpec, size);\n  const world = screenToWorld(aim, outer, outerFrame);\n  return { view: centerOn(world, outer.zoom * factor, size, frame), frame };\n}\n\n/** A rectangle in a backing store's own device pixels. */\nexport interface SourceRect {\n  sx: number;\n  sy: number;\n  sw: number;\n  sh: number;\n}\n\n/**\n * The region a pixel-mode lens copies out of a presented canvas: the `diameter\n * / factor` CSS px around `aim`, in that canvas' backing-store pixels.\n */\nexport function lensSourceRect(\n  aim: LoupePoint,\n  factor: number,\n  diameter: number,\n  dpr: number,\n): SourceRect {\n  const span = diameter / factor;\n  return {\n    sx: (aim.x - span / 2) * dpr,\n    sy: (aim.y - span / 2) * dpr,\n    sw: span * dpr,\n    sh: span * dpr,\n  };\n}\n\n/**\n * The color a stack presents at a point: the topmost visible layer with\n * anything opaque there, or `null` when every layer is transparent — which is\n * the honest answer for a point showing nothing but the workspace behind.\n */\nexport function sampleStack(\n  layers: readonly CanvasLayerDescriptor[],\n  canvases: Map<string, HTMLCanvasElement>,\n  p: LoupePoint,\n  dpr: number,\n): string | null {\n  for (let i = layers.length - 1; i >= 0; i--) {\n    const layer = layers[i];\n    if (!layer.visible) continue;\n    const canvas = canvases.get(layer.id);\n    if (!canvas) continue;\n    const ctx = canvas.getContext('2d', { willReadFrequently: true });\n    if (!ctx) continue;\n    const x = Math.floor(p.x * dpr);\n    const y = Math.floor(p.y * dpr);\n    if (x < 0 || y < 0 || x >= canvas.width || y >= canvas.height) continue;\n    const [r, g, b, a] = ctx.getImageData(x, y, 1, 1).data;\n    if (a === 0) continue;\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`;\n  }\n  return null;\n}\n\n/** Redraw the stack into a lens' own canvas. `mode` decides whether the layers\n *  are re-run at the lens camera or their presented pixels are enlarged. */\nexport function drawCanvasLens(\n  ctx: CanvasRenderingContext2D,\n  opts: {\n    aim: LoupePoint;\n    factor: number;\n    diameter: number;\n    dpr: number;\n    mode: 'vector' | 'pixel';\n    outer: ViewTransform;\n    outerFrame?: WorldFrame;\n    worldSpec?: WorldSpec;\n    layers: readonly CanvasLayerDescriptor[];\n    canvases: Map<string, HTMLCanvasElement>;\n  },\n): void {\n  const { aim, factor, diameter, dpr, mode, outer, layers, canvases } = opts;\n  ctx.save();\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  ctx.clearRect(0, 0, diameter, diameter);\n\n  if (mode === 'pixel') {\n    const { sx, sy, sw, sh } = lensSourceRect(aim, factor, diameter, dpr);\n    ctx.imageSmoothingEnabled = false;\n    for (const layer of layers) {\n      if (!layer.visible) continue;\n      const canvas = canvases.get(layer.id);\n      if (!canvas || canvas.width === 0 || canvas.height === 0) continue;\n      ctx.drawImage(canvas, sx, sy, sw, sh, 0, 0, diameter, diameter);\n    }\n    ctx.restore();\n    return;\n  }\n\n  const lens = lensCamera(\n    aim,\n    outer,\n    opts.outerFrame ?? DEFAULT_FRAME,\n    factor,\n    diameter,\n    opts.worldSpec,\n  );\n  for (const layer of layers) {\n    if (!layer.visible) continue;\n    ctx.save();\n    layer.render(ctx, lens.view, lens.frame);\n    ctx.restore();\n  }\n  ctx.restore();\n}\n","import { useLatest, useVisibleRaf } from '@weasel-js/core';\nimport type { LoupeMode, LoupePoint } from '@weasel-js/loupe';\nimport { useEffect, useRef } from 'react';\nimport type { CanvasStackSurface } from '../canvas/CanvasStackContext';\nimport type { WorldFrame, WorldSpec } from '../canvas/worldSpec';\nimport type { ViewTransform } from '../instrument/types';\nimport { drawCanvasLens } from './canvasLens';\n\n/** Props for `<CanvasLoupe>`. */\nexport interface CanvasLoupeProps {\n  aim: LoupePoint;\n  factor: number;\n  mode: LoupeMode;\n  diameter: number;\n  /** The stack being magnified: its layers, its pixels, and its measured box. */\n  surface: CanvasStackSurface;\n  view: ViewTransform;\n  frame: WorldFrame;\n  worldSpec?: WorldSpec;\n}\n\n/**\n * Paints a lens over a `<CanvasStack>` by re-drawing the stack's layers through\n * a zoomed camera — so the magnified content is as sharp as the original, at\n * any factor. `pixel` mode enlarges what the stack presented instead.\n */\nexport function CanvasLoupe({\n  aim,\n  factor,\n  mode,\n  diameter,\n  surface,\n  view,\n  frame,\n  worldSpec,\n}: CanvasLoupeProps) {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const dpr = surface.size.dpr;\n\n  // Whatever the stack redraws every frame, the lens has to redraw too — an\n  // instrument that animates from its own loop never re-renders this component.\n  const args = { aim, factor, mode, diameter, dpr, view, frame, worldSpec, surface };\n  const argsRef = useLatest(args);\n\n  const loop = useVisibleRaf(\n    () => {\n      loop.request();\n      const canvas = canvasRef.current;\n      const ctx = canvas?.getContext('2d');\n      const canvases = argsRef.current.surface.canvases.current;\n      if (!ctx || !canvases) return;\n      const a = argsRef.current;\n      drawCanvasLens(ctx, {\n        aim: a.aim,\n        factor: a.factor,\n        diameter: a.diameter,\n        dpr: a.dpr,\n        mode: a.mode,\n        outer: a.view,\n        outerFrame: a.frame,\n        worldSpec: a.worldSpec,\n        layers: a.surface.layers,\n        canvases,\n      });\n    },\n    { target: canvasRef },\n  );\n\n  useEffect(() => {\n    loop.request();\n    return () => loop.cancel();\n  }, [loop]);\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className=\"lk-loupe__canvas\"\n      width={Math.max(1, Math.round(diameter * dpr))}\n      height={Math.max(1, Math.round(diameter * dpr))}\n    />\n  );\n}\n","import type { LoupeMode, LoupePoint } from '@weasel-js/loupe';\nimport type { CSSProperties } from 'react';\nimport { zoomAt } from '../canvas/camera';\nimport type { ViewportSize, WorldFrame } from '../canvas/worldSpec';\nimport type { ViewTransform } from '../instrument/types';\nimport type { LoupeRenderArgs } from './types';\n\n/** Props for `<DomLoupe>`. */\nexport interface DomLoupeProps {\n  aim: LoupePoint;\n  factor: number;\n  mode: LoupeMode;\n  diameter: number;\n  /** The host the instrument draws into, which the stage reproduces. */\n  size: ViewportSize;\n  /** The trial's own camera. */\n  view: ViewTransform;\n  frame?: WorldFrame;\n  render: (args: LoupeRenderArgs) => React.ReactNode;\n}\n\n/**\n * Paints a lens over DOM content by asking its `render` to draw it again\n * at a magnified camera.\n *\n * The stage is a full copy of the host, so the instrument's own layout still\n * holds; the camera is composed about the aimed point, which keeps that point\n * where it already was, and the stage is then slid by `diameter / 2 - aim` to\n * bring it to the middle of the lens.\n */\nexport function DomLoupe({\n  aim,\n  factor,\n  mode,\n  diameter,\n  size,\n  view,\n  frame,\n  render,\n}: DomLoupeProps) {\n  const style: CSSProperties = {\n    width: `${size.width}px`,\n    height: `${size.height}px`,\n    transform: `translate(${diameter / 2 - aim.x}px, ${diameter / 2 - aim.y}px)`,\n  };\n  return (\n    <div className=\"lk-loupe__stage\" style={style}>\n      {render({\n        view: zoomAt(view, factor, aim, { frame }),\n        factor,\n        mode,\n        size,\n      })}\n    </div>\n  );\n}\n","import type { LoupePoint } from '@weasel-js/loupe';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\n\n/** Props for `<LoupeBubble>`. */\nexport interface LoupeBubbleProps {\n  /** Where the lens is aimed, in its container's own pixels. */\n  aim: LoupePoint;\n  diameter: number;\n  hostRef?: RefObject<HTMLDivElement | null>;\n  children: ReactNode;\n}\n\n/**\n * The lens itself: a circle centred on the aimed point, clipping whatever a\n * painter draws into it.\n *\n * It takes no pointer events, so the pan, the wheel and anything underneath\n * keep working while it is up — and it is `aria-hidden`, since it magnifies\n * content already on the page rather than adding any.\n */\nexport function LoupeBubble({ aim, diameter, hostRef, children }: LoupeBubbleProps) {\n  const style: CSSProperties = {\n    width: `${diameter}px`,\n    height: `${diameter}px`,\n    transform: `translate(${aim.x - diameter / 2}px, ${aim.y - diameter / 2}px)`,\n  };\n  return (\n    <div ref={hostRef} className=\"lk-loupe\" style={style} aria-hidden=\"true\">\n      {children}\n    </div>\n  );\n}\n","/**\n * The loupe's two bindable interactions, as `Action` descriptors the gesture\n * dispatcher routes: hold a key to peek, and walk the magnification with the\n * wheel.\n *\n * Free of React so the routing can be tested without a DOM.\n */\nimport type { Action } from '@weasel-js/core';\n\n/** Canonical id of the hold-to-peek action. */\nexport const LOUPE_PEEK_ID = 'loupe.peek';\n/** Canonical id of the wheel-magnify action. */\nexport const LOUPE_MAGNIFY_ID = 'loupe.magnify';\n\n/** How fast the wheel walks the magnification. Gentler than the pan-zoom\n *  wheel: the lens' whole range is one order of magnitude. */\nexport const WHEEL_RATE = 0.002;\n\n/** What the actions do to a live loupe. Every member is read through the\n *  object on each invocation, so one stable instance serves the life of the\n *  registration. */\nexport interface LoupeInputApi {\n  /** Whether the lens is up. The wheel belongs to the loupe only while it is;\n   *  otherwise `loupe.magnify` declines and the dispatcher falls through to\n   *  the trial camera's zoom. */\n  shown: () => boolean;\n  /** Raise or drop the hold-to-peek flag. */\n  setPeeking: (on: boolean) => void;\n  /** Multiply the magnification by one wheel notch of `deltaY`. */\n  magnifyBy: (deltaY: number) => void;\n}\n\n/**\n * Build the loupe's actions. `peekKey` is a `KeyboardEvent.key`; passing\n * `null` omits `loupe.peek` entirely rather than registering a binding no key\n * can match.\n */\nexport function createLoupeActions(\n  input: LoupeInputApi,\n  peekKey: string | null,\n): readonly Action[] {\n  const magnify: Action = {\n    id: LOUPE_MAGNIFY_ID,\n    label: 'Magnify (loupe)',\n    group: 'loupe',\n    // Hotkey scope, so while the lens is up it outranks the trial camera's\n    // wheel zoom on the same dispatcher; while it is down `enabled` declines\n    // and the zoom runs.\n    scope: 'hotkey',\n    // Every modifier optional: the lens claims the wheel whenever it is up,\n    // which is what the hand-rolled capture-phase listener did. A bare spec\n    // would forbid modifiers and hand Cmd+wheel back to the lab mid-peek.\n    defaultBinding: [\n      {\n        spec: {\n          kind: 'wheel',\n          mods: { alt: 'optional', ctrl: 'optional', meta: 'optional', shift: 'optional' },\n        },\n        opts: {},\n      },\n    ],\n    enabled: () => (input.shown() ? true : 'not-applicable'),\n    invoker: {\n      timing: 'immediate',\n      run(_deps, params) {\n        input.magnifyBy((params?.deltaY as number | undefined) ?? 0);\n      },\n    },\n  };\n\n  if (peekKey === null) return [magnify];\n\n  const peek: Action = {\n    id: LOUPE_PEEK_ID,\n    label: 'Peek (loupe)',\n    group: 'loupe',\n    // Hotkey scope: peeking must beat whatever the lab's active tool binds to\n    // the same key, the way every other held-key trigger does.\n    scope: 'hotkey',\n    // Every modifier optional because the peek key may BE one: the keydown\n    // that carries `Alt` — the default — also reports `altKey: true`, and the\n    // matcher forbids any modifier a spec does not name.\n    defaultBinding: [\n      {\n        spec: {\n          kind: 'key-held',\n          key: peekKey,\n          mods: { alt: 'optional', ctrl: 'optional', meta: 'optional', shift: 'optional' },\n        },\n        opts: {},\n      },\n    ],\n    invoker: {\n      timing: 'ongoing',\n      start() {\n        input.setPeeking(true);\n        return { onEnd: () => input.setPeeking(false) };\n      },\n    },\n  };\n  return [peek, magnify];\n}\n","/**\n * Registers the loupe's actions, and mounts the gesture dispatcher on the\n * loupe's host when no camera already has one there, so the peek key and the\n * wheel route the way every other weasel binding does.\n *\n * Three of the dispatcher's four element channels are off. Only `wheel` is\n * wanted here; `contextMenu` suppresses the native menu unconditionally and\n * `ingest` makes the host a file-drop target, neither of which a lab asked\n * for by turning a magnifier on.\n */\nimport {\n  type ActionsRegistry,\n  type Tool,\n  useActionsRegistry,\n  useGestureDispatcher,\n} from '@weasel-js/core';\nimport { type RefObject, useContext, useEffect, useMemo } from 'react';\nimport { CameraContext } from '../canvas/CameraInput';\nimport { createLoupeActions, type LoupeInputApi } from './loupeActions';\n\n/** Props for `<LoupeGestures>`. */\nexport interface LoupeGesturesProps {\n  /** The element the dispatcher listens on — the same one the lens tracks. */\n  hostRef: RefObject<HTMLElement | null>;\n  input: LoupeInputApi;\n  /** `KeyboardEvent.key` for hold-to-peek, or `null` for no peek binding. */\n  peekKey: string | null;\n}\n\nconst NO_TOOLS: ReadonlyMap<string, Tool> = new Map();\n\nconst CHANNELS = { pointer: false, contextMenu: false, ingest: false } as const;\n\nfunction LoupeDispatch({\n  hostRef,\n  input,\n  peekKey,\n  registry,\n  ownDispatcher,\n}: LoupeGesturesProps & { registry: ActionsRegistry; ownDispatcher: boolean }) {\n  const actions = useMemo(() => createLoupeActions(input, peekKey), [input, peekKey]);\n\n  useEffect(() => {\n    const offs = actions.map((a) => registry.register(a));\n    return () => {\n      for (const off of offs) off();\n    };\n  }, [registry, actions]);\n\n  useGestureDispatcher({\n    canvasRef: hostRef,\n    actions: registry,\n    entriesById: NO_TOOLS,\n    channels: CHANNELS,\n    enabled: ownDispatcher,\n  });\n\n  return null;\n}\n\n/**\n * The loupe's input, routed. Inside a camera (`<CanvasStack>`, `<Stage>`) its\n * actions join the camera's dispatcher, which already listens on the host;\n * elsewhere it mounts a dispatcher of its own. With no registry in scope it\n * renders nothing rather than registering actions that could never fire.\n */\nexport function LoupeGestures(props: LoupeGesturesProps) {\n  const registry = useActionsRegistry();\n  const camera = useContext(CameraContext);\n  if (!registry) return null;\n  return <LoupeDispatch {...props} registry={registry} ownDispatcher={camera === null} />;\n}\n","import type { LoupeMode } from '@weasel-js/loupe';\nimport type { ReactNode } from 'react';\nimport type { ViewportSize } from '../canvas/worldSpec';\nimport type { ViewTransform } from '../instrument/types';\n\n/** What a DOM loupe's `render` is handed: the camera to draw the content\n *  through again. */\nexport interface LoupeRenderArgs {\n  /** The trial's own camera composed with the magnification, about the aimed\n   *  point — so drawing the same content through it magnifies in place. */\n  view: ViewTransform;\n  /** The magnification on its own, for whatever must not scale with the\n   *  camera. */\n  factor: number;\n  mode: LoupeMode;\n  /** The size of the viewport `view` is written for: the trial's content well,\n   *  not the lens. The lens shows a circle cut out of it. */\n  size: ViewportSize;\n}\n\n/**\n * How a lens magnifies.\n *\n * With no `render`, the lens re-draws the canvas stack's layers through a\n * zoomed camera, so it stays sharp at any factor. Over DOM content, `render`\n * draws it instead: given a camera, draw me again.\n */\nexport interface LoupeOptions {\n  render?: (args: LoupeRenderArgs) => ReactNode;\n  /** Opening magnification, clamped to the bounds below. Default 6. */\n  factor?: number;\n  /** What the wheel clamps to. Defaults 2 and 32. */\n  minFactor?: number;\n  maxFactor?: number;\n  /** `'vector'` (default) re-renders the content magnified; `'pixel'` blows up\n   *  the pixels the instrument presented. A `render` loupe is always vector —\n   *  DOM has no framebuffer to enlarge. */\n  mode?: LoupeMode;\n  /** Lens diameter in CSS px. Default 200. */\n  diameter?: number;\n  /** Held for a momentary peek while the loupe is off. Default `'Alt'`; `null`\n   *  turns hold-to-peek off. Matched against `KeyboardEvent.key`. */\n  peekKey?: string | null;\n  /** Called with the color under the aim, wherever the surface can say. The\n   *  canvas painter reads it back; a DOM loupe has no pixels to sample. */\n  onColorChange?: (hex: string) => void;\n}\n\n/** {@link LoupeOptions} with every default filled in. */\nexport interface ResolvedLoupe {\n  render?: (args: LoupeRenderArgs) => ReactNode;\n  onColorChange?: (hex: string) => void;\n  factor: number;\n  minFactor: number;\n  maxFactor: number;\n  mode: LoupeMode;\n  diameter: number;\n  peekKey: string | null;\n}\n\n/** What `resolveLoupe` fills in for anything a declaration leaves unset. */\nexport const LOUPE_DEFAULTS = {\n  factor: 6,\n  minFactor: 2,\n  maxFactor: 32,\n  mode: 'vector',\n  diameter: 200,\n  peekKey: 'Alt',\n} as const satisfies Omit<ResolvedLoupe, 'render' | 'onColorChange'>;\n\n/** `options` with every default filled in and `factor` clamped to\n *  `[minFactor, maxFactor]`. A loupe with its own `render` is always `'vector'`. */\nexport function resolveLoupe(options: LoupeOptions = {}): ResolvedLoupe {\n  const minFactor = options.minFactor ?? LOUPE_DEFAULTS.minFactor;\n  const maxFactor = options.maxFactor ?? LOUPE_DEFAULTS.maxFactor;\n  return {\n    render: options.render,\n    onColorChange: options.onColorChange,\n    minFactor,\n    maxFactor,\n    factor: Math.min(maxFactor, Math.max(minFactor, options.factor ?? LOUPE_DEFAULTS.factor)),\n    diameter: options.diameter ?? LOUPE_DEFAULTS.diameter,\n    peekKey: options.peekKey === undefined ? LOUPE_DEFAULTS.peekKey : options.peekKey,\n    // A DOM loupe has no framebuffer, so `pixel` would have nothing to enlarge.\n    mode: options.render ? 'vector' : (options.mode ?? LOUPE_DEFAULTS.mode),\n  };\n}\n","import { type RefObject, useEffect, useState } from 'react';\nimport type { ViewportSize } from '../canvas/worldSpec';\n\nconst ZERO: ViewportSize = { width: 0, height: 0 };\n\n/** An element's CSS-pixel box, kept current. `{0, 0}` until it is measured, and\n *  wherever `ResizeObserver` is absent. */\nexport function useHostSize(ref: RefObject<HTMLElement | null>): ViewportSize {\n  const [size, setSize] = useState<ViewportSize>(ZERO);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = (): void => {\n      const rect = el.getBoundingClientRect();\n      setSize((prev) =>\n        prev.width === rect.width && prev.height === rect.height\n          ? prev\n          : { width: rect.width, height: rect.height },\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [ref]);\n\n  return size;\n}\n","import type { View } from '@weasel-js/core';\n\n/** A point on the magnified surface, in its own CSS pixels. */\nexport interface LoupePoint {\n  x: number;\n  y: number;\n}\n\n/** The lens' rectangle on that surface. */\nexport interface LoupeRect extends LoupePoint {\n  w: number;\n  h: number;\n}\n\n/**\n * The inner `View` a loupe renders its content through: the outer view's\n * magnification times `factor`, positioned so `target` sits at the center of\n * a viewport the size of `rect`.\n */\nexport function loupeInnerView(\n  target: LoupePoint,\n  outer: View,\n  rect: LoupeRect,\n  factor: number,\n): View {\n  const scale = { x: outer.scale.x * factor, y: outer.scale.y * factor };\n  return {\n    x: target.x - rect.w / 2 / scale.x,\n    y: target.y - rect.h / 2 / scale.y,\n    scale,\n  };\n}\n\n/**\n * Where on the outer surface a point inside the lens is looking, in\n * screen-space CSS px.\n *\n * The inverse of {@link loupeInnerView}: the lens centers `aim` in `rect` and\n * magnifies by `factor`, and the outer view's own scale cancels out of the\n * round trip — so this needs no `View`.\n */\nexport function loupeSourcePoint(\n  p: LoupePoint,\n  rect: LoupeRect,\n  aim: LoupePoint,\n  factor: number,\n): LoupePoint {\n  return {\n    x: aim.x + (p.x - (rect.x + rect.w / 2)) / factor,\n    y: aim.y + (p.y - (rect.y + rect.h / 2)) / factor,\n  };\n}\n","import { normalizeZoom } from '@weasel-js/core';\nimport { type LoupePoint, type LoupeRect, loupeSourcePoint } from './geometry';\n\n/** How a loupe magnifies. `'vector'` re-renders the source through a zoomed-in\n *  view, so content stays sharp at any factor; `'pixel'` blows up the actual\n *  pixels the surface presented. */\nexport type LoupeMode = 'vector' | 'pixel';\n\n/**\n * What a loupe needs from the surface it magnifies. A painter implements it,\n * and the model asks nothing about how the lens is drawn — only where it is,\n * what colour is under a point, and whether anyone can still see it.\n */\nexport interface LoupeSurface {\n  /** The lens' rectangle, or `null` while it has none. */\n  lens(): LoupeRect | null;\n  /**\n   * Does the lens itself cover this point? A stationary lens does over its own\n   * frame, which is what the freeze rule below is for; a lens that follows the\n   * pointer never covers it and answers `false`.\n   */\n  covers(p: LoupePoint): boolean;\n  /** Hex colour at a surface point, or `null` when the surface cannot say. */\n  sample(p: LoupePoint): string | null;\n  /** Is the lens off screen? Aims are ignored while it is. */\n  hidden(): boolean;\n  /** Is the lens gone for good? The model tears itself down when it is. */\n  gone(): boolean;\n  /** Something the painter must redraw for has changed. */\n  changed(): void;\n  /**\n   * Run `fn` after each frame the surface lands; returns an unsubscribe.\n   * Implement it when `sample` reads pixels that only show an aim once a\n   * frame has painted — a framebuffer read back. The model then samples the\n   * aim on the next landed frame, so `color` settles a frame after the aim.\n   * Omit it when `sample` can answer for a fresh aim right away.\n   */\n  subscribeFrame?(fn: () => void): () => void;\n}\n\n/** Options for {@link createLoupeModel}. */\nexport interface LoupeModelOptions {\n  surface: LoupeSurface;\n  mode?: LoupeMode;\n  /** Magnification. Default 8. Always positive and finite: a factor that is\n   *  not becomes `ZOOM_FLOOR`, the same rule a view's zoom follows. */\n  factor?: number;\n  /** Bounds `setFactor` clamps to. Unset means bounded only by that rule. */\n  minFactor?: number;\n  maxFactor?: number;\n  /** Called with the hex colour under the aim point whenever it changes. */\n  onColorChange?: (hex: string) => void;\n  /** Called when a pick lands — an eyedropper on the magnified surface. Where\n   *  the colour goes is the consumer's business. */\n  onPick?: (hex: string) => void;\n  /** Called when the model tears itself down because the surface reported the\n   *  lens gone, so the painter can drop what it was holding. */\n  onDispose?: () => void;\n}\n\n/** Where a loupe is aimed, how far it magnifies, and what colour it is over. */\nexport interface LoupeModel {\n  readonly mode: LoupeMode;\n  readonly factor: number;\n  /** Last aimed point, in the surface's CSS px. */\n  readonly aim: LoupePoint;\n  /** Hex colour under the aim point. `null` until something answers. */\n  readonly color: string | null;\n  setMode(mode: LoupeMode): void;\n  setFactor(factor: number): void;\n  /** Aim at a surface point. Ignored while the lens covers it, is hidden, or\n   *  the model is disposed. */\n  aimAt(p: LoupePoint): void;\n  /** Sample what the lens shows at `p`, a point inside it, and report that to\n   *  `onPick`. Omit `p` to pick at the aim point. Leaves the aim, and `color`,\n   *  alone. */\n  pick(p?: LoupePoint): string | null;\n  dispose(): void;\n}\n\n/**\n * Build the loupe's model over a surface. It holds the state a magnifier has —\n * aim, factor, mode, colour — and none of the drawing.\n */\nexport function createLoupeModel(opts: LoupeModelOptions): LoupeModel {\n  const { surface } = opts;\n  let mode: LoupeMode = opts.mode ?? 'vector';\n  let factor = normalizeZoom(opts.factor ?? 8);\n  let aim: LoupePoint = { x: 0, y: 0 };\n  let color: string | null = null;\n  let disposed = false;\n  let aimUnsampled = false;\n\n  const clamp = (n: number): number =>\n    normalizeZoom(Math.min(opts.maxFactor ?? Number.POSITIVE_INFINITY,\n                           Math.max(opts.minFactor ?? Number.NEGATIVE_INFINITY, n)));\n\n  const sampleColor = () => {\n    const hex = surface.sample(aim);\n    if (hex === null || hex === color) return;\n    color = hex;\n    opts.onColorChange?.(hex);\n  };\n\n  const unsubscribeFrame = surface.subscribeFrame?.(() => {\n    if (!aimUnsampled) return;\n    aimUnsampled = false;\n    sampleColor();\n  });\n\n  const teardown = () => {\n    if (disposed) return;\n    disposed = true;\n    unsubscribeFrame?.();\n    opts.onDispose?.();\n  };\n\n  return {\n    get mode() { return mode; },\n    get factor() { return factor; },\n    get aim() { return aim; },\n    get color() { return color; },\n\n    setMode(next) {\n      if (disposed || next === mode) return;\n      mode = next;\n      surface.changed();\n    },\n\n    setFactor(next) {\n      if (disposed) return;\n      factor = clamp(next);\n      surface.changed();\n    },\n\n    aimAt(p) {\n      if (disposed) return;\n      // A lens can be taken away by whatever owns it, without coming back\n      // through `dispose`. Follow it down rather than keep sampling for a\n      // magnifier nobody can see.\n      if (surface.gone()) { teardown(); return; }\n      if (surface.hidden()) return;\n      if (surface.covers(p)) return;\n      aim = p;\n      if (unsubscribeFrame) aimUnsampled = true;\n      else sampleColor();\n      surface.changed();\n    },\n\n    pick(p) {\n      if (disposed) return null;\n      let at = aim;\n      if (p) {\n        const rect = surface.lens();\n        if (!rect) return null;\n        at = loupeSourcePoint(p, rect, aim, factor);\n        // The lens is part of the picture the surface presents. A point near\n        // its frame maps back underneath it, and sampling there reports the\n        // lens' own chrome as artwork.\n        if (surface.covers(at)) return null;\n      }\n      const hex = surface.sample(at);\n      if (hex !== null) opts.onPick?.(hex);\n      return hex;\n    },\n\n    dispose: teardown,\n  };\n}\n","import { useLatest } from '@weasel-js/core';\nimport {\n  createLoupeModel,\n  type LoupeMode,\n  type LoupeModel,\n  type LoupePoint,\n} from '@weasel-js/loupe';\nimport { type RefObject, useCallback, useEffect, useReducer, useRef } from 'react';\nimport type { LoupeInputApi } from './loupeActions';\nimport { WHEEL_RATE } from './loupeActions';\nimport type { ResolvedLoupe } from './types';\n\n/** Options for {@link useLoupe}. */\nexport interface UseLoupeOptions {\n  options: ResolvedLoupe;\n  /** The element the lens tracks the pointer across. */\n  hostRef: RefObject<HTMLElement | null>;\n  /** Whether the loupe is turned on. Hold-to-peek shows it regardless. */\n  enabled: boolean;\n  /** Hex color at a host point. Omitted, the loupe reports no color — which\n   *  is the honest answer for a surface with no pixels to read. */\n  sample?: (p: LoupePoint) => string | null;\n}\n\n/** A loupe as a React view reads it. */\nexport interface LoupeState {\n  /** Whether the lens should be drawn. */\n  visible: boolean;\n  /** Where it is aimed, in the host's own pixels. */\n  aim: LoupePoint;\n  factor: number;\n  mode: LoupeMode;\n  color: string | null;\n  setMode: (mode: LoupeMode) => void;\n  setFactor: (factor: number) => void;\n  /** Sample what the lens shows at a point inside it. */\n  pick: (p?: LoupePoint) => string | null;\n  /** What `<LoupeGestures>` drives the lens through. Stable for the life of\n   *  the hook, so registering the actions on it does not churn. */\n  input: LoupeInputApi;\n}\n\n/** Whether the lens is up: the pointer is over the host, and the loupe is on or peeked. */\nfunction lensShown(over: boolean, enabled: boolean, peeking: boolean): boolean {\n  return over && (enabled || peeking);\n}\n\n/**\n * Binds `@weasel-js/loupe`'s model to a host element and tracks the pointer\n * across it.\n *\n * The peek key and the wheel are not here: they are `loupe.peek` and\n * `loupe.magnify`, routed through the gesture dispatcher that\n * `<LoupeGestures>` mounts on the same host. Aiming stays a plain listener\n * because a hover is not a gesture the grammar names — `GESTURE_DESCRIPTORS`\n * has no continuous-motion entry, and inventing one to carry the lens' aim\n * would be an input taxonomy change, not a loupe change.\n */\nexport function useLoupe({ options, hostRef, enabled, sample }: UseLoupeOptions): LoupeState {\n  const [, bump] = useReducer((n: number) => n + 1, 0);\n\n  const overRef = useRef(false);\n  const peekingRef = useRef(false);\n  const enabledRef = useLatest(enabled);\n  const sampleRef = useLatest(sample);\n  const onColorChangeRef = useLatest(options.onColorChange);\n\n  // Reads nothing but refs, so it is stable and an effect may depend on it.\n  const shown = useCallback(\n    (): boolean => lensShown(overRef.current, enabledRef.current, peekingRef.current),\n    [enabledRef],\n  );\n\n  const modelRef = useRef<LoupeModel | null>(null);\n  if (modelRef.current === null) {\n    modelRef.current = createLoupeModel({\n      mode: options.mode,\n      factor: options.factor,\n      minFactor: options.minFactor,\n      maxFactor: options.maxFactor,\n      onColorChange: (hex) => onColorChangeRef.current?.(hex),\n      surface: {\n        lens: () => {\n          const d = diameterRef.current;\n          const { x, y } = modelRef.current?.aim ?? { x: 0, y: 0 };\n          return { x: x - d / 2, y: y - d / 2, w: d, h: d };\n        },\n        // The lens follows the pointer and is painted over the host rather than\n        // into it, so it is never part of the picture being magnified.\n        covers: () => false,\n        sample: (p) => sampleRef.current?.(p) ?? null,\n        hidden: () => !shown(),\n        gone: () => goneRef.current,\n        changed: bump,\n      },\n    });\n  }\n  const model = modelRef.current;\n\n  const diameterRef = useLatest(options.diameter);\n  const goneRef = useRef(false);\n\n  // The model holds no resources, and `dispose` is one-way — so unmounting only\n  // reports the lens gone. Disposing here instead leaves React's mount / unmount\n  // / remount in StrictMode with a permanently dead model that silently ignores\n  // every aim.\n  useEffect(() => {\n    goneRef.current = false;\n    return () => {\n      goneRef.current = true;\n    };\n  }, []);\n\n  // Turning the loupe off with the pointer still inside must put the lens away,\n  // and the model only reconsiders on an aim.\n  useEffect(() => {\n    if (!enabled && !peekingRef.current) bump();\n  }, [enabled]);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n\n    const onPointerMove = (e: PointerEvent): void => {\n      overRef.current = true;\n      const rect = host.getBoundingClientRect();\n      model.aimAt({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      if (!shown()) return;\n      bump();\n    };\n    const onPointerLeave = (): void => {\n      overRef.current = false;\n      bump();\n    };\n\n    host.addEventListener('pointermove', onPointerMove);\n    host.addEventListener('pointerleave', onPointerLeave);\n    return () => {\n      host.removeEventListener('pointermove', onPointerMove);\n      host.removeEventListener('pointerleave', onPointerLeave);\n    };\n  }, [hostRef, model, shown]);\n\n  const inputRef = useRef<LoupeInputApi | null>(null);\n  if (inputRef.current === null) {\n    inputRef.current = {\n      shown,\n      setPeeking: (on) => {\n        if (peekingRef.current === on) return;\n        peekingRef.current = on;\n        bump();\n      },\n      magnifyBy: (deltaY) => {\n        const m = modelRef.current;\n        if (m) m.setFactor(m.factor * Math.exp(-deltaY * WHEEL_RATE));\n      },\n    };\n  }\n\n  return {\n    // This render's `enabled`: `enabledRef` holds the last committed one.\n    visible: lensShown(overRef.current, enabled, peekingRef.current),\n    aim: model.aim,\n    factor: model.factor,\n    mode: model.mode,\n    color: model.color,\n    setMode: model.setMode,\n    setFactor: model.setFactor,\n    pick: model.pick,\n    input: inputRef.current,\n  };\n}\n","import { type ReactNode, type RefObject, useContext, useEffect, useMemo, useRef } from 'react';\nimport { CameraContext, CameraScope } from '../canvas/CameraInput';\nimport { CanvasStackContext } from '../canvas/CanvasStackContext';\nimport { fromCameraView } from '../canvas/cameraView';\nimport type { ViewTransform } from '../instrument/types';\nimport { LoupeSwitchContext } from '../trial/loupeSwitch';\nimport { CanvasLoupe } from './CanvasLoupe';\nimport { sampleStack } from './canvasLens';\nimport { DomLoupe } from './DomLoupe';\nimport { LoupeBubble } from './LoupeBubble';\nimport { LoupeGestures } from './LoupeGestures';\nimport { type LoupeOptions, resolveLoupe } from './types';\nimport { useHostSize } from './useHostSize';\nimport { useLoupe } from './useLoupe';\n\n/** Props for `<TrialLoupe>`. */\nexport interface TrialLoupeProps extends LoupeOptions {\n  /** Whether the lens is turned on. Omitted, it follows the trial's toolbar\n   *  toggle, which the trial offers while a lens like this is mounted — and is\n   *  off outside a trial. Hold-to-peek shows it either way. */\n  enabled?: boolean;\n  /** The camera a `render` lens composes its magnification onto. Defaults to\n   *  the camera around it, and to the identity outside one. */\n  view?: ViewTransform;\n  /** The element the lens tracks. Defaults to the canvas stack or stage around\n   *  it, and outside both to a box wrapped around `children`. */\n  hostRef?: RefObject<HTMLElement | null>;\n  /** Content for the lens to sit over. Wrapped in a box of the lens's own only\n   *  when nothing around it gives the lens an element to track. */\n  children?: ReactNode;\n}\n\nconst IDENTITY: ViewTransform = { zoom: 1, pan: { x: 0, y: 0 } };\n\n/**\n * A trial's magnifier, mounted by the instrument wherever its content is: in\n * a canvas instrument's `render`, a stage's `overlay`, or around DOM content.\n *\n * With no `render` inside a `<CanvasStack>`, it re-draws the stack's own\n * layers through a zoomed camera. With `render`, it asks for the content again\n * at a magnified camera.\n */\nexport function TrialLoupe({\n  enabled,\n  view,\n  hostRef,\n  children,\n  render,\n  factor,\n  minFactor,\n  maxFactor,\n  mode,\n  diameter,\n  peekKey,\n  onColorChange,\n}: TrialLoupeProps) {\n  const options = useMemo(\n    () =>\n      resolveLoupe({\n        render,\n        factor,\n        minFactor,\n        maxFactor,\n        mode,\n        diameter,\n        peekKey,\n        onColorChange,\n      }),\n    [render, factor, minFactor, maxFactor, mode, diameter, peekKey, onColorChange],\n  );\n\n  const stack = useContext(CanvasStackContext);\n  const camera = useContext(CameraContext);\n  const loupeSwitch = useContext(LoupeSwitchContext);\n  const surface = options.render ? undefined : stack?.surface;\n\n  const ownHost = useRef<HTMLDivElement | null>(null);\n  const cameraHost = useMemo<RefObject<HTMLElement | null> | null>(\n    () =>\n      camera\n        ? {\n            get current() {\n              return camera.element();\n            },\n          }\n        : null,\n    [camera],\n  );\n  const host = surface?.element ?? hostRef ?? cameraHost ?? ownHost;\n  const wraps = host === ownHost;\n\n  // A lens told whether it is on has no use for the trial's toggle.\n  const mount = enabled === undefined ? loupeSwitch?.mount : undefined;\n  useEffect(() => mount?.(), [mount]);\n\n  const sample = useMemo(() => {\n    if (!surface) return undefined;\n    return (p: { x: number; y: number }): string | null => {\n      const canvases = surface.canvases.current;\n      return canvases ? sampleStack(surface.layers, canvases, p, surface.size.dpr) : null;\n    };\n  }, [surface]);\n\n  const loupe = useLoupe({\n    options,\n    hostRef: host,\n    enabled: enabled ?? loupeSwitch?.on ?? false,\n    sample,\n  });\n  const measured = useHostSize(host);\n  const size = surface?.size ?? measured;\n\n  // The gestures mount outside the visibility gate: hold-to-peek is what\n  // raises a lens that is down, so its binding has to be live while it is.\n  // In a trial they join the trial's scope, and with it the camera's\n  // dispatcher; outside one, `<CameraScope>` gives them an isolated scope.\n  const gestures = (\n    <CameraScope>\n      <LoupeGestures hostRef={host} input={loupe.input} peekKey={options.peekKey ?? null} />\n    </CameraScope>\n  );\n\n  const lens = loupe.visible ? (\n    <LoupeBubble aim={loupe.aim} diameter={options.diameter}>\n      {options.render ? (\n        <DomLoupe\n          aim={loupe.aim}\n          factor={loupe.factor}\n          mode={loupe.mode}\n          diameter={options.diameter}\n          size={size}\n          view={\n            view ??\n            stack?.view ??\n            (camera ? fromCameraView(camera.view.get(), camera.frame) : IDENTITY)\n          }\n          frame={stack?.frame ?? camera?.frame}\n          render={options.render}\n        />\n      ) : surface && stack ? (\n        <CanvasLoupe\n          aim={loupe.aim}\n          factor={loupe.factor}\n          mode={loupe.mode}\n          diameter={options.diameter}\n          surface={surface}\n          view={stack.view}\n          frame={stack.frame}\n          worldSpec={surface.worldSpec}\n        />\n      ) : null}\n    </LoupeBubble>\n  ) : null;\n\n  if (wraps) {\n    return (\n      <div ref={ownHost} className=\"lk-loupe-host\">\n        {children}\n        {gestures}\n        {lens}\n      </div>\n    );\n  }\n  return (\n    <>\n      {children}\n      {gestures}\n      {lens}\n    </>\n  );\n}\n"]}

package/dist/overview/index.d.ts

@@ -2,10 +2,12 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { ViewportSize } from '../canvas/index.js';
 import { FloatingPanelProps } from '../index.js';
+import '@weasel-js/ui';
 import '@weasel-js/core';
-import '../_dts/PrefsRow.d-DFpPIeIC.js';
 import '@weasel-js/theme';
-import '../_dts/types-DTuViBvc.js';
+import '../_dts/types-BUBSIZuV.js';
+import '@weasel-js/quantity';
+import '@weasel-js/geom';
 import '../_dts/types-DJ79Tg5J.js';
 import 'windease';
 

package/dist/overview/index.js

@@ -1,13 +1,14 @@
-import { markSvgNodes } from '../chunk-KHK5FGER.js';
+import { markSvgNodes } from '../chunk-F4ACIK7Z.js';
 import { useAnnotationsOptional } from '../chunk-3RY6WL5T.js';
-import { FloatingPanel } from '../chunk-NEXR37YJ.js';
-import '../chunk-RWNDDKOH.js';
-import { CameraContext, fromCameraView, pointerElsewhere, usePublishPointer } from '../chunk-DWMSB4CA.js';
-import '../chunk-24W5VEJW.js';
-import { CanvasStackContext } from '../chunk-CQLQPQ4P.js';
+import { FloatingPanel } from '../chunk-XE5HJOPL.js';
+import '../chunk-PMLZP7RT.js';
+import { CameraContext, fromCameraView, pointerElsewhere, usePublishPointer } from '../chunk-VYVGVBGY.js';
+import '../chunk-ULYYNWGP.js';
+import { CanvasStackContext } from '../chunk-ZQIHJXP4.js';
 import '../chunk-2YILQ7Y5.js';
-import { serializeSvg } from '../chunk-QGMOA2YE.js';
-import { usePointerPosition, crosshairRects, DepRegistryProvider, ActionsProvider, ActiveToolContextProvider, useActionsRegistry, useDepSource, minimapCenterAction, minimapPanAction, useGestureDispatcher, MINIMAP_CENTER, MINIMAP_PAN } from '@weasel-js/core';
+import { serializeSvg } from '../chunk-E23Q6A3Y.js';
+import '../chunk-XVUKDSYV.js';
+import { usePointerPosition, crosshairRects, DepRegistryProvider, ActionsProvider, ActiveToolContextProvider, useActionsRegistry, useLatest, useDepSource, minimapCenterAction, minimapPanAction, useGestureDispatcher, MINIMAP_CENTER, MINIMAP_PAN } from '@weasel-js/core';
 import { useContext, useMemo, useRef, useLayoutEffect, useEffect, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -27,10 +28,11 @@ function localRectOf(el, camera) {
 function elementOf(target) {
   return target.ref?.current ?? null;
 }
-function markupOf(api, target, content) {
+function markupOf(api, target, content, shown) {
   const painted = api.paintedMarks(target);
   if (painted.length === 0) return "";
-  const nodes = painted.flatMap(({ mark, style }) => markSvgNodes(mark, content, style));
+  const k = Math.min(shown.w / content.w, shown.h / content.h) || 1;
+  const nodes = painted.flatMap(({ mark, style }) => markSvgNodes(mark, style, { x: k, y: k }));
   return serializeSvg(nodes, { viewBox: { x: 0, y: 0, width: content.w, height: content.h } });
 }
 function OverviewMarks({ fit, camera }) {
@@ -42,7 +44,7 @@ function OverviewMarks({ fit, camera }) {
   return /* @__PURE__ */ jsx(Fragment, { children: api.targets().map((t) => {
     const el = elementOf(t);
     const box = el ? localRectOf(el, camera) : null;
-    const markup = box ? markupOf(api, t.id, t.content) : "";
+    const markup = box ? markupOf(api, t.id, t.content, { w: box.w * s, h: box.h * s }) : "";
     if (!box || !markup) return null;
     const place = {
       ["--lk-overview-mx"]: `${(box.x - fit.x) * s}px`,
@@ -123,10 +125,11 @@ function Overview({
 }) {
   const size = useMemo(() => ({ width, height }), [width, height]);
   const content = bounds ? toLocalRect(bounds, camera.frame) : camera.content;
-  const contentKey = content ? `${content.x},${content.y},${content.width},${content.height}` : "";
+  const framed = content !== null && content !== void 0;
+  const { x = 0, y = 0, width: w = 0, height: h = 0 } = content ?? {};
   const fit = useMemo(
-    () => content ? fitRect(content, size) : { x: 0, y: 0, scale: { x: 1, y: 1 } },
-    [contentKey, size]
+    () => framed ? fitRect({ x, y, width: w, height: h }, size) : { x: 0, y: 0, scale: { x: 1, y: 1 } },
+    [framed, x, y, w, h, size]
   );
   const boxRef = useRef(null);
   return /* @__PURE__ */ jsxs(
@@ -230,8 +233,7 @@ function OverviewDispatch({
   camera
 }) {
   const registry = useActionsRegistry();
-  const fitRef = useRef(fit);
-  fitRef.current = fit;
+  const fitRef = useLatest(fit);
   const root = camera.view;
   useDepSource("rootView", () => root);
   useEffect(() => {
@@ -250,13 +252,13 @@ function OverviewDispatch({
         y: (cy - (r?.top ?? 0)) / f.scale.y + f.y
       };
     },
-    [boxRef]
+    [boxRef, fitRef]
   );
   useGestureDispatcher({
     canvasRef: boxRef,
     // Always present: `OverviewInput` mounts the provider directly above.
     actions: registry,
-    toolsById: TOOLS_BY_ID,
+    entriesById: TOOLS_BY_ID,
     clientToWorld: clientToLocal,
     keyboard: false,
     channels: CHANNELS

package/dist/overview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overview/OverviewMarks.tsx","../../src/overview/TrialOverview.tsx"],"names":["jsx","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Every annotation target's marks, drawn read-only on the overview through the\n * export's own vector path: `markSvgNodes`, then `serializeSvg`.\n */\nimport type { View } from '@weasel-js/core';\nimport { serializeSvg } from '@weasel-js/svg';\nimport { type CSSProperties, type RefObject, useEffect, useReducer } from 'react';\nimport { useAnnotationsOptional } from '../annotations/AnnotationsContext';\nimport { markSvgNodes } from '../annotations/svgNodes';\nimport type { AnnotationsApi } from '../annotations/types';\nimport type { CameraContextValue } from '../canvas/CameraInput';\n\n/** A target's box, in the camera's frame-local units. */\ninterface LocalRect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\n/** Where `el` sits in the camera's frame-local units: its screen rect,\n *  measured against the camera's element, through the camera. */\nfunction localRectOf(el: HTMLElement, camera: CameraContextValue): LocalRect | null {\n  const host = camera.element();\n  if (!host) return null;\n  const r = el.getBoundingClientRect();\n  const h = host.getBoundingClientRect();\n  const v = camera.view.get();\n  return {\n    x: (r.left - h.left) / v.scale.x + v.x,\n    y: (r.top - h.top) / v.scale.y + v.y,\n    w: r.width / v.scale.x,\n    h: r.height / v.scale.y,\n  };\n}\n\n/** The element a target's marks sit on. The capability's targets carry their\n *  `ref`; the store's type names only the half it reads. */\nfunction elementOf(target: object): HTMLElement | null {\n  return (target as { ref?: RefObject<HTMLElement | null> }).ref?.current ?? null;\n}\n\nfunction markupOf(api: AnnotationsApi, target: string, content: { w: number; h: number }): string {\n  const painted = api.paintedMarks(target);\n  if (painted.length === 0) return '';\n  const nodes = painted.flatMap(({ mark, style }) => markSvgNodes(mark, content, style));\n  return serializeSvg(nodes, { viewBox: { x: 0, y: 0, width: content.w, height: content.h } });\n}\n\n/** Props for `<OverviewMarks>`. */\nexport interface OverviewMarksProps {\n  fit: View;\n  camera: CameraContextValue;\n}\n\n/**\n * The marks of every target in the annotations store in scope, placed where\n * each target's element sits on the stage. Draws nothing outside an annotating\n * trial, and takes no input.\n */\nexport function OverviewMarks({ fit, camera }: OverviewMarksProps) {\n  const api = useAnnotationsOptional();\n  const [, redraw] = useReducer((n: number) => n + 1, 0);\n  useEffect(() => api?.subscribe(redraw), [api]);\n  if (!api) return null;\n  const s = fit.scale.x;\n  return (\n    <>\n      {api.targets().map((t) => {\n        const el = elementOf(t);\n        const box = el ? localRectOf(el, camera) : null;\n        const markup = box ? markupOf(api, t.id, t.content) : '';\n        if (!box || !markup) return null;\n        const place = {\n          ['--lk-overview-mx' as string]: `${(box.x - fit.x) * s}px`,\n          ['--lk-overview-my' as string]: `${(box.y - fit.y) * s}px`,\n          ['--lk-overview-mw' as string]: `${box.w * s}px`,\n          ['--lk-overview-mh' as string]: `${box.h * s}px`,\n        } as CSSProperties;\n        return (\n          <div\n            key={t.id}\n            className=\"lk-overview__marks\"\n            style={place}\n            data-target={t.id}\n            // biome-ignore lint/security/noDangerouslySetInnerHtml: the export's SVG serializer is the one vector path marks have; re-deriving React nodes would be a second.\n            dangerouslySetInnerHTML={{ __html: markup }}\n          />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * `<TrialOverview>` — the whole of a trial's content at a glance, in a panel\n * that floats over the stage: the visible rect, a crosshair where the pointer\n * is on the stage, and a press or drag that moves the stage's camera there.\n *\n * It is the labkit form of core's minimap contribution: the same\n * `minimap.center` / `minimap.pan` actions, run on a dispatcher of its own with\n * the trial's camera as `rootView`, and the same crosshair geometry.\n */\nimport {\n  ActionsProvider,\n  ActiveToolContextProvider,\n  crosshairRects,\n  DepRegistryProvider,\n  MINIMAP_CENTER,\n  MINIMAP_PAN,\n  minimapCenterAction,\n  minimapPanAction,\n  type Tool,\n  useActionsRegistry,\n  useDepSource,\n  useGestureDispatcher,\n  usePointerPosition,\n  type View,\n  type ViewApi,\n} from '@weasel-js/core';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  CameraContext,\n  type CameraContextValue,\n  pointerElsewhere,\n  usePublishPointer,\n} from '../canvas/CameraInput';\nimport { CanvasStackContext } from '../canvas/CanvasStackContext';\nimport { fromCameraView } from '../canvas/cameraView';\nimport type { ViewportSize, WorldFrame } from '../canvas/worldSpec';\nimport { FloatingPanel, type FloatingPanelProps } from '../primitives/FloatingPanel';\nimport { OverviewMarks } from './OverviewMarks';\n\n/** The view id the overview publishes its pointer under. */\nexport const OVERVIEW_VIEW_ID = 'overview';\n\n/** A rect in the instrument's world. */\nexport interface OverviewBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/** What an overview's `render` is handed. */\nexport interface OverviewRenderArgs {\n  /** The content's own size in CSS pixels, at zoom 1 — lay out at this size\n   *  and the overview scales it to fit. */\n  size: ViewportSize;\n}\n\n/** Props for `<TrialOverview>`. */\nexport interface TrialOverviewProps {\n  /** The overview box, in CSS pixels. */\n  width: number;\n  height: number;\n  /**\n   * DOM content for the overview, laid out at the content's own size — for a\n   * `stage` instrument, typically a lighter copy of what its `render` draws.\n   * Never the instrument's own `render`: its effects would run twice. A canvas\n   * instrument omits it, and the overview redraws the canvas's layers.\n   */\n  render?: (args: OverviewRenderArgs) => ReactNode;\n  /** What to frame, in the instrument's world. Defaults to a stage's content\n   *  rect; a canvas instrument, whose world has no edge, names one. */\n  bounds?: OverviewBounds;\n  /** Panel title. */\n  title?: string;\n  anchor?: FloatingPanelProps['anchor'];\n  persist?: string;\n  className?: string;\n}\n\nconst PADDING = 6;\nconst OVERVIEW_INPUT: Tool = {\n  id: 'overview',\n  eligibility: { always: true },\n  bindings: [\n    { spec: { kind: 'pointerDown' }, actionId: MINIMAP_CENTER },\n    { spec: { kind: 'drag' }, actionId: MINIMAP_PAN },\n  ],\n};\nconst TOOLS_BY_ID: ReadonlyMap<string, Tool> = new Map([[OVERVIEW_INPUT.id, OVERVIEW_INPUT]]);\nconst CHANNELS = { wheel: false, pinch: false, contextMenu: false, ingest: false } as const;\n\n/** A world rect as a frame-local one. */\nfunction toLocalRect(b: OverviewBounds, frame: WorldFrame): OverviewBounds {\n  if (frame.yDir === 1) return b;\n  return { x: b.x, y: -(b.y + b.height), width: b.width, height: b.height };\n}\n\n/** The camera that fits `rect` into `size`, `PADDING` in from every edge. */\nfunction fitRect(rect: OverviewBounds, size: ViewportSize): View {\n  const s = Math.min(\n    Math.max(1, size.width - 2 * PADDING) / Math.max(rect.width, 1e-9),\n    Math.max(1, size.height - 2 * PADDING) / Math.max(rect.height, 1e-9),\n  );\n  return {\n    x: rect.x + rect.width / 2 - size.width / (2 * s),\n    y: rect.y + rect.height / 2 - size.height / (2 * s),\n    scale: { x: s, y: s },\n  };\n}\n\n/** A canvas's 2D context sized to `size` at the device pixel ratio. */\nfunction prepare(\n  canvas: HTMLCanvasElement | null,\n  size: ViewportSize,\n): CanvasRenderingContext2D | null {\n  const ctx = canvas?.getContext('2d') ?? null;\n  if (!canvas || !ctx) return null;\n  const dpr = window.devicePixelRatio || 1;\n  const w = Math.round(size.width * dpr);\n  const h = Math.round(size.height * dpr);\n  if (canvas.width !== w) canvas.width = w;\n  if (canvas.height !== h) canvas.height = h;\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  ctx.clearRect(0, 0, size.width, size.height);\n  return ctx;\n}\n\nfunction cssVar(el: Element | null, name: string, fallback: string): string {\n  if (!el) return fallback;\n  return getComputedStyle(el).getPropertyValue(name).trim() || fallback;\n}\n\n/**\n * A trial's overview. Mount it from an instrument's `render` (a canvas\n * instrument) or `stage.overlay` (a DOM stage) — anywhere inside the trial's\n * camera.\n */\nexport function TrialOverview(props: TrialOverviewProps) {\n  const camera = useContext(CameraContext);\n  if (!camera) return null;\n  return <Overview {...props} camera={camera} />;\n}\n\nfunction Overview({\n  width,\n  height,\n  render,\n  bounds,\n  title = 'Overview',\n  anchor = 'bottom-left',\n  persist,\n  className,\n  camera,\n}: TrialOverviewProps & { camera: CameraContextValue }) {\n  const size = useMemo(() => ({ width, height }), [width, height]);\n  const content = bounds ? toLocalRect(bounds, camera.frame) : camera.content;\n  const contentKey = content ? `${content.x},${content.y},${content.width},${content.height}` : '';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: `content` is rebuilt every render; its numbers, in `contentKey`, are what the fit depends on.\n  const fit = useMemo(\n    () => (content ? fitRect(content, size) : { x: 0, y: 0, scale: { x: 1, y: 1 } }),\n    [contentKey, size],\n  );\n  const boxRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <FloatingPanel\n      anchor={anchor}\n      className={className ? `lk-overview ${className}` : 'lk-overview'}\n      {...(persist ? { persist } : {})}\n    >\n      <div className=\"lk-overview__title\">{title}</div>\n      <div ref={boxRef} className=\"lk-overview__box\" data-no-drag style={boxVars(size)}>\n        {render && content ? (\n          <div className=\"lk-overview__content\" style={contentVars(fit, content)}>\n            {render({ size: { width: content.width, height: content.height } })}\n          </div>\n        ) : null}\n        {render ? null : <LayersCanvas fit={fit} size={size} frame={camera.frame} />}\n        <OverviewMarks fit={fit} camera={camera} />\n        <ChromeCanvas fit={fit} size={size} camera={camera} />\n        <OverviewInput boxRef={boxRef} fit={fit} camera={camera} />\n      </div>\n    </FloatingPanel>\n  );\n}\n\n// The box's size and the content's camera change with props, and a transform\n// has nowhere to live but the element's own style: set as custom properties\n// the stylesheet reads, as `<Stage>` does.\nfunction boxVars(size: ViewportSize): CSSProperties {\n  return {\n    ['--lk-overview-w' as string]: `${size.width}px`,\n    ['--lk-overview-h' as string]: `${size.height}px`,\n  } as CSSProperties;\n}\n\nfunction contentVars(fit: View, content: OverviewBounds): CSSProperties {\n  const s = fit.scale.x;\n  return {\n    ['--lk-overview-x' as string]: `${(content.x - fit.x) * s}px`,\n    ['--lk-overview-y' as string]: `${(content.y - fit.y) * s}px`,\n    ['--lk-overview-zoom' as string]: String(s),\n    ['--lk-overview-cw' as string]: `${content.width}px`,\n    ['--lk-overview-ch' as string]: `${content.height}px`,\n  } as CSSProperties;\n}\n\n/** A canvas instrument's layers, redrawn through the fit camera. */\nfunction LayersCanvas({ fit, size, frame }: { fit: View; size: ViewportSize; frame: WorldFrame }) {\n  const stack = useContext(CanvasStackContext);\n  const ref = useRef<HTMLCanvasElement | null>(null);\n  const layers = stack?.surface?.layers;\n  useLayoutEffect(() => {\n    const ctx = prepare(ref.current, size);\n    if (!ctx || !layers) return;\n    const local: WorldFrame = { originPx: { x: 0, y: 0 }, yDir: frame.yDir };\n    const view = fromCameraView(fit, local);\n    for (const layer of layers) {\n      if (!layer.visible || layer.id.startsWith('__lk_')) continue;\n      ctx.save();\n      layer.render(ctx, view, local);\n      ctx.restore();\n    }\n  }, [layers, fit, size, frame.yDir]);\n  return <canvas ref={ref} className=\"lk-overview__canvas\" />;\n}\n\n/** The visible-rect indicator and the linked crosshair. */\nfunction ChromeCanvas({\n  fit,\n  size,\n  camera,\n}: {\n  fit: View;\n  size: ViewportSize;\n  camera: CameraContextValue;\n}) {\n  const ref = useRef<HTMLCanvasElement | null>(null);\n  const pointer = usePointerPosition();\n  const root = camera.view.get();\n  const host = camera.view.hostSize?.() ?? null;\n  // No dependency list: this renders only when the pointer or the trial's\n  // camera moved, and either one moves the chrome.\n  useLayoutEffect(() => {\n    const ctx = prepare(ref.current, size);\n    if (!ctx) return;\n    const s = fit.scale.x;\n    const px = (x: number, y: number) => ({ x: (x - fit.x) * s, y: (y - fit.y) * s });\n    if (host) {\n      const a = px(root.x, root.y);\n      ctx.strokeStyle = cssVar(ref.current, '--wzl-fg', '#ffffff');\n      ctx.lineWidth = 1;\n      ctx.setLineDash([2, 3]);\n      ctx.strokeRect(\n        a.x + 0.5,\n        a.y + 0.5,\n        (host.width / root.scale.x) * s,\n        (host.height / root.scale.y) * s,\n      );\n      ctx.setLineDash([]);\n    }\n    const world = pointerElsewhere(pointer, OVERVIEW_VIEW_ID, camera.frame);\n    if (world) {\n      // Back to frame-local: the map is its own inverse.\n      const at = px(world.x, world.y * camera.frame.yDir);\n      const { halo, bars } = crosshairRects(at.x, at.y, 1);\n      ctx.fillStyle = 'rgb(0 0 0 / 60%)';\n      for (const r of halo) ctx.fillRect(r.x, r.y, r.w, r.h);\n      ctx.fillStyle = cssVar(ref.current, '--wzl-accent', '#4c8dff');\n      for (const r of bars) ctx.fillRect(r.x, r.y, r.w, r.h);\n    }\n  });\n  return <canvas ref={ref} className=\"lk-overview__canvas lk-overview__chrome\" />;\n}\n\n/**\n * The overview's input, on a dispatcher of its own: its actions and deps are\n * isolated from the trial's, its pointer store is shared with it.\n */\nfunction OverviewInput(props: {\n  boxRef: RefObject<HTMLDivElement | null>;\n  fit: View;\n  camera: CameraContextValue;\n}) {\n  return (\n    <DepRegistryProvider>\n      <ActionsProvider>\n        <ActiveToolContextProvider>\n          <OverviewDispatch {...props} />\n        </ActiveToolContextProvider>\n      </ActionsProvider>\n    </DepRegistryProvider>\n  );\n}\n\nfunction OverviewDispatch({\n  boxRef,\n  fit,\n  camera,\n}: {\n  boxRef: RefObject<HTMLDivElement | null>;\n  fit: View;\n  camera: CameraContextValue;\n}) {\n  const registry = useActionsRegistry();\n  const fitRef = useRef(fit);\n  fitRef.current = fit;\n  const root = camera.view;\n  useDepSource('rootView', () => root as ViewApi);\n\n  useEffect(() => {\n    if (!registry) return;\n    const offs = [registry.register(minimapCenterAction()), registry.register(minimapPanAction())];\n    return () => {\n      for (const off of offs) off();\n    };\n  }, [registry]);\n\n  const clientToLocal = useMemo(\n    () => (cx: number, cy: number) => {\n      const r = boxRef.current?.getBoundingClientRect();\n      const f = fitRef.current;\n      return {\n        x: (cx - (r?.left ?? 0)) / f.scale.x + f.x,\n        y: (cy - (r?.top ?? 0)) / f.scale.y + f.y,\n      };\n    },\n    [boxRef],\n  );\n\n  useGestureDispatcher({\n    canvasRef: boxRef,\n    // Always present: `OverviewInput` mounts the provider directly above.\n    actions: registry as NonNullable<typeof registry>,\n    toolsById: TOOLS_BY_ID,\n    clientToWorld: clientToLocal,\n    keyboard: false,\n    channels: CHANNELS,\n  });\n\n  usePublishPointer(boxRef, clientToLocal, camera.frame, OVERVIEW_VIEW_ID);\n\n  // The box sits inside the stage's element, whose own dispatcher, loupe and\n  // pointer publisher would otherwise take every event that bubbles out of it.\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) return;\n    const stop = (e: Event): void => e.stopPropagation();\n    const kinds = [\n      'pointerdown',\n      'pointermove',\n      'pointerup',\n      'click',\n      'wheel',\n      'dblclick',\n      'contextmenu',\n    ];\n    for (const k of kinds) el.addEventListener(k, stop);\n    return () => {\n      for (const k of kinds) el.removeEventListener(k, stop);\n    };\n  }, [boxRef]);\n\n  return null;\n}\n"]}
+{"version":3,"sources":["../../src/overview/OverviewMarks.tsx","../../src/overview/TrialOverview.tsx"],"names":["jsx","useEffect"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAS,WAAA,CAAY,IAAiB,MAAA,EAA8C;AAClF,EAAA,MAAM,IAAA,GAAO,OAAO,OAAA,EAAQ;AAC5B,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,CAAA,GAAI,GAAG,qBAAA,EAAsB;AACnC,EAAA,MAAM,CAAA,GAAI,KAAK,qBAAA,EAAsB;AACrC,EAAA,MAAM,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,GAAA,EAAI;AAC1B,EAAA,OAAO;AAAA,IACL,CAAA,EAAA,CAAI,EAAE,IAAA,GAAO,CAAA,CAAE,QAAQ,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA,CAAE,CAAA;AAAA,IACrC,CAAA,EAAA,CAAI,EAAE,GAAA,GAAM,CAAA,CAAE,OAAO,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA,CAAE,CAAA;AAAA,IACnC,CAAA,EAAG,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAA,CAAM,CAAA;AAAA,IACrB,CAAA,EAAG,CAAA,CAAE,MAAA,GAAS,CAAA,CAAE,KAAA,CAAM;AAAA,GACxB;AACF;AAIA,SAAS,UAAU,MAAA,EAAoC;AACrD,EAAA,OAAQ,MAAA,CAAmD,KAAK,OAAA,IAAW,IAAA;AAC7E;AAEA,SAAS,QAAA,CACP,GAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACQ;AACR,EAAA,MAAM,OAAA,GAAU,GAAA,CAAI,YAAA,CAAa,MAAM,CAAA;AACvC,EAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEjC,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,CAAA,GAAI,OAAA,CAAQ,CAAA,EAAG,KAAA,CAAM,CAAA,GAAI,OAAA,CAAQ,CAAC,CAAA,IAAK,CAAA;AAChE,EAAA,MAAM,QAAQ,OAAA,CAAQ,OAAA,CAAQ,CAAC,EAAE,MAAM,KAAA,EAAM,KAAM,YAAA,CAAa,IAAA,EAAM,OAAO,EAAE,CAAA,EAAG,GAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AAC5F,EAAA,OAAO,aAAa,KAAA,EAAO,EAAE,OAAA,EAAS,EAAE,GAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,QAAQ,CAAA,EAAG,MAAA,EAAQ,OAAA,CAAQ,CAAA,IAAK,CAAA;AAC7F;AAaO,SAAS,aAAA,CAAc,EAAE,GAAA,EAAK,MAAA,EAAO,EAAuB;AACjE,EAAA,MAAM,MAAM,sBAAA,EAAuB;AACnC,EAAA,MAAM,GAAG,MAAM,CAAA,GAAI,WAAW,CAAC,CAAA,KAAc,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA;AACrD,EAAA,SAAA,CAAU,MAAM,GAAA,EAAK,SAAA,CAAU,MAAM,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAC7C,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AACjB,EAAA,MAAM,CAAA,GAAI,IAAI,KAAA,CAAM,CAAA;AACpB,EAAA,uCAEK,QAAA,EAAA,GAAA,CAAI,OAAA,EAAQ,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM;AACxB,IAAA,MAAM,EAAA,GAAK,UAAU,CAAC,CAAA;AACtB,IAAA,MAAM,GAAA,GAAM,EAAA,GAAK,WAAA,CAAY,EAAA,EAAI,MAAM,CAAA,GAAI,IAAA;AAC3C,IAAA,MAAM,SAAS,GAAA,GAAM,QAAA,CAAS,KAAK,CAAA,CAAE,EAAA,EAAI,EAAE,OAAA,EAAS,EAAE,CAAA,EAAG,GAAA,CAAI,IAAI,CAAA,EAAG,CAAA,EAAG,IAAI,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,EAAA;AACtF,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC5B,IAAA,MAAM,KAAA,GAAQ;AAAA,MACZ,CAAC,kBAA4B,GAAG,CAAA,EAAA,CAAI,IAAI,CAAA,GAAI,GAAA,CAAI,KAAK,CAAC,CAAA,EAAA,CAAA;AAAA,MACtD,CAAC,kBAA4B,GAAG,CAAA,EAAA,CAAI,IAAI,CAAA,GAAI,GAAA,CAAI,KAAK,CAAC,CAAA,EAAA,CAAA;AAAA,MACtD,CAAC,kBAA4B,GAAG,CAAA,EAAG,GAAA,CAAI,IAAI,CAAC,CAAA,EAAA,CAAA;AAAA,MAC5C,CAAC,kBAA4B,GAAG,CAAA,EAAG,GAAA,CAAI,IAAI,CAAC,CAAA,EAAA;AAAA,KAC9C;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,oBAAA;AAAA,QACV,KAAA,EAAO,KAAA;AAAA,QACP,eAAa,CAAA,CAAE,EAAA;AAAA,QAEf,uBAAA,EAAyB,EAAE,MAAA,EAAQ,MAAA;AAAO,OAAA;AAAA,MALrC,CAAA,CAAE;AAAA,KAMT;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AClDO,IAAM,gBAAA,GAAmB;AAuChC,IAAM,OAAA,GAAU,CAAA;AAChB,IAAM,cAAA,GAAuB;AAAA,EAC3B,EAAA,EAAI,UAAA;AAAA,EACJ,WAAA,EAAa,EAAE,MAAA,EAAQ,IAAA,EAAK;AAAA,EAC5B,QAAA,EAAU;AAAA,IACR,EAAE,IAAA,EAAM,EAAE,MAAM,aAAA,EAAc,EAAG,UAAU,cAAA,EAAe;AAAA,IAC1D,EAAE,IAAA,EAAM,EAAE,MAAM,MAAA,EAAO,EAAG,UAAU,WAAA;AAAY;AAEpD,CAAA;AACA,IAAM,WAAA,uBAA6C,GAAA,CAAI,CAAC,CAAC,cAAA,CAAe,EAAA,EAAI,cAAc,CAAC,CAAC,CAAA;AAC5F,IAAM,QAAA,GAAW,EAAE,KAAA,EAAO,KAAA,EAAO,OAAO,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAM;AAGjF,SAAS,WAAA,CAAY,GAAmB,KAAA,EAAmC;AACzE,EAAA,IAAI,KAAA,CAAM,IAAA,KAAS,CAAA,EAAG,OAAO,CAAA;AAC7B,EAAA,OAAO,EAAE,CAAA,EAAG,CAAA,CAAE,CAAA,EAAG,GAAG,EAAE,CAAA,CAAE,CAAA,GAAI,CAAA,CAAE,SAAS,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,MAAA,EAAQ,EAAE,MAAA,EAAO;AAC1E;AAGA,SAAS,OAAA,CAAQ,MAAsB,IAAA,EAA0B;AAC/D,EAAA,MAAM,IAAI,IAAA,CAAK,GAAA;AAAA,IACb,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,GAAQ,CAAA,GAAI,OAAO,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,KAAA,EAAO,IAAI,CAAA;AAAA,IACjE,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,MAAA,GAAS,CAAA,GAAI,OAAO,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,MAAA,EAAQ,IAAI;AAAA,GACrE;AACA,EAAA,OAAO;AAAA,IACL,CAAA,EAAG,KAAK,CAAA,GAAI,IAAA,CAAK,QAAQ,CAAA,GAAI,IAAA,CAAK,SAAS,CAAA,GAAI,CAAA,CAAA;AAAA,IAC/C,CAAA,EAAG,KAAK,CAAA,GAAI,IAAA,CAAK,SAAS,CAAA,GAAI,IAAA,CAAK,UAAU,CAAA,GAAI,CAAA,CAAA;AAAA,IACjD,KAAA,EAAO,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA;AAAE,GACtB;AACF;AAGA,SAAS,OAAA,CACP,QACA,IAAA,EACiC;AACjC,EAAA,MAAM,GAAA,GAAM,MAAA,EAAQ,UAAA,CAAW,IAAI,CAAA,IAAK,IAAA;AACxC,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,GAAA,EAAK,OAAO,IAAA;AAC5B,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAA,IAAoB,CAAA;AACvC,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,QAAQ,GAAG,CAAA;AACrC,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAS,GAAG,CAAA;AACtC,EAAA,IAAI,MAAA,CAAO,KAAA,KAAU,CAAA,EAAG,MAAA,CAAO,KAAA,GAAQ,CAAA;AACvC,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,MAAA,CAAO,MAAA,GAAS,CAAA;AACzC,EAAA,GAAA,CAAI,aAAa,GAAA,EAAK,CAAA,EAAG,CAAA,EAAG,GAAA,EAAK,GAAG,CAAC,CAAA;AACrC,EAAA,GAAA,CAAI,UAAU,CAAA,EAAG,CAAA,EAAG,IAAA,CAAK,KAAA,EAAO,KAAK,MAAM,CAAA;AAC3C,EAAA,OAAO,GAAA;AACT;AAEA,SAAS,MAAA,CAAO,EAAA,EAAoB,IAAA,EAAc,QAAA,EAA0B;AAC1E,EAAA,IAAI,CAAC,IAAI,OAAO,QAAA;AAChB,EAAA,OAAO,iBAAiB,EAAE,CAAA,CAAE,iBAAiB,IAAI,CAAA,CAAE,MAAK,IAAK,QAAA;AAC/D;AAOO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,MAAA,GAAS,WAAW,aAAa,CAAA;AACvC,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AACpB,EAAA,uBAAOA,GAAAA,CAAC,QAAA,EAAA,EAAU,GAAG,OAAO,MAAA,EAAgB,CAAA;AAC9C;AAEA,SAAS,QAAA,CAAS;AAAA,EAChB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,MAAA,GAAS,aAAA;AAAA,EACT,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAwD;AACtD,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,OAAO,EAAE,KAAA,EAAO,QAAO,CAAA,EAAI,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAC/D,EAAA,MAAM,UAAU,MAAA,GAAS,WAAA,CAAY,QAAQ,MAAA,CAAO,KAAK,IAAI,MAAA,CAAO,OAAA;AAEpE,EAAA,MAAM,MAAA,GAAS,OAAA,KAAY,IAAA,IAAQ,OAAA,KAAY,MAAA;AAC/C,EAAA,MAAM,EAAE,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,CAAA,EAAG,KAAA,EAAO,CAAA,GAAI,CAAA,EAAG,MAAA,EAAQ,CAAA,GAAI,CAAA,EAAE,GAAI,WAAW,EAAC;AAClE,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,MACE,MAAA,GAAS,OAAA,CAAQ,EAAE,CAAA,EAAG,GAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAE,EAAG,IAAI,IAAI,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAE,EAAE;AAAA,IAC9F,CAAC,MAAA,EAAQ,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,IAAI;AAAA,GAC3B;AACA,EAAA,MAAM,MAAA,GAAS,OAA8B,IAAI,CAAA;AAEjD,EAAA,uBACE,IAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,SAAA,EAAW,SAAA,GAAY,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,GAAK,aAAA;AAAA,MACnD,GAAI,OAAA,GAAU,EAAE,OAAA,KAAY,EAAC;AAAA,MAE9B,QAAA,EAAA;AAAA,wBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAC3C,IAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,MAAA,EAAQ,SAAA,EAAU,kBAAA,EAAmB,cAAA,EAAY,IAAA,EAAC,KAAA,EAAO,OAAA,CAAQ,IAAI,CAAA,EAC5E,QAAA,EAAA;AAAA,UAAA,MAAA,IAAU,OAAA,mBACTA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAuB,KAAA,EAAO,WAAA,CAAY,GAAA,EAAK,OAAO,CAAA,EAClE,QAAA,EAAA,MAAA,CAAO,EAAE,IAAA,EAAM,EAAE,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA,EAAO,EAAG,CAAA,EACpE,CAAA,GACE,IAAA;AAAA,UACH,MAAA,GAAS,uBAAOA,GAAAA,CAAC,gBAAa,GAAA,EAAU,IAAA,EAAY,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,0BAC1EA,GAAAA,CAAC,aAAA,EAAA,EAAc,GAAA,EAAU,MAAA,EAAgB,CAAA;AAAA,0BACzCA,GAAAA,CAAC,YAAA,EAAA,EAAa,GAAA,EAAU,MAAY,MAAA,EAAgB,CAAA;AAAA,0BACpDA,GAAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAgB,KAAU,MAAA,EAAgB;AAAA,SAAA,EAC3D;AAAA;AAAA;AAAA,GACF;AAEJ;AAKA,SAAS,QAAQ,IAAA,EAAmC;AAClD,EAAA,OAAO;AAAA,IACL,CAAC,iBAA2B,GAAG,CAAA,EAAG,KAAK,KAAK,CAAA,EAAA,CAAA;AAAA,IAC5C,CAAC,iBAA2B,GAAG,CAAA,EAAG,KAAK,MAAM,CAAA,EAAA;AAAA,GAC/C;AACF;AAEA,SAAS,WAAA,CAAY,KAAW,OAAA,EAAwC;AACtE,EAAA,MAAM,CAAA,GAAI,IAAI,KAAA,CAAM,CAAA;AACpB,EAAA,OAAO;AAAA,IACL,CAAC,iBAA2B,GAAG,CAAA,EAAA,CAAI,QAAQ,CAAA,GAAI,GAAA,CAAI,KAAK,CAAC,CAAA,EAAA,CAAA;AAAA,IACzD,CAAC,iBAA2B,GAAG,CAAA,EAAA,CAAI,QAAQ,CAAA,GAAI,GAAA,CAAI,KAAK,CAAC,CAAA,EAAA,CAAA;AAAA,IACzD,CAAC,oBAA8B,GAAG,MAAA,CAAO,CAAC,CAAA;AAAA,IAC1C,CAAC,kBAA4B,GAAG,CAAA,EAAG,QAAQ,KAAK,CAAA,EAAA,CAAA;AAAA,IAChD,CAAC,kBAA4B,GAAG,CAAA,EAAG,QAAQ,MAAM,CAAA,EAAA;AAAA,GACnD;AACF;AAGA,SAAS,YAAA,CAAa,EAAE,GAAA,EAAK,IAAA,EAAM,OAAM,EAAyD;AAChG,EAAA,MAAM,KAAA,GAAQ,WAAW,kBAAkB,CAAA;AAC3C,EAAA,MAAM,GAAA,GAAM,OAAiC,IAAI,CAAA;AACjD,EAAA,MAAM,MAAA,GAAS,OAAO,OAAA,EAAS,MAAA;AAC/B,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,GAAA,CAAI,OAAA,EAAS,IAAI,CAAA;AACrC,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,MAAA,EAAQ;AACrB,IAAA,MAAM,KAAA,GAAoB,EAAE,QAAA,EAAU,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAE,EAAG,IAAA,EAAM,KAAA,CAAM,IAAA,EAAK;AACvE,IAAA,MAAM,IAAA,GAAO,cAAA,CAAe,GAAA,EAAK,KAAK,CAAA;AACtC,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,IAAW,MAAM,EAAA,CAAG,UAAA,CAAW,OAAO,CAAA,EAAG;AACpD,MAAA,GAAA,CAAI,IAAA,EAAK;AACT,MAAA,KAAA,CAAM,MAAA,CAAO,GAAA,EAAK,IAAA,EAAM,KAAK,CAAA;AAC7B,MAAA,GAAA,CAAI,OAAA,EAAQ;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAA,EAAQ,KAAK,IAAA,EAAM,KAAA,CAAM,IAAI,CAAC,CAAA;AAClC,EAAA,uBAAOA,GAAAA,CAAC,QAAA,EAAA,EAAO,GAAA,EAAU,WAAU,qBAAA,EAAsB,CAAA;AAC3D;AAGA,SAAS,YAAA,CAAa;AAAA,EACpB,GAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,GAAA,GAAM,OAAiC,IAAI,CAAA;AACjD,EAAA,MAAM,UAAU,kBAAA,EAAmB;AACnC,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,GAAA,EAAI;AAC7B,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,QAAA,IAAW,IAAK,IAAA;AAGzC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,GAAA,CAAI,OAAA,EAAS,IAAI,CAAA;AACrC,IAAA,IAAI,CAAC,GAAA,EAAK;AACV,IAAA,MAAM,CAAA,GAAI,IAAI,KAAA,CAAM,CAAA;AACpB,IAAA,MAAM,EAAA,GAAK,CAAC,CAAA,EAAW,CAAA,MAAe,EAAE,CAAA,EAAA,CAAI,CAAA,GAAI,GAAA,CAAI,CAAA,IAAK,CAAA,EAAG,CAAA,EAAA,CAAI,CAAA,GAAI,GAAA,CAAI,KAAK,CAAA,EAAE,CAAA;AAC/E,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAM,CAAA,GAAI,EAAA,CAAG,IAAA,CAAK,CAAA,EAAG,KAAK,CAAC,CAAA;AAC3B,MAAA,GAAA,CAAI,WAAA,GAAc,MAAA,CAAO,GAAA,CAAI,OAAA,EAAS,YAAY,SAAS,CAAA;AAC3D,MAAA,GAAA,CAAI,SAAA,GAAY,CAAA;AAChB,MAAA,GAAA,CAAI,WAAA,CAAY,CAAC,CAAA,EAAG,CAAC,CAAC,CAAA;AACtB,MAAA,GAAA,CAAI,UAAA;AAAA,QACF,EAAE,CAAA,GAAI,GAAA;AAAA,QACN,EAAE,CAAA,GAAI,GAAA;AAAA,QACL,IAAA,CAAK,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,CAAA,GAAK,CAAA;AAAA,QAC7B,IAAA,CAAK,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,CAAA,GAAK;AAAA,OACjC;AACA,MAAA,GAAA,CAAI,WAAA,CAAY,EAAE,CAAA;AAAA,IACpB;AACA,IAAA,MAAM,KAAA,GAAQ,gBAAA,CAAiB,OAAA,EAAS,gBAAA,EAAkB,OAAO,KAAK,CAAA;AACtE,IAAA,IAAI,KAAA,EAAO;AAET,MAAA,MAAM,EAAA,GAAK,GAAG,KAAA,CAAM,CAAA,EAAG,MAAM,CAAA,GAAI,MAAA,CAAO,MAAM,IAAI,CAAA;AAClD,MAAA,MAAM,EAAE,MAAM,IAAA,EAAK,GAAI,eAAe,EAAA,CAAG,CAAA,EAAG,EAAA,CAAG,CAAA,EAAG,CAAC,CAAA;AACnD,MAAA,GAAA,CAAI,SAAA,GAAY,kBAAA;AAChB,MAAA,KAAA,MAAW,CAAA,IAAK,IAAA,EAAM,GAAA,CAAI,QAAA,CAAS,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAC,CAAA;AACrD,MAAA,GAAA,CAAI,SAAA,GAAY,MAAA,CAAO,GAAA,CAAI,OAAA,EAAS,gBAAgB,SAAS,CAAA;AAC7D,MAAA,KAAA,MAAW,CAAA,IAAK,IAAA,EAAM,GAAA,CAAI,QAAA,CAAS,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAA,EAAG,CAAA,CAAE,CAAC,CAAA;AAAA,IACvD;AAAA,EACF,CAAC,CAAA;AACD,EAAA,uBAAOA,GAAAA,CAAC,QAAA,EAAA,EAAO,GAAA,EAAU,WAAU,yCAAA,EAA0C,CAAA;AAC/E;AAMA,SAAS,cAAc,KAAA,EAIpB;AACD,EAAA,uBACEA,GAAAA,CAAC,mBAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,mBACC,QAAA,kBAAAA,GAAAA,CAAC,yBAAA,EAAA,EACC,QAAA,kBAAAA,IAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,CAAA,EAC/B,GACF,CAAA,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,MAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,EAAA,MAAM,MAAA,GAAS,UAAU,GAAG,CAAA;AAC5B,EAAA,MAAM,OAAO,MAAA,CAAO,IAAA;AACpB,EAAA,YAAA,CAAa,UAAA,EAAY,MAAM,IAAe,CAAA;AAE9C,EAAAC,UAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,MAAM,IAAA,GAAO,CAAC,QAAA,CAAS,QAAA,CAAS,mBAAA,EAAqB,CAAA,EAAG,QAAA,CAAS,QAAA,CAAS,gBAAA,EAAkB,CAAC,CAAA;AAC7F,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,MAAW,GAAA,IAAO,MAAM,GAAA,EAAI;AAAA,IAC9B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,CAAC,EAAA,EAAY,EAAA,KAAe;AAChC,MAAA,MAAM,CAAA,GAAI,MAAA,CAAO,OAAA,EAAS,qBAAA,EAAsB;AAChD,MAAA,MAAM,IAAI,MAAA,CAAO,OAAA;AACjB,MAAA,OAAO;AAAA,QACL,CAAA,EAAA,CAAI,MAAM,CAAA,EAAG,IAAA,IAAQ,MAAM,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA,CAAE,CAAA;AAAA,QACzC,CAAA,EAAA,CAAI,MAAM,CAAA,EAAG,GAAA,IAAO,MAAM,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA,CAAE;AAAA,OAC1C;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ,MAAM;AAAA,GACjB;AAEA,EAAA,oBAAA,CAAqB;AAAA,IACnB,SAAA,EAAW,MAAA;AAAA;AAAA,IAEX,OAAA,EAAS,QAAA;AAAA,IACT,WAAA,EAAa,WAAA;AAAA,IACb,aAAA,EAAe,aAAA;AAAA,IACf,QAAA,EAAU,KAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,iBAAA,CAAkB,MAAA,EAAQ,aAAA,EAAe,MAAA,CAAO,KAAA,EAAO,gBAAgB,CAAA;AAIvE,EAAAA,UAAU,MAAM;AACd,IAAA,MAAM,KAAK,MAAA,CAAO,OAAA;AAClB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,MAAM,IAAA,GAAO,CAAC,CAAA,KAAmB,CAAA,CAAE,eAAA,EAAgB;AACnD,IAAA,MAAM,KAAA,GAAQ;AAAA,MACZ,aAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,KAAA,MAAW,CAAA,IAAK,KAAA,EAAO,EAAA,CAAG,gBAAA,CAAiB,GAAG,IAAI,CAAA;AAClD,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,MAAW,CAAA,IAAK,KAAA,EAAO,EAAA,CAAG,mBAAA,CAAoB,GAAG,IAAI,CAAA;AAAA,IACvD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,OAAO,IAAA;AACT","file":"index.js","sourcesContent":["/**\n * Every annotation target's marks, drawn read-only on the overview through the\n * export's own vector path: `markSvgNodes`, then `serializeSvg` — synchronous\n * with no `warmSvg`, since marks export nothing that loads on demand.\n */\nimport type { View } from '@weasel-js/core';\nimport { serializeSvg } from '@weasel-js/svg';\nimport { type CSSProperties, type RefObject, useEffect, useReducer } from 'react';\nimport { useAnnotationsOptional } from '../annotations/AnnotationsContext';\nimport { markSvgNodes } from '../annotations/svgNodes';\nimport type { AnnotationsApi } from '../annotations/types';\nimport type { CameraContextValue } from '../canvas/CameraInput';\n\n/** A target's box, in the camera's frame-local units. */\ninterface LocalRect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\n/** Where `el` sits in the camera's frame-local units: its screen rect,\n *  measured against the camera's element, through the camera. */\nfunction localRectOf(el: HTMLElement, camera: CameraContextValue): LocalRect | null {\n  const host = camera.element();\n  if (!host) return null;\n  const r = el.getBoundingClientRect();\n  const h = host.getBoundingClientRect();\n  const v = camera.view.get();\n  return {\n    x: (r.left - h.left) / v.scale.x + v.x,\n    y: (r.top - h.top) / v.scale.y + v.y,\n    w: r.width / v.scale.x,\n    h: r.height / v.scale.y,\n  };\n}\n\n/** The element a target's marks sit on. The capability's targets carry their\n *  `ref`; the store's type names only the half it reads. */\nfunction elementOf(target: object): HTMLElement | null {\n  return (target as { ref?: RefObject<HTMLElement | null> }).ref?.current ?? null;\n}\n\nfunction markupOf(\n  api: AnnotationsApi,\n  target: string,\n  content: { w: number; h: number },\n  shown: { w: number; h: number },\n): string {\n  const painted = api.paintedMarks(target);\n  if (painted.length === 0) return '';\n  // The document is shown at `shown` px, fitted like any SVG viewBox.\n  const k = Math.min(shown.w / content.w, shown.h / content.h) || 1;\n  const nodes = painted.flatMap(({ mark, style }) => markSvgNodes(mark, style, { x: k, y: k }));\n  return serializeSvg(nodes, { viewBox: { x: 0, y: 0, width: content.w, height: content.h } });\n}\n\n/** Props for `<OverviewMarks>`. */\nexport interface OverviewMarksProps {\n  fit: View;\n  camera: CameraContextValue;\n}\n\n/**\n * The marks of every target in the annotations store in scope, placed where\n * each target's element sits on the stage. Draws nothing outside an annotating\n * trial, and takes no input.\n */\nexport function OverviewMarks({ fit, camera }: OverviewMarksProps) {\n  const api = useAnnotationsOptional();\n  const [, redraw] = useReducer((n: number) => n + 1, 0);\n  useEffect(() => api?.subscribe(redraw), [api]);\n  if (!api) return null;\n  const s = fit.scale.x;\n  return (\n    <>\n      {api.targets().map((t) => {\n        const el = elementOf(t);\n        const box = el ? localRectOf(el, camera) : null;\n        const markup = box ? markupOf(api, t.id, t.content, { w: box.w * s, h: box.h * s }) : '';\n        if (!box || !markup) return null;\n        const place = {\n          ['--lk-overview-mx' as string]: `${(box.x - fit.x) * s}px`,\n          ['--lk-overview-my' as string]: `${(box.y - fit.y) * s}px`,\n          ['--lk-overview-mw' as string]: `${box.w * s}px`,\n          ['--lk-overview-mh' as string]: `${box.h * s}px`,\n        } as CSSProperties;\n        return (\n          <div\n            key={t.id}\n            className=\"lk-overview__marks\"\n            style={place}\n            data-target={t.id}\n            // biome-ignore lint/security/noDangerouslySetInnerHtml: the export's SVG serializer is the one vector path marks have; re-deriving React nodes would be a second.\n            dangerouslySetInnerHTML={{ __html: markup }}\n          />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * `<TrialOverview>` — the whole of a trial's content at a glance, in a panel\n * that floats over the stage: the visible rect, a crosshair where the pointer\n * is on the stage, and a press or drag that moves the stage's camera there.\n *\n * It is the labkit form of core's minimap contribution: the same\n * `minimap.center` / `minimap.pan` actions, run on a dispatcher of its own with\n * the trial's camera as `rootView`, and the same crosshair geometry.\n */\nimport {\n  ActionsProvider,\n  ActiveToolContextProvider,\n  crosshairRects,\n  DepRegistryProvider,\n  MINIMAP_CENTER,\n  MINIMAP_PAN,\n  minimapCenterAction,\n  minimapPanAction,\n  type Tool,\n  useActionsRegistry,\n  useDepSource,\n  useGestureDispatcher,\n  useLatest,\n  usePointerPosition,\n  type View,\n  type ViewApi,\n} from '@weasel-js/core';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  CameraContext,\n  type CameraContextValue,\n  pointerElsewhere,\n  usePublishPointer,\n} from '../canvas/CameraInput';\nimport { CanvasStackContext } from '../canvas/CanvasStackContext';\nimport { fromCameraView } from '../canvas/cameraView';\nimport type { ViewportSize, WorldFrame } from '../canvas/worldSpec';\nimport { FloatingPanel, type FloatingPanelProps } from '../primitives/FloatingPanel';\nimport { OverviewMarks } from './OverviewMarks';\n\n/** The view id the overview publishes its pointer under. */\nexport const OVERVIEW_VIEW_ID = 'overview';\n\n/** A rect in the instrument's world. */\nexport interface OverviewBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/** What an overview's `render` is handed. */\nexport interface OverviewRenderArgs {\n  /** The content's own size in CSS pixels, at zoom 1 — lay out at this size\n   *  and the overview scales it to fit. */\n  size: ViewportSize;\n}\n\n/** Props for `<TrialOverview>`. */\nexport interface TrialOverviewProps {\n  /** The overview box, in CSS pixels. */\n  width: number;\n  height: number;\n  /**\n   * DOM content for the overview, laid out at the content's own size — for a\n   * `stage` instrument, typically a lighter copy of what its `render` draws.\n   * Never the instrument's own `render`: its effects would run twice. A canvas\n   * instrument omits it, and the overview redraws the canvas's layers.\n   */\n  render?: (args: OverviewRenderArgs) => ReactNode;\n  /** What to frame, in the instrument's world. Defaults to a stage's content\n   *  rect; a canvas instrument, whose world has no edge, names one. */\n  bounds?: OverviewBounds;\n  /** Panel title. */\n  title?: string;\n  anchor?: FloatingPanelProps['anchor'];\n  persist?: string;\n  className?: string;\n}\n\nconst PADDING = 6;\nconst OVERVIEW_INPUT: Tool = {\n  id: 'overview',\n  eligibility: { always: true },\n  bindings: [\n    { spec: { kind: 'pointerDown' }, actionId: MINIMAP_CENTER },\n    { spec: { kind: 'drag' }, actionId: MINIMAP_PAN },\n  ],\n};\nconst TOOLS_BY_ID: ReadonlyMap<string, Tool> = new Map([[OVERVIEW_INPUT.id, OVERVIEW_INPUT]]);\nconst CHANNELS = { wheel: false, pinch: false, contextMenu: false, ingest: false } as const;\n\n/** A world rect as a frame-local one. */\nfunction toLocalRect(b: OverviewBounds, frame: WorldFrame): OverviewBounds {\n  if (frame.yDir === 1) return b;\n  return { x: b.x, y: -(b.y + b.height), width: b.width, height: b.height };\n}\n\n/** The camera that fits `rect` into `size`, `PADDING` in from every edge. */\nfunction fitRect(rect: OverviewBounds, size: ViewportSize): View {\n  const s = Math.min(\n    Math.max(1, size.width - 2 * PADDING) / Math.max(rect.width, 1e-9),\n    Math.max(1, size.height - 2 * PADDING) / Math.max(rect.height, 1e-9),\n  );\n  return {\n    x: rect.x + rect.width / 2 - size.width / (2 * s),\n    y: rect.y + rect.height / 2 - size.height / (2 * s),\n    scale: { x: s, y: s },\n  };\n}\n\n/** A canvas's 2D context sized to `size` at the device pixel ratio. */\nfunction prepare(\n  canvas: HTMLCanvasElement | null,\n  size: ViewportSize,\n): CanvasRenderingContext2D | null {\n  const ctx = canvas?.getContext('2d') ?? null;\n  if (!canvas || !ctx) return null;\n  const dpr = window.devicePixelRatio || 1;\n  const w = Math.round(size.width * dpr);\n  const h = Math.round(size.height * dpr);\n  if (canvas.width !== w) canvas.width = w;\n  if (canvas.height !== h) canvas.height = h;\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  ctx.clearRect(0, 0, size.width, size.height);\n  return ctx;\n}\n\nfunction cssVar(el: Element | null, name: string, fallback: string): string {\n  if (!el) return fallback;\n  return getComputedStyle(el).getPropertyValue(name).trim() || fallback;\n}\n\n/**\n * A trial's overview. Mount it from an instrument's `render` (a canvas\n * instrument) or `stage.overlay` (a DOM stage) — anywhere inside the trial's\n * camera.\n */\nexport function TrialOverview(props: TrialOverviewProps) {\n  const camera = useContext(CameraContext);\n  if (!camera) return null;\n  return <Overview {...props} camera={camera} />;\n}\n\nfunction Overview({\n  width,\n  height,\n  render,\n  bounds,\n  title = 'Overview',\n  anchor = 'bottom-left',\n  persist,\n  className,\n  camera,\n}: TrialOverviewProps & { camera: CameraContextValue }) {\n  const size = useMemo(() => ({ width, height }), [width, height]);\n  const content = bounds ? toLocalRect(bounds, camera.frame) : camera.content;\n  // `content` is rebuilt every render, so the fit keys on its numbers.\n  const framed = content !== null && content !== undefined;\n  const { x = 0, y = 0, width: w = 0, height: h = 0 } = content ?? {};\n  const fit = useMemo(\n    () =>\n      framed ? fitRect({ x, y, width: w, height: h }, size) : { x: 0, y: 0, scale: { x: 1, y: 1 } },\n    [framed, x, y, w, h, size],\n  );\n  const boxRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <FloatingPanel\n      anchor={anchor}\n      className={className ? `lk-overview ${className}` : 'lk-overview'}\n      {...(persist ? { persist } : {})}\n    >\n      <div className=\"lk-overview__title\">{title}</div>\n      <div ref={boxRef} className=\"lk-overview__box\" data-no-drag style={boxVars(size)}>\n        {render && content ? (\n          <div className=\"lk-overview__content\" style={contentVars(fit, content)}>\n            {render({ size: { width: content.width, height: content.height } })}\n          </div>\n        ) : null}\n        {render ? null : <LayersCanvas fit={fit} size={size} frame={camera.frame} />}\n        <OverviewMarks fit={fit} camera={camera} />\n        <ChromeCanvas fit={fit} size={size} camera={camera} />\n        <OverviewInput boxRef={boxRef} fit={fit} camera={camera} />\n      </div>\n    </FloatingPanel>\n  );\n}\n\n// The box's size and the content's camera change with props, and a transform\n// has nowhere to live but the element's own style: set as custom properties\n// the stylesheet reads, as `<Stage>` does.\nfunction boxVars(size: ViewportSize): CSSProperties {\n  return {\n    ['--lk-overview-w' as string]: `${size.width}px`,\n    ['--lk-overview-h' as string]: `${size.height}px`,\n  } as CSSProperties;\n}\n\nfunction contentVars(fit: View, content: OverviewBounds): CSSProperties {\n  const s = fit.scale.x;\n  return {\n    ['--lk-overview-x' as string]: `${(content.x - fit.x) * s}px`,\n    ['--lk-overview-y' as string]: `${(content.y - fit.y) * s}px`,\n    ['--lk-overview-zoom' as string]: String(s),\n    ['--lk-overview-cw' as string]: `${content.width}px`,\n    ['--lk-overview-ch' as string]: `${content.height}px`,\n  } as CSSProperties;\n}\n\n/** A canvas instrument's layers, redrawn through the fit camera. */\nfunction LayersCanvas({ fit, size, frame }: { fit: View; size: ViewportSize; frame: WorldFrame }) {\n  const stack = useContext(CanvasStackContext);\n  const ref = useRef<HTMLCanvasElement | null>(null);\n  const layers = stack?.surface?.layers;\n  useLayoutEffect(() => {\n    const ctx = prepare(ref.current, size);\n    if (!ctx || !layers) return;\n    const local: WorldFrame = { originPx: { x: 0, y: 0 }, yDir: frame.yDir };\n    const view = fromCameraView(fit, local);\n    for (const layer of layers) {\n      if (!layer.visible || layer.id.startsWith('__lk_')) continue;\n      ctx.save();\n      layer.render(ctx, view, local);\n      ctx.restore();\n    }\n  }, [layers, fit, size, frame.yDir]);\n  return <canvas ref={ref} className=\"lk-overview__canvas\" />;\n}\n\n/** The visible-rect indicator and the linked crosshair. */\nfunction ChromeCanvas({\n  fit,\n  size,\n  camera,\n}: {\n  fit: View;\n  size: ViewportSize;\n  camera: CameraContextValue;\n}) {\n  const ref = useRef<HTMLCanvasElement | null>(null);\n  const pointer = usePointerPosition();\n  const root = camera.view.get();\n  const host = camera.view.hostSize?.() ?? null;\n  // No dependency list: this renders only when the pointer or the trial's\n  // camera moved, and either one moves the chrome.\n  useLayoutEffect(() => {\n    const ctx = prepare(ref.current, size);\n    if (!ctx) return;\n    const s = fit.scale.x;\n    const px = (x: number, y: number) => ({ x: (x - fit.x) * s, y: (y - fit.y) * s });\n    if (host) {\n      const a = px(root.x, root.y);\n      ctx.strokeStyle = cssVar(ref.current, '--wzl-fg', '#ffffff');\n      ctx.lineWidth = 1;\n      ctx.setLineDash([2, 3]);\n      ctx.strokeRect(\n        a.x + 0.5,\n        a.y + 0.5,\n        (host.width / root.scale.x) * s,\n        (host.height / root.scale.y) * s,\n      );\n      ctx.setLineDash([]);\n    }\n    const world = pointerElsewhere(pointer, OVERVIEW_VIEW_ID, camera.frame);\n    if (world) {\n      // Back to frame-local: the map is its own inverse.\n      const at = px(world.x, world.y * camera.frame.yDir);\n      const { halo, bars } = crosshairRects(at.x, at.y, 1);\n      ctx.fillStyle = 'rgb(0 0 0 / 60%)';\n      for (const r of halo) ctx.fillRect(r.x, r.y, r.w, r.h);\n      ctx.fillStyle = cssVar(ref.current, '--wzl-accent', '#4c8dff');\n      for (const r of bars) ctx.fillRect(r.x, r.y, r.w, r.h);\n    }\n  });\n  return <canvas ref={ref} className=\"lk-overview__canvas lk-overview__chrome\" />;\n}\n\n/**\n * The overview's input, on a dispatcher of its own: its actions and deps are\n * isolated from the trial's, its pointer store is shared with it.\n */\nfunction OverviewInput(props: {\n  boxRef: RefObject<HTMLDivElement | null>;\n  fit: View;\n  camera: CameraContextValue;\n}) {\n  return (\n    <DepRegistryProvider>\n      <ActionsProvider>\n        <ActiveToolContextProvider>\n          <OverviewDispatch {...props} />\n        </ActiveToolContextProvider>\n      </ActionsProvider>\n    </DepRegistryProvider>\n  );\n}\n\nfunction OverviewDispatch({\n  boxRef,\n  fit,\n  camera,\n}: {\n  boxRef: RefObject<HTMLDivElement | null>;\n  fit: View;\n  camera: CameraContextValue;\n}) {\n  const registry = useActionsRegistry();\n  const fitRef = useLatest(fit);\n  const root = camera.view;\n  useDepSource('rootView', () => root as ViewApi);\n\n  useEffect(() => {\n    if (!registry) return;\n    const offs = [registry.register(minimapCenterAction()), registry.register(minimapPanAction())];\n    return () => {\n      for (const off of offs) off();\n    };\n  }, [registry]);\n\n  const clientToLocal = useMemo(\n    () => (cx: number, cy: number) => {\n      const r = boxRef.current?.getBoundingClientRect();\n      const f = fitRef.current;\n      return {\n        x: (cx - (r?.left ?? 0)) / f.scale.x + f.x,\n        y: (cy - (r?.top ?? 0)) / f.scale.y + f.y,\n      };\n    },\n    [boxRef, fitRef],\n  );\n\n  useGestureDispatcher({\n    canvasRef: boxRef,\n    // Always present: `OverviewInput` mounts the provider directly above.\n    actions: registry as NonNullable<typeof registry>,\n    entriesById: TOOLS_BY_ID,\n    clientToWorld: clientToLocal,\n    keyboard: false,\n    channels: CHANNELS,\n  });\n\n  usePublishPointer(boxRef, clientToLocal, camera.frame, OVERVIEW_VIEW_ID);\n\n  // The box sits inside the stage's element, whose own dispatcher, loupe and\n  // pointer publisher would otherwise take every event that bubbles out of it.\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) return;\n    const stop = (e: Event): void => e.stopPropagation();\n    const kinds = [\n      'pointerdown',\n      'pointermove',\n      'pointerup',\n      'click',\n      'wheel',\n      'dblclick',\n      'contextmenu',\n    ];\n    for (const k of kinds) el.addEventListener(k, stop);\n    return () => {\n      for (const k of kinds) el.removeEventListener(k, stop);\n    };\n  }, [boxRef]);\n\n  return null;\n}\n"]}

package/dist/passthrough/weasel-canvas.d.ts

@@ -1 +1,3 @@
 export { ComputeFitViewOptions, FALLBACK_FIT_VIEW, IndicatorStyle, MinimapCanvas, MinimapCanvasProps, MinimapFit, SceneViewCanvas, SceneViewCanvasProps, SceneViewDrawOne, buildSceneViewCommands, computeFitView, computeIndicatorCommand, renderSceneToCanvas } from '@weasel-js/core';
+import '@weasel-js/quantity';
+import '@weasel-js/ui';