three-slicer-viewer 0.3.2 → 0.3.3

package/VIEWER.md

@@ -256,6 +256,7 @@ opt-out only, everything on unless you say `false`, an unknown key stays on.
 | `filePicker` | The file dialog never opens, from any of the buttons that open it. |
 | `contextMenu` | No right-click menu. The browser's own menu stays suppressed over the canvas either way — OrbitControls preventDefaults `contextmenu` itself. |
 | `logs` | No console output, from the component or from the slice worker. |
+| `versionBadge` | The build number at the right end of the status bar is not drawn. It is there so a bug report can name a build; turn it off when the viewer is embedded as part of your own product. `panels.status: false` hides it too, since it rides that bar. |
 
 ### Read-only panels
 
@@ -395,6 +396,29 @@ for 143MB) against a 4GB pool budget, which gives 2 for that model and does not
 manual count is capped the same way. What the browser has NOT measured yet is
 the arachne + tree-support preset, where the harness gains were largest.
 
+### The contour union on the GPU
+
+The slice bar's **GPU** select (`gpu_acceleration` in the settings map: `auto`, `on`, `off`; absent is `auto`; a viewer
+knob like `slice_workers`, not a kernel parameter) lets the slicer worker compute every layer's contour union with
+WebGPU instead of Clipper. `auto` asks for it only when the single-threaded kernel loaded, `on` on either kernel,
+`off` never. It applies to the selected plate's filament slice; pool workers, multi-material and resin slices compute
+their contours themselves.
+
+Measured in node (Dawn, Metal, 15 cores) with the kernel consuming the GPU's contours:
+
+| model | kernel | CPU | GPU |
+|---|---|---|---|
+| 3M-facet scan, tree slim support, 420 layers | st | 9.6-9.8 s | 7.6-7.7 s |
+| 1.13M-facet plate, tree hybrid support, 849 layers | st | 105 s | 102-104 s |
+| either | mt | | within run-to-run spread of the CPU slice |
+
+The union is about 2.5 s of the single-threaded slice and 50-100 ms on the GPU; on the threaded kernel the same union is
+already spread over the threads, which is why `auto` leaves it alone. What it costs: the GPU's contours have the CPU
+union's area (within 2e-10 relative) and other vertices, so the G-code is not the CPU slice's byte for byte (filament
+within 0.3 % in those two models). The slice never depends on the GPU: without a device, or when the GPU refuses an
+input, the kernel slices by itself, a layer whose loops the GPU leaves open gets the kernel's own union, and the stats
+card says which happened (`Contours on the GPU`, with the count of layers that went back to the CPU).
+
 ## Theming
 
 Both shadow roots (the viewer and `<SettingsPanel/>`) paint their chrome from one palette, `UI_TOKENS` in

package/dist/components.js

