@weasel-js/labkit 1.7.3 → 1.8.0

package/dist/index.js

@@ -9,29 +9,29 @@ 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-4X44DMRS.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-4X44DMRS.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-YDE6XATS.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-YDE6XATS.js';
 import { AnnotationsContext } from './chunk-3RY6WL5T.js';
 export { AnnotationsContext, useAnnotations, useAnnotationsOptional } from './chunk-3RY6WL5T.js';
-import { Split, JobProgress, Legend } from './chunk-LPGBC63T.js';
-export { JobProgress, Legend, Readout, Split } from './chunk-LPGBC63T.js';
+import { Split, JobProgress, Legend } from './chunk-NVKBL7ZE.js';
+export { JobProgress, Legend, Readout, Split } from './chunk-NVKBL7ZE.js';
 import { FloatingPanel } from './chunk-XE5HJOPL.js';
 export { FloatingPanel } from './chunk-XE5HJOPL.js';
-import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-4TJ34FXA.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-4TJ34FXA.js';
+import { Toolbar, StatusBar, ScaleIndicator, ZoomControl } from './chunk-3L4MLLQB.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-3L4MLLQB.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 { unruledConfigSchema, createLabStore, openLabStore, panelKey } from './chunk-XXACAPVU.js';
+export { CURRENT_DOCUMENT_VERSION, dockPanel, labDocumentKey, openLabStore, panelKey, quarantineKey, undockPanel, useTrialState } from './chunk-XXACAPVU.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 { ControlMatrix } from './chunk-HBGH344L.js';
-export { ControlPanel, inDialog, summarizeValue } from './chunk-XSJJTXNA.js';
-import { useConfigSchema } from './chunk-E6NARGU7.js';
-export { sectionTree, useConfigSchema } from './chunk-E6NARGU7.js';
+export { ControlMatrix } from './chunk-YX75W6EK.js';
+export { ControlPanel, inDialog, summarizeValue } from './chunk-7KAETQSS.js';
+import { useConfigSchema } from './chunk-MOTDMMMN.js';
+export { sectionTree, useConfigSchema } from './chunk-MOTDMMMN.js';
 import { useLabContext, LabContext } from './chunk-Z76KEZAX.js';
 export { LabContext, useLabContext } from './chunk-Z76KEZAX.js';
-import { useResolvedConfig } from './chunk-YCFKW5RX.js';
-export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, ListNode, NumberNode, StringNode, ValueNode, applyRules, builtinRules, f, isConfigBranch, resolveConfigSchema, titleCase, useResolvedConfig } from './chunk-YCFKW5RX.js';
+import { useResolvedConfig } from './chunk-J5HJJDLF.js';
+export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, ListNode, NumberNode, StringNode, ValueNode, applyRules, builtinRules, f, isConfigBranch, resolveConfigSchema, titleCase, useResolvedConfig } from './chunk-J5HJJDLF.js';
 export { fromConfigFields, isLeafVisible } from './chunk-WLMDTI2Q.js';
 import { hasConfigPath, schemaNodeAtPath, applyConfigWrite, resolveAutoConfig, isAuto, isRecord, autoPathsOf, fillConfigDefaults } from './chunk-READTDQX.js';
 export { auto, autoPathsOf, fillConfigDefaults, hasConfigPath, isAuto, resolveAutoConfig, schemaNodeAtPath, valueAtPath, withValueAtPath } from './chunk-READTDQX.js';
