@weasel-js/labkit 1.3.0-pre.0 → 1.3.0

package/dist/index.js

@@ -1,31 +1,32 @@
-import { useSurfaceOptional } from './chunk-HFDVGF4X.js';
-export { SurfaceContext, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceOptional, useSurfaceTile, useTiledSurface } from './chunk-HFDVGF4X.js';
+import { useDragDrop, DragOverlay, Palette } from './chunk-3XXPU73K.js';
+import { useSurfaceOptional } from './chunk-LGKRIUSW.js';
+export { SurfaceContext, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceOptional, useSurfaceTile, useTiledSurface } from './chunk-LGKRIUSW.js';
 import { useJob } from './chunk-LN6JDUGB.js';
 export { useJob } from './chunk-LN6JDUGB.js';
-export { LayerStack } from './chunk-O2BULFHX.js';
-import { suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, SidebarRegion, ViewportRegion, StatusRegion } from './chunk-PO6L3NSH.js';
-export { PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, mergeContributions, suppressContributions } from './chunk-PO6L3NSH.js';
-import { JobProgress } from './chunk-RVNN4CHQ.js';
-export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-RVNN4CHQ.js';
-export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-O7NVSCLN.js';
+import { suppressContributions, mergeContributions, builtinContributions, TitleBarRegion, ToolbarRegion, PaletteRegion, SidebarRegion, ViewportRegion, StatusRegion } from './chunk-6X5RBC6G.js';
+export { PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, mergeContributions, suppressContributions } from './chunk-6X5RBC6G.js';
+import { JobProgress } from './chunk-QRYPXSGP.js';
+export { FloatingPanel, JobProgress, Legend, Sidebar } from './chunk-QRYPXSGP.js';
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl } from './chunk-JDROYQM3.js';
 import { LabStoreContext, createLabStore, noneAdapter } from './chunk-4TMMVIDM.js';
 export { CURRENT_DOCUMENT_VERSION, LabStoreContext, LabStoreProvider, TrialIdContext, TrialIdProvider, createMemoryAdapter, labDocumentKey, localStorageAdapter, noneAdapter, quarantineKey, sessionStorageAdapter, urlHashAdapter, useLabStore, useTrialId, useTrialState } from './chunk-4TMMVIDM.js';
-import { fromConfigFields } from './chunk-ZZAYVX4X.js';
-export { CheckboxRow, ColorRow, ControlPanel, NumberRow, PropertyGroup, PropertyList, PropertyPanel, PropertyRow, SelectRow, SliderRow, TextRow, ToggleRow, fromConfigFields, isLeafVisible } from './chunk-ZZAYVX4X.js';
-import { p, F, vt, p2, r } from './chunk-TLGRYALP.js';
-import { CanvasStack, screenToWorld } from './chunk-NS54R52R.js';
-export { CanvasStack, screenToWorld, worldToScreen } from './chunk-NS54R52R.js';
+import { fromConfigFields } from './chunk-WTI26YTM.js';
+export { ControlPanel, fromConfigFields, isLeafVisible } from './chunk-WTI26YTM.js';
+import { CanvasStack } from './chunk-BDJXIBRZ.js';
+export { CanvasStack } from './chunk-BDJXIBRZ.js';
+export { screenToWorld, worldToScreen } from './chunk-T66HU3HX.js';
 export { CanvasStackContext } from './chunk-CPUJ3QXL.js';
-import { useVisibleRaf } from './chunk-Z6HJ5FEM.js';
-import { LayerList } from './chunk-V7PRSIRQ.js';
-export { LayerList } from './chunk-V7PRSIRQ.js';
-import './chunk-PQJ5B2U2.js';
-import { createEventBus, redo, undo, pushSnapshot } from './chunk-RL2LOLNI.js';
+import { LayerList } from './chunk-BMW4TDP5.js';
+export { LayerList } from './chunk-BMW4TDP5.js';
+import './chunk-SBXNQW4G.js';
+import { Rt, p, r } from './chunk-RGT4EJIB.js';
+export { k as CheckboxRow, O as ColorRow, m2 as CurveField, _2 as EffectCard, y as EffectCardList, c3 as LayerStack, j as NumberRow, b2 as PropertyGroup, S2 as PropertyList, x2 as PropertyPanel, w as PropertyRow, C as PropertySpan, M as SelectRow, E as SliderRow, g as Subpanel, A as TextRow, N as ToggleRow } from './chunk-RGT4EJIB.js';
+import './chunk-QCICIHEO.js';
+import { createEventBus, pushSnapshot, redo, undo } from './chunk-RL2LOLNI.js';
 export { clearUndo, createEventBus, emptyStack, pushSnapshot, redo, undo } from './chunk-RL2LOLNI.js';
 import { createContext, useRef, useCallback, useContext, useMemo, useState, Children, useLayoutEffect, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useStore } from 'zustand/react';
