@weasel-js/labkit 1.4.0 → 1.4.2

package/dist/index.js

@@ -1,35 +1,35 @@
 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-YQGQUBKA.js';
-import { useSurfaceOptional, useSurfaceCanvas, useTileId, useTiledSurface, SurfaceContext, SurfaceCanvasContext } from './chunk-B5VWJBWM.js';
-export { SurfaceCanvasContext, SurfaceContext, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceCanvas, useSurfaceOptional, useSurfaceTile, useTileId, useTiledSurface } from './chunk-B5VWJBWM.js';
-import { useJob } from './chunk-LN6JDUGB.js';
-export { useJob } from './chunk-LN6JDUGB.js';
-import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, AnnotationsContext } from './chunk-UD7TEHZT.js';
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationsContext, ExportMenu, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, mergeContributions, suppressContributions, useAnnotations, useAnnotationsOptional } from './chunk-UD7TEHZT.js';
-import { JobProgress } from './chunk-4AMN4MMB.js';
-export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-4AMN4MMB.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-QR5V3AFG.js';
-import { createLabStore, panelKey, noneAdapter } from './chunk-LJSIUFYD.js';
-export { CURRENT_DOCUMENT_VERSION, createMemoryAdapter, dockPanel, labDocumentKey, localStorageAdapter, noneAdapter, panelKey, quarantineKey, sessionStorageAdapter, undockPanel, urlHashAdapter, useTrialState } from './chunk-LJSIUFYD.js';
+import { useDragDrop, DragOverlay, Palette } from './chunk-TN7YSJVU.js';
+import { useSurfaceOptional, useSurfaceCanvas, useTileId, useTiledSurface, SurfaceContext, SurfaceCanvasContext } from './chunk-WS6ZRV75.js';
+export { SurfaceCanvasContext, SurfaceContext, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceCanvas, useSurfaceOptional, useSurfaceTile, useTileId, useTiledSurface } from './chunk-WS6ZRV75.js';
+import { useJob } from './chunk-HXXTULDN.js';
+export { useJob } from './chunk-HXXTULDN.js';
+import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, AnnotationsContext } from './chunk-W2FJR5FF.js';
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationsContext, ExportMenu, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, mergeContributions, suppressContributions, useAnnotations, useAnnotationsOptional } from './chunk-W2FJR5FF.js';
+import { JobProgress } from './chunk-UDXOYZEC.js';
+export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-UDXOYZEC.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-UTOEDPNU.js';
+import { createLabStore, panelKey, noneAdapter } from './chunk-ULDW42CR.js';
+export { CURRENT_DOCUMENT_VERSION, createMemoryAdapter, dockPanel, labDocumentKey, localStorageAdapter, noneAdapter, panelKey, quarantineKey, sessionStorageAdapter, undockPanel, urlHashAdapter, useTrialState } from './chunk-ULDW42CR.js';
 import { LabStoreContext, TrialIdProvider } from './chunk-2YILQ7Y5.js';
 export { LabStoreContext, LabStoreProvider, TrialIdContext, TrialIdProvider, useLabStore, useTrialId } from './chunk-2YILQ7Y5.js';
-import { fromConfigFields } from './chunk-W3KSUXXR.js';
-export { ControlPanel, fromConfigFields, isLeafVisible } from './chunk-W3KSUXXR.js';
-import { CanvasStack } from './chunk-VHFQKAUL.js';
-export { CanvasStack, PITCH_LIMIT, clampPitch, orbitAfterDrag, orbitAfterWheel, useOrbit, usePanZoom, wrapYaw } from './chunk-VHFQKAUL.js';
-import { LayerList } from './chunk-XCBCZEBO.js';
-export { LayerList } from './chunk-XCBCZEBO.js';
+import { fromConfigFields } from './chunk-XKENZTNE.js';
+export { ControlPanel, fromConfigFields, isLeafVisible } from './chunk-XKENZTNE.js';
+import { CanvasStack } from './chunk-FJG4PHTL.js';
+export { CanvasStack, PITCH_LIMIT, clampPitch, orbitAfterDrag, orbitAfterWheel, useOrbit, usePanZoom, wrapYaw } from './chunk-FJG4PHTL.js';
+import { LayerList } from './chunk-NSOVI3AZ.js';
+export { LayerList } from './chunk-NSOVI3AZ.js';
 import './chunk-SBXNQW4G.js';
