@weasel-js/labkit 1.5.2 → 1.6.0

package/dist/chunk-REOBGYMC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/config/auto.ts","../src/config/path.ts","../src/config/autoConfig.ts"],"names":["n"],"mappings":"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","file":"chunk-REOBGYMC.js","sourcesContent":["/**\n * Written at a config path to mean \"do not pin this — let the instrument\n * decide\". Accepted by `setConfig`, by a trial's `configSeed`, and by\n * `.initial()` in a schema. It is normalized into the trial's set of unpinned\n * paths on the way into the store and is never itself stored, so a serialized\n * trial contains no sentinel and the last pinned value survives.\n */\nexport const auto: unique symbol = Symbol('weasel.auto');\n\n/** The type of the `auto` sentinel, for widening a value parameter. */\nexport type Auto = typeof auto;\n\nexport function isAuto(value: unknown): value is Auto {\n  return value === auto;\n}\n","import type { PrefGroup, PrefLeaf } from '@weasel-js/ui';\n\n/**\n * Reading and writing a config tree by dotted path. A schema's leaves address\n * their values this way, so a leaf nested under `f.group` and a flat one are\n * reached by exactly the same call.\n */\n\n/** A plain object a config tree can be walked into. An array, a `Date`, a\n *  `Map` or a class instance is a leaf value: a walk that descended into one\n *  would rebuild it as a bare `{}`. */\nexport function isRecord(value: unknown): value is Record<string, unknown> {\n  if (typeof value !== 'object' || value === null) return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n}\n\n/** The value at a dotted path. `undefined` when a segment is missing or the\n *  walk hits something that is not a record. */\nexport function valueAtPath(config: unknown, path: string): unknown {\n  let cur = config;\n  for (const segment of path.split('.')) {\n    if (!isRecord(cur)) return undefined;\n    cur = cur[segment];\n  }\n  return cur;\n}\n\n/** Whether a dotted path is actually present, which a `undefined` value is\n *  not enough to tell you. */\nexport function hasConfigPath(config: unknown, path: string): boolean {\n  let cur = config;\n  for (const segment of path.split('.')) {\n    if (!isRecord(cur) || !(segment in cur)) return false;\n    cur = cur[segment];\n  }\n  return true;\n}\n\nfunction writeIn(node: unknown, segments: readonly string[], value: unknown): unknown {\n  const [head, ...rest] = segments;\n  if (head === undefined) return value;\n  const base = isRecord(node) ? node : {};\n  return { ...base, [head]: rest.length === 0 ? value : writeIn(base[head], rest, value) };\n}\n\n/** A copy of `config` with `value` written at a dotted path. Every record on\n *  the way down is copied and the input is left alone; a missing — or\n *  non-record — intermediate is replaced with the branch the path implies. */\nexport function withValueAtPath<T>(config: T, path: string, value: unknown): T {\n  return writeIn(config, path.split('.'), value) as T;\n}\n\n/**\n * `stored` with every gap filled from `defaults`, down the whole tree.\n *\n * This is how a config written before its schema grew a branch still loads:\n * the branch arrives at its defaults instead of `undefined`, and a key the\n * defaults no longer mention is kept rather than dropped, so nothing is lost\n * to a schema change the author has not finished making.\n */\nexport function fillConfigDefaults<T>(stored: unknown, defaults: T): T {\n  if (!isRecord(defaults)) return (stored === undefined ? defaults : stored) as T;\n  const base = isRecord(stored) ? stored : {};\n  const out: Record<string, unknown> = { ...base };\n  for (const [key, value] of Object.entries(defaults)) {\n    out[key] = fillConfigDefaults(base[key], value);\n  }\n  return out as T;\n}\n\n/** A node in a resolved schema tree, by dotted path. Structural rather than\n *  `isPrefLeaf` so this stays free of a runtime import. */\nexport function schemaNodeAtPath(group: PrefGroup, path: string): PrefLeaf | PrefGroup | undefined {\n  let node: PrefLeaf | PrefGroup | undefined = group;\n  for (const segment of path.split('.')) {\n    if (node === undefined || !('children' in node)) return undefined;\n    node = node.children[segment];\n  }\n  return node;\n}\n","import { isPrefLeaf, type PrefGroup, type PrefLeaf } from '@weasel-js/ui';\nimport { isAuto } from './auto';\nimport { isRecord, withValueAtPath } from './path';\nimport type { ResolvedConfig } from './types';\n\ntype Resolver = (config: Record<string, unknown>) => unknown;\n\n/** Reads a labkit-only extra off a resolved leaf. `PrefLeaf` has no field for\n *  these; they ride as extra keys and survive the resolve walk. */\nfunction extra<T>(leaf: PrefLeaf, key: string): T | undefined {\n  return (leaf as unknown as Record<string, T | undefined>)[key];\n}\n\n/** Every leaf in a resolved schema, in schema order, with its dotted path. */\nfunction* leaves(group: PrefGroup, at = ''): Generator<[string, PrefLeaf]> {\n  for (const [key, child] of Object.entries(group.children)) {\n    const path = at === '' ? key : `${at}.${key}`;\n    if (isPrefLeaf(child)) yield [path, child];\n    else yield* leaves(child, path);\n  }\n}\n\n/** The dotted paths a schema declares as starting auto — every leaf that said\n *  `.initial(auto)`. This is what seeds a new trial's unpinned set. */\nexport function autoPathsOf(resolved: ResolvedConfig): string[] {\n  const out: string[] = [];\n  for (const [path, leaf] of leaves(resolved.group)) {\n    if (extra<boolean>(leaf, 'unpinned')) out.push(path);\n  }\n  return out;\n}\n\n/**\n * The config an instrument reads: the stored one, with every unpinned path\n * either computed by its resolver or removed.\n *\n * Resolution is demand-driven — a resolver reading another unpinned path\n * forces that one first, whatever order the schema declared them in — so a\n * cycle is a real cycle and not an ordering accident.\n */\nexport function resolveAutoConfig<TC>(\n  resolved: ResolvedConfig,\n  config: TC,\n  autoPaths: ReadonlySet<string>,\n): TC {\n  if (autoPaths.size === 0) return config;\n\n  const resolvers = new Map<string, Resolver | undefined>();\n  for (const [path, leaf] of leaves(resolved.group)) {\n    if (autoPaths.has(path)) resolvers.set(path, extra<Resolver>(leaf, 'autoResolve'));\n  }\n  if (resolvers.size === 0) return config;\n\n  // Drop first, so a resolver reading a still-unresolved auto path sees\n  // `undefined` rather than a stale pinned value it would silently believe.\n  let out = config as unknown as Record<string, unknown>;\n  for (const path of resolvers.keys()) out = dropAtPath(out, path);\n\n  const inFlight = new Set<string>();\n  const done = new Set<string>();\n\n  const need = (path: string): void => {\n    if (done.has(path)) return;\n    if (inFlight.has(path)) {\n      throw new Error(`[labkit] auto resolver cycle at \"${path}\"`);\n    }\n    const resolve = resolvers.get(path);\n    if (!resolve) {\n      done.add(path);\n      return;\n    }\n    inFlight.add(path);\n    try {\n      // Read `out` only after the resolver has run: it forces its own\n      // dependencies, and each of those replaced `out`.\n      const value = resolve(demand(() => out, resolvers, need));\n      out = withValueAtPath(out, path, value);\n    } finally {\n      inFlight.delete(path);\n    }\n    done.add(path);\n  };\n\n  for (const path of resolvers.keys()) need(path);\n  return out as unknown as TC;\n}\n\n/**\n * The config a resolver reads. A top-level key that is itself unpinned is\n * forced before it is handed back, which is what makes declaration order\n * irrelevant and turns a genuine loop into a named error.\n *\n * Only top-level keys are trapped: a resolver reaching `c.grid.size` gets the\n * already-dropped branch, and a nested auto path it depends on resolves by\n * schema order alone.\n */\nfunction demand(\n  read: () => Record<string, unknown>,\n  resolvers: ReadonlyMap<string, Resolver | undefined>,\n  need: (path: string) => void,\n): Record<string, unknown> {\n  return new Proxy(read(), {\n    get(_target, key) {\n      if (typeof key === 'string' && resolvers.has(key)) need(key);\n      return Reflect.get(read(), key);\n    },\n    has(_target, key) {\n      return Reflect.has(read(), key);\n    },\n    ownKeys() {\n      return Reflect.ownKeys(read());\n    },\n    getOwnPropertyDescriptor(_target, key) {\n      return Reflect.getOwnPropertyDescriptor(read(), key);\n    },\n  });\n}\n\n/** A copy of `config` with the dotted path removed, copying every record on\n *  the way down. A path that is not there comes back unchanged. */\nfunction dropAtPath(config: Record<string, unknown>, path: string): Record<string, unknown> {\n  const [head, ...rest] = path.split('.');\n  if (head === undefined || !(head in config)) return config;\n  if (rest.length === 0) {\n    const { [head]: _dropped, ...kept } = config;\n    return kept;\n  }\n  const child = config[head];\n  if (!isRecord(child)) return config;\n  return { ...config, [head]: dropAtPath(child, rest.join('.')) };\n}\n\n/**\n * What writing `value` at `path` makes of a trial's raw config and its set of\n * unpinned paths. `auto` pins nothing and joins the set; any other value is\n * written and leaves it. Both the store and the chrome go through this, so\n * they cannot disagree about what a write meant.\n */\nexport function applyConfigWrite<TC>(\n  config: TC,\n  autoPaths: readonly string[],\n  path: string,\n  value: unknown,\n): { config: TC; autoPaths: readonly string[] } {\n  if (isAuto(value)) {\n    if (autoPaths.includes(path)) return { config, autoPaths };\n    return { config, autoPaths: [...autoPaths, path] };\n  }\n  return {\n    config: withValueAtPath(config, path, value),\n    autoPaths: autoPaths.includes(path) ? autoPaths.filter((p) => p !== path) : autoPaths,\n  };\n}\n"]}

package/dist/ui/layers/index.d.ts

@@ -1,66 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-/** One card in a layer stack: its identity, the label shown when collapsed,
- *  and the optional select hoisted into its header. */
-interface LayerStackItem {
-    /** Stable id used for keys, onRemove, onReorder. Numeric to match
-     *  common id-from-nextId conventions; string ids also work. */
-    id: number | string;
-    /** Short kind label rendered in the header when no primary select
-     *  is hoisted (e.g. "shadow", "stroke"). Omit it for items that have no
-     *  kind; `label` then names the card. */
-    kind?: string;
-    /** Header text, when the item's name is not its kind. Falls back to
-     *  `kind`. */
-    label?: string;
-    /** When present, hoist this select into the card header so the user
-     *  can switch mode/shape without expanding. */
-    primaryValue?: string;
-    primaryOptions?: string[];
-    /** Accent CSS color used as the left border / index-badge fill. Sets
-     *  --wzl-layer-stack-accent on the card, which re-binds --wzl-accent
-     *  for everything inside it. */
-    accent?: string;
-    /** Optional badge text rendered before the primary control
-     *  (e.g. tail index "1", "2", "3"). When omitted a drag handle
-     *  glyph renders in its place. */
-    badge?: string;
-    /** Initial expanded state. Defaults to true for newly-added items. */
-    defaultExpanded?: boolean;
-}
-/** Props for `<LayerStack>`. */
-interface LayerStackProps {
-    /** Heading above the list. Omit it, along with the palette, for a stack
-     *  whose surroundings already name it. */
-    title?: string;
-    items: LayerStackItem[];
-    /** Kinds the user can add via the header palette. Omit both this and
-     *  `onAdd` for a stack the user cannot add to. */
-    paletteKinds?: string[];
-    onAdd?: (kind: string) => void;
-    /** Omit for items the user cannot remove; the card then has no ✕. */
-    onRemove?: (id: number | string) => void;
-    onReorder: (orderedIds: Array<number | string>) => void;
-    /** Required for `primaryValue` to render as a select — without a handler
-     *  the control could not be changed. */
-    onPrimaryChange?: (id: number | string, nextValue: string) => void;
-    /** Render the body controls for each item. */
-    renderBody: (item: LayerStackItem) => ReactNode;
-    /** Shown in place of the list when `items` is empty. Defaults to a line
-     *  that points at the palette, or a bare one when there is no palette. */
-    emptyLabel?: ReactNode;
-    /** Hide the title + palette row (used when an outer wrap renders its
-     *  own head — see speech-balloons Tails panel). */
-    hideHead?: boolean;
-    /** Appended to the root element's class list. The module's own class names
-     *  are hashed, so this is the supported way to reach the stack from a
-     *  consumer stylesheet. */
-    className?: string;
-}
-/** A drag-reorderable stack of expandable cards, with a palette in the header
- *  for adding more. The body of each card is the caller's to render. */
-declare function LayerStack({ className, title, items, paletteKinds, onAdd, onRemove, onReorder, onPrimaryChange, renderBody, emptyLabel, hideHead, }: LayerStackProps): react_jsx_runtime.JSX.Element;
-
-export { LayerStack };
-export type { LayerStackItem, LayerStackProps };

package/dist/ui/layers/index.js

@@ -1,3 +0,0 @@
-export { c4 as LayerStack } from '../../chunk-LASCBWW7.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/ui/layers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/src/lab/useSystemMode.ts

@@ -1,30 +0,0 @@
-import { useEffect, useState } from 'react';
-import type { LabMode } from '../state/types';
-
-function query(): MediaQueryList | null {
-  if (typeof window === 'undefined' || !window.matchMedia) return null;
-  return window.matchMedia('(prefers-color-scheme: light)');
-}
-
-/**
- * Resolve a `LabMode` to the mode the theme resolver understands.
- *
- * `auto` is not a mode — it means "read the OS", live. An explicit choice
- * opts out of the subscription entirely.
- */
-export function useResolvedMode(mode: LabMode): 'light' | 'dark' {
-  const [system, setSystem] = useState<'light' | 'dark'>(() =>
-    query()?.matches ? 'light' : 'dark',
-  );
-
-  useEffect(() => {
-    if (mode !== 'auto') return;
-    const mq = query();
-    if (!mq) return;
-    const onChange = (e: MediaQueryListEvent) => setSystem(e.matches ? 'light' : 'dark');
-    mq.addEventListener('change', onChange);
-    return () => mq.removeEventListener('change', onChange);
-  }, [mode]);
-
-  return mode === 'auto' ? system : mode;
-}

package/src/layers/LayerList.less

@@ -1,93 +0,0 @@
-// No padding of its own: whatever mounts the list insets it. The sidebar
-// section body already does, and a second inset here put the grip 22px off a
-// 161px-wide sidebar's edge.
-.lk-layer-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-
-.lk-layer-list__empty {
-  color: var(--wzl-fg-muted);
-  font-size: var(--wzl-font-size-sm);
-  font-style: italic;
-}
-
-.lk-layer-list__row {
-  display: flex;
-  align-items: center;
-  gap: var(--wzl-space-xs);
-  padding: 1px 2px;
-  border-radius: var(--wzl-radius-sm);
-  user-select: none;
-}
-
-.lk-layer-list__row:hover {
-  background: var(--wzl-surface-hover);
-}
-
-.lk-layer-list__row--dragging {
-  background: var(--wzl-surface-pressed);
-  opacity: 0.7;
-}
-
-.lk-layer-list__row--pinned {
-  opacity: 0.7;
-}
-
-// Prefixed with `.lk-root` to outrank base.less's `:where(button)` default,
-// which would otherwise wrap this grip in a 24px chrome box with a border, an
-// elevated fill and 12px of side padding — around a glyph a third that size.
-.lk-root .lk-layer-list__handle {
-  display: inline-flex;
-  align-items: center;
-  height: auto;
-  // Transparent, so the grab target is comfortable while nothing but the dots
-  // is drawn. The negative margin keeps it from widening the row.
-  padding: 4px;
-  margin: -4px;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-  cursor: grab;
-  color: var(--wzl-fg-muted);
-}
-
-.lk-root .lk-layer-list__handle:hover {
-  color: var(--wzl-fg);
-}
-
-.lk-layer-list__handle:active {
-  cursor: grabbing;
-}
-
-.lk-layer-list__lock {
-  color: var(--wzl-fg-muted);
-}
-
-.lk-layer-list__label {
-  flex: 1;
-  font-size: var(--wzl-font-size-sm);
-}
-
-.lk-layer-list input[type='checkbox'] {
-  accent-color: var(--wzl-accent);
-}
-
-.lk-layer-list__children {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  // Indents by the twisty column, so a child's own twisty starts where its
-  // parent's label does.
-  padding-left: var(--wzl-space-md);
-}
-
-// Holds the twisty column open on rows that have nothing to expand, so labels
-// line up down the level.
-.lk-layer-list__twisty-gap {
-  flex: 0 0 auto;
-  width: var(--wzl-disclosure-target, var(--wzl-control-h-sm));
-}

package/src/layers/LayerList.stories.tsx

@@ -1,66 +0,0 @@
-import type { Meta, StoryObj } from '@weasel-js/forge';
-import { useState } from 'react';
-import { LayerList, type LayerTreeNode } from './LayerList';
-
-const meta: Meta<typeof LayerList> = {
-  title: 'labkit/Layers/LayerList',
-  component: LayerList,
-};
-export default meta;
-type Story = StoryObj<typeof LayerList>;
-
-const FLAT: LayerTreeNode[] = [
-  { id: 'plants', label: 'Plants' },
-  { id: 'grid', label: 'Grid' },
-  { id: 'legend', label: 'Legend', alwaysOn: true },
-];
-
-const NESTED: LayerTreeNode[] = [
-  {
-    id: 'ingest',
-    label: 'Ingest',
-    children: [
-      { id: 'ingest.fetch', label: 'Fetch' },
-      { id: 'ingest.parse', label: 'Parse' },
-    ],
-  },
-  {
-    id: 'solve',
-    label: 'Solve',
-    defaultCollapsed: true,
-    children: [
-      { id: 'solve.seed', label: 'Seed' },
-      {
-        id: 'solve.relax',
-        label: 'Relax',
-        children: [
-          { id: 'solve.relax.sweep', label: 'Sweep' },
-          { id: 'solve.relax.check', label: 'Check' },
-        ],
-      },
-    ],
-  },
-  { id: 'report', label: 'Report', alwaysOn: true },
-];
-
-function Demo({ seed }: { seed: LayerTreeNode[] }) {
-  const [layers, setLayers] = useState(seed);
-  const [visibility, setVisibility] = useState<Record<string, boolean>>({});
-  return (
-    <div style={{ width: 220 }}>
-      <LayerList
-        layers={layers}
-        visibility={visibility}
-        onReorder={setLayers}
-        onToggle={(id, visible) => setVisibility((v) => ({ ...v, [id]: visible }))}
-      />
-    </div>
-  );
-}
-
-/** No node has children, so no row spends width on a twisty column. */
-export const Flat: Story = { render: () => <Demo seed={FLAT} /> };
-
-/** Dragging a row reorders it among its own siblings — a drag never moves a
- *  layer to a different parent. */
-export const Tree: Story = { render: () => <Demo seed={NESTED} /> };

package/src/layers/LayerList.test.tsx

@@ -1,232 +0,0 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import type { LayerDescriptor } from '../instrument/types';
-import { LayerList, type LayerListProps, type LayerTreeNode } from './LayerList';
-
-describe('<LayerList>', () => {
-  it('renders one row per layer', () => {
-    const layers: LayerDescriptor[] = [
-      { id: 'a', label: 'A' },
-      { id: 'b', label: 'B' },
-    ];
-    const { container } = render(
-      <LayerList
-        layers={layers}
-        visibility={{ a: true, b: true }}
-        onReorder={vi.fn()}
-        onToggle={vi.fn()}
-      />,
-    );
-    expect(container.querySelectorAll('.lk-layer-list__row')).toHaveLength(2);
-  });
-
-  it('renders empty state when no layers', () => {
-    render(<LayerList layers={[]} visibility={{}} onReorder={vi.fn()} onToggle={vi.fn()} />);
-    expect(screen.getByText('No layers')).toBeInTheDocument();
-  });
-
-  it('alwaysOn rows have no checkbox and show lock icon', () => {
-    const layers: LayerDescriptor[] = [{ id: 'a', label: 'A', alwaysOn: true }];
-    render(<LayerList layers={layers} visibility={{}} onReorder={vi.fn()} onToggle={vi.fn()} />);
-    expect(screen.queryByLabelText('Toggle A')).toBeNull();
-    expect(screen.getByLabelText('Always on')).toBeInTheDocument();
-  });
-
-  it('onToggle fires on checkbox click', () => {
-    const onToggle = vi.fn();
-    const layers: LayerDescriptor[] = [{ id: 'a', label: 'A' }];
-    render(
-      <LayerList
-        layers={layers}
-        visibility={{ a: true }}
-        onReorder={vi.fn()}
-        onToggle={onToggle}
-      />,
-    );
-    fireEvent.click(screen.getByLabelText('Toggle A'));
-    expect(onToggle).toHaveBeenCalledWith('a', false);
-  });
-});
-
-const twoLayers: LayerDescriptor[] = [
-  { id: 'a', label: 'A' },
-  { id: 'b', label: 'B' },
-];
-
-function dispatchOn(target: EventTarget, type: string, init: PointerEventInit) {
-  act(() => {
-    target.dispatchEvent(new PointerEvent(type, { pointerId: 1, bubbles: true, ...init }));
-  });
-}
-
-/** jsdom measures every row at zero height, so `startDrag` falls back to a
- *  pitch of 1: one pixel of travel is one row. */
-function renderDraggable(onReorder = vi.fn()) {
-  const result = render(
-    <LayerList
-      layers={twoLayers}
-      visibility={{ a: true, b: true }}
-      onReorder={onReorder}
-      onToggle={vi.fn()}
-    />,
-  );
-  return { ...result, onReorder, handle: screen.getByLabelText('Reorder A') };
-}
-
-/** Index of the row the drag currently marks, or -1 when nothing is dragging. */
-function draggingRow(container: HTMLElement): number {
-  const rows = Array.from(container.querySelectorAll('.lk-layer-list__row'));
-  return rows.findIndex((r) => r.classList.contains('lk-layer-list__row--dragging'));
-}
-
-describe('<LayerList> reordering', () => {
-  it('reorders from a release that lands off the handle', () => {
-    const { onReorder, handle } = renderDraggable();
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    dispatchOn(document, 'pointerup', { clientY: 1 });
-    expect(onReorder).toHaveBeenCalledTimes(1);
-    expect(onReorder.mock.calls[0][0].map((l: LayerDescriptor) => l.id)).toEqual(['b', 'a']);
-  });
-
-  // The other half of the rule — a detached origin does cancel — is owned by
-  // pointerSession.test.ts, which exercises it without React in the way.
-  it('keeps dragging when capture is lost and the handle is still in the document', () => {
-    const { onReorder, handle, container } = renderDraggable();
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    // Chrome releases capture a beat before it delivers pointerup, so ending
-    // here throws away a release that has already been dispatched.
-    dispatchOn(handle, 'lostpointercapture', {});
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    expect(draggingRow(container)).toBe(1);
-    dispatchOn(document, 'pointerup', { clientY: 1 });
-    expect(onReorder).toHaveBeenCalledTimes(1);
-    expect(onReorder.mock.calls[0][0].map((l: LayerDescriptor) => l.id)).toEqual(['b', 'a']);
-  });
-
-  it('reads a move with nothing held as the release that never arrived', () => {
-    const { onReorder, handle } = renderDraggable();
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    dispatchOn(document, 'pointermove', { buttons: 0, clientY: 40 });
-    expect(onReorder).toHaveBeenCalledTimes(1);
-    expect(onReorder.mock.calls[0][0].map((l: LayerDescriptor) => l.id)).toEqual(['b', 'a']);
-  });
-
-  it('drops its listeners when the list unmounts mid-drag', () => {
-    const { onReorder, handle, unmount } = renderDraggable();
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    unmount();
-    dispatchOn(document, 'pointerup', { clientY: 1 });
-    expect(onReorder).not.toHaveBeenCalled();
-  });
-
-  it('does not capture a second pointer into the same drag', () => {
-    const { onReorder, handle } = renderDraggable();
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { pointerId: 2, buttons: 1, clientY: 40 });
-    dispatchOn(document, 'pointerup', { pointerId: 1, clientY: 0 });
-    expect(onReorder).not.toHaveBeenCalled();
-  });
-});
-
-const tree: LayerTreeNode[] = [
-  {
-    id: 'a',
-    label: 'A',
-    children: [
-      { id: 'a1', label: 'A1' },
-      { id: 'a2', label: 'A2' },
-    ],
-  },
-  { id: 'b', label: 'B' },
-];
-
-function renderTree(props: Partial<LayerListProps> = {}) {
-  return render(
-    <LayerList layers={tree} visibility={{}} onReorder={vi.fn()} onToggle={vi.fn()} {...props} />,
-  );
-}
-
-describe('<LayerList> nesting', () => {
-  it('renders a row for each descendant of an expanded node', () => {
-    const { container } = renderTree();
-    expect(container.querySelectorAll('.lk-layer-list__row')).toHaveLength(4);
-    expect(screen.getByText('A1')).toBeInTheDocument();
-  });
-
-  it('hides the children of a collapsed node', () => {
-    const { container } = renderTree();
-    fireEvent.click(screen.getByLabelText('A sublayers'));
-    expect(container.querySelectorAll('.lk-layer-list__row')).toHaveLength(2);
-    expect(screen.queryByText('A1')).toBeNull();
-  });
-
-  it('starts collapsed when the node says so', () => {
-    render(
-      <LayerList
-        layers={[{ ...tree[0], defaultCollapsed: true }, tree[1]]}
-        visibility={{}}
-        onReorder={vi.fn()}
-        onToggle={vi.fn()}
-      />,
-    );
-    expect(screen.queryByText('A1')).toBeNull();
-  });
-
-  it('takes collapse from collapsedIds and reports the next set', () => {
-    const onCollapsedChange = vi.fn();
-    renderTree({ collapsedIds: ['a'], onCollapsedChange });
-    expect(screen.queryByText('A1')).toBeNull();
-    fireEvent.click(screen.getByLabelText('A sublayers'));
-    expect(onCollapsedChange).toHaveBeenCalledWith([]);
-    // Controlled: the click alone does not open it.
-    expect(screen.queryByText('A1')).toBeNull();
-  });
-
-  it('ties the twisty to the subtree it reveals', () => {
-    const { container } = renderTree();
-    const controls = screen.getByLabelText('A sublayers').getAttribute('aria-controls');
-    expect(controls).toBeTruthy();
-    expect(container.querySelector(`[id="${controls}"]`)).toHaveClass('lk-layer-list__children');
-  });
-
-  it('spends no twisty column on a flat list', () => {
-    const { container } = render(
-      <LayerList layers={twoLayers} visibility={{}} onReorder={vi.fn()} onToggle={vi.fn()} />,
-    );
-    expect(container.querySelector('.lk-layer-list__twisty-gap')).toBeNull();
-    expect(screen.queryByLabelText(/sublayers$/)).toBeNull();
-  });
-
-  it('holds the twisty column open on childless siblings', () => {
-    const { container } = renderTree();
-    expect(container.querySelectorAll('.lk-layer-list__twisty-gap')).toHaveLength(3);
-  });
-
-  it('reorders within a subtree and leaves the rest of the tree alone', () => {
-    const onReorder = vi.fn();
-    renderTree({ onReorder });
-    const handle = screen.getByLabelText('Reorder A1');
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    dispatchOn(document, 'pointerup', { clientY: 1 });
-    expect(onReorder).toHaveBeenCalledTimes(1);
-    const next = onReorder.mock.calls[0][0] as LayerTreeNode[];
-    expect(next.map((l) => l.id)).toEqual(['a', 'b']);
-    expect(next[0].children?.map((l) => l.id)).toEqual(['a2', 'a1']);
-  });
-
-  it('reorders the top level without disturbing a subtree', () => {
-    const onReorder = vi.fn();
-    renderTree({ onReorder });
-    const handle = screen.getByLabelText('Reorder A');
-    fireEvent.pointerDown(handle, { pointerId: 1, buttons: 1, clientY: 0 });
-    dispatchOn(document, 'pointermove', { buttons: 1, clientY: 1 });
-    dispatchOn(document, 'pointerup', { clientY: 1 });
-    const next = onReorder.mock.calls[0][0] as LayerTreeNode[];
-    expect(next.map((l) => l.id)).toEqual(['b', 'a']);
-    expect(next[1].children?.map((l) => l.id)).toEqual(['a1', 'a2']);
-  });
-});