@weasel-js/labkit 1.6.0 → 1.6.1

package/dist/chunk-ASOK76ZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/controls/inDialog.tsx","../src/controls/ControlPanel.tsx"],"names":["auto","v","s","jsx","Fragment","b","ae","value","B","m","L","V"],"mappings":"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","file":"chunk-ASOK76ZH.js","sourcesContent":["import { DialogRow } from '@weasel-js/ui';\nimport type { ControlRenderer, InDialogOptions } from '../config/types';\n\nexport type { InDialogOptions };\n\n/** The one-line summary a dialog row shows when it is given none. */\nexport function summarizeValue(value: unknown): string {\n  if (Array.isArray(value)) return value.length === 0 ? 'None' : value.join(', ');\n  if (value === undefined || value === null || value === '') return 'None';\n  return typeof value === 'object' ? JSON.stringify(value) : String(value);\n}\n\n/**\n * Moves a control into a modal: the row becomes a button showing a summary of\n * the value, and the button opens a dialog whose body is `body`, handed the\n * same context a row renderer gets. For a leaf whose editor will never fit a\n * sidebar row.\n */\nexport function inDialog(body: ControlRenderer, opts: InDialogOptions = {}): ControlRenderer {\n  const summary = opts.summary ?? summarizeValue;\n  return (ctx) => {\n    const { pref, value, auto, setAuto } = ctx;\n    const manual = (pref as { manual?: boolean }).manual === true;\n    return (\n      <DialogRow\n        label={pref.name}\n        description={pref.description}\n        summary={summary(value)}\n        title={opts.title}\n        readout={auto ? 'auto' : undefined}\n        auto={auto}\n        onAutoChange={manual ? undefined : setAuto}\n      >\n        {() => body(ctx)}\n      </DialogRow>\n    );\n  };\n}\n","import { getAlpha01, isBuiltinToolPref, toHex8, withAlpha01 } from '@weasel-js/core';\nimport {\n  DialogRow,\n  isPrefLeaf,\n  ListEditor,\n  type PrefGroup,\n  type PrefLeaf,\n  type PropertyAlign,\n  PropertyControl,\n  type PropertyControlProps,\n  type PropertyDensity,\n  PropertyField,\n  PropertyGroup,\n  PropertyList,\n  type PropertyListPack,\n  PropertyPanel,\n  PropertyRow,\n  type PropertyRowLayout,\n  prefFieldProps,\n  type StanceProps,\n} from '@weasel-js/ui';\nimport { Fragment, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport { auto as autoValue } from '../config/auto';\nimport { resolveAutoConfig } from '../config/autoConfig';\nimport { fromConfigFields } from '../config/fromConfigField';\nimport { schemaNodeAtPath, valueAtPath } from '../config/path';\nimport type { ControlRenderer, ResolvedConfig, SectionSpec } from '../config/types';\nimport { isLeafVisible } from '../config/visible';\nimport { inDialog, summarizeValue } from './inDialog';\nimport type { ConfigField } from './types';\n\n/** How a panel packs its rows into the two-column property grid.\n *   - `'auto'`: narrow controls (numbers, checkboxes, dropdowns, colors) sit\n *     two per row; the ones that need the width — text, sliders, segmented\n *     toggles — span it.\n *   - `'pairs'`: every row pairs. A control that needs the full width says so\n *     itself, with `<PropertyRow span>`.\n *   - `'one-up'`: one control per row, colors excepted.\n */\nexport type ControlPack = 'auto' | 'pairs' | 'one-up';\n\n/** How the rows under one heading are laid out: the panel's, or a section's own. */\ninterface Rows {\n  pack: ControlPack;\n  layout: PropertyRowLayout | undefined;\n  grid: PropertyListPack;\n}\n\nconst gridOf = (pack: ControlPack): PropertyListPack =>\n  pack === 'one-up' ? 'auto-color' : 'pairs';\n\nfunction sectionRows(section: SectionSpec, rows: Rows): Rows {\n  return {\n    pack: section.pack ?? rows.pack,\n    layout: section.layout ?? rows.layout,\n    grid: section.pack ? gridOf(section.pack) : rows.grid,\n  };\n}\n\nexport interface ControlPanelProps<TC extends Record<string, unknown>> extends StanceProps {\n  /** The instrument's resolved config schema. */\n  schema?: ResolvedConfig;\n  /** @deprecated Pass `schema`. A field list is adapted into one internally. */\n  fields?: ConfigField[];\n  config: TC;\n  /** Writes one value. The path is dotted for a leaf inside an `f.group`, and\n   *  the bare key for one at the root. */\n  setConfig: (path: string, value: unknown) => void;\n  /**\n   * Control overrides and app-defined kinds, PrefsForm-style. Keys are config\n   * paths (checked first) or leaf kinds. A renderer returning `null` collapses\n   * the row; entries override the built-in rows on collision.\n   */\n  renderers?: Record<string, ControlRenderer>;\n  /** How rows pack into the two-column grid. Defaults to `'pairs'`. */\n  pack?: ControlPack;\n  /**\n   * Where a row's label sits relative to its control. Unset takes each row's\n   * own orientation — `block` (label above, which is what leaves a paired row\n   * room for its value) for most, `inline` for colors and checkboxes.\n   */\n  layout?: PropertyRowLayout;\n  /** Room the rows get. Passed straight to the property list. */\n  density?: PropertyDensity;\n  /** Cross-axis alignment of an inline row's label and control. */\n  align?: PropertyAlign;\n  /**\n   * Fold each section away behind a twisty, starting `'open'` or `'closed'`.\n   * Unset draws the heading alone, as the panel always has — unless a section\n   * in the schema declares how it opens, which makes that section foldable on\n   * its own and outranks this for that one section.\n   */\n  collapse?: 'open' | 'closed';\n  /**\n   * Which sections are folded, keyed as `onCollapse` reports them. Given, the\n   * panel keeps no state of its own: every toggle arrives at `onCollapse`\n   * instead, which is where a lab that remembers a trial's sections writes\n   * them.\n   */\n  collapsed?: Readonly<Record<string, boolean>>;\n  /** A fold moved. The key is a section's label — prefixed by its group's\n   *  dotted path when the section sits inside one — or a group's own path. */\n  onCollapse?: (key: string, collapsed: boolean) => void;\n  /** Dotted paths currently unpinned. A row in this set hides its control and\n   *  reads out `auto`, and clicking its label writes the sentinel back through\n   *  `setConfig`. Omitted, the panel keeps the set itself: the labels still\n   *  toggle and the sentinel never reaches `setConfig`, which would otherwise\n   *  store it as the row's value. */\n  auto?: ReadonlySet<string>;\n  /** Draw leaves marked `hidden`. */\n  showHidden?: boolean;\n  /** Heads the panel. With `title`, `stance` or `tone` given, the rows sit in a\n   *  `<PropertyPanel>` carrying them; with none, they are the bare list. */\n  title?: ReactNode;\n  className?: string;\n}\n\nconst NO_AUTO: ReadonlySet<string> = new Set();\n\n/** Render an instrument's config schema as a stack of controls, each writing\n *  back through `setConfig`. Built on the property rows, so a lab's controls\n *  are the same aligned, themed rows the rest of the kit uses. */\nexport function ControlPanel<TC extends Record<string, unknown>>({\n  schema,\n  fields,\n  config,\n  setConfig,\n  renderers,\n  pack = 'pairs',\n  layout,\n  density,\n  align,\n  collapse,\n  collapsed,\n  onCollapse,\n  auto: given,\n  showHidden = false,\n  title,\n  stance,\n  tone,\n  className,\n}: ControlPanelProps<TC>) {\n  const resolved = useMemo(() => schema ?? fromConfigFields(fields ?? []), [schema, fields]);\n\n  // An owner that tracks the set decides what a dot means; one that does not\n  // gets a panel that decides for itself, because the alternative is handing it\n  // a sentinel it would write into the config as though it were a value.\n  const [ownAuto, setOwnAuto] = useState<ReadonlySet<string>>(NO_AUTO);\n  const auto = given ?? ownAuto;\n  const setRowAuto = (path: string, next: boolean, value: unknown): void => {\n    if (given) {\n      setConfig(path, next ? autoValue : value);\n      return;\n    }\n    setOwnAuto((prev) => {\n      const now = new Set(prev);\n      if (next) now.add(path);\n      else now.delete(path);\n      return now;\n    });\n    // Pinning keeps whatever the row was showing, the same value the controlled\n    // path writes back.\n    if (!next) setConfig(path, value);\n  };\n\n  // What the instrument is reading. A row draws and reports from this rather\n  // than calling its own resolver against the raw config, which would disagree\n  // with the instrument whenever a resolver depends on another auto path.\n  const shown = useMemo(\n    () => (auto && auto.size > 0 ? resolveAutoConfig(resolved, config, auto) : config),\n    [resolved, config, auto],\n  );\n\n  const gridPack = gridOf(pack);\n  // A section that declares how it opens is foldable whether or not the lab\n  // asked for folds — there is nothing else for the declaration to mean.\n  const folds =\n    collapse !== undefined ||\n    collapsed !== undefined ||\n    onCollapse !== undefined ||\n    resolved.sections.some((s) => s.collapsed !== undefined);\n  const startsFolded = collapse === 'closed';\n\n  const fold = (key: string, declared?: boolean, grid: PropertyListPack = gridPack) => ({\n    pack: grid,\n    collapsible: folds,\n    defaultCollapsed: declared ?? startsFolded,\n    collapsed: collapsed ? (collapsed[key] ?? declared ?? startsFolded) : undefined,\n    onCollapsedChange: onCollapse ? (next: boolean) => onCollapse(key, next) : undefined,\n  });\n\n  /** One node, which is either a group to recurse into or a row to draw. */\n  const node = (path: string, rows: Rows): ReactNode => {\n    const found = schemaNodeAtPath(resolved.group, path);\n    if (!found) return null;\n    if (!isLeafVisible(resolved, path, config as Record<string, unknown>, showHidden)) return null;\n    if (isPrefLeaf(found)) {\n      return (\n        <ControlRow\n          key={path}\n          path={path}\n          leaf={found}\n          resolved={resolved}\n          config={config}\n          shown={shown}\n          setConfig={setConfig}\n          renderers={renderers}\n          pack={rows.pack}\n          layout={rows.layout}\n          auto={auto}\n          setRowAuto={setRowAuto}\n        />\n      );\n    }\n    // A group with no name organizes without heading it — core's rule for an\n    // empty `PrefGroup.name` — so it contributes its rows and no chrome.\n    if (found.name === '') return <Fragment key={path}>{body(found, path, rows)}</Fragment>;\n    return (\n      <PropertyGroup\n        key={path}\n        title={found.name}\n        description={found.description}\n        // A nested group is a block of rows, not a control: half of a\n        // two-column grid leaves it laying its own rows out inside a cell,\n        // which overlaps them.\n        span\n        {...fold(path, undefined, rows.grid)}\n      >\n        {body(found, path, rows)}\n      </PropertyGroup>\n    );\n  };\n\n  /**\n   * The leaf at `path` if it may share a row with its neighbours: `pair` is\n   * presentational, so a leaf whose control the lab draws itself, or one whose\n   * control needs the whole row, keeps its own row instead.\n   */\n  const pairable = (path: string): { leaf: PrefLeaf; pair: string } | undefined => {\n    const found = schemaNodeAtPath(resolved.group, path);\n    if (!found || !isPrefLeaf(found)) return undefined;\n    const pair = extra<string>(found, 'pair');\n    if (pair === undefined) return undefined;\n    if (!isLeafVisible(resolved, path, config as Record<string, unknown>, showHidden))\n      return undefined;\n    if (\n      renderers?.[path] ??\n      resolved.renderers[path] ??\n      resolved.dialogs[path] ??\n      renderers?.[found.kind]\n    )\n      return undefined;\n    if (!isBuiltinToolPref(found)) return undefined;\n    if (found.kind === 'paint' || found.kind === 'object' || isSliderLeaf(found)) return undefined;\n    return { leaf: found, pair };\n  };\n\n  /** A run of sibling paths as rows, merging each run of adjacent leaves\n   *  sharing a `pair` id into one row named by the pair. */\n  const rowsFor = (paths: readonly string[], rows: Rows): ReactNode[] => {\n    const out: ReactNode[] = [];\n    for (let i = 0; i < paths.length; ) {\n      const head = pairable(paths[i]);\n      if (!head) {\n        out.push(node(paths[i], rows));\n        i += 1;\n        continue;\n      }\n      const { pair } = head;\n      const cells = [{ path: paths[i], leaf: head.leaf }];\n      let j = i + 1;\n      for (; j < paths.length; j += 1) {\n        const next = pairable(paths[j]);\n        if (!next || next.pair !== pair) break;\n        cells.push({ path: paths[j], leaf: next.leaf });\n      }\n      out.push(\n        <PairedRow\n          key={paths[i]}\n          label={pair}\n          cells={cells}\n          shown={shown}\n          setConfig={setConfig}\n          layout={rows.layout}\n          // A segmented cell carries every choice at once, so a pair holding\n          // one needs the whole row the way a segmented row of its own does.\n          span={cells.some(({ leaf }) => extra<string>(leaf, 'control') === 'radio')}\n        />,\n      );\n      i = j;\n    }\n    return out;\n  };\n\n  /** One group's children: its loose nodes, then its sections. */\n  const body = (group: PrefGroup, at: string, rows: Rows): ReactNode => {\n    const sections = resolved.sections.filter((s) => s.at === at);\n    const sectioned = new Set(sections.flatMap((s) => s.paths));\n    const paths = Object.keys(group.children).map((key) => (at === '' ? key : `${at}.${key}`));\n    return (\n      <>\n        {rowsFor(\n          paths.filter((p) => !sectioned.has(p)),\n          rows,\n        )}\n        {sections.map((section) => {\n          const inner = sectionRows(section, rows);\n          return (\n            <PropertyGroup\n              key={sectionKey(section)}\n              title={section.label}\n              {...fold(sectionKey(section), section.collapsed, inner.grid)}\n            >\n              {rowsFor(section.paths, inner)}\n            </PropertyGroup>\n          );\n        })}\n      </>\n    );\n  };\n\n  const list = (\n    <PropertyList\n      pack={gridPack}\n      density={density}\n      align={align}\n      className={className ? `lk-control-panel ${className}` : 'lk-control-panel'}\n    >\n      {body(resolved.group, '', { pack, layout, grid: gridPack })}\n    </PropertyList>\n  );\n  if (title === undefined && stance === undefined && tone === undefined) return list;\n  return (\n    <PropertyPanel title={title} stance={stance} tone={tone} density={density}>\n      {list}\n    </PropertyPanel>\n  );\n}\n\n/** How a section is keyed for folding: its label at the root, and its group's\n *  path in front of it anywhere else, so two groups may both have an\n *  `Advanced`. */\nfunction sectionKey(section: SectionSpec): string {\n  return section.at === '' ? section.label : `${section.at}.${section.label}`;\n}\n\ninterface ControlRowProps<TC extends Record<string, unknown>> {\n  path: string;\n  leaf: PrefLeaf;\n  resolved: ResolvedConfig;\n  config: TC;\n  /** `config` with every auto path resolved -- what the instrument reads. */\n  shown: TC;\n  setConfig: (path: string, value: unknown) => void;\n  renderers?: Record<string, ControlRenderer>;\n  pack: ControlPack;\n  layout?: PropertyRowLayout;\n  auto?: ReadonlySet<string>;\n  setRowAuto: (path: string, next: boolean, value: unknown) => void;\n}\n\n/** Whether this leaf draws as a slider, mirroring the condition the `number`\n *  arm below branches on. A slider is the one control whose value cannot be\n *  read off the control itself. */\nfunction isSliderLeaf(leaf: PrefLeaf): boolean {\n  return (\n    leaf.kind === 'number' &&\n    extra<string>(leaf, 'control') === 'slider' &&\n    extra<number>(leaf, 'min') !== undefined &&\n    extra<number>(leaf, 'max') !== undefined\n  );\n}\n\n/** Reads a labkit-only extra off a leaf. `PrefLeaf` has no field for these,\n *  and extra keys survive the resolve pass at runtime. */\nfunction extra<T>(leaf: PrefLeaf, key: string): T | undefined {\n  return (leaf as unknown as Record<string, T | undefined>)[key];\n}\n\nfunction ControlRow<TC extends Record<string, unknown>>({\n  path,\n  leaf,\n  resolved,\n  config,\n  shown,\n  setConfig,\n  renderers,\n  pack,\n  layout,\n  auto,\n  setRowAuto,\n}: ControlRowProps<TC>) {\n  const write = (value: unknown): void => setConfig(path, value);\n  const fallback = extra<unknown>(leaf, 'default');\n  const pinned = valueAtPath(config, path) ?? fallback;\n\n  const isAutoRow = auto?.has(path) ?? false;\n  const canAuto = !extra<boolean>(leaf, 'manual');\n  // Read out of the resolved config rather than re-running this leaf's own\n  // resolver, so the row reports the value the instrument actually got — the\n  // two diverge as soon as a resolver reads another auto path.\n  const resolvedValue = isAutoRow ? valueAtPath(shown, path) : undefined;\n  // An auto row draws what the resolver decided, not the value underneath it —\n  // a handle sitting at the pinned number while the readout says something else\n  // reads as a rendering bug. Pinning then keeps what you were looking at.\n  const value = resolvedValue ?? pinned;\n  const setAuto = (next: boolean): void => setRowAuto(path, next, value);\n  const onAutoChange = canAuto ? setAuto : undefined;\n  // An auto row hides its control, so the word is all the row has to say.\n  const autoReadout = isAutoRow ? 'auto' : undefined;\n  const autoProps = { auto: isAutoRow, onAutoChange };\n\n  // Most specific wins, and within a tier the lab's entry beats the\n  // instrument's: controls[path] -> node .render/.dialog -> controls[kind] -> built-in.\n  const dialog = resolved.dialogs[path];\n  const custom =\n    renderers?.[path] ??\n    resolved.renderers[path] ??\n    (dialog ? inDialog(dialog.body, dialog) : undefined) ??\n    renderers?.[leaf.kind];\n  // A custom row places itself like any other; one that needs the full width\n  // says so with `<PropertyRow span>`, which is the same opt-out a built-in has.\n  if (custom) return custom({ path, pref: leaf, value, setValue: write, auto: isAutoRow, setAuto });\n\n  const label = leaf.name;\n  const description = leaf.description;\n  // `auto` gives the whole width to the controls that read badly at half of a\n  // sidebar's: free text, a slider track, a segmented toggle. `pairs` doesn't.\n  const wide = pack === 'auto';\n  const row = { label, description, layout, readout: autoReadout, ...autoProps };\n\n  if (leaf.kind === 'list') {\n    const entries = Array.isArray(value) ? (value as string[]) : [];\n    return (\n      <DialogRow\n        label={label}\n        summary={summarizeValue(entries)}\n        readout={autoReadout}\n        layout={layout}\n        description={description}\n        {...autoProps}\n      >\n        {() => (\n          <ListEditor\n            aria-label={label}\n            value={entries}\n            onChange={write}\n            placeholder={extra<string>(leaf, 'placeholder')}\n          />\n        )}\n      </DialogRow>\n    );\n  }\n\n  const field = labField(leaf, value, write);\n  if (field === null)\n    return <UnwiredRow label={label} kind={leaf.kind} description={description} />;\n  switch (field.kind) {\n    case 'string':\n      return <DebouncedTextRow leaf={leaf} field={field} span={wide} {...row} />;\n    case 'number':\n      return <PropertyField {...field} {...row} span={field.control === 'slider' && wide} />;\n    case 'enum':\n      return <PropertyField {...field} {...row} span={field.control === 'radio' && wide} />;\n    default:\n      return <PropertyField {...field} {...row} />;\n  }\n}\n\n/**\n * A leaf as the field it draws, with the labkit-only extras `prefFieldProps`\n * knows nothing of. `null` for a kind the panel declines: a paint, which a\n * hex swatch would flatten to a solid, and an object, which a flat row would\n * write one field of. Override with `render` to edit either.\n */\nfunction labField(\n  leaf: PrefLeaf,\n  value: unknown,\n  write: (value: unknown) => void,\n): PropertyControlProps | null {\n  if (!isBuiltinToolPref(leaf) || leaf.kind === 'paint' || leaf.kind === 'object') return null;\n  const field = prefFieldProps(leaf, { value, setValue: write });\n  if (field === null) return null;\n  switch (field.kind) {\n    case 'number':\n      // `prefFieldProps` clamps what it stores, so an instrument is never\n      // handed a value outside the range it asked for.\n      return {\n        ...field,\n        control: isSliderLeaf(leaf) ? 'slider' : 'input',\n        unit: extra<string>(leaf, 'suffix') ?? field.unit,\n      };\n    case 'boolean':\n      return {\n        ...field,\n        control: extra<string>(leaf, 'control') === 'switch' ? 'switch' : 'checkbox',\n      };\n    case 'enum':\n      return { ...field, control: extra<string>(leaf, 'control') === 'radio' ? 'radio' : 'select' };\n    case 'string':\n      return {\n        ...field,\n        placeholder: extra<string>(leaf, 'placeholder'),\n        maxLength: extra<number>(leaf, 'maxLength'),\n      };\n    default:\n      return field;\n  }\n}\n\n/** A leaf this panel has no control for is named rather than dropped: a silent\n *  gap reads as \"this control does not exist\". */\nfunction UnwiredRow({\n  label,\n  kind,\n  description,\n}: {\n  label: string;\n  kind: string;\n  description?: string;\n}) {\n  return (\n    <PropertyRow label={label} description={description}>\n      <span className=\"lk-control-panel__unknown\">no control for “{kind}”</span>\n    </PropertyRow>\n  );\n}\n\n/** A text row whose writes are debounced — see {@link useDebouncedText}. */\nfunction DebouncedTextRow({\n  leaf,\n  field,\n  ...row\n}: {\n  leaf: PrefLeaf;\n  field: PropertyControlProps & { kind: 'string' };\n  label: string;\n  layout?: PropertyRowLayout;\n  span?: boolean;\n  description?: string;\n  readout?: ReactNode;\n  auto?: boolean;\n  onAutoChange?: (next: boolean) => void;\n}) {\n  const text = useDebouncedText(\n    field.value ?? '',\n    field.onChange,\n    extra<number>(leaf, 'debounceMs') ?? 150,\n  );\n  return <PropertyField {...field} {...row} value={text.local} onChange={text.type} />;\n}\n\n/** One cell of a paired row, with its path and the leaf it draws. */\ninterface PairCellSpec {\n  path: string;\n  leaf: PrefLeaf;\n}\n\n/**\n * Leaves sharing a `pair` id, side by side on one row the pair names — the\n * compact `X` / `Y` idiom `SelectionPanel` draws for the same annotation.\n *\n * The cells are bare controls: a row holds one label column, so each leaf's\n * own name stays with its control as the accessible name and its description\n * as a title. For the same reason the row's label does not toggle auto — it\n * names one path, and this row has several.\n */\nfunction PairedRow<TC extends Record<string, unknown>>({\n  label,\n  cells,\n  shown,\n  setConfig,\n  layout,\n  span,\n}: {\n  label: string;\n  cells: readonly PairCellSpec[];\n  shown: TC;\n  setConfig: (path: string, value: unknown) => void;\n  layout?: PropertyRowLayout;\n  span?: boolean;\n}) {\n  return (\n    <PropertyRow group span={span} label={label} layout={layout}>\n      {cells.map(({ path, leaf }) => (\n        // The row is named by the pair, so a cell that shares it says which\n        // knob it is — without a caption a paired switch reads only to a\n        // screen reader. A cell whose leaf is deliberately unnamed keeps none.\n        <span key={path} className=\"lk-pair-cell\" title={leaf.description || undefined}>\n          {leaf.name ? <span className=\"lk-pair-label\">{leaf.name}</span> : null}\n          <PairCell\n            leaf={leaf}\n            value={valueAtPath(shown, path) ?? extra<unknown>(leaf, 'default')}\n            write={(value) => setConfig(path, value)}\n          />\n        </span>\n      ))}\n    </PropertyRow>\n  );\n}\n\n/** The control a paired cell holds, without the row chrome a whole row of its\n *  own would bring. */\nfunction PairCell({\n  leaf,\n  value,\n  write,\n}: {\n  leaf: PrefLeaf;\n  value: unknown;\n  write: (value: unknown) => void;\n}) {\n  const text = useDebouncedText(\n    typeof value === 'string' ? value : '',\n    write,\n    extra<number>(leaf, 'debounceMs') ?? 150,\n  );\n  const field = labField(leaf, value, write);\n  // Unreachable for null: `pairable` admits only kinds with a field.\n  if (field === null) return null;\n  switch (field.kind) {\n    case 'string':\n      return (\n        <PropertyControl {...field} name={leaf.name} value={text.local} onChange={text.type} />\n      );\n    case 'number':\n      // The pair names the row, so a cell has no room for a unit.\n      return <PropertyControl {...field} name={leaf.name} control=\"input\" unit={undefined} />;\n    case 'color': {\n      // The alpha track needs a row of its own to sit under, so a paired\n      // swatch edits the color and carries the stored alpha through untouched.\n      const stored = typeof value === 'string' ? toHex8(value) : '#000000';\n      return (\n        <PropertyControl\n          {...field}\n          name={leaf.name}\n          alpha={undefined}\n          onChange={(rgb: string) =>\n            write(field.alpha ? withAlpha01(rgb, getAlpha01(stored)) : rgb)\n          }\n        />\n      );\n    }\n    default:\n      return <PropertyControl {...field} name={leaf.name} />;\n  }\n}\n\n/**\n * Live text held locally between debounced commits, so typing does not re-run\n * the instrument on every keystroke. Locally controlled between commits, which\n * means it has to notice the value changing underneath it.\n */\nfunction useDebouncedText(\n  value: string,\n  write: (value: string) => void,\n  debounceMs: number,\n): { local: string; type: (next: string) => void } {\n  const [local, setLocal] = useState(value);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastExternal = useRef(value);\n\n  useEffect(() => {\n    if (value !== lastExternal.current) {\n      lastExternal.current = value;\n      setLocal(value);\n    }\n  }, [value]);\n\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current);\n    },\n    [],\n  );\n\n  return {\n    local,\n    type: (next) => {\n      setLocal(next);\n      if (timer.current) clearTimeout(timer.current);\n      const commit = () => {\n        lastExternal.current = next;\n        write(next);\n      };\n      if (debounceMs === 0) commit();\n      else timer.current = setTimeout(commit, debounceMs);\n    },\n  };\n}\n"]}

package/dist/chunk-AWQG7FCC.js

@@ -0,0 +1,19 @@
+import { DEFAULT_FRAME } from './chunk-24W5VEJW.js';
+
+// src/canvas/canvasCoords.ts
+function worldToScreen(world, view, frame = DEFAULT_FRAME) {
+  return {
+    x: frame.originPx.x + view.pan.x + world.x * view.zoom,
+    y: frame.originPx.y + view.pan.y + world.y * view.zoom * frame.yDir
+  };
+}
+function screenToWorld(screen, view, frame = DEFAULT_FRAME) {
+  return {
+    x: (screen.x - frame.originPx.x - view.pan.x) / view.zoom,
+    y: (screen.y - frame.originPx.y - view.pan.y) / (view.zoom * frame.yDir)
+  };
+}
+
+export { screenToWorld, worldToScreen };
+//# sourceMappingURL=chunk-AWQG7FCC.js.map
+//# sourceMappingURL=chunk-AWQG7FCC.js.map

package/dist/chunk-AWQG7FCC.js.map

@@ -0,0 +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"]}

package/dist/chunk-CGHF6RZV.js

@@ -0,0 +1,300 @@
+import { useSurfaceOptional } from './chunk-WIG6XHJ7.js';
+import { CameraContext, pointerElsewhere, STAGE_VIEW_ID, normalize2DView, useCameraView, CameraScope, CameraInput } from './chunk-DWMSB4CA.js';
+import { resolveFrame, DEFAULT_FRAME } from './chunk-24W5VEJW.js';
+import { CanvasStackContext } from './chunk-CQLQPQ4P.js';
+import { useContext, useRef, useState, useEffect, useMemo } from 'react';
+import { usePointerPosition, crosshairRects, useVisibleRaf } from '@weasel-js/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ARMS = ["left", "right", "up", "down"];
+function LinkedCursor() {
+  const camera = useContext(CameraContext);
+  const pointer = usePointerPosition();
+  if (!camera) return null;
+  const local = pointerElsewhere(pointer, STAGE_VIEW_ID, camera.frame);
+  if (!local) return null;
+  const v = camera.view.get();
+  const x = (local.x - v.x) * v.scale.x;
+  const y = (local.y * camera.frame.yDir - v.y) * v.scale.y;
+  const { halo, bars } = crosshairRects(x, y, 1);
+  const arms = ARMS.map((name, i) => ({ name, halo: halo[i], bar: bars[i] }));
+  return /* @__PURE__ */ jsxs("svg", { className: "lk-linked-cursor", "aria-hidden": "true", children: [
+    arms.map(
+      ({ name, halo: r }) => r ? /* @__PURE__ */ jsx(
+        "rect",
+        {
+          className: "lk-linked-cursor__halo",
+          x: r.x,
+          y: r.y,
+          width: r.w,
+          height: r.h
+        },
+        `halo-${name}`
+      ) : null
+    ),
+    arms.map(
+      ({ name, bar: r }) => r ? /* @__PURE__ */ jsx(
+        "rect",
+        {
+          className: "lk-linked-cursor__bar",
+          x: r.x,
+          y: r.y,
+          width: r.w,
+          height: r.h
+        },
+        `bar-${name}`
+      ) : null
+    )
+  ] });
+}
+function useLayerScheduler({
+  layers,
+  view,
+  frame = DEFAULT_FRAME,
+  canvasRefs,
+  size,
+  host
+}) {
+  const dirty = useRef(/* @__PURE__ */ new Set());
+  const lastRenderRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    for (const layer of layers) {
+      const prev = lastRenderRef.current.get(layer.id);
+      if (prev !== layer.render) dirty.current.add(layer.id);
+      lastRenderRef.current.set(layer.id, layer.render);
+    }
+    for (const id of [...lastRenderRef.current.keys()]) {
+      if (!layers.find((l) => l.id === id)) lastRenderRef.current.delete(id);
+    }
+  }, [layers]);
+  useEffect(() => {
+    for (const layer of layers) dirty.current.add(layer.id);
+  }, [view, frame, size, layers]);
+  const frameLoop = useVisibleRaf(
+    () => {
+      if (dirty.current.size === 0) return;
+      const map = canvasRefs.current;
+      if (!map) {
+        dirty.current.clear();
+        return;
+      }
+      for (const layer of layers) {
+        if (!dirty.current.has(layer.id)) continue;
+        if (!layer.visible) continue;
+        const canvas = map.get(layer.id);
+        if (!canvas) continue;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) continue;
+        ctx.save();
+        ctx.setTransform(size.dpr, 0, 0, size.dpr, 0, 0);
+        ctx.clearRect(0, 0, size.width, size.height);
+        layer.render(ctx, view, frame);
+        ctx.restore();
+      }
+      dirty.current.clear();
+    },
+    { target: host }
+  );
+  useEffect(() => {
+    if (dirty.current.size > 0) frameLoop.request();
+  });
+}
+function CanvasStack({
+  layers,
+  view: viewProp,
+  onViewChange,
+  worldSpec,
+  minZoom,
+  maxZoom,
+  width = "100%",
+  height = "100%",
+  className,
+  onResize,
+  onHitTest,
+  children
+}) {
+  const view = normalize2DView(viewProp);
+  const containerRef = useRef(null);
+  const canvasMap = useRef(/* @__PURE__ */ new Map());
+  const [size, setSize] = useState({ width: 0, height: 0, dpr: 1 });
+  const setCanvasRef = (id, el) => {
+    if (el) canvasMap.current.set(id, el);
+    else canvasMap.current.delete(id);
+  };
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const update = () => {
+      const rect = el.getBoundingClientRect();
+      const dpr = window.devicePixelRatio ?? 1;
+      setSize((prev) => {
+        if (prev.width === rect.width && prev.height === rect.height && prev.dpr === dpr) {
+          return prev;
+        }
+        return { width: rect.width, height: rect.height, dpr };
+      });
+    };
+    update();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const onResizeRef = useRef(onResize);
+  onResizeRef.current = onResize;
+  useEffect(() => {
+    if (size.width === 0 && size.height === 0) return;
+    onResizeRef.current?.({ width: size.width, height: size.height });
+  }, [size.width, size.height]);
+  const frame = useMemo(() => resolveFrame(worldSpec, size), [worldSpec, size]);
+  const camera = useCameraView({
+    view: viewProp,
+    onViewChange,
+    frame,
+    hostRef: containerRef,
+    minZoom,
+    maxZoom
+  });
+  const cameraCtx = useMemo(
+    () => ({ view: camera, frame, element: () => containerRef.current }),
+    [camera, frame]
+  );
+  useLayerScheduler({ layers, view, frame, canvasRefs: canvasMap, size, host: containerRef });
+  const ctxValue = useMemo(
+    () => ({
+      view,
+      frame,
+      surface: { element: containerRef, size, canvases: canvasMap, layers }
+    }),
+    [view, frame, size, layers]
+  );
+  const containerStyle = { width, height };
+  const canvasPx = {
+    width: Math.max(0, Math.round(size.width * size.dpr)),
+    height: Math.max(0, Math.round(size.height * size.dpr))
+  };
+  const canvasCss = {
+    width: size.width,
+    height: size.height
+  };
+  return /* @__PURE__ */ jsx(CameraScope, { children: /* @__PURE__ */ jsx(CameraContext.Provider, { value: cameraCtx, children: /* @__PURE__ */ jsxs(CanvasStackContext.Provider, { value: ctxValue, children: [
+    /* @__PURE__ */ jsx(CameraInput, { hostRef: containerRef, camera, frame, onTap: onHitTest }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: className ? `lk-canvas-stack ${className}` : "lk-canvas-stack",
+        style: containerStyle,
+        children: [
+          layers.map((layer) => /* @__PURE__ */ jsx(
+            "canvas",
+            {
+              ref: (el) => setCanvasRef(layer.id, el),
+              className: "lk-canvas-stack__canvas",
+              width: canvasPx.width,
+              height: canvasPx.height,
+              style: { ...canvasCss, display: layer.visible ? "block" : "none" }
+            },
+            layer.id
+          )),
+          /* @__PURE__ */ jsx(LinkedCursor, {}),
+          /* @__PURE__ */ jsx("div", { className: "lk-canvas-stack__overlay", children })
+        ]
+      }
+    )
+  ] }) }) });
+}
+function fitStage(size, viewport) {
+  if (!(size.width > 0 && size.height > 0 && viewport.width > 0 && viewport.height > 0)) {
+    return { zoom: 1, pan: { x: 0, y: 0 } };
+  }
+  const zoom = Math.min(1, viewport.width / size.width, viewport.height / size.height);
+  return {
+    zoom,
+    pan: {
+      x: (viewport.width - size.width * zoom) / 2,
+      y: (viewport.height - size.height * zoom) / 2
+    }
+  };
+}
+function Stage({
+  size,
+  view: viewProp,
+  onViewChange,
+  minZoom,
+  maxZoom,
+  onResize,
+  hostRef,
+  overlay,
+  children
+}) {
+  const view = normalize2DView(viewProp);
+  const host = useRef(null);
+  const surface = useSurfaceOptional();
+  const camera = useCameraView({
+    view: viewProp,
+    onViewChange,
+    frame: DEFAULT_FRAME,
+    hostRef: host,
+    minZoom,
+    maxZoom
+  });
+  const cameraCtx = useMemo(
+    () => ({
+      view: camera,
+      frame: DEFAULT_FRAME,
+      element: () => host.current,
+      content: { x: 0, y: 0, width: size.width, height: size.height }
+    }),
+    [camera, size.width, size.height]
+  );
+  const onResizeRef = useRef(onResize);
+  onResizeRef.current = onResize;
+  useEffect(() => {
+    const el = host.current;
+    if (!el) return;
+    const measure = () => {
+      const rect = el.getBoundingClientRect();
+      if (rect.width > 0 && rect.height > 0) {
+        onResizeRef.current?.({ width: rect.width, height: rect.height });
+      }
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  useEffect(() => {
+    surface?.invalidateRects();
+  }, [surface, view.zoom, view.pan.x, view.pan.y]);
+  const cameraVars = {
+    ["--lk-stage-x"]: `${view.pan.x}px`,
+    ["--lk-stage-y"]: `${view.pan.y}px`,
+    ["--lk-stage-zoom"]: String(view.zoom),
+    ["--lk-stage-w"]: `${size.width}px`,
+    ["--lk-stage-h"]: `${size.height}px`
+  };
+  return /* @__PURE__ */ jsx(CameraScope, { children: /* @__PURE__ */ jsxs(CameraContext.Provider, { value: cameraCtx, children: [
+    /* @__PURE__ */ jsx(CameraInput, { hostRef: host, camera, frame: DEFAULT_FRAME }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (el) => {
+          host.current = el;
+          if (hostRef) hostRef.current = el;
+        },
+        className: "lk-stage",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "lk-stage__content", style: cameraVars, children }),
+          /* @__PURE__ */ jsx(LinkedCursor, {}),
+          overlay
+        ]
+      }
+    )
+  ] }) });
+}
+
+export { CanvasStack, LinkedCursor, Stage, fitStage };
+//# sourceMappingURL=chunk-CGHF6RZV.js.map
+//# sourceMappingURL=chunk-CGHF6RZV.js.map

