@weasel-js/labkit 1.7.1 → 1.7.2

package/dist/index.js

@@ -9,22 +9,23 @@ import { useJob } from './chunk-EFXRM6XQ.js';
 export { useJob } from './chunk-EFXRM6XQ.js';
 import { markCommands, boundsOf, roundFrac, worldToFrac, fracToWorld, fracEncloses, fracContains, POINT_MARK_SHAPE, roundPoints, fromShape, markSvgNodes, toShape } from './chunk-F4ACIK7Z.js';
 export { fracContains, fracEncloses, fracToWorld, markCommands, markSvgNodes, roundFrac, worldToFrac } from './chunk-F4ACIK7Z.js';
-import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TRANSIENT_BUILTINS, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, resolveLabTool, useLabChromeContext, labContributions, labAnnotationTools, LabHeaderRegion, LabFooterRegion, LabAsideRegion, LabSidebarRegion } from './chunk-GAHELLJT.js';
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, ExportMenu, LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TRANSIENT_BUILTINS, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useLabChromeContext } from './chunk-GAHELLJT.js';
+import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TRANSIENT_BUILTINS, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, resolveLabTool, useLabChromeContext, labContributions, labAnnotationTools, LabHeaderRegion, LabFooterRegion, LabAsideRegion, LabSidebarRegion } from './chunk-RODIY7HI.js';
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, ExportMenu, LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TRANSIENT_BUILTINS, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useLabChromeContext } from './chunk-RODIY7HI.js';
 import { AnnotationsContext } from './chunk-3RY6WL5T.js';
 export { AnnotationsContext, useAnnotations, useAnnotationsOptional } from './chunk-3RY6WL5T.js';
-import { Split, JobProgress, Legend } from './chunk-FB4MIZOO.js';
-export { JobProgress, Legend, Readout, Split } from './chunk-FB4MIZOO.js';
+import { Split, JobProgress, Legend } from './chunk-XZDCEMEL.js';
+export { JobProgress, Legend, Readout, Split } from './chunk-XZDCEMEL.js';
 import { FloatingPanel } from './chunk-XE5HJOPL.js';
 export { FloatingPanel } from './chunk-XE5HJOPL.js';
-import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-CEGFXTBD.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-CEGFXTBD.js';
+import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-XRX5S5NT.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-XRX5S5NT.js';
 import './chunk-CZZPXUOU.js';
 import { unruledConfigSchema, createLabStore, openLabStore, panelKey } from './chunk-IBVRMHW5.js';
 export { CURRENT_DOCUMENT_VERSION, dockPanel, labDocumentKey, openLabStore, panelKey, quarantineKey, undockPanel, useTrialState } from './chunk-IBVRMHW5.js';
 import { newId, useWarnIgnoredChange, useOpenOnce, PersistenceContext, createRecordCache, noneAdapter, defaultStorage, usePersistedState } from './chunk-PMLZP7RT.js';
 export { Persistence, createIndexedDbAdapter, createMemoryAdapter, indexedDbAdapter, localStorageAdapter, noneAdapter, sessionStorageAdapter, urlHashAdapter, usePersistedState } from './chunk-PMLZP7RT.js';
-export { ControlPanel, inDialog, summarizeValue } from './chunk-JFOJESJF.js';
+export { ControlMatrix } from './chunk-WFALF2X2.js';
+export { ControlPanel, inDialog, summarizeValue } from './chunk-WWJDPNZZ.js';
 import { useConfigSchema } from './chunk-E6NARGU7.js';
 export { sectionTree, useConfigSchema } from './chunk-E6NARGU7.js';
 import { useLabContext, LabContext } from './chunk-Z76KEZAX.js';
