three-slicer 0.2.5 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,139 @@
 # Changelog
 
+## 0.3.1 — 2026-09-16
+
+### Added
+
+- `three-slicer-viewer/settings` (and so `three-slicer/settings`) exports the kernel derivation's own fallbacks:
+  `FFF_FALLBACKS`, `SLA_FALLBACKS`, `AUTO_LINE_WIDTH`, `BED_FALLBACK`, `MACHINE_LIMITS`. Frozen; they are the values
+  `deriveKernelParams` / `deriveSlaParams` use when neither the settings map nor the schema gives one, and they are
+  deliberately not the schema defaults.
+- Theming: both shadow roots take their colours from 43 custom properties (`--vp-accent`, `--vp-dark-surface`,
+  `--vp-light-text`, …) a host can set on any ancestor. `VIEWER.md` ("Theming") lists them with their defaults.
+
+### Changed
+
+- `deriveKernelParams` with an empty or malformed `printable_area` now derives a 200 x 200 bed (the schema's own
+  default), not 256 x 256. Every viewer fallback already assumed 200; a well-formed value is unaffected.
+- `buildSegmentData(layers)` without a default line width falls back to 0.42 (the kernel's auto width), not 0.4.
+  Callers that pass one, as the viewer does, are unaffected.
+- One grey for "no colour to read": a blank filament slot, a stats swatch past the palette, an unparseable hex in
+  the toolpath palette and an unpainted facet (`UNPAINTED_COLOR`) are all `#888888` (were four different greys).
+- The toolpath legend (speed / fan / temperature views) falls back to the schema default for a value the settings
+  map holds but cannot parse, instead of literals that disagreed with it (support speed 35 vs 80, nozzle 210 vs 200).
+- The stylesheets carried 152 literal colours, many of them near-identical shades of one role; each group now uses
+  its most common member, so a few shades move slightly. Visible: the "advanced" badge is the info blue
+  (`#2b6cff`, was `#3673c3`), the "simple" badge the accent green, and the prime-tower card's number inputs are
+  light like every other sidebar input (they were styled for the dark viewport).
+- Vendor process presets now carry `support_type`, so applying one sets the support type it was authored with.
+
+### Fixed
+
+- Importing a project that places objects on more than one plate failed with "dropPlateResult is not defined"
+  and left every object on the selected plate (since 0.2.5). `test_3mf_project.mjs` now loads a two-plate project
+  through the model loader.
+- The Process card's Global|Plate toggle has the ↺ that drops the plate's whole override, like the other settings
+  cards; the viewer never passed it the handler.
+- Importing a project kept its filament colours in the viewer but not in the settings map, so a blank entry saved
+  back as blank and a list past 16 filaments saved whole.
+- `three-slicer@0.3.0` shipped a tool-state file under `types/.omc/`, and `three-slicer-viewer` would have shipped
+  one from `src/settings/.omc/`. Both `files` lists now end in `!**/.omc`, and `pack_check.sh` fails on any
+  dot-path in either tarball.
+
+## 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.
+- `viewer-package/` 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

@@ -4,12 +4,17 @@ Browser/WASM 3D-printing slicer package derived from [OrcaSlicer](https://github
 
 The package is published as a single npm package, `three-slicer`, with subpath exports for the engine, viewer, components, worker, and extracted OrcaSlicer data.
 
-![A sliced Benchy in the viewer's Preview tab — organic tree supports, per-feature toolpath colors, dual layer-range slider, filament and print-time estimates](https://raw.githubusercontent.com/kimgh06/Web_Three_Slicer/main/web/viewer/public/usage.png)
+![A sliced Benchy in the viewer's Preview tab — organic tree supports, per-feature toolpath colors, dual layer-range slider, filament and print-time estimates](https://raw.githubusercontent.com/kimgh06/Three_Slicer/main/web/viewer/public/usage.png)
 
 ## 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)
+- Source: [kimgh06/Three_Slicer](https://github.com/kimgh06/Three_Slicer)
 - Demo: [slicer.kimgh06.com](https://slicer.kimgh06.com/)
 
 ## Start Here
@@ -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](../viewer-package/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 [../viewer-package/VIEWER.md](../viewer-package/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` + `../viewer-package/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`](../viewer-package/VIEWER.md#taking-the-saves) like every other download.
 
 ## Settings UI: Enable/Disable Rules
 
@@ -782,7 +787,7 @@ the layout by hand.
 
 ## Before You Ship
 
-The traps below were all hit while building the [integration demos](https://github.com/kimgh06/Web_Three_Slicer/tree/main/examples)
+The traps below were all hit while building the [integration demos](https://github.com/kimgh06/Three_Slicer/tree/main/examples)
 and the live landing embed — each one returns something plausible instead of an error, which is why they
 are listed **in the order they bite**, not by topic. The later a trap fires, the more it costs — and none of
 them fails a build or throws, so nothing surfaces them for you.
@@ -832,4 +837,4 @@ production while `npm run dev` passed. The no-argument form now emits a real wor
 
 ## License
 
-AGPL-3.0-or-later. This package is derived from OrcaSlicer. Source is available at [kimgh06/Web_Three_Slicer](https://github.com/kimgh06/Web_Three_Slicer). If you embed it in a web app, make sure your app complies with the AGPL network-use requirements, including offering source code to users where required.
+AGPL-3.0-or-later. This package is derived from OrcaSlicer. Source is available at [kimgh06/Three_Slicer](https://github.com/kimgh06/Three_Slicer). If you embed it in a web app, make sure your app complies with the AGPL network-use requirements, including offering source code to users where required.

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,201 +1,15 @@
-import t, { useRef as T, useState as h, useLayoutEffect as B, useEffect as I, useMemo as D } from "react";
-import { createPortal as R } from "react-dom";
-import { uiTree as j, schema as A } from "three-slicer/data";
-import { printerTechnology as $, settingRaw as U } from "three-slicer/settings";
-import { disabledKeys as W, makeCfg as q } from "three-slicer/toggle";
-function G({ css: e, className: s, children: a }) {
-  const l = T(null), [i] = h(() => {
-    const r = document.createElement("div");
-    return r.style.display = "contents", r;
-  });
-  return B(() => {
-    const r = l.current, d = r.shadowRoot || r.attachShadow({ mode: "open" });
-    let c = d.querySelector("style[data-ts-css]");
-    c || (c = document.createElement("style"), c.setAttribute("data-ts-css", ""), d.append(c)), c.textContent = e, d.contains(i) || d.append(i);
-  }, [e, i]), /* @__PURE__ */ t.createElement("div", { ref: l, className: s }, R(a, i));
-}
-const H = ':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}.override-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#f0a542;border:0;padding:0;cursor:pointer;box-shadow:0 0 0 2px #fdf1dd}.override-dot:hover{background:#d98c26}.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}', L = (e, s, a, l) => [[a, l], [e + a, l], [e + a, s + l], [a, s + l]], Q = (e) => {
-  const s = e / 2, a = 32;
-  return Array.from({ length: a }, (l, i) => {
-    const r = 2 * Math.PI * i / a;
-    return [+(s + s * Math.cos(r)).toFixed(2), +(s + s * Math.sin(r)).toFixed(2)];
-  });
-}, P = (e) => {
-  const s = e.map((l) => l[0]), a = e.map((l) => l[1]);
-  return { x0: Math.min(...s), y0: Math.min(...a), w: Math.max(...s) - Math.min(...s), d: Math.max(...a) - Math.min(...a) };
-};
-function X({ value: e, onChange: s, disabled: a }) {
-  const l = Array.isArray(e) && e.length >= 3 ? e : L(200, 200, 0, 0), i = P(l), [r, d] = h(l.length === 4 ? "rect" : l.length >= 12 ? "circle" : "custom"), [c, u] = h({ w: i.w, d: i.d, ox: i.x0, oy: i.y0 }), [N, g] = h(Math.round(i.w)), [p, b] = h(JSON.stringify(l)), [w, E] = h(!1);
-  I(() => {
-    const n = P(l);
-    u({ w: n.w, d: n.d, ox: n.x0, oy: n.y0 }), g(Math.round(n.w)), b(JSON.stringify(l)), E(!1);
-  }, [JSON.stringify(e)]);
-  const v = (n) => {
-    u(n);
-    const { w: m, d: x, ox: _, oy: y } = n;
-    m > 0 && x > 0 && s(L(m, x, _, y));
-  }, z = (n) => {
-    g(n), n > 0 && s(Q(n));
-  }, C = (n) => {
-    b(n);
-    try {
-      const m = JSON.parse(n);
-      if (!Array.isArray(m) || m.length < 3 || !m.every((x) => Array.isArray(x) && x.length === 2 && x.every(Number.isFinite))) throw 0;
-      E(!1), s(m);
-    } catch {
-      E(!0);
-    }
-  }, k = (n) => {
-    const m = parseFloat(n);
-    return Number.isFinite(m) ? m : 0;
-  };
-  return /* @__PURE__ */ t.createElement("div", { className: "bse", "data-testid": "bed-shape-editor" }, /* @__PURE__ */ t.createElement("div", { className: "bse-modes" }, [["rect", "Rectangular"], ["circle", "Circular"], ["custom", "Custom"]].map(([n, m]) => /* @__PURE__ */ t.createElement("button", { key: n, type: "button", className: r === n ? "on" : "", disabled: a, onClick: () => d(n) }, m))), r === "rect" && /* @__PURE__ */ t.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ t.createElement("label", null, "Width ", /* @__PURE__ */ t.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: c.w,
-      disabled: a,
-      "data-testid": "bed-w",
-      onChange: (n) => v({ ...c, w: k(n.target.value) })
-    }
-  ), " mm"), /* @__PURE__ */ t.createElement("label", null, "Depth ", /* @__PURE__ */ t.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: c.d,
-      disabled: a,
-      "data-testid": "bed-d",
-      onChange: (n) => v({ ...c, d: k(n.target.value) })
-    }
-  ), " mm"), /* @__PURE__ */ t.createElement("label", null, "Origin X ", /* @__PURE__ */ t.createElement(
-    "input",
-    {
-      type: "number",
-      value: c.ox,
-      disabled: a,
-      onChange: (n) => v({ ...c, ox: k(n.target.value) })
-    }
-  )), /* @__PURE__ */ t.createElement("label", null, "Origin Y ", /* @__PURE__ */ t.createElement(
-    "input",
-    {
-      type: "number",
-      value: c.oy,
-      disabled: a,
-      onChange: (n) => v({ ...c, oy: k(n.target.value) })
-    }
-  ))), r === "circle" && /* @__PURE__ */ t.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ t.createElement("label", null, "Diameter ", /* @__PURE__ */ t.createElement(
-    "input",
-    {
-      type: "number",
-      min: "1",
-      value: N,
-      disabled: a,
-      "data-testid": "bed-dia",
-      onChange: (n) => z(k(n.target.value))
-    }
-  ), " mm")), r === "custom" && /* @__PURE__ */ t.createElement(
-    "textarea",
-    {
-      className: "bse-json" + (w ? " err" : ""),
-      rows: 3,
-      value: p,
-      disabled: a,
-      "data-testid": "bed-json",
-      onChange: (n) => C(n.target.value),
-      placeholder: "[[0,0],[200,0],[200,200],[0,200]]"
-    }
-  ));
-}
-const Y = {
-  printable_area: X
-}, J = Object.keys(j).filter((e) => j[e].length > 0), V = ["all", "simple", "advanced", "expert", "develop"], Z = (e) => e.replace("::build", "").replace("Tab", "").replace("_sla", " (SLA)"), K = (e) => /SLA|build_sla\b/.test(e) ? "SLA" : "FFF";
-function ee(e, s) {
-  var i;
-  if (!e || !(s in e)) return !1;
-  const a = (i = A[s]) == null ? void 0 : i.default, l = Array.isArray(a) ? a[0] : a;
-  return String(e[s]) !== String(l ?? "");
-}
-function te(e, s) {
-  var l;
-  if (s === "all" || e.startsWith("<")) return !0;
-  const a = (l = A[e]) == null ? void 0 : l.mode;
-  return s === "simple" ? a === "simple" : s === "advanced" ? a === "simple" || a === "advanced" : !0;
-}
-function ae(e) {
-  return e ? e.gui_type === "color" ? "color" : e.enum_values ? "select" : e.type === "coBool" || e.type === "coBools" ? "checkbox" : e.multiline || e.is_code ? "textarea" : e.type === "coPoints" || e.type === "coPoint" ? "points" : "input" : "unknown";
-}
-function re({ mode: e }) {
-  return /* @__PURE__ */ t.createElement("span", { className: `badge mode-${e ?? "none"}` }, e ?? "—");
-}
-function ne({ def: e, optKey: s, settings: a, setSettings: l, disabled: i, customWidgets: r }) {
-  const d = U(a, s), c = (p) => l((b) => ({ ...b, [s]: p })), u = (r == null ? void 0 : r[s]) ?? Y[s];
-  if (u) return /* @__PURE__ */ t.createElement(u, { def: e, value: d, onChange: c, disabled: i });
-  const N = ae(e), g = Array.isArray(d) ? d[0] : d;
-  switch (N) {
-    case "select":
-      return /* @__PURE__ */ t.createElement("select", { value: g ?? "", onChange: (p) => c(p.target.value), disabled: i }, e.enum_values.map((p, b) => {
-        var w;
-        return /* @__PURE__ */ t.createElement("option", { key: p, value: p }, ((w = e.enum_labels) == null ? void 0 : w[b]) ?? p);
-      }));
-    case "checkbox":
-      return /* @__PURE__ */ t.createElement("input", { type: "checkbox", checked: Array.isArray(d) ? !!d[0] : !!d, onChange: (p) => c(p.target.checked), disabled: i });
-    case "color":
-      return /* @__PURE__ */ t.createElement("input", { type: "color", value: typeof g == "string" && g.startsWith("#") ? g : "#00ae42", onChange: (p) => c(p.target.value), disabled: i });
-    case "textarea":
-      return /* @__PURE__ */ t.createElement("textarea", { rows: 2, value: Array.isArray(d) ? d.join(`
-`) : d ?? "", onChange: (p) => c(p.target.value), disabled: i });
-    case "points":
-      return /* @__PURE__ */ t.createElement("code", { className: "pts" }, JSON.stringify(d ?? []));
-    case "unknown":
-      return /* @__PURE__ */ t.createElement("span", { className: "muted" }, "No schema");
-    default:
-      return /* @__PURE__ */ t.createElement("span", { className: "inputwrap" }, /* @__PURE__ */ t.createElement("input", { value: g ?? "", onChange: (p) => c(p.target.value), disabled: i }), e.sidetext && /* @__PURE__ */ t.createElement("span", { className: "unit" }, e.sidetext));
-  }
-}
-function se({ optKey: e, settings: s, setSettings: a, disabled: l, onOptionOpen: i, customWidgets: r, overridden: d, onRevertKey: c }) {
-  if (e.startsWith("<")) return /* @__PURE__ */ t.createElement("div", { className: "row custom" }, /* @__PURE__ */ t.createElement("span", { className: "muted" }, "⚙ Custom widget ", e));
-  const u = A[e], N = l ? l[e] : void 0, g = N != null, p = ee(s, e), b = () => a((E) => {
-    const v = { ...E };
-    return delete v[e], v;
-  }), w = (u == null ? void 0 : u.label) || (u == null ? void 0 : u.full_label) || e;
-  return /* @__PURE__ */ t.createElement("div", { className: "row" + (g ? " disabled" : ""), title: g ? `Disabled when: ${N}` : (u == null ? void 0 : u.tooltip) ?? "", "data-testid": `row-${e}` }, /* @__PURE__ */ t.createElement("span", { className: "lbl-cell" }, d && /* @__PURE__ */ t.createElement(
-    "button",
-    {
-      type: "button",
-      className: "override-dot",
-      onClick: () => c == null ? void 0 : c(e),
-      title: "This plate's override — click to follow the global value again",
-      "data-testid": `override-${e}`
-    }
-  ), p && /* @__PURE__ */ t.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${e}` }), i ? /* @__PURE__ */ t.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => i(e), title: "Details" }, w) : /* @__PURE__ */ t.createElement("span", { className: "lbl" }, w)), /* @__PURE__ */ t.createElement("code", { className: "key" }, e), /* @__PURE__ */ t.createElement(re, { mode: u == null ? void 0 : u.mode }), /* @__PURE__ */ t.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ t.createElement(ne, { def: u, optKey: e, settings: s, setSettings: a, disabled: g, customWidgets: r }), p && /* @__PURE__ */ t.createElement("button", { className: "reset-btn", onClick: b, title: "Reset to default", "data-testid": `reset-${e}` }, "↺")));
-}
-function pe({ settings: e, setSettings: s, onOptionOpen: a, embedded: l = !1, customWidgets: i, only: r, overriddenKeys: d, onRevertKey: c }) {
-  const [u, N] = h((r == null ? void 0 : r.builder) ?? J[0] ?? ""), [g, p] = h(0), [b, w] = h("all"), [E, v] = h(""), z = $(e), C = J.filter((o) => K(o) === z), k = (r == null ? void 0 : r.builder) ?? (C.includes(u) ? u : C[0] ?? ""), n = j[(r == null ? void 0 : r.builder) ?? k] ?? [], m = r != null && r.page ? n.filter((o) => o.page === r.page) : n, x = m[Math.min(g, m.length - 1)], _ = D(() => W(q(e)), [e]), y = E.trim().toLowerCase(), S = D(() => y ? Object.entries(A).filter(([o, f]) => {
-    var M, O;
-    return o.includes(y) || ((M = f.label) == null ? void 0 : M.toLowerCase().includes(y)) || ((O = f.full_label) == null ? void 0 : O.toLowerCase().includes(y));
-  }).slice(0, 60).map(([o]) => o) : [], [y]), F = (o, f) => /* @__PURE__ */ t.createElement(
-    se,
-    {
-      key: o + f,
-      optKey: o,
-      settings: e,
-      setSettings: s,
-      disabled: _,
-      onOptionOpen: a,
-      customWidgets: i,
-      overridden: d == null ? void 0 : d.includes(o),
-      onRevertKey: c
-    }
-  );
-  return /* @__PURE__ */ t.createElement(G, { css: H, className: l ? "sp-embedded" : void 0 }, /* @__PURE__ */ t.createElement("div", { className: "settings-panel" }, !r && /* @__PURE__ */ t.createElement("div", { className: "sp-top" }, /* @__PURE__ */ t.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(A).length})…`, value: E, onChange: (o) => v(o.target.value), "data-testid": "opt-search" }), !y && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("label", { className: "sp-builder" }, /* @__PURE__ */ t.createElement("span", null, "Settings group"), /* @__PURE__ */ t.createElement("select", { value: k, onChange: (o) => {
-    N(o.target.value), p(0);
-  } }, C.map((o) => /* @__PURE__ */ t.createElement("option", { key: o, value: o }, Z(o))))), /* @__PURE__ */ t.createElement("div", { className: "sp-pages" }, m.map((o, f) => /* @__PURE__ */ t.createElement("button", { key: o.page + f, className: f === Math.min(g, m.length - 1) ? "on" : "", onClick: () => p(f) }, o.page))), /* @__PURE__ */ t.createElement("div", { className: "sp-modes" }, V.map((o) => /* @__PURE__ */ t.createElement("button", { key: o, className: b === o ? "on" : "", onClick: () => w(o) }, o))))), /* @__PURE__ */ t.createElement("div", { className: "sp-body" }, y ? /* @__PURE__ */ t.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ t.createElement("h3", null, "Search: “", E, "” — ", S.length, " hit", S.length === 1 ? "" : "s", S.length === 60 ? "+" : ""), S.map(F), !S.length && /* @__PURE__ */ t.createElement("p", { className: "muted" }, "No matches")) : x ? /* @__PURE__ */ t.createElement(t.Fragment, null, !r && /* @__PURE__ */ t.createElement("h2", null, x.page, " ", /* @__PURE__ */ t.createElement("span", { className: "muted" }, "Tab.cpp:", x.line)), x.groups.map((o) => {
-    const f = o.options.filter((M) => te(M, b) && !(r && M.startsWith("<")));
-    return f.length ? /* @__PURE__ */ t.createElement("section", { key: o.group + o.line }, /* @__PURE__ */ t.createElement("h3", null, o.group || "(untitled group)", " ", /* @__PURE__ */ t.createElement("span", { className: "muted" }, ":", o.line)), f.map(F)) : null;
-  })) : /* @__PURE__ */ t.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 {
-  pe as default
+  l as default,
+  d as schema,
+  f as toggle,
+  h as uiTree
 };