@weasel-js/labkit 1.4.3 → 1.4.4

package/dist/controls/index.d.ts

@@ -1,4 +1,4 @@
-export { e as ControlPanel } from '../_dts/index-DelFfeV0.js';
+export { e as ControlPanel } from '../_dts/index-Blv9uQzu.js';
 export { a as CheckboxField, b as ColorField, C as ConfigField, d as ConfigFieldType, N as NumberField, S as SelectField, e as SelectOption, f as SliderField, T as TextField } from '../_dts/types-x92Kfeme.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/controls/index.js

@@ -1,5 +1,5 @@
-export { ControlPanel } from '../chunk-ASWKLRKJ.js';
+export { ControlPanel } from '../chunk-U3IYHIAE.js';
 import '../chunk-E44SU6XS.js';
-import '../chunk-MHAGC6VD.js';
+import '../chunk-W3ECWC2K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/dragdrop/index.d.ts

@@ -1,4 +1,4 @@
-import { P as PaletteItem, a as Point, D as DragFeedback, b as DragDropCapability, V as ViewTransform, c as WorldSpec } from '../_dts/frac-B5mB8LsJ.js';
+import { P as PaletteItem, a as Point, D as DragFeedback, b as DragDropCapability, V as ViewTransform, c as WorldSpec } from '../_dts/frac-z7ker2Vx.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RefObject, PointerEvent, ReactPortal } from 'react';
 import '../_dts/types-B9_zrHmb.js';

package/dist/index.d.ts

@@ -2,15 +2,15 @@ export { LayerStack, LayerStackItem, LayerStackProps } from './ui/layers/index.j
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { P as PropertyMetricProps, a as PropertyListPack } from './_dts/index-DelFfeV0.js';
-export { C as CheckboxRow, b as CheckboxRowProps, c as ColorRow, d as ColorRowProps, e as ControlPanel, N as NumberRow, f as NumberRowProps, g as PropertyList, h as PropertyListProps, i as PropertyOption, j as PropertyPanel, k as PropertyPanelProps, l as PropertyRow, m as PropertyRowLayout, n as PropertyRowProps, o as PropertyRowVariant, p as PropertySpan, q as PropertySpanProps, S as SelectRow, r as SelectRowProps, s as SliderRow, t as SliderRowProps, T as TextRow, u as TextRowProps, v as ToggleRow, w as ToggleRowProps } from './_dts/index-DelFfeV0.js';
+import { P as PropertyMetricProps, a as PropertyListPack } from './_dts/index-Blv9uQzu.js';
+export { C as CheckboxRow, b as CheckboxRowProps, c as ColorRow, d as ColorRowProps, e as ControlPanel, N as NumberRow, f as NumberRowProps, g as PropertyList, h as PropertyListProps, i as PropertyOption, j as PropertyPanel, k as PropertyPanelProps, l as PropertyRow, m as PropertyRowLayout, n as PropertyRowProps, o as PropertyRowVariant, p as PropertySpan, q as PropertySpanProps, S as SelectRow, r as SelectRowProps, s as SliderRow, t as SliderRowProps, T as TextRow, u as TextRowProps, v as ToggleRow, w as ToggleRowProps } from './_dts/index-Blv9uQzu.js';
 import { DrawCommand, SceneNode, View, Path, FillStyle, StyledRun, TextStyle, Stroke, BuiltinToolId, ToolPrefLeaf, ToolPrefGroup } from '@weasel-js/core';