@@ -50,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, 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-IRMPZIYU.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-IRMPZIYU.js';
+import { D2, S, X, U, G, p6, o3, c, Xt, c4, a5, l5, u3, s3, r3, a7, i3, o5, s5, c5, l8, p, f2, u2, y, O2, b4, l9, w2, c6, i4, h2, j, k2, ce, le, ye, b3, j2, n6, a8, C3, l3, u, v3, d3, j3, r4, n7, r5, i5, p2, f, n8, o4, p4, l7, w, L, n9, j4, xe2, n2 } from './chunk-WURZTJGQ.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, l10 as Jog, D2 as LayerList, re as PauseIcon, ne as PlayIcon, be as PropertyControl, ye as PropertyField, b3 as PropertyGroup, le as PropertyList, ce as PropertyPanel, L2 as PropertyRow, ue as PropertySpan, B as ResetIcon, O2 as Select, ae as StepBackIcon, $ as StepForwardIcon, ie as StopIcon, x2 as Subpanel, s3 as ToggleBar, oe as TokenPanel, H2 as inferTokenType, S as moveLayers, O3 as refitScale } from './chunk-WURZTJGQ.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';
@@ -92,7 +92,7 @@ function createMarkDrawOne(opts) {
 }
 function resolveMarkStyle(data, opts) {
   return {
-    color: opts.meaning?.statuses?.find((s3) => s3.id === data.status)?.color,
+    color: opts.meaning?.statuses?.find((s4) => s4.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 ?? [])
@@ -105,7 +105,7 @@ function capturePlan(base, format) {
   if (format === "svg") return "svg-document";
   return base?.kind === "svg" ? "svg-document" : "raster-stack";
 }
-function nestBaseSvg(markup, w2, h2) {
+function nestBaseSvg(markup, w3, h2) {
   const doc = new DOMParser().parseFromString(markup, "image/svg+xml");
   const root = doc.documentElement;
   if (doc.getElementsByTagName("parsererror").length > 0 || root.localName !== "svg") {
@@ -113,17 +113,17 @@ function nestBaseSvg(markup, w2, h2) {
   }
   root.setAttribute("x", "0");
   root.setAttribute("y", "0");
-  root.setAttribute("width", String(w2));
+  root.setAttribute("width", String(w3));
   root.setAttribute("height", String(h2));
   return new XMLSerializer().serializeToString(root);
 }
-function embedRasterBase(base, w2, h2, onWarn) {
+function embedRasterBase(base, w3, h2, onWarn) {
   const href = base.kind === "canvas" ? base.canvas.toDataURL() : base.kind === "image" ? base.src : "";
   if (base.kind === "image" && !href.startsWith("data:")) {
     onWarn?.(`base image '${href}' is a reference, so this SVG is not self-contained`);
   }
-  return serializeSvg([{ kind: "image", href, x: 0, y: 0, width: w2, height: h2 }], {
-    viewBox: { x: 0, y: 0, width: w2, height: h2 }
+  return serializeSvg([{ kind: "image", href, x: 0, y: 0, width: w3, height: h2 }], {
+    viewBox: { x: 0, y: 0, width: w3, height: h2 }
   });
 }
 function markNodesOf(scene, draw, scale) {
@@ -139,15 +139,15 @@ function markNodesOf(scene, draw, scale) {
 }
 function composeCaptureSvg(args) {
   const { base, scene, draw, scale, onWarn } = args;
-  const { w: w2, h: h2 } = draw.content;
-  const baseXml = base === void 0 ? "" : base.kind === "svg" ? nestBaseSvg(base.markup, w2, h2) : embedRasterBase(base, w2, h2, onWarn);
+  const { w: w3, h: h2 } = draw.content;
+  const baseXml = base === void 0 ? "" : base.kind === "svg" ? nestBaseSvg(base.markup, w3, h2) : embedRasterBase(base, w3, h2, onWarn);
   const marksXml = serializeSvg(markNodesOf(scene, draw, scale), {
-    viewBox: { x: 0, y: 0, width: w2, height: h2 },
+    viewBox: { x: 0, y: 0, width: w3, height: h2 },
     onWarn
   });
-  const outW = Math.max(1, Math.round(w2 * scale));
+  const outW = Math.max(1, Math.round(w3 * scale));
   const outH = Math.max(1, Math.round(h2 * scale));
-  return `<svg xmlns="${SVG_NS}" width="${outW}" height="${outH}" viewBox="0 0 ${w2} ${h2}">${baseXml}${marksXml}</svg>`;
+  return `<svg xmlns="${SVG_NS}" width="${outW}" height="${outH}" viewBox="0 0 ${w3} ${h2}">${baseXml}${marksXml}</svg>`;
 }
 function context2d(width, height) {
   const canvas = document.createElement("canvas");
@@ -283,13 +283,13 @@ var MarkHistory = class {
     return null;
   }
   canUndo(at) {
-    return this.next(this.undoable, (s3) => s3.canUndo(), at) !== null;
+    return this.next(this.undoable, (s4) => s4.canUndo(), at) !== null;
   }
   canRedo(at) {
-    return this.next(this.redoable, (s3) => s3.canRedo(), at) !== null;
+    return this.next(this.redoable, (s4) => s4.canRedo(), at) !== null;
   }
   undo(at) {
-    const target = this.next(this.undoable, (s3) => s3.canUndo(), at);
+    const target = this.next(this.undoable, (s4) => s4.canUndo(), at);
     const scene = target === null ? void 0 : at(target);
     if (!scene) return false;
     this.replaying = "undo";
@@ -300,7 +300,7 @@ var MarkHistory = class {
     }
   }
   redo(at) {
-    const target = this.next(this.redoable, (s3) => s3.canRedo(), at);
+    const target = this.next(this.redoable, (s4) => s4.canRedo(), at);
     const scene = target === null ? void 0 : at(target);
     if (!scene) return false;
     this.replaying = "redo";
@@ -429,21 +429,21 @@ function createAnnotationStore(opts) {
     if (!scene) return [];
     const out = [];
     for (const id of scene.renderOrder()) {
-      const a5 = project(target, String(id));
-      if (a5) out.push(a5);
+      const a4 = project(target, String(id));
+      if (a4) out.push(a4);
     }
     return out;
   };
   const all = () => liveTargets().flatMap(marksOn);
-  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;
+  const matches = (a4, q) => {
+    if (q.target !== void 0 && a4.target !== q.target) return false;
+    if (q.kind !== void 0 && a4.kind !== q.kind) return false;
+    if (q.status !== void 0 && a4.status !== q.status) return false;
     if (q.tags !== void 0) {
-      const have = a5.tags ?? [];
+      const have = a4.tags ?? [];
       for (const t of q.tags) if (!have.includes(t)) return false;
     }
-    if (q.where && !q.where(a5)) return false;
+    if (q.where && !q.where(a4)) return false;
     return true;
   };
   const nodeOf = (id) => {
@@ -461,17 +461,17 @@ function createAnnotationStore(opts) {
       return parts ? project(parts.target, parts.node) : void 0;
     },
     query(q) {
-      return q ? all().filter((a5) => matches(a5, q)) : all();
+      return q ? all().filter((a4) => matches(a4, q)) : all();
     },
     hitTest(target, pt, tol = 0) {
-      return marksOn(target).filter((a5) => fracContains(a5.frac, pt, tol)).reverse();
+      return marksOn(target).filter((a4) => fracContains(a4.frac, pt, tol)).reverse();
     },
     within(target, box) {
-      return marksOn(target).filter((a5) => fracEncloses(box, a5.frac));
+      return marksOn(target).filter((a4) => fracEncloses(box, a4.frac));
     },
-    isStale(a5, config) {
-      const keys = targetOf(a5.target)?.positionDependsOn ?? [];
-      return isStale(a5.seen, config, keys);
+    isStale(a4, config) {
+      const keys = targetOf(a4.target)?.positionDependsOn ?? [];
+      return isStale(a4.seen, config, keys);
     },
     canUndo() {
       return history.canUndo(historySceneAt);
@@ -624,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 = (a5, b3) => a5 !== null && a5.x === b3.x && a5.y === b3.y && a5.w === b3.w && a5.h === b3.h;
+var sameRect = (a4, b3) => a4 !== null && a4.x === b3.x && a4.y === b3.y && a4.w === b3.w && a4.h === b3.h;
 function ToolBridge({ toolId }) {
   const tools = useActiveToolContext();
   const setActive = tools.setActive;
@@ -938,20 +938,6 @@ var interstellar_theme_default = {
         type: "color"
       }
     },
-    "fg-muted": {
-      by: "mode",
-      dark: {
-        value: "#a8a8c0",
-        type: "color"
-      }
-    },
-    "fg-subtle": {
-      by: "mode",
-      dark: {
-        value: "#5a5a78",
-        type: "color"
-      }
-    },
     accent: {
       by: "mode",
       dark: {
@@ -1123,7 +1109,7 @@ function Portalled({
 }
 function UndockedSections({ trialId, sections, onDock }) {
   if (sections.length === 0) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((c7) => /* @__PURE__ */ jsx(Portalled, { trialId, contribution: c7, onDock }, c7.id)) });
+  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((c6) => /* @__PURE__ */ jsx(Portalled, { trialId, contribution: c6, onDock }, c6.id)) });
 }
 var NO_OP = () => {
 };
@@ -1147,17 +1133,17 @@ function TrialChrome({
   const lab = useLabContext();
   const storeCtx = useContext(LabStoreContext);
   if (!storeCtx) throw new Error("[labkit] TrialChrome requires <LabStoreProvider>");
-  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 updateTrialView = useStore(storeCtx.store, (s4) => s4.updateTrialView);
+  const updateTrialSidebarWidth = useStore(storeCtx.store, (s4) => s4.updateTrialSidebarWidth);
+  const setTrialTitle = useStore(storeCtx.store, (s4) => s4.setTrialTitle);
+  const setTrialSectionCollapsed = useStore(storeCtx.store, (s4) => s4.setTrialSectionCollapsed);
+  const updateTrialConfig = useStore(storeCtx.store, (s4) => s4.updateTrialConfig);
+  const updateTrialState = useStore(storeCtx.store, (s4) => s4.updateTrialState);
+  const undockPanelAction = useStore(storeCtx.store, (s4) => s4.undockPanel);
+  const dockPanelAction = useStore(storeCtx.store, (s4) => s4.dockPanel);
+  const undockedPanels = useStore(storeCtx.store, (s4) => s4.undockedPanels);
   const undockedIds = useMemo(
-    () => Object.values(undockedPanels).filter((p4) => p4.trialId === trialId).map((p4) => p4.sectionId),
+    () => Object.values(undockedPanels).filter((p5) => p5.trialId === trialId).map((p5) => p5.sectionId),
     [undockedPanels, trialId]
   );
   const view2d = as2DView(record.view);
@@ -1218,7 +1204,7 @@ function TrialChrome({
       undockedPanels: undockedIds,
       undockPanel: (sectionId, as) => undockPanelAction(trialId, sectionId, as),
       dockPanel: (sectionId) => dockPanelAction(trialId, sectionId),
-      savedSnapshots: lab.savedSnapshots.filter((s3) => s3.trialId === trialId),
+      savedSnapshots: lab.savedSnapshots.filter((s4) => s4.trialId === trialId),
       saveSnapshot: (name) => lab.saveSnapshot(trialId, name),
       loadSnapshot: (snapshotId) => lab.loadSnapshot(trialId, snapshotId),
       clone: () => lab.cloneTrial(trialId),
@@ -1266,7 +1252,7 @@ function TrialChrome({
     ),
     [instrument, ctx, trialChrome, chrome, suppress, lab.controls]
   );
-  const inRegion = (region) => contributions.filter((c7) => c7.region === region);
+  const inRegion = (region) => contributions.filter((c6) => c6.region === region);
   const handleKeyDown = (e) => {
     const mod = e.metaKey || e.ctrlKey;
     if (!mod) return;
@@ -1304,7 +1290,7 @@ function TrialChrome({
             TrialBody,
             {
               width: record.sidebarWidth,
-              onWidthChange: (w2) => updateTrialSidebarWidth(trialId, w2),
+              onWidthChange: (w3) => updateTrialSidebarWidth(trialId, w3),
               contentClassName: instrument.canvas || instrument.stage ? "lk-trial__content--flush" : void 0,
               sidebar: /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(SidebarRegion, { contributions: inRegion("sidebar"), ctx }),
@@ -1312,7 +1298,7 @@ function TrialChrome({
                   UndockedSections,
                   {
                     trialId,
-                    sections: inRegion("sidebar").filter((c7) => undockedIds.includes(c7.id)),
+                    sections: inRegion("sidebar").filter((c6) => undockedIds.includes(c6.id)),
                     onDock: ctx.dockPanel
                   }
                 )
@@ -1336,8 +1322,8 @@ 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, (s3) => s3.instruments) ?? lab.instruments;
-  const record = useStore(storeCtx.store, (s3) => s3.trials.find((w2) => w2.id === id));
+  const instruments = useStore(storeCtx.store, (s4) => s4.instruments) ?? lab.instruments;
+  const record = useStore(storeCtx.store, (s4) => s4.trials.find((w3) => w3.id === id));
   const instrument = record ? instruments.find((i4) => i4.name === record.instrumentName) : void 0;
   const kept = useKeptMarks(instrument?.annotations?.storage, id);
   if (!record) {
@@ -1410,14 +1396,14 @@ function TrialRuntime({
   );
   const [pointer] = useState(createPointerStore);
   const canvasContainerRef = useRef(null);
-  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 updateTrialState = useStore(store, (s4) => s4.updateTrialState);
+  const updateTrialConfig = useStore(store, (s4) => s4.updateTrialConfig);
+  const updateTrialView = useStore(store, (s4) => s4.updateTrialView);
+  const updateTrialUndoStack = useStore(store, (s4) => s4.updateTrialUndoStack);
+  const updateTrialAnnotations = useStore(store, (s4) => s4.updateTrialAnnotations);
+  const labToolId = useStore(store, (s4) => s4.activeToolId);
+  const setLabTool = useStore(store, (s4) => s4.setLabTool);
+  const setTrialTool = useStore(store, (s4) => s4.setTrialTool);
   const schema = useConfigSchema(instrument);
   const { config } = useResolvedConfig(schema, record.config, record.auto);
   const busRef = useRef(null);
@@ -1441,7 +1427,7 @@ function TrialRuntime({
   const maxDepth = undoCap?.maxDepth ?? 50;
   const snapshotIfNeeded = (event) => {
     if (!undoCap || !undoEvents.has(event)) return;
-    const current = store.getState().trials.find((w2) => w2.id === record.id);
+    const current = store.getState().trials.find((w3) => w3.id === record.id);
     if (!current) return;
     const snap = structuredClone(current.state);
     updateTrialUndoStack(record.id, (prev) => pushSnapshot(prev, snap, maxDepth));
@@ -1609,7 +1595,7 @@ function TrialRuntime({
   const canvasLayers = useMemo(() => {
     if (!instrument.canvas) return [];
     const baseLayers = instrument.canvas.layers;
-    const ordered = layerOrder ? [...baseLayers].sort((a5, b3) => layerOrder.indexOf(a5.id) - layerOrder.indexOf(b3.id)) : baseLayers;
+    const ordered = layerOrder ? [...baseLayers].sort((a4, b3) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b3.id)) : baseLayers;
     return ordered.map((layer) => ({
       id: layer.id,
       visible: layerVisibility[layer.id] !== false,
@@ -1624,7 +1610,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((a5, b3) => layerOrder.indexOf(a5.id) - layerOrder.indexOf(b3.id)) : layerDescriptors;
+    const ordered = layerOrder ? [...layerDescriptors].sort((a4, b3) => layerOrder.indexOf(a4.id) - layerOrder.indexOf(b3.id)) : layerDescriptors;
     const pinnedLast = [
       ...ordered.filter((l8) => !l8.alwaysOn),
       ...ordered.filter((l8) => l8.alwaysOn)
@@ -1637,7 +1623,7 @@ function TrialRuntime({
     }));
   }, [layerDescriptors, layerOrder, layerVisibility]);
   const dragDropResult = useDragDrop({
-    capability: instrument.dragDrop ?? { palette: [], onDrop: (_p, _i, s3) => s3 },
+    capability: instrument.dragDrop ?? { palette: [], onDrop: (_p, _i, s4) => s4 },
     canvasContainerRef,
     view: view2d ?? DEFAULT_VIEW,
     worldSpec: instrument.canvas?.worldSpec,
@@ -1654,8 +1640,8 @@ function TrialRuntime({
   });
   const paletteItems = useMemo(() => {
     if (!instrument.dragDrop) return [];
-    const p4 = instrument.dragDrop.palette;
-    return typeof p4 === "function" ? p4(record.state, config) : p4;
+    const p5 = instrument.dragDrop.palette;
+    return typeof p5 === "function" ? p5(record.state, config) : p5;
   }, [instrument.dragDrop, record.state, config]);
   const layersWithFeedback = useMemo(() => {
     if (!dragDropResult.drag?.feedback) return canvasLayers;
@@ -1727,7 +1713,7 @@ function TrialRuntime({
       {
         items: layerItems,
         onReorder: (move) => {
-          setLayerOrder(S2(layerItems, move).map((l8) => l8.id));
+          setLayerOrder(S(layerItems, move).map((l8) => l8.id));
           bus.emit("layers.reorder");
         },
         onVisibilityChange: (lid, visible) => {
@@ -1850,7 +1836,7 @@ function addTrial(trials, instruments, instrumentName, options = {}) {
   return [...trials, record];
 }
 function cloneTrial(trials, id) {
-  const sourceIdx = trials.findIndex((w2) => w2.id === id);
+  const sourceIdx = trials.findIndex((w3) => w3.id === id);
   const source = trials[sourceIdx];
   if (!source) return trials;
   const clone = {
@@ -1865,11 +1851,11 @@ function cloneTrial(trials, id) {
 }
 function closeTrial(trials, id) {
   if (trials.length <= 1) return trials;
-  const next = trials.filter((w2) => w2.id !== id);
+  const next = trials.filter((w3) => w3.id !== id);
   return next.length === trials.length ? trials : next;
 }
 function resetTrial(trials, id, instruments) {
-  const idx = trials.findIndex((w2) => w2.id === id);
+  const idx = trials.findIndex((w3) => w3.id === id);
   const current = trials[idx];
   if (!current) return trials;
   const instrument = findInstrument(instruments, current.instrumentName);
@@ -1887,7 +1873,7 @@ function resetTrial(trials, id, instruments) {
   return [...trials.slice(0, idx), reset, ...trials.slice(idx + 1)];
 }
 function swapTrial(trials, instruments, id, instrumentName, options = {}) {
-  const idx = trials.findIndex((w2) => w2.id === id);
+  const idx = trials.findIndex((w3) => w3.id === id);
   const current = trials[idx];
   if (!current) return trials;
   const [record] = addTrial([], instruments, instrumentName, options);
@@ -1895,10 +1881,10 @@ function swapTrial(trials, instruments, id, instrumentName, options = {}) {
   return [...trials.slice(0, idx), record, ...trials.slice(idx + 1)];
 }
 function reorderTrials(trials, ids) {
-  const byId = new Map(trials.map((w2) => [w2.id, w2]));
-  const named = ids.map((id) => byId.get(id)).filter((w2) => w2 !== void 0);
-  const seen = new Set(named.map((w2) => w2.id));
-  const rest = trials.filter((w2) => !seen.has(w2.id));
+  const byId = new Map(trials.map((w3) => [w3.id, w3]));
+  const named = ids.map((id) => byId.get(id)).filter((w3) => w3 !== void 0);
+  const seen = new Set(named.map((w3) => w3.id));
+  const rest = trials.filter((w3) => !seen.has(w3.id));
   return [...named, ...rest];
 }
 function findOvershoot(bound, items, tolerance = 1) {
@@ -1913,7 +1899,7 @@ function findOvershoot(bound, items, tolerance = 1) {
   return worst;
 }
 function tagAndClasses(el) {
-  return el.tagName.toLowerCase() + [...el.classList].map((c7) => `.${c7}`).join("");
+  return el.tagName.toLowerCase() + [...el.classList].map((c6) => `.${c6}`).join("");
 }
 function describeElement(el) {
   if (el.classList.length > 0) return tagAndClasses(el);
@@ -1996,7 +1982,7 @@ function LabHeader({ addTrial: addTrial2 = true }) {
       ]
     }
   ) : /* @__PURE__ */ jsx(
-    p4,
+    p6,
     {
       "aria-label": "Add trial",
       label: "Add trial\u2026",
@@ -2012,7 +1998,7 @@ function LabThemeSwitcher() {
 function LabPalette({ tools, contributions }) {
   const ctx = useLabChromeContext();
   const all = labContributions(tools, contributions);
-  return /* @__PURE__ */ jsx(PaletteRegion, { contributions: all.filter((c7) => c7.region === "palette"), ctx });
+  return /* @__PURE__ */ jsx(PaletteRegion, { contributions: all.filter((c6) => c6.region === "palette"), ctx });
 }
 function LabRoot({ children, mode = "auto", className }) {
   const resolved = useResolvedColorMode(mode);
@@ -2031,13 +2017,13 @@ function locate(url) {
 function currentPage(path, pages) {
   const here = locate(path);
   const onDoc = (doc) => here.doc.endsWith(doc);
-  const routed = pages.findIndex((p4) => {
-    if (!p4.href.includes("#")) return false;
-    const page = locate(p4.href);
+  const routed = pages.findIndex((p5) => {
+    if (!p5.href.includes("#")) return false;
+    const page = locate(p5.href);
     return onDoc(page.doc) && (here.route === page.route || here.route.startsWith(`${page.route}/`));
   });
   if (routed >= 0) return routed;
-  return pages.findIndex((p4) => !p4.href.includes("#") && onDoc(locate(p4.href).doc));
+  return pages.findIndex((p5) => !p5.href.includes("#") && onDoc(locate(p5.href).doc));
 }
 function LabSwitcher({ title, pages, path, className }) {
   const [open, setOpen] = useState(false);
@@ -2158,8 +2144,8 @@ function LabZoomControls() {
     cameras?.subscribe ?? noSubscribe2,
     () => cameras && focusedTrialId ? cameras.get(focusedTrialId) : null
   );
-  const zoom = useStore(storeCtx.store, (s3) => {
-    const record = s3.trials.find((t) => t.id === focusedTrialId);
+  const zoom = useStore(storeCtx.store, (s4) => {
+    const record = s4.trials.find((t) => t.id === focusedTrialId);
     return as2DView(record?.view)?.zoom ?? null;
   });
   const live = zoom !== null && camera !== null;
@@ -2253,11 +2239,11 @@ function createWorkspaceStore(grid) {
   return store;
 }
 function extentOf(store, id) {
-  const p4 = store.getNode(id)?.membership?.placement;
-  if (!p4) return null;
+  const p5 = store.getNode(id)?.membership?.placement;
+  if (!p5) return null;
   const out = {};
-  if (p4.size) out.size = p4.size;
-  if (p4.span) out.span = p4.span;
+  if (p5.size) out.size = p5.size;
+  if (p5.span) out.span = p5.span;
   return Object.keys(out).length > 0 ? out : null;
 }
 function PanelFrame({ panel, floating = false }) {
@@ -2278,11 +2264,11 @@ function Workspace({
   viewport
 }) {
   const items = Children.toArray(children);
-  const tilePanels = useMemo(() => (panels ?? []).filter((p4) => p4.as === "tile"), [panels]);
-  const floatPanels = useMemo(() => (panels ?? []).filter((p4) => p4.as === "floating"), [panels]);
+  const tilePanels = useMemo(() => (panels ?? []).filter((p5) => p5.as === "tile"), [panels]);
+  const floatPanels = useMemo(() => (panels ?? []).filter((p5) => p5.as === "floating"), [panels]);
   const idKey = JSON.stringify([
     ...items.map((_2, i4) => ids?.[i4] ?? `lk-ws-${i4}`),
-    ...tilePanels.map((p4) => `lk-panel-${p4.key}`)
+    ...tilePanels.map((p5) => `lk-panel-${p5.key}`)
   ]);
   const nodeIds = useMemo(() => JSON.parse(idKey).map(asNodeId), [idKey]);
   const layoutRef = useLatest(layout);
@@ -2334,7 +2320,7 @@ function Workspace({
   const chrome = useMemo(() => {
     const byId = new Map(nodeIds.map((id, i4) => [id, items[i4]]));
     const panelByNode = new Map(
-      tilePanels.map((p4) => [`lk-panel-${p4.key}`, p4])
+      tilePanels.map((p5) => [`lk-panel-${p5.key}`, p5])
     );
     return {
       [PANEL_KIND]: ({ node }) => {
@@ -2352,7 +2338,7 @@ function Workspace({
       }
     };
   }, [nodeIds, items, reorderable, tilePanels]);
-  const floatingLayer = floatPanels.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "lk-workspace__floating", children: floatPanels.map((p4) => /* @__PURE__ */ jsx(PanelFrame, { panel: p4, floating: true }, p4.key)) });
+  const floatingLayer = floatPanels.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "lk-workspace__floating", children: floatPanels.map((p5) => /* @__PURE__ */ jsx(PanelFrame, { panel: p5, floating: true }, p5.key)) });
   const grid = /* @__PURE__ */ jsx(
     Container,
     {
@@ -2449,9 +2435,9 @@ 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, 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})`;
+  const blobs = colors.map((c6, i4) => {
+    const p5 = NEBULA_SLOTS[i4 % NEBULA_SLOTS.length];
+    return `radial-gradient(ellipse ${p5.sx} ${p5.sy} at ${p5.cx} ${p5.cy}, color-mix(in srgb, ${c6} 22%, transparent), transparent ${p5.stop})`;
   });
   blobs.push("radial-gradient(ellipse at center, #0a0a18 0%, #02020a 100%)");
   return blobs.join(", ");
@@ -2471,7 +2457,7 @@ function LabPanes({
     void 0,
     { scope: "lab" }
   );
-  const main = contributions.some((c7) => c7.region === "aside") ? /* @__PURE__ */ jsx(
+  const main = contributions.some((c6) => c6.region === "aside") ? /* @__PURE__ */ jsx(
     Split,
     {
       className: "lk-lab__panes",
@@ -2481,15 +2467,15 @@ function LabPanes({
       label: "Lab aside",
       defaultWidth: 320,
       width: asideWidth,
-      onWidthChange: (w2) => {
-        setAsideWidth(w2);
+      onWidthChange: (w3) => {
+        setAsideWidth(w3);
         surface?.invalidateRects();
       },
       sidebar: /* @__PURE__ */ jsx(LabAsideRegion, { contributions }),
       children
     }
   ) : children;
-  if (!contributions.some((c7) => c7.region === "sidebar")) return main;
+  if (!contributions.some((c6) => c6.region === "sidebar")) return main;
   return /* @__PURE__ */ jsx(
     Split,
     {
@@ -2499,8 +2485,8 @@ function LabPanes({
       label: "Lab sidebar",
       defaultWidth: 260,
       width: sidebarWidth,
-      onWidthChange: (w2) => {
-        setSidebarWidth(w2);
+      onWidthChange: (w3) => {
+        setSidebarWidth(w3);
         surface?.invalidateRects();
       },
       sidebar: /* @__PURE__ */ jsx(LabSidebarRegion, { contributions }),
@@ -2558,14 +2544,14 @@ function LabRuntime({
   useLayoutEffect(() => {
     store.getState().setInstruments(instruments);
   }, [instruments, store]);
-  const trials = useStore(store, (s3) => s3.trials);
+  const trials = useStore(store, (s4) => s4.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, (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 savedSnapshots = useStore(store, (s4) => s4.savedSnapshots);
+  const modeValue = useStore(store, (s4) => s4.mode);
+  const layout = useStore(store, (s4) => s4.layout);
+  const undockedPanels = useStore(store, (s4) => s4.undockedPanels);
   const panelHostsRef = useRef(null);
   if (panelHostsRef.current === null) panelHostsRef.current = createPanelHostRegistry();
   const outerSurface = useSurfaceOptional();
@@ -2578,17 +2564,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((c7) => c7 !== null);
+    const canvases = [ownUnderRef.current, ownOverRef.current].filter((c6) => c6 !== null);
     if (canvases.length === 0) return;
-    const w2 = Math.round(frame.size.width * frame.dpr);
+    const w3 = 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 c7 of canvases) {
-        c7.width = w2;
-        c7.height = h2;
-        c7.style.width = `${frame.size.width}px`;
-        c7.style.height = `${frame.size.height}px`;
+    if (bufferRef.current.w !== w3 || bufferRef.current.h !== h2) {
+      bufferRef.current = { w: w3, h: h2 };
+      for (const c6 of canvases) {
+        c6.width = w3;
+        c6.height = h2;
+        c6.style.width = `${frame.size.width}px`;
+        c6.style.height = `${frame.size.height}px`;
       }
       surfaceRef.current?.invalidateAll();
       return;
@@ -2654,8 +2640,8 @@ function LabRuntime({
     () => labContributions([...annotationTools, ...tools ?? []], labChrome),
     [annotationTools, tools, labChrome]
   );
-  const hasFooterChrome = labChromeAll.some((c7) => c7.region === "footer");
-  const hasPaneChrome = labChromeAll.some((c7) => c7.region === "sidebar" || c7.region === "aside");
+  const hasFooterChrome = labChromeAll.some((c6) => c6.region === "footer");
+  const hasPaneChrome = labChromeAll.some((c6) => c6.region === "sidebar" || c6.region === "aside");
   useEffect(() => {
     if (mode && mode !== store.getState().mode) {
       store.getState().setMode(mode);
@@ -2663,14 +2649,14 @@ function LabRuntime({
   }, [mode, store]);
   const contextValue = useMemo(() => {
     const replaceTrials = (next) => {
-      const currentById = new Map(store.getState().trials.map((w2) => [w2.id, w2]));
-      const merged = next.map((w2) => currentById.get(w2.id) ?? w2);
+      const currentById = new Map(store.getState().trials.map((w3) => [w3.id, w3]));
+      const merged = next.map((w3) => currentById.get(w3.id) ?? w3);
       store.setState({ trials: merged });
     };
     const replaceAndFocusAdded = (next) => {
-      const before = new Set(store.getState().trials.map((w2) => w2.id));
+      const before = new Set(store.getState().trials.map((w3) => w3.id));
       replaceTrials(next);
-      const added = next.find((w2) => !before.has(w2.id));
+      const added = next.find((w3) => !before.has(w3.id));
       if (added) setFocusPick(added.id);
     };
     return {
@@ -2695,7 +2681,7 @@ function LabRuntime({
         const current = store.getState();
         const next = swapTrial(current.trials, instruments, id, instrumentName, options);
         if (next === current.trials) return;
-        const record = next[current.trials.findIndex((w2) => w2.id === id)];
+        const record = next[current.trials.findIndex((w3) => w3.id === id)];
         const { [id]: extent, ...layoutRest } = current.layout;
         if (extent) current.setLayout({ ...layoutRest, [record.id]: extent });
         replaceTrials(next);
@@ -2705,17 +2691,17 @@ function LabRuntime({
       focusTrial: (id) => setFocusPick(id),
       resetTrial: (id) => {
         const next = resetTrial(store.getState().trials, id, instruments);
-        const record = next.find((w2) => w2.id === id);
+        const record = next.find((w3) => w3.id === id);
         if (!record) return;
-        store.setState((s3) => ({
-          trials: s3.trials.map(
-            (w2) => w2.id === id ? { ...w2, config: record.config, state: record.state, view: record.view } : w2
+        store.setState((s4) => ({
+          trials: s4.trials.map(
+            (w3) => w3.id === id ? { ...w3, config: record.config, state: record.state, view: record.view } : w3
           )
         }));
       },
       savedSnapshots,
       saveSnapshot: (trialId, name) => {
-        const taken = store.getState().savedSnapshots.filter((s3) => s3.trialId === trialId).length;
+        const taken = store.getState().savedSnapshots.filter((s4) => s4.trialId === trialId).length;
         store.getState().saveSnapshot(trialId, name ?? `Snapshot ${taken + 1}`);
       },
       loadSnapshot: (trialId, snapshotId) => {
@@ -2753,13 +2739,13 @@ function LabRuntime({
     Workspace,
     {
       panels: workspacePanels,
-      ids: trials.map((w2) => w2.id),
+      ids: trials.map((w3) => w3.id),
       resizable: true,
       reorderable: true,
       onReorder: (ids) => contextValue.reorderTrials(ids),
       layout,
       onLayoutChange: (next) => store.getState().setLayout(next),
-      children: trials.map((w2) => /* @__PURE__ */ jsx(Trial, { id: w2.id, chrome, suppress }, w2.id))
+      children: trials.map((w3) => /* @__PURE__ */ jsx(Trial, { id: w3.id, chrome, suppress }, w3.id))
     }
   );
   return /* @__PURE__ */ jsx(LabStoreContext.Provider, { value: { store }, children: /* @__PURE__ */ jsx(PersistenceContext.Provider, { value: opened.records, children: /* @__PURE__ */ jsx(AnnotationPreloadContext.Provider, { value: opened.marks, children: /* @__PURE__ */ jsx(LabContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CameraRegistryContext.Provider, { value: cameras, children: /* @__PURE__ */ jsx(
@@ -2940,9 +2926,9 @@ 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(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(c4, { isSelected: snap, onChange: setSnap, children: "Snap to grid" }),
+      /* @__PURE__ */ jsx(c4, { isIndeterminate: true, children: "Mixed" }),
+      /* @__PURE__ */ jsx(a5, { isSelected: wifi, onChange: setWifi, children: "Wifi" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "RadioGroup", children: /* @__PURE__ */ jsxs(l5, { label: "Snap mode", orientation: "horizontal", defaultValue: "grid", children: [
       /* @__PURE__ */ jsx(u3, { value: "off", children: "Off" }),
@@ -2951,7 +2937,7 @@ function ButtonsAndToggles() {
     ] }) }),
     /* @__PURE__ */ jsxs(Cell, { label: "ToggleBar", children: [
       /* @__PURE__ */ jsx(
-        a5,
+        s3,
         {
           ariaLabel: "Align",
           value: align,
@@ -2964,7 +2950,7 @@ function ButtonsAndToggles() {
         }
       ),
       /* @__PURE__ */ jsx(
-        a5,
+        s3,
         {
           ariaLabel: "Align, flat",
           variant: "flat",
@@ -2990,7 +2976,7 @@ function ButtonsAndToggles() {
         }
       ),
       /* @__PURE__ */ jsx(
-        a8,
+        a7,
         {
           items: [
             { value: "undo", label: "Undo", onAction: () => {
@@ -3003,7 +2989,7 @@ function ButtonsAndToggles() {
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "MenuButton, Disclosure", children: /* @__PURE__ */ jsxs("div", { className: "lk-specimen__row", children: [
       /* @__PURE__ */ jsx(
-        p4,
+        p6,
         {
           label: "Add trial\u2026",
           onAction: () => {
@@ -3017,14 +3003,14 @@ function ButtonsAndToggles() {
       /* @__PURE__ */ jsx(i3, { open, onToggle: () => setOpen((o4) => !o4), label: "Shapes" })
     ] }) }),
     /* @__PURE__ */ jsx(Cell, { label: "Tabs", children: /* @__PURE__ */ jsxs(o5, { children: [
-      /* @__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__ */ jsxs(s5, { "aria-label": "Sections", children: [
+        /* @__PURE__ */ jsx(c5, { id: "props", children: "Props" }),
+        /* @__PURE__ */ jsx(c5, { id: "events", children: "Events" }),
+        /* @__PURE__ */ jsx(c5, { id: "snapshot", children: "Snapshot" })
       ] }),
-      /* @__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(l8, { id: "props", children: "Props panel." }),
+      /* @__PURE__ */ jsx(l8, { id: "events", children: "Events panel." }),
+      /* @__PURE__ */ jsx(l8, { 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: "+" }),
@@ -3089,9 +3075,9 @@ function FieldsAndPickers() {
       )
     ] }),
     /* @__PURE__ */ jsxs(Cell, { label: "RangeSlider, Slider", children: [
-      /* @__PURE__ */ jsx(l10, { label: "Range", defaultValue: [20, 80], minValue: 0, maxValue: 100 }),
+      /* @__PURE__ */ jsx(l9, { label: "Range", defaultValue: [20, 80], minValue: 0, maxValue: 100 }),
       /* @__PURE__ */ jsx(
-        l10,
+        l9,
         {
           label: "Opacity",
           defaultValue: 75,
@@ -3101,7 +3087,7 @@ function FieldsAndPickers() {
         }
       ),
       /* @__PURE__ */ jsx(
-        S,
+        w2,
         {
           ariaLabel: "Pair",
           min: 0,
@@ -3116,7 +3102,7 @@ function FieldsAndPickers() {
     ] }),
     /* @__PURE__ */ jsxs(Cell, { label: "DetentSlider, InlineRange", children: [
       /* @__PURE__ */ jsx(
-        c8,
+        c6,
         {
           items: [0.25, 0.5, 1, 2, 4],
           value: rate,
@@ -3171,9 +3157,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(ae2, { title: "Shape", children: /* @__PURE__ */ jsxs(oe, { children: [
+    /* @__PURE__ */ jsx(Cell, { label: "PropertyPanel", children: /* @__PURE__ */ jsx(ce, { title: "Shape", children: /* @__PURE__ */ jsxs(le, { children: [
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "number",
           control: "slider",
@@ -3186,7 +3172,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "number",
           control: "slider",
@@ -3199,7 +3185,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "color",
           label: "Fill",
@@ -3209,9 +3195,9 @@ function PanelsAndRows() {
           onAlphaChange: setAlpha
         }
       ),
-      /* @__PURE__ */ jsx(de, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
+      /* @__PURE__ */ jsx(ye, { kind: "color", label: "Stroke", value: stroke, onChange: setStroke }),
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "number",
           label: "Count",
@@ -3223,7 +3209,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "enum",
           label: "Line cap",
@@ -3236,7 +3222,7 @@ function PanelsAndRows() {
         }
       ),
       /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "enum",
           control: "toggle",
@@ -3250,10 +3236,10 @@ function PanelsAndRows() {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(de, { kind: "string", label: "Label", value: label, onChange: setLabel }),
-      /* @__PURE__ */ jsx(de, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
+      /* @__PURE__ */ jsx(ye, { kind: "string", label: "Label", value: label, onChange: setLabel }),
+      /* @__PURE__ */ jsx(ye, { kind: "boolean", label: "Visible", value: visible, onChange: setVisible }),
       /* @__PURE__ */ jsx(b3, { title: "Bevel", defaultCollapsed: true, children: /* @__PURE__ */ jsx(
-        de,
+        ye,
         {
           kind: "number",
           control: "slider",
@@ -3279,7 +3265,7 @@ function PanelsAndRows() {
       D2,
       {
         items: layers,
-        onReorder: (move) => setLayers(S2(layers, move)),
+        onReorder: (move) => setLayers(S(layers, move)),
         renderBody: (item) => /* @__PURE__ */ jsxs("div", { children: [
           "settings for ",
           item.label
@@ -3287,7 +3273,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(
-      a9,
+      a8,
       {
         title: "Selection",
         collapsed: panelCollapsed,
@@ -3312,7 +3298,7 @@ function OverlaysAndFeedback() {
       ] }),
       /* @__PURE__ */ jsx("button", { type: "button", ref: calloutAnchor, onClick: () => setCalloutOpen(true), children: "Callout" }),
       /* @__PURE__ */ jsx(
-        v2,
+        v3,
         {
           triggerRef: calloutAnchor,
           isOpen: calloutOpen,
@@ -3407,14 +3393,14 @@ function ToolChrome() {
       },
       id
     )) }) }),
-    /* @__PURE__ */ jsx(Cell, { label: "ToolOptionsBar", children: /* @__PURE__ */ jsxs(c5, { label: "Text", children: [
+    /* @__PURE__ */ jsx(Cell, { label: "ToolOptionsBar", children: /* @__PURE__ */ jsxs(p4, { 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(
-        l8,
+        l7,
         {
           value: paneWidth,
           min: 100,