three-slicer 0.2.4 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,99 @@
 # Changelog
 
+## 0.3.0 — 2026-09-08
+
+The viewer is its own package. Everything that displays — model loading, G-code parsing, the GPU toolpath
+renderer, the settings transforms, `<Viewport/>` and `<SettingsPanel/>` — now ships as
+[`three-slicer-viewer`](https://www.npmjs.com/package/three-slicer-viewer) under **MIT**, so it can go into
+closed-source products. `three-slicer` stays AGPL and keeps every entry point it had: `three-slicer/viewer` and
+`three-slicer/components` are now thin wrappers that plug the WASM kernel and the vendor catalog into the
+permissive package. Which files could carry which license, and why, is `packages/PROVENANCE.md`; the plan the
+split followed is `packages/RELICENSE.md`.
+
+### Added
+
+- `three-slicer-viewer` (MIT): `<Viewport/>` with `slicer` and `catalog` props (defaults: a no-op slicer and an
+  empty catalog), `useSlicer({ makeWorker })` — the slicing hook with the kernel injected —, `/toolpath`,
+  `/gcode`, `/loaders`, `/settings`, `/data`, `/toggle`, `/components`, and the `.d.ts` for each.
+- `makeSlicerWorker` in `three-slicer/client` and `bundledCatalog` in `three-slicer/settings`: the two things
+  that cannot be permissive, exported from where they live so a host can compose the viewer with the kernel
+  by hand (`web/viewer/src/Prepare.jsx` does).
+- `three-slicer-viewer/toggle`: `makeToggle(rules, schema)` — the field enable/disable evaluator, unbound;
+  `three-slicer/toggle` is the same bound to upstream's rules.
+- The `/slice` page opens and drops a `.gcode` file, parsed by the permissive parser.
+- Third-party notices for both packages (`THIRD-PARTY-NOTICES.md`).
+
+### Changed
+
+- The toolpath renderer is a rewrite from `TOOLPATH_SPEC.md`, not a port. Two behaviours changed with it:
+  `rangeColorAt` no longer extrapolates below the range's low end, and the `ColorContext` type matches what
+  the renderer actually reads (a `NaN` in the context is coerced instead of propagating).
+- `<SettingsPanel/>` takes `schema`, `uiTree` and `toggle` as props. Without them it labels every field by its
+  key and disables nothing — the upstream labels and tooltips are AGPL prose and stay in `three-slicer/data`.
+- The two packages publish as a **locked pair**: same version, and `three-slicer` pins `three-slicer-viewer`
+  exactly (`test_version_lockstep.mjs`). A release goes through the root `Makefile` (`make publish`), which
+  publishes the viewer first — the pin means `three-slicer@0.3.0` cannot be installed before it exists.
+- `packages-mit/` is mirrored to `github.com/kimgh06/three-slicer-viewer` (a `git subtree split`); the monorepo
+  stays the source of truth.
+
+### Fixed
+
+- A `three-slicer/settings` import that survived the split inside the slicing hook, which only tree-shaking
+  kept out of the MIT bundle. The license boundary test now scans raw specifiers in `.js/.jsx/.mjs/.d.ts/.css/
+  .json` (it used to strip string literals first — and an import path is one) and the built `dist/` too.
+
+## 0.2.5 — 2026-09-06
+
+The per-plate release. A plate is a printer now, not just a position.
+
+### Added
+
+- Per-plate settings: `plateSettings` (`{[plateIndex]: sparse map}`) beside `settings` — one plate, one printer,
+  one bed, one technology. A plate override is additive over the global map; with no override the global map
+  is used by identity, which is what keeps the pre-feature output byte-identical. A bed override resizes that
+  plate's grid cell (`plateLayoutHetero`), and a `printer_technology` override routes that plate to SLA beside
+  FFF neighbours. What a 3mf cannot represent is refused typed at export: `UNSUPPORTED_MIXED_TECH_3MF`,
+  `UNSUPPORTED_MIXED_BED_3MF`.
+- `plateContext(settings, plateSettings, plate, dims)`: the one derivation of what a plate prints with —
+  effective map, technology, derived params, enforced frame. Everything that used to read the global `kp`
+  reads this.
+- Slice every plate through a worker pool the viewer orchestrates (`slice_pool.js`): the selected plate first
+  on the selector worker, the rest on K pool workers; a pool worker that dies re-queues its plate to run alone
+  after the pool drains. K is capped by the largest plate's STL size — measured, not designed (README tables).
+- Every resin plate keeps a preview in the scene, not only the focused one.
+- SL1 masks are rasterized in-house (`raster_mask.js`, gray8 PNG) with an opt-in GPU anti-aliasing path
+  (`sla_antialias: 1|2|4`) and a slice-by-rendering parity path when the merged STL is still at hand.
+- The SLA kernel reports progress from inside its contour phase, so an SLA plate no longer looks idle beside
+  FFF plates.
+- The settings panel marks a plate's overridden keys.
+
+### Fixed
+
+- A plate-scope profile pick is written whole and describes its own machine — a diff left keys shared with the
+  global printer off the override, and the next global printer change moved them.
+- A model load drops only the plate it lands on, not every plate's cached result.
+
+## 0.2.4 — 2026-09-03
+
+The painting release: the brush behaves like upstream's.
+
+### Added
+
+- The brush draws itself (a ring for the circle cursor, a translucent ball for the sphere), and a stroke is a
+  capsule between samples rather than a row of spheres — a fast drag no longer leaves gaps.
+- The brush's own tools and modifiers: fill, the section plane, the overhang limit, `Ctrl`+wheel for the
+  radius, `Alt`+wheel for the plane, `Shift`+drag to erase — upstream's bindings. The bare wheel is the camera
+  zoom again.
+- Four kernel-side brush behaviours the bridge never exposed (`selector_paint_stroke`, the fill preview, the
+  clip plane, the overhang gate), each feature-detected so an older kernel keeps working.
+
+### Fixed
+
+- The paint overlay no longer draws through the model.
+- The filament colour and the filament selection are one thing: `extruderColors` and the `filament_colour`
+  settings key are written together (`actions/filament_colors.js`), so a project saved after recolouring comes
+  back in the new colours.
+
 ## 0.2.3 — 2026-08-29
 
 A developer-experience release: everything here comes from a log of what integrating the package actually

package/README.md

@@ -8,6 +8,11 @@ The package is published as a single npm package, `three-slicer`, with subpath e
 
 ## Links
 
+- Permissive viewer: [`three-slicer-viewer`](https://www.npmjs.com/package/three-slicer-viewer) (MIT) — the
+  viewer, the settings form, G-code parsing and toolpath rendering without the slicer. This package plugs the
+  kernel and OrcaSlicer's vendor presets into it; `three-slicer/viewer` and `three-slicer/components` are that
+  composition. Which code carries which licence, and why: [`PROVENANCE.md`](PROVENANCE.md).
+
 - Package: [npmjs.com/package/three-slicer](https://www.npmjs.com/package/three-slicer)
 - Source: [kimgh06/Web_Three_Slicer](https://github.com/kimgh06/Web_Three_Slicer)
 - Demo: [slicer.kimgh06.com](https://slicer.kimgh06.com/)
@@ -20,7 +25,7 @@ reading whole; everything else is lookup.
 | Your case | Path | Copy this | Then read |
 | --- | --- | --- | --- |
 | "Just the numbers" — quotes, farms, automation. No UI, no React | **Headless** | [Quick Start: Headless Slicing](#quick-start-headless-slicing) | [engine/README](engine/README.md) (134 lines), params via [PARAMS.md](engine/PARAMS.md) as lookup |
-| A slicer inside your existing page | **Embed** | [Quick Start: React Viewer](#quick-start-react-viewer) | [viewer/README](viewer/README.md) (330 lines — the props contracts live there) |
+| A slicer inside your existing page | **Embed** | [Quick Start: React Viewer](#quick-start-react-viewer) | [viewer/README](../packages-mit/VIEWER.md) (330 lines — the props contracts live there) |
 | The full slicer UI — viewport + settings panel | **Full UI** | [Full React Example](#full-react-example) | viewer/README + [components/README](components/README.md) |
 
 Whichever path: read [Before You Ship](#before-you-ship) before deploying — those traps return plausible
@@ -167,7 +172,7 @@ export default function App() {
 `position: relative` and a real height. In a plain static `<div>` it escapes to the page instead. There is no width
 or height prop.
 
-The viewer handles model loading, drag and drop, transform controls, multi-plate layout, worker slicing, GPU toolpath preview, and G-code export. Its keyboard and mouse bindings, the undo boundary, and what a host cannot drive are documented in [viewer/README.md](viewer/README.md). It supports STL, OBJ, 3MF (including the production extension used by Orca/Bambu/Prusa), AMF, and PLY out of the box; other formats such as STEP can be added with `registerLoader()`. A `.3mf` written by a slicer is treated as a project, not just geometry: its plate layout, project settings, and support/material painting are restored on import (where a facet carries both paint kinds, material paint wins and the dropped support paint is reported). Viewer and component styles are bundled into their Shadow DOM roots, so host app CSS does not need to import package CSS.
+The viewer handles model loading, drag and drop, transform controls, multi-plate layout, worker slicing, GPU toolpath preview, and G-code export. Its keyboard and mouse bindings, the undo boundary, and what a host cannot drive are documented in [../packages-mit/VIEWER.md](../packages-mit/VIEWER.md). It supports STL, OBJ, 3MF (including the production extension used by Orca/Bambu/Prusa), AMF, and PLY out of the box; other formats such as STEP can be added with `registerLoader()`. A `.3mf` written by a slicer is treated as a project, not just geometry: its plate layout, project settings, and support/material painting are restored on import (where a facet carries both paint kinds, material paint wins and the dropped support paint is reported). Viewer and component styles are bundled into their Shadow DOM roots, so host app CSS does not need to import package CSS.
 
 ## Quick Start: Settings Panel
 
@@ -272,7 +277,7 @@ Some of the connections are not imports, and knowing which is which explains mos
 | --- | --- | --- |
 | `wasm-core` → `engine` | `build.sh` (emscripten) commits its output into `engine/src/` | not an import — the golden byte-identical gate and the invariant suite verify kernel changes against the engine's output |
 | `data` → `engine`/`components`/`viewer` | `/data` subpath imports | the source of truth is `extract_all.py` over the upstream checkout |
-| `types` → `engine` | the generator **executes** `deriveKernelParams` (probing) and writes `engine/PARAMS.md` + `engine/src/kernel_setting_keys.js` back into the engine | `test_kernel_params.mjs` is the staleness gate |
+| `types` → `engine` | the generator **executes** `deriveKernelParams` (probing) and writes `engine/PARAMS.md` + `../packages-mit/src/settings/kernel_setting_keys.js` back into the engine | `test_kernel_params.mjs` is the staleness gate |
 | `types` → `data` | `gen_settings_types.mjs` generates `settings-keys.d.ts` (976 keys) from the schema | run automatically by the build |
 | `viewer` ↔ `components` | **no direct link** | the host shares one settings map with both as props, and mounts `<SettingsPanel embedded/>` into the viewer's panel slots |
 | inside `viewer` | `core` (pure, node-runnable) ← `scene` (three/DOM) ← `actions` ← `ui` | `test_layers.mjs` enforces the boundary |
@@ -387,7 +392,7 @@ options as arrays of strings — the same shape [3MF Projects](#3mf-projects) us
 through the same serializer.
 
 The viewer adds the zip forms and a UI: the printer card's **Load** and **Save** read and write these files, and a
-save routes through [`onExport`](viewer/README.md#taking-the-saves) like every other download.
+save routes through [`onExport`](../packages-mit/VIEWER.md#taking-the-saves) like every other download.
 
 ## Settings UI: Enable/Disable Rules
 

package/THIRD-PARTY-NOTICES.md

@@ -1,7 +1,7 @@
 # Third-party notices
 
 `three-slicer` is licensed AGPL-3.0-or-later (see `LICENSE.txt`). The distributed artifacts — the WASM
-kernels embedded in `engine/src/slicer_core.js` / `slicer_core.mt.js` and the bundled viewer/components —
+kernels embedded in `engine/src/slicer_core.js` / `slicer_core.mt.js` —
 contain compiled or bundled code from the following projects. Full license texts ship in the source
 repository at the paths given (the package's `repository` field points there); the kernel's vendored copies
 live under `packages/wasm-core/third_party/deps_src/`.
@@ -23,7 +23,12 @@ live under `packages/wasm-core/third_party/deps_src/`.
 | SGI glu-libtess (the GLU tessellator) | SGI Free Software License B 2.0 | `deps_src/glu-libtess/` (header of each source file) |
 | Emscripten runtime (the generated JS glue around the kernels) | MIT | emscripten.org |
 
-## Bundled into the viewer/components builds
+## The viewer and the settings panel
+
+Since the split, `three-slicer/viewer` and `three-slicer/components` are re-exports of `three-slicer-viewer` (MIT), a
+separate package with its own `THIRD-PARTY-NOTICES.md`. This package bundles no viewer code of its own.
+
+## Bundled into the viewer/components builds (historical — see above)
 
 | Component | License | Note |
 | --- | --- | --- |

package/components/dist/SettingsPanel.js

@@ -1,179 +1,15 @@
-import e, { useRef as L, useState as w, useLayoutEffect as P, useEffect as J, useMemo as F } from "react";
-import { createPortal as B } from "react-dom";
-import { uiTree as _, schema as S } from "three-slicer/data";
-import { printerTechnology as I, settingRaw as T } from "three-slicer/settings";
-import { disabledKeys as $, makeCfg as U } from "three-slicer/toggle";
-function W({ css: t, className: s, children: n }) {
-  const i = L(null), [c] = w(() => {
-    const r = document.createElement("div");
-    return r.style.display = "contents", r;
-  });
-  return P(() => {
-    const r = i.current, o = r.shadowRoot || r.attachShadow({ mode: "open" });
-    let p = o.querySelector("style[data-ts-css]");
-    p || (p = document.createElement("style"), p.setAttribute("data-ts-css", ""), o.append(p)), p.textContent = t, o.contains(c) || o.append(c);
-  }, [t, c]), /* @__PURE__ */ e.createElement("div", { ref: i, className: s }, B(n, c));
-}
-const q = ':host{display:contents}*{box-sizing:border-box}.row{display:grid;grid-template-columns:260px 220px 70px 1fr;gap:8px;align-items:center;padding:3px 0;border-bottom:1px dashed #f0f0f0}.row .lbl{color:#222;text-decoration:none}.row .lbl:hover{color:#0a7d4f;text-decoration:underline}.row .key{font-size:11px;color:#999;overflow:hidden;text-overflow:ellipsis}.row input[type=text],.row input:not([type]),.row select,.row textarea{width:100%;max-width:260px;padding:2px 6px}.inputwrap{display:inline-flex;align-items:center;gap:4px}.unit{color:#888;font-size:12px;white-space:nowrap}.pts{font-size:11px;color:#666}.badge{font-size:10px;padding:1px 6px;border-radius:8px;color:#fff;text-align:center}.mode-simple{background:#2e9e5b}.mode-advanced{background:#3673c3}.mode-expert{background:#d9822b}.mode-develop{background:#c0392b}.mode-none,.mode-undefined{background:#aaa}.muted{color:#999;font-weight:400;font-size:12px}.row.custom{grid-template-columns:1fr}.row.disabled{opacity:.42}.row.disabled input,.row.disabled select,.row.disabled textarea{cursor:not-allowed;background:#f2f2f2}.lbl-cell{display:inline-flex;align-items:center;gap:5px;min-width:0}.lbl-cell .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#e8873a;box-shadow:0 0 0 2px #fff3e6}.widget-cell{display:inline-flex;align-items:center;gap:6px;min-width:0}.reset-btn{flex:0 0 auto;border:1px solid #d8b48a;background:#fbf1e4;color:#b5701f;border-radius:5px;cursor:pointer;font-size:13px;line-height:1;padding:1px 5px}.reset-btn:hover{background:#f3e2cb}.settings-panel{flex:0 0 400px;width:400px;border-left:1px solid #e2e2e2;display:flex;flex-direction:column;min-height:0;background:#fff;color:#222;font:14px/1.5 -apple-system,Segoe UI,sans-serif}.settings-panel .sp-top{padding:10px 12px 8px;border-bottom:1px solid #eee}.sp-builder{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.sp-builder select{flex:1;padding:4px 6px}.sp-pages{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sp-pages button{border:1px solid #e0e0e0;background:#fafafa;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.sp-pages button.on{background:#e6f5ee;color:#0a7d4f;border-color:#b7e2cd;font-weight:700}.sp-modes{display:flex;gap:4px;margin-top:8px}.sp-modes button{border:0;background:none;font-size:11px;color:#888;padding:2px 6px;border-radius:6px;cursor:pointer}.sp-modes button.on{background:#eef2f0;color:#0a7d4f;font-weight:700}.settings-panel .sp-body{flex:1 1 auto;overflow-y:auto;padding:8px 14px 24px}.settings-panel .sp-body h2{font-size:16px}.settings-panel .row{grid-template-columns:1fr auto;grid-template-areas:"lbl badge" "key widget";row-gap:2px;padding:6px 0}.settings-panel .row .lbl{grid-area:lbl;font-weight:600}.settings-panel .row .badge{grid-area:badge;justify-self:end}.settings-panel .row .key{grid-area:key}.settings-panel .row .inputwrap,.settings-panel .row>select,.settings-panel .row>input,.settings-panel .row>textarea,.settings-panel .row>.pts,.settings-panel .row>.muted{grid-area:widget;justify-self:end}.settings-panel .row input:not([type=checkbox]):not([type=color]),.settings-panel .row select,.settings-panel .row textarea{max-width:200px}.settings-panel .row.custom{grid-template-columns:1fr;grid-template-areas:"lbl"}.sp-search{width:100%;box-sizing:border-box;padding:6px 9px;border:1px solid #d6d6d6;border-radius:6px;font-size:13px;margin-bottom:8px}:host(.sp-embedded) .settings-panel{position:static;width:auto;flex:none;border:0;height:auto}:host(.sp-embedded) .sp-body{padding:4px 2px 8px;max-height:460px}.bse{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:220px}.bse-modes{display:flex;gap:4px}.bse-modes button{border:1px solid #e0e0e0;background:#fafafa;border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer}.bse-modes button.on{background:#e6f5ee;color:#0a7d4f;border-color:#b7e2cd;font-weight:700}.bse-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.bse-grid label{display:flex;align-items:center;gap:4px;font-size:11px;color:#666;white-space:nowrap}.bse-grid input{width:56px;padding:2px 4px;font-size:12px}.bse-json{width:100%;font:11px ui-monospace,monospace;padding:4px 6px;border:1px solid #d6d6d6;border-radius:6px;box-sizing:border-box}.bse-json.err{border-color:#d0435a;background:#fdf3f4}', O = (t, s, n, i) => [[n, i], [t + n, i], [t + n, s + i], [n, s + i]], G = (t) => {
-  const s = t / 2, n = 32;
-  return Array.from({ length: n }, (i, c) => {
-    const r = 2 * Math.PI * c / n;
-    return [+(s + s * Math.cos(r)).toFixed(2), +(s + s * Math.sin(r)).toFixed(2)];
-  });
-}, R = (t) => {
-  const s = t.map((i) => i[0]), n = t.map((i) => i[1]);
-  return { x0: Math.min(...s), y0: Math.min(...n), w: Math.max(...s) - Math.min(...s), d: Math.max(...n) - Math.min(...n) };
-};
-function H({ value: t, onChange: s, disabled: n }) {
-  const i = Array.isArray(t) && t.length >= 3 ? t : O(200, 200, 0, 0), c = R(i), [r, o] = w(i.length === 4 ? "rect" : i.length >= 12 ? "circle" : "custom"), [p, b] = w({ w: c.w, d: c.d, ox: c.x0, oy: c.y0 }), [E, g] = w(Math.round(c.w)), [d, x] = w(JSON.stringify(i)), [y, k] = w(!1);
-  J(() => {
-    const a = R(i);
-    b({ w: a.w, d: a.d, ox: a.x0, oy: a.y0 }), g(Math.round(a.w)), x(JSON.stringify(i)), k(!1);
-  }, [JSON.stringify(t)]);
-  const v = (a) => {
-    b(a);
-    const { w: u, d: m, ox: N, oy: z } = a;
-    u > 0 && m > 0 && s(O(u, m, N, z));
-  }, M = (a) => {
-    g(a), a > 0 && s(G(a));
-  }, A = (a) => {
-    x(a);
-    try {
-      const u = JSON.parse(a);
-      if (!Array.isArray(u) || u.length < 3 || !u.every((m) => Array.isArray(m) && m.length === 2 && m.every(Number.isFinite))) throw 0;
-      k(!1), s(u);
-    } catch {
-      k(!0);
-    }
-  }, h = (a) => {
-    const u = parseFloat(a);
-    return Number.isFinite(u) ? u : 0;
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: "bse", "data-testid": "bed-shape-editor" }, /* @__PURE__ */ e.createElement("div", { className: "bse-modes" }, [["rect", "Rectangular"], ["circle", "Circular"], ["custom", "Custom"]].map(([a, u]) => /* @__PURE__ */ e.createElement("button", { key: a, type: "button", className: r === a ? "on" : "", disabled: n, onClick: () => o(a) }, u))), r === "rect" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Width ", /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: p.w,
-      disabled: n,
-      "data-testid": "bed-w",
-      onChange: (a) => v({ ...p, w: h(a.target.value) })
-    }
-  ), " mm"), /* @__PURE__ */ e.createElement("label", null, "Depth ", /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: p.d,
-      disabled: n,
-      "data-testid": "bed-d",
-      onChange: (a) => v({ ...p, d: h(a.target.value) })
-    }
-  ), " mm"), /* @__PURE__ */ e.createElement("label", null, "Origin X ", /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "number",
-      value: p.ox,
-      disabled: n,
-      onChange: (a) => v({ ...p, ox: h(a.target.value) })
-    }
-  )), /* @__PURE__ */ e.createElement("label", null, "Origin Y ", /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "number",
-      value: p.oy,
-      disabled: n,
-      onChange: (a) => v({ ...p, oy: h(a.target.value) })
-    }
-  ))), r === "circle" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Diameter ", /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: E,
-      disabled: n,
-      "data-testid": "bed-dia",
-      onChange: (a) => M(h(a.target.value))
-    }
-  ), " mm")), r === "custom" && /* @__PURE__ */ e.createElement(
-    "textarea",
-    {
-      className: "bse-json" + (y ? " err" : ""),
-      rows: 3,
-      value: d,
-      disabled: n,
-      "data-testid": "bed-json",
-      onChange: (a) => A(a.target.value),
-      placeholder: "[[0,0],[200,0],[200,200],[0,200]]"
-    }
-  ));
-}
-const Q = {
-  printable_area: H
-}, D = Object.keys(_).filter((t) => _[t].length > 0), X = ["all", "simple", "advanced", "expert", "develop"], Y = (t) => t.replace("::build", "").replace("Tab", "").replace("_sla", " (SLA)"), V = (t) => /SLA|build_sla\b/.test(t) ? "SLA" : "FFF";
-function Z(t, s) {
-  var c;
-  if (!t || !(s in t)) return !1;
-  const n = (c = S[s]) == null ? void 0 : c.default, i = Array.isArray(n) ? n[0] : n;
-  return String(t[s]) !== String(i ?? "");
-}
-function K(t, s) {
-  var i;
-  if (s === "all" || t.startsWith("<")) return !0;
-  const n = (i = S[t]) == null ? void 0 : i.mode;
-  return s === "simple" ? n === "simple" : s === "advanced" ? n === "simple" || n === "advanced" : !0;
-}
-function ee(t) {
-  return t ? t.gui_type === "color" ? "color" : t.enum_values ? "select" : t.type === "coBool" || t.type === "coBools" ? "checkbox" : t.multiline || t.is_code ? "textarea" : t.type === "coPoints" || t.type === "coPoint" ? "points" : "input" : "unknown";
-}
-function te({ mode: t }) {
-  return /* @__PURE__ */ e.createElement("span", { className: `badge mode-${t ?? "none"}` }, t ?? "—");
-}
-function ae({ def: t, optKey: s, settings: n, setSettings: i, disabled: c, customWidgets: r }) {
-  const o = T(n, s), p = (d) => i((x) => ({ ...x, [s]: d })), b = (r == null ? void 0 : r[s]) ?? Q[s];
-  if (b) return /* @__PURE__ */ e.createElement(b, { def: t, value: o, onChange: p, disabled: c });
-  const E = ee(t), g = Array.isArray(o) ? o[0] : o;
-  switch (E) {
-    case "select":
-      return /* @__PURE__ */ e.createElement("select", { value: g ?? "", onChange: (d) => p(d.target.value), disabled: c }, t.enum_values.map((d, x) => {
-        var y;
-        return /* @__PURE__ */ e.createElement("option", { key: d, value: d }, ((y = t.enum_labels) == null ? void 0 : y[x]) ?? d);
-      }));
-    case "checkbox":
-      return /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: Array.isArray(o) ? !!o[0] : !!o, onChange: (d) => p(d.target.checked), disabled: c });
-    case "color":
-      return /* @__PURE__ */ e.createElement("input", { type: "color", value: typeof g == "string" && g.startsWith("#") ? g : "#00ae42", onChange: (d) => p(d.target.value), disabled: c });
-    case "textarea":
-      return /* @__PURE__ */ e.createElement("textarea", { rows: 2, value: Array.isArray(o) ? o.join(`
-`) : o ?? "", onChange: (d) => p(d.target.value), disabled: c });
-    case "points":
-      return /* @__PURE__ */ e.createElement("code", { className: "pts" }, JSON.stringify(o ?? []));
-    case "unknown":
-      return /* @__PURE__ */ e.createElement("span", { className: "muted" }, "No schema");
-    default:
-      return /* @__PURE__ */ e.createElement("span", { className: "inputwrap" }, /* @__PURE__ */ e.createElement("input", { value: g ?? "", onChange: (d) => p(d.target.value), disabled: c }), t.sidetext && /* @__PURE__ */ e.createElement("span", { className: "unit" }, t.sidetext));
-  }
-}
-function ne({ optKey: t, settings: s, setSettings: n, disabled: i, onOptionOpen: c, customWidgets: r }) {
-  if (t.startsWith("<")) return /* @__PURE__ */ e.createElement("div", { className: "row custom" }, /* @__PURE__ */ e.createElement("span", { className: "muted" }, "⚙ Custom widget ", t));
-  const o = S[t], p = i ? i[t] : void 0, b = p != null, E = Z(s, t), g = () => n((x) => {
-    const y = { ...x };
-    return delete y[t], y;
-  }), d = (o == null ? void 0 : o.label) || (o == null ? void 0 : o.full_label) || t;
-  return /* @__PURE__ */ e.createElement("div", { className: "row" + (b ? " disabled" : ""), title: b ? `Disabled when: ${p}` : (o == null ? void 0 : o.tooltip) ?? "", "data-testid": `row-${t}` }, /* @__PURE__ */ e.createElement("span", { className: "lbl-cell" }, E && /* @__PURE__ */ e.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${t}` }), c ? /* @__PURE__ */ e.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => c(t), title: "Details" }, d) : /* @__PURE__ */ e.createElement("span", { className: "lbl" }, d)), /* @__PURE__ */ e.createElement("code", { className: "key" }, t), /* @__PURE__ */ e.createElement(te, { mode: o == null ? void 0 : o.mode }), /* @__PURE__ */ e.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ e.createElement(ae, { def: o, optKey: t, settings: s, setSettings: n, disabled: b, customWidgets: r }), E && /* @__PURE__ */ e.createElement("button", { className: "reset-btn", onClick: g, title: "Reset to default", "data-testid": `reset-${t}` }, "↺")));
-}
-function ce({ settings: t, setSettings: s, onOptionOpen: n, embedded: i = !1, customWidgets: c, only: r }) {
-  const [o, p] = w((r == null ? void 0 : r.builder) ?? D[0] ?? ""), [b, E] = w(0), [g, d] = w("all"), [x, y] = w(""), k = I(t), v = D.filter((l) => V(l) === k), M = (r == null ? void 0 : r.builder) ?? (v.includes(o) ? o : v[0] ?? ""), A = _[(r == null ? void 0 : r.builder) ?? M] ?? [], h = r != null && r.page ? A.filter((l) => l.page === r.page) : A, a = h[Math.min(b, h.length - 1)], u = F(() => $(U(t)), [t]), m = x.trim().toLowerCase(), N = F(() => m ? Object.entries(S).filter(([l, f]) => {
-    var C, j;
-    return l.includes(m) || ((C = f.label) == null ? void 0 : C.toLowerCase().includes(m)) || ((j = f.full_label) == null ? void 0 : j.toLowerCase().includes(m));
-  }).slice(0, 60).map(([l]) => l) : [], [m]), z = (l, f) => /* @__PURE__ */ e.createElement(ne, { key: l + f, optKey: l, settings: t, setSettings: s, disabled: u, onOptionOpen: n, customWidgets: c });
-  return /* @__PURE__ */ e.createElement(W, { css: q, className: i ? "sp-embedded" : void 0 }, /* @__PURE__ */ e.createElement("div", { className: "settings-panel" }, !r && /* @__PURE__ */ e.createElement("div", { className: "sp-top" }, /* @__PURE__ */ e.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(S).length})…`, value: x, onChange: (l) => y(l.target.value), "data-testid": "opt-search" }), !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("label", { className: "sp-builder" }, /* @__PURE__ */ e.createElement("span", null, "Settings group"), /* @__PURE__ */ e.createElement("select", { value: M, onChange: (l) => {
-    p(l.target.value), E(0);
-  } }, v.map((l) => /* @__PURE__ */ e.createElement("option", { key: l, value: l }, Y(l))))), /* @__PURE__ */ e.createElement("div", { className: "sp-pages" }, h.map((l, f) => /* @__PURE__ */ e.createElement("button", { key: l.page + f, className: f === Math.min(b, h.length - 1) ? "on" : "", onClick: () => E(f) }, l.page))), /* @__PURE__ */ e.createElement("div", { className: "sp-modes" }, X.map((l) => /* @__PURE__ */ e.createElement("button", { key: l, className: g === l ? "on" : "", onClick: () => d(l) }, l))))), /* @__PURE__ */ e.createElement("div", { className: "sp-body" }, m ? /* @__PURE__ */ e.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ e.createElement("h3", null, "Search: “", x, "” — ", N.length, " hit", N.length === 1 ? "" : "s", N.length === 60 ? "+" : ""), N.map(z), !N.length && /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No matches")) : a ? /* @__PURE__ */ e.createElement(e.Fragment, null, !r && /* @__PURE__ */ e.createElement("h2", null, a.page, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "Tab.cpp:", a.line)), a.groups.map((l) => {
-    const f = l.options.filter((C) => K(C, g) && !(r && C.startsWith("<")));
-    return f.length ? /* @__PURE__ */ e.createElement("section", { key: l.group + l.line }, /* @__PURE__ */ e.createElement("h3", null, l.group || "(untitled group)", " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, ":", l.line)), f.map(z)) : null;
-  })) : /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No builder"))));
+import r from "react";
+import t from "three-slicer-viewer/components";
+import { uiTree as o, schema as m } from "three-slicer/data";
+import { schema as d, uiTree as h } from "three-slicer/data";
+import { disabledKeys as a, makeCfg as i } from "three-slicer/toggle";
+const f = { makeCfg: i, disabledKeys: a };
+function l(e) {
+  return /* @__PURE__ */ r.createElement(t, { schema: m, uiTree: o, toggle: f, ...e });
 }
 export {
-  ce as default
+  l as default,
+  d as schema,
+  f as toggle,
+  h as uiTree
 };