@@ -8,39 +8,39 @@ import { S as X } from "./shadow_host-CQ3LirzD.js";
 const Y = ':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 var(--_light-divider)}.row .lbl{color:var(--_light-text);text-decoration:none}.row .lbl:hover{color:var(--_accent-ink);text-decoration:underline}.row .key{font-size:11px;color:var(--_light-text-faint);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:var(--_light-text-faint);font-size:12px;white-space:nowrap}.pts{font-size:11px;color:var(--_light-text-muted)}.badge{font-size:10px;padding:1px 6px;border-radius:8px;color:var(--_on-accent);text-align:center}.mode-simple{background:var(--_accent-ink)}.mode-advanced{background:var(--_info-ink)}.mode-expert{background:var(--_warn)}.mode-develop{background:var(--_danger)}.mode-none,.mode-undefined{background:var(--_light-text-faint)}.muted{color:var(--_light-text-faint);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:var(--_light-subtle)}.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:var(--_warn);box-shadow:0 0 0 2px var(--_warn-soft)}.override-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--_warn);border:0;padding:0;cursor:pointer;box-shadow:0 0 0 2px var(--_warn-soft)}.override-dot:hover{background:var(--_warn-ink)}.widget-cell{display:inline-flex;align-items:center;gap:6px;min-width:0}.reset-btn{flex:0 0 auto;border:1px solid var(--_warn-border);background:var(--_warn-soft);color:var(--_warn-ink);border-radius:5px;cursor:pointer;font-size:13px;line-height:1;padding:1px 5px}.reset-btn:hover{background:var(--_warn-soft-hover)}.settings-panel{flex:0 0 400px;width:400px;border-left:1px solid var(--_light-divider);display:flex;flex-direction:column;min-height:0;background:var(--_light-surface);color:var(--_light-text);font:14px/1.5 -apple-system,Segoe UI,sans-serif}.settings-panel .sp-top{padding:10px 12px 8px;border-bottom:1px solid var(--_light-divider)}.sp-builder{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--_light-text-muted)}.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 var(--_light-border);background:var(--_light-subtle);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.sp-pages button.on{background:var(--_accent-soft);color:var(--_accent-ink);border-color:var(--_accent-soft-border);font-weight:700}.sp-modes{display:flex;gap:4px;margin-top:8px}.sp-modes button{border:0;background:none;font-size:11px;color:var(--_light-text-faint);padding:2px 6px;border-radius:6px;cursor:pointer}.sp-modes button.on{background:var(--_accent-soft);color:var(--_accent-ink);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 var(--_light-border);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 var(--_light-border);background:var(--_light-subtle);border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer}.bse-modes button.on{background:var(--_accent-soft);color:var(--_accent-ink);border-color:var(--_accent-soft-border);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:var(--_light-text-muted);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 var(--_light-border);border-radius:6px;box-sizing:border-box}.bse-json.err{border-color:var(--_danger);background:var(--_danger-soft)}', q = (t, a, r, o) => [[r, o], [t + r, o], [t + r, a + o], [r, a + o]], L = R.printable_area.default, V = (t) => {
   const a = t / 2, r = 32;
   return Array.from({ length: r }, (o, i) => {
-    const u = 2 * Math.PI * i / r;
-    return [+(a + a * Math.cos(u)).toFixed(2), +(a + a * Math.sin(u)).toFixed(2)];
+    const m = 2 * Math.PI * i / r;
+    return [+(a + a * Math.cos(m)).toFixed(2), +(a + a * Math.sin(m)).toFixed(2)];
   });
 }, T = (t) => {
   const a = t.map((o) => o[0]), r = t.map((o) => o[1]);
   return { x0: Math.min(...a), y0: Math.min(...r), w: Math.max(...a) - Math.min(...a), d: Math.max(...r) - Math.min(...r) };
 };
 function Z({ value: t, onChange: a, disabled: r }) {
-  const o = Array.isArray(t) && t.length >= 3 ? t : L, i = T(o), [u, d] = y(o.length === 4 ? "rect" : o.length >= 12 ? "circle" : "custom"), [c, p] = y({ w: i.w, d: i.d, ox: i.x0, oy: i.y0 }), [x, g] = y(Math.round(i.w)), [l, b] = y(JSON.stringify(o)), [k, w] = y(!1);
+  const o = Array.isArray(t) && t.length >= 3 ? t : L, i = T(o), [m, d] = y(o.length === 4 ? "rect" : o.length >= 12 ? "circle" : "custom"), [c, p] = y({ w: i.w, d: i.d, ox: i.x0, oy: i.y0 }), [x, b] = y(Math.round(i.w)), [l, u] = y(JSON.stringify(o)), [_, w] = y(!1);
   P(() => {
     const n = T(o);
-    p({ w: n.w, d: n.d, ox: n.x0, oy: n.y0 }), g(Math.round(n.w)), b(JSON.stringify(o)), w(!1);
+    p({ w: n.w, d: n.d, ox: n.x0, oy: n.y0 }), b(Math.round(n.w)), u(JSON.stringify(o)), w(!1);
   }, [JSON.stringify(t)]);
   const v = (n) => {
     p(n);
-    const { w: m, d: f, ox: S, oy: M } = n;
-    m > 0 && f > 0 && a(q(m, f, S, M));
-  }, _ = (n) => {
-    g(n), n > 0 && a(V(n));
+    const { w: g, d: f, ox: S, oy: M } = n;
+    g > 0 && f > 0 && a(q(g, f, S, M));
+  }, N = (n) => {
+    b(n), n > 0 && a(V(n));
   }, z = (n) => {
-    b(n);
+    u(n);
     try {
-      const m = JSON.parse(n);
-      if (!Array.isArray(m) || m.length < 3 || !m.every((f) => Array.isArray(f) && f.length === 2 && f.every(Number.isFinite))) throw 0;
-      w(!1), a(m);
+      const g = JSON.parse(n);
+      if (!Array.isArray(g) || g.length < 3 || !g.every((f) => Array.isArray(f) && f.length === 2 && f.every(Number.isFinite))) throw 0;
+      w(!1), a(g);
     } catch {
       w(!0);
     }
   }, E = (n) => {
-    const m = parseFloat(n);
-    return Number.isFinite(m) ? m : 0;
+    const g = parseFloat(n);
+    return Number.isFinite(g) ? g : 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(([n, m]) => /* @__PURE__ */ e.createElement("button", { key: n, type: "button", className: u === n ? "on" : "", disabled: r, onClick: () => d(n) }, m))), u === "rect" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Width ", /* @__PURE__ */ e.createElement(
+  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(([n, g]) => /* @__PURE__ */ e.createElement("button", { key: n, type: "button", className: m === n ? "on" : "", disabled: r, onClick: () => d(n) }, g))), m === "rect" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Width ", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
@@ -76,7 +76,7 @@ function Z({ value: t, onChange: a, disabled: r }) {
       disabled: r,
       onChange: (n) => v({ ...c, oy: E(n.target.value) })
     }