-import { d as WorldRect, A as AnnotationData, e as AnnotationMeaning, M as MarkScene, C as CaptureSource, f as CaptureOptions, g as CaptureResult, h as AnnotationTarget, i as AnnotationsApi, j as AnnotationsCapability, T as TrialTool, k as AnnotationKind, V as ViewTransform, I as Instrument, l as InstrumentList, m as TrialContribution } from './_dts/frac-B5mB8LsJ.js';
-export { n as Annotation, o as AnnotationInit, p as AnnotationPatch, q as AnnotationQuery, r as AnnotationStatus, s as AnnotationStoreOptions, t as AnnotationTargetInfo, u as CanvasCapability, v as CanvasLayer, w as CaptureDeps, x as DEFAULT_FRAME, b as DragDropCapability, D as DragFeedback, F as FracPoint, y as FracRect, H as HitResult, z as IconComponent, L as LOUPE_DEFAULTS, B as LayerCapability, E as LayerDescriptor, G as LoupeCapability, J as LoupeDeclaration, K as LoupeRenderArgs, P as PaletteItem, a as Point, R as RenderContext, N as ResolvedLoupe, S as SerializedAnnotations, O as SidebarSection, Q as StatusReadout, U as SystemEvent, X as ToolCapability, Y as ToolItem, Z as ToolbarItem, _ as TrialChromeContext, $ as TrialRegion, a0 as UndoCapability, a1 as ViewportControl, a2 as ViewportSize, W as WorldFrame, c as WorldSpec, a3 as annotationsFromJSON, a4 as applyCamera, a5 as createAnnotationScene, a6 as createAnnotationStore, a7 as fracContains, a8 as fracIntersects, a9 as fracToWorld, aa as resolveFrame, ab as resolveLoupe, ac as roundFrac, ad as worldToFrac } from './_dts/frac-B5mB8LsJ.js';
+import { d as WorldRect, A as AnnotationData, e as AnnotationMeaning, M as MarkScene, C as CaptureSource, f as CaptureOptions, g as CaptureResult, h as AnnotationTarget, i as AnnotationsApi, j as AnnotationsCapability, T as TrialTool, k as AnnotationKind, V as ViewTransform, I as Instrument, l as InstrumentList, m as TrialContribution } from './_dts/frac-z7ker2Vx.js';
+export { n as Annotation, o as AnnotationInit, p as AnnotationPatch, q as AnnotationQuery, r as AnnotationStatus, s as AnnotationStoreOptions, t as AnnotationTargetInfo, u as CanvasCapability, v as CanvasLayer, w as CaptureDeps, x as DEFAULT_FRAME, b as DragDropCapability, D as DragFeedback, F as FracPoint, y as FracRect, H as HitResult, z as IconComponent, L as LOUPE_DEFAULTS, B as LayerCapability, E as LayerDescriptor, G as LoupeCapability, J as LoupeDeclaration, K as LoupeRenderArgs, P as PaletteItem, a as Point, R as RenderContext, N as ResolvedLoupe, S as SerializedAnnotations, O as SidebarSection, Q as StatusReadout, U as SystemEvent, X as ToolCapability, Y as ToolItem, Z as ToolbarItem, _ as TrialChromeContext, $ as TrialRegion, a0 as UndoCapability, a1 as ViewportControl, a2 as ViewportSize, W as WorldFrame, c as WorldSpec, a3 as annotationsFromJSON, a4 as applyCamera, a5 as createAnnotationScene, a6 as createAnnotationStore, a7 as fracContains, a8 as fracEncloses, a9 as fracToWorld, aa as resolveFrame, ab as resolveLoupe, ac as roundFrac, ad as worldToFrac } from './_dts/frac-z7ker2Vx.js';
 import { i as TrialInfo, a as StorageAdapter, h as LabMode, T as TrialRecord, c as SavedSnapshot } from './_dts/types-BP2OCcpg.js';
 export { C as CreateLabStoreOptions, L as LabDocument, b as LabStoreState, S as SerializedTrial, d as TrialStateHandle, U as UndoStack, e as UndockedPanel, f as UndockedPanels, g as dockPanel, p as panelKey, u as undockPanel } from './_dts/types-BP2OCcpg.js';
 export { CanvasStack, CanvasStackProps, OrbitHandlers, OrbitView, PITCH_LIMIT, PanZoomHandlers, UseOrbitOptions, UsePanZoomOptions, Vec3, ZoomAtOptions, centerOn, clampPitch, orbitAfterDrag, orbitAfterWheel, screenToWorld, useOrbit, usePanZoom, worldToScreen, wrapYaw, zoomAt } from './canvas/index.js';
-export { C as CanvasLayerDescriptor, a as CanvasStackContext, b as CanvasStackContextValue, c as CanvasStackSurface } from './_dts/CanvasStackContext-Dde8_1my.js';
+export { C as CanvasLayerDescriptor, a as CanvasStackContext, b as CanvasStackContextValue, c as CanvasStackSurface } from './_dts/CanvasStackContext-kTEZvEgE.js';
 export { PaletteRegion, PaletteRegionProps, SidebarRegion, SidebarRegionProps, StatusRegion, StatusRegionProps, TitleBarPlacement, TitleBarRegion, TitleBarRegionProps, ToolbarRegion, ToolbarRegionProps, ViewportRegion, ViewportRegionProps, builtinContributions, mergeContributions, suppressContributions } from './chrome/index.js';
 import { b as ConfigNode, A as Annotations, N as NodeOptions, c as ControlRenderer, d as ConfigOption, e as ConfigShape, f as ConfigBranch, B as BranchAnnotations, g as BranchOptions, a as ConfigSchema, I as InferConfig, h as ConfigEntry, R as ResolvedConfig, i as ConfigRule, L as LeafPatch, j as ConfigRuleContext } from './_dts/types-B9_zrHmb.js';
 export { k as ConfigOf, C as ConfigPath, E as EntryValue, l as NodeValue, S as SectionSpec, V as ValueAtPath } from './_dts/types-B9_zrHmb.js';
