@weasel-js/labkit 1.6.0 → 1.6.1

package/dist/index.js

@@ -1,48 +1,58 @@
-import { resolveLoupe, TrialLoupe } from './chunk-ERFMC6WU.js';
-export { CanvasLoupe, DomLoupe, LOUPE_DEFAULTS, LOUPE_MAGNIFY_ID, LOUPE_PEEK_ID, LoupeBubble, LoupeGestures, TrialLoupe, createLoupeActions, drawCanvasLens, lensCamera, lensSourceRect, resolveLoupe, sampleStack, useLoupe } from './chunk-ERFMC6WU.js';
+import { resolveLoupe, TrialLoupe } from './chunk-S4NCI32V.js';
+export { CanvasLoupe, DomLoupe, LOUPE_DEFAULTS, LOUPE_MAGNIFY_ID, LOUPE_PEEK_ID, LoupeBubble, LoupeGestures, TrialLoupe, createLoupeActions, drawCanvasLens, lensCamera, lensSourceRect, resolveLoupe, sampleStack, useLoupe } from './chunk-S4NCI32V.js';
 import { createEventBus, pushSnapshot, redo, undo } from './chunk-RL2LOLNI.js';
 export { clearUndo, createEventBus, emptyStack, pushSnapshot, redo, undo } from './chunk-RL2LOLNI.js';
-import { useDragDrop, DragOverlay, Palette } from './chunk-RS3HRQWU.js';
+import { useDragDrop, DragOverlay, Palette } from './chunk-WPLAANH4.js';
 import { useTiledSurface } from './chunk-IJJUK4FU.js';
 export { composeRects, rectsEqual, toDeviceRect, useTiledSurface } from './chunk-IJJUK4FU.js';
 import { useJob } from './chunk-HXXTULDN.js';
 export { useJob } from './chunk-HXXTULDN.js';
-import { suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, resolveLabTool, AnnotationsContext, useLabChromeContext, labContributions, LabHeaderRegion, LabFooterRegion, LabAsideRegion, LabSidebarRegion } from './chunk-H5VIV7MQ.js';
-export { AnnotationsContext, ExportMenu, LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useAnnotations, useAnnotationsOptional, useLabChromeContext } from './chunk-H5VIV7MQ.js';
-import { Split, JobProgress, Legend, FloatingPanel } from './chunk-ZORVNOKX.js';
-export { FloatingPanel, JobProgress, Legend, Split } from './chunk-ZORVNOKX.js';
-import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-3FI7Y4R4.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-3FI7Y4R4.js';
+import { markCommands, markSvgNodes } from './chunk-KHK5FGER.js';
+export { markCommands, markSvgNodes } from './chunk-KHK5FGER.js';
+import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, resolveLabTool, useLabChromeContext, labContributions, labAnnotationTools, LabHeaderRegion, LabFooterRegion, LabAsideRegion, LabSidebarRegion } from './chunk-4TT3PNPR.js';
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, ExportMenu, LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useLabChromeContext } from './chunk-4TT3PNPR.js';
+import { AnnotationsContext } from './chunk-3RY6WL5T.js';
+export { AnnotationsContext, useAnnotations, useAnnotationsOptional } from './chunk-3RY6WL5T.js';
+import { Split, JobProgress, Legend } from './chunk-6FLXL3I7.js';
+export { JobProgress, Legend, Split } from './chunk-6FLXL3I7.js';
+import { FloatingPanel } from './chunk-NEXR37YJ.js';
+export { FloatingPanel } from './chunk-NEXR37YJ.js';
+import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-SLAQPUI4.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-SLAQPUI4.js';
 import './chunk-SBXNQW4G.js';
-import { unruledConfigSchema, createLabStore, openLabStore, panelKey } from './chunk-MOLIUNVH.js';
-export { CURRENT_DOCUMENT_VERSION, dockPanel, labDocumentKey, openLabStore, panelKey, quarantineKey, undockPanel, useTrialState } from './chunk-MOLIUNVH.js';
+import { unruledConfigSchema, createLabStore, openLabStore, panelKey } from './chunk-HKV7LRHY.js';
+export { CURRENT_DOCUMENT_VERSION, dockPanel, labDocumentKey, openLabStore, panelKey, quarantineKey, undockPanel, useTrialState } from './chunk-HKV7LRHY.js';
 import { newId, useWarnIgnoredChange, useOpenOnce, PersistenceContext, createRecordCache, noneAdapter, defaultStorage, usePersistedState } from './chunk-RWNDDKOH.js';
 export { Persistence, createIndexedDbAdapter, createMemoryAdapter, indexedDbAdapter, localStorageAdapter, noneAdapter, sessionStorageAdapter, urlHashAdapter, usePersistedState } from './chunk-RWNDDKOH.js';
-export { ControlPanel } from './chunk-HFRE4QQV.js';
-import { useConfigSchema } from './chunk-USO6TERP.js';
-export { sectionTree, useConfigSchema } from './chunk-USO6TERP.js';
+export { ControlPanel, inDialog, summarizeValue } from './chunk-ASOK76ZH.js';
+import { useConfigSchema } from './chunk-GHGO52SO.js';
+export { sectionTree, useConfigSchema } from './chunk-GHGO52SO.js';
 import { useLabContext, LabContext } from './chunk-Z76KEZAX.js';
 export { LabContext, useLabContext } from './chunk-Z76KEZAX.js';
