@weasel-js/labkit 1.2.0 → 1.3.0

package/dist/chunk-6X5RBC6G.js

@@ -0,0 +1,366 @@
+import { ZoomControl, ScaleIndicator, FpsMeter, StatusBar, Toolbar } from './chunk-JDROYQM3.js';
+import { ControlPanel } from './chunk-WTI26YTM.js';
+import { Ht, Ut, Wt, It2, Gt, Kt, p, Mt, Nt, Pt, n4, o4 } from './chunk-RGT4EJIB.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+var ZOOM_STEP = 1.25;
+function builtinContributions(instrument, ctx, controls) {
+  const out = [];
+  const zoom = ctx.zoom;
+  if (instrument.undo != null) {
+    out.push({
+      id: "undo",
+      region: "toolbar",
+      group: "history",
+      item: {
+        icon: Ht,
+        label: "Undo",
+        shortcut: "Mod+Z",
+        disabled: !ctx.canUndo,
+        onActivate: ctx.undo
+      }
+    });
+    out.push({
+      id: "redo",
+      region: "toolbar",
+      group: "history",
+      item: {
+        icon: Ut,
+        label: "Redo",
+        shortcut: "Mod+Shift+Z",
+        disabled: !ctx.canRedo,
+        onActivate: ctx.redo
+      }
+    });
+  }
+  for (const t of instrument.tools?.tools ?? []) {
+    out.push({
+      id: t.id,
+      region: "palette",
+      group: t.group,
+      item: { icon: t.icon, label: t.label, shortcut: t.shortcut }
+    });
+  }
+  if (instrument.canvas != null && zoom !== null) {
+    out.push({
+      id: "zoom-out",
+      region: "viewport",
+      group: "zoom",
+      item: {
+        icon: Wt,
+        label: "Zoom out",
+        onActivate: () => ctx.setZoom(zoom / ZOOM_STEP)
+      }
+    });
+    out.push({
+      id: "zoom-in",
+      region: "viewport",
+      group: "zoom",
+      item: {
+        icon: It2,
+        label: "Zoom in",
+        onActivate: () => ctx.setZoom(zoom * ZOOM_STEP)
+      }
+    });
+    out.push({
+      id: "actual-size",
+      region: "viewport",
+      group: "zoom",
+      item: { icon: Gt, label: "Actual size", onActivate: () => ctx.setZoom(1) }
+    });
+    out.push({
+      id: "zoom-control",
+      region: "viewport",
+      group: "zoom",
+      render: (c) => /* @__PURE__ */ jsx(ZoomControl, { zoom: c.zoom ?? 1, onZoomChange: c.setZoom })
+    });
+    out.push({
+      id: "scale",
+      region: "status",
+      group: "view",
+      render: () => /* @__PURE__ */ jsx(ScaleIndicator, {})
+    });
+    out.push({
+      id: "fps",
+      region: "status",
+      group: "view",
+      end: true,
+      render: () => /* @__PURE__ */ jsx(FpsMeter, {})
+    });
+  }
+  if (Object.keys(ctx.configSchema.group.children).length > 0) {
+    out.push({
+      id: "settings",
+      region: "sidebar",
+      item: {
+        title: "Settings",
+        body: /* @__PURE__ */ jsx(
+          ControlPanel,
+          {
+            schema: ctx.configSchema,
+            config: ctx.config,
+            setConfig: (key, value) => ctx.setConfig(String(key), value),
+            renderers: controls
+          }
+        )
+      }
+    });
+  }
+  out.push({
+    id: "snapshot",
+    region: "toolbar",
+    group: "history",
+    item: {
+      icon: Kt,
+      label: "Save snapshot",
+      shortcut: "Mod+S",
+      onActivate: () => ctx.saveSnapshot()
+    }
+  });
+  if (ctx.savedSnapshots.length > 0) {
+    out.push({
+      id: "snapshot-load",
+      region: "toolbar",
+      group: "trial",
+      end: true,
+      render: (c) => /* @__PURE__ */ jsx(
+        p,
+        {
+          className: "lk-toolbar__load-select",
+          "aria-label": "Load snapshot",
+          placeholder: "Load\u2026",
+          selectedKey: null,
+          options: c.savedSnapshots.map((sn) => ({ value: sn.id, label: sn.name })),
+          onSelectionChange: (id) => {
+            if (id != null) c.loadSnapshot(String(id));
+          }
+        }
+      )
+    });
+  }
+  out.push({
+    id: "clone",
+    region: "toolbar",
+    group: "trial",
+    end: true,
+    item: { icon: Mt, label: "Clone trial", onActivate: ctx.clone }
+  });
+  out.push({
+    id: "reset",
+    region: "toolbar",
+    group: "trial",
+    end: true,
+    item: { icon: Nt, label: "Reset trial", onActivate: ctx.reset }
+  });
+  out.push({
+    id: "close",
+    region: "titlebar",
+    end: true,
+    item: {
+      icon: Pt,
+      label: ctx.isLastTrial ? "Cannot close the last trial" : "Close trial",
+      danger: true,
+      disabled: ctx.isLastTrial,
+      onActivate: ctx.close
+    }
+  });
+  return out;
+}
+
+// src/chrome/merge.ts
+function mergeContributions(...bundles) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const bundle of bundles) {
+    for (const entry of bundle) {
+      if (seen.has(entry.id)) {
+        throw new Error(
+          `[labkit] mergeContributions: duplicate contribution id "${entry.id}". Two bundles registered the same id; rename one, or suppress the built-in before adding yours.`
+        );
+      }
+      seen.add(entry.id);
+      out.push(entry);
+    }
+  }
+  return out;
+}
+function suppressContributions(bundle, ids) {
+  const present = new Set(bundle.map((c) => c.id));
+  for (const id of ids) {
+    if (!present.has(id)) {
+      throw new Error(
+        `[labkit] cannot suppress "${id}": no contribution with that id. Present ids: ${[...present].join(", ")}`
+      );
+    }
+  }
+  const drop = new Set(ids);
+  return bundle.filter((c) => !drop.has(c.id));
+}
+function PaletteRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "lk-palette-region",
+      role: "toolbar",
+      "aria-label": "Tools",
+      "aria-orientation": "vertical",
+      children: /* @__PURE__ */ jsx(n4, { orientation: "vertical", children: contributions.map((c) => {
+        if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+        if (c.region !== "palette" || !c.item) return null;
+        const { icon: Icon, label, shortcut, disabled } = c.item;
+        return /* @__PURE__ */ jsx(
+          o4,
+          {
+            icon: /* @__PURE__ */ jsx(Icon, { size: 16 }),
+            label,
+            shortcut,
+            active: ctx.activeToolId === c.id,
+            disabled,
+            onClick: () => ctx.setActiveTool(c.id)
+          },
+          c.id
+        );
+      }) })
+    }
+  );
+}
+function Section({
+  title,
+  defaultCollapsed,
+  children
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  return /* @__PURE__ */ jsxs("section", { className: "lk-sidebar-section", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lk-sidebar-section__head",
+        "aria-expanded": !collapsed,
+        onClick: () => setCollapsed((c) => !c),
+        children: title
+      }
+    ),
+    collapsed ? null : /* @__PURE__ */ jsx("div", { className: "lk-sidebar-section__body", children })
+  ] });
+}
+function SidebarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: contributions.map((c) => {
+    if (c.render) return /* @__PURE__ */ jsx("div", { children: c.render(ctx) }, c.id);
+    if (c.region !== "sidebar" || !c.item) return null;
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        title: c.item.title,
+        defaultCollapsed: c.item.defaultCollapsed ?? false,
+        children: c.item.body
+      },
+      c.id
+    );
+  }) });
+}
+function StatusRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(StatusBar, { children: contributions.map((c) => {
+    if (c.render)
+      return /* @__PURE__ */ jsx(StatusBar.Section, { end: c.end, children: c.render(ctx) }, c.id);
+    if (c.region !== "status" || !c.item) return null;
+    return /* @__PURE__ */ jsx(StatusBar.Section, { end: c.end, children: /* @__PURE__ */ jsx("span", { title: c.item.title, children: c.item.text }) }, c.id);
+  }) });
+}
+function renderEntry(c, ctx) {
+  if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+  if (c.region !== "titlebar" || !c.item) return null;
+  const { icon: Icon, label, shortcut, disabled, danger } = c.item;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `lk-titlebar-button${danger ? " lk-titlebar-button--danger" : ""}`,
+      disabled,
+      "aria-label": label,
+      title: shortcut ? `${label} (${shortcut})` : label,
+      onClick: c.item.onActivate,
+      onPointerDown: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsx(Icon, { size: 14 })
+    },
+    c.id
+  );
+}
+function TitleBarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx("span", { className: "lk-trial__titlebar-actions", children: contributions.map((c) => renderEntry(c, ctx)) });
+}
+function groupsOf(contributions) {
+  const groups = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const c of contributions) {
+    if (c.group == null) {
+      groups.push({ key: c.id, end: c.end ?? false, entries: [c] });
+      continue;
+    }
+    let g = byKey.get(c.group);
+    if (!g) {
+      g = { key: c.group, end: c.end ?? false, entries: [] };
+      byKey.set(c.group, g);
+      groups.push(g);
+    }
+    g.entries.push(c);
+  }
+  return groups;
+}
+function renderEntry2(c, ctx) {
+  if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+  if (c.region !== "toolbar" || !c.item) return null;
+  const { icon: Icon, label, shortcut, disabled, danger, showLabel } = c.item;
+  return /* @__PURE__ */ jsxs(
+    Toolbar.Button,
+    {
+      iconOnly: !showLabel,
+      variant: danger ? "danger" : "default",
+      disabled,
+      "aria-label": label,
+      title: shortcut ? `${label} (${shortcut})` : label,
+      onClick: c.item.onActivate,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 16 }),
+        showLabel ? /* @__PURE__ */ jsx("span", { children: label }) : null
+      ]
+    },
+    c.id
+  );
+}
+function ToolbarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  const groups = groupsOf(contributions);
+  return /* @__PURE__ */ jsx(Toolbar, { "aria-label": "Trial actions", children: groups.map((g) => /* @__PURE__ */ jsx(Toolbar.Group, { end: g.end, "aria-label": g.key, children: g.entries.map((c) => renderEntry2(c, ctx)) }, g.key)) });
+}
+function ViewportRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lk-viewport-controls", role: "toolbar", "aria-label": "View", children: contributions.map((c) => {
+    if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+    if (c.region !== "viewport" || !c.item) return null;
+    const { icon: Icon, label, disabled } = c.item;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lk-viewport-controls__button",
+        "aria-label": label,
+        title: label,
+        disabled,
+        onClick: c.item.onActivate,
+        children: /* @__PURE__ */ jsx(Icon, { size: 16 })
+      },
+      c.id
+    );
+  }) });
+}
+
+export { PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, mergeContributions, suppressContributions };
+//# sourceMappingURL=chunk-6X5RBC6G.js.map
+//# sourceMappingURL=chunk-6X5RBC6G.js.map