@@ -49,8 +50,8 @@ export { CanvasStackContext } from './chunk-ZQIHJXP4.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 { D2, S2, X, U, G, p4, o3, c, Xt, c5, a7, l4, u3, a6, r3, a9, i2, o5, s3, c6, l8, p, f2, u2, y, O2, b4, l9, S, c7, i4, h2, j, k2, oe, se, R, b3, j2, n6, a10, C3, l2, u, v2, d3, j3, r4, n7, r5, i5, p2, f, n8, o4, c4, l7, w, L, n9, j4, be, n2 } from './chunk-4KSC7NXL.js';
-export { c as Button, V as CloseIcon, xe as CollapseIcon, _ as CurveField, i3 as DetailList, a4 as DetailRow, Se as ExpandIcon, l as Icon, u2 as Input, l10 as Jog, D2 as LayerList, re as PauseIcon, ne as PlayIcon, z2 as PropertyControl, R as PropertyField, b3 as PropertyGroup, se as PropertyList, oe as PropertyPanel, F2 as PropertyRow, ce as PropertySpan, B as ResetIcon, O2 as Select, ae as StepBackIcon, $ as StepForwardIcon, ie as StopIcon, x2 as Subpanel, a6 as ToggleBar, oe2 as TokenPanel, H2 as inferTokenType, S2 as moveLayers, O3 as refitScale } from './chunk-4KSC7NXL.js';
+import { D2, S2, X, U, G, p4, o3, c, Xt, c6, a6, l5, u3, a5, r3, a8, i3, o5, s4, c7, l9, p, f2, u2, y, O2, b4, l10, S, c8, i4, h2, j, k2, ae2, oe, de, b3, j2, n6, a9, C3, l3, u, v2, d3, j3, r4, n7, r5, i5, p2, f, n8, o4, c5, l8, w, L, n9, j4, xe2, n2 } from './chunk-U6UQVGFP.js';
+export { c as Button, V as CloseIcon, xe as CollapseIcon, _ as CurveField, s as DetailList, c2 as DetailRow, Se as ExpandIcon, l as Icon, u2 as Input, l11 as Jog, D2 as LayerList, re as PauseIcon, ne as PlayIcon, fe2 as PropertyControl, de as PropertyField, b3 as PropertyGroup, oe as PropertyList, ae2 as PropertyPanel, L2 as PropertyRow, se as PropertySpan, B as ResetIcon, O2 as Select, ae as StepBackIcon, $ as StepForwardIcon, ie as StopIcon, x2 as Subpanel, a5 as ToggleBar, oe2 as TokenPanel, H2 as inferTokenType, S2 as moveLayers, O3 as refitScale } from './chunk-U6UQVGFP.js';
 import { serializeSvg } from './chunk-E23Q6A3Y.js';
 import './chunk-XVUKDSYV.js';
 import { makeViewportZoomAction, createScene, asNodeId as asNodeId$1, registerNodeShape, useLatest, WeaselProvider, SceneCanvas, createPointerStore, PointerContextProvider, DepRegistryProvider, ActionsProvider, ActiveToolContextProvider, useActionsRegistry, useDepSource, ActionDisabledReason, useGestureDispatcher, sceneFromJSON, warmRender, renderSceneToPixels, useActiveToolContext } from '@weasel-js/core';
@@ -91,7 +92,7 @@ function createMarkDrawOne(opts) {
 }
 function resolveMarkStyle(data, opts) {
   return {
-    color: opts.meaning?.statuses?.find((s2) => s2.id === data.status)?.color,
+    color: opts.meaning?.statuses?.find((s3) => s3.id === data.status)?.color,
     // Read off the node rather than through the store's `isStale`, which
     // wants a projected Annotation this path does not have.
     stale: isStale(data.seen, opts.config, opts.positionDependsOn ?? [])
@@ -273,8 +274,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;
@@ -282,13 +283,13 @@ var MarkHistory = class {
     return null;
   }
   canUndo(at) {
-    return this.next(this.undoable, (s2) => s2.canUndo(), at) !== null;
+    return this.next(this.undoable, (s3) => s3.canUndo(), at) !== null;
   }
   canRedo(at) {
-    return this.next(this.redoable, (s2) => s2.canRedo(), at) !== null;
+    return this.next(this.redoable, (s3) => s3.canRedo(), at) !== null;
   }
   undo(at) {
-    const target = this.next(this.undoable, (s2) => s2.canUndo(), at);
+    const target = this.next(this.undoable, (s3) => s3.canUndo(), at);
     const scene = target === null ? void 0 : at(target);
     if (!scene) return false;
     this.replaying = "undo";
@@ -299,7 +300,7 @@ var MarkHistory = class {
     }
   }
   redo(at) {
-    const target = this.next(this.redoable, (s2) => s2.canRedo(), at);
+    const target = this.next(this.redoable, (s3) => s3.canRedo(), at);
     const scene = target === null ? void 0 : at(target);
     if (!scene) return false;
     this.replaying = "redo";
@@ -311,9 +312,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;
     }
   }
@@ -428,21 +429,21 @@ function createAnnotationStore(opts) {
     if (!scene) return [];
     const out = [];
     for (const id of scene.renderOrder()) {
-      const a6 = project(target, String(id));
-      if (a6) out.push(a6);
+      const a5 = project(target, String(id));
+      if (a5) out.push(a5);
     }
     return out;
   };
   const all = () => liveTargets().flatMap(marksOn);
-  const matches = (a6, q) => {
-    if (q.target !== void 0 && a6.target !== q.target) return false;
-    if (q.kind !== void 0 && a6.kind !== q.kind) return false;
-    if (q.status !== void 0 && a6.status !== q.status) return false;
+  const matches = (a5, q) => {
+    if (q.target !== void 0 && a5.target !== q.target) return false;
+    if (q.kind !== void 0 && a5.kind !== q.kind) return false;
+    if (q.status !== void 0 && a5.status !== q.status) return false;
     if (q.tags !== void 0) {
-      const have = a6.tags ?? [];
+      const have = a5.tags ?? [];
       for (const t of q.tags) if (!have.includes(t)) return false;
     }
-    if (q.where && !q.where(a6)) return false;
+    if (q.where && !q.where(a5)) return false;
     return true;
   };
   const nodeOf = (id) => {
@@ -460,17 +461,17 @@ function createAnnotationStore(opts) {
       return parts ? project(parts.target, parts.node) : void 0;
     },
     query(q) {
-      return q ? all().filter((a6) => matches(a6, q)) : all();
+      return q ? all().filter((a5) => matches(a5, q)) : all();
     },
     hitTest(target, pt, tol = 0) {
-      return marksOn(target).filter((a6) => fracContains(a6.frac, pt, tol)).reverse();
+      return marksOn(target).filter((a5) => fracContains(a5.frac, pt, tol)).reverse();
     },
     within(target, box) {
-      return marksOn(target).filter((a6) => fracEncloses(box, a6.frac));
+      return marksOn(target).filter((a5) => fracEncloses(box, a5.frac));
     },
-    isStale(a6, config) {
-      const keys = targetOf(a6.target)?.positionDependsOn ?? [];
-      return isStale(a6.seen, config, keys);
+    isStale(a5, config) {
+      const keys = targetOf(a5.target)?.positionDependsOn ?? [];
+      return isStale(a5.seen, config, keys);
     },
     canUndo() {
       return history.canUndo(historySceneAt);
@@ -511,7 +512,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((n6, i5) => String(now[i5]) === n6)) continue;
+          if (now.length === next.length && next.every((n6, i4) => String(now[i4]) === n6)) continue;
           scene.setSelection(next.map(asNodeId$1));
         }
       });
@@ -623,7 +624,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 = (a6, b3) => a6 !== null && a6.x === b3.x && a6.y === b3.y && a6.w === b3.w && a6.h === b3.h;
+var sameRect = (a5, b3) => a5 !== null && a5.x === b3.x && a5.y === b3.y && a5.w === b3.w && a5.h === b3.h;
 function ToolBridge({ toolId }) {
   const tools = useActiveToolContext();
   const setActive = tools.setActive;
@@ -1122,7 +1123,7 @@ function Portalled({
 }
 function UndockedSections({ trialId, sections, onDock }) {
   if (sections.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((c6) => /* @__PURE__ */ jsx(Portalled, { trialId, contribution: c6, onDock }, c6.id)) });
+  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((c7) => /* @__PURE__ */ jsx(Portalled, { trialId, contribution: c7, onDock }, c7.id)) });
 }
 var NO_OP = () => {
 };