-import { useResolvedConfig } from './chunk-BVL7Y574.js';
-export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, ListNode, NumberNode, StringNode, ValueNode, applyRules, builtinRules, f, isConfigBranch, resolveConfigSchema, titleCase, useResolvedConfig } from './chunk-BVL7Y574.js';
-export { fromConfigFields, isLeafVisible } from './chunk-VQ47KWD5.js';
-import { hasConfigPath, schemaNodeAtPath, applyConfigWrite, resolveAutoConfig, isAuto, isRecord, autoPathsOf, fillConfigDefaults } from './chunk-AWH3SRPW.js';
-export { auto, autoPathsOf, fillConfigDefaults, hasConfigPath, inDialog, isAuto, resolveAutoConfig, schemaNodeAtPath, summarizeValue, valueAtPath, withValueAtPath } from './chunk-AWH3SRPW.js';
-import { CameraWheelContext, as2DView, DEFAULT_VIEW, CanvasStack, Stage, withZoom, fitStage } from './chunk-TT5C5S6R.js';
-export { CanvasStack, DEFAULT_VIEW, Stage, as2DView, fitStage, usePanZoom } from './chunk-TT5C5S6R.js';
-export { centerOn, zoomAt } from './chunk-H6ZAOWNE.js';
-import { applyCamera } from './chunk-2AYGEN57.js';
-export { DEFAULT_FRAME, applyCamera, resolveFrame, screenToWorld, worldToScreen } from './chunk-2AYGEN57.js';
+import { useResolvedConfig } from './chunk-O6FFFOHS.js';
+export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, ListNode, NumberNode, StringNode, ValueNode, applyRules, builtinRules, f, isConfigBranch, resolveConfigSchema, titleCase, useResolvedConfig } from './chunk-O6FFFOHS.js';
+export { fromConfigFields, isLeafVisible } from './chunk-IRTGUQ5O.js';
+import { hasConfigPath, schemaNodeAtPath, applyConfigWrite, resolveAutoConfig, isAuto, isRecord, autoPathsOf, fillConfigDefaults } from './chunk-TJ77A4A3.js';
+export { auto, autoPathsOf, fillConfigDefaults, hasConfigPath, isAuto, resolveAutoConfig, schemaNodeAtPath, valueAtPath, withValueAtPath } from './chunk-TJ77A4A3.js';
+import { CanvasStack, Stage, fitStage } from './chunk-CGHF6RZV.js';
+export { CanvasStack, Stage, fitStage } from './chunk-CGHF6RZV.js';
+export { centerOn, zoomAt } from './chunk-JVBYV6TL.js';
+export { screenToWorld, worldToScreen } from './chunk-AWQG7FCC.js';
 import { useSurfaceOptional, useSurfaceCanvas, useTileId, SurfaceContext, SurfaceCanvasContext } from './chunk-WIG6XHJ7.js';
 export { SurfaceCanvasContext, SurfaceContext, useSurface, useSurfaceCanvas, useSurfaceOptional, useSurfaceTile, useTileId } from './chunk-WIG6XHJ7.js';
+import { CameraWheelContext, as2DView, DEFAULT_VIEW, CameraScopeContext, withZoom } from './chunk-DWMSB4CA.js';
+export { CameraContext, CameraInput, CameraScope, DEFAULT_VIEW, as2DView } from './chunk-DWMSB4CA.js';
+import { applyCamera } from './chunk-24W5VEJW.js';
+export { DEFAULT_FRAME, applyCamera, resolveFrame } from './chunk-24W5VEJW.js';
 import { CanvasStackContext } from './chunk-CQLQPQ4P.js';
 export { CanvasStackContext } from './chunk-CQLQPQ4P.js';
 import { LabStoreContext, TrialIdProvider, TrialIdContext } from './chunk-2YILQ7Y5.js';
 export { LabStoreContext, LabStoreProvider, TrialIdContext, TrialIdProvider, useLabStore, useTrialId } from './chunk-2YILQ7Y5.js';
 import './chunk-2RVCB2PT.js';