-import { E, w, T, C, p, r3 } from './chunk-L5WBGUVR.js';
-export { A2 as CheckboxRow, k as ColorRow, h2 as CurveField, v3 as EffectCard, b3 as EffectCardList, c3 as LayerStack, M2 as NumberRow, x3 as PropertyGroup, C2 as PropertyList, S2 as PropertyPanel, T2 as PropertyRow, w2 as PropertySpan, N2 as SelectRow, D as SliderRow, _3 as Subpanel, j2 as TextRow, P2 as ToggleRow } from './chunk-L5WBGUVR.js';
-import { resolveLoupe, TrialLoupe } from './chunk-Y2HK44TG.js';
-export { CanvasLoupe, DomLoupe, LOUPE_DEFAULTS, LoupeBubble, TrialLoupe, drawCanvasLens, lensCamera, lensSourceRect, resolveLoupe, sampleStack, useLoupe } from './chunk-Y2HK44TG.js';
+import { E, w, T, C, h, r4 } from './chunk-ISSVF5PT.js';
+export { M2 as CheckboxRow, j2 as ColorRow, y4 as CurveField, R as EffectCard, B as EffectCardList, c3 as LayerStack, P2 as NumberRow, V as PropertyGroup, T2 as PropertyList, w2 as PropertyPanel, D as PropertyRow, E2 as PropertySpan, F as SelectRow, k as SliderRow, L2 as Subpanel, N2 as TextRow, I as ToggleRow } from './chunk-ISSVF5PT.js';
+import { resolveLoupe, TrialLoupe } from './chunk-D5KQ5OY6.js';
+export { CanvasLoupe, DomLoupe, LOUPE_DEFAULTS, LoupeBubble, TrialLoupe, drawCanvasLens, lensCamera, lensSourceRect, resolveLoupe, sampleStack, useLoupe } from './chunk-D5KQ5OY6.js';
 export { centerOn, zoomAt } from './chunk-CTRKTLYZ.js';
 import { applyCamera } from './chunk-2AYGEN57.js';
 export { DEFAULT_FRAME, applyCamera, resolveFrame, screenToWorld, worldToScreen } from './chunk-2AYGEN57.js';
 export { CanvasStackContext } from './chunk-CQLQPQ4P.js';
