@weasel-js/labkit 1.6.1 → 1.7.1

package/dist/chunk-F4ACIK7Z.js

@@ -0,0 +1,210 @@
+import { boxContainsPoint, boxContainsBox, boundsOfCoords } from './chunk-XVUKDSYV.js';
+import { textCommand, pxExtent, meanScale, ellipsePath, linePath, rectPath, HANDLE_BASE_PX, PathBuilder } from '@weasel-js/core';
+
+// src/annotations/frac.ts
+var boxOfFrac = (f) => [f.x, f.y, f.x + f.w, f.y + f.h];
+function fracToWorld(f, content) {
+  return {
+    x: f.x * content.w,
+    y: f.y * content.h,
+    width: f.w * content.w,
+    height: f.h * content.h
+  };
+}
+function worldToFrac(r, content) {
+  const sx = content.w === 0 ? 0 : 1 / content.w;
+  const sy = content.h === 0 ? 0 : 1 / content.h;
+  return { x: r.x * sx, y: r.y * sy, w: r.width * sx, h: r.height * sy };
+}
+var DP = 1e4;
+function roundFrac(f) {
+  return {
+    x: Math.round(f.x * DP) / DP,
+    y: Math.round(f.y * DP) / DP,
+    w: Math.round(f.w * DP) / DP,
+    h: Math.round(f.h * DP) / DP
+  };
+}
+function fracContains(box, pt, tol = 0) {
+  const [x0, y0, x1, y1] = boxOfFrac(box);
+  return boxContainsPoint([x0 - tol, y0 - tol, x1 + tol, y1 + tol], pt.x, pt.y);
+}
+function fracEncloses(outer, inner) {
+  return boxContainsBox(boxOfFrac(outer), boxOfFrac(inner));
+}
+function boundsOf(points) {
+  const b = boundsOfCoords(points.flatMap((p) => [p.x, p.y]));
+  return b && { x: b[0], y: b[1], w: b[2] - b[0], h: b[3] - b[1] };
+}
+function toShape(points, box) {
+  return points.map((p) => ({
+    x: box.w === 0 ? 0 : (p.x - box.x) / box.w,
+    y: box.h === 0 ? 0 : (p.y - box.y) / box.h
+  }));
+}
+function fromShape(shape, box) {
+  return shape.map((s) => ({ x: box.x + s.x * box.w, y: box.y + s.y * box.h }));
+}
+var boxOf = (r) => ({ x: r.x, y: r.y, w: r.width, h: r.height });
+var roundPoint = (p) => ({
+  x: Math.round(p.x * DP) / DP,
+  y: Math.round(p.y * DP) / DP
+});
+var roundPoints = (pts) => pts.map(roundPoint);
+var MARK_COLOR = "#e5484d";
+var MARK_WIDTH = 2;
+var TEXT_SIZE = 14;
+var STALE_DASH = [6, 4];
+var POINT_RADIUS_PX = HANDLE_BASE_PX / 2;
+var UNIT_SCALE = { x: 1, y: 1 };
+function vertices(m) {
+  const stored = m.data.shape;
+  if (stored && stored.length >= 2) return fromShape(stored, boxOf(m.pose));
+  const { x, y, width, height } = m.pose;
+  return [
+    { x, y },
+    { x: x + width, y: y + height }
+  ];
+}
+function polyline(points) {
+  const b = new PathBuilder();
+  const first = points[0];
+  if (!first) return rectPath(0, 0, 0, 0);
+  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, style = {}, scale = UNIT_SCALE) {
+  const color = style.color ?? MARK_COLOR;
+  const stroke = {
+    paint: { color },
+    width: MARK_WIDTH,
+    cap: "round",
+    join: "round",
+    ...style.stale ? { dash: STALE_DASH } : {}
+  };
+  switch (m.data.kind) {
+    case "rect":
+      return [
+        { kind: "path", path: rectPath(m.pose.x, m.pose.y, m.pose.width, m.pose.height), stroke }
+      ];
+    case "ellipse":
+      return [{ kind: "path", path: ellipsePath(m.pose), stroke }];
+    case "line": {
+      const [a, b] = vertices(m);
+      return [{ kind: "path", path: linePath(a, b), stroke }];
+    }
+    case "arrow": {
+      const [a, b] = vertices(m);
+      return [{ kind: "path", path: linePath(a, b), stroke: { ...stroke, markerEnd: "arrow" } }];
+    }
+    case "stroke":
+      return [{ kind: "path", path: polyline(vertices(m)), stroke }];
+    case "point": {
+      const c = { x: m.pose.x, y: m.pose.y };
+      const r = pxExtent(POINT_RADIUS_PX, scale);
+      const ring = { x: c.x - r.x, y: c.y - r.y, width: 2 * r.x, height: 2 * r.y };
+      const px = 1 / meanScale(scale);
+      return [
+        {
+          kind: "path",
+          path: ellipsePath(ring),
+          stroke: {
+            ...stroke,
+            width: MARK_WIDTH * px,
+            ...stroke.dash ? { dash: stroke.dash.map((d) => d * px) } : {}
+          }
+        }
+      ];
+    }
+    case "text": {
+      const text = m.data.title;
+      if (!text) return [];
+      return [
+        textCommand(
+          m.pose.x,
+          m.pose.y,
+          text,
+          { fontSize: TEXT_SIZE },
+          void 0,
+          void 0,
+          void 0,
+          {
+            fill: { color }
+          }
+        )
+      ];
+    }
+  }
+}
+var POINT_MARK_SHAPE = {
+  id: "labkit:point-mark",
+  matches: (node) => node.layer === "marks" && node.data?.kind === "point" && typeof node.data.target === "string",
+  // The overlay paints through its own draw callback. This is for a scene
+  // drawn without one.
+  paint: (node, pose) => markCommands({ pose, data: node.data }),
+  silhouette: (_node, pose) => rectPath(pose.x, pose.y, 0, 0),
+  // Filled, so a click inside the ring lands on it as it would on a handle.
+  ink: (_node, _pose, ctx) => {
+    const s = ctx?.scale ?? 1;
+    return { filled: true, outset: (POINT_RADIUS_PX + MARK_WIDTH / 2) / s, inset: 0 };
+  }
+};
+
+// src/annotations/svgNodes.ts
+var NO_PAINT = { kind: "none" };
+function toSvgPaint(paint) {
+  if (!paint) return NO_PAINT;
+  if ("color" in paint && typeof paint.color === "string") {
+    return {
+      kind: "solid",
+      color: paint.color,
+      ...paint.opacity != null ? { opacity: paint.opacity } : {}
+    };
+  }
+  return { kind: "gradient", paint };
+}
+function toSvgStroke(stroke) {
+  return {
+    paint: toSvgPaint(stroke.paint),
+    width: stroke.width ?? 1,
+    ...stroke.cap ? { cap: stroke.cap } : {},
+    ...stroke.join ? { join: stroke.join } : {},
+    ...stroke.dash ? { dash: [...stroke.dash] } : {},
+    ...stroke.miterLimit != null ? { miterLimit: stroke.miterLimit } : {},
+    ...stroke.align ? { align: stroke.align } : {},
+    ...stroke.markerStart ? { markerStart: stroke.markerStart } : {},
+    ...stroke.markerMid ? { markerMid: stroke.markerMid } : {},
+    ...stroke.markerEnd ? { markerEnd: stroke.markerEnd } : {}
+  };
+}
+function toSvgNode(cmd, m) {
+  if (cmd.kind === "path") {
+    return {
+      kind: "path",
+      path: cmd.path,
+      fill: toSvgPaint(cmd.fill),
+      ...cmd.stroke ? { stroke: toSvgStroke(cmd.stroke) } : {}
+    };
+  }
+  if (cmd.kind === "text") {
+    return {
+      kind: "text",
+      x: cmd.x,
+      y: cmd.y,
+      width: m.pose.width,
+      height: m.pose.height,
+      text: cmd.runs.map((run) => run.text).join(""),
+      style: cmd.style,
+      ...cmd.runs[0]?.fill ? { fill: cmd.runs[0].fill } : {}
+    };
+  }
+  throw new Error(`[labkit] a mark drew a '${cmd.kind}' command, which has no vector form`);
+}
+function markSvgNodes(m, style = {}, scale) {
+  return markCommands(m, style, scale).map((cmd) => toSvgNode(cmd, m));
+}
+
+export { POINT_MARK_SHAPE, boundsOf, fracContains, fracEncloses, fracToWorld, fromShape, markCommands, markSvgNodes, roundFrac, roundPoints, toShape, worldToFrac };
+//# sourceMappingURL=chunk-F4ACIK7Z.js.map
+//# sourceMappingURL=chunk-F4ACIK7Z.js.map