package/dist/chunk-6X5RBC6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chrome/builtins.tsx","../src/chrome/merge.ts","../src/chrome/regions/PaletteRegion.tsx","../src/chrome/regions/SidebarRegion.tsx","../src/chrome/regions/StatusRegion.tsx","../src/chrome/regions/TitleBarRegion.tsx","../src/chrome/regions/ToolbarRegion.tsx","../src/chrome/regions/ViewportRegion.tsx"],"names":["It","jsx","n","o","renderEntry","jsxs"],"mappings":";;;;;;AAoBA,IAAM,SAAA,GAAY,IAAA;AAOX,SAAS,oBAAA,CACd,UAAA,EACA,GAAA,EACA,QAAA,EACqB;AACrB,EAAA,MAAM,MAA2B,EAAC;AAClC,EAAA,MAAM,OAAO,GAAA,CAAI,IAAA;AAEjB,EAAA,IAAI,UAAA,CAAW,QAAQ,IAAA,EAAM;AAC3B,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,MAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,MAAA;AAAA,QACP,QAAA,EAAU,OAAA;AAAA,QACV,QAAA,EAAU,CAAC,GAAA,CAAI,OAAA;AAAA,QACf,YAAY,GAAA,CAAI;AAAA;AAClB,KACD,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,MAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,MAAA;AAAA,QACP,QAAA,EAAU,aAAA;AAAA,QACV,QAAA,EAAU,CAAC,GAAA,CAAI,OAAA;AAAA,QACf,YAAY,GAAA,CAAI;AAAA;AAClB,KACD,CAAA;AAAA,EACH;AAKA,EAAA,KAAA,MAAW,CAAA,IAAK,UAAA,CAAW,KAAA,EAAO,KAAA,IAAS,EAAC,EAAG;AAC7C,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,IAAI,CAAA,CAAE,EAAA;AAAA,MACN,MAAA,EAAQ,SAAA;AAAA,MACR,OAAO,CAAA,CAAE,KAAA;AAAA,MACT,IAAA,EAAM,EAAE,IAAA,EAAM,CAAA,CAAE,IAAA,EAAM,OAAO,CAAA,CAAE,KAAA,EAAO,QAAA,EAAU,CAAA,CAAE,QAAA;AAAS,KAC5D,CAAA;AAAA,EACH;AAIA,EAAA,IAAI,UAAA,CAAW,MAAA,IAAU,IAAA,IAAQ,IAAA,KAAS,IAAA,EAAM;AAC9C,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,UAAA;AAAA,MACJ,MAAA,EAAQ,UAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,UAAA;AAAA,QACP,UAAA,EAAY,MAAM,GAAA,CAAI,OAAA,CAAQ,OAAO,SAAS;AAAA;AAChD,KACD,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,UAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,IAAA,EAAMA,GAAA;AAAA,QACN,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAY,MAAM,GAAA,CAAI,OAAA,CAAQ,OAAO,SAAS;AAAA;AAChD,KACD,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,aAAA;AAAA,MACJ,MAAA,EAAQ,UAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,IAAA,EAAM,EAAE,IAAA,EAAM,EAAA,EAAS,KAAA,EAAO,aAAA,EAAe,UAAA,EAAY,MAAM,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAA;AAAE,KAC/E,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,cAAA;AAAA,MACJ,MAAA,EAAQ,UAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,MAAA,EAAQ,CAAC,CAAA,qBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,CAAA,CAAE,IAAA,IAAQ,CAAA,EAAG,YAAA,EAAc,CAAA,CAAE,OAAA,EAAS;AAAA,KACzE,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,OAAA;AAAA,MACJ,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,MAAA,EAAQ,sBAAM,GAAA,CAAC,cAAA,EAAA,EAAe;AAAA,KAC/B,CAAA;AACD,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,KAAA;AAAA,MACJ,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,MAAA;AAAA,MACP,GAAA,EAAK,IAAA;AAAA,MACL,MAAA,EAAQ,sBAAM,GAAA,CAAC,QAAA,EAAA,EAAS;AAAA,KACzB,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,MAAA,CAAO,KAAK,GAAA,CAAI,YAAA,CAAa,MAAM,QAAQ,CAAA,CAAE,SAAS,CAAA,EAAG;AAC3D,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,UAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,UAAA;AAAA,QACP,IAAA,kBACE,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,QAAQ,GAAA,CAAI,YAAA;AAAA,YACZ,QAAQ,GAAA,CAAI,MAAA;AAAA,YACZ,SAAA,EAAW,CAAC,GAAA,EAAK,KAAA,KAAU,IAAI,SAAA,CAAU,MAAA,CAAO,GAAG,CAAA,EAAG,KAAK,CAAA;AAAA,YAC3D,SAAA,EAAW;AAAA;AAAA;AACb;AAEJ,KACD,CAAA;AAAA,EACH;AAEA,EAAA,GAAA,CAAI,IAAA,CAAK;AAAA,IACP,EAAA,EAAI,UAAA;AAAA,IACJ,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,eAAA;AAAA,MACP,QAAA,EAAU,OAAA;AAAA,MACV,UAAA,EAAY,MAAM,GAAA,CAAI,YAAA;AAAa;AACrC,GACD,CAAA;AACD,EAAA,IAAI,GAAA,CAAI,cAAA,CAAe,MAAA,GAAS,CAAA,EAAG;AAIjC,IAAA,GAAA,CAAI,IAAA,CAAK;AAAA,MACP,EAAA,EAAI,eAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,IAAA;AAAA,MACL,MAAA,EAAQ,CAAC,CAAA,qBACP,GAAA;AAAA,QAAC,CAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,yBAAA;AAAA,UACV,YAAA,EAAW,eAAA;AAAA,UACX,WAAA,EAAY,YAAA;AAAA,UACZ,WAAA,EAAa,IAAA;AAAA,UACb,OAAA,EAAS,CAAA,CAAE,cAAA,CAAe,GAAA,CAAI,CAAC,EAAA,MAAQ,EAAE,KAAA,EAAO,EAAA,CAAG,EAAA,EAAI,KAAA,EAAO,EAAA,CAAG,MAAK,CAAE,CAAA;AAAA,UACxE,iBAAA,EAAmB,CAAC,EAAA,KAAO;AACzB,YAAA,IAAI,MAAM,IAAA,EAAM,CAAA,CAAE,YAAA,CAAa,MAAA,CAAO,EAAE,CAAC,CAAA;AAAA,UAC3C;AAAA;AAAA;AACF,KAEH,CAAA;AAAA,EACH;AACA,EAAA,GAAA,CAAI,IAAA,CAAK;AAAA,IACP,EAAA,EAAI,OAAA;AAAA,IACJ,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,OAAA;AAAA,IACP,GAAA,EAAK,IAAA;AAAA,IACL,IAAA,EAAM,EAAE,IAAA,EAAM,EAAA,EAAW,OAAO,aAAA,EAAe,UAAA,EAAY,IAAI,KAAA;AAAM,GACtE,CAAA;AACD,EAAA,GAAA,CAAI,IAAA,CAAK;AAAA,IACP,EAAA,EAAI,OAAA;AAAA,IACJ,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,OAAA;AAAA,IACP,GAAA,EAAK,IAAA;AAAA,IACL,IAAA,EAAM,EAAE,IAAA,EAAM,EAAA,EAAW,OAAO,aAAA,EAAe,UAAA,EAAY,IAAI,KAAA;AAAM,GACtE,CAAA;AACD,EAAA,GAAA,CAAI,IAAA,CAAK;AAAA,IACP,EAAA,EAAI,OAAA;AAAA,IACJ,MAAA,EAAQ,UAAA;AAAA,IACR,GAAA,EAAK,IAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,GAAA,CAAI,WAAA,GAAc,6BAAA,GAAgC,aAAA;AAAA,MACzD,MAAA,EAAQ,IAAA;AAAA,MACR,UAAU,GAAA,CAAI,WAAA;AAAA,MACd,YAAY,GAAA,CAAI;AAAA;AAClB,GACD,CAAA;AAED,EAAA,OAAO,GAAA;AACT;;;AClMO,SAAS,sBACX,OAAA,EACkB;AACrB,EAAA,MAAM,MAA2B,EAAC;AAClC,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,MAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,EAAE,CAAA,EAAG;AACtB,QAAA,MAAM,IAAI,KAAA;AAAA,UACR,CAAA,wDAAA,EAA2D,MAAM,EAAE,CAAA,gGAAA;AAAA,SAGrE;AAAA,MACF;AACA,MAAA,IAAA,CAAK,GAAA,CAAI,MAAM,EAAE,CAAA;AACjB,MAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,IAChB;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT;AAOO,SAAS,qBAAA,CACd,QACA,GAAA,EACqB;AACrB,EAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,MAAA,CAAO,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,EAAE,CAAC,CAAA;AAC/C,EAAA,KAAA,MAAW,MAAM,GAAA,EAAK;AACpB,IAAA,IAAI,CAAC,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAA,EAAG;AACpB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,0BAAA,EAA6B,EAAE,CAAA,8CAAA,EACb,CAAC,GAAG,OAAO,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,OAC3C;AAAA,IACF;AAAA,EACF;AACA,EAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,GAAG,CAAA;AACxB,EAAA,OAAO,MAAA,CAAO,OAAO,CAAC,CAAA,KAAM,CAAC,IAAA,CAAK,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAC7C;ACxCO,SAAS,aAAA,CAAc,EAAE,aAAA,EAAe,GAAA,EAAI,EAAuB;AACxE,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,uBACEC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,mBAAA;AAAA,MACV,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAW,OAAA;AAAA,MACX,kBAAA,EAAiB,UAAA;AAAA,MAEjB,QAAA,kBAAAA,IAACC,EAAA,EAAA,EAAU,WAAA,EAAY,YACpB,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM;AACxB,QAAA,IAAI,CAAA,CAAE,MAAA,EAAQ,uBAAOD,GAAAA,CAAC,MAAA,EAAA,EAAiB,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAmB,CAAA;AACrD,QAAA,IAAI,EAAE,MAAA,KAAW,SAAA,IAAa,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC9C,QAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,OAAO,QAAA,EAAU,QAAA,KAAa,CAAA,CAAE,IAAA;AACpD,QAAA,uBACEA,GAAAA;AAAA,UAACE,EAAA;AAAA,UAAA;AAAA,YAEC,IAAA,kBAAMF,GAAAA,CAAC,IAAA,EAAA,EAAK,MAAM,EAAA,EAAI,CAAA;AAAA,YACtB,KAAA;AAAA,YACA,QAAA;AAAA,YACA,MAAA,EAAQ,GAAA,CAAI,YAAA,KAAiB,CAAA,CAAE,EAAA;AAAA,YAC/B,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,GAAA,CAAI,aAAA,CAAc,EAAE,EAAE;AAAA,WAAA;AAAA,UANhC,CAAA,CAAE;AAAA,SAOT;AAAA,MAEJ,CAAC,CAAA,EACH;AAAA;AAAA,GACF;AAEJ;AC9BA,SAAS,OAAA,CAAQ;AAAA,EACf,KAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,gBAAgB,CAAA;AAC3D,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oBAAA,EACjB,QAAA,EAAA;AAAA,oBAAAA,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAU,0BAAA;AAAA,QACV,iBAAe,CAAC,SAAA;AAAA,QAChB,SAAS,MAAM,YAAA,CAAa,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAEpC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,YAAY,IAAA,mBAAOA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAA4B,QAAA,EAAS;AAAA,GAAA,EAC1E,CAAA;AAEJ;AAGO,SAAS,aAAA,CAAc,EAAE,aAAA,EAAe,GAAA,EAAI,EAAuB;AACxE,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,uBACEA,GAAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM;AACxB,IAAA,IAAI,CAAA,CAAE,MAAA,EAAQ,uBAAOA,GAAAA,CAAC,KAAA,EAAA,EAAgB,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAmB,CAAA;AACpD,IAAA,IAAI,EAAE,MAAA,KAAW,SAAA,IAAa,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC9C,IAAA,uBACEA,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QAEC,KAAA,EAAO,EAAE,IAAA,CAAK,KAAA;AAAA,QACd,gBAAA,EAAkB,CAAA,CAAE,IAAA,CAAK,gBAAA,IAAoB,KAAA;AAAA,QAE5C,YAAE,IAAA,CAAK;AAAA,OAAA;AAAA,MAJH,CAAA,CAAE;AAAA,KAKT;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AC7CO,SAAS,YAAA,CAAa,EAAE,aAAA,EAAe,GAAA,EAAI,EAAsB;AACtE,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,uBACEA,GAAAA,CAAC,SAAA,EAAA,EACE,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM;AACxB,IAAA,IAAI,CAAA,CAAE,MAAA;AACJ,MAAA,uBACEA,GAAAA,CAAC,SAAA,CAAU,OAAA,EAAV,EAA6B,GAAA,EAAK,CAAA,CAAE,GAAA,EAClC,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EADS,EAAE,EAE1B,CAAA;AAEJ,IAAA,IAAI,EAAE,MAAA,KAAW,QAAA,IAAY,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC7C,IAAA,uBACEA,IAAC,SAAA,CAAU,OAAA,EAAV,EAA6B,GAAA,EAAK,CAAA,CAAE,KACnC,QAAA,kBAAAA,GAAAA,CAAC,UAAK,KAAA,EAAO,CAAA,CAAE,KAAK,KAAA,EAAQ,QAAA,EAAA,CAAA,CAAE,KAAK,IAAA,EAAK,CAAA,EAAA,EADlB,EAAE,EAE1B,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;ACrBA,SAAS,WAAA,CAAY,GAAsB,GAAA,EAAoC;AAC7E,EAAA,IAAI,CAAA,CAAE,MAAA,EAAQ,uBAAOA,GAAAA,CAAC,MAAA,EAAA,EAAiB,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAmB,CAAA;AACrD,EAAA,IAAI,EAAE,MAAA,KAAW,UAAA,IAAc,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC/C,EAAA,MAAM,EAAE,MAAM,IAAA,EAAM,KAAA,EAAO,UAAU,QAAA,EAAU,MAAA,KAAW,CAAA,CAAE,IAAA;AAC5D,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAEC,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,CAAA,kBAAA,EAAqB,MAAA,GAAS,6BAAA,GAAgC,EAAE,CAAA,CAAA;AAAA,MAC3E,QAAA;AAAA,MACA,YAAA,EAAY,KAAA;AAAA,MACZ,OAAO,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAA,CAAA,GAAM,KAAA;AAAA,MAC7C,OAAA,EAAS,EAAE,IAAA,CAAK,UAAA;AAAA,MAGhB,aAAA,EAAe,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,MACxC,WAAA,EAAa,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,MAEtC,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI;AAAA,KAAA;AAAA,IAZX,CAAA,CAAE;AAAA,GAaT;AAEJ;AAGO,SAAS,cAAA,CAAe,EAAE,aAAA,EAAe,GAAA,EAAI,EAAwB;AAC1E,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,uBACEA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM,WAAA,CAAY,CAAA,EAAG,GAAG,CAAC,CAAA,EAC/C,CAAA;AAEJ;ACtBA,SAAS,SAAS,aAAA,EAAsD;AACtE,EAAA,MAAM,SAAkB,EAAC;AACzB,EAAA,MAAM,KAAA,uBAAY,GAAA,EAAmB;AACrC,EAAA,KAAA,MAAW,KAAK,aAAA,EAAe;AAC7B,IAAA,IAAI,CAAA,CAAE,SAAS,IAAA,EAAM;AACnB,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAA,EAAK,CAAA,CAAE,EAAA,EAAI,GAAA,EAAK,CAAA,CAAE,GAAA,IAAO,KAAA,EAAO,OAAA,EAAS,CAAC,CAAC,GAAG,CAAA;AAC5D,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAA,GAAI,KAAA,CAAM,GAAA,CAAI,CAAA,CAAE,KAAK,CAAA;AACzB,IAAA,IAAI,CAAC,CAAA,EAAG;AACN,MAAA,CAAA,GAAI,EAAE,GAAA,EAAK,CAAA,CAAE,KAAA,EAAO,GAAA,EAAK,EAAE,GAAA,IAAO,KAAA,EAAO,OAAA,EAAS,EAAC,EAAE;AACrD,MAAA,KAAA,CAAM,GAAA,CAAI,CAAA,CAAE,KAAA,EAAO,CAAC,CAAA;AACpB,MAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IACf;AACA,IAAA,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAClB;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAASG,YAAAA,CAAY,GAAsB,GAAA,EAAoC;AAC7E,EAAA,IAAI,CAAA,CAAE,MAAA,EAAQ,uBAAOH,GAAAA,CAAC,MAAA,EAAA,EAAiB,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAmB,CAAA;AACrD,EAAA,IAAI,EAAE,MAAA,KAAW,SAAA,IAAa,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC9C,EAAA,MAAM,EAAE,MAAM,IAAA,EAAM,KAAA,EAAO,UAAU,QAAA,EAAU,MAAA,EAAQ,SAAA,EAAU,GAAI,CAAA,CAAE,IAAA;AACvE,EAAA,uBACEI,IAAAA;AAAA,IAAC,OAAA,CAAQ,MAAA;AAAA,IAAR;AAAA,MAEC,UAAU,CAAC,SAAA;AAAA,MACX,OAAA,EAAS,SAAS,QAAA,GAAW,SAAA;AAAA,MAC7B,QAAA;AAAA,MACA,YAAA,EAAY,KAAA;AAAA,MACZ,OAAO,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAA,CAAA,GAAM,KAAA;AAAA,MAC7C,OAAA,EAAS,EAAE,IAAA,CAAK,UAAA;AAAA,MAEhB,QAAA,EAAA;AAAA,wBAAAJ,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QACf,SAAA,mBAAYA,GAAAA,CAAC,MAAA,EAAA,EAAM,iBAAM,CAAA,GAAU;AAAA;AAAA,KAAA;AAAA,IAT/B,CAAA,CAAE;AAAA,GAUT;AAEJ;AAGO,SAAS,aAAA,CAAc,EAAE,aAAA,EAAe,GAAA,EAAI,EAAuB;AACxE,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,MAAM,MAAA,GAAS,SAAS,aAAa,CAAA;AACrC,EAAA,uBACEA,GAAAA,CAAC,OAAA,EAAA,EAAQ,YAAA,EAAW,iBACjB,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBACXA,GAAAA,CAAC,OAAA,CAAQ,KAAA,EAAR,EAA0B,GAAA,EAAK,CAAA,CAAE,GAAA,EAAK,YAAA,EAAY,CAAA,CAAE,GAAA,EAClD,QAAA,EAAA,CAAA,CAAE,OAAA,CAAQ,IAAI,CAAC,CAAA,KAAMG,YAAAA,CAAY,CAAA,EAAG,GAAG,CAAC,CAAA,EAAA,EADvB,CAAA,CAAE,GAEtB,CACD,CAAA,EACH,CAAA;AAEJ;AC1DO,SAAS,cAAA,CAAe,EAAE,aAAA,EAAe,GAAA,EAAI,EAAwB;AAC1E,EAAA,IAAI,aAAA,CAAc,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AACvC,EAAA,uBACEH,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAuB,IAAA,EAAK,SAAA,EAAU,YAAA,EAAW,MAAA,EAC7D,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM;AACxB,IAAA,IAAI,CAAA,CAAE,MAAA,EAAQ,uBAAOA,GAAAA,CAAC,MAAA,EAAA,EAAiB,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,GAAG,CAAA,EAAA,EAAnB,CAAA,CAAE,EAAmB,CAAA;AACrD,IAAA,IAAI,EAAE,MAAA,KAAW,UAAA,IAAc,CAAC,CAAA,CAAE,MAAM,OAAO,IAAA;AAC/C,IAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,QAAA,KAAa,CAAA,CAAE,IAAA;AAC1C,IAAA,uBACEA,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAU,8BAAA;AAAA,QACV,YAAA,EAAY,KAAA;AAAA,QACZ,KAAA,EAAO,KAAA;AAAA,QACP,QAAA;AAAA,QACA,OAAA,EAAS,EAAE,IAAA,CAAK,UAAA;AAAA,QAEhB,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI;AAAA,OAAA;AAAA,MARX,CAAA,CAAE;AAAA,KAST;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ","file":"chunk-6X5RBC6G.js","sourcesContent":["import {\n  CloneIcon,\n  CloseIcon,\n  FitIcon,\n  RedoIcon,\n  ResetIcon,\n  SnapshotIcon,\n  UndoIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n} from '@weasel-js/ui';\nimport type { ControlRenderer } from '../config/types';\nimport { ControlPanel } from '../controls/ControlPanel';\nimport type { Instrument } from '../instrument/types';\nimport { Select } from '../passthrough/weasel-ui';\nimport { FpsMeter } from '../primitives/FpsMeter';\nimport { ScaleIndicator } from '../primitives/ScaleIndicator';\nimport { ZoomControl } from '../primitives/ZoomControl';\nimport type { TrialChromeContext, TrialContribution } from './types';\n\nconst ZOOM_STEP = 1.25;\n\n/**\n * The contributions a trial gets from what its instrument declared. This is\n * the whole \"declaring a capability provides the chrome\" rule — it replaces\n * the presence checks that used to be spread across the runtime.\n */\nexport function builtinContributions(\n  instrument: Instrument,\n  ctx: TrialChromeContext,\n  controls?: Record<string, ControlRenderer>,\n): TrialContribution[] {\n  const out: TrialContribution[] = [];\n  const zoom = ctx.zoom;\n\n  if (instrument.undo != null) {\n    out.push({\n      id: 'undo',\n      region: 'toolbar',\n      group: 'history',\n      item: {\n        icon: UndoIcon,\n        label: 'Undo',\n        shortcut: 'Mod+Z',\n        disabled: !ctx.canUndo,\n        onActivate: ctx.undo,\n      },\n    });\n    out.push({\n      id: 'redo',\n      region: 'toolbar',\n      group: 'history',\n      item: {\n        icon: RedoIcon,\n        label: 'Redo',\n        shortcut: 'Mod+Shift+Z',\n        disabled: !ctx.canRedo,\n        onActivate: ctx.redo,\n      },\n    });\n  }\n\n  // A tool id shares the contribution namespace, so a tool called `close`\n  // collides with the built-in close button and throws. Both are contributions\n  // to one trial's chrome.\n  for (const t of instrument.tools?.tools ?? []) {\n    out.push({\n      id: t.id,\n      region: 'palette',\n      group: t.group,\n      item: { icon: t.icon, label: t.label, shortcut: t.shortcut },\n    });\n  }\n\n  // Zoom acts on the view of the trial, so it is a viewport control. A trial\n  // holding a non-2D view reports zoom as null and gets none of this.\n  if (instrument.canvas != null && zoom !== null) {\n    out.push({\n      id: 'zoom-out',\n      region: 'viewport',\n      group: 'zoom',\n      item: {\n        icon: ZoomOutIcon,\n        label: 'Zoom out',\n        onActivate: () => ctx.setZoom(zoom / ZOOM_STEP),\n      },\n    });\n    out.push({\n      id: 'zoom-in',\n      region: 'viewport',\n      group: 'zoom',\n      item: {\n        icon: ZoomInIcon,\n        label: 'Zoom in',\n        onActivate: () => ctx.setZoom(zoom * ZOOM_STEP),\n      },\n    });\n    out.push({\n      id: 'actual-size',\n      region: 'viewport',\n      group: 'zoom',\n      item: { icon: FitIcon, label: 'Actual size', onActivate: () => ctx.setZoom(1) },\n    });\n    out.push({\n      id: 'zoom-control',\n      region: 'viewport',\n      group: 'zoom',\n      render: (c) => <ZoomControl zoom={c.zoom ?? 1} onZoomChange={c.setZoom} />,\n    });\n    out.push({\n      id: 'scale',\n      region: 'status',\n      group: 'view',\n      render: () => <ScaleIndicator />,\n    });\n    out.push({\n      id: 'fps',\n      region: 'status',\n      group: 'view',\n      end: true,\n      render: () => <FpsMeter />,\n    });\n  }\n\n  if (Object.keys(ctx.configSchema.group.children).length > 0) {\n    out.push({\n      id: 'settings',\n      region: 'sidebar',\n      item: {\n        title: 'Settings',\n        body: (\n          <ControlPanel\n            schema={ctx.configSchema}\n            config={ctx.config as Record<string, unknown>}\n            setConfig={(key, value) => ctx.setConfig(String(key), value)}\n            renderers={controls}\n          />\n        ),\n      },\n    });\n  }\n\n  out.push({\n    id: 'snapshot',\n    region: 'toolbar',\n    group: 'history',\n    item: {\n      icon: SnapshotIcon,\n      label: 'Save snapshot',\n      shortcut: 'Mod+S',\n      onActivate: () => ctx.saveSnapshot(),\n    },\n  });\n  if (ctx.savedSnapshots.length > 0) {\n    // A picker is not an icon button, so it takes the render escape. Held at\n    // `selectedKey={null}` so it stays a \"load one\" action rather than\n    // drifting into a display of what was loaded last.\n    out.push({\n      id: 'snapshot-load',\n      region: 'toolbar',\n      group: 'trial',\n      end: true,\n      render: (c) => (\n        <Select\n          className=\"lk-toolbar__load-select\"\n          aria-label=\"Load snapshot\"\n          placeholder=\"Load…\"\n          selectedKey={null}\n          options={c.savedSnapshots.map((sn) => ({ value: sn.id, label: sn.name }))}\n          onSelectionChange={(id) => {\n            if (id != null) c.loadSnapshot(String(id));\n          }}\n        />\n      ),\n    });\n  }\n  out.push({\n    id: 'clone',\n    region: 'toolbar',\n    group: 'trial',\n    end: true,\n    item: { icon: CloneIcon, label: 'Clone trial', onActivate: ctx.clone },\n  });\n  out.push({\n    id: 'reset',\n    region: 'toolbar',\n    group: 'trial',\n    end: true,\n    item: { icon: ResetIcon, label: 'Reset trial', onActivate: ctx.reset },\n  });\n  out.push({\n    id: 'close',\n    region: 'titlebar',\n    end: true,\n    item: {\n      icon: CloseIcon,\n      label: ctx.isLastTrial ? 'Cannot close the last trial' : 'Close trial',\n      danger: true,\n      disabled: ctx.isLastTrial,\n      onActivate: ctx.close,\n    },\n  });\n\n  return out;\n}\n","import type { TrialContribution } from './types';\n\n/**\n * Concatenate contribution bundles into one list, preserving order — order\n * decides how a region lays its contributions out, so it is part of the\n * result, not an accident of it.\n *\n * Throws on a duplicate id rather than dropping one: a contribution silently\n * losing to a later bundle is the failure a registry exists to prevent.\n */\nexport function mergeContributions(\n  ...bundles: readonly TrialContribution[][]\n): TrialContribution[] {\n  const out: TrialContribution[] = [];\n  const seen = new Set<string>();\n  for (const bundle of bundles) {\n    for (const entry of bundle) {\n      if (seen.has(entry.id)) {\n        throw new Error(\n          `[labkit] mergeContributions: duplicate contribution id \"${entry.id}\". ` +\n            'Two bundles registered the same id; rename one, or suppress the ' +\n            'built-in before adding yours.',\n        );\n      }\n      seen.add(entry.id);\n      out.push(entry);\n    }\n  }\n  return out;\n}\n\n/**\n * Drop contributions by id. Throws when an id is not present: a typo that\n * silently suppresses nothing is the same class of bug as a duplicate id\n * silently winning.\n */\nexport function suppressContributions(\n  bundle: readonly TrialContribution[],\n  ids: readonly string[],\n): TrialContribution[] {\n  const present = new Set(bundle.map((c) => c.id));\n  for (const id of ids) {\n    if (!present.has(id)) {\n      throw new Error(\n        `[labkit] cannot suppress \"${id}\": no contribution with that id. ` +\n          `Present ids: ${[...present].join(', ')}`,\n      );\n    }\n  }\n  const drop = new Set(ids);\n  return bundle.filter((c) => !drop.has(c.id));\n}\n","import { ToolButton, ToolGroup } from '../../passthrough/weasel-ui';\nimport type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<PaletteRegion>`. */\nexport interface PaletteRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\n/** A trial's tool strip. Selection lives in the trial's or the lab's tool\n *  slot; this region only reflects it. */\nexport function PaletteRegion({ contributions, ctx }: PaletteRegionProps) {\n  if (contributions.length === 0) return null;\n  return (\n    <div\n      className=\"lk-palette-region\"\n      role=\"toolbar\"\n      aria-label=\"Tools\"\n      aria-orientation=\"vertical\"\n    >\n      <ToolGroup orientation=\"vertical\">\n        {contributions.map((c) => {\n          if (c.render) return <span key={c.id}>{c.render(ctx)}</span>;\n          if (c.region !== 'palette' || !c.item) return null;\n          const { icon: Icon, label, shortcut, disabled } = c.item;\n          return (\n            <ToolButton\n              key={c.id}\n              icon={<Icon size={16} />}\n              label={label}\n              shortcut={shortcut}\n              active={ctx.activeToolId === c.id}\n              disabled={disabled}\n              onClick={() => ctx.setActiveTool(c.id)}\n            />\n          );\n        })}\n      </ToolGroup>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<SidebarRegion>`. */\nexport interface SidebarRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\nfunction Section({\n  title,\n  defaultCollapsed,\n  children,\n}: {\n  title: string;\n  defaultCollapsed: boolean;\n  children: ReactNode;\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  return (\n    <section className=\"lk-sidebar-section\">\n      <button\n        type=\"button\"\n        className=\"lk-sidebar-section__head\"\n        aria-expanded={!collapsed}\n        onClick={() => setCollapsed((c) => !c)}\n      >\n        {title}\n      </button>\n      {collapsed ? null : <div className=\"lk-sidebar-section__body\">{children}</div>}\n    </section>\n  );\n}\n\n/** Lays a trial's `sidebar` contributions out as titled, collapsible sections. */\nexport function SidebarRegion({ contributions, ctx }: SidebarRegionProps) {\n  if (contributions.length === 0) return null;\n  return (\n    <>\n      {contributions.map((c) => {\n        if (c.render) return <div key={c.id}>{c.render(ctx)}</div>;\n        if (c.region !== 'sidebar' || !c.item) return null;\n        return (\n          <Section\n            key={c.id}\n            title={c.item.title}\n            defaultCollapsed={c.item.defaultCollapsed ?? false}\n          >\n            {c.item.body}\n          </Section>\n        );\n      })}\n    </>\n  );\n}\n","import { StatusBar } from '../../primitives/StatusBar';\nimport type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<StatusRegion>`. */\nexport interface StatusRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\n/** Lays a trial's `status` contributions out as readouts. */\nexport function StatusRegion({ contributions, ctx }: StatusRegionProps) {\n  if (contributions.length === 0) return null;\n  return (\n    <StatusBar>\n      {contributions.map((c) => {\n        if (c.render)\n          return (\n            <StatusBar.Section key={c.id} end={c.end}>\n              {c.render(ctx)}\n            </StatusBar.Section>\n          );\n        if (c.region !== 'status' || !c.item) return null;\n        return (\n          <StatusBar.Section key={c.id} end={c.end}>\n            <span title={c.item.title}>{c.item.text}</span>\n          </StatusBar.Section>\n        );\n      })}\n    </StatusBar>\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<TitleBarRegion>`. */\nexport interface TitleBarRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\nfunction renderEntry(c: TrialContribution, ctx: TrialChromeContext): ReactNode {\n  if (c.render) return <span key={c.id}>{c.render(ctx)}</span>;\n  if (c.region !== 'titlebar' || !c.item) return null;\n  const { icon: Icon, label, shortcut, disabled, danger } = c.item;\n  return (\n    <button\n      key={c.id}\n      type=\"button\"\n      className={`lk-titlebar-button${danger ? ' lk-titlebar-button--danger' : ''}`}\n      disabled={disabled}\n      aria-label={label}\n      title={shortcut ? `${label} (${shortcut})` : label}\n      onClick={c.item.onActivate}\n      // The bar behind these buttons is the window drag surface, so a press\n      // that lands here must not also start a drag.\n      onPointerDown={(e) => e.stopPropagation()}\n      onMouseDown={(e) => e.stopPropagation()}\n    >\n      <Icon size={14} />\n    </button>\n  );\n}\n\n/** Lays a trial's `titlebar` contributions out, at the far end of the bar. */\nexport function TitleBarRegion({ contributions, ctx }: TitleBarRegionProps) {\n  if (contributions.length === 0) return null;\n  return (\n    <span className=\"lk-trial__titlebar-actions\">\n      {contributions.map((c) => renderEntry(c, ctx))}\n    </span>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Toolbar } from '../../primitives/Toolbar';\nimport type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<ToolbarRegion>`. */\nexport interface ToolbarRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\ninterface Group {\n  key: string;\n  end: boolean;\n  entries: TrialContribution[];\n}\n\n/** Bucket by group, preserving first-appearance order. Ungrouped\n *  contributions each become their own bucket so they stay in place. */\nfunction groupsOf(contributions: readonly TrialContribution[]): Group[] {\n  const groups: Group[] = [];\n  const byKey = new Map<string, Group>();\n  for (const c of contributions) {\n    if (c.group == null) {\n      groups.push({ key: c.id, end: c.end ?? false, entries: [c] });\n      continue;\n    }\n    let g = byKey.get(c.group);\n    if (!g) {\n      g = { key: c.group, end: c.end ?? false, entries: [] };\n      byKey.set(c.group, g);\n      groups.push(g);\n    }\n    g.entries.push(c);\n  }\n  return groups;\n}\n\nfunction renderEntry(c: TrialContribution, ctx: TrialChromeContext): ReactNode {\n  if (c.render) return <span key={c.id}>{c.render(ctx)}</span>;\n  if (c.region !== 'toolbar' || !c.item) return null;\n  const { icon: Icon, label, shortcut, disabled, danger, showLabel } = c.item;\n  return (\n    <Toolbar.Button\n      key={c.id}\n      iconOnly={!showLabel}\n      variant={danger ? 'danger' : 'default'}\n      disabled={disabled}\n      aria-label={label}\n      title={shortcut ? `${label} (${shortcut})` : label}\n      onClick={c.item.onActivate}\n    >\n      <Icon size={16} />\n      {showLabel ? <span>{label}</span> : null}\n    </Toolbar.Button>\n  );\n}\n\n/** Lays a trial's `toolbar` contributions out, grouped by their `group`. */\nexport function ToolbarRegion({ contributions, ctx }: ToolbarRegionProps) {\n  if (contributions.length === 0) return null;\n  const groups = groupsOf(contributions);\n  return (\n    <Toolbar aria-label=\"Trial actions\">\n      {groups.map((g) => (\n        <Toolbar.Group key={g.key} end={g.end} aria-label={g.key}>\n          {g.entries.map((c) => renderEntry(c, ctx))}\n        </Toolbar.Group>\n      ))}\n    </Toolbar>\n  );\n}\n","import type { TrialChromeContext, TrialContribution } from '../types';\n\n/** Props for `<ViewportRegion>`. */\nexport interface ViewportRegionProps {\n  contributions: readonly TrialContribution[];\n  ctx: TrialChromeContext;\n}\n\n/**\n * Controls acting on the view of a trial. Anchored inside the content well\n * rather than in the toolbar, which acts on the trial itself.\n */\nexport function ViewportRegion({ contributions, ctx }: ViewportRegionProps) {\n  if (contributions.length === 0) return null;\n  return (\n    <div className=\"lk-viewport-controls\" role=\"toolbar\" aria-label=\"View\">\n      {contributions.map((c) => {\n        if (c.render) return <span key={c.id}>{c.render(ctx)}</span>;\n        if (c.region !== 'viewport' || !c.item) return null;\n        const { icon: Icon, label, disabled } = c.item;\n        return (\n          <button\n            key={c.id}\n            type=\"button\"\n            className=\"lk-viewport-controls__button\"\n            aria-label={label}\n            title={label}\n            disabled={disabled}\n            onClick={c.item.onActivate}\n          >\n            <Icon size={16} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-574LJAV4.js → chunk-BDJXIBRZ.js}

@@ -1,23 +1,17 @@
+import { screenToWorld } from './chunk-T66HU3HX.js';
 import { CanvasStackContext } from './chunk-CPUJ3QXL.js';
+import { useVisibleRaf } from './chunk-QCICIHEO.js';
 import { useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/canvas/canvasCoords.ts
-function worldToScreen(world, view) {
-  return {
-    x: world.x * view.zoom + view.pan.x,
-    y: world.y * view.zoom + view.pan.y
-  };
-}
-function screenToWorld(screen, view) {
-  return {
-    x: (screen.x - view.pan.x) / view.zoom,
-    y: (screen.y - view.pan.y) / view.zoom
-  };
-}
-function useLayerScheduler({ layers, view, canvasRefs, size }) {
+function useLayerScheduler({
+  layers,
+  view,
+  canvasRefs,
+  size,
+  host
+}) {
   const dirty = useRef(/* @__PURE__ */ new Set());
-  const rafId = useRef(null);
   const lastRenderRef = useRef(/* @__PURE__ */ new Map());
   useEffect(() => {
     for (const layer of layers) {
@@ -32,9 +26,8 @@ function useLayerScheduler({ layers, view, canvasRefs, size }) {
   useEffect(() => {
     for (const layer of layers) dirty.current.add(layer.id);
   }, [view, size, layers]);
-  useEffect(() => {
-    const tick = () => {
-      rafId.current = null;
+  const frameLoop = useVisibleRaf(
+    () => {
       if (dirty.current.size === 0) return;
       const map = canvasRefs.current;
       if (!map) {
@@ -55,19 +48,17 @@ function useLayerScheduler({ layers, view, canvasRefs, size }) {
         ctx.restore();
       }
       dirty.current.clear();
-    };
-    if (dirty.current.size > 0 && rafId.current === null) {
-      rafId.current = requestAnimationFrame(tick);
-    }
-    return () => {
-      if (rafId.current !== null) {
-        cancelAnimationFrame(rafId.current);
-        rafId.current = null;
-      }
-    };
+    },
+    { target: host }
+  );
+  useEffect(() => {
+    if (dirty.current.size > 0) frameLoop.request();
   });
 }
 var DRAG_THRESHOLD = 3;
+function isPositiveFinite(n) {
+  return Number.isFinite(n) && n > 0;
+}
 function usePanZoom({
   view,
   onViewChange,
@@ -77,6 +68,7 @@ function usePanZoom({
   const dragRef = useRef(null);
   const viewRef = useRef(view);
   viewRef.current = view;
+  const initialZoomRef = useRef(isPositiveFinite(view.zoom) ? view.zoom : null);
   const onWheel = useCallback(
     (e) => {
       e.preventDefault();
@@ -84,9 +76,13 @@ function usePanZoom({
       const cursorX = e.clientX - rect.left;
       const cursorY = e.clientY - rect.top;
       const v = viewRef.current;
+      const initialZoom = initialZoomRef.current;
+      const effectiveMin = initialZoom == null ? minZoom : Math.min(minZoom, initialZoom);
+      const effectiveMax = initialZoom == null ? maxZoom : Math.max(maxZoom, initialZoom);
       const factor = Math.exp(-e.deltaY * 1e-3);
-      const nextZoom = Math.min(maxZoom, Math.max(minZoom, v.zoom * factor));
-      const ratio = nextZoom / v.zoom;
+      const rawZoom = isPositiveFinite(v.zoom) ? v.zoom : 1;
+      const nextZoom = Math.min(effectiveMax, Math.max(effectiveMin, rawZoom * factor));
+      const ratio = nextZoom / rawZoom;
       const nextPan = {
         x: cursorX - (cursorX - v.pan.x) * ratio,
         y: cursorY - (cursorY - v.pan.y) * ratio
@@ -136,6 +132,8 @@ function CanvasStack({
   layers,
   view,
   onViewChange,
+  minZoom,
+  maxZoom,
   width = "100%",
   height = "100%",
   className,
@@ -168,8 +166,8 @@ function CanvasStack({
     ro.observe(el);
     return () => ro.disconnect();
   }, []);
-  const handlers = usePanZoom({ view, onViewChange });
-  useLayerScheduler({ layers, view, canvasRefs: canvasMap, size });
+  const handlers = usePanZoom({ view, onViewChange, minZoom, maxZoom });
+  useLayerScheduler({ layers, view, canvasRefs: canvasMap, size, host: containerRef });
   const ctxValue = useMemo(() => ({ view }), [view]);
   const containerStyle = { width, height };
   const canvasPx = {
@@ -217,6 +215,6 @@ function CanvasStack({
   ) });
 }
 
-export { CanvasStack, screenToWorld, worldToScreen };
-//# sourceMappingURL=chunk-574LJAV4.js.map
-//# sourceMappingURL=chunk-574LJAV4.js.map
+export { CanvasStack };
+//# sourceMappingURL=chunk-BDJXIBRZ.js.map
+//# sourceMappingURL=chunk-BDJXIBRZ.js.map

package/dist/chunk-BDJXIBRZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/useLayerScheduler.ts","../src/canvas/usePanZoom.ts","../src/canvas/CanvasStack.tsx"],"names":["useRef","useEffect"],"mappings":"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","file":"chunk-BDJXIBRZ.js","sourcesContent":["import { useVisibleRaf } from '@weasel-js/core';\nimport { type RefObject, useEffect, useRef } from 'react';\nimport type { ViewTransform } from '../instrument/types';\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) => void;\n}\n\ninterface SchedulerOptions {\n  layers: CanvasLayerDescriptor[];\n  view: ViewTransform;\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  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, 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);\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 PointerEvent, useCallback, useRef, type WheelEvent } from 'react';\nimport type { ViewTransform } from '../instrument/types';\n\nexport interface UsePanZoomOptions {\n  view: ViewTransform;\n  onViewChange: (v: ViewTransform) => void;\n  /** The opening `view.zoom` always stays reachable, widening these past\n   *  whatever is passed here if it would otherwise exclude it. */\n  minZoom?: number;\n  maxZoom?: number;\n}\n\nexport interface PanZoomHandlers {\n  onWheel: (e: WheelEvent<HTMLElement>) => void;\n  onPointerDown: (e: PointerEvent<HTMLElement>) => void;\n  onPointerMove: (e: PointerEvent<HTMLElement>) => void;\n  onPointerUp: (e: PointerEvent<HTMLElement>) => void;\n  isDragging: () => boolean;\n}\n\ninterface DragState {\n  pointerId: number;\n  startScreenX: number;\n  startScreenY: number;\n  startPan: { x: number; y: number };\n  moved: boolean;\n}\n\nconst DRAG_THRESHOLD = 3;\n\nfunction isPositiveFinite(n: number): boolean {\n  return Number.isFinite(n) && n > 0;\n}\n\nexport function usePanZoom({\n  view,\n  onViewChange,\n  minZoom = 0.1,\n  maxZoom = 32,\n}: UsePanZoomOptions): PanZoomHandlers {\n  const dragRef = useRef<DragState | null>(null);\n  const viewRef = useRef(view);\n  viewRef.current = view;\n  // Captured once, from the view the canvas opened at — not the current view,\n  // which would let a prior zoom-out shrink the range and trap the opening\n  // view unreachable behind it.\n  const initialZoomRef = useRef(isPositiveFinite(view.zoom) ? view.zoom : null);\n\n  const onWheel = useCallback(\n    (e: WheelEvent<HTMLElement>) => {\n      e.preventDefault();\n      const rect = e.currentTarget.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const cursorY = e.clientY - rect.top;\n      const v = viewRef.current;\n      const initialZoom = initialZoomRef.current;\n      const effectiveMin = initialZoom == null ? minZoom : Math.min(minZoom, initialZoom);\n      const effectiveMax = initialZoom == null ? maxZoom : Math.max(maxZoom, initialZoom);\n      const factor = Math.exp(-e.deltaY * 0.001);\n      const rawZoom = isPositiveFinite(v.zoom) ? v.zoom : 1;\n      const nextZoom = Math.min(effectiveMax, Math.max(effectiveMin, rawZoom * factor));\n      const ratio = nextZoom / rawZoom;\n      const nextPan = {\n        x: cursorX - (cursorX - v.pan.x) * ratio,\n        y: cursorY - (cursorY - v.pan.y) * ratio,\n      };\n      onViewChange({ zoom: nextZoom, pan: nextPan });\n    },\n    [onViewChange, minZoom, maxZoom],\n  );\n\n  const onPointerDown = useCallback((e: PointerEvent<HTMLElement>) => {\n    if (e.button !== 0) return;\n    e.currentTarget.setPointerCapture(e.pointerId);\n    dragRef.current = {\n      pointerId: e.pointerId,\n      startScreenX: e.clientX,\n      startScreenY: e.clientY,\n      startPan: { ...viewRef.current.pan },\n      moved: false,\n    };\n  }, []);\n\n  const onPointerMove = useCallback(\n    (e: PointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || drag.pointerId !== e.pointerId) return;\n      const dx = e.clientX - drag.startScreenX;\n      const dy = e.clientY - drag.startScreenY;\n      if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;\n      drag.moved = true;\n      onViewChange({\n        zoom: viewRef.current.zoom,\n        pan: { x: drag.startPan.x + dx, y: drag.startPan.y + dy },\n      });\n    },\n    [onViewChange],\n  );\n\n  const onPointerUp = useCallback((e: PointerEvent<HTMLElement>) => {\n    const drag = dragRef.current;\n    if (!drag || drag.pointerId !== e.pointerId) return;\n    if (e.currentTarget.hasPointerCapture(e.pointerId)) {\n      e.currentTarget.releasePointerCapture(e.pointerId);\n    }\n    dragRef.current = null;\n  }, []);\n\n  const isDragging = useCallback(() => dragRef.current?.moved === true, []);\n\n  return { onWheel, onPointerDown, onPointerMove, onPointerUp, isDragging };\n}\n","import { type CSSProperties, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport type { Point, ViewTransform } from '../instrument/types';\nimport { CanvasStackContext } from './CanvasStackContext';\nimport { screenToWorld } from './canvasCoords';\nimport { type CanvasLayerDescriptor, useLayerScheduler } from './useLayerScheduler';\nimport { usePanZoom } from './usePanZoom';\n\n/** Props for `<CanvasStack>`. */\nexport interface CanvasStackProps {\n  layers: CanvasLayerDescriptor[];\n  view: ViewTransform;\n  onViewChange: (v: ViewTransform) => void;\n  minZoom?: number;\n  maxZoom?: number;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\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, device pixel ratio, and pan/zoom. */\nexport function CanvasStack({\n  layers,\n  view,\n  onViewChange,\n  minZoom,\n  maxZoom,\n  width = '100%',\n  height = '100%',\n  className,\n  onHitTest,\n  children,\n}: CanvasStackProps) {\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 handlers = usePanZoom({ view, onViewChange, minZoom, maxZoom });\n  useLayerScheduler({ layers, view, canvasRefs: canvasMap, size, host: containerRef });\n\n  const ctxValue = useMemo(() => ({ view }), [view]);\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  const handlePointerUp = (e: React.PointerEvent<HTMLDivElement>) => {\n    const wasDragging = handlers.isDragging();\n    handlers.onPointerUp(e);\n    if (!wasDragging && onHitTest && containerRef.current) {\n      const rect = containerRef.current.getBoundingClientRect();\n      const screen = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n      onHitTest(screenToWorld(screen, view));\n    }\n  };\n\n  return (\n    <CanvasStackContext.Provider value={ctxValue}>\n      <div\n        ref={containerRef}\n        className={className ? `lk-canvas-stack ${className}` : 'lk-canvas-stack'}\n        style={containerStyle}\n        onWheel={handlers.onWheel}\n        onPointerDown={handlers.onPointerDown}\n        onPointerMove={handlers.onPointerMove}\n        onPointerUp={handlePointerUp}\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        <div className=\"lk-canvas-stack__overlay\">{children}</div>\n      </div>\n    </CanvasStackContext.Provider>\n  );\n}\n"]}

package/dist/{chunk-SFL7NFKN.js → chunk-BMW4TDP5.js}

@@ -1,7 +1,7 @@
+import { n2 } from './chunk-RGT4EJIB.js';
 import { useState, useRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/layers/LayerList.tsx
 function LayerList({ layers, visibility, onReorder, onToggle, className }) {
   const reorderable = layers.filter((l) => !l.alwaysOn);
   const pinned = layers.filter((l) => l.alwaysOn);
@@ -12,14 +12,22 @@ function LayerList({ layers, visibility, onReorder, onToggle, className }) {
   }
   const startDrag = (e, index) => {
     e.currentTarget.setPointerCapture(e.pointerId);
-    dragRef.current = { pointerId: e.pointerId, fromIndex: index, startY: e.clientY };
+    const row = e.currentTarget.closest(".lk-layer-list__row");
+    const list = row?.parentElement;
+    const gap = list ? Number.parseFloat(getComputedStyle(list).rowGap) || 0 : 0;
+    const pitch = row ? row.getBoundingClientRect().height + gap : 0;
+    dragRef.current = {
+      pointerId: e.pointerId,
+      fromIndex: index,
+      startY: e.clientY,
+      pitch: pitch > 0 ? pitch : 1
+    };
     setDragIndex(index);
   };
   const moveDrag = (e) => {
     const drag = dragRef.current;
     if (!drag || drag.pointerId !== e.pointerId) return;
-    const rowHeight = 28;
-    const delta = Math.round((e.clientY - drag.startY) / rowHeight);
+    const delta = Math.round((e.clientY - drag.startY) / drag.pitch);
     const target = Math.min(reorderable.length - 1, Math.max(0, drag.fromIndex + delta));
     setDragIndex(target);
   };
@@ -55,7 +63,7 @@ function LayerList({ layers, visibility, onReorder, onToggle, className }) {
                 onPointerDown: (e) => startDrag(e, i),
                 onPointerMove: moveDrag,
                 onPointerUp: endDrag,
-                children: "\u22EE\u22EE"
+                children: /* @__PURE__ */ jsx(n2, { size: 13 })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -82,5 +90,5 @@ function LayerList({ layers, visibility, onReorder, onToggle, className }) {
 }
 
 export { LayerList };
-//# sourceMappingURL=chunk-SFL7NFKN.js.map
-//# sourceMappingURL=chunk-SFL7NFKN.js.map
+//# sourceMappingURL=chunk-BMW4TDP5.js.map
+//# sourceMappingURL=chunk-BMW4TDP5.js.map