-import { createPortal } from 'react-dom';
 import { Provider, StrategyRegistryProvider, DragProvider, Container, useDragHandle } from 'windease/react';
 import { asNodeId, Store, createNode, gridStrategy } from 'windease';
 
@@ -287,9 +288,9 @@ function applyRules(seed, ctx, rules) {
   for (const rule of rules) {
     const patch = rule({ ...ctx, leaf: acc });
     if (patch === null) continue;
-    for (const [k, v] of Object.entries(patch)) {
-      if (v !== void 0 && acc[k] === void 0) {
-        acc[k] = v;
+    for (const [k2, v] of Object.entries(patch)) {
+      if (v !== void 0 && acc[k2] === void 0) {
+        acc[k2] = v;
       }
     }
   }
@@ -299,7 +300,7 @@ function applyRules(seed, ctx, rules) {
 // src/config/resolve.ts
 function defined(annotations) {
   const out = {};
-  for (const [k, v] of Object.entries(annotations)) if (v !== void 0) out[k] = v;
+  for (const [k2, v] of Object.entries(annotations)) if (v !== void 0) out[k2] = v;
   return out;
 }
 function resolveConfigSchema(schema, rules = []) {
@@ -950,21 +951,21 @@ var weaselTheme = {
   modes: THEME_SOURCES.weasel.modes
 };
 function hexToRgba(hex, alpha) {
-  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) throw new Error(`Expected a hex color, got "${hex}"`);
-  const body = m[1];
-  const full = body.length === 3 ? body.replace(/./g, (c) => c + c) : body;
+  const m2 = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
+  if (!m2) throw new Error(`Expected a hex color, got "${hex}"`);
+  const body = m2[1];
+  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 b = Number.parseInt(full.slice(4, 6), 16);
-  return `rgba(${r2}, ${g}, ${b}, ${alpha})`;
+  const g2 = Number.parseInt(full.slice(2, 4), 16);
+  const b2 = Number.parseInt(full.slice(4, 6), 16);
+  return `rgba(${r2}, ${g2}, ${b2}, ${alpha})`;
 }
 var REF = /^\{([^}]+)\}$/;
 function refTarget(value) {
   if (typeof value !== "string") return null;
-  const m = REF.exec(value.trim());
-  if (!m) return null;
-  const path = m[1];
+  const m2 = REF.exec(value.trim());
+  if (!m2) return null;
+  const path = m2[1];
   const dot = path.indexOf(".");
   return dot === -1 ? path : path.slice(dot + 1);
 }
@@ -1103,9 +1104,9 @@ function flattenTokens(doc) {
   for (const [groupName, group] of Object.entries(doc)) {
     if (groupName.startsWith("$")) continue;
     if (typeof group !== "object" || group === null) continue;
-    const g = group;
-    const groupType = g.$type;
-    for (const [leaf, node] of Object.entries(g)) {
+    const g2 = group;
+    const groupType = g2.$type;
+    for (const [leaf, node] of Object.entries(g2)) {
       if (leaf.startsWith("$")) continue;
       if (!isToken(node)) continue;
       const type = node.$type ?? groupType;
@@ -1210,134 +1211,6 @@ var interstellar_tokens_default = {
 
 // src/theme/interstellar.ts
 var interstellarTheme = loadDTCG(interstellar_tokens_default);
-function DragGhost({ item, screenPos }) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => setMounted(true), []);
-  if (!mounted || typeof document === "undefined") return null;
-  const style = {
-    left: `${screenPos.x + 12}px`,
-    top: `${screenPos.y + 12}px`
-  };
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { className: "lk-drag-ghost", style, children: /* @__PURE__ */ jsx("span", { className: "lk-drag-ghost__label", children: item.label }) }),
-    document.body
-  );
-}
-function useDragDrop({
-  capability,
-  canvasContainerRef,
-  view,
-  state,
-  config,
-  setState,
-  emit
-}) {
-  const [drag, setDrag] = useState(null);
-  const dragRef = useRef(null);
-  dragRef.current = drag;
-  const pendingPos = useRef(null);
-  const isOverCanvas = useCallback(
-    (screenPos) => {
-      const el = canvasContainerRef.current;
-      if (!el) return false;
-      const r2 = el.getBoundingClientRect();
-      return screenPos.x >= r2.left && screenPos.x <= r2.right && screenPos.y >= r2.top && screenPos.y <= r2.bottom;
-    },
-    [canvasContainerRef]
-  );
-  const screenToWorldFromContainer = useCallback(
-    (screenPos) => {
-      const el = canvasContainerRef.current;
-      if (!el) return null;
-      const r2 = el.getBoundingClientRect();
-      return screenToWorld({ x: screenPos.x - r2.left, y: screenPos.y - r2.top }, view);
-    },
-    [canvasContainerRef, view]
-  );
-  const frameLoop = useVisibleRaf(() => {
-    const screenPos = pendingPos.current;
-    pendingPos.current = null;
-    const active = dragRef.current;
-    if (!active || !screenPos) return;
-    let feedback = null;
-    if (capability.onDragOver && isOverCanvas(screenPos)) {
-      const world = screenToWorldFromContainer(screenPos);
-      if (world) feedback = capability.onDragOver(world, active.item, state, config);
-    }
-    setDrag({ ...active, screenPos, feedback });
-  });
-  useEffect(() => {
-    if (!drag) return;
-    const handleMove = (e) => {
-      const screenPos = { x: e.clientX, y: e.clientY };
-      const current = dragRef.current;
-      if (!current) return;
-      if (pendingPos.current !== null) {
-        pendingPos.current = screenPos;
-        dragRef.current = { ...current, screenPos };
-        setDrag(dragRef.current);
-        return;
-      }
-      pendingPos.current = screenPos;
-      frameLoop.request();
-    };
-    const handleUp = (e) => {
-      const screenPos = { x: e.clientX, y: e.clientY };
-      const active = dragRef.current;
-      if (!active) return;
-      pendingPos.current = null;
-      frameLoop.cancel();
-      if (isOverCanvas(screenPos)) {
-        const world = screenToWorldFromContainer(screenPos);
-        if (world) {
-          const nextState = capability.onDrop(world, active.item, state, config);
-          setState(nextState);
-          emit("canvas.itemAdded");
-        }
-      }
-      setDrag(null);
-    };
-    window.addEventListener("pointermove", handleMove);
-    window.addEventListener("pointerup", handleUp);
-    return () => {
-      window.removeEventListener("pointermove", handleMove);
-      window.removeEventListener("pointerup", handleUp);
-    };
-  }, [
-    drag,
-    capability,
-    state,
-    config,
-    setState,
-    emit,
-    frameLoop,
-    isOverCanvas,
-    screenToWorldFromContainer
-  ]);
-  const startDrag = useCallback((item, originScreenPos) => {
-    setDrag({ item, screenPos: originScreenPos, feedback: null });
-  }, []);
-  return { drag, startDrag };
-}
-function DragOverlay({ drag }) {
-  if (!drag) return null;
-  return /* @__PURE__ */ jsx(DragGhost, { item: drag.item, screenPos: drag.screenPos });
-}
-function Palette({ items, onDragStart, className }) {
-  return /* @__PURE__ */ jsx("div", { className: className ? `lk-palette ${className}` : "lk-palette", children: items.map((item) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: "lk-palette__item",
-      onPointerDown: (e) => {
-        e.preventDefault();
-        onDragStart(item, { x: e.clientX, y: e.clientY });
-      },
-      children: /* @__PURE__ */ jsx("span", { className: "lk-palette__label", children: item.label })
-    },
-    item.id
-  )) });
-}
 
 // src/state/view.ts
 var DEFAULT_VIEW = { zoom: 1, pan: { x: 0, y: 0 } };
@@ -1461,7 +1334,7 @@ function TrialChrome({
     ),
     [instrument, ctx, trialChrome, chrome, suppress, lab.controls]
   );
-  const inRegion = (region) => contributions.filter((c) => c.region === region);
+  const inRegion = (region) => contributions.filter((c2) => c2.region === region);
   const handleKeyDown = (e) => {
     const mod = e.metaKey || e.ctrlKey;
     if (!mod) return;
@@ -1504,7 +1377,7 @@ function Trial({ id, chrome, suppress }) {
   const lab = useLabContext();
   const storeCtx = useContext(LabStoreContext);
   if (!storeCtx) throw new Error("[labkit] <Trial> requires <LabStoreProvider>");
-  const record = useStore(storeCtx.store, (s) => s.trials.find((w) => w.id === id));
+  const record = useStore(storeCtx.store, (s) => s.trials.find((w2) => w2.id === id));
   if (!record) {
     return /* @__PURE__ */ jsxs("div", { className: "lk-trial lk-trial--unknown", children: [
       "Trial not found: ",
@@ -1549,7 +1422,7 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
   const maxDepth = undoCap?.maxDepth ?? 50;
   const snapshotIfNeeded = (event) => {
     if (!undoCap || !undoEvents.has(event)) return;
-    const current = store.getState().trials.find((w) => w.id === record.id);
+    const current = store.getState().trials.find((w2) => w2.id === record.id);
     if (!current) return;
     const snap = structuredClone(current.state);
     updateTrialUndoStack(record.id, (prev) => pushSnapshot(prev, snap, maxDepth));
@@ -1622,7 +1495,7 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
   const canvasLayers = useMemo(() => {
     if (!instrument.canvas) return [];
     const baseLayers = instrument.canvas.layers;
-    const ordered = layerOrder ? [...baseLayers].sort((a, b) => layerOrder.indexOf(a.id) - layerOrder.indexOf(b.id)) : baseLayers;
+    const ordered = layerOrder ? [...baseLayers].sort((a, b2) => layerOrder.indexOf(a.id) - layerOrder.indexOf(b2.id)) : baseLayers;
     return ordered.map((layer) => ({
       id: layer.id,
       visible: layerVisibility[layer.id] !== false,
@@ -1654,8 +1527,8 @@ function TrialRuntime({ record, instrument, store, isLast, chrome, suppress }) {
   });
   const paletteItems = useMemo(() => {
     if (!instrument.dragDrop) return [];
-    const p3 = instrument.dragDrop.palette;
-    return typeof p3 === "function" ? p3(record.state, record.config) : p3;
+    const p2 = instrument.dragDrop.palette;
+    return typeof p2 === "function" ? p2(record.state, record.config) : p2;
   }, [instrument.dragDrop, record.state, record.config]);
   const layersWithFeedback = useMemo(() => {
     if (!dragDropResult.drag?.feedback) return canvasLayers;
@@ -1787,7 +1660,7 @@ function addTrial(trials, instruments, instrumentName) {
   return [...trials, record];
 }
 function cloneTrial(trials, id) {
-  const sourceIdx = trials.findIndex((w) => w.id === id);
+  const sourceIdx = trials.findIndex((w2) => w2.id === id);
   const source = trials[sourceIdx];
   if (!source) return trials;
   const clone = {
@@ -1802,11 +1675,11 @@ function cloneTrial(trials, id) {
 }
 function closeTrial(trials, id) {
   if (trials.length <= 1) return trials;
-  const next = trials.filter((w) => w.id !== id);
+  const next = trials.filter((w2) => w2.id !== id);
   return next.length === trials.length ? trials : next;
 }
 function resetTrial(trials, id, instruments) {
-  const idx = trials.findIndex((w) => w.id === id);
+  const idx = trials.findIndex((w2) => w2.id === id);
   const current = trials[idx];
   if (!current) return trials;
   const instrument = findInstrument(instruments, current.instrumentName);
@@ -1821,10 +1694,10 @@ function resetTrial(trials, id, instruments) {
   return [...trials.slice(0, idx), reset, ...trials.slice(idx + 1)];
 }
 function reorderTrials(trials, ids) {
-  const byId = new Map(trials.map((w) => [w.id, w]));
-  const named = ids.map((id) => byId.get(id)).filter((w) => w !== void 0);
-  const seen = new Set(named.map((w) => w.id));
-  const rest = trials.filter((w) => !seen.has(w.id));
+  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));
   return [...named, ...rest];
 }
 var MODES = [
@@ -1843,7 +1716,7 @@ function LabHeader() {
         className: "lk-lab-header__add",
         onClick: () => lab.addTrial(only.name),
         children: [
-          /* @__PURE__ */ jsx(vt, { size: 16 }),
+          /* @__PURE__ */ jsx(Rt, { size: 16 }),
           /* @__PURE__ */ jsx("span", { children: "Add trial" })
         ]
       }
@@ -1851,7 +1724,7 @@ function LabHeader() {
       // Held at null so the control stays an "add one" action rather than
       // reading as the current instrument.
       /* @__PURE__ */ jsx(
-        p2,
+        p,
         {
           className: "lk-lab-header__add-select",
           "aria-label": "Add trial",
@@ -1930,11 +1803,11 @@ var ZONE_ID = asNodeId("lk-workspace");
 var STRATEGIES = { grid: gridStrategy };
 var KIND = "trial";
 function extentOf(store, id) {
-  const p3 = store.getNode(id)?.membership?.placement;
-  if (!p3) return null;
+  const p2 = store.getNode(id)?.membership?.placement;
+  if (!p2) return null;
   const out = {};
-  if (p3.size) out.size = p3.size;
-  if (p3.span) out.span = p3.span;
+  if (p2.size) out.size = p2.size;
+  if (p2.span) out.span = p2.span;
   return Object.keys(out).length > 0 ? out : null;
 }
 function Workspace({
@@ -1951,7 +1824,7 @@ function Workspace({
 }) {
   const items = Children.toArray(children);
   const idKey = ids ? ids.join(",") : `#${items.length}`;
-  const nodeIds = useMemo(() => items.map((_, i) => asNodeId(ids?.[i] ?? `lk-ws-${i}`)), [idKey]);
+  const nodeIds = useMemo(() => items.map((_2, i) => asNodeId(ids?.[i] ?? `lk-ws-${i}`)), [idKey]);
   const layoutRef = useRef(layout);
   layoutRef.current = layout;
   const onLayoutChangeRef = useRef(onLayoutChange);
@@ -2054,9 +1927,9 @@ var NEBULA_SLOTS = [
   { cx: "85%", cy: "18%", sx: "55%", sy: "80%", stop: "70%" }
 ];
 function buildNebula(colors) {
-  const blobs = colors.map((c, i) => {
-    const p3 = NEBULA_SLOTS[i % NEBULA_SLOTS.length];
-    return `radial-gradient(ellipse ${p3.sx} ${p3.sy} at ${p3.cx} ${p3.cy}, color-mix(in srgb, ${c} 22%, transparent), transparent ${p3.stop})`;
+  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})`;
   });
   blobs.push("radial-gradient(ellipse at center, #0a0a18 0%, #02020a 100%)");
   return blobs.join(", ");
@@ -2103,8 +1976,8 @@ function Lab({
   }, [mode, store]);
   const contextValue = useMemo(() => {
     const replaceTrials = (next) => {
-      const currentById = new Map(store.getState().trials.map((w) => [w.id, w]));
-      const merged = next.map((w) => currentById.get(w.id) ?? w);
+      const currentById = new Map(store.getState().trials.map((w2) => [w2.id, w2]));
+      const merged = next.map((w2) => currentById.get(w2.id) ?? w2);
       store.setState({ trials: merged });
       store.getState().setMode(store.getState().mode);
     };
@@ -2128,11 +2001,11 @@ function Lab({
       },
       resetTrial: (id) => {
         const next = resetTrial(store.getState().trials, id, instruments);
-        const record = next.find((w) => w.id === id);
+        const record = next.find((w2) => w2.id === id);
         if (!record) return;
         store.setState((s) => ({
           trials: s.trials.map(
-            (w) => w.id === id ? { ...w, config: record.config, state: record.state, view: record.view } : w
+            (w2) => w2.id === id ? { ...w2, config: record.config, state: record.state, view: record.view } : w2
           )
         }));
         store.getState().updateTrialView(id, record.view);
@@ -2149,8 +2022,8 @@ function Lab({
         store.getState().deleteSnapshot(snapshotId);
       },
       mode: modeValue,
-      setMode: (m) => {
-        store.getState().setMode(m);
+      setMode: (m2) => {
+        store.getState().setMode(m2);
       },
       configRules,
       controls
@@ -2179,13 +2052,13 @@ function Lab({
             /* @__PURE__ */ jsx(
               Workspace,
               {
-                ids: trials.map((w) => w.id),
+                ids: trials.map((w2) => w2.id),
                 resizable: true,
                 reorderable: true,
                 onReorder: (ids) => contextValue.reorderTrials(ids),
                 layout,
                 onLayoutChange: (next) => store.getState().setLayout(next),
-                children: trials.map((w) => /* @__PURE__ */ jsx(Trial, { id: w.id, chrome, suppress }, w.id))
+                children: trials.map((w2) => /* @__PURE__ */ jsx(Trial, { id: w2.id, chrome, suppress }, w2.id))
               }
             )
           ] })
@@ -2194,352 +2067,7 @@ function Lab({
     }
   ) }) });
 }
-function CurveField({
-  values,
-  min,
-  max,
-  step,
-  width,
-  height = 110,
-  defaults,
-  onChange,
-  marks
-}) {
-  const points = useMemo(() => {
-    const out = [];
-    for (let i = 0; i + 1 < values.length; i += 2) out.push({ x: values[i], y: values[i + 1] });
-    return out;
-  }, [values]);
-  const handleChange = useCallback(
-    (next) => {
-      const flat = new Array(next.length * 2);
-      for (let i = 0; i < next.length; i++) {
-        const ySnap = Math.round(next[i].y / step) * step;
-        const y = Math.max(min, Math.min(max, ySnap));
-        flat[i * 2] = next[i].x;
-        flat[i * 2 + 1] = y;
-      }
-      p("curve-field", "handleChange", {
-        nLen: next.length,
-        flatLen: flat.length,
-        sample: flat.slice(0, 4)
-      });
-      onChange(flat);
-    },
-    [onChange, min, max, step]
-  );
-  const handleFlip = useCallback(() => {
-    const flipped = [];
-    for (let i = 0; i + 1 < values.length; i += 2) {
-      flipped.push({ x: 1 - values[i], y: values[i + 1] });
-    }
-    flipped.sort((a, b) => a.x - b.x);
-    const out = [];
-    for (const p3 of flipped) out.push(p3.x, p3.y);
-    onChange(out);
-  }, [values, onChange]);
-  const handleFlipVertical = useCallback(() => {
-    const mid = (min + max) / 2;
-    const flipped = new Array(values.length);
-    for (let i = 0; i + 1 < values.length; i += 2) {
-      flipped[i] = values[i];
-      flipped[i + 1] = 2 * mid - values[i + 1];
-    }
-    onChange(flipped);
-  }, [values, min, max, onChange]);
-  return /* @__PURE__ */ jsxs("div", { className: "lk-curve-field", children: [
-    /* @__PURE__ */ jsxs("div", { className: "lk-curve-field__plot", children: [
-      /* @__PURE__ */ jsx(
-        F,
-        {
-          value: points,
-          onInput: handleChange,
-          domain: "1d",
-          constrain: "function",
-          xRange: [0, 1],
-          yRange: [min, max],
-          width,
-          height,
-          endpoints: "pinned-x",
-          addPointMode: "click-curve",
-          minPoints: 2,
-          grid: {},
-          history: false
-        }
-      ),
-      marks && marks.length > 0 && /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: "lk-curve-field__marks",
-          width,
-          height,
-          viewBox: `0 0 ${width} ${height}`,
-          "aria-hidden": "true",
-          children: marks.map((m) => {
-            const color = m.color ?? "#ffcc00";
-            if (m.kind === "band") {
-              const x0 = Math.max(0, Math.min(1, m.x[0])) * width;
-              const x1 = Math.max(0, Math.min(1, m.x[1])) * width;
-              const left = Math.min(x0, x1);
-              const w = Math.abs(x1 - x0);
-              return /* @__PURE__ */ jsxs("g", { children: [
-                /* @__PURE__ */ jsx("rect", { x: left, y: 0, width: w, height, fill: color, fillOpacity: 0.4 }),
-                /* @__PURE__ */ jsx(
-                  "line",
-                  {
-                    x1: left,
-                    y1: 0,
-                    x2: left,
-                    y2: height,
-                    stroke: color,
-                    strokeOpacity: 0.85,
-                    strokeWidth: 1
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "line",
-                  {
-                    x1: left + w,
-                    y1: 0,
-                    x2: left + w,
-                    y2: height,
-                    stroke: color,
-                    strokeOpacity: 0.85,
-                    strokeWidth: 1
-                  }
-                )
-              ] }, `band-${m.x[0]}-${m.x[1]}-${color}`);
-            }
-            const x = Math.max(0, Math.min(1, m.x)) * width;
-            return /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: x,
-                y1: 0,
-                x2: x,
-                y2: height,
-                stroke: color,
-                strokeWidth: 1
-              },
-              `mark-${m.x}-${color}`
-            );
-          })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "lk-curve-field__actions", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "lk-curve-field__action", onClick: handleFlip, children: "Flip horizontally" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "lk-curve-field__action", onClick: handleFlipVertical, children: "Flip vertically" }),
-      defaults && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "lk-curve-field__action",
-          onClick: () => onChange([...defaults]),
-          children: "Reset"
-        }
-      )
-    ] })
-  ] });
-}
-function Subpanel({ title, children, className }) {
-  const cls = className ? `lk-subpanel ${className}` : "lk-subpanel";
-  return /* @__PURE__ */ jsxs("div", { className: cls, children: [
-    /* @__PURE__ */ jsxs("h4", { className: "lk-subpanel__title", children: [
-      /* @__PURE__ */ jsx("span", { children: title }),
-      /* @__PURE__ */ jsx("hr", {})
-    ] }),
-    children
-  ] });
-}
-function EffectCard({
-  title,
-  primary,
-  accent,
-  index,
-  expanded = true,
-  onToggleExpanded,
-  onRemove,
-  draggable,
-  onPressHandle,
-  onReleaseHandle,
-  onDragStart,
-  onDragEnd,
-  onDragOver,
-  onDragLeave,
-  onDrop,
-  dragging,
-  children,
-  className
-}) {
-  const stateClass = `${expanded ? "is-expanded" : "is-collapsed"}${dragging ? " is-dragging" : ""}${accent ? " has-accent" : ""}`;
-  const cls = `lk-effect-card ${stateClass}${className ? ` ${className}` : ""}`;
-  const style = accent ? { "--lk-panel-accent": accent } : void 0;
-  const headProps = onToggleExpanded ? {
-    role: "button",
-    tabIndex: 0,
-    onClick: onToggleExpanded,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onToggleExpanded();
-      }
-    }
-  } : {};
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: native HTML5 drag-and-drop container — drag events are not click/keyboard interactions and have no semantic element; the in-card handle and header carry the a11y affordances.
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cls,
-        style,
-        draggable,
-        onDragStart,
-        onDragEnd,
-        onDragOver,
-        onDragLeave,
-        onDrop,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "lk-effect-card__head", ...headProps, children: [
-            index != null ? /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "lk-effect-card__index-badge lk-effect-card__handle",
-                title: "Drag to reorder \xB7 click to toggle",
-                "aria-label": `Item ${index + 1} \u2014 drag to reorder, click to toggle`,
-                onMouseDown: onPressHandle,
-                onMouseUp: onReleaseHandle,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onToggleExpanded?.();
-                },
-                children: index + 1
-              }
-            ) : /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "lk-effect-card__handle",
-                "aria-hidden": "true",
-                title: "Drag to reorder",
-                onMouseDown: onPressHandle,
-                onMouseUp: onReleaseHandle,
-                children: /* @__PURE__ */ jsx(DragHandleIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "lk-effect-card__title", children: title }),
-            primary != null && /* @__PURE__ */ jsx("span", { className: "lk-effect-card__primary", children: primary }),
-            onRemove && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "lk-effect-card__remove",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onRemove();
-                },
-                title: "Remove",
-                "aria-label": "Remove",
-                children: "\u2715"
-              }
-            )
-          ] }),
-          expanded && /* @__PURE__ */ jsx("div", { className: "lk-effect-card__body", children })
-        ]
-      }
-    )
-  );
-}
-function DragHandleIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "10", height: "14", viewBox: "0 0 10 14", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "3", cy: "3", r: "1.3", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "3", r: "1.3", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("circle", { cx: "3", cy: "7", r: "1.3", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "1.3", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("circle", { cx: "3", cy: "11", r: "1.3", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "11", r: "1.3", fill: "currentColor" })
-  ] });
-}
-function EffectCardList({
-  items,
-  renderItem,
-  onReorder,
-  empty,
-  defaultExpandedIds
-}) {
-  const [expanded, setExpanded] = useState(() => new Set(defaultExpandedIds ?? []));
-  const [draggingId, setDraggingId] = useState(null);
-  const [pressedId, setPressedId] = useState(null);
-  const [dropHint, setDropHint] = useState(
-    null
-  );
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(Fragment, { children: empty ?? /* @__PURE__ */ jsx("div", { className: "lk-effect-card-list__empty", children: "No items." }) });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "lk-effect-card-list", children: items.map((item) => {
-    const isExpanded = expanded.has(item.id);
-    const isDragging = draggingId === item.id;
-    const isPressed = pressedId === item.id;
-    const showHintBefore = dropHint && dropHint.id === item.id && dropHint.position === "before";
-    const showHintAfter = dropHint && dropHint.id === item.id && dropHint.position === "after";
-    const toggleExpanded = () => setExpanded((prev) => {
-      const next = new Set(prev);
-      if (next.has(item.id)) next.delete(item.id);
-      else next.add(item.id);
-      return next;
-    });
-    return /* @__PURE__ */ jsxs("div", { className: "lk-effect-card-list__wrap", children: [
-      showHintBefore && /* @__PURE__ */ jsx("div", { className: "lk-effect-card-list__drop-hint" }),
-      renderItem(item, {
-        isExpanded,
-        isDragging,
-        toggleExpanded,
-        cardProps: {
-          expanded: isExpanded,
-          dragging: isDragging,
-          draggable: isPressed,
-          onToggleExpanded: toggleExpanded,
-          onPressHandle: () => setPressedId(item.id),
-          onReleaseHandle: () => setPressedId(null),
-          onDragStart: (e) => {
-            e.dataTransfer.effectAllowed = "move";
-            e.dataTransfer.setData("text/plain", String(item.id));
-            setDraggingId(item.id);
-          },
-          onDragEnd: () => {
-            setDraggingId(null);
-            setPressedId(null);
-            setDropHint(null);
-          },
-          onDragOver: (e) => {
-            if (draggingId === null || draggingId === item.id) return;
-            e.preventDefault();
-            e.dataTransfer.dropEffect = "move";
-            const rect = e.currentTarget.getBoundingClientRect();
-            const position = e.clientY < rect.top + rect.height / 2 ? "before" : "after";
-            setDropHint({ id: item.id, position });
-          },
-          onDragLeave: () => {
-            setDropHint((h) => h && h.id === item.id ? null : h);
-          },
-          onDrop: (e) => {
-            e.preventDefault();
-            if (draggingId === null || draggingId === item.id) {
-              setDropHint(null);
-              return;
-            }
-            const rect = e.currentTarget.getBoundingClientRect();
-            const position = e.clientY < rect.top + rect.height / 2 ? "before" : "after";
-            onReorder(draggingId, item.id, position);
-            setDropHint(null);
-          }
-        }
-      }),
-      showHintAfter && /* @__PURE__ */ jsx("div", { className: "lk-effect-card-list__drop-hint" })
-    ] }, String(item.id));
-  }) });
-}
 
-export { CurveField, DEFAULT_VIEW, EffectCard, EffectCardList, Lab, LabContext, LabPalette, LabShell, PITCH_LIMIT, Subpanel, Trial, TrialChrome, Workspace, addTrial, applyRules, as2DView, builtinRules, clampPitch, cloneTrial, closeTrial, defineInstrument, f, interstellarTheme, orbitAfterDrag, orbitAfterWheel, reorderTrials, resetTrial, resolveConfigSchema, titleCase, useConfigSchema, useLabContext, useOrbit, validateConfigSchema, wrapYaw };
+export { DEFAULT_VIEW, Lab, LabContext, LabPalette, LabShell, PITCH_LIMIT, Trial, TrialChrome, Workspace, addTrial, applyRules, as2DView, builtinRules, clampPitch, cloneTrial, closeTrial, defineInstrument, f, interstellarTheme, orbitAfterDrag, orbitAfterWheel, reorderTrials, resetTrial, resolveConfigSchema, titleCase, useConfigSchema, useLabContext, useOrbit, validateConfigSchema, wrapYaw };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map