-import { textCommand, linePath, markerDrawCommands, ellipsePath, rectPath, createScene, asNodeId as asNodeId$1, WeaselProvider, SceneCanvas, sceneFromJSON, PathBuilder, renderSceneToPixels, useActiveToolContext, resolveStrokeWidth, getMarker, getPaintKind, boundsOfPath, tileGeometry, PATH_M, PATH_L, PATH_C, PATH_Q, PATH_Z, SCRIPT_METRICS } from './chunk-7VW3S44V.js';
+import { textCommand, linePath, markerDrawCommands, ellipsePath, rectPath, createScene, asNodeId as asNodeId$1, WeaselProvider, SceneCanvas, sceneFromJSON, PathBuilder, renderSceneToPixels, useActiveToolContext, resolveStrokeWidth, getMarker, getPaintKind, boundsOfPath, tileGeometry, PATH_M, PATH_L, PATH_C, PATH_Q, PATH_Z, SCRIPT_METRICS } from './chunk-54ZWZ5FQ.js';
 import { createContext, useState, useRef, useEffect, useContext, useMemo, Children, useLayoutEffect, useCallback, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -39,14 +39,14 @@ import { Provider, StrategyRegistryProvider, Container, DragProvider, useDragHan
 
 // ../svg/dist/index.js
 var IDENTITY_MATRIX = [1, 0, 0, 1, 0, 0];
-function multiply(a, b2) {
+function multiply(a, b) {
   return [
-    a[0] * b2[0] + a[2] * b2[1],
-    a[1] * b2[0] + a[3] * b2[1],
-    a[0] * b2[2] + a[2] * b2[3],
-    a[1] * b2[2] + a[3] * b2[3],
-    a[0] * b2[4] + a[2] * b2[5] + a[4],
-    a[1] * b2[4] + a[3] * b2[5] + a[5]
+    a[0] * b[0] + a[2] * b[1],
+    a[1] * b[0] + a[3] * b[1],
+    a[0] * b[2] + a[2] * b[3],
+    a[1] * b[2] + a[3] * b[3],
+    a[0] * b[4] + a[2] * b[5] + a[4],
+    a[1] * b[4] + a[3] * b[5] + a[5]
   ];
 }
 function isIdentity(m, eps = 1e-9) {
@@ -108,8 +108,8 @@ function escapeAttr(s) {
 }
 function serializePathD(path) {
   if (path.kind === "rect") {
-    const { x: x2, y, width, height } = path;
-    return `M${trimNumber(x2)} ${trimNumber(y)}h${trimNumber(width)}v${trimNumber(height)}h${trimNumber(-width)}Z`;
+    const { x, y: y2, width, height } = path;
+    return `M${trimNumber(x)} ${trimNumber(y2)}h${trimNumber(width)}v${trimNumber(height)}h${trimNumber(-width)}Z`;
   }
   const cmds = path.commands;
   const xs = path.coords;
@@ -395,9 +395,9 @@ function pathXml(node, registry, namespaces) {
     attrs.push(`opacity="${trimNumber(node.opacity)}"`);
   }
   if (node.rotation != null && node.rotation !== 0) {
-    const b2 = pathBounds(node.path);
-    const cx = b2.minX + (b2.maxX - b2.minX) / 2;
-    const cy = b2.minY + (b2.maxY - b2.minY) / 2;
+    const b = pathBounds(node.path);
+    const cx = b.minX + (b.maxX - b.minX) / 2;
+    const cy = b.minY + (b.maxY - b.minY) / 2;
     const deg = node.rotation * 180 / Math.PI;
     attrs.push(`transform="rotate(${trimNumber(deg)} ${trimNumber(cx)} ${trimNumber(cy)})"`);
   }
@@ -494,11 +494,11 @@ function computeBounds(nodes) {
       n.children.forEach((c2) => visit(c2, childCtm));
       return;
     }
-    const b2 = n.kind === "text" || n.kind === "image" ? { minX: n.x, minY: n.y, maxX: n.x + n.width, maxY: n.y + n.height } : pathBounds(n.path);
-    const local = n.rotation ? rotateAboutCenter(ctm, b2, n.rotation) : ctm;
-    for (const [x2, y] of corners(b2)) {
-      const px = local[0] * x2 + local[2] * y + local[4];
-      const py = local[1] * x2 + local[3] * y + local[5];
+    const b = n.kind === "text" || n.kind === "image" ? { minX: n.x, minY: n.y, maxX: n.x + n.width, maxY: n.y + n.height } : pathBounds(n.path);
+    const local = n.rotation ? rotateAboutCenter(ctm, b, n.rotation) : ctm;
+    for (const [x, y2] of corners(b)) {
+      const px = local[0] * x + local[2] * y2 + local[4];
+      const py = local[1] * x + local[3] * y2 + local[5];
       if (px < minX) minX = px;
       if (py < minY) minY = py;
       if (px > maxX) maxX = px;
@@ -511,12 +511,12 @@ function computeBounds(nodes) {
   }
   return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
 }
-function corners(b2) {
-  return [[b2.minX, b2.minY], [b2.maxX, b2.minY], [b2.maxX, b2.maxY], [b2.minX, b2.maxY]];
+function corners(b) {
+  return [[b.minX, b.minY], [b.maxX, b.minY], [b.maxX, b.maxY], [b.minX, b.maxY]];
 }
-function rotateAboutCenter(ctm, b2, angle) {
-  const cx = (b2.minX + b2.maxX) / 2;
-  const cy = (b2.minY + b2.maxY) / 2;
+function rotateAboutCenter(ctm, b, angle) {
+  const cx = (b.minX + b.maxX) / 2;
+  const cy = (b.minY + b.maxY) / 2;
   const c2 = Math.cos(angle);
   const s = Math.sin(angle);
   return multiply(ctm, [c2, s, -s, c2, cx - cx * c2 + cy * s, cy - cx * s - cy * c2]);
@@ -628,34 +628,34 @@ function pathBounds(path) {
       maxY: path.y + path.height
     };
   }
-  const b2 = boundsOfPath(path);
-  return { minX: b2.x, minY: b2.y, maxX: b2.x + b2.width, maxY: b2.y + b2.height };
+  const b = boundsOfPath(path);
+  return { minX: b.x, minY: b.y, maxX: b.x + b.width, maxY: b.y + b.height };
 }
 
 // src/annotations/paint.ts
 var MARK_COLOR = "#e5484d";
 var MARK_WIDTH = 2;
 var TEXT_SIZE = 14;
-var toWorld = (p2, content) => ({
-  x: p2.x * content.w,
-  y: p2.y * content.h
+var toWorld = (p, content) => ({
+  x: p.x * content.w,
+  y: p.y * content.h
 });
 function vertices(m, content) {
   const stored = m.data.points;
-  if (stored && stored.length >= 2) return stored.map((p2) => toWorld(p2, content));
-  const { x: x2, y, width, height } = m.pose;
+  if (stored && stored.length >= 2) return stored.map((p) => toWorld(p, content));
+  const { x, y: y2, width, height } = m.pose;
   return [
-    { x: x2, y },
-    { x: x2 + width, y: y + height }
+    { x, y: y2 },
+    { x: x + width, y: y2 + height }
   ];
 }
 function polyline(points) {
-  const b2 = new PathBuilder();
+  const b = new PathBuilder();
   const first = points[0];
   if (!first) return rectPath(0, 0, 0, 0);
-  b2.moveTo(first.x, first.y);
-  for (const p2 of points.slice(1)) b2.lineTo(p2.x, p2.y);
-  return b2.build();
+  b.moveTo(first.x, first.y);
+  for (const p of points.slice(1)) b.lineTo(p.x, p.y);
+  return b.build();
 }
 function markCommands(m, content, style = {}) {
   const color = style.color ?? MARK_COLOR;
@@ -674,13 +674,13 @@ function markCommands(m, content, style = {}) {
     case "ellipse":
       return [{ kind: "path", path: ellipsePath(m.pose), stroke }];
     case "line": {
-      const [a, b2] = vertices(m, content);
-      return [{ kind: "path", path: linePath(a, b2), stroke }];
+      const [a, b] = vertices(m, content);
+      return [{ kind: "path", path: linePath(a, b), stroke }];
     }
     case "arrow": {
-      const [a, b2] = vertices(m, content);
+      const [a, b] = vertices(m, content);
       const marked = { ...stroke, markerEnd: "arrow" };
-      const path = linePath(a, b2);
+      const path = linePath(a, b);
       return [
         { kind: "path", path, stroke: marked },
         ...markerDrawCommands(path, marked, MARK_WIDTH, void 0)
@@ -1265,17 +1265,17 @@ function annotationsFromJSON(raw, targets, rest = {}) {
 }
 
 // src/annotations/view.ts
-function toWeaselView(v2) {
-  return { x: v2.pan.x, y: v2.pan.y, scale: { x: v2.zoom, y: v2.zoom } };
+function toWeaselView(v) {
+  return { x: v.pan.x, y: v.pan.y, scale: { x: v.zoom, y: v.zoom } };
 }
-function fromWeaselView(v2) {
-  return { zoom: v2.scale.x, pan: { x: v2.x, y: v2.y } };
+function fromWeaselView(v) {
+  return { zoom: v.scale.x, pan: { x: v.x, y: v.y } };
 }
 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 = (a, b2) => a !== null && a.x === b2.x && a.y === b2.y && a.w === b2.w && a.h === b2.h;
+var sameRect = (a, b) => a !== null && a.x === b.x && a.y === b.y && a.w === b.w && a.h === b.h;
 function ToolBridge({ toolId }) {
   const tools = useActiveToolContext();
   const setActive = tools.setActive;
@@ -1285,9 +1285,9 @@ function ToolBridge({ toolId }) {
   return null;
 }
 function pointsOf(extras, content) {
-  const toFrac = (p2) => ({
-    x: content.w === 0 ? 0 : p2.x / content.w,
-    y: content.h === 0 ? 0 : p2.y / content.h
+  const toFrac = (p) => ({
+    x: content.w === 0 ? 0 : p.x / content.w,
+    y: content.h === 0 ? 0 : p.y / content.h
   });
   if (extras.kind === "line") {
     return [toFrac(extras.a), toFrac(extras.b)];
@@ -1411,10 +1411,11 @@ function AnnotationTargets({
   capability,
   state,
   config,
+  trial,
   annotations,
   activeToolId
 }) {
-  const targets = capability.targets(state, config);
+  const targets = capability.targets(state, config, trial);
   return /* @__PURE__ */ jsx(Fragment, { children: targets.map((t) => /* @__PURE__ */ jsx(
     AnnotationOverlay,
     {
@@ -1610,9 +1611,9 @@ function applyRules(seed, ctx, rules) {
   for (const rule of rules) {
     const patch = rule({ ...ctx, leaf: acc });
     if (patch === null) continue;
-    for (const [k2, v2] of Object.entries(patch)) {
-      if (v2 !== void 0 && acc[k2] === void 0) {
-        acc[k2] = v2;
+    for (const [k2, v] of Object.entries(patch)) {
+      if (v !== void 0 && acc[k2] === void 0) {
+        acc[k2] = v;
       }
     }
   }
@@ -1622,7 +1623,7 @@ function applyRules(seed, ctx, rules) {
 // src/config/resolve.ts
 function defined(annotations) {
   const out = {};
-  for (const [k2, v2] of Object.entries(annotations)) if (v2 !== void 0) out[k2] = v2;
+  for (const [k2, v] of Object.entries(annotations)) if (v !== void 0) out[k2] = v;
   return out;
 }
 function resolveConfigSchema(schema, rules = []) {
@@ -2304,8 +2305,8 @@ function hexToRgba(hex, alpha) {
   const full = body.length === 3 ? body.replace(/./g, (c2) => c2 + c2) : body;
   const r2 = Number.parseInt(full.slice(0, 2), 16);
   const g = Number.parseInt(full.slice(2, 4), 16);
-  const b2 = Number.parseInt(full.slice(4, 6), 16);
-  return `rgba(${r2}, ${g}, ${b2}, ${alpha})`;
+  const b = Number.parseInt(full.slice(4, 6), 16);
+  return `rgba(${r2}, ${g}, ${b}, ${alpha})`;
 }
 var REF = /^\{([^}]+)\}$/;
 function refTarget(value) {
@@ -2445,7 +2446,7 @@ function useThemeOptional() {
 
 // ../theme/dist/index.js
 var ALPHA_EXT = "com.weasel.alpha";
-var isToken = (v2) => typeof v2 === "object" && v2 !== null && "$value" in v2;
+var isToken = (v) => typeof v === "object" && v !== null && "$value" in v;
 function flattenTokens(doc) {
   const out = {};
   for (const [groupName, group] of Object.entries(doc)) {
@@ -2563,11 +2564,11 @@ var interstellarTheme = loadDTCG(interstellar_tokens_default);
 var DEFAULT_VIEW = { zoom: 1, pan: { x: 0, y: 0 } };
 function as2DView(view) {
   if (typeof view !== "object" || view === null) return null;
-  const v2 = view;
-  if (typeof v2.zoom !== "number") return null;
-  if (typeof v2.pan !== "object" || v2.pan === null) return null;
-  if (typeof v2.pan.x !== "number" || typeof v2.pan.y !== "number") return null;
-  return { zoom: v2.zoom, pan: { x: v2.pan.x, y: v2.pan.y } };
+  const v = view;
+  if (typeof v.zoom !== "number") return null;
+  if (typeof v.pan !== "object" || v.pan === null) return null;
+  if (typeof v.pan.x !== "number" || typeof v.pan.y !== "number") return null;
+  return { zoom: v.zoom, pan: { x: v.pan.x, y: v.pan.y } };
 }
 var ZONE_ID = asNodeId("lk-trial-body");
 var SIDEBAR_ID = asNodeId("lk-trial-sidebar");
@@ -2671,18 +2672,20 @@ var TrialDragContext = createContext(null);
 function useTrialDrag() {
   return useContext(TrialDragContext);
 }
-function Draggable({ nodeId, title, children }) {
+function Draggable({ nodeId, title, lead, children }) {
   const handlers = useDragHandle(nodeId);
   return /* @__PURE__ */ jsxs("div", { className: "lk-trial__titlebar lk-trial__titlebar--draggable", ...handlers, children: [
+    lead,
     /* @__PURE__ */ jsx("span", { className: "lk-trial__title", children: title }),
     children
   ] });
 }
-function TrialTitleBar({ title, children }) {
+function TrialTitleBar({ title, lead, children }) {
   const drag = useTrialDrag();
   if (drag)
-    return /* @__PURE__ */ jsx(Draggable, { nodeId: drag.nodeId, title, children });
+    return /* @__PURE__ */ jsx(Draggable, { nodeId: drag.nodeId, title, lead, children });
   return /* @__PURE__ */ jsxs("div", { className: "lk-trial__titlebar", children: [
+    lead,
     /* @__PURE__ */ jsx("span", { className: "lk-trial__title", children: title }),
     children
   ] });
@@ -2752,6 +2755,7 @@ function UndockedSections({ trialId, sections, onDock }) {
 }
 var NO_OP = () => {
 };
+var NO_SECTIONS = Object.freeze({});
 function TrialChrome({
   trialId,
   record,
@@ -2772,17 +2776,21 @@ function TrialChrome({
   if (!storeCtx) throw new Error("[labkit] TrialChrome requires <LabStoreProvider>");
   const updateTrialView = useStore(storeCtx.store, (s) => s.updateTrialView);
   const updateTrialSidebarWidth = useStore(storeCtx.store, (s) => s.updateTrialSidebarWidth);
+  const setTrialTitle = useStore(storeCtx.store, (s) => s.setTrialTitle);
+  const setTrialSectionCollapsed = useStore(storeCtx.store, (s) => s.setTrialSectionCollapsed);
   const updateTrialConfig = useStore(storeCtx.store, (s) => s.updateTrialConfig);
   const updateTrialState = useStore(storeCtx.store, (s) => s.updateTrialState);
   const undockPanelAction = useStore(storeCtx.store, (s) => s.undockPanel);
   const dockPanelAction = useStore(storeCtx.store, (s) => s.dockPanel);
   const undockedPanels = useStore(storeCtx.store, (s) => s.undockedPanels);
   const undockedIds = useMemo(
-    () => Object.values(undockedPanels).filter((p2) => p2.trialId === trialId).map((p2) => p2.sectionId),
+    () => Object.values(undockedPanels).filter((p) => p.trialId === trialId).map((p) => p.sectionId),
     [undockedPanels, trialId]
   );
   const view2d = as2DView(record.view);
   const configSchema = useConfigSchema(instrument);
+  const title = record.title ?? record.instrumentName;
+  const collapsedSections = record.collapsedSections ?? NO_SECTIONS;
   const ctx = useMemo(() => {
     const setZoom = (z) => {
       if (!view2d) return;
@@ -2791,6 +2799,8 @@ function TrialChrome({
     return {
       trialId,
       instrumentName: record.instrumentName,
+      title,
+      setTitle: (next) => setTrialTitle(trialId, next),
       isLastTrial,
       zoom: view2d ? view2d.zoom : null,
       setZoom,
@@ -2817,6 +2827,8 @@ function TrialChrome({
           updateTrialState(trialId, nextState);
         }
       },
+      collapsedSections,
+      setSectionCollapsed: (key, collapsed) => setTrialSectionCollapsed(trialId, key, collapsed),
       undockedPanels: undockedIds,
       undockPanel: (sectionId, as) => undockPanelAction(trialId, sectionId, as),
       dockPanel: (sectionId) => dockPanelAction(trialId, sectionId),
@@ -2834,6 +2846,7 @@ function TrialChrome({
     record,
     instrument,
     lab,
+    title,
     isLastTrial,
     updateTrialView,
     updateTrialConfig,
@@ -2846,7 +2859,10 @@ function TrialChrome({
     configSchema,
     undockedIds,
     undockPanelAction,
-    dockPanelAction
+    dockPanelAction,
+    setTrialTitle,
+    setTrialSectionCollapsed,
+    collapsedSections
   ]);
   const contributions = useMemo(
     () => suppressContributions(
@@ -2877,11 +2893,18 @@ function TrialChrome({
     "section",
     {
       className: "lk-trial",
-      "aria-label": `Trial ${record.instrumentName}`,
+      "aria-label": `Trial ${title}`,
       tabIndex: -1,
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx(TrialTitleBar, { title: record.instrumentName, children: /* @__PURE__ */ jsx(TitleBarRegion, { contributions: inRegion("titlebar"), ctx }) }),
+        /* @__PURE__ */ jsx(
+          TrialTitleBar,
+          {
+            title,
+            lead: /* @__PURE__ */ jsx(TitleBarRegion, { placement: "lead", contributions: inRegion("titlebar"), ctx }),
+            children: /* @__PURE__ */ jsx(TitleBarRegion, { contributions: inRegion("titlebar"), ctx })
+          }
+        ),
         /* @__PURE__ */ jsx("div", { className: "lk-trial__toolbar", children: /* @__PURE__ */ jsx(ToolbarRegion, { contributions: inRegion("toolbar"), ctx }) }),
         /* @__PURE__ */ jsxs("div", { className: "lk-trial__body", children: [
           /* @__PURE__ */ jsx(PaletteRegion, { contributions: inRegion("palette"), ctx }),
@@ -2978,7 +3001,7 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
     const snap = structuredClone(current.state);
     updateTrialUndoStack(record.id, (prev) => pushSnapshot(prev, snap, maxDepth));
   };
-  const setView = (v2) => updateTrialView(record.id, v2);
+  const setView = (v) => updateTrialView(record.id, v);
   const placeView = (size) => {
     const declared = instrument.canvas?.initialView;
     if (typeof declared !== "function") return;
@@ -2987,7 +3010,7 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
   };
   const annotationsCap = instrument.annotations;
   const targetsRef = useRef(() => []);
-  targetsRef.current = () => annotationsCap ? annotationsCap.targets(record.state, record.config) : [];
+  targetsRef.current = () => annotationsCap ? annotationsCap.targets(record.state, record.config, { id: record.id, view: record.view }) : [];
   const annotationsRef = useRef(null);
   const configRef = useRef(record.config);
   configRef.current = record.config;
@@ -3118,11 +3141,11 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
     if (declared == null) return null;
     return resolveLoupe(typeof declared === "function" ? declared(record.config) : declared);
   }, [instrument.loupe, record.config]);
-  const loupeBindings = loupeCap ? { on: loupeOn, toggle: () => setLoupeOn((v2) => !v2) } : void 0;
+  const loupeBindings = loupeCap ? { on: loupeOn, toggle: () => setLoupeOn((v) => !v) } : void 0;
   const canvasLayers = useMemo(() => {
     if (!instrument.canvas) return [];
     const baseLayers = instrument.canvas.layers;
-    const ordered = layerOrder ? [...baseLayers].sort((a, b2) => layerOrder.indexOf(a.id) - layerOrder.indexOf(b2.id)) : baseLayers;
+    const ordered = layerOrder ? [...baseLayers].sort((a, b) => layerOrder.indexOf(a.id) - layerOrder.indexOf(b.id)) : baseLayers;
     return ordered.map((layer) => ({
       id: layer.id,
       visible: layerVisibility[layer.id] !== false,
@@ -3154,8 +3177,8 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
   });
   const paletteItems = useMemo(() => {
     if (!instrument.dragDrop) return [];
-    const p2 = instrument.dragDrop.palette;
-    return typeof p2 === "function" ? p2(record.state, record.config) : p2;
+    const p = instrument.dragDrop.palette;
+    return typeof p === "function" ? p(record.state, record.config) : p;
   }, [instrument.dragDrop, record.state, record.config]);
   const layersWithFeedback = useMemo(() => {
     if (!dragDropResult.drag?.feedback) return canvasLayers;
@@ -3269,6 +3292,7 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
       capability: annotationsCap,
       state: record.state,
       config: record.config,
+      trial: { id: record.id, view: record.view },
       annotations,
       activeToolId: resolvedToolId
     }
@@ -3310,9 +3334,17 @@ function initialView(instrument) {
   if (typeof declared === "function") return null;
   return declared ? structuredClone(declared) : { ...DEFAULT_VIEW2, pan: { ...DEFAULT_VIEW2.pan } };
 }
-function addTrial(trials, instruments, instrumentName) {
+function seedConfig(defaults, seed) {
+  if (!seed) return defaults;
+  const out = { ...defaults };
+  for (const [key, value] of Object.entries(seed)) {
+    if (value !== void 0) out[key] = value;
+  }
+  return out;
+}
+function addTrial(trials, instruments, instrumentName, options = {}) {
   const instrument = findInstrument(instruments, instrumentName);
-  const config = instrument.defaultConfig();
+  const config = seedConfig(instrument.defaultConfig(), options.config);
   const state = instrument.initialState(config);
   const record = {
     id: crypto.randomUUID(),
@@ -3322,6 +3354,7 @@ function addTrial(trials, instruments, instrumentName) {
     view: initialView(instrument),
     undoStack: { past: [], future: [] }
   };
+  if (options.config) record.configSeed = options.config;
   return [...trials, record];
 }
 function cloneTrial(trials, id) {
@@ -3348,7 +3381,7 @@ function resetTrial(trials, id, instruments) {
   const current = trials[idx];
   if (!current) return trials;
   const instrument = findInstrument(instruments, current.instrumentName);
-  const config = instrument.defaultConfig();
+  const config = seedConfig(instrument.defaultConfig(), current.configSeed);
   const state = instrument.initialState(config);
   const reset = {
     ...current,
@@ -3394,7 +3427,7 @@ function LabHeader() {
       // Held at null so the control stays an "add one" action rather than
       // reading as the current instrument.
       /* @__PURE__ */ jsx(
-        p,
+        h,
         {
           className: "lk-lab-header__add-select",
           "aria-label": "Add trial",
@@ -3408,7 +3441,7 @@ function LabHeader() {
       )
     ),
     /* @__PURE__ */ jsx(
-      r3,
+      r4,
       {
         className: "lk-lab-header__mode",
         ariaLabel: "Color mode",
@@ -3477,11 +3510,11 @@ var FLOAT_ZONE_ID = asNodeId("lk-workspace-floating");
 var PANEL_KIND = "panel";
 var KIND = "trial";
 function extentOf(store, id) {
-  const p2 = store.getNode(id)?.membership?.placement;
-  if (!p2) return null;
+  const p = store.getNode(id)?.membership?.placement;
+  if (!p) return null;
   const out = {};
-  if (p2.size) out.size = p2.size;
-  if (p2.span) out.span = p2.span;
+  if (p.size) out.size = p.size;
+  if (p.span) out.span = p.span;
   return Object.keys(out).length > 0 ? out : null;
 }
 function PanelFrame({ panel, floating = false }) {
@@ -3502,11 +3535,11 @@ function Workspace({
   viewport
 }) {
   const items = Children.toArray(children);
-  const tilePanels = useMemo(() => (panels ?? []).filter((p2) => p2.as === "tile"), [panels]);
-  const floatPanels = useMemo(() => (panels ?? []).filter((p2) => p2.as === "floating"), [panels]);
+  const tilePanels = useMemo(() => (panels ?? []).filter((p) => p.as === "tile"), [panels]);
+  const floatPanels = useMemo(() => (panels ?? []).filter((p) => p.as === "floating"), [panels]);
   const wantedIds = [
-    ...items.map((_2, i) => ids?.[i] ?? `lk-ws-${i}`),
-    ...tilePanels.map((p2) => `lk-panel-${p2.key}`)
+    ...items.map((_, i) => ids?.[i] ?? `lk-ws-${i}`),
+    ...tilePanels.map((p) => `lk-panel-${p.key}`)
   ];
   const idKey = wantedIds.join(",");
   const idKeyRef = useRef(null);
@@ -3583,7 +3616,7 @@ function Workspace({
   const chrome = useMemo(() => {
     const byId = new Map(nodeIds.map((id, i) => [id, items[i]]));
     const panelByNode = new Map(
-      tilePanels.map((p2) => [`lk-panel-${p2.key}`, p2])
+      tilePanels.map((p) => [`lk-panel-${p.key}`, p])
     );
     return {
       [PANEL_KIND]: ({ node }) => {
@@ -3601,7 +3634,7 @@ function Workspace({
       }
     };
   }, [nodeIds, items, reorderable, tilePanels]);
-  const floatingLayer = floatPanels.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "lk-workspace__floating", children: floatPanels.map((p2) => /* @__PURE__ */ jsx(PanelFrame, { panel: p2, floating: true }, p2.key)) });
+  const floatingLayer = floatPanels.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "lk-workspace__floating", children: floatPanels.map((p) => /* @__PURE__ */ jsx(PanelFrame, { panel: p, floating: true }, p.key)) });
   const grid = /* @__PURE__ */ jsx(
     Container,
     {
@@ -3644,8 +3677,8 @@ var NEBULA_SLOTS = [
 ];
 function buildNebula(colors) {
   const blobs = colors.map((c2, i) => {
-    const p2 = NEBULA_SLOTS[i % NEBULA_SLOTS.length];
-    return `radial-gradient(ellipse ${p2.sx} ${p2.sy} at ${p2.cx} ${p2.cy}, color-mix(in srgb, ${c2} 22%, transparent), transparent ${p2.stop})`;
+    const p = NEBULA_SLOTS[i % NEBULA_SLOTS.length];
+    return `radial-gradient(ellipse ${p.sx} ${p.sy} at ${p.cx} ${p.cy}, color-mix(in srgb, ${c2} 22%, transparent), transparent ${p.stop})`;
   });
   blobs.push("radial-gradient(ellipse at center, #0a0a18 0%, #02020a 100%)");
   return blobs.join(", ");
@@ -3734,8 +3767,8 @@ function Lab({
     return {
       instruments,
       trials,
-      addTrial: (instrumentName) => {
-        const next = addTrial(store.getState().trials, instruments, instrumentName);
+      addTrial: (instrumentName, options) => {
+        const next = addTrial(store.getState().trials, instruments, instrumentName, options);
         replaceTrials(next);
       },
       cloneTrial: (id) => {