-import { y, I, A, T, i2, P, m, H, serializeSvg, D, S2, oe, d2, s3, c, Ht, o2, a6, l5, u5, a5, r3, a7, i3, o4, s6, c5, l7, p, f2, u4, g, T2, y2, l8, b, c6, i4, l4, C, S, ae, oe2, B, b2, A2, n6, s5, m4, l2, u, g2, u3, S4, r4, n7, r5, i5, p2, f, n8, o3, c3, c4, w, L, n9, k, $2 } from './chunk-WUJXJC5O.js';
-export { c as Button, re as CloseIcon, Pe as CollapseIcon, _ as CurveField, Fe as ExpandIcon, l as Icon, u4 as Input, l9 as Jog, D as LayerList, ge as PauseIcon, he as PlayIcon, V as PropertyControl, B as PropertyField, b2 as PropertyGroup, oe2 as PropertyList, ae as PropertyPanel, L3 as PropertyRow, se as PropertySpan, Z as ResetIcon, T2 as Select, ve as StepBackIcon, $ as StepForwardIcon, _e as StopIcon, x as Subpanel, a5 as ToggleBar, oe3 as TokenPanel, H2 as inferTokenType, S2 as moveLayers, O as refitScale } from './chunk-WUJXJC5O.js';
-import { textCommand, ellipsePath, linePath, markerDrawCommands, rectPath, createScene, asNodeId as asNodeId$1, WeaselProvider, SceneCanvas, sceneFromJSON, PathBuilder, renderSceneToPixels, useActiveToolContext } from '@weasel-js/core';
+import { D, S2, G, d2, s3, c, Ht, o3, a6, l5, u5, a5, r3, a7, i2, o5, s6, c5, l7, p, f2, u4, g, T, y2, l8, y, c6, i3, l4, C2, S, ae2, oe, B2, b2, A2, n6, s5, m3, l2, u, g2, u3, S4, r4, n7, r5, i4, p2, f, n8, o4, c3, c4, w, L, n9, k2, $2 } from './chunk-TYN6MLXX.js';
+export { c as Button, V as CloseIcon, xe as CollapseIcon, _ as CurveField, Se as ExpandIcon, l as Icon, u4 as Input, l9 as Jog, D as LayerList, re as PauseIcon, ne as PlayIcon, V2 as PropertyControl, B2 as PropertyField, b2 as PropertyGroup, oe as PropertyList, ae2 as PropertyPanel, L3 as PropertyRow, se as PropertySpan, B as ResetIcon, T as Select, ae as StepBackIcon, $ as StepForwardIcon, ie as StopIcon, x as Subpanel, a5 as ToggleBar, oe2 as TokenPanel, H2 as inferTokenType, S2 as moveLayers, O2 as refitScale } from './chunk-TYN6MLXX.js';
+import { serializeSvg } from './chunk-QGMOA2YE.js';
+import { createScene, asNodeId as asNodeId$1, WeaselProvider, SceneCanvas, createPointerStore, PointerContextProvider, sceneFromJSON, renderSceneToPixels, useActiveToolContext } from '@weasel-js/core';
 import { createContext, useState, useRef, useEffect, useCallback, useContext, useMemo, useId, Children, useLayoutEffect, useSyncExternalStore } from 'react';
 import { flushSync, createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -53,94 +63,6 @@ import { Provider, StrategyRegistryProvider, DragProvider, Container, useDragHan
 import { asNodeId, Store, createNode, floatingStrategy, gridStrategy } from 'windease';
 import { Focusable } from 'react-aria-components';
 
-var MARK_COLOR = "#e5484d";
-var MARK_WIDTH = 2;
-var TEXT_SIZE = 14;
-var POINT_RADIUS = 4;
-var toWorld = (p3, content) => ({
-  x: p3.x * content.w,
-  y: p3.y * content.h
-});
-function vertices(m3, content) {
-  const stored = m3.data.points;
-  if (stored && stored.length >= 2) return stored.map((p3) => toWorld(p3, content));
-  const { x: x2, y: y3, width, height } = m3.pose;
-  return [
-    { x: x2, y: y3 },
-    { x: x2 + width, y: y3 + height }
-  ];
-}
-function polyline(points) {
-  const b3 = new PathBuilder();
-  const first = points[0];
-  if (!first) return rectPath(0, 0, 0, 0);
-  b3.moveTo(first.x, first.y);
-  for (const p3 of points.slice(1)) b3.lineTo(p3.x, p3.y);
-  return b3.build();
-}
-function markCommands(m3, content, style = {}) {
-  const color = style.color ?? MARK_COLOR;
-  const stroke = {
-    paint: { color },
-    width: MARK_WIDTH,
-    cap: "round",
-    join: "round",
-    ...style.stale ? { dash: [6, 4] } : {}
-  };
-  switch (m3.data.kind) {
-    case "rect":
-      return [
-        { kind: "path", path: rectPath(m3.pose.x, m3.pose.y, m3.pose.width, m3.pose.height), stroke }
-      ];
-    case "ellipse":
-      return [{ kind: "path", path: ellipsePath(m3.pose), stroke }];
-    case "line": {
-      const [a4, b3] = vertices(m3, content);
-      return [{ kind: "path", path: linePath(a4, b3), stroke }];
-    }
-    case "arrow": {
-      const [a4, b3] = vertices(m3, content);
-      const marked = { ...stroke, markerEnd: "arrow" };
-      const path = linePath(a4, b3);
-      return [
-        { kind: "path", path, stroke: marked },
-        ...markerDrawCommands(path, marked, MARK_WIDTH, void 0)
-      ];
-    }
-    case "stroke":
-      return [{ kind: "path", path: polyline(vertices(m3, content)), stroke }];
-    case "point": {
-      const stored = m3.data.points?.[0];
-      const c6 = stored ? toWorld(stored, content) : { x: m3.pose.x, y: m3.pose.y };
-      const ring = {
-        x: c6.x - POINT_RADIUS,
-        y: c6.y - POINT_RADIUS,
-        width: 2 * POINT_RADIUS,
-        height: 2 * POINT_RADIUS
-      };
-      return [{ kind: "path", path: ellipsePath(ring), stroke }];
-    }
-    case "text": {
-      const text = m3.data.title;
-      if (!text) return [];
-      return [
-        textCommand(
-          m3.pose.x,
-          m3.pose.y,
-          text,
-          { fontSize: TEXT_SIZE },
-          void 0,
-          void 0,
-          void 0,
-          {
-            fill: { color }
-          }
-        )
-      ];
-    }
-  }
-}
-
 // src/annotations/staleness.ts
 function seenFrom(config, keys) {
   const out = {};
@@ -175,57 +97,6 @@ function resolveMarkStyle(data, opts) {
   };
 }
 
-// src/annotations/svgNodes.ts
-var NO_PAINT = { kind: "none" };
-function toSvgPaint(paint) {
-  if (!paint) return NO_PAINT;
-  if ("color" in paint && typeof paint.color === "string") {
-    return {
-      kind: "solid",
-      color: paint.color,
-      ...paint.opacity != null ? { opacity: paint.opacity } : {}
-    };
-  }
-  return { kind: "gradient", paint };
-}
-function toSvgStroke(stroke) {
-  return {
-    paint: toSvgPaint(stroke.paint),
-    width: stroke.width ?? 1,
-    ...stroke.cap ? { cap: stroke.cap } : {},
-    ...stroke.join ? { join: stroke.join } : {},
-    ...stroke.dash ? { dash: [...stroke.dash] } : {},
-    ...stroke.miterLimit != null ? { miterLimit: stroke.miterLimit } : {},
-    ...stroke.align ? { align: stroke.align } : {}
-  };
-}
-function toSvgNode(cmd, m3) {
-  if (cmd.kind === "path") {
-    return {
-      kind: "path",
-      path: cmd.path,
-      fill: toSvgPaint(cmd.fill),
-      ...cmd.stroke ? { stroke: toSvgStroke(cmd.stroke) } : {}
-    };
-  }
-  if (cmd.kind === "text") {
-    return {
-      kind: "text",
-      x: cmd.x,
-      y: cmd.y,
-      width: m3.pose.width,
-      height: m3.pose.height,
-      text: cmd.runs.map((run) => run.text).join(""),
-      style: cmd.style,
-      ...cmd.runs[0]?.fill ? { fill: cmd.runs[0].fill } : {}
-    };
-  }
-  throw new Error(`[labkit] a mark drew a '${cmd.kind}' command, which has no vector form`);
-}
-function markSvgNodes(m3, content, style = {}) {
-  return markCommands(m3, content, style).map((cmd) => toSvgNode(cmd, m3));
-}
-
 // src/annotations/capture.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 function capturePlan(base, format) {
@@ -429,8 +300,8 @@ var MarkHistory = class {
   /** The target `undo` would act on, skipping any whose scene has nothing
    *  left — a scene can drop entries this ordering still lists. */
   next(stack, can, at) {
-    for (let i5 = stack.length - 1; i5 >= 0; i5--) {
-      const target = stack[i5];
+    for (let i4 = stack.length - 1; i4 >= 0; i4--) {
+      const target = stack[i4];
       if (target === void 0) continue;
       const scene = at(target);
       if (scene && can(scene)) return target;
@@ -467,9 +338,9 @@ var MarkHistory = class {
   }
 };
 function drop(stack, value) {
-  for (let i5 = stack.length - 1; i5 >= 0; i5--) {
-    if (stack[i5] === value) {
-      stack.splice(i5, 1);
+  for (let i4 = stack.length - 1; i4 >= 0; i4--) {
+    if (stack[i4] === value) {
+      stack.splice(i4, 1);
       return;
     }
   }
@@ -510,6 +381,12 @@ function createAnnotationStore(opts) {
   for (const target of Object.keys(restore ?? {})) sceneFor(target);
   const targetOf = (id) => targets().find((t) => t.id === id);
   const contentOf = (id) => targetOf(id)?.content ?? NO_CONTENT;
+  const drawOptionsFor = (info) => ({
+    content: info.content,
+    positionDependsOn: info.positionDependsOn,
+    config: opts.config?.(),
+    meaning: typeof opts.meaning === "function" ? opts.meaning() : opts.meaning
+  });
   const project = (target, node) => {
     const found = scenes.get(target)?.get(asNodeId$1(node));
     if (!found) return void 0;
@@ -610,7 +487,7 @@ function createAnnotationStore(opts) {
       for (const [target, scene] of scenes) {
         const next = wanted.get(target) ?? [];
         const now = scene.getSelection();
-        if (now.length === next.length && next.every((n5, i5) => String(now[i5]) === n5)) continue;
+        if (now.length === next.length && next.every((n5, i4) => String(now[i4]) === n5)) continue;
         scene.setSelection(next.map(asNodeId$1));
       }
     },
@@ -661,6 +538,20 @@ function createAnnotationStore(opts) {
       const found = nodeOf(id);
       if (found) found.scene.remove(asNodeId$1(found.node.id));
     },
+    paintedMarks(target) {
+      const info = targetOf(target);
+      const scene = scenes.get(target);
+      if (!info || !scene) return [];
+      const draw = drawOptionsFor(info);
+      return [...scene.renderOrder()].flatMap((id) => {
+        const node = scene.get(asNodeId$1(String(id)));
+        if (!node) return [];
+        const data = node.data;
+        return [
+          { mark: { pose: node.pose, data }, style: resolveMarkStyle(data, draw) }
+        ];
+      });
+    },
     async capture(target, captureOpts) {
       const info = targetOf(target);
       if (!info) throw new Error(`[labkit] no annotation target called '${target}'`);
@@ -668,12 +559,7 @@ function createAnnotationStore(opts) {
         {
           target,
           scene: sceneFor(target),
-          draw: {
-            content: info.content,
-            positionDependsOn: info.positionDependsOn,
-            config: opts.config?.(),
-            meaning: typeof opts.meaning === "function" ? opts.meaning() : opts.meaning
-          },
+          draw: drawOptionsFor(info),
           base: info.base,
           onWarn: (message) => console.warn(`[labkit] capture: ${message}`)
         },
@@ -695,34 +581,6 @@ function annotationsFromJSON(raw, targets, rest = {}) {
   return createAnnotationStore({ targets, restore: doc.scenes, ...rest });
 }
 
-// src/annotations/toolMap.ts
-var TOOLS = {
-  select: { weaselTool: "select" },
-  stroke: { weaselTool: "pencil", kind: "stroke" },
-  line: { weaselTool: "line", kind: "line" },
-  arrow: { weaselTool: "line", kind: "arrow" },
-  rect: { weaselTool: "rect", kind: "rect" },
-  ellipse: { weaselTool: "ellipse", kind: "ellipse" },
-  text: { weaselTool: "text", kind: "text" }
-};
-var ANNOTATION_TOOLS = [
-  // Not in `TOOLS`: an id the map does not carry is what leaves the overlay idle.
-  { id: "pointer", label: "Interact", icon: y, group: "annotate" },
-  { id: "select", label: "Select", icon: I, group: "annotate" },
-  { id: "stroke", label: "Freehand", icon: A, group: "annotate" },
-  { id: "line", label: "Line", icon: T, group: "annotate" },
-  { id: "arrow", label: "Arrow", icon: i2, group: "annotate" },
-  { id: "rect", label: "Rectangle", icon: P, group: "annotate" },
-  { id: "ellipse", label: "Ellipse", icon: m, group: "annotate" },
-  { id: "text", label: "Text", icon: H, group: "annotate" }
-];
-function annotationToolInfo(id) {
-  return id === null ? void 0 : TOOLS[id];
-}
-var ANNOTATION_WEASEL_TOOLS = [
-  ...new Set(Object.values(TOOLS).map((t) => t.weaselTool))
-];
-
 // src/annotations/view.ts
 function toWeaselView(v) {
   return { x: v.pan.x, y: v.pan.y, scale: { x: v.zoom, y: v.zoom } };
@@ -734,7 +592,7 @@ function fitView(content, pane) {
   const zoom = content.w > 0 && content.h > 0 ? Math.min(pane.w / content.w, pane.h / content.h) : 1;
   return { zoom: Number.isFinite(zoom) && zoom > 0 ? zoom : 1, pan: { x: 0, y: 0 } };
 }
-var sameRect = (a4, b3) => a4 !== null && a4.x === b3.x && a4.y === b3.y && a4.w === b3.w && a4.h === b3.h;
+var sameRect = (a4, b2) => a4 !== null && a4.x === b2.x && a4.y === b2.y && a4.w === b2.w && a4.h === b2.h;
 function ToolBridge({ toolId }) {
   const tools = useActiveToolContext();
   const setActive = tools.setActive;
@@ -1412,7 +1270,7 @@ function Trial({ id, chrome, suppress }) {
   if (!storeCtx) throw new Error("[labkit] <Trial> requires <LabStoreProvider>");
   const instruments = useStore(storeCtx.store, (s4) => s4.instruments) ?? lab.instruments;
   const record = useStore(storeCtx.store, (s4) => s4.trials.find((w2) => w2.id === id));
-  const instrument = record ? instruments.find((i5) => i5.name === record.instrumentName) : void 0;
+  const instrument = record ? instruments.find((i4) => i4.name === record.instrumentName) : void 0;
   const kept = useKeptMarks(instrument?.annotations?.storage, id);
   if (!record) {
     return /* @__PURE__ */ jsxs("div", { className: "lk-trial lk-trial--unknown", children: [
@@ -1476,6 +1334,7 @@ function TrialRuntime({
   suppress
 }) {
   const wheelSlot = useRef(null);
+  const [pointer] = useState(createPointerStore);
   const canvasContainerRef = useRef(null);
   const loupeHostRef = useRef(null);
   const updateTrialState = useStore(store, (s4) => s4.updateTrialState);
@@ -1615,7 +1474,8 @@ function TrialRuntime({
         updateTrialView(record.id, withZoom(view2d, z));
       },
       activeToolId: resolvedToolId,
-      visibleLayers
+      visibleLayers,
+      pointer
     },
     emit: (event) => {
       snapshotIfNeeded(event);
@@ -1656,7 +1516,7 @@ function TrialRuntime({
   const canvasLayers = useMemo(() => {
     if (!instrument.canvas) return [];
     const baseLayers = instrument.canvas.layers;
-    const ordered = layerOrder ? [...baseLayers].sort((a4, b3) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b3.id)) : baseLayers;
+    const ordered = layerOrder ? [...baseLayers].sort((a4, b2) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b2.id)) : baseLayers;
     return ordered.map((layer) => ({
       id: layer.id,
       visible: layerVisibility[layer.id] !== false,
@@ -1671,7 +1531,7 @@ function TrialRuntime({
     return instrument.layers.ids.map((l8) => typeof l8 === "string" ? { id: l8, label: l8 } : l8);
   }, [instrument.layers]);
   const layerItems = useMemo(() => {
-    const ordered = layerOrder ? [...layerDescriptors].sort((a4, b3) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b3.id)) : layerDescriptors;
+    const ordered = layerOrder ? [...layerDescriptors].sort((a4, b2) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b2.id)) : layerDescriptors;
     const pinnedLast = [
       ...ordered.filter((l8) => !l8.alwaysOn),
       ...ordered.filter((l8) => l8.alwaysOn)
@@ -1838,6 +1698,7 @@ function TrialRuntime({
       activeToolId: labTool
     }
   ) : null;
+  const scopedBody = /* @__PURE__ */ jsx(WeaselProvider, { isolate: true, children: /* @__PURE__ */ jsx(PointerContextProvider, { store: pointer, children: /* @__PURE__ */ jsx(CameraScopeContext.Provider, { value: true, children: body }) }) });
   return /* @__PURE__ */ jsx(TrialIdProvider, { trialId: record.id, children: /* @__PURE__ */ jsx(AnnotationsContext.Provider, { value: annotationsCap ? annotations : null, children: /* @__PURE__ */ jsx(CameraWheelContext.Provider, { value: wheelSlot, children: /* @__PURE__ */ jsxs(
     TrialChrome,
     {
@@ -1854,7 +1715,7 @@ function TrialRuntime({
       activeToolId: resolvedToolId,
       setActiveTool,
       children: [
-        body,
+        scopedBody,
         annotationOverlays
       ]
     }
@@ -1864,7 +1725,7 @@ function TrialRuntime({
 // src/trial/trialOps.ts
 var DEFAULT_VIEW2 = { zoom: 1, pan: { x: 0, y: 0 } };
 function findInstrument(instruments, name) {
-  const found = instruments.find((i5) => i5.name === name);
+  const found = instruments.find((i4) => i4.name === name);
   if (!found) {
     throw new Error(`[labkit] Unknown instrument: "${name}"`);
   }
@@ -2062,7 +1923,7 @@ function LabHeader({ addTrial: addTrial2 = true }) {
         className: "lk-lab-header__add",
         onClick: () => lab.addTrial(only.name),
         children: [
-          /* @__PURE__ */ jsx(oe, { size: 16 }),
+          /* @__PURE__ */ jsx(G, { size: 16 }),
           /* @__PURE__ */ jsx("span", { children: "Add trial" })
         ]
       }
@@ -2071,7 +1932,7 @@ function LabHeader({ addTrial: addTrial2 = true }) {
       {
         "aria-label": "Add trial",
         label: "Add trial\u2026",
-        items: lab.instruments.map((i5) => ({ value: i5.name, label: i5.title ?? i5.name })),
+        items: lab.instruments.map((i4) => ({ value: i4.name, label: i4.title ?? i4.name })),
         onAction: (name) => lab.addTrial(name)
       }
     ),
@@ -2162,13 +2023,13 @@ function LabSwitcher({ title, pages, path, className }) {
         ]
       }
     ) }),
-    open && /* @__PURE__ */ jsx("div", { className: "lk-switcher-menu", id: menuId, role: "menu", children: pages.map((page, i5) => /* @__PURE__ */ jsx(
+    open && /* @__PURE__ */ jsx("div", { className: "lk-switcher-menu", id: menuId, role: "menu", children: pages.map((page, i4) => /* @__PURE__ */ jsx(
       "a",
       {
         href: page.href,
         role: "menuitem",
         className: "lk-switcher-item",
-        "aria-current": i5 === here ? "page" : void 0,
+        "aria-current": i4 === here ? "page" : void 0,
         onClick: close,
         children: page.label
       },
@@ -2237,7 +2098,7 @@ function Workspace({
   const tilePanels = useMemo(() => (panels ?? []).filter((p3) => p3.as === "tile"), [panels]);
   const floatPanels = useMemo(() => (panels ?? []).filter((p3) => p3.as === "floating"), [panels]);
   const wantedIds = [
-    ...items.map((_2, i5) => ids?.[i5] ?? `lk-ws-${i5}`),
+    ...items.map((_2, i4) => ids?.[i4] ?? `lk-ws-${i4}`),
     ...tilePanels.map((p3) => `lk-panel-${p3.key}`)
   ];
   const idKey = wantedIds.join(",");
@@ -2313,7 +2174,7 @@ function Workspace({
     [onReorder]
   );
   const chrome = useMemo(() => {
-    const byId = new Map(nodeIds.map((id, i5) => [id, items[i5]]));
+    const byId = new Map(nodeIds.map((id, i4) => [id, items[i4]]));
     const panelByNode = new Map(
       tilePanels.map((p3) => [`lk-panel-${p3.key}`, p3])
     );
@@ -2379,7 +2240,7 @@ async function openStoredLab({ instruments, defaultInstrument, mode }, storageKe
   const marks = /* @__PURE__ */ new Map();
   await Promise.all(
     opened.store.getState().trials.map(async (trial) => {
-      const kept = instruments.find((i5) => i5.name === trial.instrumentName)?.annotations?.storage;
+      const kept = instruments.find((i4) => i4.name === trial.instrumentName)?.annotations?.storage;
       if (!kept) return;
       try {
         marks.set(trial.id, await kept.load());
@@ -2429,9 +2290,9 @@ var NEBULA_SLOTS = [
 function buildNebula(list, theme, mode, density) {
   const ctx = { theme, resolved: resolveTheme(theme, { mode, density }) };
   const n5 = colorCount(list, ctx) ?? NEBULA_SLOTS.length;
-  const colors = Array.from({ length: n5 }, (_2, i5) => colorAt(list, i5, ctx));
-  const blobs = colors.map((c6, i5) => {
-    const p3 = NEBULA_SLOTS[i5 % NEBULA_SLOTS.length];
+  const colors = Array.from({ length: n5 }, (_2, i4) => colorAt(list, i4, ctx));
+  const blobs = colors.map((c6, i4) => {
+    const p3 = NEBULA_SLOTS[i4 % NEBULA_SLOTS.length];
     return `radial-gradient(ellipse ${p3.sx} ${p3.sy} at ${p3.cx} ${p3.cy}, color-mix(in srgb, ${c6} 22%, transparent), transparent ${p3.stop})`;
   });
   blobs.push("radial-gradient(ellipse at center, #0a0a18 0%, #02020a 100%)");
@@ -2626,10 +2487,10 @@ function LabRuntime({
     [undockedPanels]
   );
   const resolvedMode = useResolvedColorMode(modeValue);
-  const annotates = instruments.some((i5) => i5.annotations != null);
+  const annotationTools = useMemo(() => labAnnotationTools(instruments), [instruments]);
   const labChromeAll = useMemo(
-    () => labContributions([...annotates ? ANNOTATION_TOOLS : [], ...tools ?? []], labChrome),
-    [annotates, tools, labChrome]
+    () => labContributions([...annotationTools, ...tools ?? []], labChrome),
+    [annotationTools, tools, labChrome]
   );
   const hasFooterChrome = labChromeAll.some((c6) => c6.region === "footer");
   const hasPaneChrome = labChromeAll.some((c6) => c6.region === "sidebar" || c6.region === "aside");
@@ -2702,8 +2563,8 @@ function LabRuntime({
         store.getState().deleteSnapshot(snapshotId);
       },
       mode: modeValue,
-      setMode: (m3) => {
-        store.getState().setMode(m3);
+      setMode: (m2) => {
+        store.getState().setMode(m2);
       },
       configRules,
       controls
@@ -2915,8 +2776,8 @@ function ButtonsAndToggles() {
       /* @__PURE__ */ jsx(Ht, { status: "muted", children: "MUTED" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "Checkbox, Switch", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__row", children: [
-      /* @__PURE__ */ jsx(o2, { isSelected: snap, onChange: setSnap, children: "Snap to grid" }),
-      /* @__PURE__ */ jsx(o2, { isIndeterminate: true, children: "Mixed" }),
+      /* @__PURE__ */ jsx(o3, { isSelected: snap, onChange: setSnap, children: "Snap to grid" }),
+      /* @__PURE__ */ jsx(o3, { isIndeterminate: true, children: "Mixed" }),
       /* @__PURE__ */ jsx(a6, { isSelected: wifi, onChange: setWifi, children: "Wifi" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "RadioGroup", children: /* @__PURE__ */ jsxs(l5, { label: "Snap mode", orientation: "horizontal", defaultValue: "grid", children: [
@@ -2989,9 +2850,9 @@ function ButtonsAndToggles() {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(i3, { open, onToggle: () => setOpen((o4) => !o4), label: "Shapes" })
+      /* @__PURE__ */ jsx(i2, { open, onToggle: () => setOpen((o4) => !o4), label: "Shapes" })
     ] }) }),
-    /* @__PURE__ */ jsx(Cell, { label: "Tabs", children: /* @__PURE__ */ jsxs(o4, { children: [
+    /* @__PURE__ */ jsx(Cell, { label: "Tabs", children: /* @__PURE__ */ jsxs(o5, { children: [
       /* @__PURE__ */ jsxs(s6, { "aria-label": "Sections", children: [
         /* @__PURE__ */ jsx(c5, { id: "props", children: "Props" }),
         /* @__PURE__ */ jsx(c5, { id: "events", children: "Events" }),
@@ -3040,7 +2901,7 @@ function FieldsAndPickers() {
     /* @__PURE__ */ jsxs(Cell, { label: "NumberField, Select, ComboBox", children: [
       /* @__PURE__ */ jsx(g, { label: "Opacity", minValue: 0, maxValue: 100, step: 5, defaultValue: 80 }),
       /* @__PURE__ */ jsx(
-        T2,
+        T,
         {
           label: "Color",
           defaultSelectedKey: "g",
@@ -3076,7 +2937,7 @@ function FieldsAndPickers() {
         }
       ),
       /* @__PURE__ */ jsx(
-        b,
+        y,
         {
           ariaLabel: "Pair",
           min: 0,
@@ -3102,7 +2963,7 @@ function FieldsAndPickers() {
         }
       ),
       /* @__PURE__ */ jsx(
-        i4,
+        i3,
         {
           "aria-label": "Width",
           min: 0,
@@ -3114,7 +2975,7 @@ function FieldsAndPickers() {
     ] }),
     /* @__PURE__ */ jsxs(Cell, { label: "ColorField, GradientEditor", children: [
       /* @__PURE__ */ jsx(l4, { value: color, alpha: true, onInput: setColor, onChange: setColor, "aria-label": "Color" }),
-      /* @__PURE__ */ jsx(C, { value: gradient, onInput: setGradient, onChange: setGradient, kindSwitch: true })
+      /* @__PURE__ */ jsx(C2, { value: gradient, onInput: setGradient, onChange: setGradient, kindSwitch: true })
     ] }),
     /* @__PURE__ */ jsx(Cell, { label: "PaintInput", children: /* @__PURE__ */ jsx(
       S,
@@ -3146,9 +3007,9 @@ function PanelsAndRows() {
   ]);
   const [panelCollapsed, setPanelCollapsed] = useState(false);
   return /* @__PURE__ */ jsxs(Section, { title: "Panels & property rows", children: [
-    /* @__PURE__ */ jsx(Cell, { label: "PropertyPanel", children: /* @__PURE__ */ jsx(ae, { title: "Shape", children: /* @__PURE__ */ jsxs(oe2, { children: [
+    /* @__PURE__ */ jsx(Cell, { label: "PropertyPanel", children: /* @__PURE__ */ jsx(ae2, { title: "Shape", children: /* @__PURE__ */ jsxs(oe, { children: [
       /* @__PURE__ */ jsx(
-        B,
+        B2,
         {
           kind: "number",
           control: "slider",
@@ -3161,7 +3022,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        B,
+        B2,
         {
           kind: "number",
           control: "slider",
@@ -3174,7 +3035,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        B,
+        B2,
         {
           kind: "color",
           label: "Fill",
@@ -3184,10 +3045,21 @@ function PanelsAndRows() {
           onAlphaChange: setAlpha
         }
       ),
-      /* @__PURE__ */ jsx(B, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
-      /* @__PURE__ */ jsx(B, { kind: "number", label: "Count", value: count, min: 0, max: 100, step: 1, onChange: setCount }),
+      /* @__PURE__ */ jsx(B2, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
       /* @__PURE__ */ jsx(
-        B,
+        B2,
+        {
+          kind: "number",
+          label: "Count",
+          value: count,
+          min: 0,
+          max: 100,
+          step: 1,
+          onChange: setCount
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        B2,
         {
           kind: "enum",
           label: "Line cap",
@@ -3200,7 +3072,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        B,
+        B2,
         {
           kind: "enum",
           control: "toggle",
@@ -3214,10 +3086,22 @@ function PanelsAndRows() {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(B, { kind: "string", label: "Label", value: label, onChange: setLabel }),
-      /* @__PURE__ */ jsx(B, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
-      /* @__PURE__ */ jsx(b2, { title: "Bevel", defaultCollapsed: true, children: /* @__PURE__ */ jsx(B, { kind: "number", control: "slider", label: "Rings", value: 32, min: 4, max: 96, step: 1, onChange: () => {
-      } }) })
+      /* @__PURE__ */ jsx(B2, { kind: "string", label: "Label", value: label, onChange: setLabel }),
+      /* @__PURE__ */ jsx(B2, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
+      /* @__PURE__ */ jsx(b2, { title: "Bevel", defaultCollapsed: true, children: /* @__PURE__ */ jsx(
+        B2,
+        {
+          kind: "number",
+          control: "slider",
+          label: "Rings",
+          value: 32,
+          min: 4,
+          max: 96,
+          step: 1,
+          onChange: () => {
+          }
+        }
+      ) })
     ] }) }) }),
     /* @__PURE__ */ jsx(Cell, { label: "PrefsForm", children: /* @__PURE__ */ jsx(
       A2,
@@ -3255,7 +3139,7 @@ function OverlaysAndFeedback() {
   const calloutAnchor = useRef(null);
   const [calloutOpen, setCalloutOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
-  const toasts = useMemo(() => m4(), []);
+  const toasts = useMemo(() => m3(), []);
   return /* @__PURE__ */ jsxs(Section, { title: "Overlays & feedback", children: [
     /* @__PURE__ */ jsx(Cell, { label: "Tooltip, Callout, Dialog, Toast", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__row", children: [
       /* @__PURE__ */ jsxs(l2, { children: [
@@ -3309,7 +3193,7 @@ function OverlaysAndFeedback() {
     /* @__PURE__ */ jsx(Cell, { label: "StatusBar", children: /* @__PURE__ */ jsxs(n7, { ariaLabel: "Editor status", children: [
       /* @__PURE__ */ jsx(r5, { children: "tool: select" }),
       /* @__PURE__ */ jsx(r5, { children: "sel: 3" }),
-      /* @__PURE__ */ jsx(i5, {}),
+      /* @__PURE__ */ jsx(i4, {}),
       /* @__PURE__ */ jsx(r5, { muted: true, children: "0.7.0" })
     ] }) })
   ] });
@@ -3349,7 +3233,7 @@ function ToolChrome() {
   const [paneWidth, setPaneWidth] = useState(160);
   return /* @__PURE__ */ jsxs(Section, { title: "Tool chrome", children: [
     /* @__PURE__ */ jsx(Cell, { label: "ToolGroup, ToolButton", children: /* @__PURE__ */ jsx(n8, { orientation: "horizontal", ariaLabel: "Tools", children: ["select", "rect", "ellipse"].map((id) => /* @__PURE__ */ jsx(
-      o3,
+      o4,
       {
         icon: /* @__PURE__ */ jsx(Dot, {}),
         label: id,
@@ -3476,7 +3360,7 @@ function EditorsAndPlots() {
       }
     ) }),
     /* @__PURE__ */ jsx(Cell, { label: "BandEditor", wide: true, children: /* @__PURE__ */ jsx(
-      k,
+      k2,
       {
         min: 1 / 64,
         max: 1 / 2,
@@ -3486,7 +3370,7 @@ function EditorsAndPlots() {
         onChange: setBands,
         selectedIndex: band,
         onSelect: setBand,
-        renderBand: (b3) => b3.data.name,
+        renderBand: (b2) => b2.data.name,
         ticks: [1 / 24, 1 / 12, 1 / 6].map((at) => ({ at, label: `1/${Math.round(1 / at)}` }))
       }
     ) }),
@@ -3554,6 +3438,6 @@ function Specimen({ className }) {
   ] });
 }
 
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationOverlay, AnnotationTargets, Lab, LabBoundary, LabPalette, LabRoot, LabShell, LabSwitcher, SPECIMEN_SECTIONS, Specimen, Trial, TrialBody, TrialChrome, Workspace, addTrial, annotationToolInfo, annotationsFromJSON, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createAnnotationScene, createAnnotationStore, createMarkDrawOne, currentPage, defineInstrument, fitView, fracContains, fracEncloses, fracToWorld, fromWeaselView, interstellarTheme, isStale, markCommands, markSvgNodes, reorderTrials, resetTrial, resolveMarkStyle, roundFrac, seenFrom, toWeaselView, validateConfigSchema, worldToFrac };
+export { AnnotationOverlay, AnnotationTargets, Lab, LabBoundary, LabPalette, LabRoot, LabShell, LabSwitcher, SPECIMEN_SECTIONS, Specimen, Trial, TrialBody, TrialChrome, Workspace, addTrial, annotationsFromJSON, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createAnnotationScene, createAnnotationStore, createMarkDrawOne, currentPage, defineInstrument, fitView, fracContains, fracEncloses, fracToWorld, fromWeaselView, interstellarTheme, isStale, reorderTrials, resetTrial, resolveMarkStyle, roundFrac, seenFrom, toWeaselView, validateConfigSchema, worldToFrac };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map