-  ))), u === "circle" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Diameter ", /* @__PURE__ */ e.createElement(
+  ))), m === "circle" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Diameter ", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
@@ -84,12 +84,12 @@ function Z({ value: t, onChange: a, disabled: r }) {
       value: x,
       disabled: r,
       "data-testid": "bed-dia",
-      onChange: (n) => _(E(n.target.value))
+      onChange: (n) => N(E(n.target.value))
     }
-  ), " mm")), u === "custom" && /* @__PURE__ */ e.createElement(
+  ), " mm")), m === "custom" && /* @__PURE__ */ e.createElement(
     "textarea",
     {
-      className: "bse-json" + (k ? " err" : ""),
+      className: "bse-json" + (_ ? " err" : ""),
       rows: 3,
       value: l,
       disabled: r,
@@ -118,35 +118,39 @@ function le(t) {
 function ie({ mode: t }) {
   return /* @__PURE__ */ e.createElement("span", { className: `badge mode-${t ?? "none"}` }, t ?? "—");
 }
-function ce({ def: t, optKey: a, settings: r, setSettings: o, disabled: i, customWidgets: u }) {
-  const d = I(r, a), c = (l) => o((b) => ({ ...b, [a]: l })), p = u?.[a] ?? K[a];
+function ce({ def: t, optKey: a, settings: r, setSettings: o, disabled: i, customWidgets: m }) {
+  const d = I(r, a), c = (l) => o((u) => ({ ...u, [a]: l })), p = m?.[a] ?? K[a];
   if (p) return /* @__PURE__ */ e.createElement(p, { def: t, value: d, onChange: c, disabled: i });
-  const x = le(t), g = Array.isArray(d) ? d[0] : d;
+  const x = le(t), b = Array.isArray(d) ? d[0] : d;
   switch (x) {
     case "select":
-      return /* @__PURE__ */ e.createElement("select", { value: g ?? "", onChange: (l) => c(l.target.value), disabled: i }, t.enum_values.map((l, b) => /* @__PURE__ */ e.createElement("option", { key: l, value: l }, t.enum_labels?.[b] ?? l)));
+      return /* @__PURE__ */ e.createElement("select", { value: b ?? "", onChange: (l) => c(l.target.value), disabled: i }, t.enum_values.map((l, u) => /* @__PURE__ */ e.createElement("option", { key: l, value: l }, t.enum_labels?.[u] ?? l)));
     case "checkbox":
       return /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: Array.isArray(d) ? !!d[0] : !!d, onChange: (l) => c(l.target.checked), disabled: i });
     case "color":
-      return /* @__PURE__ */ e.createElement("input", { type: "color", value: typeof g == "string" && g.startsWith("#") ? g : H, onChange: (l) => c(l.target.value), disabled: i });
-    case "textarea":
-      return /* @__PURE__ */ e.createElement("textarea", { rows: 2, value: Array.isArray(d) ? d.join(`
-`) : d ?? "", onChange: (l) => c(l.target.value), disabled: i });
+      return /* @__PURE__ */ e.createElement("input", { type: "color", value: typeof b == "string" && b.startsWith("#") ? b : H, onChange: (l) => c(l.target.value), disabled: i });
+    case "textarea": {
+      let l = 2;
+      t.full_width && (l = 12);
+      let u = d ?? "";
+      return Array.isArray(d) && (u = d.join(`
+`)), /* @__PURE__ */ e.createElement("textarea", { rows: l, value: u, onChange: (_) => c(_.target.value), disabled: i });
+    }
     case "points":
       return /* @__PURE__ */ e.createElement("code", { className: "pts" }, JSON.stringify(d ?? []));
     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: (l) => c(l.target.value), disabled: i }), t.sidetext && /* @__PURE__ */ e.createElement("span", { className: "unit" }, t.sidetext));
+      return /* @__PURE__ */ e.createElement("span", { className: "inputwrap" }, /* @__PURE__ */ e.createElement("input", { value: b ?? "", onChange: (l) => c(l.target.value), disabled: i }), t.sidetext && /* @__PURE__ */ e.createElement("span", { className: "unit" }, t.sidetext));
   }
 }