@@ -1146,15 +1147,15 @@ function TrialChrome({
   const lab = useLabContext();
   const storeCtx = useContext(LabStoreContext);
   if (!storeCtx) throw new Error("[labkit] TrialChrome requires <LabStoreProvider>");
-  const updateTrialView = useStore(storeCtx.store, (s2) => s2.updateTrialView);
-  const updateTrialSidebarWidth = useStore(storeCtx.store, (s2) => s2.updateTrialSidebarWidth);
-  const setTrialTitle = useStore(storeCtx.store, (s2) => s2.setTrialTitle);
-  const setTrialSectionCollapsed = useStore(storeCtx.store, (s2) => s2.setTrialSectionCollapsed);
-  const updateTrialConfig = useStore(storeCtx.store, (s2) => s2.updateTrialConfig);
-  const updateTrialState = useStore(storeCtx.store, (s2) => s2.updateTrialState);
-  const undockPanelAction = useStore(storeCtx.store, (s2) => s2.undockPanel);
-  const dockPanelAction = useStore(storeCtx.store, (s2) => s2.dockPanel);
-  const undockedPanels = useStore(storeCtx.store, (s2) => s2.undockedPanels);
+  const updateTrialView = useStore(storeCtx.store, (s3) => s3.updateTrialView);
+  const updateTrialSidebarWidth = useStore(storeCtx.store, (s3) => s3.updateTrialSidebarWidth);
+  const setTrialTitle = useStore(storeCtx.store, (s3) => s3.setTrialTitle);
+  const setTrialSectionCollapsed = useStore(storeCtx.store, (s3) => s3.setTrialSectionCollapsed);
+  const updateTrialConfig = useStore(storeCtx.store, (s3) => s3.updateTrialConfig);
+  const updateTrialState = useStore(storeCtx.store, (s3) => s3.updateTrialState);
+  const undockPanelAction = useStore(storeCtx.store, (s3) => s3.undockPanel);
+  const dockPanelAction = useStore(storeCtx.store, (s3) => s3.dockPanel);
+  const undockedPanels = useStore(storeCtx.store, (s3) => s3.undockedPanels);
   const undockedIds = useMemo(
     () => Object.values(undockedPanels).filter((p4) => p4.trialId === trialId).map((p4) => p4.sectionId),
     [undockedPanels, trialId]
@@ -1174,9 +1175,9 @@ function TrialChrome({
     () => cameras?.get(trialId) ?? null
   );
   const ctx = useMemo(() => {
-    const setZoom = (z2) => {
-      if (camera) zoomCameraTo(camera, z2);
-      else if (view2d) updateTrialView(trialId, withZoom(view2d, z2));
+    const setZoom = (z) => {
+      if (camera) zoomCameraTo(camera, z);
+      else if (view2d) updateTrialView(trialId, withZoom(view2d, z));
     };
     return {
       trialId,
@@ -1217,7 +1218,7 @@ function TrialChrome({
       undockedPanels: undockedIds,
       undockPanel: (sectionId, as) => undockPanelAction(trialId, sectionId, as),
       dockPanel: (sectionId) => dockPanelAction(trialId, sectionId),
-      savedSnapshots: lab.savedSnapshots.filter((s2) => s2.trialId === trialId),
+      savedSnapshots: lab.savedSnapshots.filter((s3) => s3.trialId === trialId),
       saveSnapshot: (name) => lab.saveSnapshot(trialId, name),
       loadSnapshot: (snapshotId) => lab.loadSnapshot(trialId, snapshotId),
       clone: () => lab.cloneTrial(trialId),
@@ -1265,7 +1266,7 @@ function TrialChrome({
     ),
     [instrument, ctx, trialChrome, chrome, suppress, lab.controls]
   );
-  const inRegion = (region) => contributions.filter((c6) => c6.region === region);
+  const inRegion = (region) => contributions.filter((c7) => c7.region === region);
   const handleKeyDown = (e) => {
     const mod = e.metaKey || e.ctrlKey;
     if (!mod) return;
@@ -1311,7 +1312,7 @@ function TrialChrome({
                   UndockedSections,
                   {
                     trialId,
-                    sections: inRegion("sidebar").filter((c6) => undockedIds.includes(c6.id)),
+                    sections: inRegion("sidebar").filter((c7) => undockedIds.includes(c7.id)),
                     onDock: ctx.dockPanel
                   }
                 )
@@ -1335,9 +1336,9 @@ function Trial({ id, chrome, suppress }) {
   const lab = useLabContext();
   const storeCtx = useContext(LabStoreContext);
   if (!storeCtx) throw new Error("[labkit] <Trial> requires <LabStoreProvider>");
-  const instruments = useStore(storeCtx.store, (s2) => s2.instruments) ?? lab.instruments;
-  const record = useStore(storeCtx.store, (s2) => s2.trials.find((w2) => w2.id === id));
-  const instrument = record ? instruments.find((i5) => i5.name === record.instrumentName) : void 0;
+  const instruments = useStore(storeCtx.store, (s3) => s3.instruments) ?? lab.instruments;
+  const record = useStore(storeCtx.store, (s3) => s3.trials.find((w2) => w2.id === id));
+  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: [
@@ -1409,14 +1410,14 @@ function TrialRuntime({
   );
   const [pointer] = useState(createPointerStore);
   const canvasContainerRef = useRef(null);
-  const updateTrialState = useStore(store, (s2) => s2.updateTrialState);
-  const updateTrialConfig = useStore(store, (s2) => s2.updateTrialConfig);
-  const updateTrialView = useStore(store, (s2) => s2.updateTrialView);
-  const updateTrialUndoStack = useStore(store, (s2) => s2.updateTrialUndoStack);
-  const updateTrialAnnotations = useStore(store, (s2) => s2.updateTrialAnnotations);
-  const labToolId = useStore(store, (s2) => s2.activeToolId);
-  const setLabTool = useStore(store, (s2) => s2.setLabTool);
-  const setTrialTool = useStore(store, (s2) => s2.setTrialTool);
+  const updateTrialState = useStore(store, (s3) => s3.updateTrialState);
+  const updateTrialConfig = useStore(store, (s3) => s3.updateTrialConfig);
+  const updateTrialView = useStore(store, (s3) => s3.updateTrialView);
+  const updateTrialUndoStack = useStore(store, (s3) => s3.updateTrialUndoStack);
+  const updateTrialAnnotations = useStore(store, (s3) => s3.updateTrialAnnotations);
+  const labToolId = useStore(store, (s3) => s3.activeToolId);
+  const setLabTool = useStore(store, (s3) => s3.setLabTool);
+  const setTrialTool = useStore(store, (s3) => s3.setTrialTool);
   const schema = useConfigSchema(instrument);
   const { config } = useResolvedConfig(schema, record.config, record.auto);
   const busRef = useRef(null);
@@ -1566,9 +1567,9 @@ function TrialRuntime({
       view: record.view,
       setView,
       zoom: view2d?.zoom ?? 1,
-      setZoom: (z2) => {
+      setZoom: (z) => {
         if (!view2d) return;
-        updateTrialView(record.id, withZoom(view2d, z2));
+        updateTrialView(record.id, withZoom(view2d, z));
       },
       activeToolId: resolvedToolId,
       visibleLayers,
@@ -1608,7 +1609,7 @@ function TrialRuntime({
   const canvasLayers = useMemo(() => {
     if (!instrument.canvas) return [];
     const baseLayers = instrument.canvas.layers;
-    const ordered = layerOrder ? [...baseLayers].sort((a6, b3) => layerOrder.indexOf(a6.id) - layerOrder.indexOf(b3.id)) : baseLayers;
+    const ordered = layerOrder ? [...baseLayers].sort((a5, b3) => layerOrder.indexOf(a5.id) - layerOrder.indexOf(b3.id)) : baseLayers;
     return ordered.map((layer) => ({
       id: layer.id,
       visible: layerVisibility[layer.id] !== false,
@@ -1623,7 +1624,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((a6, b3) => layerOrder.indexOf(a6.id) - layerOrder.indexOf(b3.id)) : layerDescriptors;
+    const ordered = layerOrder ? [...layerDescriptors].sort((a5, b3) => layerOrder.indexOf(a5.id) - layerOrder.indexOf(b3.id)) : layerDescriptors;
     const pinnedLast = [
       ...ordered.filter((l8) => !l8.alwaysOn),
       ...ordered.filter((l8) => l8.alwaysOn)
@@ -1636,7 +1637,7 @@ function TrialRuntime({
     }));
   }, [layerDescriptors, layerOrder, layerVisibility]);
   const dragDropResult = useDragDrop({
-    capability: instrument.dragDrop ?? { palette: [], onDrop: (_p, _i, s2) => s2 },
+    capability: instrument.dragDrop ?? { palette: [], onDrop: (_p, _i, s3) => s3 },
     canvasContainerRef,
     view: view2d ?? DEFAULT_VIEW,
     worldSpec: instrument.canvas?.worldSpec,
@@ -1793,7 +1794,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}"`);
   }
@@ -1912,7 +1913,7 @@ function findOvershoot(bound, items, tolerance = 1) {
   return worst;
 }
 function tagAndClasses(el) {
-  return el.tagName.toLowerCase() + [...el.classList].map((c6) => `.${c6}`).join("");
+  return el.tagName.toLowerCase() + [...el.classList].map((c7) => `.${c7}`).join("");
 }
 function describeElement(el) {
   if (el.classList.length > 0) return tagAndClasses(el);
@@ -1999,7 +2000,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)
     }
   ) });
@@ -2011,7 +2012,7 @@ function LabThemeSwitcher() {
 function LabPalette({ tools, contributions }) {
   const ctx = useLabChromeContext();
   const all = labContributions(tools, contributions);
-  return /* @__PURE__ */ jsx(PaletteRegion, { contributions: all.filter((c6) => c6.region === "palette"), ctx });
+  return /* @__PURE__ */ jsx(PaletteRegion, { contributions: all.filter((c7) => c7.region === "palette"), ctx });
 }
 function LabRoot({ children, mode = "auto", className }) {
   const resolved = useResolvedColorMode(mode);
@@ -2084,13 +2085,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
       },
@@ -2157,8 +2158,8 @@ function LabZoomControls() {
     cameras?.subscribe ?? noSubscribe2,
     () => cameras && focusedTrialId ? cameras.get(focusedTrialId) : null
   );
-  const zoom = useStore(storeCtx.store, (s2) => {
-    const record = s2.trials.find((t) => t.id === focusedTrialId);
+  const zoom = useStore(storeCtx.store, (s3) => {
+    const record = s3.trials.find((t) => t.id === focusedTrialId);
     return as2DView(record?.view)?.zoom ?? null;
   });
   const live = zoom !== null && camera !== null;
@@ -2280,7 +2281,7 @@ function Workspace({
   const tilePanels = useMemo(() => (panels ?? []).filter((p4) => p4.as === "tile"), [panels]);
   const floatPanels = useMemo(() => (panels ?? []).filter((p4) => p4.as === "floating"), [panels]);
   const idKey = JSON.stringify([
-    ...items.map((_2, i5) => ids?.[i5] ?? `lk-ws-${i5}`),
+    ...items.map((_2, i4) => ids?.[i4] ?? `lk-ws-${i4}`),
     ...tilePanels.map((p4) => `lk-panel-${p4.key}`)
   ]);
   const nodeIds = useMemo(() => JSON.parse(idKey).map(asNodeId), [idKey]);
@@ -2331,7 +2332,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((p4) => [`lk-panel-${p4.key}`, p4])
     );
@@ -2397,7 +2398,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());
@@ -2447,10 +2448,10 @@ var NEBULA_SLOTS = [
 function buildNebula(list, theme, mode, density) {
   const ctx = { theme, resolved: resolveTheme(theme, { mode, density }) };
   const n6 = colorCount(list, ctx) ?? NEBULA_SLOTS.length;
-  const colors = Array.from({ length: n6 }, (_2, i5) => colorAt(list, i5, ctx));
-  const blobs = colors.map((c6, i5) => {
-    const p4 = NEBULA_SLOTS[i5 % NEBULA_SLOTS.length];
-    return `radial-gradient(ellipse ${p4.sx} ${p4.sy} at ${p4.cx} ${p4.cy}, color-mix(in srgb, ${c6} 22%, transparent), transparent ${p4.stop})`;
+  const colors = Array.from({ length: n6 }, (_2, i4) => colorAt(list, i4, ctx));
+  const blobs = colors.map((c7, i4) => {
+    const p4 = NEBULA_SLOTS[i4 % NEBULA_SLOTS.length];
+    return `radial-gradient(ellipse ${p4.sx} ${p4.sy} at ${p4.cx} ${p4.cy}, color-mix(in srgb, ${c7} 22%, transparent), transparent ${p4.stop})`;
   });
   blobs.push("radial-gradient(ellipse at center, #0a0a18 0%, #02020a 100%)");
   return blobs.join(", ");
@@ -2470,7 +2471,7 @@ function LabPanes({
     void 0,
     { scope: "lab" }
   );
-  const main = contributions.some((c6) => c6.region === "aside") ? /* @__PURE__ */ jsx(
+  const main = contributions.some((c7) => c7.region === "aside") ? /* @__PURE__ */ jsx(
     Split,
     {
       className: "lk-lab__panes",
@@ -2488,7 +2489,7 @@ function LabPanes({
       children
     }
   ) : children;
-  if (!contributions.some((c6) => c6.region === "sidebar")) return main;
+  if (!contributions.some((c7) => c7.region === "sidebar")) return main;
   return /* @__PURE__ */ jsx(
     Split,
     {
@@ -2557,14 +2558,14 @@ function LabRuntime({
   useLayoutEffect(() => {
     store.getState().setInstruments(instruments);
   }, [instruments, store]);
-  const trials = useStore(store, (s2) => s2.trials);
+  const trials = useStore(store, (s3) => s3.trials);
   const [cameras] = useState(createCameraRegistry);
   const [focusPick, setFocusPick] = useState(null);
   const focusedTrialId = trials.some((t) => t.id === focusPick) ? focusPick : trials[0]?.id ?? null;
-  const savedSnapshots = useStore(store, (s2) => s2.savedSnapshots);
-  const modeValue = useStore(store, (s2) => s2.mode);
-  const layout = useStore(store, (s2) => s2.layout);
-  const undockedPanels = useStore(store, (s2) => s2.undockedPanels);
+  const savedSnapshots = useStore(store, (s3) => s3.savedSnapshots);
+  const modeValue = useStore(store, (s3) => s3.mode);
+  const layout = useStore(store, (s3) => s3.layout);
+  const undockedPanels = useStore(store, (s3) => s3.undockedPanels);
   const panelHostsRef = useRef(null);
   if (panelHostsRef.current === null) panelHostsRef.current = createPanelHostRegistry();
   const outerSurface = useSurfaceOptional();
@@ -2577,17 +2578,17 @@ function LabRuntime({
   const bufferRef = useRef({ w: 0, h: 0 });
   const surfaceRef = useRef(null);
   const onFrame = useCallback((frame) => {
-    const canvases = [ownUnderRef.current, ownOverRef.current].filter((c6) => c6 !== null);
+    const canvases = [ownUnderRef.current, ownOverRef.current].filter((c7) => c7 !== null);
     if (canvases.length === 0) return;
     const w2 = Math.round(frame.size.width * frame.dpr);
     const h2 = Math.round(frame.size.height * frame.dpr);
     if (bufferRef.current.w !== w2 || bufferRef.current.h !== h2) {
       bufferRef.current = { w: w2, h: h2 };
-      for (const c6 of canvases) {
-        c6.width = w2;
-        c6.height = h2;
-        c6.style.width = `${frame.size.width}px`;
-        c6.style.height = `${frame.size.height}px`;
+      for (const c7 of canvases) {
+        c7.width = w2;
+        c7.height = h2;
+        c7.style.width = `${frame.size.width}px`;
+        c7.style.height = `${frame.size.height}px`;
       }
       surfaceRef.current?.invalidateAll();
       return;
@@ -2653,8 +2654,8 @@ function LabRuntime({
     () => 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");
+  const hasFooterChrome = labChromeAll.some((c7) => c7.region === "footer");
+  const hasPaneChrome = labChromeAll.some((c7) => c7.region === "sidebar" || c7.region === "aside");
   useEffect(() => {
     if (mode && mode !== store.getState().mode) {
       store.getState().setMode(mode);
@@ -2706,15 +2707,15 @@ function LabRuntime({
         const next = resetTrial(store.getState().trials, id, instruments);
         const record = next.find((w2) => w2.id === id);
         if (!record) return;
-        store.setState((s2) => ({
-          trials: s2.trials.map(
+        store.setState((s3) => ({
+          trials: s3.trials.map(
             (w2) => w2.id === id ? { ...w2, config: record.config, state: record.state, view: record.view } : w2
           )
         }));
       },
       savedSnapshots,
       saveSnapshot: (trialId, name) => {
-        const taken = store.getState().savedSnapshots.filter((s2) => s2.trialId === trialId).length;
+        const taken = store.getState().savedSnapshots.filter((s3) => s3.trialId === trialId).length;
         store.getState().saveSnapshot(trialId, name ?? `Snapshot ${taken + 1}`);
       },
       loadSnapshot: (trialId, snapshotId) => {
@@ -2939,18 +2940,18 @@ function ButtonsAndToggles() {
       /* @__PURE__ */ jsx(Xt, { status: "muted", children: "MUTED" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "Checkbox, Switch", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__row", children: [
-      /* @__PURE__ */ jsx(c5, { isSelected: snap, onChange: setSnap, children: "Snap to grid" }),
-      /* @__PURE__ */ jsx(c5, { isIndeterminate: true, children: "Mixed" }),
-      /* @__PURE__ */ jsx(a7, { isSelected: wifi, onChange: setWifi, children: "Wifi" })
+      /* @__PURE__ */ jsx(c6, { isSelected: snap, onChange: setSnap, children: "Snap to grid" }),
+      /* @__PURE__ */ jsx(c6, { isIndeterminate: true, children: "Mixed" }),
+      /* @__PURE__ */ jsx(a6, { isSelected: wifi, onChange: setWifi, children: "Wifi" })
     ] }) }),
-    /* @__PURE__ */ jsx(Cell, { label: "RadioGroup", children: /* @__PURE__ */ jsxs(l4, { label: "Snap mode", orientation: "horizontal", defaultValue: "grid", children: [
+    /* @__PURE__ */ jsx(Cell, { label: "RadioGroup", children: /* @__PURE__ */ jsxs(l5, { label: "Snap mode", orientation: "horizontal", defaultValue: "grid", children: [
       /* @__PURE__ */ jsx(u3, { value: "off", children: "Off" }),
       /* @__PURE__ */ jsx(u3, { value: "grid", children: "Grid" }),
       /* @__PURE__ */ jsx(u3, { value: "pixel", children: "Pixel" })
     ] }) }),
     /* @__PURE__ */ jsxs(Cell, { label: "ToggleBar", children: [
       /* @__PURE__ */ jsx(
-        a6,
+        a5,
         {
           ariaLabel: "Align",
           value: align,
@@ -2963,7 +2964,7 @@ function ButtonsAndToggles() {
         }
       ),
       /* @__PURE__ */ jsx(
-        a6,
+        a5,
         {
           ariaLabel: "Align, flat",
           variant: "flat",
@@ -2989,7 +2990,7 @@ function ButtonsAndToggles() {
         }
       ),
       /* @__PURE__ */ jsx(
-        a9,
+        a8,
         {
           items: [
             { value: "undo", label: "Undo", onAction: () => {
@@ -3013,17 +3014,17 @@ function ButtonsAndToggles() {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(i2, { open, onToggle: () => setOpen((o4) => !o4), label: "Shapes" })
+      /* @__PURE__ */ jsx(i3, { open, onToggle: () => setOpen((o4) => !o4), label: "Shapes" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "Tabs", children: /* @__PURE__ */ jsxs(o5, { children: [
-      /* @__PURE__ */ jsxs(s3, { "aria-label": "Sections", children: [
-        /* @__PURE__ */ jsx(c6, { id: "props", children: "Props" }),
-        /* @__PURE__ */ jsx(c6, { id: "events", children: "Events" }),
-        /* @__PURE__ */ jsx(c6, { id: "snapshot", children: "Snapshot" })
+      /* @__PURE__ */ jsxs(s4, { "aria-label": "Sections", children: [
+        /* @__PURE__ */ jsx(c7, { id: "props", children: "Props" }),
+        /* @__PURE__ */ jsx(c7, { id: "events", children: "Events" }),
+        /* @__PURE__ */ jsx(c7, { id: "snapshot", children: "Snapshot" })
       ] }),
-      /* @__PURE__ */ jsx(l8, { id: "props", children: "Props panel." }),
-      /* @__PURE__ */ jsx(l8, { id: "events", children: "Events panel." }),
-      /* @__PURE__ */ jsx(l8, { id: "snapshot", children: "Snapshot panel." })
+      /* @__PURE__ */ jsx(l9, { id: "props", children: "Props panel." }),
+      /* @__PURE__ */ jsx(l9, { id: "events", children: "Events panel." }),
+      /* @__PURE__ */ jsx(l9, { id: "snapshot", children: "Snapshot panel." })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "Keycaps", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__row", children: [
       /* @__PURE__ */ jsx(p, { keys: [{ label: "\u2318" }, { label: "\u21E7" }, { label: "K" }], separator: "+" }),
@@ -3088,9 +3089,9 @@ function FieldsAndPickers() {
       )
     ] }),
     /* @__PURE__ */ jsxs(Cell, { label: "RangeSlider, Slider", children: [
-      /* @__PURE__ */ jsx(l9, { label: "Range", defaultValue: [20, 80], minValue: 0, maxValue: 100 }),
+      /* @__PURE__ */ jsx(l10, { label: "Range", defaultValue: [20, 80], minValue: 0, maxValue: 100 }),
       /* @__PURE__ */ jsx(
-        l9,
+        l10,
         {
           label: "Opacity",
           defaultValue: 75,
@@ -3115,7 +3116,7 @@ function FieldsAndPickers() {
     ] }),
     /* @__PURE__ */ jsxs(Cell, { label: "DetentSlider, InlineRange", children: [
       /* @__PURE__ */ jsx(
-        c7,
+        c8,
         {
           items: [0.25, 0.5, 1, 2, 4],
           value: rate,
@@ -3170,9 +3171,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(oe, { title: "Shape", children: /* @__PURE__ */ jsxs(se, { children: [
+    /* @__PURE__ */ jsx(Cell, { label: "PropertyPanel", children: /* @__PURE__ */ jsx(ae2, { title: "Shape", children: /* @__PURE__ */ jsxs(oe, { children: [
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "number",
           control: "slider",
@@ -3185,7 +3186,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "number",
           control: "slider",
@@ -3198,7 +3199,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "color",
           label: "Fill",
@@ -3208,9 +3209,9 @@ function PanelsAndRows() {
           onAlphaChange: setAlpha
         }
       ),
-      /* @__PURE__ */ jsx(R, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
+      /* @__PURE__ */ jsx(de, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "number",
           label: "Count",
@@ -3222,7 +3223,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "enum",
           label: "Line cap",
@@ -3235,7 +3236,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "enum",
           control: "toggle",
@@ -3249,10 +3250,10 @@ function PanelsAndRows() {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(R, { kind: "string", label: "Label", value: label, onChange: setLabel }),
-      /* @__PURE__ */ jsx(R, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
+      /* @__PURE__ */ jsx(de, { kind: "string", label: "Label", value: label, onChange: setLabel }),
+      /* @__PURE__ */ jsx(de, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
       /* @__PURE__ */ jsx(b3, { title: "Bevel", defaultCollapsed: true, children: /* @__PURE__ */ jsx(
-        R,
+        de,
         {
           kind: "number",
           control: "slider",
@@ -3286,7 +3287,7 @@ function PanelsAndRows() {
       }
     ) }),
     /* @__PURE__ */ jsx(Cell, { label: "Sidebar, SidebarPanel", children: /* @__PURE__ */ jsx("div", { className: "lk-specimen__box", children: /* @__PURE__ */ jsx(n6, { side: "right", ariaLabel: "Specimen sidebar", children: /* @__PURE__ */ jsx(
-      a10,
+      a9,
       {
         title: "Selection",
         collapsed: panelCollapsed,
@@ -3305,7 +3306,7 @@ function OverlaysAndFeedback() {
   const toasts = useMemo(() => C3(), []);
   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: [
+      /* @__PURE__ */ jsxs(l3, { children: [
         /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx("button", { type: "button", children: "Hover me" }) }),
         /* @__PURE__ */ jsx(u, { placement: "bottom", children: "Duplicates the selected layer" })
       ] }),
@@ -3406,14 +3407,14 @@ function ToolChrome() {
       },
       id
     )) }) }),
-    /* @__PURE__ */ jsx(Cell, { label: "ToolOptionsBar", children: /* @__PURE__ */ jsxs(c4, { label: "Text", children: [
+    /* @__PURE__ */ jsx(Cell, { label: "ToolOptionsBar", children: /* @__PURE__ */ jsxs(c5, { label: "Text", children: [
       /* @__PURE__ */ jsx(c, { size: "sm", variant: "ghost", iconOnly: true, ariaLabel: "Bold", children: "B" }),
       /* @__PURE__ */ jsx(c, { size: "sm", variant: "ghost", iconOnly: true, ariaLabel: "Italic", children: "I" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "ResizeHandle", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__box", children: [
       /* @__PURE__ */ jsx("div", { className: "lk-specimen__box-main", children: "content" }),
       /* @__PURE__ */ jsx(
-        l7,
+        l8,
         {
           value: paneWidth,
           min: 100,
@@ -3537,7 +3538,7 @@ function EditorsAndPlots() {
       }
     ) }),
     /* @__PURE__ */ jsx(Cell, { label: "Timeline", wide: true, children: /* @__PURE__ */ jsx("div", { className: "lk-specimen__timeline", children: /* @__PURE__ */ jsx(
-      be,
+      xe2,
       {
         tracks,
         duration: 2e3,