package/dist/chunk-F4ACIK7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/annotations/frac.ts","../src/annotations/paint.ts","../src/annotations/svgNodes.ts"],"names":[],"mappings":"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","file":"chunk-F4ACIK7Z.js","sourcesContent":["import {\n  type Box,\n  boundsOfCoords,\n  boxContainsBox,\n  boxContainsPoint,\n  type Rect,\n} from '@weasel-js/geom';\nimport type { FracPoint, FracRect } from './types';\n\n/** A mark's box in its target's world: CSS pixels at zoom 1. Matches weasel's\n *  default `RectPose`, which is what the scene stores. */\nexport type WorldRect = Rect;\n\nconst boxOfFrac = (f: FracRect): Box => [f.x, f.y, f.x + f.w, f.y + f.h];\n\n/** Where a fraction lands on a content box of this size. */\nexport function fracToWorld(f: FracRect, content: { w: number; h: number }): WorldRect {\n  return {\n    x: f.x * content.w,\n    y: f.y * content.h,\n    width: f.w * content.w,\n    height: f.h * content.h,\n  };\n}\n\n/** What fraction of the content box a world rect covers.\n *\n *  A pane measured before layout is 0×0, and dividing by that would seed every\n *  stored position with `NaN` — which compares false against everything and so\n *  fails silently rather than loudly. Zero sides give zeros. */\nexport function worldToFrac(r: WorldRect, content: { w: number; h: number }): FracRect {\n  const sx = content.w === 0 ? 0 : 1 / content.w;\n  const sy = content.h === 0 ? 0 : 1 / content.h;\n  return { x: r.x * sx, y: r.y * sy, w: r.width * sx, h: r.height * sy };\n}\n\nconst DP = 10_000;\n\n/** Snap to 4dp. Positions are diffed by humans in stored documents, so the\n *  last digits of a float are noise that hides the change that matters. */\nexport function roundFrac(f: FracRect): FracRect {\n  return {\n    x: Math.round(f.x * DP) / DP,\n    y: Math.round(f.y * DP) / DP,\n    w: Math.round(f.w * DP) / DP,\n    h: Math.round(f.h * DP) / DP,\n  };\n}\n\n/** Whether `pt` falls in `box`, widened by `tol` on every side so a hairline\n *  mark stays reachable. */\nexport function fracContains(box: FracRect, pt: FracPoint, tol = 0): boolean {\n  const [x0, y0, x1, y1] = boxOfFrac(box);\n  return boxContainsPoint([x0 - tol, y0 - tol, x1 + tol, y1 + tol], pt.x, pt.y);\n}\n\n/** Whether `outer` wholly encloses `inner`. A marquee takes what it encloses,\n *  not what it grazes — brushing selection is a different gesture, and this\n *  answers false for two rects that merely overlap. */\nexport function fracEncloses(outer: FracRect, inner: FracRect): boolean {\n  return boxContainsBox(boxOfFrac(outer), boxOfFrac(inner));\n}\n\n/** The smallest box holding every point — zero-size for a single one, and\n *  `null` for none. */\nexport function boundsOf(points: readonly FracPoint[]): FracRect | null {\n  const b = boundsOfCoords(points.flatMap((p) => [p.x, p.y]));\n  return b && { x: b[0], y: b[1], w: b[2] - b[0], h: b[3] - b[1] };\n}\n\n/** Points restated as fractions of `box` itself, so they move and stretch with\n *  it. Unit-agnostic: `points` and `box` only have to share one. A box with no\n *  width or height puts every point on its edge along that axis. */\nexport function toShape(points: readonly FracPoint[], box: FracRect): FracPoint[] {\n  return points.map((p) => ({\n    x: box.w === 0 ? 0 : (p.x - box.x) / box.w,\n    y: box.h === 0 ? 0 : (p.y - box.y) / box.h,\n  }));\n}\n\n/** `toShape`'s inverse: a shape placed in `box`, in `box`'s units. */\nexport function fromShape(shape: readonly FracPoint[], box: FracRect): FracPoint[] {\n  return shape.map((s) => ({ x: box.x + s.x * box.w, y: box.y + s.y * box.h }));\n}\n\n/** A world rect as the `{ x, y, w, h }` the shape helpers take. */\nexport const boxOf = (r: WorldRect): FracRect => ({ x: r.x, y: r.y, w: r.width, h: r.height });\n\nconst roundPoint = (p: FracPoint): FracPoint => ({\n  x: Math.round(p.x * DP) / DP,\n  y: Math.round(p.y * DP) / DP,\n});\n\n/** `roundFrac` for points. */\nexport const roundPoints = (pts: readonly FracPoint[]): FracPoint[] => pts.map(roundPoint);\n","import type { DrawCommand, NodeShapeEntry, Path, Stroke, View } from '@weasel-js/core';\nimport {\n  ellipsePath,\n  HANDLE_BASE_PX,\n  linePath,\n  meanScale,\n  PathBuilder,\n  pxExtent,\n  rectPath,\n  textCommand,\n} from '@weasel-js/core';\nimport { boxOf, fromShape, type WorldRect } from './frac';\nimport type { AnnotationData } from './types';\n\n/** One loud color, not a themed one: a mark sits over the instrument's own\n *  picture and has to be legible against whatever that picture is. */\nconst MARK_COLOR = '#e5484d';\n/** World units, so a mark thickens with the picture it annotates. */\nconst MARK_WIDTH = 2;\nconst TEXT_SIZE = 14;\nconst STALE_DASH = [6, 4];\n/** Screen pixels: a point marks a place rather than a region of the picture,\n *  so it holds its size like a selection handle. */\nconst POINT_RADIUS_PX = HANDLE_BASE_PX / 2;\nconst UNIT_SCALE: View['scale'] = { x: 1, y: 1 };\n\n/** The subset of a mark's scene node this needs: where it is, and what it is. */\nexport interface PaintableMark {\n  pose: WorldRect;\n  data: AnnotationData;\n}\n\n/** How a mark is drawn, as opposed to where. Resolved by the overlay from the\n *  instrument's vocabulary and the mark's own staleness. */\nexport interface MarkStyle {\n  /** The status's color, or the default. */\n  color?: string;\n  /** A mark whose stored position no longer describes the picture. Drawn\n   *  dashed rather than hidden: it still describes *something*, and dropping\n   *  it would lose it. */\n  stale?: boolean;\n}\n\n/** A mark's stored vertices placed in its pose, or the pose's diagonal — a\n *  stored mark whose `shape` did not survive still has to draw somewhere. */\nfunction vertices(m: PaintableMark): { x: number; y: number }[] {\n  const stored = m.data.shape;\n  if (stored && stored.length >= 2) return fromShape(stored, boxOf(m.pose));\n  const { x, y, width, height } = m.pose;\n  return [\n    { x, y },\n    { x: x + width, y: y + height },\n  ];\n}\n\nfunction polyline(points: { x: number; y: number }[]): Path {\n  const b = new PathBuilder();\n  const first = points[0];\n  if (!first) return rectPath(0, 0, 0, 0);\n  b.moveTo(first.x, first.y);\n  for (const p of points.slice(1)) b.lineTo(p.x, p.y);\n  return b.build();\n}\n\n/**\n * What one mark draws, in its target's world.\n *\n * Pure: a node in, draw commands out, in its target's world. Geometry that a\n * bounding box cannot describe — a line's ends, a stroke's path — comes from\n * `data.shape`, placed in the pose.\n *\n * `scale` is the view's, world to screen. Only a point reads it — its ring is\n * sized in screen pixels — and the default draws that ring as though a world\n * unit were a pixel.\n */\nexport function markCommands(\n  m: PaintableMark,\n  style: MarkStyle = {},\n  scale: View['scale'] = UNIT_SCALE,\n): DrawCommand[] {\n  const color = style.color ?? MARK_COLOR;\n  const stroke: Stroke = {\n    paint: { color },\n    width: MARK_WIDTH,\n    cap: 'round',\n    join: 'round',\n    ...(style.stale ? { dash: STALE_DASH } : {}),\n  };\n\n  switch (m.data.kind) {\n    case 'rect':\n      return [\n        { kind: 'path', path: rectPath(m.pose.x, m.pose.y, m.pose.width, m.pose.height), stroke },\n      ];\n    case 'ellipse':\n      return [{ kind: 'path', path: ellipsePath(m.pose), stroke }];\n    case 'line': {\n      const [a, b] = vertices(m);\n      return [{ kind: 'path', path: linePath(a, b), stroke }];\n    }\n    case 'arrow': {\n      const [a, b] = vertices(m);\n      // The spec's arrow: a line carrying an end marker, not its own geometry.\n      return [{ kind: 'path', path: linePath(a, b), stroke: { ...stroke, markerEnd: 'arrow' } }];\n    }\n    case 'stroke':\n      return [{ kind: 'path', path: polyline(vertices(m)), stroke }];\n    case 'point': {\n      const c = { x: m.pose.x, y: m.pose.y };\n      const r = pxExtent(POINT_RADIUS_PX, scale);\n      const ring = { x: c.x - r.x, y: c.y - r.y, width: 2 * r.x, height: 2 * r.y };\n      const px = 1 / meanScale(scale);\n      return [\n        {\n          kind: 'path',\n          path: ellipsePath(ring),\n          stroke: {\n            ...stroke,\n            width: MARK_WIDTH * px,\n            ...(stroke.dash ? { dash: stroke.dash.map((d) => d * px) } : {}),\n          },\n        },\n      ];\n    }\n    case 'text': {\n      const text = m.data.title;\n      if (!text) return [];\n      return [\n        textCommand(\n          m.pose.x,\n          m.pose.y,\n          text,\n          { fontSize: TEXT_SIZE },\n          undefined,\n          undefined,\n          undefined,\n          {\n            fill: { color },\n          },\n        ),\n      ];\n    }\n  }\n}\n\n/**\n * What picking reads for a point mark: its pose is zero-size, so without this\n * the pointer slop alone decides how close counts, whatever the ring's size.\n * Registered by the overlay, which is the one place marks are picked.\n */\nexport const POINT_MARK_SHAPE: NodeShapeEntry<AnnotationData, WorldRect> = {\n  id: 'labkit:point-mark',\n  matches: (node) =>\n    node.layer === 'marks' && node.data?.kind === 'point' && typeof node.data.target === 'string',\n  // The overlay paints through its own draw callback. This is for a scene\n  // drawn without one.\n  paint: (node, pose) => markCommands({ pose, data: node.data }),\n  silhouette: (_node, pose) => rectPath(pose.x, pose.y, 0, 0),\n  // Filled, so a click inside the ring lands on it as it would on a handle.\n  ink: (_node, _pose, ctx) => {\n    const s = ctx?.scale ?? 1;\n    return { filled: true, outset: (POINT_RADIUS_PX + MARK_WIDTH / 2) / s, inset: 0 };\n  },\n};\n","import type { DrawCommand, FillStyle, Stroke, View } from '@weasel-js/core';\nimport type { SvgNode, SvgPaint, SvgStroke } from '@weasel-js/svg';\nimport { type MarkStyle, markCommands, type PaintableMark } from './paint';\n\nconst NO_PAINT: SvgPaint = { kind: 'none' };\n\nfunction toSvgPaint(paint: FillStyle | undefined): SvgPaint {\n  if (!paint) return NO_PAINT;\n  if ('color' in paint && typeof paint.color === 'string') {\n    return {\n      kind: 'solid',\n      color: paint.color,\n      ...(paint.opacity != null ? { opacity: paint.opacity } : {}),\n    };\n  }\n  return { kind: 'gradient', paint };\n}\n\nfunction toSvgStroke(stroke: Stroke): SvgStroke {\n  return {\n    paint: toSvgPaint(stroke.paint),\n    width: stroke.width ?? 1,\n    ...(stroke.cap ? { cap: stroke.cap } : {}),\n    ...(stroke.join ? { join: stroke.join } : {}),\n    ...(stroke.dash ? { dash: [...stroke.dash] } : {}),\n    ...(stroke.miterLimit != null ? { miterLimit: stroke.miterLimit } : {}),\n    ...(stroke.align ? { align: stroke.align } : {}),\n    ...(stroke.markerStart ? { markerStart: stroke.markerStart } : {}),\n    ...(stroke.markerMid ? { markerMid: stroke.markerMid } : {}),\n    ...(stroke.markerEnd ? { markerEnd: stroke.markerEnd } : {}),\n  };\n}\n\nfunction toSvgNode(cmd: DrawCommand, m: PaintableMark): SvgNode {\n  if (cmd.kind === 'path') {\n    return {\n      kind: 'path',\n      path: cmd.path,\n      fill: toSvgPaint(cmd.fill),\n      ...(cmd.stroke ? { stroke: toSvgStroke(cmd.stroke) } : {}),\n    };\n  }\n  if (cmd.kind === 'text') {\n    return {\n      kind: 'text',\n      x: cmd.x,\n      y: cmd.y,\n      width: m.pose.width,\n      height: m.pose.height,\n      text: cmd.runs.map((run) => run.text).join(''),\n      style: cmd.style,\n      ...(cmd.runs[0]?.fill ? { fill: cmd.runs[0].fill } : {}),\n    };\n  }\n  // Unreachable while `markCommands` emits only paths and text. A throw rather\n  // than a skip: a new mark kind silently vanishing from every export is a\n  // worse afternoon than a loud one.\n  throw new Error(`[labkit] a mark drew a '${cmd.kind}' command, which has no vector form`);\n}\n\n/**\n * One mark as SVG nodes, converted from the very commands the pane paints.\n *\n * Deliberately not a second switch over `data.kind`: geometry has one source,\n * and this is a translation of it. `serializeSvg` turns the result into a\n * document.\n */\nexport function markSvgNodes(\n  m: PaintableMark,\n  style: MarkStyle = {},\n  scale?: View['scale'],\n): SvgNode[] {\n  return markCommands(m, style, scale).map((cmd) => toSvgNode(cmd, m));\n}\n"]}

package/dist/{chunk-6FLXL3I7.js → chunk-FB4MIZOO.js}

@@ -1,7 +1,8 @@
-import { je, Me } from './chunk-TYN6MLXX.js';
+import { je, Me, i3, a4 } from './chunk-4KSC7NXL.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useLatest } from '@weasel-js/core';
 import { useRef, useEffect, useMemo } from 'react';
-import { asNodeId, Store, createNode, stripStrategy } from 'windease';
+import { asNodeId, stripStrategy, Store, createNode } from 'windease';
 import { Provider, StrategyRegistryProvider, Container } from 'windease/react';
 
 function JobProgress({ job, className }) {
@@ -61,10 +62,72 @@ function Legend({ entries, className }) {
     ] }, entry.key);
   }) });
 }