-function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, onOptionOpen: u, customWidgets: d, overridden: c, onRevertKey: p }) {
+function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, onOptionOpen: m, customWidgets: d, overridden: c, onRevertKey: p }) {
   if (a.startsWith("<")) return /* @__PURE__ */ e.createElement("div", { className: "row custom" }, /* @__PURE__ */ e.createElement("span", { className: "muted" }, "⚙ Custom widget ", a));
-  const x = t[a], g = i ? i[a] : void 0, l = g != null, b = oe(t, r, a), k = () => o((v) => {
-    const _ = { ...v };
-    return delete _[a], _;
+  const x = t[a], b = i ? i[a] : void 0, l = b != null, u = oe(t, r, a), _ = () => o((v) => {
+    const N = { ...v };
+    return delete N[a], N;
   }), w = x?.label || x?.full_label || a;
-  return /* @__PURE__ */ e.createElement("div", { className: "row" + (l ? " disabled" : ""), title: l ? `Disabled when: ${g}` : x?.tooltip ?? "", "data-testid": `row-${a}` }, /* @__PURE__ */ e.createElement("span", { className: "lbl-cell" }, c && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: "row" + (l ? " disabled" : ""), title: l ? `Disabled when: ${b}` : x?.tooltip ?? "", "data-testid": `row-${a}` }, /* @__PURE__ */ e.createElement("span", { className: "lbl-cell" }, c && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -155,7 +159,7 @@ function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, on
       title: "This plate's override — click to follow the global value again",
       "data-testid": `override-${a}`
     }
-  ), b && /* @__PURE__ */ e.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${a}` }), u ? /* @__PURE__ */ e.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => u(a), title: "Details" }, w) : /* @__PURE__ */ e.createElement("span", { className: "lbl" }, w)), /* @__PURE__ */ e.createElement("code", { className: "key" }, a), /* @__PURE__ */ e.createElement(ie, { mode: x?.mode }), /* @__PURE__ */ e.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ e.createElement(ce, { def: x, optKey: a, settings: r, setSettings: o, disabled: l, customWidgets: d }), b && /* @__PURE__ */ e.createElement("button", { className: "reset-btn", onClick: k, title: "Reset to default", "data-testid": `reset-${a}` }, "↺")));
+  ), u && /* @__PURE__ */ e.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${a}` }), m ? /* @__PURE__ */ e.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => m(a), title: "Details" }, w) : /* @__PURE__ */ e.createElement("span", { className: "lbl" }, w)), /* @__PURE__ */ e.createElement("code", { className: "key" }, a), /* @__PURE__ */ e.createElement(ie, { mode: x?.mode }), /* @__PURE__ */ e.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ e.createElement(ce, { def: x, optKey: a, settings: r, setSettings: o, disabled: l, customWidgets: d }), u && /* @__PURE__ */ e.createElement("button", { className: "reset-btn", onClick: _, title: "Reset to default", "data-testid": `reset-${a}` }, "↺")));
 }
 function fe({
   schema: t = R,
@@ -163,14 +167,14 @@ function fe({
   toggle: r = re,
   settings: o,
   setSettings: i,
-  onOptionOpen: u,
+  onOptionOpen: m,
   embedded: d = !1,
   customWidgets: c,
   only: p,
   overriddenKeys: x,
-  onRevertKey: g
+  onRevertKey: b
 }) {
-  const l = j(() => ne(a), [a]), [b, k] = y(p?.builder ?? l[0] ?? ""), [w, v] = y(0), [_, z] = y("all"), [E, n] = y(""), m = W(o), f = l.filter((s) => te(s) === m), S = p?.builder ?? (f.includes(b) ? b : f[0] ?? ""), M = a[p?.builder ?? S] ?? [], A = p?.page ? M.filter((s) => s.page === p.page) : M, O = A[Math.min(w, A.length - 1)], J = j(() => r.disabledKeys(r.makeCfg(o)), [o, r]), N = E.trim().toLowerCase(), C = j(() => N ? Object.entries(t).filter(([s, h]) => s.includes(N) || h.label?.toLowerCase().includes(N) || h.full_label?.toLowerCase().includes(N)).slice(0, 60).map(([s]) => s) : [], [N]), D = (s, h) => /* @__PURE__ */ e.createElement(
+  const l = j(() => ne(a), [a]), [u, _] = y(p?.builder ?? l[0] ?? ""), [w, v] = y(0), [N, z] = y("all"), [E, n] = y(""), g = W(o), f = l.filter((s) => te(s) === g), S = p?.builder ?? (f.includes(u) ? u : f[0] ?? ""), M = a[p?.builder ?? S] ?? [], A = p?.page ? M.filter((s) => s.page === p.page) : M, O = A[Math.min(w, A.length - 1)], J = j(() => r.disabledKeys(r.makeCfg(o)), [o, r]), k = E.trim().toLowerCase(), C = j(() => k ? Object.entries(t).filter(([s, h]) => s.includes(k) || h.label?.toLowerCase().includes(k) || h.full_label?.toLowerCase().includes(k)).slice(0, 60).map(([s]) => s) : [], [k]), D = (s, h) => /* @__PURE__ */ e.createElement(
     de,
     {
       schema: t,
@@ -179,16 +183,16 @@ function fe({
       settings: o,
       setSettings: i,
       disabled: J,
-      onOptionOpen: u,
+      onOptionOpen: m,
       customWidgets: c,
       overridden: x?.includes(s),
-      onRevertKey: g
+      onRevertKey: b
     }
   );
-  return /* @__PURE__ */ e.createElement(X, { css: Q + Y, className: d ? "sp-embedded" : void 0 }, /* @__PURE__ */ e.createElement("div", { className: "settings-panel" }, !p && /* @__PURE__ */ e.createElement("div", { className: "sp-top" }, /* @__PURE__ */ e.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(t).length})…`, value: E, onChange: (s) => n(s.target.value), "data-testid": "opt-search" }), !N && /* @__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: S, onChange: (s) => {
-    k(s.target.value), v(0);
-  } }, f.map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, B(s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-pages" }, A.map((s, h) => /* @__PURE__ */ e.createElement("button", { key: s.page + h, className: h === Math.min(w, A.length - 1) ? "on" : "", onClick: () => v(h) }, s.page))), /* @__PURE__ */ e.createElement("div", { className: "sp-modes" }, ee.map((s) => /* @__PURE__ */ e.createElement("button", { key: s, className: _ === s ? "on" : "", onClick: () => z(s) }, s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-body" }, N ? /* @__PURE__ */ e.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ e.createElement("h3", null, "Search: “", E, "” — ", C.length, " hit", C.length === 1 ? "" : "s", C.length === 60 ? "+" : ""), C.map(D), !C.length && /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No matches")) : O ? /* @__PURE__ */ e.createElement(e.Fragment, null, !p && /* @__PURE__ */ e.createElement("h2", null, O.page, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "Tab.cpp:", O.line)), O.groups.map((s) => {
-    const h = s.options.filter((F) => se(t, F, _) && !(p && F.startsWith("<")));
+  return /* @__PURE__ */ e.createElement(X, { css: Q + Y, className: d ? "sp-embedded" : void 0 }, /* @__PURE__ */ e.createElement("div", { className: "settings-panel" }, !p && /* @__PURE__ */ e.createElement("div", { className: "sp-top" }, /* @__PURE__ */ e.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(t).length})…`, value: E, onChange: (s) => n(s.target.value), "data-testid": "opt-search" }), !k && /* @__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: S, onChange: (s) => {
+    _(s.target.value), v(0);
+  } }, f.map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, B(s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-pages" }, A.map((s, h) => /* @__PURE__ */ e.createElement("button", { key: s.page + h, className: h === Math.min(w, A.length - 1) ? "on" : "", onClick: () => v(h) }, s.page))), /* @__PURE__ */ e.createElement("div", { className: "sp-modes" }, ee.map((s) => /* @__PURE__ */ e.createElement("button", { key: s, className: N === s ? "on" : "", onClick: () => z(s) }, s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-body" }, k ? /* @__PURE__ */ e.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ e.createElement("h3", null, "Search: “", E, "” — ", C.length, " hit", C.length === 1 ? "" : "s", C.length === 60 ? "+" : ""), C.map(D), !C.length && /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No matches")) : O ? /* @__PURE__ */ e.createElement(e.Fragment, null, !p && /* @__PURE__ */ e.createElement("h2", null, O.page, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "Tab.cpp:", O.line)), O.groups.map((s) => {
+    const h = s.options.filter((F) => se(t, F, N) && !(p && F.startsWith("<")));
     return h.length ? /* @__PURE__ */ e.createElement("section", { key: s.group + s.line }, /* @__PURE__ */ e.createElement("h3", null, s.group || "(untitled group)", " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, ":", s.line)), h.map(D)) : null;
   })) : /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No builder"))));
 }

package/dist/gcode_parse.js

@@ -1,32 +1,32 @@
-import { D as Lt, a as Nt } from "./viewer_defaults-B7UUZ582.js";
+import { D as Nt, a as Rt } from "./viewer_defaults-B7UUZ582.js";
 import { R as t, e as Z } from "./toolpath_encoding-BuYs95qZ.js";
 import { T as ft } from "./toolpath_palette-B8xEl-qa.js";
-const F = 1e-6, Rt = 254, It = /^(filament|extruder)_colour\s*=\s*(.*)$/i, ut = (i) => i.split(/[;,]/).map((r) => {
-  const s = /^"?#?([0-9a-f]{6})(?:[0-9a-f]{2})?"?$/i.exec(r.trim());
-  return s ? "#" + s[1].toUpperCase() : null;
-}), At = (i) => "#" + ft[i % ft.length].map((r) => Math.round(r * 255).toString(16).padStart(2, "0")).join("");
-function gt(i, r) {
-  let s = [];
-  Array.isArray(i?.colors) && (s = i.colors);
-  const g = r ?? [], u = Math.max(s.length, g.length, i?.filament_mm_by_tool?.length ?? 0);
-  return Array.from({ length: u }, (m, c) => s[c] || g[c] || At(c));
+const K = 1e-6, It = 254, At = /^(filament|extruder)_colour\s*=\s*(.*)$/i, ut = (n) => n.split(/[;,]/).map((r) => {
+  const o = /^"?#?([0-9a-f]{6})(?:[0-9a-f]{2})?"?$/i.exec(r.trim());
+  return o ? "#" + o[1].toUpperCase() : null;
+}), dt = (n) => "#" + ft[n % ft.length].map((r) => Math.round(r * 255).toString(16).padStart(2, "0")).join("");
+function gt(n, r) {
+  let o = [];
+  Array.isArray(n?.colors) && (o = n.colors);
+  const d = r ?? [], u = Math.max(o.length, d.length, n?.filament_mm_by_tool?.length ?? 0);
+  return Array.from({ length: u }, (h, c) => o[c] || d[c] || dt(c));
 }
-function wt(i, r) {
-  return dt(i.gcode, gt(i.stats, r));
+function wt(n, r) {
+  return St(n.gcode, gt(n.stats, r));
 }
-function dt(i, r) {
-  const s = String(i ?? ""), g = [r].flat().filter(Boolean);
-  if (!g.length || /^;\s*filament_colour\s*=/mi.test(s)) return s;
-  const u = "; filament_colour = " + g.join(";") + `
-`, m = s.lastIndexOf(`
+function St(n, r) {
+  const o = String(n ?? ""), d = [r].flat().filter(Boolean);
+  if (!d.length || /^;\s*filament_colour\s*=/mi.test(o)) return o;
+  const u = "; filament_colour = " + d.join(";") + `
+`, h = o.lastIndexOf(`
 ; CONFIG_BLOCK_END`);
-  if (m >= 0) return s.slice(0, m + 1) + u + s.slice(m + 1);
+  if (h >= 0) return o.slice(0, h + 1) + u + o.slice(h + 1);
   let c = `
 `;
-  return (!s || s.endsWith(`
-`)) && (c = ""), s + c + u;
+  return (!o || o.endsWith(`
+`)) && (c = ""), o + c + u;
 }
-const St = {
+const ht = {
   // OrcaSlicer / PrusaSlicer ;TYPE: names
   "outer wall": t.WALL,
   "external perimeter": t.WALL,
@@ -80,7 +80,7 @@ const St = {
   ["support", t.SUPPORT],
   ["prime tower", t.PRIME],
   ["wipe_tower_real", t.PRIME]
-], Et = (i, r) => i === r || r.length < i.length && " (:/".includes(i[r.length]) && i.startsWith(r), Ot = {
+], Ot = (n, r) => n === r || r.length < n.length && " (:/".includes(n[r.length]) && n.startsWith(r), Et = {
   1: t.WALL,
   2: t.WALL,
   3: t.WALL,
@@ -99,136 +99,140 @@ const St = {
   16: t.SUPPORT,
   17: t.PRIME
 };
-function Gt(i, r = {}) {
-  const s = Math.PI / 4 * (r.filamentDiameter > 0 ? r.filamentDiameter : Lt) ** 2, g = r.defaultLayerHeight > 0 ? r.defaultLayerHeight : Nt;
-  let u = 0, m = 0, c = 0, b = 0, _ = !0, W = !0, d = 0, w = t.WALL, y = 0, R = null;
+function Wt(n, r = {}) {
+  const o = Math.PI / 4 * (r.filamentDiameter > 0 ? r.filamentDiameter : Nt) ** 2, d = r.defaultLayerHeight > 0 ? r.defaultLayerHeight : Rt;
+  let u = 0, h = 0, c = 0, b = 0, w = !0, y = !0, g = 0, O = t.WALL, W = 0, R = null;
   const E = [];
-  let D = !1, x = !0, K = NaN, q = 0, X = 0, $ = 0;
-  const v = /* @__PURE__ */ new Set([0]), H = [];
-  let z = [], k = [], j = !1;
+  let D = !1, x = !0, v = NaN, q = 0, X = 0, $ = 0;
+  const z = /* @__PURE__ */ new Set([0]), H = [];
+  let k = [], j = [], U = !1;
   const V = () => {
-    w = t.WALL, y = 0;
-  }, U = (o, a = !1) => {
-    R = { z: o, p: [], w: [] }, E.push(R), x = !1, K = NaN, (a || !j) && V();
-  }, mt = () => E.length > 1 ? E[E.length - 2].z : 0, J = (o, a, S, P, A, n, e) => {
-    const p = Math.hypot(P - o, A - a, n - S);
-    if (!(p < F))
-      if (e > F) {
-        $ += e, H[d] = (H[d] ?? 0) + e, x ? U(Number.isNaN(K) ? n : K) : !D && n > R.z + 1e-3 && U(n);
-        const h = Z(w, d);
-        R.p.push(o, a, S, h, P, A, n, h);
-        const f = Math.max(0.02, R.z - mt() || g), L = y > 0 ? y : e * s / (p * f) + f * (1 - Math.PI / 4);
+    O = t.WALL, W = 0;
+  }, C = (s, a = !1) => {
+    R = { z: s, p: [], w: [] }, E.push(R), x = !1, v = NaN, (a || !U) && V();
+  }, mt = () => E.length > 1 ? E[E.length - 2].z : 0, J = (s, a, S, P, A, i, e) => {
+    const m = Math.hypot(P - s, A - a, i - S);
+    if (!(m < K))
+      if (e > K) {
+        $ += e, H[g] = (H[g] ?? 0) + e, x ? C(Number.isNaN(v) ? i : v) : !D && i > R.z + 1e-3 && C(i);
+        const p = Z(O, g);
+        R.p.push(s, a, S, p, P, A, i, p);
+        const f = Math.max(0.02, R.z - mt() || d), L = W > 0 ? W : e * o / (m * f) + f * (1 - Math.PI / 4);
         R.w.push(Math.min(3, Math.max(0.05, L))), q++;
-      } else R && (R.p.push(o, a, S, Z(t.TRAVEL, d), P, A, n, Z(t.TRAVEL, d)), R.w.push(0), X++);
+      } else R && (R.p.push(s, a, S, Z(t.TRAVEL, g), P, A, i, Z(t.TRAVEL, g)), R.w.push(0), X++);
   };
-  for (const o of i.split(`
+  for (const s of n.split(`
 `)) {
-    const a = o.indexOf(";"), S = (a < 0 ? o : o.slice(0, a)).trim(), P = a < 0 ? "" : o.slice(a + 1).trim();
+    const a = s.indexOf(";"), S = (a < 0 ? s : s.slice(0, a)).trim(), P = a < 0 ? "" : s.slice(a + 1).trim();
     if (P && !S) {
-      const e = P.toLowerCase(), p = It.exec(P);
-      if (p) {
-        p[1].toLowerCase() === "filament" ? z = ut(p[2]) : k = ut(p[2]);
+      const e = P.toLowerCase(), m = At.exec(P);
+      if (m) {
+        m[1].toLowerCase() === "filament" ? k = ut(m[2]) : j = ut(m[2]);
         continue;
       }
       if (e.startsWith("type:")) {
-        w = St[e.slice(5).trim()] ?? t.WALL, j = !0;
+        O = ht[e.slice(5).trim()] ?? t.WALL, U = !0;
+        continue;
+      }
+      if (e.startsWith("feature:")) {
+        O = ht[e.slice(8).trim()] ?? t.WALL, U = !0;
         continue;
       }
       if (e.startsWith("_extrusion_role:")) {
-        w = Ot[parseInt(e.slice(16), 10)] ?? t.WALL, j = !0;
+        O = Et[parseInt(e.slice(16), 10)] ?? t.WALL, U = !0;
         continue;
       }
-      if (e.startsWith("width:")) {
-        const L = parseFloat(e.slice(6));
-        y = L > 0 ? L : 0;
+      if (e.startsWith("width:") || e.startsWith("line_width:")) {
+        const L = parseFloat(e.slice(e.indexOf(":") + 1));
+        W = 0, L > 0 && (W = L);
         continue;
       }
-      if (e.startsWith("layer_change") || e.startsWith("layer:")) {
+      if (e.startsWith("layer_change") || e.startsWith("change_layer") || e.startsWith("layer:")) {
         D = !0, x = !0, V();
         continue;
       }
-      if (e.startsWith("z:")) {
-        const L = parseFloat(e.slice(2));
-        x && L > 0 && (D = !0, U(L));
+      if (e.startsWith("z:") || e.startsWith("z_height:")) {
+        const L = parseFloat(e.slice(e.indexOf(":") + 1));
+        x && L > 0 && (D = !0, C(L));
         continue;
       }
-      const h = /^layer \d+ z([-\d.]+)/.exec(e);
-      if (h) {
-        D = !0, U(parseFloat(h[1]), !0);
+      const p = /^layer \d+ z([-\d.]+)/.exec(e);
+      if (p) {
+        D = !0, C(parseFloat(p[1]), !0);
         continue;
       }
-      const f = Pt.find(([L]) => Et(e, L));
-      f && (w = f[1]);
+      const f = Pt.find(([L]) => Ot(e, L));
+      f && (O = f[1]);
       continue;
     }
     if (!S) continue;
-    const A = S.split(/\s+/), n = A[0].toUpperCase();
-    if (n === "G90") {
-      _ = !0;
+    const A = S.split(/\s+/), i = A[0].toUpperCase();
+    if (i === "G90") {
+      w = !0;
       continue;
     }
-    if (n === "G91") {
-      _ = !1;
+    if (i === "G91") {
+      w = !1;
       continue;
     }
-    if (n === "M82") {
-      W = !0;
+    if (i === "M82") {
+      y = !0;
       continue;
     }
-    if (n === "M83") {
-      W = !1;
+    if (i === "M83") {
+      y = !1;
       continue;
     }
-    if (/^T\d+$/.test(n)) {
-      const e = parseInt(n.slice(1), 10);
-      e <= Rt && (d = e, v.add(d));
+    if (/^T\d+$/.test(i)) {
+      const e = parseInt(i.slice(1), 10);
+      e <= It && (g = e, z.add(g));
       continue;
     }
-    if (n === "G92" || n === "G0" || n === "G1" || n === "G2" || n === "G3") {
-      let e = NaN, p = NaN, h = NaN, f = NaN, L = 0, tt = 0;
+    if (i === "G92" || i === "G0" || i === "G1" || i === "G2" || i === "G3") {
+      let e = NaN, m = NaN, p = NaN, f = NaN, L = 0, tt = 0;
       for (let I = 1; I < A.length; I++) {
         const l = A[I][0], N = parseFloat(A[I].slice(1));
-        Number.isNaN(N) || (l === "X" || l === "x" ? e = N : l === "Y" || l === "y" ? p = N : l === "Z" || l === "z" ? h = N : l === "E" || l === "e" ? f = N : l === "I" || l === "i" ? L = N : (l === "J" || l === "j") && (tt = N));
+        Number.isNaN(N) || (l === "X" || l === "x" ? e = N : l === "Y" || l === "y" ? m = N : l === "Z" || l === "z" ? p = N : l === "E" || l === "e" ? f = N : l === "I" || l === "i" ? L = N : (l === "J" || l === "j") && (tt = N));
       }
-      if (n === "G92") {
-        Number.isNaN(e) || (u = e), Number.isNaN(p) || (m = p), Number.isNaN(h) || (c = h), Number.isNaN(f) || (b = f);
+      if (i === "G92") {
+        Number.isNaN(e) || (u = e), Number.isNaN(m) || (h = m), Number.isNaN(p) || (c = p), Number.isNaN(f) || (b = f);
         continue;
       }
-      const C = Number.isNaN(e) ? u : _ ? e : u + e, B = Number.isNaN(p) ? m : _ ? p : m + p, Y = Number.isNaN(h) ? c : _ ? h : c + h, et = Number.isNaN(f) ? 0 : W ? f - b : f;
-      if (n === "G2" || n === "G3") {
-        const I = u + L, l = m + tt, N = Math.hypot(u - I, m - l), G = Math.atan2(m - l, u - I);
-        let O = Math.atan2(B - l, C - I);
-        const nt = n === "G3";
-        nt && O <= G + F && (O += 2 * Math.PI), !nt && O >= G - F && (O -= 2 * Math.PI);
-        const M = Math.max(1, Math.min(360, Math.ceil(Math.abs(O - G) * N / 0.3)));
-        let it = u, rt = m, ot = c;
-        for (let T = 1; T <= M; T++) {
-          const st = G + (O - G) * T / M, at = T === M ? C : I + N * Math.cos(st), lt = T === M ? B : l + N * Math.sin(st), ct = c + (Y - c) * T / M;
-          J(it, rt, ot, at, lt, ct, et / M), it = at, rt = lt, ot = ct;
+      const B = Number.isNaN(e) ? u : w ? e : u + e, F = Number.isNaN(m) ? h : w ? m : h + m, Y = Number.isNaN(p) ? c : w ? p : c + p, et = Number.isNaN(f) ? 0 : y ? f - b : f;
+      if (i === "G2" || i === "G3") {
+        const I = u + L, l = h + tt, N = Math.hypot(u - I, h - l), G = Math.atan2(h - l, u - I);
+        let M = Math.atan2(F - l, B - I);
+        const it = i === "G3";
+        it && M <= G + K && (M += 2 * Math.PI), !it && M >= G - K && (M -= 2 * Math.PI);
+        const _ = Math.max(1, Math.min(360, Math.ceil(Math.abs(M - G) * N / 0.3)));
+        let nt = u, rt = h, st = c;
+        for (let T = 1; T <= _; T++) {
+          const ot = G + (M - G) * T / _, at = T === _ ? B : I + N * Math.cos(ot), lt = T === _ ? F : l + N * Math.sin(ot), ct = c + (Y - c) * T / _;
+          J(nt, rt, st, at, lt, ct, et / _), nt = at, rt = lt, st = ct;
         }
       } else
-        J(u, m, c, C, B, Y, et);
-      u = C, m = B, c = Y, Number.isNaN(f) || (b = W ? f : b + f);
+        J(u, h, c, B, F, Y, et);
+      u = B, h = F, c = Y, Number.isNaN(f) || (b = y ? f : b + f);
     }
   }
-  const pt = Math.max(z.length, k.length), Q = Array.from({ length: pt }, (o, a) => k[a] || z[a] || null), ht = Array.from({ length: Math.max(...v) + 1 }, (o, a) => H[a] || 0);
+  const pt = Math.max(k.length, j.length), Q = Array.from({ length: pt }, (s, a) => j[a] || k[a] || null), Lt = Array.from({ length: Math.max(...z) + 1 }, (s, a) => H[a] || 0);
   return {
-    layers: E.map((o) => ({ z: o.z, paths: Float32Array.from(o.p), widths: Float32Array.from(o.w) })),
+    layers: E.map((s) => ({ z: s.z, paths: Float32Array.from(s.p), widths: Float32Array.from(s.w) })),
     stats: {
       layers: E.length,
       path_segments: q,
       travel_segments: X,
       filament_mm: $,
-      tools: [...v].sort((o, a) => o - a),
+      tools: [...z].sort((s, a) => s - a),
       // The kernel's own stat name, so the Filament-view switch and the stats card's per-tool split work unchanged.
-      filament_mm_by_tool: ht,
+      filament_mm_by_tool: Lt,
       ...Q.some(Boolean) && { colors: Q }
     }
   };
 }
 export {
   wt as exportedGcode,
-  Gt as parseGcode,
+  Wt as parseGcode,
   gt as resultToolColors,
-  dt as withFilamentColours
+  St as withFilamentColours
 };