package/dist/chunk-CGHF6RZV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/LinkedCursor.tsx","../src/canvas/useLayerScheduler.ts","../src/canvas/CanvasStack.tsx","../src/canvas/Stage.tsx"],"names":["useRef","useEffect","jsx","jsxs","useMemo"],"mappings":"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","file":"chunk-CGHF6RZV.js","sourcesContent":["import { crosshairRects, usePointerPosition } from '@weasel-js/core';\nimport { useContext } from 'react';\nimport { CameraContext, pointerElsewhere, STAGE_VIEW_ID } from './CameraInput';\n\n/** `crosshairRects` returns its four arms in this order. */\nconst ARMS = ['left', 'right', 'up', 'down'] as const;\n\n/**\n * The other side of a linked cursor: a crosshair on the camera's own element\n * wherever the shared pointer is over some other view — an overview, say. The\n * same crosshair core paints on a weasel canvas.\n */\nexport function LinkedCursor() {\n  const camera = useContext(CameraContext);\n  const pointer = usePointerPosition();\n  if (!camera) return null;\n  const local = pointerElsewhere(pointer, STAGE_VIEW_ID, camera.frame);\n  if (!local) return null;\n  // `pointerElsewhere` hands back the instrument's world; the camera works\n  // frame-local, and the map is its own inverse.\n  const v = camera.view.get();\n  const x = (local.x - v.x) * v.scale.x;\n  const y = (local.y * camera.frame.yDir - v.y) * v.scale.y;\n  const { halo, bars } = crosshairRects(x, y, 1);\n  const arms = ARMS.map((name, i) => ({ name, halo: halo[i], bar: bars[i] }));\n  return (\n    <svg className=\"lk-linked-cursor\" aria-hidden=\"true\">\n      {arms.map(({ name, halo: r }) =>\n        r ? (\n          <rect\n            key={`halo-${name}`}\n            className=\"lk-linked-cursor__halo\"\n            x={r.x}\n            y={r.y}\n            width={r.w}\n            height={r.h}\n          />\n        ) : null,\n      )}\n      {arms.map(({ name, bar: r }) =>\n        r ? (\n          <rect\n            key={`bar-${name}`}\n            className=\"lk-linked-cursor__bar\"\n            x={r.x}\n            y={r.y}\n            width={r.w}\n            height={r.h}\n          />\n        ) : null,\n      )}\n    </svg>\n  );\n}\n","import { useVisibleRaf } from '@weasel-js/core';\nimport { type RefObject, useEffect, useRef } from 'react';\nimport type { ViewTransform } from '../instrument/types';\nimport { DEFAULT_FRAME, type WorldFrame } from './worldSpec';\n\n/** One layer of a canvas stack: its id, whether it is currently shown, and how\n *  it paints itself. */\nexport interface CanvasLayerDescriptor {\n  id: string;\n  visible: boolean;\n  render: (ctx: CanvasRenderingContext2D, view: ViewTransform, frame: WorldFrame) => void;\n}\n\ninterface SchedulerOptions {\n  layers: CanvasLayerDescriptor[];\n  view: ViewTransform;\n  /** The instrument's coordinate system, resolved against `size`. */\n  frame?: WorldFrame;\n  canvasRefs: RefObject<Map<string, HTMLCanvasElement>>;\n  size: { width: number; height: number; dpr: number };\n  /** The element the stack occupies. Given one, the scheduler also stops while\n   *  the stack sits outside the viewport. */\n  host?: RefObject<Element | null>;\n}\n\nexport function useLayerScheduler({\n  layers,\n  view,\n  frame = DEFAULT_FRAME,\n  canvasRefs,\n  size,\n  host,\n}: SchedulerOptions): void {\n  const dirty = useRef<Set<string>>(new Set());\n  const lastRenderRef = useRef<Map<string, CanvasLayerDescriptor['render']>>(new Map());\n\n  useEffect(() => {\n    for (const layer of layers) {\n      const prev = lastRenderRef.current.get(layer.id);\n      if (prev !== layer.render) dirty.current.add(layer.id);\n      lastRenderRef.current.set(layer.id, layer.render);\n    }\n    for (const id of [...lastRenderRef.current.keys()]) {\n      if (!layers.find((l) => l.id === id)) lastRenderRef.current.delete(id);\n    }\n  }, [layers]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: re-mark dirty when view or size changes\n  useEffect(() => {\n    for (const layer of layers) dirty.current.add(layer.id);\n  }, [view, frame, size, layers]);\n\n  // Painting only what is dirty is not the same as doing nothing: a hidden tab\n  // still commits React updates, and the effect above marks every layer dirty\n  // on any view or size change. The gate is what actually stops the work.\n  const frameLoop = useVisibleRaf(\n    () => {\n      if (dirty.current.size === 0) return;\n      const map = canvasRefs.current;\n      if (!map) {\n        dirty.current.clear();\n        return;\n      }\n      for (const layer of layers) {\n        if (!dirty.current.has(layer.id)) continue;\n        if (!layer.visible) continue;\n        const canvas = map.get(layer.id);\n        if (!canvas) continue;\n        const ctx = canvas.getContext('2d');\n        if (!ctx) continue;\n        ctx.save();\n        ctx.setTransform(size.dpr, 0, 0, size.dpr, 0, 0);\n        ctx.clearRect(0, 0, size.width, size.height);\n        layer.render(ctx, view, frame);\n        ctx.restore();\n      }\n      dirty.current.clear();\n    },\n    { target: host },\n  );\n\n  useEffect(() => {\n    if (dirty.current.size > 0) frameLoop.request();\n  });\n}\n","import { type CSSProperties, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport type { Point, ViewTransform } from '../instrument/types';\nimport { normalize2DView } from '../state/view';\nimport { CameraContext, CameraInput, CameraScope, useCameraView } from './CameraInput';\nimport { CanvasStackContext } from './CanvasStackContext';\nimport { LinkedCursor } from './LinkedCursor';\nimport { type CanvasLayerDescriptor, useLayerScheduler } from './useLayerScheduler';\nimport { resolveFrame, type ViewportSize, type WorldSpec } from './worldSpec';\n\n/** Props for `<CanvasStack>`. */\nexport interface CanvasStackProps {\n  layers: CanvasLayerDescriptor[];\n  view: ViewTransform;\n  onViewChange: (v: ViewTransform) => void;\n  /** The instrument's coordinate system. Omitted, world (0,0) sits at the\n   *  element's top-left with y running down. */\n  worldSpec?: WorldSpec;\n  minZoom?: number;\n  maxZoom?: number;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  /** Fired whenever the stack is measured, so a consumer can place a view that\n   *  only makes sense in terms of the viewport. */\n  onResize?: (size: ViewportSize) => void;\n  onHitTest?: (worldPos: Point) => void;\n  children?: ReactNode;\n}\n\n/** Stacks one `<canvas>` per layer and drives them from a shared view, so a\n *  layer that changes rarely is not redrawn with one that changes every frame.\n *  Handles sizing and device pixel ratio; pan and zoom route through weasel's\n *  gesture dispatcher (`<CameraInput>`). */\nexport function CanvasStack({\n  layers,\n  view: viewProp,\n  onViewChange,\n  worldSpec,\n  minZoom,\n  maxZoom,\n  width = '100%',\n  height = '100%',\n  className,\n  onResize,\n  onHitTest,\n  children,\n}: CanvasStackProps) {\n  const view = normalize2DView(viewProp);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const canvasMap = useRef<Map<string, HTMLCanvasElement>>(new Map());\n  const [size, setSize] = useState({ width: 0, height: 0, dpr: 1 });\n\n  const setCanvasRef = (id: string, el: HTMLCanvasElement | null): void => {\n    if (el) canvasMap.current.set(id, el);\n    else canvasMap.current.delete(id);\n  };\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const update = () => {\n      const rect = el.getBoundingClientRect();\n      const dpr = window.devicePixelRatio ?? 1;\n      setSize((prev) => {\n        if (prev.width === rect.width && prev.height === rect.height && prev.dpr === dpr) {\n          return prev;\n        }\n        return { width: rect.width, height: rect.height, dpr };\n      });\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    if (size.width === 0 && size.height === 0) return;\n    onResizeRef.current?.({ width: size.width, height: size.height });\n  }, [size.width, size.height]);\n\n  const frame = useMemo(() => resolveFrame(worldSpec, size), [worldSpec, size]);\n\n  const camera = useCameraView({\n    view: viewProp,\n    onViewChange,\n    frame,\n    hostRef: containerRef,\n    minZoom,\n    maxZoom,\n  });\n  const cameraCtx = useMemo(\n    () => ({ view: camera, frame, element: () => containerRef.current }),\n    [camera, frame],\n  );\n  useLayerScheduler({ layers, view, frame, canvasRefs: canvasMap, size, host: containerRef });\n\n  const ctxValue = useMemo(\n    () => ({\n      view,\n      frame,\n      surface: { element: containerRef, size, canvases: canvasMap, layers },\n    }),\n    [view, frame, size, layers],\n  );\n\n  const containerStyle: CSSProperties = { width, height };\n  const canvasPx = {\n    width: Math.max(0, Math.round(size.width * size.dpr)),\n    height: Math.max(0, Math.round(size.height * size.dpr)),\n  };\n  const canvasCss: CSSProperties = {\n    width: size.width,\n    height: size.height,\n  };\n\n  return (\n    <CameraScope>\n      <CameraContext.Provider value={cameraCtx}>\n        <CanvasStackContext.Provider value={ctxValue}>\n          <CameraInput hostRef={containerRef} camera={camera} frame={frame} onTap={onHitTest} />\n          <div\n            ref={containerRef}\n            className={className ? `lk-canvas-stack ${className}` : 'lk-canvas-stack'}\n            style={containerStyle}\n          >\n            {layers.map((layer) => (\n              <canvas\n                key={layer.id}\n                ref={(el) => setCanvasRef(layer.id, el)}\n                className=\"lk-canvas-stack__canvas\"\n                width={canvasPx.width}\n                height={canvasPx.height}\n                style={{ ...canvasCss, display: layer.visible ? 'block' : 'none' }}\n              />\n            ))}\n            <LinkedCursor />\n            <div className=\"lk-canvas-stack__overlay\">{children}</div>\n          </div>\n        </CanvasStackContext.Provider>\n      </CameraContext.Provider>\n    </CameraScope>\n  );\n}\n","import { type CSSProperties, type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport type { ViewTransform } from '../instrument/types';\nimport { normalize2DView } from '../state/view';\nimport { useSurfaceOptional } from '../surface/useSurfaceTile';\nimport { CameraContext, CameraInput, CameraScope, useCameraView } from './CameraInput';\nimport { LinkedCursor } from './LinkedCursor';\nimport { DEFAULT_FRAME, type ViewportSize } from './worldSpec';\n\n/** Props for `<Stage>`. */\nexport interface StageProps {\n  /** The content's own size in CSS pixels, at zoom 1. */\n  size: ViewportSize;\n  view: ViewTransform;\n  onViewChange: (v: ViewTransform) => void;\n  minZoom?: number;\n  maxZoom?: number;\n  /** Fired whenever the stage's viewport is measured at a non-zero size. */\n  onResize?: (viewport: ViewportSize) => void;\n  /** Handed the viewport element, for a consumer tracking the pointer over it. */\n  hostRef?: { current: HTMLDivElement | null };\n  /** Drawn over the content in viewport pixels, outside the camera. */\n  overlay?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * The camera a stage opens at: the content centered in its viewport, shrunk to\n * fit if it has to be and never enlarged past its own size.\n */\nexport function fitStage(size: ViewportSize, viewport: ViewportSize): ViewTransform {\n  if (!(size.width > 0 && size.height > 0 && viewport.width > 0 && viewport.height > 0)) {\n    return { zoom: 1, pan: { x: 0, y: 0 } };\n  }\n  const zoom = Math.min(1, viewport.width / size.width, viewport.height / size.height);\n  return {\n    zoom,\n    pan: {\n      x: (viewport.width - size.width * zoom) / 2,\n      y: (viewport.height - size.height * zoom) / 2,\n    },\n  };\n}\n\n/**\n * DOM content of a fixed size, panned and zoomed by a camera — what\n * `<CanvasStack>` is for layers drawn to a canvas. Pan and zoom route through\n * weasel's gesture dispatcher (`<CameraInput>`). The content is laid out at\n * its own size and transformed, so everything inside keeps its layout and a\n * measurement of any element in it reports where it is actually drawn.\n */\nexport function Stage({\n  size,\n  view: viewProp,\n  onViewChange,\n  minZoom,\n  maxZoom,\n  onResize,\n  hostRef,\n  overlay,\n  children,\n}: StageProps) {\n  const view = normalize2DView(viewProp);\n  const host = useRef<HTMLDivElement | null>(null);\n  const surface = useSurfaceOptional();\n  const camera = useCameraView({\n    view: viewProp,\n    onViewChange,\n    frame: DEFAULT_FRAME,\n    hostRef: host,\n    minZoom,\n    maxZoom,\n  });\n  const cameraCtx = useMemo(\n    () => ({\n      view: camera,\n      frame: DEFAULT_FRAME,\n      element: () => host.current,\n      content: { x: 0, y: 0, width: size.width, height: size.height },\n    }),\n    [camera, size.width, size.height],\n  );\n\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = host.current;\n    if (!el) return;\n    const measure = () => {\n      const rect = el.getBoundingClientRect();\n      if (rect.width > 0 && rect.height > 0) {\n        onResizeRef.current?.({ width: rect.width, height: rect.height });\n      }\n    };\n    measure();\n    if (typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(measure);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  // A transform moves every tile inside the content without resizing anything,\n  // and a ResizeObserver reports only resizes.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: the camera is the trigger, not an input — the effect re-measures whenever it moves.\n  useEffect(() => {\n    surface?.invalidateRects();\n  }, [surface, view.zoom, view.pan.x, view.pan.y]);\n\n  // The camera changes every frame of a pan, and a transform has nowhere to\n  // live but the element's own style: set as custom properties the stylesheet\n  // reads.\n  const cameraVars = {\n    ['--lk-stage-x' as string]: `${view.pan.x}px`,\n    ['--lk-stage-y' as string]: `${view.pan.y}px`,\n    ['--lk-stage-zoom' as string]: String(view.zoom),\n    ['--lk-stage-w' as string]: `${size.width}px`,\n    ['--lk-stage-h' as string]: `${size.height}px`,\n  } as CSSProperties;\n\n  return (\n    <CameraScope>\n      <CameraContext.Provider value={cameraCtx}>\n        <CameraInput hostRef={host} camera={camera} frame={DEFAULT_FRAME} />\n        <div\n          ref={(el) => {\n            host.current = el;\n            if (hostRef) hostRef.current = el;\n          }}\n          className=\"lk-stage\"\n        >\n          <div className=\"lk-stage__content\" style={cameraVars}>\n            {children}\n          </div>\n          <LinkedCursor />\n          {overlay}\n        </div>\n      </CameraContext.Provider>\n    </CameraScope>\n  );\n}\n"]}