@@ -377,7 +377,12 @@ type SvgPaint = {
 /** Stroke description: a paint plus structural line parameters. */
 interface SvgStroke {
     paint: SvgPaint;
-    width: number;
+    /** World units, or `{ px }` for a width that holds its rendered thickness
+     *  however the document is scaled — SVG's `vector-effect="non-scaling-stroke"`,
+     *  and the same unit system as the kit's `Stroke.width`. */
+    width: number | {
+        px: number;
+    };
     opacity?: number;
     /** `stroke-linecap`. Default per SVG spec is `'butt'`. */
     cap?: 'butt' | 'round' | 'square';
@@ -966,6 +971,41 @@ interface LabPaletteProps {
  *  instrument declares no tools of its own resolves to. */
 declare function LabPalette({ tools }: LabPaletteProps): react_jsx_runtime.JSX.Element;
 
+/** One page in a project's set of labs. */
+interface LabPage {
+    /** The page's own URL, and how the switcher knows which page is open. */
+    href: string;
+    label: string;
+}
+/** Props for `<LabSwitcher>`. */
+interface LabSwitcherProps {
+    /** The open page's title, shown as the control's own label. */
+    title: string;
+    pages: readonly LabPage[];
+    /** Defaults to the current location. Pass it in tests, or to render a
+     *  switcher for a page other than the one being viewed. */
+    path?: string;
+    className?: string;
+}
+/** Which of `pages` a path is on, or -1.
+ *
+ *  Matched on the end of the path so a query string, a trailing slash or a
+ *  leftover `.html` cannot lose it: a project whose dev server maps `/stats`
+ *  to `stats.html` serves both spellings, and a bookmark from before the URLs
+ *  lost their extension still resolves to the same page. */
+declare function currentPage(path: string, pages: readonly LabPage[]): number;
+/** A project's lab title, doubling as the way to reach its other labs.
+ *
+ *  The menu holds real anchors, not a `<select>` and not buttons. These are
+ *  separate documents, so an `href` is what gets middle-click, cmd-click and
+ *  the back button for free; a select fires a change event and can do none of
+ *  the three. The trigger is a button because it opens something rather than
+ *  going anywhere.
+ *
+ *  Pages accumulate -- a project grows a wall, a dashboard, an ingest page, a
+ *  bench -- and a tab strip is the layout that stops working first. */
+declare function LabSwitcher({ title, pages, path, className }: LabSwitcherProps): react_jsx_runtime.JSX.Element;
+
 /** Props for `<LabShell>`. */
 interface LabShellProps {
     title: string;
@@ -976,11 +1016,17 @@ interface LabShellProps {
     footer?: ReactNode;
     /** Color mode. "auto" (default) follows prefers-color-scheme. */
     mode?: LabMode;
+    /** The project's other labs. Given two or more, the title becomes the way
+     *  to reach them; given none, it stays a plain heading. */
+    pages?: readonly LabPage[];
+    /** The path the switcher reads to mark the open page. Defaults to the
+     *  current location. */
+    path?: string;
 }
 /** Page frame for a lab: a titled header, a body, and an optional footer,
  *  themed for the resolved color mode. Presentational only — use `<Lab>` when
  *  the trial runtime is wanted too. */
-declare function LabShell({ title, children, header, footer, mode }: LabShellProps): react_jsx_runtime.JSX.Element;
+declare function LabShell({ title, children, header, footer, mode, pages, path }: LabShellProps): react_jsx_runtime.JSX.Element;
 
 /** A tile's persisted extent, keyed by the id its caller gave it. Grid resizes
  *  write `span`; `size` is here because a strategy swap would write that. */
@@ -1183,5 +1229,5 @@ interface TrialChromeProps {
  *  each region its slice. */
 declare function TrialChrome({ trialId, record, instrument, isLastTrial, undoBindings, job, loupe, trialChrome, chrome, suppress, activeToolId, setActiveTool, children, }: TrialChromeProps): react_jsx_runtime.JSX.Element;
 
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationData, AnnotationKind, AnnotationMeaning, AnnotationOverlay, AnnotationTarget, AnnotationTargets, Annotations, AnnotationsApi, AnnotationsCapability, AnnotationsContext, BranchAnnotations, BranchOptions, CaptureOptions, CaptureResult, CaptureSource, ConfigBranch, ConfigEntry, ConfigField, ConfigNode, ConfigOption, ConfigRule, ConfigRuleContext, ConfigSchema, ConfigShape, ControlRenderer, CurveField, DEFAULT_VIEW, EffectCard, EffectCardList, ExportMenu, InferConfig, Instrument, InstrumentList, JobHandle, Lab, LabContext, LabMode, LabPalette, LabShell, LeafPatch, MarkList, MarkScene, NodeOptions, PropertyGroup, PropertyListPack, ResolvedConfig, SavedSnapshot, StorageAdapter, Subpanel, Trial, TrialBody, TrialChrome, TrialContribution, TrialInfo, TrialRecord, TrialTool, ViewTransform, Workspace, WorldRect, addTrial, annotationToolInfo, applyRules, as2DView, builtinRules, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createMarkDrawOne, defineInstrument, f, fillConfigDefaults, fitView, fromConfigFields, fromWeaselView, hasConfigPath, interstellarTheme, isConfigBranch, isLeafVisible, isStale, markCommands, markSvgNodes, reorderTrials, resetTrial, resolveConfigSchema, resolveMarkStyle, schemaNodeAtPath, seenFrom, titleCase, toWeaselView, useAnnotations, useAnnotationsOptional, useConfigSchema, useLabContext, validateConfigSchema, valueAtPath, withValueAtPath };
-export type { AddTrialOptions, AnnotationOverlayProps, AnnotationTargetsProps, AnnotationToolInfo, CaptureArgs, CapturePlan, ComposeSvgArgs, ContentSize, CurveFieldProps, CurveMark, EffectCardListItem, EffectCardListProps, EffectCardProps, InstrumentSpec, LabContextValue, LabPaletteProps, LabProps, LabShellProps, MarkDrawOptions, MarkListProps, MarkStyle, PaintableMark, PaneSize, PanelDescriptor, PropertyGroupProps, SubpanelProps, TrialBodyProps, TrialChromeProps, TrialLayout, TrialProps, UndoBindings, ValidationResult, ViewTransform2D, WorkspaceProps };
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationData, AnnotationKind, AnnotationMeaning, AnnotationOverlay, AnnotationTarget, AnnotationTargets, Annotations, AnnotationsApi, AnnotationsCapability, AnnotationsContext, BranchAnnotations, BranchOptions, CaptureOptions, CaptureResult, CaptureSource, ConfigBranch, ConfigEntry, ConfigField, ConfigNode, ConfigOption, ConfigRule, ConfigRuleContext, ConfigSchema, ConfigShape, ControlRenderer, CurveField, DEFAULT_VIEW, EffectCard, EffectCardList, ExportMenu, InferConfig, Instrument, InstrumentList, JobHandle, Lab, LabContext, LabMode, LabPalette, LabShell, LabSwitcher, LeafPatch, MarkList, MarkScene, NodeOptions, PropertyGroup, PropertyListPack, ResolvedConfig, SavedSnapshot, StorageAdapter, Subpanel, Trial, TrialBody, TrialChrome, TrialContribution, TrialInfo, TrialRecord, TrialTool, ViewTransform, Workspace, WorldRect, addTrial, annotationToolInfo, applyRules, as2DView, builtinRules, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createMarkDrawOne, currentPage, defineInstrument, f, fillConfigDefaults, fitView, fromConfigFields, fromWeaselView, hasConfigPath, interstellarTheme, isConfigBranch, isLeafVisible, isStale, markCommands, markSvgNodes, reorderTrials, resetTrial, resolveConfigSchema, resolveMarkStyle, schemaNodeAtPath, seenFrom, titleCase, toWeaselView, useAnnotations, useAnnotationsOptional, useConfigSchema, useLabContext, validateConfigSchema, valueAtPath, withValueAtPath };
+export type { AddTrialOptions, AnnotationOverlayProps, AnnotationTargetsProps, AnnotationToolInfo, CaptureArgs, CapturePlan, ComposeSvgArgs, ContentSize, CurveFieldProps, CurveMark, EffectCardListItem, EffectCardListProps, EffectCardProps, InstrumentSpec, LabContextValue, LabPage, LabPaletteProps, LabProps, LabShellProps, LabSwitcherProps, MarkDrawOptions, MarkListProps, MarkStyle, PaintableMark, PaneSize, PanelDescriptor, PropertyGroupProps, SubpanelProps, TrialBodyProps, TrialChromeProps, TrialLayout, TrialProps, UndoBindings, ValidationResult, ViewTransform2D, WorkspaceProps };

package/dist/index.js

@@ -5,35 +5,35 @@ import { useSurfaceOptional, useSurfaceCanvas, useTileId, useTiledSurface, Surfa
 export { SurfaceCanvasContext, SurfaceContext, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceCanvas, useSurfaceOptional, useSurfaceTile, useTileId, useTiledSurface } from './chunk-FQMJUVHJ.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-C42T6DJT.js';
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationsContext, ExportMenu, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, mergeContributions, suppressContributions, useAnnotations, useAnnotationsOptional } from './chunk-C42T6DJT.js';
-import { JobProgress } from './chunk-QAGAHJKZ.js';
-export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-QAGAHJKZ.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-2RQPGOQF.js';
-import { createLabStore, panelKey, noneAdapter } from './chunk-5TROQVQ2.js';
-export { CURRENT_DOCUMENT_VERSION, createMemoryAdapter, dockPanel, labDocumentKey, localStorageAdapter, noneAdapter, panelKey, quarantineKey, sessionStorageAdapter, undockPanel, urlHashAdapter, useTrialState } from './chunk-5TROQVQ2.js';
+import { ANNOTATION_WEASEL_TOOLS, annotationToolInfo, suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, ViewportRegion, SidebarRegion, StatusRegion, AnnotationsContext } from './chunk-64ZCN3DA.js';
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationsContext, ExportMenu, MarkList, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, annotationToolInfo, builtinContributions, mergeContributions, suppressContributions, useAnnotations, useAnnotationsOptional } from './chunk-64ZCN3DA.js';
+import { JobProgress } from './chunk-MOM3GOVY.js';
+export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-MOM3GOVY.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-SMHP6XZ4.js';
+import { newId, createLabStore, panelKey, noneAdapter } from './chunk-2P6PP5N4.js';
+export { CURRENT_DOCUMENT_VERSION, createMemoryAdapter, dockPanel, labDocumentKey, localStorageAdapter, noneAdapter, panelKey, quarantineKey, sessionStorageAdapter, undockPanel, urlHashAdapter, useTrialState } from './chunk-2P6PP5N4.js';
 import { LabStoreContext, TrialIdProvider } from './chunk-2YILQ7Y5.js';
 export { LabStoreContext, LabStoreProvider, TrialIdContext, TrialIdProvider, useLabStore, useTrialId } from './chunk-2YILQ7Y5.js';
-import { fromConfigFields } from './chunk-ASWKLRKJ.js';
-export { ControlPanel, fromConfigFields, isLeafVisible } from './chunk-ASWKLRKJ.js';
+import { fromConfigFields } from './chunk-U3IYHIAE.js';
+export { ControlPanel, fromConfigFields, isLeafVisible } from './chunk-U3IYHIAE.js';
 import { hasConfigPath, schemaNodeAtPath, withValueAtPath, fillConfigDefaults } from './chunk-E44SU6XS.js';
 export { fillConfigDefaults, hasConfigPath, schemaNodeAtPath, valueAtPath, withValueAtPath } from './chunk-E44SU6XS.js';
 import { CanvasStack } from './chunk-I6JCVE24.js';
 export { CanvasStack, PITCH_LIMIT, clampPitch, orbitAfterDrag, orbitAfterWheel, useOrbit, usePanZoom, wrapYaw } from './chunk-I6JCVE24.js';
-import { LayerList } from './chunk-ISCOFAUO.js';
-export { LayerList } from './chunk-ISCOFAUO.js';
+import { LayerList } from './chunk-BKFVHKJH.js';
+export { LayerList } from './chunk-BKFVHKJH.js';
 import './chunk-SBXNQW4G.js';
-import { E, w, T, C, g, r6 } from './chunk-MHAGC6VD.js';
-export { M2 as CheckboxRow, j2 as ColorRow, y3 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-MHAGC6VD.js';
+import { E, w, T, C, g, r6 } from './chunk-W3ECWC2K.js';
+export { N2 as CheckboxRow, M2 as ColorRow, y3 as CurveField, z as EffectCard, V as EffectCardList, c3 as LayerStack, F as NumberRow, H as PropertyGroup, T2 as PropertyList, w2 as PropertyPanel, D as PropertyRow, E2 as PropertySpan, I as SelectRow, A2 as SliderRow, R as Subpanel, P2 as TextRow, L2 as ToggleRow } from './chunk-W3ECWC2K.js';
 import { resolveLoupe, TrialLoupe } from './chunk-TJ7QY3OC.js';
 export { CanvasLoupe, DomLoupe, LOUPE_DEFAULTS, LoupeBubble, TrialLoupe, drawCanvasLens, lensCamera, lensSourceRect, resolveLoupe, sampleStack, useLoupe } from './chunk-TJ7QY3OC.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, PATH_M, PATH_L, PATH_C, PATH_Q, PATH_Z, SCRIPT_METRICS } from '@weasel-js/core';
+import { textCommand, linePath, markerDrawCommands, ellipsePath, rectPath, createScene, asNodeId as asNodeId$1, WeaselProvider, SceneCanvas, sceneFromJSON, PathBuilder, renderSceneToPixels, useActiveToolContext, getMarker, getPaintKind, boundsOfPath, PATH_M, PATH_L, PATH_C, PATH_Q, PATH_Z, SCRIPT_METRICS } from '@weasel-js/core';
 import { tileGeometry } from '@weasel-js/core/patterns-builtin';
-import { createContext, useState, useRef, useEffect, useContext, useMemo, Children, useLayoutEffect, useCallback, useSyncExternalStore } from 'react';
+import { createContext, useState, useRef, useEffect, useContext, useMemo, useId, useCallback, Children, useLayoutEffect, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useStore } from 'zustand/react';
@@ -422,11 +422,15 @@ function paintAttrs(paint, name, registry, includeOpacity = true) {
   const id = registry.register(paint.paint);
   return [`${name}="url(#${id})"`];
 }
+function strokeWidthAttrs(width) {
+  if (typeof width === "number") return [`stroke-width="${trimNumber(width)}"`];
+  return [`stroke-width="${trimNumber(width.px)}"`, 'vector-effect="non-scaling-stroke"'];
+}
 function coreStrokeAttrs(stroke, registry) {
   const paint = stroke?.paint;
   if (!stroke || !paint) return [];
-  const width = resolveStrokeWidth(stroke.width ?? 1, 1);
-  if (!(width > 0)) return [];
+  const width = stroke.width ?? 1;
+  if (!((typeof width === "object" ? width.px : width) > 0)) return [];
   const attrs = [];
   if ("color" in paint) {
     attrs.push(`stroke="${paint.color}"`);
@@ -436,7 +440,7 @@ function coreStrokeAttrs(stroke, registry) {
   } else {
     attrs.push(`stroke="url(#${registry.register(paint)})"`);
   }
-  attrs.push(`stroke-width="${trimNumber(width)}"`);
+  attrs.push(...strokeWidthAttrs(width));
   if (stroke.cap) attrs.push(`stroke-linecap="${stroke.cap}"`);
   if (stroke.join) attrs.push(`stroke-linejoin="${stroke.join}"`);
   if (stroke.dash && stroke.dash.length > 0) {
@@ -459,7 +463,7 @@ function coreStrokeAttrs(stroke, registry) {
 }
 function strokeAttrsFor(stroke, registry) {
   const attrs = paintAttrs(stroke.paint, "stroke", registry, false);
-  attrs.push(`stroke-width="${trimNumber(stroke.width)}"`);
+  attrs.push(...strokeWidthAttrs(stroke.width));
   const opacity = stroke.opacity ?? (stroke.paint.kind === "solid" ? stroke.paint.opacity : void 0);
   if (opacity != null && opacity !== 1) {
     attrs.push(`stroke-opacity="${trimNumber(opacity)}"`);
@@ -717,8 +721,8 @@ function seenFrom(config, keys) {
   const out = {};
   if (config === null || typeof config !== "object") return out;
   const src = config;
-  for (const k2 of keys) {
-    if (k2 in src) out[k2] = src[k2];
+  for (const k of keys) {
+    if (k in src) out[k] = src[k];
   }
   return out;
 }
@@ -726,9 +730,9 @@ function isStale(seen, config, keys) {
   if (!seen || keys.length === 0) return false;
   if (config === null || typeof config !== "object") return false;
   const src = config;
-  for (const k2 of keys) {
-    if (!(k2 in seen)) continue;
-    if (!Object.is(seen[k2], src[k2])) return true;
+  for (const k of keys) {
+    if (!(k in seen)) continue;
+    if (!Object.is(seen[k], src[k])) return true;
   }
   return false;
 }
@@ -745,6 +749,8 @@ function resolveMarkStyle(data, opts) {
     stale: isStale(data.seen, opts.config, opts.positionDependsOn ?? [])
   };
 }
+
+// src/annotations/svgNodes.ts
 var NO_PAINT = { kind: "none" };
 function toSvgPaint(paint) {
   if (!paint) return NO_PAINT;
@@ -760,7 +766,7 @@ function toSvgPaint(paint) {
 function toSvgStroke(stroke) {
   return {
     paint: toSvgPaint(stroke.paint),
-    width: resolveStrokeWidth(stroke.width ?? 1, 1),
+    width: stroke.width ?? 1,
     ...stroke.cap ? { cap: stroke.cap } : {},
     ...stroke.join ? { join: stroke.join } : {},
     ...stroke.dash ? { dash: [...stroke.dash] } : {},
@@ -961,7 +967,7 @@ function roundFrac(f2) {
 function fracContains(box, pt, tol = 0) {
   return pt.x >= box.x - tol && pt.x <= box.x + box.w + tol && pt.y >= box.y - tol && pt.y <= box.y + box.h + tol;
 }
-function fracIntersects(outer, inner) {
+function fracEncloses(outer, inner) {
   return inner.x >= outer.x && inner.y >= outer.y && inner.x + inner.w <= outer.x + outer.w && inner.y + inner.h <= outer.y + outer.h;
 }
 
@@ -1136,7 +1142,7 @@ function createAnnotationStore(opts) {
       return marksOn(target).filter((a) => fracContains(a.frac, pt, tol)).reverse();
     },
     within(target, box) {
-      return marksOn(target).filter((a) => fracIntersects(box, a.frac));
+      return marksOn(target).filter((a) => fracEncloses(box, a.frac));
     },
     isStale(a, config) {
       const keys = targetOf(a.target)?.positionDependsOn ?? [];
@@ -1650,9 +1656,9 @@ function applyRules(seed, ctx, rules) {
   for (const rule of rules) {
     const patch = rule({ ...ctx, leaf: acc });
     if (patch === null) continue;
-    for (const [k2, v] of Object.entries(patch)) {
-      if (v !== void 0 && acc[k2] === void 0) {
-        acc[k2] = v;
+    for (const [k, v] of Object.entries(patch)) {
+      if (v !== void 0 && acc[k] === void 0) {
+        acc[k] = v;
       }
     }
   }
@@ -1662,7 +1668,7 @@ function applyRules(seed, ctx, rules) {
 // src/config/resolve.ts
 function defined(annotations) {
   const out = {};
-  for (const [k2, v] of Object.entries(annotations)) if (v !== void 0) out[k2] = v;
+  for (const [k, v] of Object.entries(annotations)) if (v !== void 0) out[k] = v;
   return out;
 }
 function resolveConfigSchema(schema, rules = []) {
@@ -1794,7 +1800,7 @@ function validateConfigSchema(fields) {
   return { valid: errors.length === 0, errors };
 }
 
-// ../theme/dist/chunk-CXVFAOTM.js
+// ../theme/dist/chunk-D6AFL2JW.js
 var THEME_SOURCES = {
   "weasel": {
     "primitives": {
@@ -2023,15 +2029,15 @@ var THEME_SOURCES = {
         "value": "8px",
         "description": "Diameter of a linear range thumb."
       },
-      "slider-track-tint": {
+      "slider-track-mix": {
         "type": "dimension",
         "value": "18%",
-        "description": "Accent proportion in a range track. Mixed into a real property, never into another custom property."
+        "description": "Accent proportion in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property."
       },
-      "slider-thumb-tint": {
+      "slider-thumb-mix": {
         "type": "dimension",
         "value": "70%",
-        "description": "Accent proportion in a range thumb."
+        "description": "Accent proportion in a range thumb, as a color-mix percentage \u2014 not a color."
       },
       "field-pad-x": {
         "type": "dimension",
@@ -2869,9 +2875,9 @@ function TrialChrome({
   const title = record.title ?? record.instrumentName;
   const collapsedSections = record.collapsedSections ?? NO_SECTIONS;
   const ctx = useMemo(() => {
-    const setZoom = (z) => {
+    const setZoom = (z2) => {
       if (!view2d) return;
-      updateTrialView(trialId, { ...view2d, zoom: z });
+      updateTrialView(trialId, { ...view2d, zoom: z2 });
     };
     return {
       trialId,
@@ -3176,9 +3182,9 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
       view: record.view,
       setView,
       zoom: view2d?.zoom ?? 1,
-      setZoom: (z) => {
+      setZoom: (z2) => {
         if (!view2d) return;
-        updateTrialView(record.id, { ...view2d, zoom: z });
+        updateTrialView(record.id, { ...view2d, zoom: z2 });
       },
       activeToolId: resolvedToolId,
       visibleLayers
@@ -3419,7 +3425,7 @@ function addTrial(trials, instruments, instrumentName, options = {}) {
   const config = seedConfig(instrument.defaultConfig(), options.config);
   const state = instrument.initialState(config);
   const record = {
-    id: crypto.randomUUID(),
+    id: newId(),
     instrumentName,
     config,
     state,
@@ -3435,7 +3441,7 @@ function cloneTrial(trials, id) {
   if (!source) return trials;
   const clone = {
     ...source,
-    id: crypto.randomUUID(),
+    id: newId(),
     config: structuredClone(source.config),
     state: structuredClone(source.state),
     view: structuredClone(source.view),
@@ -3545,6 +3551,67 @@ function LabPalette({ tools }) {
   };
   return /* @__PURE__ */ jsx(PaletteRegion, { contributions, ctx });
 }
+function currentPage(path, pages) {
+  const here = path.split("?")[0].split("#")[0].replace(/\/$/, "").replace(/\.html$/, "");
+  return pages.findIndex((p) => here.endsWith(p.href.replace(/\.html$/, "")));
+}
+function LabSwitcher({ title, pages, path, className }) {
+  const [open, setOpen] = useState(false);
+  const root = useRef(null);
+  const menuId = useId();
+  const here = currentPage(path ?? (typeof window === "undefined" ? "" : window.location.pathname), pages);
+  const close = useCallback(() => setOpen(false), []);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        close();
+        root.current?.querySelector("button")?.focus();
+      }
+    };
+    const onDown = (e) => {
+      if (!root.current?.contains(e.target)) close();
+    };
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("pointerdown", onDown);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("pointerdown", onDown);
+    };
+  }, [open, close]);
+  if (pages.length < 2) {
+    return /* @__PURE__ */ jsx("h1", { className: `lk-switcher-title${className ? ` ${className}` : ""}`, children: title });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `lk-switcher${className ? ` ${className}` : ""}`, ref: root, children: [
+    /* @__PURE__ */ jsx("h1", { className: "lk-switcher-title", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "lk-switcher-trigger",
+        "aria-expanded": open,
+        "aria-haspopup": "menu",
+        "aria-controls": open ? menuId : void 0,
+        onClick: () => setOpen((was) => !was),
+        children: [
+          title,
+          /* @__PURE__ */ jsx("span", { className: "lk-switcher-caret", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    open && /* @__PURE__ */ jsx("div", { className: "lk-switcher-menu", id: menuId, role: "menu", children: pages.map((page, i) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: page.href,
+        role: "menuitem",
+        className: "lk-switcher-item",
+        "aria-current": i === here ? "page" : void 0,
+        onClick: close,
+        children: page.label
+      },
+      page.href
+    )) })
+  ] });
+}
 function query() {
   if (typeof window === "undefined" || !window.matchMedia) return null;
   return window.matchMedia("(prefers-color-scheme: light)");
@@ -3563,7 +3630,15 @@ function useResolvedMode(mode) {
   }, [mode]);
   return mode === "auto" ? system : mode;
 }
-function LabShell({ title, children, header, footer, mode = "auto" }) {
+function LabShell({
+  title,
+  children,
+  header,
+  footer,
+  mode = "auto",
+  pages,
+  path
+}) {
   const resolved = useResolvedMode(mode);
   const outer = useThemeOptional();
   const shell = (
@@ -3571,7 +3646,15 @@ function LabShell({ title, children, header, footer, mode = "auto" }) {
     // carries the element defaults a lab's bare markup is styled by.
     /* @__PURE__ */ jsxs("div", { className: "lk-root lk-shell", "data-wzl-portal-host": "", children: [
       /* @__PURE__ */ jsxs("header", { className: "lk-shell-header", children: [
-        /* @__PURE__ */ jsx("h1", { className: "lk-shell-title", children: title }),
+        pages && pages.length > 0 ? /* @__PURE__ */ jsx(
+          LabSwitcher,
+          {
+            title,
+            pages,
+            path,
+            className: "lk-shell-title"
+          }
+        ) : /* @__PURE__ */ jsx("h1", { className: "lk-shell-title", children: title }),
         header && /* @__PURE__ */ jsx("div", { className: "lk-shell-header-actions", children: header })
       ] }),
       /* @__PURE__ */ jsx("main", { className: "lk-shell-body", children }),
@@ -3956,6 +4039,6 @@ function Lab({
   ) }) });
 }
 
-export { AnnotationOverlay, AnnotationTargets, DEFAULT_VIEW, Lab, LabContext, LabPalette, LabShell, Trial, TrialBody, TrialChrome, Workspace, addTrial, annotationsFromJSON, applyRules, as2DView, builtinRules, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createAnnotationScene, createAnnotationStore, createMarkDrawOne, defineInstrument, f, fitView, fracContains, fracIntersects, fracToWorld, fromWeaselView, interstellarTheme, isConfigBranch, isStale, markCommands, markSvgNodes, reorderTrials, resetTrial, resolveConfigSchema, resolveMarkStyle, roundFrac, seenFrom, titleCase, toWeaselView, useConfigSchema, useLabContext, validateConfigSchema, worldToFrac };
+export { AnnotationOverlay, AnnotationTargets, DEFAULT_VIEW, Lab, LabContext, LabPalette, LabShell, LabSwitcher, Trial, TrialBody, TrialChrome, Workspace, addTrial, annotationsFromJSON, applyRules, as2DView, builtinRules, capturePlan, captureTarget, cloneTrial, closeTrial, composeCaptureSvg, createAnnotationScene, createAnnotationStore, createMarkDrawOne, currentPage, defineInstrument, f, fitView, fracContains, fracEncloses, fracToWorld, fromWeaselView, interstellarTheme, isConfigBranch, isStale, markCommands, markSvgNodes, reorderTrials, resetTrial, resolveConfigSchema, resolveMarkStyle, roundFrac, seenFrom, titleCase, toWeaselView, useConfigSchema, useLabContext, validateConfigSchema, worldToFrac };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map