three-slicer-viewer 0.3.1 → 0.3.3

package/VIEWER.md

@@ -95,7 +95,8 @@ Every panel can be switched off, and the values the component owns can be seeded
   resin masks on a filament bed. The one number it cannot supply is the display's PHYSICAL size: millimetres
   appear nowhere in an SL1, so the preview is scaled by the printer set in the viewer and the import notice says
   so. Export hands an imported archive back byte-identical rather than re-rasterizing empty geometry.
-- **`gcode`** — G-code text drawn on the selected plate instead of a slice result. `parseGcode` recovers roles from
+- **`gcode`** — G-code text drawn on the selected plate instead of a slice result, or a `{ plateIndex: text }` map
+  drawn plate by plate (what an opened `.gcode.3mf` becomes; the viewer is preview-only while one is shown). `parseGcode` recovers roles from
   `;TYPE:` (OrcaSlicer/PrusaSlicer/Cura), from `;_EXTRUSION_ROLE:` tags and from this kernel's own feature comments;
   bead width comes from `;WIDTH:` or, absent that, from E. What the file never states cannot be recovered: an
   unmarked run reads as wall, and there is no print-time estimate (that needs the machine's acceleration limits).
@@ -255,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
 
@@ -394,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,6 +1,32 @@
-import { D as at, a as rt } from "./viewer_defaults-B7UUZ582.js";
-import { R as t, e as B } from "./toolpath_encoding-BuYs95qZ.js";
-const F = 1e-6, lt = {
+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 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(n, r) {
+  return St(n.gcode, gt(n.stats, r));
+}
+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 (h >= 0) return o.slice(0, h + 1) + u + o.slice(h + 1);
+  let c = `
+`;
+  return (!o || o.endsWith(`
+`)) && (c = ""), o + c + u;
+}
+const ht = {
   // OrcaSlicer / PrusaSlicer ;TYPE: names
   "outer wall": t.WALL,
   "external perimeter": t.WALL,
@@ -43,7 +69,7 @@ const F = 1e-6, lt = {
   skin: t.SOLID,
   "support-interface": t.SUPPORT,
   "prime-tower": t.PRIME
-}, ot = [
+}, Pt = [
   ["skirt/brim", t.SKIRT],
   ["skirt", t.SKIRT],
   ["walls", t.WALL],
@@ -54,7 +80,7 @@ const F = 1e-6, lt = {
   ["support", t.SUPPORT],
   ["prime tower", t.PRIME],
   ["wipe_tower_real", t.PRIME]
-], ct = (I, f) => I === f || f.length < I.length && " (:/".includes(I[f.length]) && I.startsWith(f), ft = {
+], 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,
@@ -73,120 +99,140 @@ const F = 1e-6, lt = {
   16: t.SUPPORT,
   17: t.PRIME
 };
-function Lt(I, f = {}) {
-  const it = Math.PI / 4 * (f.filamentDiameter > 0 ? f.filamentDiameter : at) ** 2, nt = f.defaultLayerHeight > 0 ? f.defaultLayerHeight : rt;
-  let p = 0, u = 0, h = 0, G = 0, d = !0, O = !0, w = 0, T = t.WALL, W = 0, L = null;
-  const P = [];
-  let b = !1, D = !0, K = NaN, z = 0, H = 0, k = 0;
-  const Y = /* @__PURE__ */ new Set([0]), y = (a) => {
-    L = { z: a, p: [], w: [] }, P.push(L), D = !1, K = NaN, T = t.WALL, W = 0;
-  }, st = () => P.length > 1 ? P[P.length - 2].z : 0, Z = (a, c, R, A, m, i, e) => {
-    const r = Math.hypot(A - a, m - c, i - R);
-    if (!(r < F))
-      if (e > F) {
-        k += e, D ? y(Number.isNaN(K) ? i : K) : !b && i > L.z + 1e-3 && y(i);
-        const l = B(T, w);
-        L.p.push(a, c, R, l, A, m, i, l);
-        const n = Math.max(0.02, L.z - st() || nt), _ = W > 0 ? W : e * it / (r * n) + n * (1 - Math.PI / 4);
-        L.w.push(Math.min(3, Math.max(0.05, _))), z++;
-      } else L && (L.p.push(a, c, R, B(t.TRAVEL, w), A, m, i, B(t.TRAVEL, w)), L.w.push(0), H++);
+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, v = NaN, q = 0, X = 0, $ = 0;
+  const z = /* @__PURE__ */ new Set([0]), H = [];
+  let k = [], j = [], U = !1;
+  const V = () => {
+    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(s, a, S, Z(t.TRAVEL, g), P, A, i, Z(t.TRAVEL, g)), R.w.push(0), X++);
   };
-  for (const a of I.split(`
+  for (const s of n.split(`
 `)) {
-    const c = a.indexOf(";"), R = (c < 0 ? a : a.slice(0, c)).trim(), A = c < 0 ? "" : a.slice(c + 1).trim();
-    if (A && !R) {
-      const e = A.toLowerCase();
+    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(), m = At.exec(P);
+      if (m) {
+        m[1].toLowerCase() === "filament" ? k = ut(m[2]) : j = ut(m[2]);
+        continue;
+      }
       if (e.startsWith("type:")) {
-        T = lt[e.slice(5).trim()] ?? t.WALL;
+        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:")) {
-        T = ft[parseInt(e.slice(16), 10)] ?? t.WALL;
+        O = Et[parseInt(e.slice(16), 10)] ?? t.WALL, U = !0;
         continue;
       }
-      if (e.startsWith("width:")) {
-        const n = parseFloat(e.slice(6));
-        W = n > 0 ? n : 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:")) {
-        b = !0, D = !0;
+      if (e.startsWith("layer_change") || e.startsWith("change_layer") || e.startsWith("layer:")) {
+        D = !0, x = !0, V();
         continue;
       }
-      if (e.startsWith("z:")) {
-        const n = parseFloat(e.slice(2));
-        D && n > 0 && (b = !0, y(n));
+      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 r = /^layer \d+ z([-\d.]+)/.exec(e);
-      if (r) {
-        b = !0, y(parseFloat(r[1]));
+      const p = /^layer \d+ z([-\d.]+)/.exec(e);
+      if (p) {
+        D = !0, C(parseFloat(p[1]), !0);
         continue;
       }
-      const l = ot.find(([n]) => ct(e, n));
-      l && (T = l[1]);
+      const f = Pt.find(([L]) => Ot(e, L));
+      f && (O = f[1]);
       continue;
     }
-    if (!R) continue;
-    const m = R.split(/\s+/), i = m[0].toUpperCase();
+    if (!S) continue;
+    const A = S.split(/\s+/), i = A[0].toUpperCase();
     if (i === "G90") {
-      d = !0;
+      w = !0;
       continue;
     }
     if (i === "G91") {
-      d = !1;
+      w = !1;
       continue;
     }
     if (i === "M82") {
-      O = !0;
+      y = !0;
       continue;
     }
     if (i === "M83") {
-      O = !1;
+      y = !1;
       continue;
     }
     if (/^T\d+$/.test(i)) {
-      w = parseInt(i.slice(1), 10), Y.add(w);
+      const e = parseInt(i.slice(1), 10);
+      e <= It && (g = e, z.add(g));
       continue;
     }
     if (i === "G92" || i === "G0" || i === "G1" || i === "G2" || i === "G3") {
-      let e = NaN, r = NaN, l = NaN, n = NaN, _ = 0, q = 0;
-      for (let N = 1; N < m.length; N++) {
-        const s = m[N][0], o = parseFloat(m[N].slice(1));
-        Number.isNaN(o) || (s === "X" || s === "x" ? e = o : s === "Y" || s === "y" ? r = o : s === "Z" || s === "z" ? l = o : s === "E" || s === "e" ? n = o : s === "I" || s === "i" ? _ = o : (s === "J" || s === "j") && (q = o));
+      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" ? 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 (i === "G92") {
-        Number.isNaN(e) || (p = e), Number.isNaN(r) || (u = r), Number.isNaN(l) || (h = l), Number.isNaN(n) || (G = n);
+        Number.isNaN(e) || (u = e), Number.isNaN(m) || (h = m), Number.isNaN(p) || (c = p), Number.isNaN(f) || (b = f);
         continue;
       }
-      const U = Number.isNaN(e) ? p : d ? e : p + e, x = Number.isNaN(r) ? u : d ? r : u + r, v = Number.isNaN(l) ? h : d ? l : h + l, j = Number.isNaN(n) ? 0 : O ? n - G : n;
+      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 N = p + _, s = u + q, o = Math.hypot(p - N, u - s), g = Math.atan2(u - s, p - N);
-        let S = Math.atan2(x - s, U - N);
-        const C = i === "G3";
-        C && S <= g + F && (S += 2 * Math.PI), !C && S >= g - F && (S -= 2 * Math.PI);
-        const E = Math.max(1, Math.min(360, Math.ceil(Math.abs(S - g) * o / 0.3)));
-        let V = p, X = u, J = h;
-        for (let M = 1; M <= E; M++) {
-          const $ = g + (S - g) * M / E, Q = M === E ? U : N + o * Math.cos($), tt = M === E ? x : s + o * Math.sin($), et = h + (v - h) * M / E;
-          Z(V, X, J, Q, tt, et, j / E), V = Q, X = tt, J = et;
+        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
-        Z(p, u, h, U, x, v, j);
-      p = U, u = x, h = v, Number.isNaN(n) || (G = O ? n : G + n);
+        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(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: P.map((a) => ({ z: a.z, paths: Float32Array.from(a.p), widths: Float32Array.from(a.w) })),
+    layers: E.map((s) => ({ z: s.z, paths: Float32Array.from(s.p), widths: Float32Array.from(s.w) })),
     stats: {
-      layers: P.length,
-      path_segments: z,
-      travel_segments: H,
-      filament_mm: k,
-      tools: [...Y].sort((a, c) => a - c)
+      layers: E.length,
+      path_segments: q,
+      travel_segments: X,
+      filament_mm: $,
+      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: Lt,
+      ...Q.some(Boolean) && { colors: Q }
     }
   };
 }
 export {
-  Lt as parseGcode
+  wt as exportedGcode,
+  Wt as parseGcode,
+  gt as resultToolColors,
+  St as withFilamentColours
 };