+function Readout({ rows, title, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: className ? `lk-readout ${className}` : "lk-readout", children: [
+    /* @__PURE__ */ jsx(i3, { title, values: "figures", children: rows.map((row, i2) => /* @__PURE__ */ jsx(
+      a4,
+      {
+        label: row.label,
+        status: row.status,
+        values: row.values,
+        children: row.value
+      },
+      row.key ?? (typeof row.label === "string" ? row.label : i2)
+    )) }),
+    children != null && /* @__PURE__ */ jsx("div", { className: "lk-readout__footer", children })
+  ] });
+}
 var ZONE_ID = asNodeId("lk-split");
 var SIDEBAR_ID = asNodeId("lk-split-sidebar");
 var CONTENT_ID = asNodeId("lk-split-content");
 var STRATEGIES = { strip: stripStrategy };
+function createSplitStore({
+  side,
+  label,
+  sidebarWidth,
+  minWidth,
+  maxWidth,
+  contentMinWidth
+}) {
+  const store = new Store();
+  store.registerNode(
+    createNode({
+      kind: "zone",
+      id: ZONE_ID,
+      // A strip's seam resizes the pane before it, which on the end side is the
+      // content; 'neighbor' has the seam size the sidebar after it too.
+      container: {
+        strategyId: "strip",
+        config: {
+          axis: "x",
+          resizable: true,
+          ...side === "end" ? { resizeMode: "neighbor" } : {}
+        }
+      }
+    })
+  );
+  const sidebarNode = createNode({
+    kind: "sidebar",
+    id: SIDEBAR_ID,
+    parentId: ZONE_ID,
+    meta: { title: label },
+    placement: { size: { w: sidebarWidth } },
+    hints: { minSize: { w: minWidth, h: 0 }, maxSize: { w: maxWidth, h: 0 } }
+  });
+  const contentNode = createNode({
+    kind: "content",
+    id: CONTENT_ID,
+    parentId: ZONE_ID,
+    meta: { title: "Content" },
+    hints: { minSize: { w: contentMinWidth, h: 0 } }
+  });
+  for (const node of side === "end" ? [contentNode, sidebarNode] : [sidebarNode, contentNode]) {
+    store.registerNode(node);
+  }
+  store.showNode(SIDEBAR_ID);
+  store.showNode(CONTENT_ID);
+  return store;
+}
 function Split({
   sidebar,
   children,
@@ -83,44 +146,14 @@ function Split({
 }) {
   const storeRef = useRef(null);
   if (storeRef.current === null) {
-    const store2 = new Store();
-    store2.registerNode(
-      createNode({
-        kind: "zone",
-        id: ZONE_ID,
-        // A strip's seam resizes the pane before it, which on the end side is the
-        // content; 'neighbor' has the seam size the sidebar after it too.
-        container: {
-          strategyId: "strip",
-          config: {
-            axis: "x",
-            resizable: true,
-            ...side === "end" ? { resizeMode: "neighbor" } : {}
-          }
-        }
-      })
-    );
-    const sidebarNode = createNode({
-      kind: "sidebar",
-      id: SIDEBAR_ID,
-      parentId: ZONE_ID,
-      meta: { title: label },
-      placement: { size: { w: width ?? defaultWidth } },
-      hints: { minSize: { w: minWidth, h: 0 }, maxSize: { w: maxWidth, h: 0 } }
+    storeRef.current = createSplitStore({
+      side,
+      label,
+      sidebarWidth: width ?? defaultWidth,
+      minWidth,
+      maxWidth,
+      contentMinWidth
     });
-    const contentNode = createNode({
-      kind: "content",
-      id: CONTENT_ID,
-      parentId: ZONE_ID,
-      meta: { title: "Content" },
-      hints: { minSize: { w: contentMinWidth, h: 0 } }
-    });
-    for (const node of side === "end" ? [contentNode, sidebarNode] : [sidebarNode, contentNode]) {
-      store2.registerNode(node);
-    }
-    store2.showNode(SIDEBAR_ID);
-    store2.showNode(CONTENT_ID);
-    storeRef.current = store2;
   }
   const store = storeRef.current;
   const widthRef = useRef(width ?? defaultWidth);
@@ -139,8 +172,7 @@ function Split({
     widthRef.current = width;
     store.patchPlacement(SIDEBAR_ID, { size: { w: width } });
   }, [store, width]);
-  const onWidthChangeRef = useRef(onWidthChange);
-  onWidthChangeRef.current = onWidthChange;
+  const onWidthChangeRef = useLatest(onWidthChange);
   useEffect(
     () => store.events.on("node.placementChanged", () => {
       if (store.getPlacement(CONTENT_ID)?.size?.w !== void 0) {
@@ -151,7 +183,7 @@ function Split({
       widthRef.current = next;
       onWidthChangeRef.current?.(next);
     }),
-    [store]
+    [onWidthChangeRef, store]
   );
   const chrome = useMemo(
     () => ({
@@ -172,6 +204,6 @@ function Split({
   ) }) });
 }
 
-export { JobProgress, Legend, Split };
-//# sourceMappingURL=chunk-6FLXL3I7.js.map
-//# sourceMappingURL=chunk-6FLXL3I7.js.map
+export { JobProgress, Legend, Readout, Split };
+//# sourceMappingURL=chunk-FB4MIZOO.js.map
+//# sourceMappingURL=chunk-FB4MIZOO.js.map

package/dist/chunk-FB4MIZOO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/JobProgress.tsx","../src/primitives/Legend.tsx","../src/primitives/Readout.tsx","../src/primitives/Split.tsx"],"names":["jsx","jsxs","i","a"],"mappings":"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","file":"chunk-FB4MIZOO.js","sourcesContent":["import { ErrorIcon, WarningIcon } from '@weasel-js/ui';\nimport type { JobHandle } from '../job/types';\n\n/** Props for `<JobProgress>`. */\nexport interface JobProgressProps {\n  job: JobHandle;\n  className?: string;\n}\n\n/** A running job's progress, failures and outcome. Determinate once the job\n *  reports a total; a job that cannot count up front never sends one, so the\n *  bar stays indeterminate rather than inventing a denominator. */\nexport function JobProgress({ job, className }: JobProgressProps) {\n  const { status, done, total, failures, error } = job;\n  if (status === 'idle') return null;\n\n  const determinate = total !== null && total > 0;\n  const fraction = determinate ? Math.min(1, done / total) : 0;\n  const cls = ['lk-job', `lk-job--${status}`, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={cls}>\n      <div\n        className={`lk-job__track${determinate ? '' : ' lk-job__track--indeterminate'}`}\n        role=\"progressbar\"\n        aria-label=\"Job progress\"\n        aria-valuenow={determinate ? done : undefined}\n        aria-valuemin={determinate ? 0 : undefined}\n        aria-valuemax={determinate ? total : undefined}\n      >\n        {/* Scaling a full-width bar keeps the fill off the layout path, so\n            progress updates never reflow the status bar. */}\n        <div\n          className=\"lk-job__fill\"\n          style={{ transform: `scaleX(${determinate ? fraction : 1})` }}\n        />\n      </div>\n\n      <span className=\"lk-job__count\">\n        {done}\n        {determinate ? ` / ${total}` : ''}\n      </span>\n\n      {failures.length > 0 && (\n        <span className=\"lk-job__failures\" title={failures.map((f) => f.error).join('\\n')}>\n          <WarningIcon size={14} />\n          {failures.length} failed\n        </span>\n      )}\n\n      {error && (\n        <span className=\"lk-job__error\" title={error}>\n          <ErrorIcon size={14} />\n          {error}\n        </span>\n      )}\n\n      {status === 'running' && (\n        <button type=\"button\" className=\"lk-job__cancel\" onClick={job.cancel}>\n          Cancel\n        </button>\n      )}\n    </div>\n  );\n}\n","import type { CSSProperties } from 'react';\n\n/** How a legend entry's swatch is drawn, matching how the thing looks on canvas. */\nexport type LegendMark = 'line' | 'dash' | 'dot' | 'band';\n\n/** One row of a legend: a swatch and what it means. */\nexport interface LegendEntry {\n  key: string;\n  label: string;\n  color: string;\n  /** Defaults to `'line'`. */\n  mark?: LegendMark;\n}\n\n/** Props for `<Legend>`. */\nexport interface LegendProps {\n  entries: readonly LegendEntry[];\n  className?: string;\n}\n\n/** A color key. Presentational only — no handlers, no state, no hover behavior. */\nexport function Legend({ entries, className }: LegendProps) {\n  return (\n    <ul className={className ? `lk-legend ${className}` : 'lk-legend'}>\n      {entries.map((entry) => {\n        const mark = entry.mark ?? 'line';\n        return (\n          <li className=\"lk-legend__row\" key={entry.key}>\n            <span\n              aria-hidden=\"true\"\n              className={`lk-legend__swatch lk-legend__swatch--${mark}`}\n              style={{ '--lk-legend-ink': entry.color } as CSSProperties}\n            />\n            <span className=\"lk-legend__label\">{entry.label}</span>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n","import { DetailList, type DetailListValues, DetailRow, type DetailRowStatus } from '@weasel-js/ui';\nimport type { ReactNode } from 'react';\n\n/** One measurement in a {@link Readout}. */\nexport interface ReadoutRow {\n  /** React key. Defaults to `label` when that is a string, else the row's index. */\n  key?: string;\n  label: ReactNode;\n  /** `null` or `undefined` keeps the row in place showing an en dash, so the\n   *  readout holds its height while a measurement comes and goes. */\n  value?: ReactNode;\n  /** A dot in the status color before the value. Color is never the only\n   *  signal: the value has to say the same thing in words. */\n  status?: DetailRowStatus;\n  /** `text` sets this row's value as wrapping prose instead of a figure. */\n  values?: DetailListValues;\n}\n\n/** Props for {@link Readout}. */\nexport interface ReadoutProps {\n  rows: readonly ReadoutRow[];\n  /** Heading above the rows, which also names the list. */\n  title?: ReactNode;\n  /** Drawn below the rows — a small table, a note. */\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Values a lab only reads — measurements shown beside its picture, such as\n * \"Lock margin +47.9°\". A {@link DetailList} set as figures: labels take the\n * params label recipe and `--wzl-params-label-width` rail, so a readout lines\n * up with a `ControlPanel` beside it, and values sit right-aligned in the mono\n * face with spaces kept, so figure-space padding aligns a column on its\n * decimal point. Rows compose by hand as `DetailRow`s inside a `DetailList`\n * with `values=\"figures\"`.\n */\nexport function Readout({ rows, title, children, className }: ReadoutProps) {\n  return (\n    <div className={className ? `lk-readout ${className}` : 'lk-readout'}>\n      <DetailList title={title} values=\"figures\">\n        {rows.map((row, i) => (\n          <DetailRow\n            key={row.key ?? (typeof row.label === 'string' ? row.label : i)}\n            label={row.label}\n            status={row.status}\n            values={row.values}\n          >\n            {row.value}\n          </DetailRow>\n        ))}\n      </DetailList>\n      {children != null && <div className=\"lk-readout__footer\">{children}</div>}\n    </div>\n  );\n}\n","import { useLatest } from '@weasel-js/core';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { asNodeId, createNode, Store, stripStrategy } from 'windease';\nimport { type ChromeMap, Container, Provider, StrategyRegistryProvider } from 'windease/react';\n\nconst ZONE_ID = asNodeId('lk-split');\nconst SIDEBAR_ID = asNodeId('lk-split-sidebar');\nconst CONTENT_ID = asNodeId('lk-split-content');\nconst STRATEGIES = { strip: stripStrategy as never };\n\n/** Props for `<Split>`. */\nexport interface SplitProps {\n  /** The sidebar pane's contents. */\n  sidebar: ReactNode;\n  /** The edge the sidebar sits on. Read once, when the strip mounts. Default `'start'`. */\n  side?: 'start' | 'end';\n  /** The content pane's contents. */\n  children: ReactNode;\n  /** Names the sidebar pane, and through it the seam. Default `'Sidebar'`. */\n  label?: string;\n  /** Extra classes on the strip, which always has `lk-split`. */\n  className?: string;\n  /** The class on the sidebar pane. */\n  sidebarClassName?: string;\n  /** The class on the content pane. */\n  contentClassName?: string;\n  /** The sidebar's current extent in pixels. Omit to leave it unpersisted: the\n   *  seam still works, its result just does not outlive the mount. */\n  width?: number;\n  /** Where the sidebar starts before anyone drags it. */\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** How little the content pane may be squeezed to. Reported as the seam's\n   *  reachable maximum, so the drag stops there rather than clamping silently. */\n  contentMinWidth?: number;\n  /** Fires through the drag, not on release: the pane is already there. */\n  onWidthChange?: (width: number) => void;\n  /**\n   * Fixed extent. Omit in an app — the strip measures its own box. Supply it\n   * where nothing measures, notably jsdom, or both panes lay out at zero.\n   */\n  viewport?: { w: number; h: number };\n}\n\ninterface SplitInit {\n  side: 'start' | 'end';\n  label: string;\n  sidebarWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  contentMinWidth: number;\n}\n\n/** A strip holding the sidebar and the content pane, sized as the first render asks. */\nfunction createSplitStore({\n  side,\n  label,\n  sidebarWidth,\n  minWidth,\n  maxWidth,\n  contentMinWidth,\n}: SplitInit): Store {\n  const store = new Store();\n  store.registerNode(\n    createNode({\n      kind: 'zone',\n      id: ZONE_ID,\n      // A strip's seam resizes the pane before it, which on the end side is the\n      // content; 'neighbor' has the seam size the sidebar after it too.\n      container: {\n        strategyId: 'strip',\n        config: {\n          axis: 'x',\n          resizable: true,\n          ...(side === 'end' ? { resizeMode: 'neighbor' } : {}),\n        },\n      },\n    }),\n  );\n  const sidebarNode = createNode({\n    kind: 'sidebar',\n    id: SIDEBAR_ID,\n    parentId: ZONE_ID,\n    meta: { title: label },\n    placement: { size: { w: sidebarWidth } },\n    hints: { minSize: { w: minWidth, h: 0 }, maxSize: { w: maxWidth, h: 0 } },\n  });\n  const contentNode = createNode({\n    kind: 'content',\n    id: CONTENT_ID,\n    parentId: ZONE_ID,\n    meta: { title: 'Content' },\n    hints: { minSize: { w: contentMinWidth, h: 0 } },\n  });\n  // A strip lays its children out in registration order.\n  for (const node of side === 'end' ? [contentNode, sidebarNode] : [sidebarNode, contentNode]) {\n    store.registerNode(node);\n  }\n  store.showNode(SIDEBAR_ID);\n  store.showNode(CONTENT_ID);\n  return store;\n}\n\n/**\n * A sidebar and a content pane as a two-pane strip with a draggable seam.\n *\n * The seam is `stripStrategy`'s own resize affordance, so it arrives as a\n * `role=\"separator\"` carrying the reachable range, operable by pointer and by\n * arrows / Home / End, and clamped against the content pane's floor rather\n * than against the sidebar's alone.\n */\nexport function Split({\n  sidebar,\n  children,\n  side = 'start',\n  label = 'Sidebar',\n  className,\n  sidebarClassName,\n  contentClassName,\n  width,\n  defaultWidth = 320,\n  minWidth = 140,\n  maxWidth = 720,\n  contentMinWidth = 160,\n  onWidthChange,\n  viewport,\n}: SplitProps) {\n  // The cross-axis half of every size hint below is inert: a horizontal strip\n  // stretches its panes to the container's height and never reads `h`.\n  const storeRef = useRef<Store | null>(null);\n  if (storeRef.current === null) {\n    storeRef.current = createSplitStore({\n      side,\n      label,\n      sidebarWidth: width ?? defaultWidth,\n      minWidth,\n      maxWidth,\n      contentMinWidth,\n    });\n  }\n  const store = storeRef.current;\n\n  // What the store last held, so the placement event can tell a drag from the\n  // echo of our own write and a controlled `width` does not fight the seam.\n  const widthRef = useRef(width ?? defaultWidth);\n\n  useEffect(() => {\n    store.setHints(SIDEBAR_ID, {\n      minSize: { w: minWidth, h: 0 },\n      maxSize: { w: maxWidth, h: 0 },\n    });\n    store.setHints(CONTENT_ID, { minSize: { w: contentMinWidth, h: 0 } });\n  }, [store, minWidth, maxWidth, contentMinWidth]);\n\n  useEffect(() => {\n    store.setMeta(SIDEBAR_ID, { title: label });\n  }, [store, label]);\n\n  useEffect(() => {\n    if (width === undefined || width === widthRef.current) return;\n    widthRef.current = width;\n    store.patchPlacement(SIDEBAR_ID, { size: { w: width } });\n  }, [store, width]);\n\n  const onWidthChangeRef = useLatest(onWidthChange);\n  useEffect(\n    () =>\n      store.events.on('node.placementChanged', () => {\n        // A neighbor drag pins the content's width too; unpinned, it goes on filling the strip.\n        if ((store.getPlacement(CONTENT_ID)?.size as { w?: number } | undefined)?.w !== undefined) {\n          store.patchPlacement(CONTENT_ID, { size: {} });\n        }\n        const next = (store.getPlacement(SIDEBAR_ID)?.size as { w?: number } | undefined)?.w;\n        if (typeof next !== 'number' || next === widthRef.current) return;\n        widthRef.current = next;\n        onWidthChangeRef.current?.(next);\n      }),\n    [onWidthChangeRef, store],\n  );\n\n  const chrome = useMemo<ChromeMap>(\n    () => ({\n      sidebar: () => <div className={sidebarClassName}>{sidebar}</div>,\n      content: () => <div className={contentClassName}>{children}</div>,\n    }),\n    [sidebar, children, sidebarClassName, contentClassName],\n  );\n\n  return (\n    <Provider store={store}>\n      <StrategyRegistryProvider strategies={STRATEGIES}>\n        <Container\n          parentId={ZONE_ID}\n          chrome={chrome}\n          className={className ? `lk-split windease-zone ${className}` : 'lk-split windease-zone'}\n          affordances\n          viewport={viewport}\n        />\n      </StrategyRegistryProvider>\n    </Provider>\n  );\n}\n"]}

package/dist/{chunk-AWQG7FCC.js → chunk-FG3EXZDV.js}

@@ -1,4 +1,4 @@
-import { DEFAULT_FRAME } from './chunk-24W5VEJW.js';
+import { DEFAULT_FRAME } from './chunk-ULYYNWGP.js';
 
 // src/canvas/canvasCoords.ts
 function worldToScreen(world, view, frame = DEFAULT_FRAME) {
@@ -15,5 +15,5 @@ function screenToWorld(screen, view, frame = DEFAULT_FRAME) {
 }
 
 export { screenToWorld, worldToScreen };
-//# sourceMappingURL=chunk-AWQG7FCC.js.map
-//# sourceMappingURL=chunk-AWQG7FCC.js.map
+//# sourceMappingURL=chunk-FG3EXZDV.js.map
+//# sourceMappingURL=chunk-FG3EXZDV.js.map

package/dist/{chunk-AWQG7FCC.js.map → chunk-FG3EXZDV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/canvasCoords.ts"],"names":[],"mappings":";;;AAQO,SAAS,aAAA,CACd,KAAA,EACA,IAAA,EACA,KAAA,GAAoB,aAAA,EACb;AACP,EAAA,OAAO;AAAA,IACL,CAAA,EAAG,MAAM,QAAA,CAAS,CAAA,GAAI,KAAK,GAAA,CAAI,CAAA,GAAI,KAAA,CAAM,CAAA,GAAI,IAAA,CAAK,IAAA;AAAA,IAClD,CAAA,EAAG,KAAA,CAAM,QAAA,CAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,GAAI,KAAA,CAAM,CAAA,GAAI,IAAA,CAAK,IAAA,GAAO,KAAA,CAAM;AAAA,GACjE;AACF;AAGO,SAAS,aAAA,CACd,MAAA,EACA,IAAA,EACA,KAAA,GAAoB,aAAA,EACb;AACP,EAAA,OAAO;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,CAAA,GAAI,KAAA,CAAM,SAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,IAAK,IAAA,CAAK,IAAA;AAAA,IACrD,CAAA,EAAA,CAAI,MAAA,CAAO,CAAA,GAAI,KAAA,CAAM,QAAA,CAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,KAAM,IAAA,CAAK,IAAA,GAAO,KAAA,CAAM,IAAA;AAAA,GACrE;AACF","file":"chunk-AWQG7FCC.js","sourcesContent":["import type { Point, ViewTransform } from '../instrument/types';\nimport { DEFAULT_FRAME, type WorldFrame } from './worldSpec';\n\n/** Project a world point into screen coordinates under a view.\n *\n *  `frame` is the instrument's declared coordinate system, resolved against the\n *  viewport; omitting it gives labkit's original one — origin at the top-left,\n *  y downward. */\nexport function worldToScreen(\n  world: Point,\n  view: ViewTransform,\n  frame: WorldFrame = DEFAULT_FRAME,\n): Point {\n  return {\n    x: frame.originPx.x + view.pan.x + world.x * view.zoom,\n    y: frame.originPx.y + view.pan.y + world.y * view.zoom * frame.yDir,\n  };\n}\n\n/** Unproject a screen point back to world coordinates under a view. */\nexport function screenToWorld(\n  screen: Point,\n  view: ViewTransform,\n  frame: WorldFrame = DEFAULT_FRAME,\n): Point {\n  return {\n    x: (screen.x - frame.originPx.x - view.pan.x) / view.zoom,\n    y: (screen.y - frame.originPx.y - view.pan.y) / (view.zoom * frame.yDir),\n  };\n}\n"]}
+{"version":3,"sources":["../src/canvas/canvasCoords.ts"],"names":[],"mappings":";;;AAQO,SAAS,aAAA,CACd,KAAA,EACA,IAAA,EACA,KAAA,GAAoB,aAAA,EACb;AACP,EAAA,OAAO;AAAA,IACL,CAAA,EAAG,MAAM,QAAA,CAAS,CAAA,GAAI,KAAK,GAAA,CAAI,CAAA,GAAI,KAAA,CAAM,CAAA,GAAI,IAAA,CAAK,IAAA;AAAA,IAClD,CAAA,EAAG,KAAA,CAAM,QAAA,CAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,GAAI,KAAA,CAAM,CAAA,GAAI,IAAA,CAAK,IAAA,GAAO,KAAA,CAAM;AAAA,GACjE;AACF;AAGO,SAAS,aAAA,CACd,MAAA,EACA,IAAA,EACA,KAAA,GAAoB,aAAA,EACb;AACP,EAAA,OAAO;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,CAAA,GAAI,KAAA,CAAM,SAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,IAAK,IAAA,CAAK,IAAA;AAAA,IACrD,CAAA,EAAA,CAAI,MAAA,CAAO,CAAA,GAAI,KAAA,CAAM,QAAA,CAAS,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,KAAM,IAAA,CAAK,IAAA,GAAO,KAAA,CAAM,IAAA;AAAA,GACrE;AACF","file":"chunk-FG3EXZDV.js","sourcesContent":["import type { Point, ViewTransform } from '../instrument/types';\nimport { DEFAULT_FRAME, type WorldFrame } from './worldSpec';\n\n/** Project a world point into screen coordinates under a view.\n *\n *  `frame` is the instrument's declared coordinate system, resolved against the\n *  viewport; omitting it gives labkit's original one — origin at the top-left,\n *  y downward. */\nexport function worldToScreen(\n  world: Point,\n  view: ViewTransform,\n  frame: WorldFrame = DEFAULT_FRAME,\n): Point {\n  return {\n    x: frame.originPx.x + view.pan.x + world.x * view.zoom,\n    y: frame.originPx.y + view.pan.y + world.y * view.zoom * frame.yDir,\n  };\n}\n\n/** Unproject a screen point back to world coordinates under a view. */\nexport function screenToWorld(\n  screen: Point,\n  view: ViewTransform,\n  frame: WorldFrame = DEFAULT_FRAME,\n): Point {\n  return {\n    x: (screen.x - frame.originPx.x - view.pan.x) / view.zoom,\n    y: (screen.y - frame.originPx.y - view.pan.y) / (view.zoom * frame.yDir),\n  };\n}\n"]}