three-slicer 0.1.1 → 0.1.3

package/viewer/dist/Viewport.js

@@ -1,1165 +1,1959 @@
-import n, { useRef as g, useState as x, useLayoutEffect as aa, useEffect as Be } from "react";
-import * as h from "three";
-import { OrbitControls as oa } from "three/examples/jsm/controls/OrbitControls.js";
-import { TransformControls as la } from "three/examples/jsm/controls/TransformControls.js";
-import { deriveKernelParams as Kt, settingRaw as wt } from "three-slicer/settings";
-import { makeSlicerWorker as sa } from "./make_worker.js";
-import { createPortal as ia } from "react-dom";
-import { VIEW_TYPES as ca, DEFAULT_RANGES_COLORS as da, roleRatios as Xn, buildSegmentData as pa, makeToolpath as ua, computeColors as Kn } from "./toolpath_gpu.js";
-import { SUPPORTED_EXT as Yt, splitConnectedComponents as ma, fileExt as fa, loadModel as ha } from "./model_loaders.js";
-function ga({ css: P, className: F, children: L }) {
-  const ee = g(null), [d] = x(() => {
-    const A = document.createElement("div");
-    return A.style.display = "contents", A;
+import e, { useRef as H, useState as $, useLayoutEffect as Ln, useEffect as Ve, useMemo as Tt } from "react";
+import { deriveKernelParams as xt, settingRaw as Je, printersByVendor as On, processPresets as Tn, printerDefaultPreset as Bn, printerKeys as lt, machineLimitKeys as Dn, printerSettings as Zn } from "three-slicer/settings";
+import { schema as Bt } from "three-slicer/data";
+import { createPortal as In } from "react-dom";
+import { SUPPORTED_EXT as bt, fileExt as Vn, loadModel as Fn, splitConnectedComponents as Gn } from "./model_loaders.js";
+import * as N from "three";
+import { OrbitControls as Un } from "three/examples/jsm/controls/OrbitControls.js";
+import { TransformControls as $n } from "three/examples/jsm/controls/TransformControls.js";
+import { makeSlicerWorker as Hn } from "./make_worker.js";
+import { roleRatios as It, computeColors as Dt, buildSegmentData as qn, makeToolpath as Wn, VIEW_TYPES as Xn, DEFAULT_RANGES_COLORS as Kn } from "./toolpath_gpu.js";
+function Yn({ css: n, className: a, children: c }) {
+  const l = H(null), [r] = $(() => {
+    const m = document.createElement("div");
+    return m.style.display = "contents", m;
   });
-  return aa(() => {
-    const A = ee.current, S = A.shadowRoot || A.attachShadow({ mode: "open" });
-    let w = S.querySelector("style[data-ts-css]");
-    w || (w = document.createElement("style"), w.setAttribute("data-ts-css", ""), S.append(w)), w.textContent = P, S.contains(d) || S.append(d);
-  }, [P, d]), /* @__PURE__ */ n.createElement("div", { ref: ee, className: F }, ia(L, d));
+  return Ln(() => {
+    const m = l.current, d = m.shadowRoot || m.attachShadow({ mode: "open" });
+    let w = d.querySelector("style[data-ts-css]");
+    w || (w = document.createElement("style"), w.setAttribute("data-ts-css", ""), d.append(w)), w.textContent = n, d.contains(r) || d.append(r);
+  }, [n, r]), /* @__PURE__ */ e.createElement("div", { ref: l, className: a }, In(c, r));
 }
-const ba = ":host{display:contents}*{box-sizing:border-box}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0e1216;color:#cdd6dd;font:14px/1.5 -apple-system,Segoe UI,sans-serif}.app-body{flex:1 1 auto;display:flex;min-height:0}.topbar{flex:0 0 44px;height:44px;display:flex;align-items:center;padding:0 12px;gap:10px;background:#161b21;border-bottom:1px solid #262d35}.topbar .tb-left,.topbar .tb-right{flex:1 1 0;display:flex;align-items:center;gap:8px}.topbar .tb-right{justify-content:flex-end}.tb-logo{font-size:15px;color:#e6edf3;letter-spacing:.01em}.tb-logo b{color:#00ae42}.tb-re{font-size:10px;background:#00ae42;color:#fff;padding:1px 5px;border-radius:4px;margin-left:2px}.tb-btn{display:inline-flex;align-items:center;gap:5px;background:#20272f;border:1px solid #2c353d;color:#cdd6dd;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.tb-btn img{width:15px;height:15px}.tb-btn:hover{background:#28313a}.tb-tabs{display:flex;border:1px solid #2c353d;border-radius:8px;overflow:hidden;flex:0 0 auto}.tb-tabs button{padding:6px 24px;border:0;background:#1a2027;color:#9fb3c0;font-weight:600;font-size:13px;cursor:pointer}.tb-tabs button.on{background:#00ae42;color:#fff}.tb-tabs button:disabled{color:#5a6570;cursor:not-allowed}.tb-icon{width:28px;height:28px;border:1px solid #2c353d;background:#20272f;color:#7d8b96;border-radius:6px;font-size:15px;cursor:not-allowed}.left-rail{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 0;background:#12171c;border-right:1px solid #232a31}.left-rail button{width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.left-rail button img{width:21px;height:21px;opacity:.72}.left-rail button:hover{background:#1e252c}.left-rail button.on{background:#00ae42}.left-rail button.on img{opacity:1;filter:brightness(1.6)}.rail-sep{width:26px;height:1px;background:#2a323a;margin:3px 0}.viewport-col{position:relative;flex:1 1 auto;min-width:0;background:#161a1e}.vp-top-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#12171cd9;padding:4px;border-radius:9px;border:1px solid #2a323a;z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.vp-top-toolbar::-webkit-scrollbar{display:none}.vp-top-toolbar>*{flex:0 0 auto}.vp-top-toolbar button{width:32px;height:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.vp-top-toolbar button img{width:18px;height:18px;opacity:.82}.vp-top-toolbar button:hover:not(:disabled){background:#2a333c}.vp-top-toolbar button:disabled{opacity:.32;cursor:not-allowed}.vtt-sep{width:1px;align-self:stretch;background:#333c45;margin:3px}.plate-bar{position:absolute;right:14px;bottom:30px;display:flex;align-items:center;gap:4px;z-index:3;background:#12171cd9;border:1px solid #2a323a;border-radius:9px;padding:4px}.plate-bar button{min-width:26px;height:26px;border:1px solid #2c353d;background:#1a2027;color:#9fb3c0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}.plate-tab.on{background:#00ae42;color:#fff;border-color:#00ae42}.plate-add{color:#7ad19a!important}.plate-del{color:#e08a8a!important}.plate-bar button:disabled{opacity:.4;cursor:not-allowed}.slice-dd{position:relative;flex:1.4}.slice-dd .slice-btn{width:100%}.slice-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d5d8dd;border-radius:8px;box-shadow:0 4px 16px #0000002e;overflow:hidden;z-index:10}.slice-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:#fff;color:#24282e;cursor:pointer;font-size:13px}.slice-menu button:hover{background:#eef7f1}.brush-panel{position:absolute;top:58px;left:14px;width:214px;background:#161b21f2;border:1px solid #2c353d;border-radius:10px;padding:10px;z-index:4;box-shadow:0 3px 14px #00000073}.bp-title{font-weight:600;margin-bottom:6px;color:#cdd6dd}.bp-modes{display:flex;gap:4px;flex-wrap:wrap}.bp-modes button{padding:3px 9px;border:1px solid #2c353d;background:#1a2027;color:#cdd6dd;border-radius:5px;cursor:pointer;font-size:12px}.bp-modes button.enf.on{background:#2b6cff;color:#fff;border-color:#2b6cff}.bp-modes button.blk.on{background:#e23b3b;color:#fff;border-color:#e23b3b}.bp-radius{display:block;font-size:12px;color:#aebcc6;margin-top:8px}.bp-radius input{width:100%}.bp-counts{margin-top:6px;font-size:11px}.stats-card{position:absolute;left:14px;bottom:32px;background:#161b21ed;border:1px solid #2c353d;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.7;z-index:2;color:#cdd6dd}.stats-card b{color:#9fe3bd}.sidebar{flex:0 0 384px;width:384px;display:flex;flex-direction:column;background:#eef0f2;color:#24282e;border-left:1px solid #d5d8dd;min-height:0}.sidebar-scroll{flex:1 1 auto;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.side-card{background:#fff;border:1px solid #e2e4e8;border-radius:10px;padding:10px 12px}.sc-head{font-weight:700;font-size:13px;color:#2a2f36;display:flex;align-items:center;gap:6px;margin-bottom:7px}.sc-count{background:#00ae42;color:#fff;font-size:10px;border-radius:8px;padding:0 6px;font-weight:700}.sc-head-btns{margin-left:auto;display:flex;gap:4px}.sc-head-btns button{width:22px;height:22px;border:1px solid #d3d6db;background:#f6f7f8;border-radius:5px;cursor:pointer;font-size:14px;line-height:1;color:#333}.sc-head-btns button:disabled{opacity:.4;cursor:not-allowed}.sc-info{display:flex;justify-content:space-between;font-size:12px;color:#5a6069;padding:2px 0}.sc-info b{color:#24282e}.side-warn{margin:0 2px;font-size:12px}.filament-row{display:flex;align-items:center;gap:8px;padding:3px 0}.filament-row input[type=color]{width:28px;height:22px;border:1px solid #ccc;border-radius:5px;padding:0;cursor:pointer;background:none}.fil-t{font-weight:700;font-size:12px;width:20px}.fil-swatch{width:15px;height:15px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.fil-hex{font-size:11px;margin-left:auto}.obj-list2{list-style:none;margin:0 0 6px;padding:0}.obj-list2 li{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.obj-list2 li.obj-hidden{opacity:.5}.obj-eye{border:0;background:none;cursor:pointer;font-size:13px;padding:0}.obj-list2 .obj-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24282e}.obj-list2 .obj-ext{border:1px solid #d0d3d8;border-radius:5px;font-size:11px;padding:1px 3px;background:#fff}.obj-del{border:0;background:#fbe9ec;color:#d0435a;border-radius:5px;cursor:pointer;padding:0 6px}.side-card .slice-support{color:#444;font-size:12px;margin:5px 0 0}.process-card{padding:8px}.side-card .view-type-row{color:#444}.side-card .view-type-row select,.side-card .obj-ext{background:#fff;color:#222;border:1px solid #ccd0d5}.side-card .slice-layer label{color:#444;font-size:12px}.side-card .grad-title{color:#333}.side-card .grad-minmax{color:#666}.side-card .role-legend,.side-card .slice-travel{color:#555}.side-card .layer-ctl button{background:#f1f2f4;color:#333;border:1px solid #d3d6db}.side-card .layer-ctl button.on{background:#00ae42;color:#fff;border-color:#00ae42}.side-bottom{flex:0 0 auto;display:flex;gap:8px;padding:10px;border-top:1px solid #dcdfe3;background:#e6e9ec}.side-bottom .slice-btn{flex:1.4;margin:0}.auto-slice{display:flex;align-items:center;gap:5px;font-size:12px;color:#444;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.auto-slice input{margin:0}.export-btn{flex:1;text-align:center;padding:9px;border-radius:8px;background:#dfe6ea;color:#1f6feb;border:1px solid #c7d2da;text-decoration:none;font-weight:600;cursor:pointer;font-size:13px}.export-btn:hover{background:#d3dee4}.export-btn:disabled{color:#9aa4ad;background:#e9ecef;cursor:not-allowed}.vp-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.vp-canvas canvas{display:block}.vp-canvas.fail{display:flex;align-items:center;justify-content:center}.vp-fallback{color:#f0c9a8;padding:24px;text-align:center;max-width:560px;line-height:1.5}.vp-status{position:absolute;bottom:8px;left:12px;right:12px;z-index:1;font-size:11.5px;color:#9fe3bd;font-family:ui-monospace,monospace;text-shadow:0 1px 2px #000;pointer-events:none}.slice-warn{color:#f0c060;margin:4px 0}.slice-btn{width:100%;margin-top:6px;padding:7px;border:0;border-radius:7px;background:#00ae42;color:#fff;font-weight:700;cursor:pointer}.slice-btn:disabled{background:#3a4650;color:#8b98a2;cursor:not-allowed}.slice-err{color:#ff8b8b;margin-top:6px}.slice-stats{margin-top:8px;line-height:1.5}.slice-stats b{color:#9fe3bd}.slice-layer{margin-top:8px;display:flex;flex-direction:column;gap:4px}.slice-layer input[type=range]{width:100%}.slice-travel{color:#aebcc6;display:flex;align-items:center;gap:4px}.view-type-row{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#aebcc6}.view-type-row select{flex:1;background:#10141a;color:#eee;border:1px solid #2c353d;border-radius:4px;padding:2px 4px}.dual-slider{position:relative;height:22px}.dual-slider input[type=range]{position:absolute;left:0;top:0;width:100%;margin:0;pointer-events:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dual-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#00ae42;border:2px solid #0c1013;cursor:pointer}.dual-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:13px;height:13px;border-radius:50%;background:#00ae42;border:2px solid #0c1013;cursor:pointer}.dual-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:#2c353d;border-radius:2px}.dual-slider input[type=range]:first-child{z-index:2}.layer-ctl{display:flex;align-items:center;gap:8px}.layer-ctl button{padding:2px 8px;border:1px solid #2c353d;border-radius:5px;background:#1a2027;color:#cdd6dd;font-size:11px;cursor:pointer}.layer-ctl button.on{background:#00ae42;color:#fff;border-color:#00ae42}.grad-legend{margin-top:6px}.grad-title{font-size:11px;color:#cdd6dd;margin-bottom:3px}.grad-bar{height:10px;border-radius:3px;border:1px solid #2c353d}.grad-minmax{display:flex;justify-content:space-between;font-size:10px;color:#aebcc6;margin-top:2px}.role-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;color:#aebcc6}.role-item{display:inline-flex;align-items:center;gap:4px}.role-item i{width:10px;height:6px;border-radius:2px;display:inline-block}.role-item b{color:#cdd6dd}.vp-canvas.drag-over{outline:3px dashed #00ae42;outline-offset:-6px}.empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#9fb3c0;text-align:center}.empty-hint .eh-icon{font-size:46px;opacity:.8}.empty-hint .eh-title{font-size:16px;font-weight:600;color:#cdd6dd}.empty-hint .eh-sub{font-size:12px;color:#7d8b96;letter-spacing:.04em}.empty-hint .eh-btn{pointer-events:auto;margin-top:8px;padding:7px 18px;border:0;border-radius:7px;background:#00ae42;color:#fff;font-weight:600;cursor:pointer}.empty-hint .eh-btn:hover{background:#06c04d}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00ae4224;color:#d7f7e3;font-size:18px;font-weight:700;pointer-events:none;border:3px dashed #00ae42;box-sizing:border-box}.obj-split{border:0;background:transparent;cursor:pointer;padding:0 3px;line-height:0}.obj-split img{width:13px;height:13px;opacity:.6}.obj-split:hover img{opacity:1}.ctx-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24}.ctx-menu{position:absolute;z-index:25;min-width:168px;padding:4px;background:#1b2027;border:1px solid #2f3944;border-radius:8px;box-shadow:0 8px 24px #00000080}.ctx-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#dfe6ee;font-size:12px;text-align:left;cursor:pointer}.ctx-menu button:hover:not(:disabled){background:#273140}.ctx-menu button:disabled{color:#64707d;cursor:not-allowed}.ctx-menu button.danger:hover:not(:disabled){background:#4a2229;color:#ffb3b3}.ctx-menu hr{margin:4px 6px;border:0;border-top:1px solid #2f3944}.ctx-key{color:#7d8b96;font-family:ui-monospace,monospace;font-size:11px}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c10b8;z-index:20}.help-card{background:#1b2027;color:#dfe6ee;border:1px solid #2f3944;border-radius:10px;padding:18px 22px;max-width:720px;box-shadow:0 12px 40px #00000080}.help-card h3{margin:0 0 12px;font-size:15px}.help-card h4{margin:0 0 6px;font-size:12px;color:#00ae42;text-transform:uppercase;letter-spacing:.04em}.help-cols{display:flex;gap:26px;flex-wrap:wrap}.help-card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12px}.help-card dt{color:#9fb0c2;font-family:ui-monospace,monospace;white-space:nowrap}.help-card dd{margin:0}.slice-support{display:flex;align-items:center;gap:5px;margin:6px 0;color:#cdd6dd;font-size:12px}.slice-support .muted{font-size:10px}.sc-bed{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#222}.sc-bed input{width:54px;padding:1px 4px;font-size:12px;font-weight:600;text-align:right;border:1px solid #ccd0d5;border-radius:5px;background:#fff;color:#222}", xa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Zm3-6h3m2,0h3m-4-4v8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), va = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M33.5,35H5.5A1.5,1.5,0,0,1,4,33.5V5.5A1.5,1.5,0,0,1,5.5,4h28A1.5,1.5,0,0,1,35,5.5v28A1.5,1.5,0,0,1,33.5,35ZM5.5,5a.5.5,0,0,0-.5.5v28a.5.5,0,0,0,.5.5h28a.5.5,0,0,0,.5-.5V5.5a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/><path d="M30.5,32H8.5A1.5,1.5,0,0,1,7,30.5v-6A1.5,1.5,0,0,1,8.5,23h22A1.5,1.5,0,0,1,32,24.5v6A1.5,1.5,0,0,1,30.5,32Zm-22-8a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h22a.5.5,0,0,0,.5-.5v-6a.5.5,0,0,0-.5-.5Zm22-2h-6A1.5,1.5,0,0,1,23,20.5V8.5A1.5,1.5,0,0,1,24.5,7h6A1.5,1.5,0,0,1,32,8.5v12A1.5,1.5,0,0,1,30.5,22Zm-6-14a.5.5,0,0,0-.5.5v12a.5.5,0,0,0,.5.5h6a.5.5,0,0,0,.5-.5V8.5a.5.5,0,0,0-.5-.5Zm-6,6h-8a3.5,3.5,0,0,1,0-7h8a3.5,3.5,0,0,1,0,7Zm-8-6a2.5,2.5,0,0,0,0,5h8a2.5,2.5,0,0,0,0-5Zm8,14A3.5,3.5,0,1,1,22,18.5,3.5,3.5,0,0,1,18.5,22Zm0-6A2.5,2.5,0,1,0,21,18.5,2.5,2.5,0,0,0,18.5,16Zm-8,6A3.5,3.5,0,1,1,14,18.5,3.5,3.5,0,0,1,10.5,22Zm0-6A2.5,2.5,0,1,0,13,18.5,2.5,2.5,0,0,0,10.5,16Z" style="fill:#009688"/></svg>'), wa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.2,8a2.6,2.6,0,1,0,5.2,0a2.6,2.6,0,1,0,-5.2,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4.6,8a2.6,2.6,0,1,0,5.2,0a2.6,2.6,0,1,0,-5.2,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), ya = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3.5,9h2m2,0h2m2,0h2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5l1.8,3h-3.6z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), ka = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Zm3-6h8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Ea = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M5,5l6,6" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M11,5l-6,6" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Ma = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4,4h5v5H4z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M7,7h5v5H7z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Ca = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2.5,8h11" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M2.5,6v4" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M13.5,6v4" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M6,7v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M10,7v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), ja = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4,8a4,4,0,1,0,8,0a4,4,0,1,0,-8,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,4a4,4,0,0,1,0,8z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1;fill:#949494;stroke:none"/></svg>'), Na = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M34.854,19.146l-4-4a.5.5,0,0,0-.708.708L33.293,19H28.5a.5.5,0,0,0,0,1h4.793l-3.147,3.146a.5.5,0,0,0,.708.708l4-4A.5.5,0,0,0,34.854,19.146Z" style="fill:#009688"/><path d="M19.854,4.146a.5.5,0,0,0-.708,0l-4,4a.5.5,0,0,0,.708.708L19,5.707V10.5a.5.5,0,0,0,1,0V5.707l3.146,3.147a.5.5,0,0,0,.708-.708Z" style="fill:#009688"/><path d="M23.146,30.146,20,33.293V28.5a.5.5,0,0,0-1,0v4.793l-3.146-3.147a.5.5,0,0,0-.708.708l4,4a.5.5,0,0,0,.708,0l4-4a.5.5,0,0,0-.708-.708Z" style="fill:#009688"/><path d="M10.5,19H5.707l3.147-3.146a.5.5,0,0,0-.708-.708l-4,4a.5.5,0,0,0,0,.708l4,4a.5.5,0,0,0,.708-.708L5.707,20H10.5a.5.5,0,0,0,0-1Z" style="fill:#009688"/><path d="M24.5,26h-10A1.5,1.5,0,0,1,13,24.5v-10A1.5,1.5,0,0,1,14.5,13h10A1.5,1.5,0,0,1,26,14.5v10A1.5,1.5,0,0,1,24.5,26Zm-10-12a.5.5,0,0,0-.5.5v10a.5.5,0,0,0,.5.5h10a.5.5,0,0,0,.5-.5v-10a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/></svg>'), _a = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M5,5h6v6H5z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1;stroke-dasharray:2 1.5"/></svg>'), Aa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v5m-2-2 2,2 2-2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4,11.5h8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Sa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M34.923,10.25a.392.392,0,0,0-.033-.05.5.5,0,0,0-.2-.162l0,0-15-6a.5.5,0,0,0-.372,0l-15,6,0,0a.5.5,0,0,0-.2.162.392.392,0,0,0-.033.05A.478.478,0,0,0,4,10.5v18a.464.464,0,0,0,.028.138.429.429,0,0,0,.011.054l.01.015a.51.51,0,0,0,.1.144l.008,0a.5.5,0,0,0,.156.1l0,0,14.989,6,0,0,.006,0a.5.5,0,0,0,.372,0l.006,0,0,0,1.989-.8a.5.5,0,0,0-.372-.928L20,33.762V16.839l14-5.6V21.5a.5.5,0,0,0,1,0v-11A.481.481,0,0,0,34.923,10.25ZM19,33.762l-14-5.6V11.239l14,5.6Zm.5-17.8L5.846,10.5,19.5,5.039,33.153,10.5Z" style="fill:#b6b6b6"/><path d="M33.5,24h-8A1.5,1.5,0,0,0,24,25.5v8A1.5,1.5,0,0,0,25.5,35h8A1.5,1.5,0,0,0,35,33.5v-8A1.5,1.5,0,0,0,33.5,24Zm.5,9.5a.5.5,0,0,1-.5.5h-8a.5.5,0,0,1-.5-.5v-8a.5.5,0,0,1,.5-.5h8a.5.5,0,0,1,.5.5Z" style="fill:#009688"/><path d="M32.5,29H30V26.5a.5.5,0,0,0-1,0V29H26.5a.5.5,0,0,0,0,1H29v2.5a.5.5,0,0,0,1,0V30h2.5a.5.5,0,0,0,0-1Z" style="fill:#009688"/></svg>'), za = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M25.5,22a.5.5,0,0,1-.5-.5V18H18v3.5a.5.5,0,0,1-1,0v-6a.5.5,0,0,1,.084-.277l2-3A.5.5,0,0,1,19.5,12h4a.5.5,0,0,1,.416.223l2,3A.5.5,0,0,1,26,15.5v6A.5.5,0,0,1,25.5,22ZM18,17h7V15.651L23.232,13H19.768L18,15.651Z" style="fill:#009688"/><path d="M11.964,29.314a.5.5,0,0,0-.65-.278L7.152,30.7a17.321,17.321,0,0,1,3.739-6.888.5.5,0,1,0-.782-.624A19.312,19.312,0,0,0,6.359,29.8L4.964,26.314a.5.5,0,1,0-.928.372l2,5c0,.01.016.015.021.025a.475.475,0,0,0,.15.185c.009.007.016.017.025.023a.5.5,0,0,0,.2.076A.367.367,0,0,0,6.5,32h0a.475.475,0,0,0,.181-.036h0l5-2A.5.5,0,0,0,11.964,29.314Z" style="fill:#009688"/><rect x="4" y="34" width="31" height="1" style="fill:#009688"/><path d="M34.854,17.146l-13-13a.5.5,0,0,0-.708,0l-13,13a.5.5,0,0,0,.708.708L21.5,5.207,33.793,17.5,21.146,30.146a.5.5,0,0,0,.708.708l13-13A.5.5,0,0,0,34.854,17.146Z" style="fill:#b6b6b6"/><path d="M21.5,31a.5.5,0,0,1-.354-.146l-13-13a.5.5,0,0,1,.708-.708l13,13A.5.5,0,0,1,21.5,31Z" style="fill:#009688"/></svg>'), Ra = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M27.878,34.926h-4.4c-.509,0-.845,0-.955-.394a.593.593,0,0,1,.36-.67,2.3,2.3,0,0,0,1.2-2.189,3.253,3.253,0,1,1,3.8,3.206Zm-3.538-1h2.988a2.253,2.253,0,1,0-2.253-2.253A3.445,3.445,0,0,1,24.34,33.926Z" style="fill:#009688"/><path d="M30.5,30.289l-.846-.535,4.364-6.9a.222.222,0,0,0-.36-.258l-5.4,6.644-.776-.631,5.4-6.644a1.222,1.222,0,0,1,1.982,1.423Z" style="fill:#009688"/><path d="M33.5,35h-1a.5.5,0,0,1,0-1h1a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,1,1,0v5A1.5,1.5,0,0,1,33.5,35Z" style="fill:#b6b6b6"/><path d="M7.5,35a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,1,0v20A.5.5,0,0,1,7.5,35Z" style="fill:#009688"/><path d="M10.5,35a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,1,0v20A.5.5,0,0,1,10.5,35Z" style="fill:#009688"/><path d="M13.5,35h-9a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,.5-.5h9a.5.5,0,0,1,.5.5v20A.5.5,0,0,1,13.5,35ZM5,34h8V15H5Z" style="fill:#009688"/><path d="M22.5,29a.5.5,0,0,1-.5-.5V15H4.5a.5.5,0,0,1-.5-.5v-9A1.5,1.5,0,0,1,5.5,4h28A1.5,1.5,0,0,1,35,5.5v13a.5.5,0,0,1-1,0V5.5a.5.5,0,0,0-.5-.5H5.5a.5.5,0,0,0-.5.5V14H22.5a.5.5,0,0,1,.5.5v14A.5.5,0,0,1,22.5,29Z" style="fill:#b6b6b6"/></svg>'), La = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M24.5,26h-10A1.5,1.5,0,0,1,13,24.5v-10A1.5,1.5,0,0,1,14.5,13h10A1.5,1.5,0,0,1,26,14.5v10A1.5,1.5,0,0,1,24.5,26Zm-10-12a.5.5,0,0,0-.5.5v10a.5.5,0,0,0,.5.5h10a.5.5,0,0,0,.5-.5v-10a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/><path d="M35,19.5A15.517,15.517,0,0,1,19.5,35a15.767,15.767,0,0,1-2.063-.136.5.5,0,0,1-.43-.562.507.507,0,0,1,.562-.43A14.5,14.5,0,1,0,19.5,5,14.43,14.43,0,0,0,7.751,11H11.5a.5.5,0,0,1,0,1h-5a.5.5,0,0,1-.5-.5v-5a.5.5,0,0,1,1,0v3.836A15.5,15.5,0,0,1,35,19.5ZM5.943,24.66a.5.5,0,1,0-.933.356A15.426,15.426,0,0,0,7.354,29.13a.5.5,0,0,0,.783-.621A14.533,14.533,0,0,1,5.943,24.66Zm8.4,8.4a14.523,14.523,0,0,1-3.85-2.194.5.5,0,0,0-.621.784,15.455,15.455,0,0,0,4.115,2.343.487.487,0,0,0,.178.033.5.5,0,0,0,.178-.966ZM5.128,21.431A14.621,14.621,0,0,1,5,19.5a.5.5,0,0,0-1,0,15.729,15.729,0,0,0,.136,2.062.5.5,0,0,0,.992-.131Z" style="fill:#009688"/></svg>'), Pa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M25.5,5h-2a.5.5,0,0,1,0-1h2a.5.5,0,0,1,0,1ZM21,4.5a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,21,4.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,16,4.5Zm10,30a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,26,34.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,21,34.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,16,34.5ZM5,15.5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm30-10v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm-9-1v-10A1.5,1.5,0,0,0,24.5,13h-10A1.5,1.5,0,0,0,13,14.5v10A1.5,1.5,0,0,0,14.5,26h10A1.5,1.5,0,0,0,26,24.5ZM24.5,14a.5.5,0,0,1,.5.5v10a.5.5,0,0,1-.5.5h-10a.5.5,0,0,1-.5-.5v-10a.5.5,0,0,1,.5-.5Z" style="fill:#b6b6b6"/><path d="M34.962,4.309A.5.5,0,0,0,34.5,4h-5a.5.5,0,0,0,0,1h3.793l-6.147,6.146a.5.5,0,0,0,.708.708L34,5.707V9.5a.5.5,0,0,0,1,0v-5A.5.5,0,0,0,34.962,4.309Z" style="fill:#009688"/><path d="M5.707,5H9.5a.5.5,0,0,0,0-1h-5a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,1,0V5.707l6.146,6.147a.5.5,0,0,0,.708-.708Z" style="fill:#009688"/><path d="M34.5,29a.5.5,0,0,0-.5.5v3.793l-6.146-6.147a.5.5,0,0,0-.708.708L33.293,34H29.5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,.5-.5v-5A.5.5,0,0,0,34.5,29Z" style="fill:#009688"/><path d="M11.146,27.146,5,33.293V29.5a.5.5,0,0,0-1,0v5a.5.5,0,0,0,.5.5h5a.5.5,0,0,0,0-1H5.707l6.147-6.146a.5.5,0,0,0-.708-.708Z" style="fill:#009688"/></svg>'), Oa = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v2m0,2v2m0,2v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Yn = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v9" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M6,6.5,4,8l2,1.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M10,6.5,12,8l-2,1.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Za = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4.5,5h7" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,5v6.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Ta = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3,4.5h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,7h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,9h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,10.5h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,11.6h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>');
-function Ba(P) {
-  const F = P.length, L = new Float32Array(F);
-  for (let y = 0; y < F; y += 3)
-    L[y] = P[y], L[y + 1] = P[y + 2], L[y + 2] = -P[y + 1];
-  let ee = 1 / 0, d = 1 / 0, A = 1 / 0, S = -1 / 0, w = -1 / 0, te = -1 / 0;
-  for (let y = 0; y < F; y += 3)
-    ee = Math.min(ee, L[y]), S = Math.max(S, L[y]), d = Math.min(d, L[y + 1]), w = Math.max(w, L[y + 1]), A = Math.min(A, L[y + 2]), te = Math.max(te, L[y + 2]);
-  const G = (ee + S) / 2, ie = (A + te) / 2;
-  for (let y = 0; y < F; y += 3)
-    L[y] -= G, L[y + 1] -= d, L[y + 2] -= ie;
-  return { localPos: L, size: { w: S - ee, d: te - A, h: w - d } };
+const Jn = ':host{display:contents}*{box-sizing:border-box}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0e1216;color:#cdd6dd;font:14px/1.5 -apple-system,Segoe UI,sans-serif}.app-body{flex:1 1 auto;display:flex;min-height:0}.topbar{flex:0 0 44px;height:44px;display:flex;align-items:center;padding:0 12px;gap:10px;background:#161b21;border-bottom:1px solid #262d35}.topbar .tb-left,.topbar .tb-right{flex:1 1 0;display:flex;align-items:center;gap:8px}.topbar .tb-right{justify-content:flex-end}.tb-logo{font-size:15px;color:#e6edf3;letter-spacing:.01em}.tb-logo b{color:#00ae42}.tb-re{font-size:10px;background:#00ae42;color:#fff;padding:1px 5px;border-radius:4px;margin-left:2px}.tb-btn{display:inline-flex;align-items:center;gap:5px;background:#20272f;border:1px solid #2c353d;color:#cdd6dd;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.tb-btn img{width:15px;height:15px}.tb-btn:hover{background:#28313a}.tb-tabs{display:flex;border:1px solid #2c353d;border-radius:8px;overflow:hidden;flex:0 0 auto}.tb-tabs button{padding:6px 24px;border:0;background:#1a2027;color:#9fb3c0;font-weight:600;font-size:13px;cursor:pointer}.tb-tabs button.on{background:#00ae42;color:#fff}.tb-tabs button:disabled{color:#5a6570;cursor:not-allowed}.tb-icon{width:28px;height:28px;border:1px solid #2c353d;background:#20272f;color:#7d8b96;border-radius:6px;font-size:15px;cursor:not-allowed}.left-rail{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 0;background:#12171c;border-right:1px solid #232a31}.left-rail button{width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.left-rail button img{width:21px;height:21px;opacity:.72}.left-rail button:hover{background:#1e252c}.left-rail button.on{background:#00ae42}.left-rail button.on img{opacity:1;filter:brightness(1.6)}.rail-sep{width:26px;height:1px;background:#2a323a;margin:3px 0}.viewport-col{position:relative;flex:1 1 auto;min-width:0;background:#161a1e}.vp-top-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#12171cd9;padding:4px;border-radius:9px;border:1px solid #2a323a;z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.vp-top-toolbar::-webkit-scrollbar{display:none}.vp-top-toolbar>*{flex:0 0 auto}.vp-top-toolbar button{width:32px;height:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.vp-top-toolbar button img{width:18px;height:18px;opacity:.82}.vp-top-toolbar button:hover:not(:disabled){background:#2a333c}.vp-top-toolbar button:disabled{opacity:.32;cursor:not-allowed}.vtt-sep{width:1px;align-self:stretch;background:#333c45;margin:3px}.plate-bar{position:absolute;right:14px;bottom:30px;display:flex;align-items:center;gap:4px;z-index:3;background:#12171cd9;border:1px solid #2a323a;border-radius:9px;padding:4px}.plate-bar button{min-width:26px;height:26px;border:1px solid #2c353d;background:#1a2027;color:#9fb3c0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}.plate-tab.on{background:#00ae42;color:#fff;border-color:#00ae42}.plate-add{color:#7ad19a!important}.plate-del{color:#e08a8a!important}.plate-bar button:disabled{opacity:.4;cursor:not-allowed}.slice-dd{position:relative;flex:1.4}.slice-dd .slice-btn{width:100%}.slice-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d5d8dd;border-radius:8px;box-shadow:0 4px 16px #0000002e;overflow:hidden;z-index:10}.slice-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:#fff;color:#24282e;cursor:pointer;font-size:13px}.slice-menu button:hover{background:#eef7f1}.brush-panel{position:absolute;top:58px;left:14px;width:214px;background:#161b21f2;border:1px solid #2c353d;border-radius:10px;padding:10px;z-index:4;box-shadow:0 3px 14px #00000073}.bp-title{font-weight:600;margin-bottom:6px;color:#cdd6dd}.bp-modes{display:flex;gap:4px;flex-wrap:wrap}.bp-modes button{padding:3px 9px;border:1px solid #2c353d;background:#1a2027;color:#cdd6dd;border-radius:5px;cursor:pointer;font-size:12px}.bp-modes button.enf.on{background:#2b6cff;color:#fff;border-color:#2b6cff}.bp-modes button.blk.on{background:#e23b3b;color:#fff;border-color:#e23b3b}.bp-radius{display:block;font-size:12px;color:#aebcc6;margin-top:8px}.bp-radius input{width:100%}.bp-counts{margin-top:6px;font-size:11px}.stats-card{position:absolute;left:14px;bottom:32px;background:#161b21ed;border:1px solid #2c353d;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.7;z-index:2;color:#cdd6dd}.stats-card b{color:#9fe3bd}.sidebar{flex:0 0 384px;width:384px;display:flex;flex-direction:column;background:#eef0f2;color:#24282e;border-left:1px solid #d5d8dd;min-height:0}.sidebar-scroll{flex:1 1 auto;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.side-card{background:#fff;border:1px solid #e2e4e8;border-radius:10px;padding:10px 12px}.sc-head{font-weight:700;font-size:13px;color:#2a2f36;display:flex;align-items:center;gap:6px;margin-bottom:7px}.sc-count{background:#00ae42;color:#fff;font-size:10px;border-radius:8px;padding:0 6px;font-weight:700}.sc-head-btns{margin-left:auto;display:flex;gap:4px}.sc-head-btns button{width:22px;height:22px;border:1px solid #d3d6db;background:#f6f7f8;border-radius:5px;cursor:pointer;font-size:14px;line-height:1;color:#333}.sc-head-btns button:disabled{opacity:.4;cursor:not-allowed}.sc-info{display:flex;justify-content:space-between;font-size:12px;color:#5a6069;padding:2px 0}.sc-info b{color:#24282e}.side-warn{margin:0 2px;font-size:12px}.filament-row{display:flex;align-items:center;gap:8px;padding:3px 0}.filament-row input[type=color]{width:28px;height:22px;border:1px solid #ccc;border-radius:5px;padding:0;cursor:pointer;background:none}.fil-t{font-weight:700;font-size:12px;width:20px}.fil-swatch{width:15px;height:15px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.fil-hex{font-size:11px;margin-left:auto}.obj-list2{list-style:none;margin:0 0 6px;padding:0}.obj-list2 li{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.obj-list2 li.obj-hidden{opacity:.5}.obj-eye{border:0;background:none;cursor:pointer;font-size:13px;padding:0}.obj-list2 .obj-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24282e}.obj-list2 .obj-ext{border:1px solid #d0d3d8;border-radius:5px;font-size:11px;padding:1px 3px;background:#fff}.obj-del{border:0;background:#fbe9ec;color:#d0435a;border-radius:5px;cursor:pointer;padding:0 6px}.side-card .slice-support{color:#444;font-size:12px;margin:5px 0 0}.process-card{padding:8px}.side-card .view-type-row{color:#444}.side-card .view-type-row select,.side-card .obj-ext{background:#fff;color:#222;border:1px solid #ccd0d5}.side-card .slice-layer label{color:#444;font-size:12px}.side-card .grad-title{color:#333}.side-card .grad-minmax{color:#666}.side-card .role-legend,.side-card .slice-travel{color:#555}.side-card .layer-ctl button{background:#f1f2f4;color:#333;border:1px solid #d3d6db}.side-card .layer-ctl button.on{background:#00ae42;color:#fff;border-color:#00ae42}.side-bottom{flex:0 0 auto;display:flex;gap:8px;padding:10px;border-top:1px solid #dcdfe3;background:#e6e9ec}.side-bottom .slice-btn{flex:1.4;margin:0}.auto-slice{display:flex;align-items:center;gap:5px;font-size:12px;color:#444;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.auto-slice input{margin:0}.export-btn{flex:1;text-align:center;padding:9px;border-radius:8px;background:#dfe6ea;color:#1f6feb;border:1px solid #c7d2da;text-decoration:none;font-weight:600;cursor:pointer;font-size:13px}.export-btn:hover{background:#d3dee4}.export-btn:disabled{color:#9aa4ad;background:#e9ecef;cursor:not-allowed}.vp-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.vp-canvas canvas{display:block}.vp-canvas.fail{display:flex;align-items:center;justify-content:center}.vp-fallback{color:#f0c9a8;padding:24px;text-align:center;max-width:560px;line-height:1.5}.vp-status{position:absolute;bottom:8px;left:12px;right:12px;z-index:1;font-size:11.5px;color:#9fe3bd;font-family:ui-monospace,monospace;text-shadow:0 1px 2px #000;pointer-events:none}.slice-warn{color:#f0c060;margin:4px 0}.sc-sub{font-size:10.5px;opacity:.62;margin:1px 0 3px}.sc-fold>summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5a6069;padding:2px 0;cursor:pointer;list-style:none}.sc-fold>summary::-webkit-details-marker{display:none}.sc-fold-lbl:before{content:"▸";display:inline-block;width:10px;font-size:9px;opacity:.5}.sc-fold[open] .sc-fold-lbl:before{content:"▾"}.sc-fold>summary b{color:#24282e}.sc-fold[open]>summary{border-bottom:1px solid #e3e6ea;margin-bottom:4px}.sc-fold-body{max-height:320px;overflow-y:auto}.sc-model{max-width:62%;font-size:11.5px;padding:1px 2px}.support-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 2px 16px;padding-left:6px;border-left:2px solid #e3e6ea}.sup-style{margin-left:16px;padding-left:6px;border-left:2px solid #e3e6ea}.sup-paint{font-size:11px;padding:2px 8px;border:1px solid #c9ced6;border-radius:5px;background:#fff;color:#24282e;cursor:pointer;white-space:nowrap}.sup-paint.on{background:#2b6cff;border-color:#2b6cff;color:#fff}.sup-paint:disabled{opacity:.45;cursor:not-allowed}.slice-btn{width:100%;margin-top:6px;padding:7px;border:0;border-radius:7px;background:#00ae42;color:#fff;font-weight:700;cursor:pointer}.slice-btn:disabled{background:#3a4650;color:#8b98a2;cursor:not-allowed}.slice-err{color:#ff8b8b;margin-top:6px}.slice-stats{margin-top:8px;line-height:1.5}.slice-stats b{color:#9fe3bd}.slice-layer{margin-top:8px;display:flex;flex-direction:column;gap:4px}.slice-layer input[type=range]{width:100%}.slice-travel{color:#aebcc6;display:flex;align-items:center;gap:4px}.view-type-row{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#aebcc6}.view-type-row select{flex:1;background:#10141a;color:#eee;border:1px solid #2c353d;border-radius:4px;padding:2px 4px}.dual-slider{position:relative;height:22px}.dual-slider input[type=range]{position:absolute;left:0;top:0;width:100%;margin:0;pointer-events:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dual-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#00ae42;border:2px solid #0c1013;cursor:pointer}.dual-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:13px;height:13px;border-radius:50%;background:#00ae42;border:2px solid #0c1013;cursor:pointer}.dual-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:#2c353d;border-radius:2px}.dual-slider input[type=range]:first-child{z-index:2}.layer-ctl{display:flex;align-items:center;gap:8px}.layer-ctl button{padding:2px 8px;border:1px solid #2c353d;border-radius:5px;background:#1a2027;color:#cdd6dd;font-size:11px;cursor:pointer}.layer-ctl button.on{background:#00ae42;color:#fff;border-color:#00ae42}.grad-legend{margin-top:6px}.grad-title{font-size:11px;color:#cdd6dd;margin-bottom:3px}.grad-bar{height:10px;border-radius:3px;border:1px solid #2c353d}.grad-minmax{display:flex;justify-content:space-between;font-size:10px;color:#aebcc6;margin-top:2px}.role-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;color:#aebcc6}.role-item{display:inline-flex;align-items:center;gap:4px}.role-item i{width:10px;height:6px;border-radius:2px;display:inline-block}.role-item b{color:#cdd6dd}.vp-canvas.drag-over{outline:3px dashed #00ae42;outline-offset:-6px}.empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#9fb3c0;text-align:center}.empty-hint .eh-icon{font-size:46px;opacity:.8}.empty-hint .eh-title{font-size:16px;font-weight:600;color:#cdd6dd}.empty-hint .eh-sub{font-size:12px;color:#7d8b96;letter-spacing:.04em}.empty-hint .eh-btn{pointer-events:auto;margin-top:8px;padding:7px 18px;border:0;border-radius:7px;background:#00ae42;color:#fff;font-weight:600;cursor:pointer}.empty-hint .eh-btn:hover{background:#06c04d}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00ae4224;color:#d7f7e3;font-size:18px;font-weight:700;pointer-events:none;border:3px dashed #00ae42;box-sizing:border-box}.obj-split{border:0;background:transparent;cursor:pointer;padding:0 3px;line-height:0}.obj-split img{width:13px;height:13px;opacity:.6}.obj-split:hover img{opacity:1}.ctx-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24}.ctx-menu{position:absolute;z-index:25;min-width:168px;padding:4px;background:#1b2027;border:1px solid #2f3944;border-radius:8px;box-shadow:0 8px 24px #00000080}.ctx-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#dfe6ee;font-size:12px;text-align:left;cursor:pointer}.ctx-menu button:hover:not(:disabled){background:#273140}.ctx-menu button:disabled{color:#64707d;cursor:not-allowed}.ctx-menu button.danger:hover:not(:disabled){background:#4a2229;color:#ffb3b3}.ctx-menu hr{margin:4px 6px;border:0;border-top:1px solid #2f3944}.ctx-key{color:#7d8b96;font-family:ui-monospace,monospace;font-size:11px}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c10b8;z-index:20}.help-card{background:#1b2027;color:#dfe6ee;border:1px solid #2f3944;border-radius:10px;padding:18px 22px;max-width:720px;box-shadow:0 12px 40px #00000080}.help-card h3{margin:0 0 12px;font-size:15px}.help-card h4{margin:0 0 6px;font-size:12px;color:#00ae42;text-transform:uppercase;letter-spacing:.04em}.help-cols{display:flex;gap:26px;flex-wrap:wrap}.help-card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12px}.help-card dt{color:#9fb0c2;font-family:ui-monospace,monospace;white-space:nowrap}.help-card dd{margin:0}.slice-support{display:flex;align-items:center;gap:5px;margin:6px 0;color:#cdd6dd;font-size:12px}.slice-support .muted{font-size:10px}.sc-bed{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#222}.sc-bed input{width:54px;padding:1px 4px;font-size:12px;font-weight:600;text-align:right;border:1px solid #ccd0d5;border-radius:5px;background:#fff;color:#222}', Qn = 40, Ye = (n) => n + Qn, Vt = 9, gt = (n) => {
+  const a = Math.sqrt(n), c = Math.round(a);
+  return a > c ? c + 1 : c;
+}, er = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Zm3-6h3m2,0h3m-4-4v8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), tr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M33.5,35H5.5A1.5,1.5,0,0,1,4,33.5V5.5A1.5,1.5,0,0,1,5.5,4h28A1.5,1.5,0,0,1,35,5.5v28A1.5,1.5,0,0,1,33.5,35ZM5.5,5a.5.5,0,0,0-.5.5v28a.5.5,0,0,0,.5.5h28a.5.5,0,0,0,.5-.5V5.5a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/><path d="M30.5,32H8.5A1.5,1.5,0,0,1,7,30.5v-6A1.5,1.5,0,0,1,8.5,23h22A1.5,1.5,0,0,1,32,24.5v6A1.5,1.5,0,0,1,30.5,32Zm-22-8a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h22a.5.5,0,0,0,.5-.5v-6a.5.5,0,0,0-.5-.5Zm22-2h-6A1.5,1.5,0,0,1,23,20.5V8.5A1.5,1.5,0,0,1,24.5,7h6A1.5,1.5,0,0,1,32,8.5v12A1.5,1.5,0,0,1,30.5,22Zm-6-14a.5.5,0,0,0-.5.5v12a.5.5,0,0,0,.5.5h6a.5.5,0,0,0,.5-.5V8.5a.5.5,0,0,0-.5-.5Zm-6,6h-8a3.5,3.5,0,0,1,0-7h8a3.5,3.5,0,0,1,0,7Zm-8-6a2.5,2.5,0,0,0,0,5h8a2.5,2.5,0,0,0,0-5Zm8,14A3.5,3.5,0,1,1,22,18.5,3.5,3.5,0,0,1,18.5,22Zm0-6A2.5,2.5,0,1,0,21,18.5,2.5,2.5,0,0,0,18.5,16Zm-8,6A3.5,3.5,0,1,1,14,18.5,3.5,3.5,0,0,1,10.5,22Zm0-6A2.5,2.5,0,1,0,13,18.5,2.5,2.5,0,0,0,10.5,16Z" style="fill:#009688"/></svg>'), nr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.2,8a2.6,2.6,0,1,0,5.2,0a2.6,2.6,0,1,0,-5.2,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4.6,8a2.6,2.6,0,1,0,5.2,0a2.6,2.6,0,1,0,-5.2,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), rr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3.5,9h2m2,0h2m2,0h2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5l1.8,3h-3.6z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Ft = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Zm3-6h8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), or = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M5,5l6,6" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M11,5l-6,6" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), ar = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4,4h5v5H4z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M7,7h5v5H7z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), lr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8,3a5.93,5.93,0,0,0-4.95,2.5A9.1,9.1,0,0,0,1,8a9.1,9.1,0,0,0,2.05,2.5A5.93,5.93,0,0,0,8,13a5.93,5.93,0,0,0,4.95-2.5A9.1,9.1,0,0,0,15,8a9.1,9.1,0,0,0-2.05-2.5A5.93,5.93,0,0,0,8,3m0,8a2,2,0,1,1,2-2A2,2,0,0,1,8,11" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), sr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.5,2.5l13,11" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3a5.93,5.93,0,0,0-4.95,2.5A9.1,9.1,0,0,0,1,8a9.1,9.1,0,0,0,2.05,2.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3a5.93,5.93,0,0,1,4.95,2.5A9.1,9.1,0,0,1,15,8a9.1,9.1,0,0,1-2.05,2.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><circle cx="8" cy="8" r="2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), ir = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2.5,8h11" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M2.5,6v4" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M13.5,6v4" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M6,7v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M10,7v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), cr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4,8a4,4,0,1,0,8,0a4,4,0,1,0,-8,0" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,4a4,4,0,0,1,0,8z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1;fill:#949494;stroke:none"/></svg>'), dr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M34.854,19.146l-4-4a.5.5,0,0,0-.708.708L33.293,19H28.5a.5.5,0,0,0,0,1h4.793l-3.147,3.146a.5.5,0,0,0,.708.708l4-4A.5.5,0,0,0,34.854,19.146Z" style="fill:#009688"/><path d="M19.854,4.146a.5.5,0,0,0-.708,0l-4,4a.5.5,0,0,0,.708.708L19,5.707V10.5a.5.5,0,0,0,1,0V5.707l3.146,3.147a.5.5,0,0,0,.708-.708Z" style="fill:#009688"/><path d="M23.146,30.146,20,33.293V28.5a.5.5,0,0,0-1,0v4.793l-3.146-3.147a.5.5,0,0,0-.708.708l4,4a.5.5,0,0,0,.708,0l4-4a.5.5,0,0,0-.708-.708Z" style="fill:#009688"/><path d="M10.5,19H5.707l3.147-3.146a.5.5,0,0,0-.708-.708l-4,4a.5.5,0,0,0,0,.708l4,4a.5.5,0,0,0,.708-.708L5.707,20H10.5a.5.5,0,0,0,0-1Z" style="fill:#009688"/><path d="M24.5,26h-10A1.5,1.5,0,0,1,13,24.5v-10A1.5,1.5,0,0,1,14.5,13h10A1.5,1.5,0,0,1,26,14.5v10A1.5,1.5,0,0,1,24.5,26Zm-10-12a.5.5,0,0,0-.5.5v10a.5.5,0,0,0,.5.5h10a.5.5,0,0,0,.5-.5v-10a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/></svg>'), pr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M5,5h6v6H5z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1;stroke-dasharray:2 1.5"/></svg>'), ur = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v5m-2-2 2,2 2-2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4,11.5h8" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), mr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M34.923,10.25a.392.392,0,0,0-.033-.05.5.5,0,0,0-.2-.162l0,0-15-6a.5.5,0,0,0-.372,0l-15,6,0,0a.5.5,0,0,0-.2.162.392.392,0,0,0-.033.05A.478.478,0,0,0,4,10.5v18a.464.464,0,0,0,.028.138.429.429,0,0,0,.011.054l.01.015a.51.51,0,0,0,.1.144l.008,0a.5.5,0,0,0,.156.1l0,0,14.989,6,0,0,.006,0a.5.5,0,0,0,.372,0l.006,0,0,0,1.989-.8a.5.5,0,0,0-.372-.928L20,33.762V16.839l14-5.6V21.5a.5.5,0,0,0,1,0v-11A.481.481,0,0,0,34.923,10.25ZM19,33.762l-14-5.6V11.239l14,5.6Zm.5-17.8L5.846,10.5,19.5,5.039,33.153,10.5Z" style="fill:#b6b6b6"/><path d="M33.5,24h-8A1.5,1.5,0,0,0,24,25.5v8A1.5,1.5,0,0,0,25.5,35h8A1.5,1.5,0,0,0,35,33.5v-8A1.5,1.5,0,0,0,33.5,24Zm.5,9.5a.5.5,0,0,1-.5.5h-8a.5.5,0,0,1-.5-.5v-8a.5.5,0,0,1,.5-.5h8a.5.5,0,0,1,.5.5Z" style="fill:#009688"/><path d="M32.5,29H30V26.5a.5.5,0,0,0-1,0V29H26.5a.5.5,0,0,0,0,1H29v2.5a.5.5,0,0,0,1,0V30h2.5a.5.5,0,0,0,0-1Z" style="fill:#009688"/></svg>'), fr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M25.5,22a.5.5,0,0,1-.5-.5V18H18v3.5a.5.5,0,0,1-1,0v-6a.5.5,0,0,1,.084-.277l2-3A.5.5,0,0,1,19.5,12h4a.5.5,0,0,1,.416.223l2,3A.5.5,0,0,1,26,15.5v6A.5.5,0,0,1,25.5,22ZM18,17h7V15.651L23.232,13H19.768L18,15.651Z" style="fill:#009688"/><path d="M11.964,29.314a.5.5,0,0,0-.65-.278L7.152,30.7a17.321,17.321,0,0,1,3.739-6.888.5.5,0,1,0-.782-.624A19.312,19.312,0,0,0,6.359,29.8L4.964,26.314a.5.5,0,1,0-.928.372l2,5c0,.01.016.015.021.025a.475.475,0,0,0,.15.185c.009.007.016.017.025.023a.5.5,0,0,0,.2.076A.367.367,0,0,0,6.5,32h0a.475.475,0,0,0,.181-.036h0l5-2A.5.5,0,0,0,11.964,29.314Z" style="fill:#009688"/><rect x="4" y="34" width="31" height="1" style="fill:#009688"/><path d="M34.854,17.146l-13-13a.5.5,0,0,0-.708,0l-13,13a.5.5,0,0,0,.708.708L21.5,5.207,33.793,17.5,21.146,30.146a.5.5,0,0,0,.708.708l13-13A.5.5,0,0,0,34.854,17.146Z" style="fill:#b6b6b6"/><path d="M21.5,31a.5.5,0,0,1-.354-.146l-13-13a.5.5,0,0,1,.708-.708l13,13A.5.5,0,0,1,21.5,31Z" style="fill:#009688"/></svg>'), hr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M27.878,34.926h-4.4c-.509,0-.845,0-.955-.394a.593.593,0,0,1,.36-.67,2.3,2.3,0,0,0,1.2-2.189,3.253,3.253,0,1,1,3.8,3.206Zm-3.538-1h2.988a2.253,2.253,0,1,0-2.253-2.253A3.445,3.445,0,0,1,24.34,33.926Z" style="fill:#009688"/><path d="M30.5,30.289l-.846-.535,4.364-6.9a.222.222,0,0,0-.36-.258l-5.4,6.644-.776-.631,5.4-6.644a1.222,1.222,0,0,1,1.982,1.423Z" style="fill:#009688"/><path d="M33.5,35h-1a.5.5,0,0,1,0-1h1a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,1,1,0v5A1.5,1.5,0,0,1,33.5,35Z" style="fill:#b6b6b6"/><path d="M7.5,35a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,1,0v20A.5.5,0,0,1,7.5,35Z" style="fill:#009688"/><path d="M10.5,35a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,1,0v20A.5.5,0,0,1,10.5,35Z" style="fill:#009688"/><path d="M13.5,35h-9a.5.5,0,0,1-.5-.5v-20a.5.5,0,0,1,.5-.5h9a.5.5,0,0,1,.5.5v20A.5.5,0,0,1,13.5,35ZM5,34h8V15H5Z" style="fill:#009688"/><path d="M22.5,29a.5.5,0,0,1-.5-.5V15H4.5a.5.5,0,0,1-.5-.5v-9A1.5,1.5,0,0,1,5.5,4h28A1.5,1.5,0,0,1,35,5.5v13a.5.5,0,0,1-1,0V5.5a.5.5,0,0,0-.5-.5H5.5a.5.5,0,0,0-.5.5V14H22.5a.5.5,0,0,1,.5.5v14A.5.5,0,0,1,22.5,29Z" style="fill:#b6b6b6"/></svg>'), gr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M24.5,26h-10A1.5,1.5,0,0,1,13,24.5v-10A1.5,1.5,0,0,1,14.5,13h10A1.5,1.5,0,0,1,26,14.5v10A1.5,1.5,0,0,1,24.5,26Zm-10-12a.5.5,0,0,0-.5.5v10a.5.5,0,0,0,.5.5h10a.5.5,0,0,0,.5-.5v-10a.5.5,0,0,0-.5-.5Z" style="fill:#b6b6b6"/><path d="M35,19.5A15.517,15.517,0,0,1,19.5,35a15.767,15.767,0,0,1-2.063-.136.5.5,0,0,1-.43-.562.507.507,0,0,1,.562-.43A14.5,14.5,0,1,0,19.5,5,14.43,14.43,0,0,0,7.751,11H11.5a.5.5,0,0,1,0,1h-5a.5.5,0,0,1-.5-.5v-5a.5.5,0,0,1,1,0v3.836A15.5,15.5,0,0,1,35,19.5ZM5.943,24.66a.5.5,0,1,0-.933.356A15.426,15.426,0,0,0,7.354,29.13a.5.5,0,0,0,.783-.621A14.533,14.533,0,0,1,5.943,24.66Zm8.4,8.4a14.523,14.523,0,0,1-3.85-2.194.5.5,0,0,0-.621.784,15.455,15.455,0,0,0,4.115,2.343.487.487,0,0,0,.178.033.5.5,0,0,0,.178-.966ZM5.128,21.431A14.621,14.621,0,0,1,5,19.5a.5.5,0,0,0-1,0,15.729,15.729,0,0,0,.136,2.062.5.5,0,0,0,.992-.131Z" style="fill:#009688"/></svg>'), br = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M25.5,5h-2a.5.5,0,0,1,0-1h2a.5.5,0,0,1,0,1ZM21,4.5a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,21,4.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,16,4.5Zm10,30a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,26,34.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,21,34.5Zm-5,0a.5.5,0,0,0-.5-.5h-2a.5.5,0,0,0,0,1h2A.5.5,0,0,0,16,34.5ZM5,15.5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm30-10v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm0,5v-2a.5.5,0,0,0-1,0v2a.5.5,0,0,0,1,0Zm-9-1v-10A1.5,1.5,0,0,0,24.5,13h-10A1.5,1.5,0,0,0,13,14.5v10A1.5,1.5,0,0,0,14.5,26h10A1.5,1.5,0,0,0,26,24.5ZM24.5,14a.5.5,0,0,1,.5.5v10a.5.5,0,0,1-.5.5h-10a.5.5,0,0,1-.5-.5v-10a.5.5,0,0,1,.5-.5Z" style="fill:#b6b6b6"/><path d="M34.962,4.309A.5.5,0,0,0,34.5,4h-5a.5.5,0,0,0,0,1h3.793l-6.147,6.146a.5.5,0,0,0,.708.708L34,5.707V9.5a.5.5,0,0,0,1,0v-5A.5.5,0,0,0,34.962,4.309Z" style="fill:#009688"/><path d="M5.707,5H9.5a.5.5,0,0,0,0-1h-5a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,1,0V5.707l6.146,6.147a.5.5,0,0,0,.708-.708Z" style="fill:#009688"/><path d="M34.5,29a.5.5,0,0,0-.5.5v3.793l-6.146-6.147a.5.5,0,0,0-.708.708L33.293,34H29.5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,.5-.5v-5A.5.5,0,0,0,34.5,29Z" style="fill:#009688"/><path d="M11.146,27.146,5,33.293V29.5a.5.5,0,0,0-1,0v5a.5.5,0,0,0,.5.5h5a.5.5,0,0,0,0-1H5.707l6.147-6.146a.5.5,0,0,0-.708-.708Z" style="fill:#009688"/></svg>'), xr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v2m0,2v2m0,2v2" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), Gt = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,3.5v9" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M6,6.5,4,8l2,1.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M10,6.5,12,8l-2,1.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), yr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M.5,13.5V1.5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1v12a1,1,0,0,1-1,1H1.5A1,1,0,0,1,.5,13.5Z" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M4.5,5h7" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M8,5v6.5" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>'), vr = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3,4.5h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,7h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,9h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,10.5h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/><path d="M3,11.6h10" style="fill:none;stroke:#949494;stroke-linecap:square;stroke-linejoin:round;opacity:1"/></svg>');
+function wr(n) {
+  return [
+    { id: "add", icon: er, label: "Add", tip: "Add a model file to the current plate (existing objects are kept)", run: n.add },
+    { id: "delete", icon: Ft, label: "Delete", tip: "Delete the selected object (Del)", run: n.remove },
+    { id: "delete-all", icon: or, label: "Delete all", tip: "Delete every object on the plate", run: n.removeAll, disabled: () => n.objectCount() === 0 },
+    { sep: !0 },
+    { id: "duplicate", icon: ar, label: "Duplicate", tip: "Duplicate the selected object (Ctrl+K)", run: n.duplicate },
+    { id: "split", icon: Gt, label: "Split", tip: "Split to objects — every disconnected part (connected component) becomes its own object. Split to parts is not implemented (no part concept)", run: n.split },
+    { id: "onbed", icon: ur, label: "Place on bed", tip: "Drop every object onto the bed (Z=0) — to re-seat after lifting with the gizmo", run: n.placeOnBed },
+    { sep: !0 },
+    { id: "arrange", icon: tr, label: "Arrange", tip: "Auto arrange — lay objects out on the bed without overlap. Not implemented (needs the libslic3r Arrange port)" },
+    { id: "orient", icon: fr, label: "Orient", tip: "Auto orient — rotate to the orientation needing the least support. Not implemented (needs the libslic3r Orient port)" },
+    { sep: !0 },
+    { id: "cut", icon: rr, label: "Cut", tip: "Cut — slice the model with a plane into two pieces. Not implemented (needs cut-surface re-stitching)" },
+    { id: "boolean", icon: nr, label: "Boolean", tip: "Mesh boolean — union/difference/intersection of two objects. Not implemented (needs the CGAL boolean port)" },
+    { id: "negative", icon: pr, label: "Negative part", tip: "Add a negative/modifier part — put a part with different properties inside one object. Not implemented (no part concept)" },
+    { sep: !0 },
+    { id: "seam", icon: xr, label: "Seam painting", tip: "Seam painting — brush where the layer seam goes. Not implemented (needs kernel seam wiring)" },
+    { id: "mmu", icon: cr, label: "Color painting", tip: "Color painting — assign multi-material colors per facet. Not implemented (needs the MMU paint codec wiring)" },
+    { id: "text", icon: yr, label: "Text", tip: "Text/SVG emboss — engrave letters or shapes onto the model surface. Not implemented (needs font rasterization)" },
+    { id: "measure", icon: ir, label: "Measure", tip: "Measure — distance and angle between two points or faces. Not implemented" },
+    { id: "varlayer", icon: vr, label: "Variable layers", tip: "Variable layer height — different layer heights per band. Not implemented (the kernel has no variable z)" }
+  ];
 }
-const Ia = 40, Ie = (P) => P + Ia, Jn = 9, Jt = (P) => {
-  const F = Math.sqrt(P), L = Math.round(F);
-  return F > L ? L + 1 : L;
-};
-function Wa({ settings: P = {}, setSettings: F = () => {
-}, processPanel: L = null }) {
-  var Ln, Pn;
-  const ee = g(null), d = g(null), A = g({}), S = g(null), w = g([]), te = g(null), G = g(null), ie = g(null), y = g({}), Ye = g(null), Je = g(null), yt = g(!1), kt = g("feature"), me = g(0), ne = g(0), fe = g("prepare"), Qt = g(0.42), W = g("off"), Qe = g(5), Et = g(null), et = g(null), tt = g(!1), X = g({}), nt = g({}), he = g(null), Mt = g(null), Ct = g(!1), Ve = g(null), re = g(0), $e = g(1), Ue = g(0), rt = g(200), at = g(200), [K, Qn] = x(!0), [jt, er] = x("translate"), [en, ce] = x("초기화 중…"), [Ee, ot] = x([]), [tn, nn] = x(""), [lt, ge] = x(!1), [Nt, tr] = x(!1), st = g(0), [nr, _e] = x(0), [rn, C] = x(""), [be, it] = x(null), [rr, ct] = x(!1), [Ae, dt] = x(0), [ar, Se] = x(0), [ae, an] = x(1);
-  function _t(e) {
-    const t = Jt($e.current);
-    return { x: e % t * Ie(rt.current), z: Math.floor(e / t) * Ie(at.current) };
+function kr(n) {
+  return (a) => {
+    var w;
+    const c = a.composedPath ? a.composedPath()[0] : a.target;
+    if (c && (c.tagName === "INPUT" || c.tagName === "TEXTAREA" || c.tagName === "SELECT" || c.isContentEditable)) return;
+    const l = a.key, r = typeof l == "string" ? l.toLowerCase() : "", m = a.ctrlKey || a.metaKey, d = () => {
+      a.preventDefault(), a.stopPropagation();
+    };
+    if (m) {
+      r === "r" ? (d(), n.slicing || n.slice("current")) : r === "c" ? (d(), n.copy()) : r === "v" ? (d(), n.paste()) : r === "x" ? (d(), n.copy(), n.remove()) : (r === "k" || r === "d") && (d(), n.duplicate());
+      return;
+    }
+    if (n.isPreview()) {
+      const b = a.shiftKey ? 10 : 1;
+      l === "ArrowUp" ? (d(), n.stepLayer(b)) : l === "ArrowDown" ? (d(), n.stepLayer(-b)) : r === "l" ? (d(), n.toggleSingleLayer()) : r === "t" ? (d(), n.toggleTravel()) : r === "z" ? (d(), n.zoomAll()) : r === "b" ? (d(), n.zoomBed()) : l === "Escape" && (d(), n.leavePreview());
+      return;
+    }
+    if (r === "m" || r === "g")
+      d(), n.setGizmo("translate");
+    else if (r === "r")
+      d(), n.setGizmo("rotate");
+    else if (r === "s")
+      d(), n.setGizmo("scale");
+    else if (r === "z")
+      d(), n.zoomAll();
+    else if (r === "b")
+      d(), n.zoomBed();
+    else if (l === "Delete" || l === "Backspace")
+      d(), n.remove();
+    else if (l === "Escape")
+      d(), n.cancelTool();
+    else if (l === "PageUp")
+      d(), n.rotateSelected(Math.PI / 4);
+    else if (l === "PageDown")
+      d(), n.rotateSelected(-Math.PI / 4);
+    else if ((w = l.startsWith) != null && w.call(l, "Arrow")) {
+      d();
+      const b = a.shiftKey ? 1 : 10;
+      n.nudgeSelected(
+        l === "ArrowLeft" ? -b : l === "ArrowRight" ? b : 0,
+        l === "ArrowUp" ? -b : l === "ArrowDown" ? b : 0
+      );
+    } else l === "?" && (d(), n.toggleHelp());
+  };
+}
+function Er(n, a) {
+  const c = n.geometry, l = c == null ? void 0 : c.getAttribute("position");
+  if (!l) return null;
+  const r = c.getIndex(), m = (r ? r.count : l.count) / 3, d = Math.cos(Math.max(0, Math.min(90, a)) * Math.PI / 180), w = new N.Matrix3().getNormalMatrix(n.matrixWorld), b = new N.Vector3(), T = new N.Vector3(), P = new N.Vector3(), M = new N.Vector3(), B = new N.Vector3(), ee = new N.Vector3(), L = [];
+  for (let I = 0; I < m; I++) {
+    const A = r ? r.getX(I * 3) : I * 3, u = r ? r.getX(I * 3 + 1) : I * 3 + 1, _ = r ? r.getX(I * 3 + 2) : I * 3 + 2;
+    b.fromBufferAttribute(l, A), T.fromBufferAttribute(l, u), P.fromBufferAttribute(l, _), ee.copy(M.subVectors(T, b)).cross(B.subVectors(P, b)), ee.lengthSq() !== 0 && (ee.applyMatrix3(w).normalize(), !(-ee.y <= d) && L.push(b.x, b.y, b.z, T.x, T.y, T.z, P.x, P.y, P.z));
   }
-  function on(e, t) {
-    const r = $e.current, a = Jt(r), l = Math.max(0, Math.min(a - 1, Math.round(e / Ie(rt.current)))), c = Math.max(0, Math.round(t / Ie(at.current)));
-    return Math.max(0, Math.min(r - 1, c * a + l));
+  if (!L.length) return null;
+  const te = new N.BufferGeometry();
+  return te.setAttribute("position", new N.Float32BufferAttribute(L, 3)), te.computeVertexNormals(), te;
+}
+function Mr(n) {
+  const a = n.length, c = new Float32Array(a);
+  for (let M = 0; M < a; M += 3)
+    c[M] = n[M], c[M + 1] = n[M + 2], c[M + 2] = -n[M + 1];
+  let l = 1 / 0, r = 1 / 0, m = 1 / 0, d = -1 / 0, w = -1 / 0, b = -1 / 0;
+  for (let M = 0; M < a; M += 3)
+    l = Math.min(l, c[M]), d = Math.max(d, c[M]), r = Math.min(r, c[M + 1]), w = Math.max(w, c[M + 1]), m = Math.min(m, c[M + 2]), b = Math.max(b, c[M + 2]);
+  const T = (l + d) / 2, P = (m + b) / 2;
+  for (let M = 0; M < a; M += 3)
+    c[M] -= T, c[M + 1] -= r, c[M + 2] -= P;
+  return { localPos: c, size: { w: d - l, d: b - m, h: w - r } };
+}
+function jr(n) {
+  const {
+    apiRef: a,
+    objectsRef: c,
+    keyRef: l,
+    workerRef: r,
+    selectedPlateRef: m,
+    placeXRef: d,
+    plateCountRef: w,
+    canvasModeRef: b,
+    paintModeRef: T,
+    brushRadiusRef: P,
+    paintXformRef: M,
+    extruderColorsRef: B,
+    setOk: ee,
+    setStatus: L,
+    setGmode: te,
+    setCtxMenu: I,
+    setBrushRadius: A
+  } = n, u = H(null), _ = H({}), G = H(!1), K = H(200), h = H(200);
+  function E(j) {
+    const f = gt(w.current);
+    return { x: j % f * Ye(K.current), z: Math.floor(j / f) * Ye(h.current) };
+  }
+  function k(j, f) {
+    const g = w.current, y = gt(g), v = Math.max(0, Math.min(y - 1, Math.round(j / Ye(K.current)))), D = Math.max(0, Math.round(f / Ye(h.current)));
+    return Math.max(0, Math.min(g - 1, D * y + v));
   }
-  const [Fe, or] = x(0), [lr, At] = x(!1), [sr, ln] = x(!1), [sn, ir] = x(0), [pt, D] = x(null), [cr, dr] = x("feature"), [xe, St] = x(null), [cn, zt] = x(0), [Rt, Lt] = x(0), [Me, pr] = x(!1), [ur, Pt] = x([]), [H, ze] = x("prepare"), [Ot, Zt] = x(!1), Ge = g(null), [De, Tt] = x(["#6aa0dc", "#e08a2b"]), Re = g(["#6aa0dc", "#e08a2b"]), [dn, ut] = x(""), [mr, fr] = x(!1), [pn, hr] = x(!1), [ve, gr] = x("off"), [un, mn] = x(5), [fn, hn] = x({ enf: 0, blk: 0 }), [gn, Y] = x(""), [bn, Ce] = x(null);
-  Be(() => {
-    const e = ee.current;
-    if (!e) return;
-    const t = document.createElement("canvas");
-    if (!(t.getContext("webgl2") || t.getContext("webgl"))) {
-      Qn(!1), ce("이 환경에서 WebGL 컨텍스트를 만들 수 없습니다 (헤드리스/GPU 미지원).");
+  return Ve(() => {
+    const j = u.current;
+    if (!j) return;
+    const f = document.createElement("canvas");
+    if (!(f.getContext("webgl2") || f.getContext("webgl"))) {
+      ee(!1), L("Cannot create a WebGL context in this environment (headless / no GPU).");
       return;
     }
-    let r = e.clientWidth || 800, a = e.clientHeight || 480;
-    const l = new h.WebGLRenderer({ antialias: !0 });
-    l.setPixelRatio(Math.min(window.devicePixelRatio, 2)), l.setSize(r, a), l.setClearColor(1448478, 1), l.domElement.setAttribute("data-webgl", l.getContext() ? "ok" : "fail"), e.appendChild(l.domElement);
-    const c = new h.Scene(), s = new h.PerspectiveCamera(50, r / a, 1, 3e3);
-    s.position.set(210, 180, 260), c.add(new h.HemisphereLight(16777215, 2764598, 1));
-    const b = new h.DirectionalLight(16777215, 1.1);
-    b.position.set(120, 220, 160), c.add(b);
-    const p = new h.Group();
-    c.add(p);
-    const j = new h.Group();
-    c.add(j);
-    const u = new oa(s, l.domElement);
-    u.target.set(0, 22, 0), u.enableDamping = !1, u.update(), u.rotateSpeed = 1.6, u.panSpeed = 1.6;
-    const f = new la(s, l.domElement);
-    f.setMode("translate"), f.setSize(0.8);
-    const B = new h.Box3(), O = (o) => {
-      if (!o) return;
-      o.updateMatrixWorld(!0), B.setFromObject(o);
-      const i = B.min.y;
-      Number.isFinite(i) && Math.abs(i) > 1e-4 && (o.position.y -= i, o.updateMatrixWorld(!0));
+    let g = j.clientWidth || 800, y = j.clientHeight || 480;
+    const v = new N.WebGLRenderer({ antialias: !0 });
+    v.setPixelRatio(Math.min(window.devicePixelRatio, 2)), v.setSize(g, y), v.setClearColor(1448478, 1), v.domElement.setAttribute("data-webgl", v.getContext() ? "ok" : "fail"), j.appendChild(v.domElement);
+    const D = new N.Scene(), W = new N.PerspectiveCamera(50, g / y, 1, 3e3);
+    W.position.set(210, 180, 260), D.add(new N.HemisphereLight(16777215, 2764598, 1));
+    const oe = new N.DirectionalLight(16777215, 1.1);
+    oe.position.set(120, 220, 160), D.add(oe);
+    const ge = new N.Group();
+    D.add(ge);
+    const de = new N.Group();
+    D.add(de);
+    const Y = new Un(W, v.domElement);
+    Y.target.set(0, 22, 0), Y.enableDamping = !1, Y.update(), Y.rotateSpeed = 1.6, Y.panSpeed = 1.6;
+    const C = new $n(W, v.domElement);
+    C.setMode("translate"), C.setSize(0.8);
+    const pe = new N.Box3(), je = (t) => {
+      if (!t) return;
+      t.updateMatrixWorld(!0), pe.setFromObject(t);
+      const s = pe.min.y;
+      Number.isFinite(s) && Math.abs(s) > 1e-4 && (t.position.y -= s, t.updateMatrixWorld(!0));
     };
-    f.addEventListener("dragging-changed", (o) => {
-      var i, m;
-      u.enabled = !o.value, o.value || O(f.object), (m = (i = A.current).invalidate) == null || m.call(i);
-    }), c.add(f), A.current = { scene: c, camera: s, renderer: l, orbit: u, transform: f, objectsGroup: p, toolpathGroup: j, plateBeds: [] }, typeof window < "u" && (window.__vpThree = A.current, window.__vpApi = () => d.current);
-    let V = !0;
-    const M = () => {
-      V = !0;
+    C.addEventListener("dragging-changed", (t) => {
+      var s, R;
+      Y.enabled = !t.value, t.value || je(C.object), (R = (s = _.current).invalidate) == null || R.call(s);
+    }), D.add(C), _.current = { scene: D, camera: W, renderer: v, orbit: Y, transform: C, objectsGroup: ge, toolpathGroup: de, plateBeds: [] }, typeof window < "u" && (window.__vpThree = _.current, window.__vpApi = () => a.current);
+    let Ce = !0;
+    const ye = () => {
+      Ce = !0;
     };
-    A.current.invalidate = M, u.addEventListener("change", M), f.addEventListener("change", M), l.domElement.addEventListener("pointermove", M);
-    const _ = new h.Raycaster(), T = new h.Vector2();
-    let U = null, z = null, ta = 0;
-    const Wt = () => w.current.map((o) => o.mesh), ye = () => {
-      for (const o of Wt()) o.material.emissive.setHex(o === z ? 44610 : o === U ? 2055220 : 0);
-    }, ke = () => w.current.length ? `오브젝트 ${w.current.length}개 · 선택: ${z ? z.userData.name : "—"} | M/R/S · 좌드래그 회전 · ? 단축키` : `호버: ${U ? U.userData.name : "—"} · 선택: ${z ? z.userData.name : "—"} | 좌드래그 회전 · ? 단축키`, We = (o) => {
-      const i = l.domElement.getBoundingClientRect();
-      T.x = (o.clientX - i.left) / i.width * 2 - 1, T.y = -((o.clientY - i.top) / i.height) * 2 + 1;
-    }, gt = () => {
-      _.setFromCamera(T, s);
-      const o = _.intersectObjects(Wt(), !1);
-      return o.length ? o[0].object : null;
-    }, na = () => {
-      _.setFromCamera(T, s);
-      const o = _.intersectObjects(Wt(), !1);
-      return o.length ? o[0] : null;
-    }, On = (o) => {
-      var q;
-      const i = Et.current;
-      if (!i) return;
-      We(o);
-      const m = na();
-      if (!m || m.faceIndex == null) return;
-      const E = (I) => [I.x - i.cx, -I.z - i.cy, I.y - i.minz], N = E(m.point), k = E(s.position);
-      (q = S.current) == null || q.postMessage({
+    _.current.invalidate = ye, Y.addEventListener("change", ye), C.addEventListener("change", ye), v.domElement.addEventListener("pointermove", ye);
+    const Re = new N.Raycaster(), be = new N.Vector2();
+    let Se = null, i = null, S = 0;
+    const V = () => c.current.map((t) => t.mesh), p = () => {
+      for (const t of V()) t.material.emissive.setHex(t === i ? 44610 : t === Se ? 2055220 : 0);
+    }, O = () => c.current.length ? `${c.current.length} object(s) · selected: ${i ? i.userData.name : "—"} | M/R/S · left-drag to orbit · ? for shortcuts` : `hover: ${Se ? Se.userData.name : "—"} · selected: ${i ? i.userData.name : "—"} | left-drag to orbit · ? for shortcuts`, ue = (t) => {
+      const s = v.domElement.getBoundingClientRect();
+      be.x = (t.clientX - s.left) / s.width * 2 - 1, be.y = -((t.clientY - s.top) / s.height) * 2 + 1;
+    }, ve = () => {
+      Re.setFromCamera(be, W);
+      const t = Re.intersectObjects(V(), !1);
+      return t.length ? t[0].object : null;
+    }, Ee = () => {
+      Re.setFromCamera(be, W);
+      const t = Re.intersectObjects(V(), !1);
+      return t.length ? t[0] : null;
+    }, Z = (t) => {
+      var me;
+      const s = M.current;
+      if (!s) return;
+      ue(t);
+      const R = Ee();
+      if (!R || R.faceIndex == null) return;
+      const F = (ne) => [ne.x - s.cx, -ne.z - s.cy, ne.y - s.minz], re = F(R.point), U = F(W.position);
+      (me = r.current) == null || me.postMessage({
         cmd: "paint",
-        facet: m.faceIndex,
-        hx: N[0],
-        hy: N[1],
-        hz: N[2],
-        cx: k[0],
-        cy: k[1],
-        cz: k[2],
-        radius: Qe.current,
-        enforcer: W.current === "enforcer"
+        facet: R.faceIndex,
+        hx: re[0],
+        hy: re[1],
+        hz: re[2],
+        cx: U[0],
+        cy: U[1],
+        cz: U[2],
+        radius: P.current,
+        enforcer: T.current === "enforcer"
       });
-    }, Zn = () => {
-      const o = l.domElement;
-      o.style.cursor = fe.current === "preview" ? "" : W.current !== "off" ? "crosshair" : U ? "pointer" : "";
-    }, Tn = (o) => {
-      if (fe.current === "preview") return;
-      if (W.current !== "off") {
-        tt.current && On(o);
+    }, q = () => {
+      const t = v.domElement;
+      t.style.cursor = b.current === "preview" ? "" : T.current !== "off" ? "crosshair" : Se ? "pointer" : "";
+    }, z = (t) => {
+      if (b.current === "preview") return;
+      if (T.current !== "off") {
+        G.current && Z(t);
         return;
       }
-      if (f.dragging || f.axis) return;
-      We(o);
-      const i = gt();
-      i !== U && (U = i, ye(), Zn(), ce(ke()));
-    }, Bn = (o) => {
-      if (o.button !== 0 || fe.current === "preview") return;
-      if (W.current !== "off") {
-        tt.current = !0, u.enabled = !1, On(o);
+      if (C.dragging || C.axis) return;
+      ue(t);
+      const s = ve();
+      s !== Se && (Se = s, p(), q(), L(O()));
+    }, ie = (t) => {
+      if (t.button !== 0 || b.current === "preview") return;
+      if (T.current !== "off") {
+        G.current = !0, Y.enabled = !1, Z(t);
         return;
       }
-      if (f.dragging || f.axis) return;
-      We(o);
-      const i = gt();
-      i ? (z = i, f.attach(i)) : (z = null, f.detach()), ye(), ce(ke());
-    }, bt = () => {
-      tt.current && (tt.current = !1, u.enabled = !0);
-    }, In = (o) => {
-      o.button !== 0 || fe.current === "preview" || W.current !== "off" || (We(o), gt() ? Xt() : (z = null, f.detach(), ye(), ce(ke())));
-    }, Vn = (o) => {
-      if (W.current === "off" || fe.current === "preview") return;
-      o.preventDefault(), o.stopPropagation();
-      const i = Math.min(15, Math.max(1, Qe.current + (o.deltaY < 0 ? 0.5 : -0.5)));
-      Qe.current = i, mn(i);
+      if (C.dragging || C.axis) return;
+      ue(t);
+      const s = ve();
+      s ? (i = s, C.attach(s)) : (i = null, C.detach()), p(), L(O());
+    }, we = () => {
+      G.current && (G.current = !1, Y.enabled = !0);
+    }, se = (t) => {
+      t.button !== 0 || b.current === "preview" || T.current !== "off" || (ue(t), ve() ? Fe() : (i = null, C.detach(), p(), L(O())));
+    }, ae = (t) => {
+      if (T.current === "off" || b.current === "preview") return;
+      t.preventDefault(), t.stopPropagation();
+      const s = Math.min(15, Math.max(1, P.current + (t.deltaY < 0 ? 0.5 : -0.5)));
+      P.current = s, A(s);
     };
-    let xt = null;
-    const $n = (o) => {
-      o.button === 2 && (xt = { x: o.clientX, y: o.clientY });
-    }, Un = (o) => {
-      if (o.preventDefault(), fe.current === "preview" || W.current !== "off" || xt && Math.hypot(o.clientX - xt.x, o.clientY - xt.y) > 4) return;
-      We(o);
-      const i = gt();
-      i ? (z = i, f.attach(i)) : (z = null, f.detach()), ye(), ce(ke());
-      const m = l.domElement.getBoundingClientRect();
-      D({ x: o.clientX - m.left, y: o.clientY - m.top, onObject: !!i });
+    let J = null;
+    const ce = (t) => {
+      t.button === 2 && (J = { x: t.clientX, y: t.clientY });
+    }, ke = (t) => {
+      if (t.preventDefault(), b.current === "preview" || T.current !== "off" || J && Math.hypot(t.clientX - J.x, t.clientY - J.y) > 4) return;
+      ue(t);
+      const s = ve();
+      s ? (i = s, C.attach(s)) : (i = null, C.detach()), p(), L(O());
+      const R = v.domElement.getBoundingClientRect();
+      I({ x: t.clientX - R.left, y: t.clientY - R.top, onObject: !!s });
     };
-    l.domElement.addEventListener("pointermove", Tn), l.domElement.addEventListener("pointerdown", Bn), l.domElement.addEventListener("pointerdown", $n), l.domElement.addEventListener("contextmenu", Un), l.domElement.addEventListener("dblclick", In), l.domElement.addEventListener("wheel", Vn, { passive: !1, capture: !0 }), window.addEventListener("pointerup", bt), window.addEventListener("pointercancel", bt);
-    const ra = (o) => {
-      f.setMode(o), er(o);
-    }, Xt = () => {
-      const o = w.current, i = new h.Box3();
-      o.length ? o.forEach((k) => i.expandByObject(k.mesh)) : i.setFromCenterAndSize(new h.Vector3(0, 25, 0), new h.Vector3(100, 50, 100));
-      const m = i.getCenter(new h.Vector3()), E = i.getSize(new h.Vector3()), N = Math.max(E.x, E.y, E.z, 20) * 1.9 + 40;
-      u.target.copy(m), s.position.set(m.x + N * 0.7, m.y + N * 0.55 + E.y * 0.3, m.z + N), s.updateProjectionMatrix(), u.update();
-    }, Fn = (o, i, m = null, E = null, N = null) => {
-      const k = new h.BufferGeometry();
-      k.setAttribute("position", new h.Float32BufferAttribute(i, 3)), k.computeVertexNormals(), k.computeBoundingBox();
-      const q = Re.current[0] || "#6aa0dc", I = new h.Mesh(k, new h.MeshStandardMaterial({ color: new h.Color(q), roughness: 0.6, metalness: 0.05, side: h.DoubleSide }));
-      if (m && I.rotation.copy(m), E && I.scale.copy(E), N)
-        I.position.copy(N);
+    v.domElement.addEventListener("pointermove", z), v.domElement.addEventListener("pointerdown", ie), v.domElement.addEventListener("pointerdown", ce), v.domElement.addEventListener("contextmenu", ke), v.domElement.addEventListener("dblclick", se), v.domElement.addEventListener("wheel", ae, { passive: !1, capture: !0 }), window.addEventListener("pointerup", we), window.addEventListener("pointercancel", we);
+    const ze = (t) => {
+      C.setMode(t), te(t);
+    }, Fe = () => {
+      const t = c.current, s = new N.Box3();
+      t.length ? t.forEach((U) => s.expandByObject(U.mesh)) : s.setFromCenterAndSize(new N.Vector3(0, 25, 0), new N.Vector3(100, 50, 100));
+      const R = s.getCenter(new N.Vector3()), F = s.getSize(new N.Vector3()), re = Math.max(F.x, F.y, F.z, 20) * 1.9 + 40;
+      Y.target.copy(R), W.position.set(R.x + re * 0.7, R.y + re * 0.55 + F.y * 0.3, R.z + re), W.updateProjectionMatrix(), Y.update();
+    }, qe = (t, s, R = null, F = null, re = null) => {
+      const U = new N.BufferGeometry();
+      U.setAttribute("position", new N.Float32BufferAttribute(s, 3)), U.computeVertexNormals(), U.computeBoundingBox();
+      const me = B.current[0] || "#6aa0dc", ne = new N.Mesh(U, new N.MeshStandardMaterial({ color: new N.Color(me), roughness: 0.6, metalness: 0.05, side: N.DoubleSide }));
+      if (R && ne.rotation.copy(R), F && ne.scale.copy(F), re)
+        ne.position.copy(re);
       else {
-        const pe = (k.boundingBox.max.x - k.boundingBox.min.x) * (E ? Math.abs(E.x) : 1);
-        w.current.length === 0 && (Ue.current = 0);
-        const se = _t(re.current);
-        I.position.set(se.x + Ue.current + pe / 2, 0, se.z), Ue.current += pe + 8;
+        const Ne = (U.boundingBox.max.x - U.boundingBox.min.x) * (F ? Math.abs(F.x) : 1);
+        c.current.length === 0 && (d.current = 0);
+        const Pe = E(m.current);
+        ne.position.set(Pe.x + d.current + Ne / 2, 0, Pe.z), d.current += Ne + 8;
       }
-      I.userData = { name: o }, p.add(I);
-      const le = ++ta;
-      return w.current.push({ id: le, name: o, mesh: I, localPos: i, extruder: 1, visible: !0 }), p.visible = !0, ce(ke()), Xt(), { id: le, name: o };
+      ne.userData = { name: t }, ge.add(ne);
+      const Me = ++S;
+      return c.current.push({ id: Me, name: t, mesh: ne, localPos: s, extruder: 1, visible: !0 }), ge.visible = !0, Ie != null && We(), L(O()), Fe(), { id: Me, name: t };
     };
-    d.current = {
-      setMode: ra,
-      refreshCursor: () => Zn(),
-      // 페인트 모드 전환 시 커서 힌트 동기화
+    let Ie = null;
+    function We() {
+      for (const t of c.current) {
+        const s = t.mesh.children.find((re) => {
+          var U;
+          return (U = re.userData) == null ? void 0 : U.overhang;
+        });
+        if (s && (t.mesh.remove(s), s.geometry.dispose(), s.material.dispose()), Ie == null) continue;
+        t.mesh.updateWorldMatrix(!0, !1);
+        const R = Er(t.mesh, Ie);
+        if (!R) continue;
+        const F = new N.Mesh(R, new N.MeshBasicMaterial({
+          color: 16729139,
+          transparent: !0,
+          opacity: 0.7,
+          side: N.DoubleSide,
+          depthWrite: !1,
+          polygonOffset: !0,
+          polygonOffsetFactor: -1,
+          polygonOffsetUnits: -1
+        }));
+        F.userData.overhang = !0, t.mesh.add(F);
+      }
+      ye();
+    }
+    C.addEventListener("dragging-changed", (t) => {
+      !t.value && Ie != null && We();
+    }), a.current = {
+      setMode: ze,
+      /** Highlight facets below `thresholdDeg` (the support threshold angle); null turns the shading off. */
+      setOverhang: (t) => {
+        Ie = t, We();
+      },
+      refreshCursor: () => q(),
+      // keeps the cursor hint in sync when the paint mode changes
       detachTransform: () => {
-        z = null, f.detach(), ye();
+        i = null, C.detach(), p();
       },
-      // 20단계: 페인팅 진입 시 기즈모 해제
-      addObject: (o, i) => Fn(o, Ba(i).localPos),
-      // ---- 단축키 지원 (복제/넛지/회전/줌투) ----
-      getSnapshot: (o) => {
-        const i = w.current.find((m) => m.id === o);
-        return i ? { name: i.name, localPos: i.localPos, rot: i.mesh.rotation.clone(), scale: i.mesh.scale.clone(), pos: i.mesh.position.clone() } : null;
+      // stage 20: release the gizmo when entering painting
+      addObject: (t, s) => qe(t, Mr(s).localPos),
+      // ---- Shortcut support (duplicate/nudge/rotate/zoom-to) ----
+      getSnapshot: (t) => {
+        const s = c.current.find((R) => R.id === t);
+        return s ? { name: s.name, localPos: s.localPos, rot: s.mesh.rotation.clone(), scale: s.mesh.scale.clone(), pos: s.mesh.position.clone() } : null;
       },
-      // keepPos=true 면 스냅샷의 원래 위치를 유지(분리). false(기본)면 배치 커서로 옆에 놓는다(복제/붙여넣기).
-      spawnSnapshot: (o, i = !1) => o ? Fn(o.name, o.localPos, o.rot, o.scale, i && o.pos || null) : null,
-      nudgeSelected: (o, i) => {
-        z && (z.position.x += o, z.position.z += i);
+      // keepPos=true keeps the snapshot's original position (split). false (default) places it beside via the placement cursor (duplicate/paste).
+      spawnSnapshot: (t, s = !1) => t ? qe(t.name, t.localPos, t.rot, t.scale, s && t.pos || null) : null,
+      nudgeSelected: (t, s) => {
+        i && (i.position.x += t, i.position.z += s);
       },
-      rotateSelectedY: (o) => {
-        z && (z.rotation.y += o);
+      rotateSelectedY: (t) => {
+        i && (i.rotation.y += t);
       },
-      frame: () => Xt(),
-      // Z: 전체 오브젝트로 줌
+      frame: () => Fe(),
+      // Z: zoom to all objects
       frameBed: () => {
-        const o = _t(re.current), i = Math.max(rt.current, at.current) * 1.1 + 40;
-        u.target.set(o.x, 0, o.z), s.position.set(o.x + i * 0.55, i * 0.8, o.z + i), u.update();
+        const t = E(m.current), s = Math.max(K.current, h.current) * 1.1 + 40;
+        Y.target.set(t.x, 0, t.z), W.position.set(t.x + s * 0.55, s * 0.8, t.z + s), Y.update();
       },
-      removeObject: (o) => {
-        const i = w.current, m = i.findIndex((N) => N.id === o);
-        if (m < 0) return;
-        const E = i[m];
-        z === E.mesh && (z = null, f.detach()), U === E.mesh && (U = null), p.remove(E.mesh), E.mesh.geometry.dispose(), E.mesh.material.dispose(), i.splice(m, 1), i.length === 0 && (Ue.current = 0), ye(), ce(ke());
+      removeObject: (t) => {
+        var re, U;
+        const s = c.current, R = s.findIndex((me) => me.id === t);
+        if (R < 0) return;
+        const F = s[R];
+        i === F.mesh && (i = null, C.detach()), Se === F.mesh && (Se = null);
+        for (const me of [...F.mesh.children])
+          F.mesh.remove(me), (re = me.geometry) == null || re.dispose(), (U = me.material) == null || U.dispose();
+        ge.remove(F.mesh), F.mesh.geometry.dispose(), F.mesh.material.dispose(), s.splice(R, 1), s.length === 0 && (d.current = 0), p(), L(O());
       },
-      // MM: 익스트루더 오름차순으로 삼각형 정렬 병합 → 그룹0(ext1) 뒤 그룹1(ext2), split 반환.
-      platePos: (o) => _t(o),
-      // 플레이트 i 의 three (x,z) 오프셋
-      plateOfObject: (o) => {
-        o.mesh.updateMatrixWorld(!0);
-        const i = new h.Vector3().setFromMatrixPosition(o.mesh.matrixWorld);
-        return on(i.x, i.z);
+      // MM: merges triangles sorted by ascending extruder -> group0 (ext1) followed by group1 (ext2); returns split.
+      platePos: (t) => E(t),
+      // three (x,z) offset of plate i
+      plateOfObject: (t) => {
+        t.mesh.updateMatrixWorld(!0);
+        const s = new N.Vector3().setFromMatrixPosition(t.mesh.matrixWorld);
+        return k(s.x, s.z);
       },
-      // plateIdx!=null 이면 그 플레이트 소속 오브젝트만 + 좌표를 플레이트 로컬(three-x -= PX)로 변환(28단계 계약 유지).
-      buildMergedSTL: (o = null) => {
-        let i = w.current.filter((v) => v.visible !== !1);
-        if (o != null && (i = i.filter((v) => {
-          v.mesh.updateMatrixWorld(!0);
-          const $ = new h.Vector3().setFromMatrixPosition(v.mesh.matrixWorld);
-          return on($.x, $.z) === o;
-        })), !i.length) return null;
-        const m = [...i].sort((v, $) => (v.extruder || 1) - ($.extruder || 1)), E = new Set(m.map((v) => v.extruder || 1)), N = new h.Vector3(), k = [];
-        let q = 0, I = 0;
-        for (const v of m) {
-          (v.extruder || 1) >= 2 && I === 0 && (I = q), v.mesh.updateMatrixWorld(!0);
-          const $ = v.mesh.matrixWorld, Xe = v.localPos;
-          for (let Ke = 0; Ke < Xe.length; Ke += 3)
-            N.set(Xe[Ke], Xe[Ke + 1], Xe[Ke + 2]).applyMatrix4($), k.push(N.x, -N.z, N.y);
-          q += Xe.length / 9;
+      // When plateIdx != null, only objects on that plate are used and coordinates are converted to plate-local (three-x -= PX) (keeps the stage-28 contract).
+      buildMergedSTL: (t = null) => {
+        let s = c.current.filter((X) => X.visible !== !1);
+        if (t != null && (s = s.filter((X) => {
+          X.mesh.updateMatrixWorld(!0);
+          const xe = new N.Vector3().setFromMatrixPosition(X.mesh.matrixWorld);
+          return k(xe.x, xe.z) === t;
+        })), !s.length) return null;
+        const R = [...s].sort((X, xe) => (X.extruder || 1) - (xe.extruder || 1)), F = new Set(R.map((X) => X.extruder || 1)), re = new N.Vector3(), U = [];
+        let me = 0, ne = 0;
+        for (const X of R) {
+          (X.extruder || 1) >= 2 && ne === 0 && (ne = me), X.mesh.updateMatrixWorld(!0);
+          const xe = X.mesh.matrixWorld, Ge = X.localPos;
+          for (let Ue = 0; Ue < Ge.length; Ue += 3)
+            re.set(Ge[Ue], Ge[Ue + 1], Ge[Ue + 2]).applyMatrix4(xe), U.push(re.x, -re.z, re.y);
+          me += Ge.length / 9;
         }
-        let le = 1e18, pe = 1e18, se = -1e18, je = -1e18;
-        for (let v = 0; v < k.length; v += 3)
-          k[v] < le && (le = k[v]), k[v] > se && (se = k[v]), k[v + 1] < pe && (pe = k[v + 1]), k[v + 1] > je && (je = k[v + 1]);
-        const Ze = (le + se) / 2, Te = (pe + je) / 2;
-        for (let v = 0; v < k.length; v += 3)
-          k[v] -= Ze, k[v + 1] -= Te;
-        const vt = Ze, Z = -Te, R = new ArrayBuffer(84 + q * 50), ue = new DataView(R);
-        ue.setUint32(80, q, !0);
-        let Q = 84, Ne = 0;
-        for (let v = 0; v < q; v++) {
-          Q += 12;
-          for (let $ = 0; $ < 3; $++)
-            ue.setFloat32(Q, k[Ne++], !0), ue.setFloat32(Q + 4, k[Ne++], !0), ue.setFloat32(Q + 8, k[Ne++], !0), Q += 12;
-          ue.setUint16(Q, 0, !0), Q += 2;
+        let Me = 1e18, Ne = 1e18, Pe = -1e18, Ae = -1e18;
+        for (let X = 0; X < U.length; X += 3)
+          U[X] < Me && (Me = U[X]), U[X] > Pe && (Pe = U[X]), U[X + 1] < Ne && (Ne = U[X + 1]), U[X + 1] > Ae && (Ae = U[X + 1]);
+        const De = (Me + Pe) / 2, Oe = (Ne + Ae) / 2;
+        for (let X = 0; X < U.length; X += 3)
+          U[X] -= De, U[X + 1] -= Oe;
+        const Ze = De, fe = -Oe, le = new ArrayBuffer(84 + me * 50), Le = new DataView(le);
+        Le.setUint32(80, me, !0);
+        let _e = 84, Te = 0;
+        for (let X = 0; X < me; X++) {
+          _e += 12;
+          for (let xe = 0; xe < 3; xe++)
+            Le.setFloat32(_e, U[Te++], !0), Le.setFloat32(_e + 4, U[Te++], !0), Le.setFloat32(_e + 8, U[Te++], !0), _e += 12;
+          Le.setUint16(_e, 0, !0), _e += 2;
         }
-        return { buf: R, split: I, extruders: E.size, offX: vt, offZ: Z };
+        return { buf: le, split: ne, extruders: F.size, offX: Ze, offZ: fe };
       },
-      setObjectExtruder: (o, i) => {
-        const m = w.current.find((E) => E.id === o);
-        if (m) {
-          m.extruder = i;
-          const E = Re.current[i - 1];
-          E && m.mesh.material.color.set(E);
+      setObjectExtruder: (t, s) => {
+        const R = c.current.find((F) => F.id === t);
+        if (R) {
+          R.extruder = s;
+          const F = B.current[s - 1];
+          F && R.mesh.material.color.set(F);
         }
       },
-      setObjectVisible: (o, i) => {
-        const m = w.current.find((E) => E.id === o);
-        m && (m.visible = i, m.mesh.visible = i);
+      setObjectVisible: (t, s) => {
+        const R = c.current.find((F) => F.id === t);
+        R && (R.visible = s, R.mesh.visible = s);
       },
-      // 27단계: 출력 토글(눈알)
+      // stage 27: print toggle (eye icon)
       recolorObjects: () => {
-        for (const o of w.current) {
-          const i = Re.current[(o.extruder || 1) - 1];
-          i && o.mesh.material.color.set(i);
+        for (const t of c.current) {
+          const s = B.current[(t.extruder || 1) - 1];
+          s && t.mesh.material.color.set(s);
         }
       },
-      // 필라멘트 색 변경 반영
+      // reflect filament color changes
       selectedObjectId: () => {
-        var o;
-        return z ? ((o = w.current.find((i) => i.mesh === z)) == null ? void 0 : o.id) ?? null : null;
+        var t;
+        return i ? ((t = c.current.find((s) => s.mesh === i)) == null ? void 0 : t.id) ?? null : null;
       },
-      // 27단계: 뷰포트 툴바 "선택 삭제"
-      selectObject: (o) => {
-        const i = w.current.find((m) => m.id === o);
-        i && (z = i.mesh, f.attach(i.mesh), ye(), ce(ke()));
+      // stage 27: viewport toolbar "delete selected"
+      selectObject: (t) => {
+        const s = c.current.find((R) => R.id === t);
+        s && (i = s.mesh, C.attach(s.mesh), p(), L(O()));
       },
-      // 28단계 P1: 바닥 안착 — 로컬 지오메트리는 bakeLocal 이 minZ→0(로드 시 1회). 기즈모 Z이동 후 재안착.
-      //  (원본 ensure_on_bed 의 싱킹 허용[allow_negative_z]은 범위 외 — 우리는 -min_z 안착만.)
+      // Stage 28 P1: seat on the bed — local geometry is baked to minZ->0 by bakeLocal (once on load). Re-seat after a gizmo Z move.
+      //  (The upstream ensure_on_bed sinking allowance [allow_negative_z] is out of scope — we only seat by -min_z.)
       placeOnBed: () => {
-        var o;
-        for (const i of w.current) i.mesh.position.y = 0;
-        z && ((o = f.update) == null || o.call(f));
+        var t;
+        for (const s of c.current) s.mesh.position.y = 0;
+        i && ((t = C.update) == null || t.call(C));
       },
       onSliced: () => {
-        p.visible = !1, f.detach(), z = null, ye();
+        ge.visible = !1, C.detach(), i = null, p();
       },
       showObjects: () => {
-        p.visible = !0;
+        ge.visible = !0;
       },
-      // 29단계-2: N 플레이트 렌더 — 각 플레이트 = 그리드+테두리, PX_i 오프셋, 선택 플레이트 테두리 하이라이트.
-      setPlates: (o, i, m, E) => {
-        const N = A.current;
-        rt.current = i, at.current = m, $e.current = o, re.current = E;
-        for (const Z of N.plateBeds || []) for (const R of [Z.gridThin, Z.gridBold, Z.border])
-          N.scene.remove(R), R.geometry.dispose(), R.material.dispose();
-        N.plateBeds = [];
-        const k = Jt(o), q = Ie(i), I = Ie(m), le = Math.min(i, m), pe = le >= 6e3 ? 100 : le >= 1200 ? 50 : le >= 600 ? 20 : 10, se = [], je = [], Ze = -i / 2, Te = -m / 2;
-        for (let Z = 0, R = Ze; R <= i / 2 + 1e-6; R = Ze + ++Z * pe) (Z % 5 ? se : je).push(R, 0, Te, R, 0, m / 2);
-        for (let Z = 0, R = Te; R <= m / 2 + 1e-6; R = Te + ++Z * pe) (Z % 5 ? se : je).push(Ze, 0, R, i / 2, 0, R);
-        const vt = (Z) => {
-          const R = new h.BufferGeometry();
-          return R.setAttribute("position", new h.Float32BufferAttribute(Z, 3)), R;
+      // Stage 29-2: render N plates — each plate = grid + border, offset by PX_i, with the selected plate's border highlighted.
+      setPlates: (t, s, R, F) => {
+        const re = _.current;
+        K.current = s, h.current = R, w.current = t, m.current = F;
+        for (const fe of re.plateBeds || []) for (const le of [fe.gridThin, fe.gridBold, fe.border])
+          re.scene.remove(le), le.geometry.dispose(), le.material.dispose();
+        re.plateBeds = [];
+        const U = gt(t), me = Ye(s), ne = Ye(R), Me = Math.min(s, R), Ne = Me >= 6e3 ? 100 : Me >= 1200 ? 50 : Me >= 600 ? 20 : 10, Pe = [], Ae = [], De = -s / 2, Oe = -R / 2;
+        for (let fe = 0, le = De; le <= s / 2 + 1e-6; le = De + ++fe * Ne) (fe % 5 ? Pe : Ae).push(le, 0, Oe, le, 0, R / 2);
+        for (let fe = 0, le = Oe; le <= R / 2 + 1e-6; le = Oe + ++fe * Ne) (fe % 5 ? Pe : Ae).push(De, 0, le, s / 2, 0, le);
+        const Ze = (fe) => {
+          const le = new N.BufferGeometry();
+          return le.setAttribute("position", new N.Float32BufferAttribute(fe, 3)), le;
         };
-        for (let Z = 0; Z < o; Z++) {
-          const R = Z % k * q, ue = Math.floor(Z / k) * I, Q = new h.LineSegments(vt(se), new h.LineBasicMaterial({ color: 2304561 })), Ne = new h.LineSegments(vt(je), new h.LineBasicMaterial({ color: 3752781 }));
-          Q.position.set(R, 0, ue), Ne.position.set(R, 0, ue), N.scene.add(Q), N.scene.add(Ne);
-          const v = Z === E, $ = new h.LineSegments(new h.EdgesGeometry(new h.PlaneGeometry(i, m)), new h.LineBasicMaterial({ color: v ? 44610 : 4871520, linewidth: v ? 2 : 1 }));
-          $.rotation.x = -Math.PI / 2, $.position.set(R, 0, ue), N.scene.add($), N.plateBeds.push({ gridThin: Q, gridBold: Ne, border: $ });
+        for (let fe = 0; fe < t; fe++) {
+          const le = fe % U * me, Le = Math.floor(fe / U) * ne, _e = new N.LineSegments(Ze(Pe), new N.LineBasicMaterial({ color: 2304561 })), Te = new N.LineSegments(Ze(Ae), new N.LineBasicMaterial({ color: 3752781 }));
+          _e.position.set(le, 0, Le), Te.position.set(le, 0, Le), re.scene.add(_e), re.scene.add(Te);
+          const X = fe === F, xe = new N.LineSegments(new N.EdgesGeometry(new N.PlaneGeometry(s, R)), new N.LineBasicMaterial({ color: X ? 44610 : 4871520, linewidth: X ? 2 : 1 }));
+          xe.rotation.x = -Math.PI / 2, xe.position.set(le, 0, Le), re.scene.add(xe), re.plateBeds.push({ gridThin: _e, gridBold: Te, border: xe });
         }
       },
-      setBed: (o, i) => {
-        var m;
-        (m = d.current) == null || m.setPlates($e.current, o, i, re.current);
+      setBed: (t, s) => {
+        var R;
+        (R = a.current) == null || R.setPlates(w.current, t, s, m.current);
       }
-      // 하위호환
+      // backwards compatible
     };
-    const Gn = (o) => {
-      var i;
-      (i = Ye.current) == null || i.call(Ye, o), M();
+    const et = (t) => {
+      var s;
+      (s = l.current) == null || s.call(l, t), ye();
     };
-    window.addEventListener("keydown", Gn);
-    const Dn = new ResizeObserver(() => {
-      r = e.clientWidth || r, a = e.clientHeight || a, s.aspect = r / a, s.updateProjectionMatrix(), l.setSize(r, a), M();
+    window.addEventListener("keydown", et);
+    const tt = new ResizeObserver(() => {
+      g = j.clientWidth || g, y = j.clientHeight || y, W.aspect = g / y, W.updateProjectionMatrix(), v.setSize(g, y), ye();
     });
-    Dn.observe(e), ce(ke());
-    let Hn = 0, qn = 0;
-    const Wn = (o = 0) => {
-      Hn = requestAnimationFrame(Wn), u.update(), (V || o - qn > 500) && (V = !1, qn = o, l.render(c, s));
+    tt.observe(j), L(O());
+    let nt = 0, Xe = 0;
+    const rt = (t = 0) => {
+      nt = requestAnimationFrame(rt), Y.update(), (Ce || t - Xe > 500) && (Ce = !1, Xe = t, v.render(D, W));
     };
-    return Wn(), () => {
-      cancelAnimationFrame(Hn), Dn.disconnect(), window.removeEventListener("keydown", Gn), l.domElement.removeEventListener("pointermove", Tn), l.domElement.removeEventListener("pointerdown", Bn), l.domElement.removeEventListener("pointerdown", $n), l.domElement.removeEventListener("contextmenu", Un), l.domElement.removeEventListener("dblclick", In), l.domElement.removeEventListener("wheel", Vn, { capture: !0 }), window.removeEventListener("pointerup", bt), window.removeEventListener("pointercancel", bt), d.current = null, f.detach(), f.dispose(), u.dispose(), c.traverse((o) => {
-        o.geometry && o.geometry.dispose(), o.material && o.material.dispose();
-      }), l.dispose(), l.domElement.parentNode && l.domElement.parentNode.removeChild(l.domElement);
-    };
-  }, []), Be(() => () => {
-    S.current && (S.current.terminate(), S.current = null);
-  }, []), Be(() => {
-    try {
-      qe().postMessage({ cmd: "warmup" });
-    } catch {
-    }
-  }, []);
-  const J = Kt(P);
-  Be(() => {
-    var e;
-    (e = d.current) == null || e.setPlates(ae, J.bed_width, J.bed_depth, Fe);
-  }, [J.bed_width, J.bed_depth, ae, Fe]), Be(() => {
-    var r;
-    fe.current = H;
-    const e = A.current;
-    if (!e.toolpathGroup) return;
-    const t = H === "preview";
-    e.toolpathGroup.visible = t, e.objectsGroup && (e.objectsGroup.visible = !t && w.current.length > 0), t && ((r = d.current) == null || r.detachTransform(), W.current !== "off" && oe("off"));
-  }, [H]);
-  function mt(e) {
-    var r;
-    const t = y.current[e];
-    t && (t.group.remove(t.ctl.mesh), t.group.remove(t.ctl.travLines), t.ctl.dispose(), (r = A.current.toolpathGroup) == null || r.remove(t.group), delete y.current[e], G.current === t.ctl && (G.current = null, ie.current = null));
-  }
-  function br() {
-    for (const e of Object.keys(y.current)) mt(Number(e));
-    G.current = null, ie.current = null;
-  }
-  function Bt(e, t) {
-    const { toolpathGroup: r } = A.current;
-    if (!r || (mt(e), !t || !t.length)) return null;
-    const a = pa(t, Qt.current), l = ua(h, a), c = nt.current[e] || { offX: 0, offZ: 0 }, s = new h.Group();
-    s.rotation.x = -Math.PI / 2, s.position.set(c.offX || 0, 0, c.offZ || 0), s.add(l.mesh), s.add(l.travLines), r.add(s), l.setTravelVisible(yt.current), l.setLayerRange(0, Math.max(0, t.length - 1));
-    const b = Kn(a, kt.current, xn());
-    l.setColors(b.color);
-    const p = { group: s, ctl: l, seg: a, layers: t };
-    return y.current[e] = p, p;
-  }
-  function xr() {
-    for (const [e, t] of Object.entries(X.current)) {
-      const r = Number(e);
-      if (!t || t.error || !t.layers || !t.layers.length) continue;
-      const a = y.current[r];
-      (!a || a.layers !== t.layers) && Bt(r, t.layers);
-    }
-  }
-  function xn() {
-    const e = (r, a) => {
-      const l = wt(P, r), c = parseFloat(l);
-      return Number.isFinite(c) ? c : a;
-    }, t = e("outer_wall_speed", 60);
-    return {
-      speedByType: {
-        1: t,
-        2: e("sparse_infill_speed", 40),
-        3: e("internal_solid_infill_speed", 45),
-        4: t,
-        5: e("support_speed", 35),
-        6: e("support_speed", 35),
-        7: e("gap_infill_speed", 30),
-        8: t,
-        9: e("bridge_speed", 25),
-        10: e("ironing_speed", 20),
-        11: t
-      },
-      firstLayerSpeed: e("initial_layer_speed", 30),
-      closeFanLayers: e("close_fan_the_first_x_layers", 1),
-      fanNormal: e("fan_max_speed", 100),
-      tempNormal: e("nozzle_temperature", 210),
-      tempFirst: e("nozzle_temperature_initial_layer", e("nozzle_temperature", 210))
+    return rt(), () => {
+      cancelAnimationFrame(nt), tt.disconnect(), window.removeEventListener("keydown", et), v.domElement.removeEventListener("pointermove", z), v.domElement.removeEventListener("pointerdown", ie), v.domElement.removeEventListener("pointerdown", ce), v.domElement.removeEventListener("contextmenu", ke), v.domElement.removeEventListener("dblclick", se), v.domElement.removeEventListener("wheel", ae, { capture: !0 }), window.removeEventListener("pointerup", we), window.removeEventListener("pointercancel", we), a.current = null, C.detach(), C.dispose(), Y.dispose(), D.traverse((t) => {
+        t.geometry && t.geometry.dispose(), t.material && t.material.dispose();
+      }), v.dispose(), v.domElement.parentNode && v.domElement.parentNode.removeChild(v.domElement);
     };
-  }
-  function It() {
-    const e = xn();
-    for (const t of Object.values(y.current)) {
-      const r = Kn(t.seg, kt.current, e);
-      t.ctl.setColors(r.color), t.ctl === G.current && St({ min: r.min, max: r.max, label: r.label, unit: r.unit, cont: r.cont });
-    }
-  }
-  function vr() {
-    const e = re.current, t = te.current || [];
-    if (!t.length) {
-      mt(e), Se(0), G.current = null, ie.current = null;
-      return;
-    }
-    const r = Bt(e, t);
-    if (!r) {
-      Se(0);
-      return;
-    }
-    G.current = r.ctl, ie.current = r.seg, r.ctl.setLayerRange(me.current, ne.current), It(), Se(r.seg.nSeg), Pt(Xn(r.seg.typeLengths));
-  }
-  function wr() {
-    var e;
-    (e = G.current) == null || e.setLayerRange(me.current, ne.current);
-  }
-  const Le = g(null), He = g(0), we = () => {
-    He.current && (clearInterval(He.current), He.current = 0);
-  }, vn = () => {
-    const e = Le.current;
-    if (console.info("[vp-cancel] cancelSlice, hasView=", !!(e != null && e.cancel)), e != null && e.cancel)
+  }, []), { mountRef: u, three: _ };
+}
+function Cr(n) {
+  const {
+    settings: a,
+    wipeTowerReal: c,
+    workerRef: l,
+    apiRef: r,
+    layersDataRef: m,
+    layerLoRef: d,
+    layerHiRef: w,
+    rebuildToolpaths: b,
+    rebuildPaintOverlay: T,
+    setProgress: P,
+    setSlicing: M,
+    setError: B,
+    setStats: ee,
+    setOverBed: L,
+    setLayerCount: te,
+    setLayerLo: I,
+    setLayerHi: A,
+    setGcodeUrl: u,
+    setCanvasMode: _,
+    setPaintCounts: G
+  } = n, K = H(null), h = H(null), E = H(!1), k = H(null), j = H(null), f = H(0), g = () => {
+    f.current && (clearInterval(f.current), f.current = 0);
+  }, y = () => {
+    const i = j.current;
+    if (console.info("[vp-cancel] cancelSlice, hasView=", !!(i != null && i.cancel)), i != null && i.cancel)
       try {
-        Atomics.store(e.cancel, 0, 1);
+        Atomics.store(i.cancel, 0, 1);
       } catch {
-        e.cancel[0] = 1;
+        i.cancel[0] = 1;
       }
-  }, yr = (e, t) => {
-    const r = t > 2 ? (t - 2) / 2 : 0;
-    return r ? e <= r ? 0.35 * (e / r) : e === r + 1 ? 0.36 : e === r + 2 ? 0.87 : 0.87 + 0.13 * ((e - r - 2) / r) : t ? e / t : 0;
-  }, kr = (e) => {
-    const t = Le.current;
-    t && (we(), He.current = setInterval(() => {
-      const r = t.arr[0];
-      _e(0.36 + 0.51 * Math.min(0.95, r / (3.5 * e)));
+  }, v = (i, S) => {
+    const V = S > 2 ? (S - 2) / 2 : 0;
+    return V ? i <= V ? 0.35 * (i / V) : i === V + 1 ? 0.36 : i === V + 2 ? 0.87 : 0.87 + 0.13 * ((i - V - 2) / V) : S ? i / S : 0;
+  }, D = (i) => {
+    const S = j.current;
+    S && (g(), f.current = setInterval(() => {
+      const V = S.arr[0];
+      P(0.36 + 0.51 * Math.min(0.95, V / (3.5 * i)));
     }, 150));
-  }, Er = () => {
-    const e = Le.current;
-    e && (we(), He.current = setInterval(() => {
-      _e(0.35 * Math.min(1, e.arr[0] / 1e3));
+  }, W = () => {
+    const i = j.current;
+    i && (g(), f.current = setInterval(() => {
+      P(0.35 * Math.min(1, i.arr[0] / 1e3));
     }, 150));
   };
-  function qe() {
-    if (!S.current) {
-      const e = sa();
-      e.onmessage = (r) => {
-        var c, s, b, p, j;
-        const a = r.data, l = he.current;
-        if (a.type === "progress") {
-          const u = a.total > 2 ? (a.total - 2) / 2 : 0;
-          u && a.done <= u && we(), u && a.done === u + 1 && kr(u), u && a.done >= u + 2 && we(), _e(yr(a.done, a.total)), (c = l == null ? void 0 : l.note) == null || c.call(l, a.done, a.total), (s = l == null ? void 0 : l.kick) == null || s.call(l);
-        } else if (a.type === "supsab")
+  function oe() {
+    if (!l.current) {
+      const i = Hn();
+      i.onmessage = (V) => {
+        var ue, ve, Ee, Z, q;
+        const p = V.data, O = K.current;
+        if (p.type === "progress") {
+          const z = p.total > 2 ? (p.total - 2) / 2 : 0;
+          z && p.done <= z && g(), z && p.done === z + 1 && D(z), z && p.done >= z + 2 && g(), P(v(p.done, p.total)), (ue = O == null ? void 0 : O.note) == null || ue.call(O, p.done, p.total), (ve = O == null ? void 0 : O.kick) == null || ve.call(O);
+        } else if (p.type === "supsab")
           try {
-            Le.current = { arr: new Uint32Array(a.buf, a.ptr, 1), cancel: a.cancelPtr ? new Uint32Array(a.buf, a.cancelPtr, 1) : null }, console.info("[vp-cancel] supsab cancelPtr=", a.cancelPtr);
-          } catch (u) {
-            console.info("[vp-cancel] supsab view fail", u);
+            j.current = { arr: new Uint32Array(p.buf, p.ptr, 1), cancel: p.cancelPtr ? new Uint32Array(p.buf, p.cancelPtr, 1) : null }, console.info("[vp-cancel] supsab cancelPtr=", p.cancelPtr);
+          } catch (z) {
+            console.info("[vp-cancel] supsab view fail", z);
           }
-        else if (a.type === "layer") {
-          (b = l == null ? void 0 : l.kick) == null || b.call(l);
-          const u = Mt.current;
-          u && (u.layers.push({ z: a.z, paths: a.paths, widths: a.widths }), a.gcode && u.gcode.push(a.gcode));
-        } else a.type === "done" ? (we(), l ? (he.current = null, (p = l.stop) == null || p.call(l), l.resolve(wn(a.result))) : (Mr(wn(a.result)), ge(!1))) : a.type === "error" ? (we(), l ? (he.current = null, (j = l.stop) == null || j.call(l), l.reject(new Error(a.error))) : (C("슬라이스 실패: " + a.error), ge(!1))) : a.type === "prepared" || (a.type === "painted" ? (hn({ enf: a.enf, blk: a.blk }), e.postMessage({ cmd: "overlay" })) : a.type === "overlay" && Ar(a.enf, a.blk));
+        else if (p.type === "layer") {
+          (Ee = O == null ? void 0 : O.kick) == null || Ee.call(O);
+          const z = h.current;
+          z && (z.layers.push({ z: p.z, paths: p.paths, widths: p.widths }), p.gcode && z.gcode.push(p.gcode));
+        } else p.type === "done" ? (g(), O ? (K.current = null, (Z = O.stop) == null || Z.call(O), O.resolve(ge(p.result))) : (de(ge(p.result)), M(!1))) : p.type === "error" ? (g(), O ? (K.current = null, (q = O.stop) == null || q.call(O), O.reject(new Error(p.error))) : (B("Slice failed: " + p.error), M(!1))) : p.type === "prepared" || (p.type === "painted" ? (G({ enf: p.enf, blk: p.blk }), i.postMessage({ cmd: "overlay" })) : p.type === "overlay" && T(p.enf, p.blk));
       };
-      const t = (r) => {
-        var l;
-        if (S.current !== e) return;
-        we(), Le.current = null;
-        const a = he.current;
-        if (a) {
-          he.current = null, (l = a.stop) == null || l.call(a);
+      const S = (V) => {
+        var O;
+        if (l.current !== i) return;
+        g(), j.current = null;
+        const p = K.current;
+        if (p) {
+          K.current = null, (O = p.stop) == null || O.call(p);
           try {
-            e.terminate();
+            i.terminate();
           } catch {
           }
-          S.current = null, a.reject(new Error(r));
+          l.current = null, p.reject(new Error(V));
         } else
-          C(r), ge(!1);
+          B(V), M(!1);
       };
-      e.onerror = (r) => t("Worker 종료(메모리 초과 추정): " + (r.message || "worker error")), e.onmessageerror = () => t("Worker 메시지 오류(구조화 복제 실패)"), S.current = e, typeof window < "u" && (window.__vpWorker = e);
-    }
-    return S.current;
-  }
-  function wn(e) {
-    if (e && e.stats && e.stats.streamed) {
-      const t = Mt.current || { layers: [], gcode: [] };
-      return { stats: e.stats, layers: t.layers, gcode: t.gcode.join("") };
+      i.onerror = (V) => S("Worker terminated (likely out of memory): " + (V.message || "worker error")), i.onmessageerror = () => S("Worker message error (structured clone failed)"), l.current = i, typeof window < "u" && (window.__vpWorker = i);
     }
-    return e;
+    return l.current;
   }
-  function Mr(e) {
-    var r;
-    if (e.error) {
-      C(String(e.error));
-      return;
+  function ge(i) {
+    if (i && i.stats && i.stats.streamed) {
+      const S = h.current || { layers: [], gcode: [] };
+      return { stats: i.stats, layers: S.layers, gcode: S.gcode.join("") };
     }
-    te.current = e.layers;
-    const t = e.layers.length;
-    me.current = 0, ne.current = t - 1, zt(0), Lt(t - 1), vr(), (r = d.current) == null || r.onSliced(), ze("preview"), it({ layers: e.stats.layers, segments: e.stats.path_segments, filament: e.stats.filament_mm, timeSec: e.stats.time_estimate }), ct(!!e.stats.over_bed), dt(t), ut((a) => (a && URL.revokeObjectURL(a), URL.createObjectURL(new Blob([e.gcode], { type: "text/plain" }))));
+    return i;
   }
-  async function yn(e) {
-    var l, c;
-    const t = Array.from(e || []).filter((s) => Yt.includes(fa(s.name))), r = Array.from(e || []).length - t.length;
-    if (!t.length) {
-      r && C("지원 포맷: STL/OBJ/3MF/AMF/PLY");
+  function de(i) {
+    var V;
+    if (i.error) {
+      B(String(i.error));
       return;
     }
-    C(""), nn(""), _e(0), te.current = null, ie.current = null, X.current = {}, nt.current = {}, br(), ft(), it(null), ct(!1), dt(0), Se(0), St(null), Y(""), Ce(null), ut((s) => (s && URL.revokeObjectURL(s), "")), ze("prepare"), (l = d.current) == null || l.showObjects();
-    let a = 0;
-    for (const s of t)
-      try {
-        const b = performance.now(), p = await s.arrayBuffer(), j = performance.now(), u = await ha(s.name, p), f = performance.now();
-        for (const B of u)
-          (c = d.current) == null || c.addObject(B.name, B.modelPos), a += B.modelPos.length / 9;
-        console.info(`[vp-prof] load ${s.name}: read ${(j - b).toFixed(0)}ms, parse ${(f - j).toFixed(0)}ms, scene ${(performance.now() - f).toFixed(0)}ms`);
-      } catch (b) {
-        C(`로드 실패 ${s.name}: ${b && b.message || b}`);
-      }
-    ot(w.current.map((s) => ({ id: s.id, name: s.name, extruder: s.extruder, visible: s.visible !== !1 }))), a > 1e5 && nn(`삼각형 ${Math.round(a).toLocaleString()}개 — 슬라이스가 오래 걸릴 수 있습니다`);
-  }
-  function Cr(e) {
-    yn(e.target.files), e.target.value = "";
-  }
-  function Vt(e) {
-    var t;
-    (t = d.current) == null || t.removeObject(e), ot(w.current.map((r) => ({ id: r.id, name: r.name, extruder: r.extruder, visible: r.visible !== !1 })));
-  }
-  function jr(e) {
-    var t;
-    e.preventDefault(), Zt(!1), yn((t = e.dataTransfer) == null ? void 0 : t.files);
-  }
-  function Nr(e) {
-    e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), Ot || Zt(!0);
-  }
-  function _r(e) {
-    e.currentTarget.contains(e.relatedTarget) || Zt(!1);
-  }
-  function Ar(e, t) {
-    var s, b;
-    const r = A.current;
-    if (!r.objectsGroup) return;
-    const a = Et.current || { cx: 0, cy: 0, minz: 0 }, l = et.current;
-    if (l)
-      for (const p of ["enf", "blk"]) l[p] && (r.objectsGroup.remove(l[p]), l[p].geometry.dispose(), l[p].material.dispose());
-    const c = (p, j) => {
-      if (!p || p.length < 9) return null;
-      const u = new Float32Array(p.length);
-      for (let O = 0; O < p.length; O += 3) {
-        const V = p[O], M = p[O + 1], _ = p[O + 2];
-        u[O] = V + a.cx, u[O + 1] = _ + a.minz, u[O + 2] = -(M + a.cy);
-      }
-      const f = new h.BufferGeometry();
-      f.setAttribute("position", new h.Float32BufferAttribute(u, 3)), f.computeVertexNormals();
-      const B = new h.Mesh(f, new h.MeshBasicMaterial({ color: j, transparent: !0, opacity: 0.55, side: h.DoubleSide, depthTest: !1 }));
-      return B.renderOrder = 999, r.objectsGroup.add(B), B;
-    };
-    et.current = { enf: c(e, 2845951), blk: c(t, 14826299) }, (b = (s = A.current).invalidate) == null || b.call(s);
+    m.current = i.layers;
+    const S = i.layers.length;
+    d.current = 0, w.current = S - 1, I(0), A(S - 1), b(), (V = r.current) == null || V.onSliced(), _("preview"), ee({
+      layers: i.stats.layers,
+      segments: i.stats.path_segments,
+      filament: i.stats.filament_mm,
+      timeSec: i.stats.time_estimate,
+      engine: i.stats.time_engine,
+      limits: i.stats.machine_limits
+    }), L(!!i.stats.over_bed), te(S), u((p) => (p && URL.revokeObjectURL(p), URL.createObjectURL(new Blob([i.gcode], { type: "text/plain" }))));
   }
-  function Sr() {
-    const e = A.current, t = et.current;
-    if (t && e.objectsGroup)
-      for (const r of ["enf", "blk"]) t[r] && (e.objectsGroup.remove(t[r]), t[r].geometry.dispose(), t[r].material.dispose());
-    et.current = null;
-  }
-  function oe(e) {
-    var t, r, a;
-    if (e !== "off" && w.current.length === 0) {
-      C("먼저 STL 을 업로드하세요");
-      return;
-    }
-    if (e !== "off") {
-      const l = (t = d.current) == null ? void 0 : t.buildMergedSTL(re.current);
-      if (!l) return;
-      Et.current = { cx: l.offX, cy: -l.offZ, minz: 0 }, (r = d.current) == null || r.detachTransform(), qe().postMessage({ cmd: "prepare", stl: l.buf });
+  Ve(() => () => {
+    l.current && (l.current.terminate(), l.current = null);
+  }, []), Ve(() => {
+    try {
+      oe().postMessage({ cmd: "warmup" });
+    } catch {
     }
-    W.current = e, gr(e), (a = d.current) == null || a.refreshCursor();
-  }
-  function zr() {
-    qe().postMessage({ cmd: "clear" }), Sr(), hn({ enf: 0, blk: 0 });
-  }
-  const Rr = 6e4, Lr = 3e5;
-  function $t(e, t) {
-    return new Promise((r, a) => {
+  }, []);
+  const Y = 6e4, C = 3e5;
+  function pe(i, S) {
+    return new Promise((V, p) => {
       if (typeof window < "u" && window.__vpFail && window.__vpFail(window.__vpSliceN = (window.__vpSliceN || 0) + 1)) {
-        a(new Error("forced failure (test hook)"));
+        p(new Error("forced failure (test hook)"));
         return;
       }
-      const l = typeof window < "u" && window.__vpStallNext ? (window.__vpStallNext = !1, !0) : !1, c = typeof window < "u" && window.__vpWatchdogOnce ? ((M) => (window.__vpWatchdogOnce = 0, M))(window.__vpWatchdogOnce) : Rr;
-      Mt.current = { layers: [], gcode: [] };
-      let s = 0, b = 0, p = 0;
-      const j = performance.now();
-      let u = "";
-      const f = (M, _) => {
-        b = M, p = _;
-        const T = _ > 2 ? (_ - 2) / 2 : 0, U = T ? M < T ? "PASS1…" : M === T ? "PASS1-done" : M === T + 1 ? "surf-done" : M === T + 2 ? "support-done" : M === _ ? "emit-done" : "emit…" : "";
-        U && U !== u && (console.info(`[vp-prof] ${U} +${((performance.now() - j) / 1e3).toFixed(1)}s`), u = U);
-      }, B = () => {
-        const M = p > 2 ? (p - 2) / 2 : 0;
-        return M && b >= M && b < M + 2 ? Lr : c;
-      }, O = () => {
-        s && (clearTimeout(s), s = 0);
-      }, V = () => {
-        O();
-        const M = B();
-        s = setTimeout(() => {
-          var _;
-          he.current = null, we(), Le.current = null;
+      const O = typeof window < "u" && window.__vpStallNext ? (window.__vpStallNext = !1, !0) : !1, ue = typeof window < "u" && window.__vpWatchdogOnce ? ((J) => (window.__vpWatchdogOnce = 0, J))(window.__vpWatchdogOnce) : Y;
+      h.current = { layers: [], gcode: [] };
+      let ve = 0, Ee = 0, Z = 0;
+      const q = performance.now();
+      let z = "";
+      const ie = (J, ce) => {
+        Ee = J, Z = ce;
+        const ke = ce > 2 ? (ce - 2) / 2 : 0, ze = ke ? J < ke ? "PASS1…" : J === ke ? "PASS1-done" : J === ke + 1 ? "surf-done" : J === ke + 2 ? "support-done" : J === ce ? "emit-done" : "emit…" : "";
+        ze && ze !== z && (console.info(`[vp-prof] ${ze} +${((performance.now() - q) / 1e3).toFixed(1)}s`), z = ze);
+      }, we = () => {
+        const J = Z > 2 ? (Z - 2) / 2 : 0;
+        return J && Ee >= J && Ee < J + 2 ? C : ue;
+      }, se = () => {
+        ve && (clearTimeout(ve), ve = 0);
+      }, ae = () => {
+        se();
+        const J = we();
+        ve = setTimeout(() => {
+          var ce;
+          K.current = null, g(), j.current = null;
           try {
-            (_ = S.current) == null || _.terminate();
+            (ce = l.current) == null || ce.terminate();
           } catch {
           }
-          S.current = null, a(new Error(`watchdog: ${M}ms 무진행 — 메모리 압박으로 판단`));
-        }, M);
+          l.current = null, p(new Error(`watchdog: no progress for ${J}ms — assuming memory pressure`));
+        }, J);
       };
-      he.current = { resolve: r, reject: a, kick: V, stop: O, note: f }, V(), qe().postMessage({ stl: e, params: t, stall: l }), Er();
+      K.current = { resolve: V, reject: p, kick: ae, stop: se, note: ie }, ae(), oe().postMessage({ stl: i, params: S, stall: O }), W();
     });
   }
-  function kn() {
-    var e;
+  function je() {
+    var i;
     try {
-      (e = S.current) == null || e.terminate();
+      (i = l.current) == null || i.terminate();
     } catch {
     }
-    S.current = null, qe();
+    l.current = null, oe();
   }
-  async function En(e, t) {
-    const r = (a) => String((a == null ? void 0 : a.message) || a).includes("canceled");
+  async function Ce(i, S) {
+    const V = (p) => String((p == null ? void 0 : p.message) || p).includes("canceled");
     try {
-      const a = await $t(e, JSON.stringify(t));
-      return { r: a, economy: !!(a.stats && a.stats.economy) };
-    } catch (a) {
-      if (r(a)) throw a;
-      if (t.wall_generator !== "classic") {
-        kn();
+      const p = await pe(i, JSON.stringify(S));
+      return { r: p, economy: !!(p.stats && p.stats.economy) };
+    } catch (p) {
+      if (V(p)) throw p;
+      if (S.wall_generator !== "classic") {
+        je();
         try {
-          const c = await $t(e, JSON.stringify({ ...t, wall_generator: "classic", keep_stages: !1, reuse_stages: 0 }));
-          return { r: c, economy: !!(c.stats && c.stats.economy), classicWalls: !0 };
-        } catch (c) {
-          if (r(c)) throw c;
+          const ue = await pe(i, JSON.stringify({ ...S, wall_generator: "classic", keep_stages: !1, reuse_stages: 0 }));
+          return { r: ue, economy: !!(ue.stats && ue.stats.economy), classicWalls: !0 };
+        } catch (ue) {
+          if (V(ue)) throw ue;
         }
       }
-      return kn(), { r: await $t(e, JSON.stringify({ ...t, economy: !0, keep_stages: !1, reuse_stages: 0 })), economy: !0, recovered: !0 };
+      return je(), { r: await pe(i, JSON.stringify({ ...S, economy: !0, keep_stages: !1, reuse_stages: 0 })), economy: !0, recovered: !0 };
     }
   }
-  async function Mn(e) {
+  async function ye(i) {
     try {
-      const t = await crypto.subtle.digest("SHA-256", e);
-      return Array.from(new Uint8Array(t, 0, 8)).map((r) => r.toString(16).padStart(2, "0")).join("");
+      const S = await crypto.subtle.digest("SHA-256", i);
+      return Array.from(new Uint8Array(S, 0, 8)).map((V) => V.toString(16).padStart(2, "0")).join("");
     } catch {
       return null;
     }
   }
-  function Cn(e, t) {
-    e.economy || (e.keep_stages = !0, e.reuse_stages = t && t === Ve.current ? 2 : 0);
+  function Re(i, S) {
+    i.economy || (i.keep_stages = !0, i.reuse_stages = S && S === k.current ? 2 : 0);
+  }
+  function be(i) {
+    const S = xt(a);
+    return i.extruders >= 2 && i.split > 0 && (S.extruder_count = i.extruders, S.mm_group_split = i.split, S.wipe_tower_real = c), E.current && (S.sparse_infill_pattern = "rectilinear", S.infill_density = Math.min(S.infill_density ?? 0.15, 0.08), S.economy = !0), typeof window < "u" && window.__vpForceTree && (S.enable_support = !0, S.support_style = "tree", S.support_threshold_angle = 40), S;
+  }
+  async function Se(i) {
+    const S = be(i), V = await ye(i.buf);
+    Re(S, V);
+    try {
+      const p = await Ce(i.buf, S);
+      return k.current = p.economy || p.classicWalls ? null : V, { ...p, params: S };
+    } catch (p) {
+      throw k.current = null, p;
+    }
+  }
+  return { getWorker: oe, cancelSlice: y, runSlice: Se, pendingSliceRef: K, downgradeRef: E };
+}
+function Sr(n) {
+  const {
+    three: a,
+    plateTpRef: c,
+    toolpathRef: l,
+    segDataRef: r,
+    layersDataRef: m,
+    plateResultsRef: d,
+    plateOffsetsRef: w,
+    lineWidthRef: b,
+    showTravelRef: T,
+    viewTypeRef: P,
+    layerLoRef: M,
+    layerHiRef: B,
+    selectedPlateRef: ee,
+    settings: L,
+    setSegCount: te,
+    setColorRange: I,
+    setRoleLegend: A
+  } = n;
+  function u(f) {
+    var y;
+    const g = c.current[f];
+    g && (g.group.remove(g.ctl.mesh), g.group.remove(g.ctl.travLines), g.ctl.dispose(), (y = a.current.toolpathGroup) == null || y.remove(g.group), delete c.current[f], l.current === g.ctl && (l.current = null, r.current = null));
+  }
+  function _() {
+    for (const f of Object.keys(c.current)) u(Number(f));
+    l.current = null, r.current = null;
+  }
+  function G(f, g) {
+    const { toolpathGroup: y } = a.current;
+    if (!y || (u(f), !g || !g.length)) return null;
+    const v = qn(g, b.current), D = Wn(N, v), W = w.current[f] || { offX: 0, offZ: 0 }, oe = new N.Group();
+    oe.rotation.x = -Math.PI / 2, oe.position.set(W.offX || 0, 0, W.offZ || 0), oe.add(D.mesh), oe.add(D.travLines), y.add(oe), D.setTravelVisible(T.current), D.setLayerRange(0, Math.max(0, g.length - 1));
+    const ge = Dt(v, P.current, h());
+    D.setColors(ge.color);
+    const de = { group: oe, ctl: D, seg: v, layers: g };
+    return c.current[f] = de, de;
+  }
+  function K() {
+    for (const [f, g] of Object.entries(d.current)) {
+      const y = Number(f);
+      if (!g || g.error || !g.layers || !g.layers.length) continue;
+      const v = c.current[y];
+      (!v || v.layers !== g.layers) && G(y, g.layers);
+    }
+  }
+  function h() {
+    const f = (y, v) => {
+      const D = Je(L, y), W = parseFloat(D);
+      return Number.isFinite(W) ? W : v;
+    }, g = f("outer_wall_speed", 60);
+    return {
+      speedByType: {
+        1: g,
+        2: f("sparse_infill_speed", 40),
+        3: f("internal_solid_infill_speed", 45),
+        4: g,
+        5: f("support_speed", 35),
+        6: f("support_speed", 35),
+        7: f("gap_infill_speed", 30),
+        8: g,
+        9: f("bridge_speed", 25),
+        10: f("ironing_speed", 20),
+        11: g
+      },
+      firstLayerSpeed: f("initial_layer_speed", 30),
+      closeFanLayers: f("close_fan_the_first_x_layers", 1),
+      fanNormal: f("fan_max_speed", 100),
+      tempNormal: f("nozzle_temperature", 210),
+      tempFirst: f("nozzle_temperature_initial_layer", f("nozzle_temperature", 210))
+    };
+  }
+  function E() {
+    const f = h();
+    for (const g of Object.values(c.current)) {
+      const y = Dt(g.seg, P.current, f);
+      g.ctl.setColors(y.color), g.ctl === l.current && I({ min: y.min, max: y.max, label: y.label, unit: y.unit, cont: y.cont });
+    }
+  }
+  function k() {
+    const f = ee.current, g = m.current || [];
+    if (!g.length) {
+      u(f), te(0), l.current = null, r.current = null;
+      return;
+    }
+    const y = G(f, g);
+    if (!y) {
+      te(0);
+      return;
+    }
+    l.current = y.ctl, r.current = y.seg, y.ctl.setLayerRange(M.current, B.current), E(), te(y.seg.nSeg), A(It(y.seg.typeLengths));
   }
-  function jn(e) {
-    const t = Kt(P);
-    return e.extruders >= 2 && e.split > 0 && (t.extruder_count = e.extruders, t.mm_group_split = e.split, t.wipe_tower_real = pn), Ct.current && (t.sparse_infill_pattern = "rectilinear", t.infill_density = Math.min(t.infill_density ?? 0.15, 0.08), t.economy = !0), typeof window < "u" && window.__vpForceTree && (t.enable_support = !0, t.support_style = "tree", t.support_threshold_angle = 40), t;
+  function j() {
+    var f;
+    (f = l.current) == null || f.setLayerRange(M.current, B.current);
   }
-  function Ut(e) {
-    var s;
-    xr();
-    const t = G.current;
-    t && t.setLayerRange(0, 1e9);
-    const r = X.current[e];
-    if (!r || r.error || !r.layers || !r.layers.length) {
-      te.current = null, G.current = null, ie.current = null, it(null), ct(!1), dt(0), Se(0), St(null), Pt([]), ut((b) => (b && URL.revokeObjectURL(b), ""));
+  return { disposePlateToolpath: u, clearToolpaths: _, buildPlateToolpath: G, ensurePlateToolpaths: K, viewCtx: h, applyViewColors: E, rebuildToolpaths: k, applyLayerRange: j };
+}
+function Rr(n) {
+  const {
+    apiRef: a,
+    selectedPlateRef: c,
+    plateCountRef: l,
+    placeXRef: r,
+    plateResultsRef: m,
+    plateOffsetsRef: d,
+    plateTpRef: w,
+    layersDataRef: b,
+    toolpathRef: T,
+    segDataRef: P,
+    layerLoRef: M,
+    layerHiRef: B,
+    lineWidthRef: ee,
+    downgradeRef: L,
+    settings: te,
+    canvasMode: I,
+    downgradeOffer: A,
+    runSlice: u,
+    ensurePlateToolpaths: _,
+    buildPlateToolpath: G,
+    applyViewColors: K,
+    disposePlateToolpath: h,
+    setStats: E,
+    setOverBed: k,
+    setLayerCount: j,
+    setSegCount: f,
+    setColorRange: g,
+    setRoleLegend: y,
+    setGcodeUrl: v,
+    setLayerLo: D,
+    setLayerHi: W,
+    setCanvasMode: oe,
+    setSlicedPlateCount: ge,
+    setSliceMenu: de,
+    setError: Y,
+    setSliceNotice: C,
+    setDowngradeOffer: pe,
+    setSlicing: je,
+    setProgress: Ce,
+    setPlateCount: ye,
+    setSelectedPlate: Re
+  } = n;
+  function be(Z) {
+    var ae;
+    _();
+    const q = T.current;
+    q && q.setLayerRange(0, 1e9);
+    const z = m.current[Z];
+    if (!z || z.error || !z.layers || !z.layers.length) {
+      b.current = null, T.current = null, P.current = null, E(null), k(!1), j(0), f(0), g(null), y([]), v((J) => (J && URL.revokeObjectURL(J), ""));
       return;
     }
-    te.current = r.layers;
-    const a = r.layers.length;
-    me.current = 0, ne.current = a - 1, zt(0), Lt(a - 1);
-    const l = y.current[e], c = l && l.layers === r.layers ? l : Bt(e, r.layers);
-    c && (G.current = c.ctl, ie.current = c.seg, c.ctl.setLayerRange(0, a - 1), It(), Se(c.seg.nSeg), Pt(Xn(c.seg.typeLengths))), (s = d.current) == null || s.onSliced(), ze("preview"), it({ layers: r.stats.layers, segments: r.stats.path_segments, filament: r.stats.filament_mm, timeSec: r.stats.time_estimate }), ct(!!r.stats.over_bed), dt(a), ut((b) => (b && URL.revokeObjectURL(b), URL.createObjectURL(new Blob([r.gcode], { type: "text/plain" }))));
+    b.current = z.layers;
+    const ie = z.layers.length;
+    M.current = 0, B.current = ie - 1, D(0), W(ie - 1);
+    const we = w.current[Z], se = we && we.layers === z.layers ? we : G(Z, z.layers);
+    se && (T.current = se.ctl, P.current = se.seg, se.ctl.setLayerRange(0, ie - 1), K(), f(se.seg.nSeg), y(It(se.seg.typeLengths))), (ae = a.current) == null || ae.onSliced(), oe("preview"), E({
+      layers: z.stats.layers,
+      segments: z.stats.path_segments,
+      filament: z.stats.filament_mm,
+      timeSec: z.stats.time_estimate,
+      engine: z.stats.time_engine,
+      limits: z.stats.machine_limits
+    }), k(!!z.stats.over_bed), j(ie), v((J) => (J && URL.revokeObjectURL(J), URL.createObjectURL(new Blob([z.gcode], { type: "text/plain" }))));
   }
-  function Pr(e, t) {
-    const r = URL.createObjectURL(new Blob([e], { type: "text/plain" })), a = document.createElement("a");
-    a.href = r, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), setTimeout(() => {
-      a.remove(), URL.revokeObjectURL(r);
+  function Se(Z, q) {
+    const z = URL.createObjectURL(new Blob([Z], { type: "text/plain" })), ie = document.createElement("a");
+    ie.href = z, ie.download = q, ie.style.display = "none", document.body.appendChild(ie), ie.click(), setTimeout(() => {
+      ie.remove(), URL.revokeObjectURL(z);
     }, 4e3);
   }
-  const Or = (e) => new Promise((t) => setTimeout(t, e));
-  function ft() {
-    ir(Object.values(X.current).filter((e) => e && !e.error && e.gcode).length);
+  const i = (Z) => new Promise((q) => setTimeout(q, Z));
+  function S() {
+    ge(Object.values(m.current).filter((Z) => Z && !Z.error && Z.gcode).length);
   }
-  async function Zr() {
-    At(!1);
-    const e = Object.entries(X.current).filter(([, t]) => t && !t.error && t.gcode).sort((t, r) => Number(t[0]) - Number(r[0]));
-    if (!e.length) {
-      C("내보낼 슬라이스 결과가 없습니다 — 먼저 슬라이스하세요");
+  async function V() {
+    de(!1);
+    const Z = Object.entries(m.current).filter(([, q]) => q && !q.error && q.gcode).sort((q, z) => Number(q[0]) - Number(z[0]));
+    if (!Z.length) {
+      Y("No slice results to export — slice first");
       return;
     }
-    for (const [t, r] of e)
-      Pr(r.gcode, `plate_${Number(t) + 1}.gcode`), await Or(350);
-    Y(`${e.length}개 플레이트 G-code 를 내보냈습니다`);
+    for (const [q, z] of Z)
+      Se(z.gcode, `plate_${Number(q) + 1}.gcode`), await i(350);
+    C(`Exported G-code for ${Z.length} plate(s)`);
   }
-  async function Pe(e = "current") {
-    var r, a;
-    At(!1), C(""), Y(""), Ce(null);
-    const t = re.current;
-    if (Qt.current = Kt(P).line_width, e === "all") {
-      ge(!0), _e(0);
-      let l = 0, c = !1, s = !1;
-      const b = [];
-      for (let p = 0; p < $e.current; p++) {
-        const j = (r = d.current) == null ? void 0 : r.buildMergedSTL(p);
-        if (j) {
-          nt.current[p] = { offX: j.offX, offZ: j.offZ };
+  async function p(Z = "current") {
+    var z, ie;
+    de(!1), Y(""), C(""), pe(null);
+    const q = c.current;
+    if (ee.current = xt(te).line_width, Z === "all") {
+      je(!0), Ce(0);
+      let we = 0, se = !1, ae = !1;
+      const J = [];
+      for (let ce = 0; ce < l.current; ce++) {
+        const ke = (z = a.current) == null ? void 0 : z.buildMergedSTL(ce);
+        if (ke) {
+          d.current[ce] = { offX: ke.offX, offZ: ke.offZ };
           try {
-            const u = jn(j), f = await Mn(j.buf);
-            Cn(u, f);
-            const { r: B, economy: O, classicWalls: V } = await En(j.buf, u);
-            Ve.current = O || V ? null : f, X.current[p] = B, ft(), l++, O && (c = !0), V && (s = !0);
+            const { r: ze, economy: Fe, classicWalls: qe } = await u(ke);
+            m.current[ce] = ze, S(), we++, Fe && (se = !0), qe && (ae = !0);
           } catch {
-            Ve.current = null, b.push(p + 1);
+            J.push(ce + 1);
           }
         }
       }
-      if (ge(!1), !l) {
-        Ce({ scope: "all" }), C("모든 플레이트 슬라이스 실패(절약 모드 포함) — 간소화 재시도를 시도하세요");
+      if (je(!1), !we) {
+        pe({ scope: "all" }), Y("All plates failed to slice (economy mode included) — try the simplified retry");
         return;
       }
-      b.length ? C(`플레이트 ${b.join(", ")} 실패 — 완주한 ${l}개 결과는 유지됨(탭에서 조회·내보내기)`) : (C(""), Ce(null)), c ? Y("메모리 압박 — 일부 플레이트를 절약 모드로 완주(프리뷰 없음, G-code 정상)") : s && Y("Arachne 벽 생성 실패(퇴화 지오메트리) — classic 벽으로 완주(G-code 정상)"), Ut(X.current[t] ? t : Object.keys(X.current).map(Number)[0]);
+      J.length ? Y(`Plate ${J.join(", ")} failed — the ${we} finished result(s) are kept (inspect/export from the tabs)`) : (Y(""), pe(null)), se ? C("Memory pressure — some plates finished in economy mode (no preview, G-code is fine)") : ae && C("Arachne wall generation failed (degenerate geometry) — finished with classic walls (G-code is fine)"), be(m.current[q] ? q : Object.keys(m.current).map(Number)[0]);
     } else {
-      const l = performance.now(), c = (a = d.current) == null ? void 0 : a.buildMergedSTL(t);
-      if (!c) {
-        C(`플레이트 ${t + 1} 에 오브젝트가 없습니다`);
+      const we = performance.now(), se = (ie = a.current) == null ? void 0 : ie.buildMergedSTL(q);
+      if (!se) {
+        Y(`Plate ${q + 1} has no objects`);
         return;
       }
-      console.info(`[vp-prof] buildMergedSTL ${(performance.now() - l).toFixed(0)}ms (${(c.buf.byteLength / 1048576).toFixed(1)}MB)`), nt.current[t] = { offX: c.offX, offZ: c.offZ }, ge(!0), _e(0);
+      console.info(`[vp-prof] buildMergedSTL ${(performance.now() - we).toFixed(0)}ms (${(se.buf.byteLength / 1048576).toFixed(1)}MB)`), d.current[q] = { offX: se.offX, offZ: se.offZ }, je(!0), Ce(0);
       try {
-        const s = jn(c), b = await Mn(c.buf);
-        Cn(s, b);
-        const { r: p, economy: j, classicWalls: u } = await En(c.buf, s);
-        Ve.current = j || u ? null : b, p != null && p.stats && console.info(`[vp-prof] kernel stages p1=${(p.stats.t_pass1_ms / 1e3).toFixed(1)}s surf=${(p.stats.t_surface_ms / 1e3).toFixed(1)}s sup=${(p.stats.t_support_ms / 1e3).toFixed(1)}s emit=${(p.stats.t_emit_ms / 1e3).toFixed(1)}s reuse=${s.reuse_stages}`), X.current[t] = p, ft(), ge(!1), Ut(t), C(""), Ce(null), j ? Y("메모리 압박 — 절약 모드로 완주(프리뷰 없음, G-code 는 다운로드 가능)") : u && Y("Arachne 벽 생성 실패(퇴화 지오메트리) — classic 벽으로 완주(G-code 정상)");
-      } catch (s) {
-        if (ge(!1), Ve.current = null, String((s == null ? void 0 : s.message) || s).includes("canceled")) {
-          Y("슬라이스 취소됨");
+        const { r: ae, economy: J, classicWalls: ce, params: ke } = await u(se);
+        ae != null && ae.stats && console.info(`[vp-prof] kernel stages p1=${(ae.stats.t_pass1_ms / 1e3).toFixed(1)}s surf=${(ae.stats.t_surface_ms / 1e3).toFixed(1)}s sup=${(ae.stats.t_support_ms / 1e3).toFixed(1)}s emit=${(ae.stats.t_emit_ms / 1e3).toFixed(1)}s reuse=${ke.reuse_stages}`), m.current[q] = ae, S(), je(!1), be(q), Y(""), pe(null), J ? C("Memory pressure — finished in economy mode (no preview, G-code can still be downloaded)") : ce && C("Arachne wall generation failed (degenerate geometry) — finished with classic walls (G-code is fine)");
+      } catch (ae) {
+        if (je(!1), String((ae == null ? void 0 : ae.message) || ae).includes("canceled")) {
+          C("Slice canceled");
           return;
         }
-        Ce({ scope: "current" }), C("슬라이스 실패(절약 모드도 실패): " + s.message);
+        pe({ scope: "current" }), Y("Slice failed (economy mode failed too): " + ae.message);
       }
     }
   }
-  Be(() => {
-    if (!Nt || !Ee.length || !X.current[re.current]) return;
-    clearTimeout(st.current);
-    const e = () => {
-      if (he.current) {
-        vn(), st.current = setTimeout(e, 300);
-        return;
-      }
-      Pe("current");
-    };
-    return st.current = setTimeout(e, 800), () => clearTimeout(st.current);
-  }, [P, Nt]);
-  async function Tr() {
-    const e = bn;
-    if (Ce(null), !!e) {
-      Ct.current = !0;
+  async function O() {
+    const Z = A;
+    if (pe(null), !!Z) {
+      L.current = !0;
       try {
-        await Pe(e.scope);
+        await p(Z.scope);
       } finally {
-        Ct.current = !1;
+        L.current = !1;
       }
     }
   }
-  function Br() {
-    an((e) => Math.min(Jn, e + 1));
+  function ue() {
+    ye((Z) => Math.min(Vt, Z + 1));
   }
-  function Ir() {
-    an((e) => {
-      if (e <= 1) return e;
-      const t = e - 1;
-      return delete X.current[t], mt(t), ft(), re.current >= t && Nn(t - 1), t;
+  function ve() {
+    ye((Z) => {
+      if (Z <= 1) return Z;
+      const q = Z - 1;
+      return delete m.current[q], h(q), S(), c.current >= q && Ee(q - 1), q;
     });
   }
-  function Nn(e) {
-    re.current = e, or(e), Ue.current = 0, H === "preview" && Ut(e);
-  }
-  function _n(e, t) {
-    if (!(e > 0) || !(t > 0)) return;
-    const r = wt(P, "printable_area"), a = Array.isArray(r) && r.length >= 3, l = a ? Math.min(...r.map((s) => s[0])) : 0, c = a ? Math.min(...r.map((s) => s[1])) : 0;
-    F((s) => ({ ...s, printable_area: [[l, c], [l + e, c], [l + e, c + t], [l, c + t]] }));
+  function Ee(Z) {
+    c.current = Z, Re(Z), r.current = 0, I === "preview" && be(Z);
   }
-  function Vr(e, t) {
-    var r;
-    (r = d.current) == null || r.setObjectExtruder(e, t), ot(w.current.map((a) => ({ id: a.id, name: a.name, extruder: a.extruder, visible: a.visible !== !1 })));
-  }
-  function de(e, t) {
-    const r = Math.max(0, Ae - 1);
-    if (e = Math.max(0, Math.min(r, e)), t = Math.max(0, Math.min(r, t)), e > t) {
-      const a = e;
-      e = t, t = a;
+  return { showPlateResult: be, refreshSlicedCount: S, exportAllGcode: V, onSlice: p, retryDowngrade: O, addPlate: ue, deletePlate: ve, selectPlate: Ee };
+}
+function Nr(n) {
+  const {
+    apiRef: a,
+    objectsRef: c,
+    layersDataRef: l,
+    segDataRef: r,
+    plateResultsRef: m,
+    plateOffsetsRef: d,
+    clearToolpaths: w,
+    refreshSlicedCount: b,
+    dragOver: T,
+    setError: P,
+    setTriWarn: M,
+    setProgress: B,
+    setStats: ee,
+    setOverBed: L,
+    setLayerCount: te,
+    setSegCount: I,
+    setColorRange: A,
+    setSliceNotice: u,
+    setDowngradeOffer: _,
+    setGcodeUrl: G,
+    setCanvasMode: K,
+    setObjects: h,
+    setDragOver: E
+  } = n;
+  async function k(D) {
+    var de, Y;
+    const W = Array.from(D || []).filter((C) => bt.includes(Vn(C.name))), oe = Array.from(D || []).length - W.length;
+    if (!W.length) {
+      oe && P("Supported formats: STL/OBJ/3MF/AMF/PLY");
+      return;
     }
-    me.current = e, ne.current = t, zt(e), Lt(t), wr();
-  }
-  function $r(e) {
-    const t = parseInt(e.target.value, 10);
-    Me ? de(t, t) : de(t, ne.current);
-  }
-  function Ur(e) {
-    const t = parseInt(e.target.value, 10);
-    de(Me ? t : me.current, t);
-  }
-  function An() {
-    const e = !Me;
-    pr(e), e && de(ne.current, ne.current);
+    P(""), M(""), B(0), l.current = null, r.current = null, m.current = {}, d.current = {}, w(), b(), ee(null), L(!1), te(0), I(0), A(null), u(""), _(null), G((C) => (C && URL.revokeObjectURL(C), "")), K("prepare"), (de = a.current) == null || de.showObjects();
+    let ge = 0;
+    for (const C of W)
+      try {
+        const pe = performance.now(), je = await C.arrayBuffer(), Ce = performance.now(), ye = await Fn(C.name, je), Re = performance.now();
+        for (const be of ye)
+          (Y = a.current) == null || Y.addObject(be.name, be.modelPos), ge += be.modelPos.length / 9;
+        console.info(`[vp-prof] load ${C.name}: read ${(Ce - pe).toFixed(0)}ms, parse ${(Re - Ce).toFixed(0)}ms, scene ${(performance.now() - Re).toFixed(0)}ms`);
+      } catch (pe) {
+        P(`Failed to load ${C.name}: ${pe && pe.message || pe}`);
+      }
+    h(c.current.map((C) => ({ id: C.id, name: C.name, extruder: C.extruder, visible: C.visible !== !1 }))), ge > 1e5 && M(`${Math.round(ge).toLocaleString()} triangles — slicing may take a while`);
   }
-  function Fr(e) {
-    const t = e.target.value;
-    dr(t), kt.current = t, It();
+  function j(D) {
+    k(D.target.files), D.target.value = "";
   }
-  function Sn(e) {
-    const t = e.target.checked;
-    fr(t), yt.current = t;
-    for (const r of Object.values(y.current)) r.ctl.setTravelVisible(t);
+  function f(D) {
+    var W;
+    (W = a.current) == null || W.removeObject(D), h(c.current.map((oe) => ({ id: oe.id, name: oe.name, extruder: oe.extruder, visible: oe.visible !== !1 })));
   }
-  function Gr(e) {
-    const t = e.target.checked;
-    F((r) => ({ ...r, enable_support: t }));
+  function g(D) {
+    var W;
+    D.preventDefault(), E(!1), k((W = D.dataTransfer) == null ? void 0 : W.files);
   }
-  const Dr = !!wt(P, "enable_support");
-  function Oe() {
-    ot(w.current.map((e) => ({ id: e.id, name: e.name, extruder: e.extruder, visible: e.visible !== !1 })));
+  function y(D) {
+    D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "copy"), T || E(!0);
   }
-  function Hr(e, t) {
-    Tt((r) => {
-      var l;
-      const a = [...r];
-      return a[e] = t, Re.current = a, (l = d.current) == null || l.recolorObjects(), a;
-    });
+  function v(D) {
+    D.currentTarget.contains(D.relatedTarget) || E(!1);
   }
-  function qr() {
-    Tt((e) => {
-      if (e.length >= 4) return e;
-      const t = ["#e0473b", "#3bb0e0", "#7ad14a"], r = [...e, t[e.length - 1] || "#888888"];
-      return Re.current = r, r;
-    });
+  return { loadFiles: k, onFiles: j, removeObject: f, onDrop: g, onDragOver: y, onDragLeave: v };
+}
+function Ar(n) {
+  const {
+    three: a,
+    objectsRef: c,
+    apiRef: l,
+    getWorker: r,
+    selectedPlateRef: m,
+    paintXformRef: d,
+    paintOverlayRef: w,
+    paintModeRef: b,
+    setError: T,
+    setPaintModeState: P,
+    setPaintCounts: M
+  } = n;
+  function B(I, A) {
+    var h, E;
+    const u = a.current;
+    if (!u.objectsGroup) return;
+    const _ = d.current || { cx: 0, cy: 0, minz: 0 }, G = w.current;
+    if (G)
+      for (const k of ["enf", "blk"]) G[k] && (u.objectsGroup.remove(G[k]), G[k].geometry.dispose(), G[k].material.dispose());
+    const K = (k, j) => {
+      if (!k || k.length < 9) return null;
+      const f = new Float32Array(k.length);
+      for (let v = 0; v < k.length; v += 3) {
+        const D = k[v], W = k[v + 1], oe = k[v + 2];
+        f[v] = D + _.cx, f[v + 1] = oe + _.minz, f[v + 2] = -(W + _.cy);
+      }
+      const g = new N.BufferGeometry();
+      g.setAttribute("position", new N.Float32BufferAttribute(f, 3)), g.computeVertexNormals();
+      const y = new N.Mesh(g, new N.MeshBasicMaterial({ color: j, transparent: !0, opacity: 0.55, side: N.DoubleSide, depthTest: !1 }));
+      return y.renderOrder = 999, u.objectsGroup.add(y), y;
+    };
+    w.current = { enf: K(I, 2845951), blk: K(A, 14826299) }, (E = (h = a.current).invalidate) == null || E.call(h);
   }
-  function Wr() {
-    Tt((e) => {
-      var r;
-      if (e.length <= 1) return e;
-      const t = e.slice(0, -1);
-      return Re.current = t, w.current.forEach((a) => {
-        var l;
-        (a.extruder || 1) > t.length && ((l = d.current) == null || l.setObjectExtruder(a.id, t.length));
-      }), (r = d.current) == null || r.recolorObjects(), Oe(), t;
-    });
+  function ee() {
+    const I = a.current, A = w.current;
+    if (A && I.objectsGroup) for (const u of ["enf", "blk"]) A[u] && (I.objectsGroup.remove(A[u]), A[u].geometry.dispose(), A[u].material.dispose());
+    w.current = null;
   }
-  function Xr(e) {
-    var r;
-    const t = w.current.find((a) => a.id === e);
-    (r = d.current) == null || r.setObjectVisible(e, (t == null ? void 0 : t.visible) === !1), Oe();
+  function L(I) {
+    var A, u, _;
+    if (I !== "off" && c.current.length === 0) {
+      T("Upload an STL first");
+      return;
+    }
+    if (I !== "off") {
+      const G = (A = l.current) == null ? void 0 : A.buildMergedSTL(m.current);
+      if (!G) return;
+      d.current = { cx: G.offX, cy: -G.offZ, minz: 0 }, (u = l.current) == null || u.detachTransform(), r().postMessage({ cmd: "prepare", stl: G.buf });
+    }
+    b.current = I, P(I), (_ = l.current) == null || _.refreshCursor();
   }
-  function Kr() {
-    oe(ve === "off" ? "enforcer" : "off");
+  function te() {
+    r().postMessage({ cmd: "clear" }), ee(), M({ enf: 0, blk: 0 });
   }
-  const Yr = [
-    { id: "add", icon: xa, label: "추가", tip: "모델 파일을 현재 플레이트에 추가 (기존 오브젝트 유지)", run: () => {
-      var e;
-      return (e = Ge.current) == null ? void 0 : e.click();
-    } },
-    { id: "delete", icon: ka, label: "삭제", tip: "선택한 오브젝트 삭제 (Del)", run: ht },
-    { id: "delete-all", icon: Ea, label: "전체 삭제", tip: "플레이트의 모든 오브젝트 삭제", run: Jr, disabled: () => Ee.length === 0 },
-    { sep: !0 },
-    { id: "duplicate", icon: Ma, label: "복제", tip: "선택 오브젝트 복제 (Ctrl+K)", run: Ft },
-    { id: "split", icon: Yn, label: "분리", tip: "객체로 분리 — 서로 떨어진 부분(연결 성분)마다 독립 오브젝트로 나눔. 파트로 분리는 미구현(파트 개념 부재)", run: Dt },
-    { id: "onbed", icon: Aa, label: "바닥에 놓기", tip: "모든 오브젝트를 베드 바닥(Z=0)에 붙임 — 기즈모로 띄운 뒤 재안착용", run: () => {
-      var e;
-      return (e = d.current) == null ? void 0 : e.placeOnBed();
-    } },
-    { sep: !0 },
-    { id: "arrange", icon: va, label: "배치", tip: "자동 배치 — 오브젝트를 베드에 겹치지 않게 정렬. 미구현(libslic3r Arrange 이식 필요)" },
-    { id: "orient", icon: za, label: "방향", tip: "자동 방향 — 서포트가 덜 필요한 방향으로 회전. 미구현(libslic3r Orient 이식 필요)" },
-    { sep: !0 },
-    { id: "cut", icon: ya, label: "컷", tip: "컷 — 평면으로 모델을 잘라 두 조각으로 분리. 미구현(절단면 재봉합 필요)" },
-    { id: "boolean", icon: wa, label: "불리언", tip: "메시 불리언 — 두 오브젝트의 합/차/교집합. 미구현(CGAL 불리언 이식 필요)" },
-    { id: "negative", icon: _a, label: "음각 파트", tip: "음각·모디파이어 파트 추가 — 한 오브젝트 안에 성질이 다른 파트를 넣음. 미구현(파트 개념 부재)" },
-    { sep: !0 },
-    { id: "seam", icon: Oa, label: "심 페인팅", tip: "심 페인팅 — 레이어 이음매 위치를 브러시로 지정. 미구현(커널 심 배선 필요)" },
-    { id: "mmu", icon: ja, label: "컬러 페인팅", tip: "컬러 페인팅 — 멀티머티리얼 색을 면 단위로 지정. 미구현(MMU 페인트 코덱 배선 필요)" },
-    { id: "text", icon: Za, label: "텍스트", tip: "텍스트·SVG 각인 — 모델 표면에 문자/도형을 새김. 미구현(폰트 래스터화 필요)" },
-    { id: "measure", icon: Ca, label: "측정", tip: "측정 — 두 지점/면 사이 거리·각도 측정. 미구현" },
-    { id: "varlayer", icon: Ta, label: "가변 레이어", tip: "가변 레이어 높이 — 구간별로 레이어 높이를 다르게. 미구현(커널 가변 z 미지원)" }
-  ];
-  function Ft() {
-    var r, a, l;
-    const e = (r = d.current) == null ? void 0 : r.selectedObjectId();
-    if (!e) {
-      C("먼저 복제할 오브젝트를 선택하세요");
+  return { rebuildPaintOverlay: B, clearPaintOverlay: ee, setPaintMode: L, clearPaint: te };
+}
+function _r(n) {
+  const {
+    apiRef: a,
+    objectsRef: c,
+    clipboardRef: l,
+    paintModeRef: r,
+    setPaintMode: m,
+    removeObject: d,
+    refreshObjects: w,
+    setError: b,
+    setSliceNotice: T
+  } = n;
+  function P() {
+    var _, G, K;
+    const A = (_ = a.current) == null ? void 0 : _.selectedObjectId();
+    if (!A) {
+      b("Select an object to duplicate first");
       return;
     }
-    const t = (a = d.current) == null ? void 0 : a.getSnapshot(e);
-    t && ((l = d.current) == null || l.spawnSnapshot(t), Oe(), C(""));
+    const u = (G = a.current) == null ? void 0 : G.getSnapshot(A);
+    u && ((K = a.current) == null || K.spawnSnapshot(u), w(), b(""));
   }
-  function Gt() {
-    var t, r;
-    const e = (t = d.current) == null ? void 0 : t.selectedObjectId();
-    if (!e) {
-      C("먼저 복사할 오브젝트를 선택하세요");
+  function M() {
+    var u, _;
+    const A = (u = a.current) == null ? void 0 : u.selectedObjectId();
+    if (!A) {
+      b("Select an object to copy first");
       return;
     }
-    Je.current = (r = d.current) == null ? void 0 : r.getSnapshot(e), C(""), Y("오브젝트를 복사했습니다 (Ctrl+V 로 붙여넣기)");
+    l.current = (_ = a.current) == null ? void 0 : _.getSnapshot(A), b(""), T("Object copied (paste with Ctrl+V)");
   }
-  function zn() {
-    var e;
-    Je.current && ((e = d.current) == null || e.spawnSnapshot(Je.current), Oe());
+  function B() {
+    var A;
+    l.current && ((A = a.current) == null || A.spawnSnapshot(l.current), w());
   }
-  function ht() {
-    var t;
-    const e = (t = d.current) == null ? void 0 : t.selectedObjectId();
-    if (!e) {
-      C("먼저 삭제할 오브젝트를 선택하세요");
+  function ee() {
+    var u;
+    const A = (u = a.current) == null ? void 0 : u.selectedObjectId();
+    if (!A) {
+      b("Select an object to delete first");
       return;
     }
-    Vt(e), C("");
+    d(A), b("");
   }
-  function Jr() {
-    var t;
-    const e = w.current.map((r) => r.id);
-    if (e.length) {
-      for (const r of e) (t = d.current) == null || t.removeObject(r);
-      Oe(), Y(`${e.length}개 오브젝트를 모두 삭제했습니다`);
+  function L() {
+    var u;
+    const A = c.current.map((_) => _.id);
+    if (A.length) {
+      for (const _ of A) (u = a.current) == null || u.removeObject(_);
+      w(), T(`Deleted all ${A.length} object(s)`);
     }
   }
-  function Dt() {
-    var l, c;
-    const e = (l = d.current) == null ? void 0 : l.selectedObjectId();
-    if (!e) {
-      C("먼저 분리할 오브젝트를 선택하세요");
+  function te() {
+    var K, h;
+    const A = (K = a.current) == null ? void 0 : K.selectedObjectId();
+    if (!A) {
+      b("Select an object to split first");
       return;
     }
-    const t = (c = d.current) == null ? void 0 : c.getSnapshot(e);
-    if (!t) return;
-    let r;
+    const u = (h = a.current) == null ? void 0 : h.getSnapshot(A);
+    if (!u) return;
+    let _;
     try {
-      r = ma(t.localPos);
-    } catch (s) {
-      C("분리 실패: " + ((s == null ? void 0 : s.message) || s));
+      _ = Gn(u.localPos);
+    } catch (E) {
+      b("Split failed: " + ((E == null ? void 0 : E.message) || E));
       return;
     }
-    if (!r || r.length < 2) {
-      C("분리할 독립 부분이 없습니다 — 하나로 연결된 메시입니다");
+    if (!_ || _.length < 2) {
+      b("No separate parts to split — this is a single connected mesh");
       return;
     }
-    const a = String(t.name || "object").replace(/\.[^.]+$/, "");
-    Vt(e), r.forEach((s, b) => {
-      var p;
-      return (p = d.current) == null ? void 0 : p.spawnSnapshot(
-        { name: `${a}_${b + 1}`, localPos: s, rot: t.rot, scale: t.scale, pos: t.pos },
+    const G = String(u.name || "object").replace(/\.[^.]+$/, "");
+    d(A), _.forEach((E, k) => {
+      var j;
+      return (j = a.current) == null ? void 0 : j.spawnSnapshot(
+        { name: `${G}_${k + 1}`, localPos: E, rot: u.rot, scale: u.scale, pos: u.pos },
         !0
       );
-    }), Oe(), C(""), Y(`${r.length}개 오브젝트로 분리했습니다`);
+    }), w(), b(""), T(`Split into ${_.length} objects`);
   }
-  function Ht(e) {
-    var t;
-    W.current !== "off" && oe("off"), (t = d.current) == null || t.setMode(e);
+  function I(A) {
+    var u;
+    r.current !== "off" && m("off"), (u = a.current) == null || u.setMode(A);
   }
-  Ye.current = (e) => {
-    var b, p, j, u, f, B, O, V, M;
-    const t = e.composedPath ? e.composedPath()[0] : e.target;
-    if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable)) return;
-    const r = e.key, a = typeof r == "string" ? r.toLowerCase() : "", l = e.ctrlKey || e.metaKey, c = fe.current === "preview", s = () => {
-      e.preventDefault(), e.stopPropagation();
-    };
-    if (l) {
-      a === "r" ? (s(), lt || Pe("current")) : a === "c" ? (s(), Gt()) : a === "v" ? (s(), zn()) : a === "x" ? (s(), Gt(), ht()) : (a === "k" || a === "d") && (s(), Ft());
-      return;
-    }
-    if (c) {
-      const _ = e.shiftKey ? 10 : 1;
-      if (r === "ArrowUp") {
-        s();
-        const T = ne.current + _;
-        de(Me ? T : me.current, T);
-      } else if (r === "ArrowDown") {
-        s();
-        const T = ne.current - _;
-        de(Me ? T : me.current, T);
-      } else a === "l" ? (s(), An()) : a === "t" ? (s(), Sn({ target: { checked: !yt.current } })) : a === "z" ? (s(), (b = d.current) == null || b.frame()) : a === "b" ? (s(), (p = d.current) == null || p.frameBed()) : r === "Escape" && (s(), ze("prepare"));
-      return;
-    }
-    if (a === "m" || a === "g")
-      s(), Ht("translate");
-    else if (a === "r")
-      s(), Ht("rotate");
-    else if (a === "s")
-      s(), Ht("scale");
-    else if (a === "z")
-      s(), (j = d.current) == null || j.frame();
-    else if (a === "b")
-      s(), (u = d.current) == null || u.frameBed();
-    else if (r === "Delete" || r === "Backspace")
-      s(), ht();
-    else if (r === "Escape")
-      s(), W.current !== "off" && oe("off"), (f = d.current) == null || f.detachTransform();
-    else if (r === "PageUp")
-      s(), (B = d.current) == null || B.rotateSelectedY(Math.PI / 4);
-    else if (r === "PageDown")
-      s(), (O = d.current) == null || O.rotateSelectedY(-Math.PI / 4);
-    else if ((V = r.startsWith) != null && V.call(r, "Arrow")) {
-      s();
-      const _ = e.shiftKey ? 1 : 10;
-      (M = d.current) == null || M.nudgeSelected(
-        r === "ArrowLeft" ? -_ : r === "ArrowRight" ? _ : 0,
-        r === "ArrowUp" ? -_ : r === "ArrowDown" ? _ : 0
-      );
-    } else r === "?" && (s(), ln((_) => !_));
-  };
-  const Qr = J.nozzle_diameter || wt(P, "nozzle_diameter") || "0.4";
-  (Pn = (Ln = A.current).invalidate) == null || Pn.call(Ln);
-  const Rn = Ae > 0 && /* @__PURE__ */ n.createElement("div", { className: "slice-layer", "data-testid": "preview-controls" }, /* @__PURE__ */ n.createElement("label", { className: "view-type-row" }, "뷰 타입", /* @__PURE__ */ n.createElement("select", { value: cr, onChange: Fr, "data-testid": "view-type-select", title: "툴패스 색을 무엇으로 칠할지 — 피처 종류·속도·레이어 높이·폭·팬·온도" }, ca.map((e) => /* @__PURE__ */ n.createElement("option", { key: e.key, value: e.key }, e.label)))), /* @__PURE__ */ n.createElement("label", null, "레이어 ", /* @__PURE__ */ n.createElement("b", { "data-testid": "layer-range" }, Me ? Rt + 1 : `${cn + 1}..${Rt + 1}`), " / ", Ae, /* @__PURE__ */ n.createElement("span", { className: "muted" }, " (", ar.toLocaleString(), " 세그먼트)")), /* @__PURE__ */ n.createElement("div", { className: "dual-slider" }, /* @__PURE__ */ n.createElement("input", { type: "range", min: "0", max: Math.max(0, Ae - 1), value: cn, onChange: $r, "data-testid": "layer-lo", title: "표시할 최하단 레이어 (↓/↑ 로도 조절)" }), /* @__PURE__ */ n.createElement("input", { type: "range", min: "0", max: Math.max(0, Ae - 1), value: Rt, onChange: Ur, "data-testid": "layer-hi", title: "표시할 최상단 레이어 (↓/↑, Shift 로 10단계)" })), /* @__PURE__ */ n.createElement("div", { className: "layer-ctl" }, /* @__PURE__ */ n.createElement("button", { className: Me ? "on" : "", onClick: An, "data-testid": "single-layer-btn", title: "선택한 한 층만 보기 (L)" }, "단일 레이어"), /* @__PURE__ */ n.createElement("label", { className: "slice-travel" }, /* @__PURE__ */ n.createElement("input", { type: "checkbox", checked: mr, onChange: Sn, "data-testid": "travel-toggle", title: "압출 없이 이동하는 경로를 회색 선으로 표시 (T)" }), " 트래블")), xe && xe.cont ? /* @__PURE__ */ n.createElement("div", { className: "grad-legend", "data-testid": "view-legend" }, /* @__PURE__ */ n.createElement("div", { className: "grad-title" }, xe.label, " ", /* @__PURE__ */ n.createElement("span", { className: "muted" }, xe.unit)), /* @__PURE__ */ n.createElement("div", { className: "grad-bar", "data-testid": "gradient-bar", style: { background: `linear-gradient(to right, ${da.map((e) => `rgb(${Math.round(e[0] * 255)},${Math.round(e[1] * 255)},${Math.round(e[2] * 255)})`).join(",")})` } }), /* @__PURE__ */ n.createElement("div", { className: "grad-minmax" }, /* @__PURE__ */ n.createElement("span", { "data-testid": "grad-min" }, xe.min.toFixed(xe.unit === "mm" ? 2 : 0)), /* @__PURE__ */ n.createElement("span", { "data-testid": "grad-max" }, xe.max.toFixed(xe.unit === "mm" ? 2 : 0)))) : /* @__PURE__ */ n.createElement("div", { className: "role-legend", "data-testid": "view-legend" }, ur.map((e) => /* @__PURE__ */ n.createElement("span", { key: e.type, className: "role-item" }, /* @__PURE__ */ n.createElement("i", { style: { background: `rgb(${Math.round(e.color[0] * 255)},${Math.round(e.color[1] * 255)},${Math.round(e.color[2] * 255)})` } }), e.label, " ", /* @__PURE__ */ n.createElement("b", null, e.pct.toFixed(0), "%"))))), ea = be && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("b", null, be.layers), " 레이어 · ", /* @__PURE__ */ n.createElement("b", null, be.segments), " 세그먼트"), /* @__PURE__ */ n.createElement("div", null, "필라멘트 ", /* @__PURE__ */ n.createElement("b", null, be.filament.toFixed(1)), " mm"), typeof be.timeSec == "number" && be.timeSec > 0 && (() => {
-    const e = Math.round(be.timeSec), t = `${Math.floor(e / 3600)}h ${String(Math.floor(e % 3600 / 60)).padStart(2, "0")}m ${String(e % 60).padStart(2, "0")}s`;
-    return /* @__PURE__ */ n.createElement("div", { "data-testid": "print-time" }, "⏱ 예상 출력 ", /* @__PURE__ */ n.createElement("b", null, t));
-  })(), rr && /* @__PURE__ */ n.createElement("div", { className: "slice-warn", "data-testid": "over-bed" }, "⚠ 모델이 베드를 벗어남")), qt = Yt.map((e) => e.toUpperCase()).join(" · ");
-  return /* @__PURE__ */ n.createElement(ga, { css: ba }, /* @__PURE__ */ n.createElement("div", { className: "app-shell" }, /* @__PURE__ */ n.createElement("input", { ref: Ge, type: "file", accept: Yt.map((e) => "." + e).join(","), multiple: !0, onChange: Cr, title: `${qt} (여러 개 선택 가능)`, "data-testid": "stl-input", style: { display: "none" } }), /* @__PURE__ */ n.createElement("header", { className: "topbar" }, /* @__PURE__ */ n.createElement("div", { className: "tb-left" }, /* @__PURE__ */ n.createElement("span", { className: "tb-logo" }, /* @__PURE__ */ n.createElement("b", null, "Three"), "Slicer ", /* @__PURE__ */ n.createElement("span", { className: "tb-re" }, "RE")), /* @__PURE__ */ n.createElement("button", { className: "tb-btn", onClick: () => {
-    var e;
-    return (e = Ge.current) == null ? void 0 : e.click();
-  }, title: "모델 파일 열기 — 기존 오브젝트는 모두 지워짐", "data-testid": "open-file" }, /* @__PURE__ */ n.createElement("img", { src: Sa, alt: "" }), /* @__PURE__ */ n.createElement("span", null, "열기"))), K && /* @__PURE__ */ n.createElement("div", { className: "tb-tabs", role: "tablist", "aria-label": "캔버스 모드" }, /* @__PURE__ */ n.createElement("button", { role: "tab", className: H === "prepare" ? "on" : "", onClick: () => ze("prepare"), "data-testid": "mode-prepare", title: "모델 배치·변형·서포트 페인팅" }, "Prepare"), /* @__PURE__ */ n.createElement("button", { role: "tab", className: H === "preview" ? "on" : "", onClick: () => ze("preview"), disabled: Ae === 0, "data-testid": "mode-preview", title: "슬라이스된 툴패스 미리보기 (슬라이스 후 활성화)" }, "Preview")), /* @__PURE__ */ n.createElement("div", { className: "tb-right" }, /* @__PURE__ */ n.createElement("button", { className: "tb-icon", disabled: !0, title: "실행 취소 — 미구현(작업 이력 스택 필요)" }, "↶"), /* @__PURE__ */ n.createElement("button", { className: "tb-icon", disabled: !0, title: "다시 실행 — 미구현(작업 이력 스택 필요)" }, "↷"))), /* @__PURE__ */ n.createElement("div", { className: "app-body" }, K && H === "prepare" && /* @__PURE__ */ n.createElement("nav", { className: "left-rail", role: "toolbar", "aria-label": "기즈모 도구" }, /* @__PURE__ */ n.createElement("button", { className: jt === "translate" && ve === "off" ? "on" : "", onClick: () => {
-    var e;
-    oe("off"), (e = d.current) == null || e.setMode("translate");
-  }, title: "오브젝트 이동 — 기즈모 축을 끌거나 방향키로 10mm(Shift 1mm) 이동 (M/G)", "data-testid": "gizmo-move" }, /* @__PURE__ */ n.createElement("img", { src: Na, alt: "이동" })), /* @__PURE__ */ n.createElement("button", { className: jt === "rotate" && ve === "off" ? "on" : "", onClick: () => {
-    var e;
-    oe("off"), (e = d.current) == null || e.setMode("rotate");
-  }, title: "오브젝트 회전 — PageUp/PageDown 으로 45° 단위 회전 (R)", "data-testid": "gizmo-rotate" }, /* @__PURE__ */ n.createElement("img", { src: La, alt: "회전" })), /* @__PURE__ */ n.createElement("button", { className: jt === "scale" && ve === "off" ? "on" : "", onClick: () => {
-    var e;
-    oe("off"), (e = d.current) == null || e.setMode("scale");
-  }, title: "오브젝트 크기 조절 (S)", "data-testid": "gizmo-scale" }, /* @__PURE__ */ n.createElement("img", { src: Pa, alt: "스케일" })), /* @__PURE__ */ n.createElement("div", { className: "rail-sep" }), /* @__PURE__ */ n.createElement("button", { className: ve !== "off" ? "on" : "", onClick: Kr, title: "브러시로 면을 칠해 서포트를 강제하거나 차단 — 휠로 브러시 크기 조절", "data-testid": "gizmo-paint" }, /* @__PURE__ */ n.createElement("img", { src: Ra, alt: "서포트 페인팅" }))), /* @__PURE__ */ n.createElement("div", { className: "viewport-col" }, /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      className: (K ? "vp-canvas" : "vp-canvas fail") + (Ot ? " drag-over" : ""),
-      ref: ee,
-      onDrop: jr,
-      onDragOver: Nr,
-      onDragLeave: _r,
-      "data-testid": "drop-zone"
-    },
-    !K && /* @__PURE__ */ n.createElement("div", { className: "vp-fallback" }, "⚠ ", en),
-    K && Ee.length === 0 && H !== "preview" && /* @__PURE__ */ n.createElement("div", { className: "empty-hint", "data-testid": "empty-hint" }, /* @__PURE__ */ n.createElement("div", { className: "eh-icon" }, "📦"), /* @__PURE__ */ n.createElement("div", { className: "eh-title" }, "파일을 드래그하거나 선택하세요"), /* @__PURE__ */ n.createElement("div", { className: "eh-sub" }, qt), /* @__PURE__ */ n.createElement("button", { className: "eh-btn", onClick: () => {
-      var e;
-      return (e = Ge.current) == null ? void 0 : e.click();
-    }, "data-testid": "empty-pick", title: `${qt} 파일 선택 (여러 개 가능)` }, "파일 선택")),
-    Ot && /* @__PURE__ */ n.createElement("div", { className: "drop-overlay", "data-testid": "drop-overlay" }, "여기에 놓기 (STL/OBJ/3MF/AMF/PLY)"),
-    pt && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", { className: "ctx-scrim", onPointerDown: () => D(null), onContextMenu: (e) => {
-      e.preventDefault(), D(null);
-    } }), /* @__PURE__ */ n.createElement("div", { className: "ctx-menu", style: { left: pt.x, top: pt.y }, "data-testid": "ctx-menu" }, pt.onObject ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      D(null), Ft();
-    }, "data-testid": "ctx-duplicate", title: "선택 오브젝트를 같은 크기·회전으로 복제해 옆에 배치" }, "복제 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "Ctrl+K")), /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      D(null), Gt();
-    }, "data-testid": "ctx-copy", title: "선택 오브젝트를 버퍼에 복사 (붙여넣기로 추가)" }, "복사 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "Ctrl+C")), /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      D(null), Dt();
-    }, "data-testid": "ctx-split", title: "객체로 분리 — 서로 떨어진 부분(연결 성분)마다 독립 오브젝트로 나눔. 파트로 분리는 미구현(파트 개념 부재)" }, "분리"), /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      var e;
-      D(null), (e = d.current) == null || e.placeOnBed();
-    }, "data-testid": "ctx-seat", title: "모든 오브젝트를 베드 바닥(Z=0)에 붙임" }, "바닥에 놓기"), /* @__PURE__ */ n.createElement("hr", null), /* @__PURE__ */ n.createElement("button", { className: "danger", onClick: () => {
-      D(null), ht();
-    }, "data-testid": "ctx-delete", title: "선택 오브젝트를 씬에서 제거" }, "삭제 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "Del"))) : /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      var e;
-      D(null), (e = Ge.current) == null || e.click();
-    }, "data-testid": "ctx-open", title: "모델 파일을 열어 현재 플레이트에 추가" }, "모델 열기…"), /* @__PURE__ */ n.createElement("button", { disabled: !Je.current, onClick: () => {
-      D(null), zn();
-    }, "data-testid": "ctx-paste", title: "복사해 둔 오브젝트를 현재 플레이트에 추가" }, "붙여넣기 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "Ctrl+V")), /* @__PURE__ */ n.createElement("hr", null), /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      var e;
-      D(null), (e = d.current) == null || e.frame();
-    }, "data-testid": "ctx-zoom-all", title: "모든 오브젝트가 보이도록 카메라 맞춤" }, "전체 보기 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "Z")), /* @__PURE__ */ n.createElement("button", { onClick: () => {
-      var e;
-      D(null), (e = d.current) == null || e.frameBed();
-    }, "data-testid": "ctx-zoom-bed", title: "선택한 플레이트 전체가 보이도록 카메라 맞춤" }, "베드 보기 ", /* @__PURE__ */ n.createElement("span", { className: "ctx-key" }, "B"))))),
-    sr && /* @__PURE__ */ n.createElement("div", { className: "help-overlay", "data-testid": "help-overlay", onClick: () => ln(!1) }, /* @__PURE__ */ n.createElement("div", { className: "help-card", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ n.createElement("h3", null, "단축키 ", /* @__PURE__ */ n.createElement("span", { className: "muted" }, "(? 로 닫기)")), /* @__PURE__ */ n.createElement("div", { className: "help-cols" }, /* @__PURE__ */ n.createElement("section", null, /* @__PURE__ */ n.createElement("h4", null, "Prepare"), /* @__PURE__ */ n.createElement("dl", null, /* @__PURE__ */ n.createElement("dt", null, "M / G"), /* @__PURE__ */ n.createElement("dd", null, "이동"), /* @__PURE__ */ n.createElement("dt", null, "R"), /* @__PURE__ */ n.createElement("dd", null, "회전"), /* @__PURE__ */ n.createElement("dt", null, "S"), /* @__PURE__ */ n.createElement("dd", null, "스케일"), /* @__PURE__ */ n.createElement("dt", null, "방향키"), /* @__PURE__ */ n.createElement("dd", null, "10mm 이동 (Shift 1mm)"), /* @__PURE__ */ n.createElement("dt", null, "PageUp/Down"), /* @__PURE__ */ n.createElement("dd", null, "45° 회전"), /* @__PURE__ */ n.createElement("dt", null, "Del"), /* @__PURE__ */ n.createElement("dd", null, "선택 삭제"), /* @__PURE__ */ n.createElement("dt", null, "Esc"), /* @__PURE__ */ n.createElement("dd", null, "선택/페인트 해제"))), /* @__PURE__ */ n.createElement("section", null, /* @__PURE__ */ n.createElement("h4", null, "Preview"), /* @__PURE__ */ n.createElement("dl", null, /* @__PURE__ */ n.createElement("dt", null, "↑ / ↓"), /* @__PURE__ */ n.createElement("dd", null, "레이어 (Shift 10단계)"), /* @__PURE__ */ n.createElement("dt", null, "L"), /* @__PURE__ */ n.createElement("dd", null, "단일 레이어"), /* @__PURE__ */ n.createElement("dt", null, "T"), /* @__PURE__ */ n.createElement("dd", null, "트래블"), /* @__PURE__ */ n.createElement("dt", null, "Esc"), /* @__PURE__ */ n.createElement("dd", null, "Prepare 로"))), /* @__PURE__ */ n.createElement("section", null, /* @__PURE__ */ n.createElement("h4", null, "공통"), /* @__PURE__ */ n.createElement("dl", null, /* @__PURE__ */ n.createElement("dt", null, "Ctrl+R"), /* @__PURE__ */ n.createElement("dd", null, "슬라이스"), /* @__PURE__ */ n.createElement("dt", null, "Ctrl+K / ⌘D"), /* @__PURE__ */ n.createElement("dd", null, "복제"), /* @__PURE__ */ n.createElement("dt", null, "Ctrl+C/V/X"), /* @__PURE__ */ n.createElement("dd", null, "복사/붙여넣기/잘라내기"), /* @__PURE__ */ n.createElement("dt", null, "Z / B"), /* @__PURE__ */ n.createElement("dd", null, "전체 / 베드로 줌"))))))
-  ), K && H === "prepare" && /* @__PURE__ */ n.createElement("div", { className: "vp-top-toolbar", role: "toolbar", "aria-label": "오브젝트 도구" }, Yr.map((e, t) => {
-    var r;
-    return e.sep ? /* @__PURE__ */ n.createElement("span", { key: "sep" + t, className: "vtt-sep" }) : /* @__PURE__ */ n.createElement(
+  return { duplicateSelected: P, copySelected: M, pasteClipboard: B, deleteSelected: ee, deleteAllObjects: L, splitSelected: te, setGizmo: I };
+}
+function zr({ showTabs: n, canvasMode: a, onCanvasMode: c, previewEnabled: l, onOpen: r }) {
+  return /* @__PURE__ */ e.createElement("header", { className: "topbar" }, /* @__PURE__ */ e.createElement("div", { className: "tb-left" }, /* @__PURE__ */ e.createElement("a", { href: "/", className: "tb-logo" }, /* @__PURE__ */ e.createElement("b", null, "Three"), "Slicer ", /* @__PURE__ */ e.createElement("span", { className: "tb-re" }, "RE")), /* @__PURE__ */ e.createElement("button", { className: "tb-btn", onClick: r, title: "Open a model file — every existing object is cleared", "data-testid": "open-file" }, /* @__PURE__ */ e.createElement("img", { src: mr, alt: "" }), /* @__PURE__ */ e.createElement("span", null, "Open"))), n && /* @__PURE__ */ e.createElement("div", { className: "tb-tabs", role: "tablist", "aria-label": "Canvas mode" }, /* @__PURE__ */ e.createElement("button", { role: "tab", className: a === "prepare" ? "on" : "", onClick: () => c("prepare"), "data-testid": "mode-prepare", title: "Arrange, transform and paint supports" }, "Prepare"), /* @__PURE__ */ e.createElement("button", { role: "tab", className: a === "preview" ? "on" : "", onClick: () => c("preview"), disabled: !l, "data-testid": "mode-preview", title: "Preview the sliced toolpaths (enabled after slicing)" }, "Preview")), /* @__PURE__ */ e.createElement("div", { className: "tb-right" }, /* @__PURE__ */ e.createElement("button", { className: "tb-icon", disabled: !0, title: "Undo — not implemented (needs an action history stack)" }, "↶"), /* @__PURE__ */ e.createElement("button", { className: "tb-icon", disabled: !0, title: "Redo — not implemented (needs an action history stack)" }, "↷")));
+}
+function Pr({ gizmoMode: n, paintMode: a, onGizmo: c, onTogglePaint: l }) {
+  const r = (m) => n === m && a === "off" ? "on" : "";
+  return /* @__PURE__ */ e.createElement("nav", { className: "left-rail", role: "toolbar", "aria-label": "Gizmo tools" }, /* @__PURE__ */ e.createElement("button", { className: r("translate"), onClick: () => c("translate"), title: "Move the object — drag a gizmo axis or use arrow keys for 10mm (Shift 1mm) (M/G)", "data-testid": "gizmo-move" }, /* @__PURE__ */ e.createElement("img", { src: dr, alt: "Move" })), /* @__PURE__ */ e.createElement("button", { className: r("rotate"), onClick: () => c("rotate"), title: "Rotate the object — PageUp/PageDown rotates in 45° steps (R)", "data-testid": "gizmo-rotate" }, /* @__PURE__ */ e.createElement("img", { src: gr, alt: "Rotate" })), /* @__PURE__ */ e.createElement("button", { className: r("scale"), onClick: () => c("scale"), title: "Scale the object (S)", "data-testid": "gizmo-scale" }, /* @__PURE__ */ e.createElement("img", { src: br, alt: "Scale" })), /* @__PURE__ */ e.createElement("div", { className: "rail-sep" }), /* @__PURE__ */ e.createElement("button", { className: a !== "off" ? "on" : "", onClick: l, title: "Brush facets to enforce or block support — the wheel changes the brush size", "data-testid": "gizmo-paint" }, /* @__PURE__ */ e.createElement("img", { src: hr, alt: "Support painting" })));
+}
+function Lr({ tools: n }) {
+  return /* @__PURE__ */ e.createElement("div", { className: "vp-top-toolbar", role: "toolbar", "aria-label": "Object tools" }, n.map((a, c) => {
+    var l;
+    return a.sep ? /* @__PURE__ */ e.createElement("span", { key: "sep" + c, className: "vtt-sep" }) : /* @__PURE__ */ e.createElement(
       "button",
       {
-        key: e.id,
-        onClick: e.run,
-        disabled: ((r = e.disabled) == null ? void 0 : r.call(e)) ?? !e.run,
-        title: e.tip,
-        "data-testid": `tool-${e.id}`
+        key: a.id,
+        onClick: a.run,
+        disabled: ((l = a.disabled) == null ? void 0 : l.call(a)) ?? !a.run,
+        title: a.tip,
+        "data-testid": `tool-${a.id}`
       },
-      /* @__PURE__ */ n.createElement("img", { src: e.icon, alt: e.label })
+      /* @__PURE__ */ e.createElement("img", { src: a.icon, alt: a.label })
     );
-  })), K && H === "prepare" && ve !== "off" && /* @__PURE__ */ n.createElement("div", { className: "brush-panel", "data-testid": "paint-tools" }, /* @__PURE__ */ n.createElement("div", { className: "bp-title" }, "서포트 페인팅"), /* @__PURE__ */ n.createElement("div", { className: "bp-modes" }, /* @__PURE__ */ n.createElement("button", { className: ve === "enforcer" ? "on enf" : "enf", onClick: () => oe("enforcer"), title: "칠한 면 아래에 서포트를 강제로 생성", "data-testid": "paint-enforcer" }, "enforcer"), /* @__PURE__ */ n.createElement("button", { className: ve === "blocker" ? "on blk" : "blk", onClick: () => oe("blocker"), title: "칠한 면 아래에 서포트가 생기지 않게 차단", "data-testid": "paint-blocker" }, "blocker"), /* @__PURE__ */ n.createElement("button", { onClick: zr, "data-testid": "paint-clear", title: "칠한 강제/차단 영역을 모두 지움" }, "지우기"), /* @__PURE__ */ n.createElement("button", { onClick: () => oe("off"), "data-testid": "paint-off", title: "페인팅 모드 종료 (Esc)" }, "닫기")), /* @__PURE__ */ n.createElement("label", { className: "bp-radius" }, "브러시 반경 ", un, "mm", /* @__PURE__ */ n.createElement(
+  }));
+}
+function Or({ menu: n, onClose: a, canPaste: c, actions: l }) {
+  const r = (m) => () => {
+    a(), m == null || m();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "ctx-scrim", onPointerDown: a, onContextMenu: (m) => {
+    m.preventDefault(), a();
+  } }), /* @__PURE__ */ e.createElement("div", { className: "ctx-menu", style: { left: n.x, top: n.y }, "data-testid": "ctx-menu" }, n.onObject ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", { onClick: r(l.duplicate), "data-testid": "ctx-duplicate", title: "Duplicate the selected object at the same scale and rotation, placed beside it" }, "Duplicate ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "Ctrl+K")), /* @__PURE__ */ e.createElement("button", { onClick: r(l.copy), "data-testid": "ctx-copy", title: "Copy the selected object to the buffer (paste to add it)" }, "Copy ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "Ctrl+C")), /* @__PURE__ */ e.createElement("button", { onClick: r(l.split), "data-testid": "ctx-split", title: "Split to objects — every disconnected part (connected component) becomes its own object. Split to parts is not implemented (no part concept)" }, "Split"), /* @__PURE__ */ e.createElement("button", { onClick: r(l.placeOnBed), "data-testid": "ctx-seat", title: "Drop every object onto the bed (Z=0)" }, "Place on bed"), /* @__PURE__ */ e.createElement("hr", null), /* @__PURE__ */ e.createElement("button", { className: "danger", onClick: r(l.remove), "data-testid": "ctx-delete", title: "Remove the selected object from the scene" }, "Delete ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "Del"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", { onClick: r(l.openFile), "data-testid": "ctx-open", title: "Open a model file and add it to the current plate" }, "Open model…"), /* @__PURE__ */ e.createElement("button", { disabled: !c, onClick: r(l.paste), "data-testid": "ctx-paste", title: "Add the copied object to the current plate" }, "Paste ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "Ctrl+V")), /* @__PURE__ */ e.createElement("hr", null), /* @__PURE__ */ e.createElement("button", { onClick: r(l.zoomAll), "data-testid": "ctx-zoom-all", title: "Fit the camera so every object is visible" }, "Zoom all ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "Z")), /* @__PURE__ */ e.createElement("button", { onClick: r(l.zoomBed), "data-testid": "ctx-zoom-bed", title: "Fit the camera to the whole selected plate" }, "Zoom bed ", /* @__PURE__ */ e.createElement("span", { className: "ctx-key" }, "B")))));
+}
+function Tr({ onClose: n }) {
+  return /* @__PURE__ */ e.createElement("div", { className: "help-overlay", "data-testid": "help-overlay", onClick: n }, /* @__PURE__ */ e.createElement("div", { className: "help-card", onClick: (a) => a.stopPropagation() }, /* @__PURE__ */ e.createElement("h3", null, "Shortcuts ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "(press ? to close)")), /* @__PURE__ */ e.createElement("div", { className: "help-cols" }, /* @__PURE__ */ e.createElement("section", null, /* @__PURE__ */ e.createElement("h4", null, "Prepare"), /* @__PURE__ */ e.createElement("dl", null, /* @__PURE__ */ e.createElement("dt", null, "M / G"), /* @__PURE__ */ e.createElement("dd", null, "Move"), /* @__PURE__ */ e.createElement("dt", null, "R"), /* @__PURE__ */ e.createElement("dd", null, "Rotate"), /* @__PURE__ */ e.createElement("dt", null, "S"), /* @__PURE__ */ e.createElement("dd", null, "Scale"), /* @__PURE__ */ e.createElement("dt", null, "Arrow keys"), /* @__PURE__ */ e.createElement("dd", null, "Move 10mm (Shift 1mm)"), /* @__PURE__ */ e.createElement("dt", null, "PageUp/Down"), /* @__PURE__ */ e.createElement("dd", null, "Rotate 45°"), /* @__PURE__ */ e.createElement("dt", null, "Del"), /* @__PURE__ */ e.createElement("dd", null, "Delete selection"), /* @__PURE__ */ e.createElement("dt", null, "Esc"), /* @__PURE__ */ e.createElement("dd", null, "Clear selection / leave paint"))), /* @__PURE__ */ e.createElement("section", null, /* @__PURE__ */ e.createElement("h4", null, "Preview"), /* @__PURE__ */ e.createElement("dl", null, /* @__PURE__ */ e.createElement("dt", null, "↑ / ↓"), /* @__PURE__ */ e.createElement("dd", null, "Layer (Shift steps of 10)"), /* @__PURE__ */ e.createElement("dt", null, "L"), /* @__PURE__ */ e.createElement("dd", null, "Single layer"), /* @__PURE__ */ e.createElement("dt", null, "T"), /* @__PURE__ */ e.createElement("dd", null, "Travel"), /* @__PURE__ */ e.createElement("dt", null, "Esc"), /* @__PURE__ */ e.createElement("dd", null, "Back to Prepare"))), /* @__PURE__ */ e.createElement("section", null, /* @__PURE__ */ e.createElement("h4", null, "Common"), /* @__PURE__ */ e.createElement("dl", null, /* @__PURE__ */ e.createElement("dt", null, "Ctrl+R"), /* @__PURE__ */ e.createElement("dd", null, "Slice"), /* @__PURE__ */ e.createElement("dt", null, "Ctrl+K / ⌘D"), /* @__PURE__ */ e.createElement("dd", null, "Duplicate"), /* @__PURE__ */ e.createElement("dt", null, "Ctrl+C/V/X"), /* @__PURE__ */ e.createElement("dd", null, "Copy / paste / cut"), /* @__PURE__ */ e.createElement("dt", null, "Z / B"), /* @__PURE__ */ e.createElement("dd", null, "Zoom all / zoom bed"))))));
+}
+function Br({ paintMode: n, onPaintMode: a, onClear: c, brushRadius: l, onBrushRadius: r, paintCounts: m }) {
+  return /* @__PURE__ */ e.createElement("div", { className: "brush-panel", "data-testid": "paint-tools" }, /* @__PURE__ */ e.createElement("div", { className: "bp-title" }, "Support painting"), /* @__PURE__ */ e.createElement("div", { className: "bp-modes" }, /* @__PURE__ */ e.createElement("button", { className: n === "enforcer" ? "on enf" : "enf", onClick: () => a("enforcer"), title: "Force support under the painted facets", "data-testid": "paint-enforcer" }, "enforcer"), /* @__PURE__ */ e.createElement("button", { className: n === "blocker" ? "on blk" : "blk", onClick: () => a("blocker"), title: "Block support under the painted facets", "data-testid": "paint-blocker" }, "blocker"), /* @__PURE__ */ e.createElement("button", { onClick: c, "data-testid": "paint-clear", title: "Clear every painted enforcer/blocker area" }, "Clear"), /* @__PURE__ */ e.createElement("button", { onClick: () => a("off"), "data-testid": "paint-off", title: "Leave painting mode (Esc)" }, "Close")), /* @__PURE__ */ e.createElement("label", { className: "bp-radius" }, "Brush radius ", l, "mm", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "range",
       min: "1",
       max: "15",
       step: "0.5",
-      value: un,
-      onChange: (e) => {
-        const t = parseFloat(e.target.value);
-        mn(t), Qe.current = t;
-      },
+      value: l,
+      onChange: (d) => r(parseFloat(d.target.value)),
       "data-testid": "brush-radius"
     }
-  )), /* @__PURE__ */ n.createElement("div", { className: "muted bp-counts", "data-testid": "paint-counts" }, "enforcer ", fn.enf, " · blocker ", fn.blk, " · 모델 위 드래그로 페인트")), K && H === "preview" && be && /* @__PURE__ */ n.createElement("div", { className: "stats-card", "data-testid": "slice-stats" }, ea), K && /* @__PURE__ */ n.createElement("div", { className: "plate-bar", "data-testid": "plate-bar", role: "tablist", "aria-label": "플레이트" }, Array.from({ length: ae }, (e, t) => /* @__PURE__ */ n.createElement("button", { key: t, role: "tab", className: "plate-tab" + (t === Fe ? " on" : ""), onClick: () => Nn(t), title: `플레이트 ${t + 1} 선택 — Preview 에선 이 플레이트 결과로 전환`, "data-testid": `plate-${t}` }, t + 1)), /* @__PURE__ */ n.createElement("button", { className: "plate-add", onClick: Br, disabled: ae >= Jn, title: "빈 플레이트 추가 (최대 9개) — 플레이트별로 따로 슬라이스·내보내기", "data-testid": "plate-add" }, "+"), ae > 1 && /* @__PURE__ */ n.createElement("button", { className: "plate-del", onClick: Ir, title: "마지막 플레이트와 그 슬라이스 결과 삭제", "data-testid": "plate-del" }, "−")), K && /* @__PURE__ */ n.createElement("div", { className: "vp-status", "data-testid": "vp-status" }, en)), K && /* @__PURE__ */ n.createElement("aside", { className: "sidebar" }, /* @__PURE__ */ n.createElement("div", { className: "sidebar-scroll" }, /* @__PURE__ */ n.createElement("section", { className: "side-card" }, /* @__PURE__ */ n.createElement("div", { className: "sc-head" }, "🖨 프린터"), /* @__PURE__ */ n.createElement("div", { className: "sc-info" }, /* @__PURE__ */ n.createElement("span", null, "베드"), /* @__PURE__ */ n.createElement("span", { className: "sc-bed", title: "플레이트 크기 — Enter 또는 포커스 아웃으로 적용. 원형/커스텀 형상은 printable_area 옵션에서" }, /* @__PURE__ */ n.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "muted bp-counts", "data-testid": "paint-counts" }, "enforcer ", m.enf, " · blocker ", m.blk, " · drag over the model to paint"));
+}
+function Dr({ plateCount: n, selectedPlate: a, maxPlates: c, onSelect: l, onAdd: r, onDelete: m }) {
+  return /* @__PURE__ */ e.createElement("div", { className: "plate-bar", "data-testid": "plate-bar", role: "tablist", "aria-label": "Plates" }, Array.from({ length: n }, (d, w) => /* @__PURE__ */ e.createElement("button", { key: w, role: "tab", className: "plate-tab" + (w === a ? " on" : ""), onClick: () => l(w), title: `Select plate ${w + 1} — in Preview this switches to that plate's result`, "data-testid": `plate-${w}` }, w + 1)), /* @__PURE__ */ e.createElement("button", { className: "plate-add", onClick: r, disabled: n >= c, title: "Add an empty plate (max 9) — each plate slices and exports separately", "data-testid": "plate-add" }, "+"), n > 1 && /* @__PURE__ */ e.createElement("button", { className: "plate-del", onClick: m, title: "Delete the last plate and its slice result", "data-testid": "plate-del" }, "−"));
+}
+const Zt = (n) => `rgb(${Math.round(n[0] * 255)},${Math.round(n[1] * 255)},${Math.round(n[2] * 255)})`;
+function Zr({
+  viewType: n,
+  onViewType: a,
+  layerCount: c,
+  layerLo: l,
+  layerHi: r,
+  segCount: m,
+  singleLayer: d,
+  onLayerLo: w,
+  onLayerHi: b,
+  onToggleSingle: T,
+  showTravel: P,
+  onToggleTravel: M,
+  colorRange: B,
+  roleLegend: ee
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: "slice-layer", "data-testid": "preview-controls" }, /* @__PURE__ */ e.createElement("label", { className: "view-type-row" }, "View type", /* @__PURE__ */ e.createElement("select", { value: n, onChange: a, "data-testid": "view-type-select", title: "What the toolpath colors represent — feature type, speed, layer height, width, fan, temperature" }, Xn.map((L) => /* @__PURE__ */ e.createElement("option", { key: L.key, value: L.key }, L.label)))), /* @__PURE__ */ e.createElement("label", null, "Layer ", /* @__PURE__ */ e.createElement("b", { "data-testid": "layer-range" }, d ? r + 1 : `${l + 1}..${r + 1}`), " / ", c, /* @__PURE__ */ e.createElement("span", { className: "muted" }, " (", m.toLocaleString(), " segments)")), /* @__PURE__ */ e.createElement("div", { className: "dual-slider" }, /* @__PURE__ */ e.createElement("input", { type: "range", min: "0", max: Math.max(0, c - 1), value: l, onChange: w, "data-testid": "layer-lo", title: "Lowest layer to show (also adjustable with ↓/↑)" }), /* @__PURE__ */ e.createElement("input", { type: "range", min: "0", max: Math.max(0, c - 1), value: r, onChange: b, "data-testid": "layer-hi", title: "Highest layer to show (↓/↑, hold Shift for steps of 10)" })), /* @__PURE__ */ e.createElement("div", { className: "layer-ctl" }, /* @__PURE__ */ e.createElement("button", { className: d ? "on" : "", onClick: T, "data-testid": "single-layer-btn", title: "Show only the selected layer (L)" }, "Single layer"), /* @__PURE__ */ e.createElement("label", { className: "slice-travel" }, /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: P, onChange: M, "data-testid": "travel-toggle", title: "Show non-extruding moves as gray lines (T)" }), " Travel")), B && B.cont ? /* @__PURE__ */ e.createElement("div", { className: "grad-legend", "data-testid": "view-legend" }, /* @__PURE__ */ e.createElement("div", { className: "grad-title" }, B.label, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, B.unit)), /* @__PURE__ */ e.createElement("div", { className: "grad-bar", "data-testid": "gradient-bar", style: { background: `linear-gradient(to right, ${Kn.map(Zt).join(",")})` } }), /* @__PURE__ */ e.createElement("div", { className: "grad-minmax" }, /* @__PURE__ */ e.createElement("span", { "data-testid": "grad-min" }, B.min.toFixed(B.unit === "mm" ? 2 : 0)), /* @__PURE__ */ e.createElement("span", { "data-testid": "grad-max" }, B.max.toFixed(B.unit === "mm" ? 2 : 0)))) : /* @__PURE__ */ e.createElement("div", { className: "role-legend", "data-testid": "view-legend" }, ee.map((L) => /* @__PURE__ */ e.createElement("span", { key: L.type, className: "role-item" }, /* @__PURE__ */ e.createElement("i", { style: { background: Zt(L.color) } }), L.label, " ", /* @__PURE__ */ e.createElement("b", null, L.pct.toFixed(0), "%")))));
+}
+const Ir = (n) => {
+  const a = Math.round(n);
+  return `${Math.floor(a / 3600)}h ${String(Math.floor(a % 3600 / 60)).padStart(2, "0")}m ${String(a % 60).padStart(2, "0")}s`;
+}, Vr = { full: "GCodeProcessor", transcribed: "transcribed planner", fallback: "fallback" };
+function Fr({ stats: n, overBed: a }) {
+  return n ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("b", null, n.layers), " layers · ", /* @__PURE__ */ e.createElement("b", null, n.segments), " segments"), /* @__PURE__ */ e.createElement("div", null, "Filament ", /* @__PURE__ */ e.createElement("b", null, n.filament.toFixed(1)), " mm"), typeof n.timeSec == "number" && n.timeSec > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { "data-testid": "print-time" }, "⏱ Estimated print ", /* @__PURE__ */ e.createElement("b", null, Ir(n.timeSec))), n.limits && // What the estimator actually ran with, echoed back by the kernel — not re-derived from the settings,
+  //  so an unwired limit shows up as a mismatch here instead of being silently reported as applied.
+  /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "sc-sub",
+      "data-testid": "print-time-basis",
+      title: Object.entries(n.limits).map(([c, l]) => `${c}: ${l}`).join(`
+`)
+    },
+    Vr[n.engine] ?? n.engine,
+    " · ",
+    n.limits.max_speed_xy,
+    " mm/s · ",
+    n.limits.accel_print,
+    " mm/s² · jerk ",
+    n.limits.jerk_xy
+  )), a && /* @__PURE__ */ e.createElement("div", { className: "slice-warn", "data-testid": "over-bed" }, "⚠ Model extends beyond the bed")) : null;
+}
+function Gr({ bedWidth: n, bedDepth: a, nozzleDia: c, onBedSize: l, settings: r, setSettings: m, motionPanel: d }) {
+  const w = Tt(() => Object.entries(On).sort(([h], [E]) => h.localeCompare(E)), []), b = (r == null ? void 0 : r.printer_settings_id) ?? "", T = Tt(() => {
+    const h = /* @__PURE__ */ new Map();
+    for (const [E, k] of w)
+      for (const [j, [f, , g]] of Object.entries(k)) {
+        const y = `${E}\0${g}`;
+        h.has(y) || h.set(y, { vendor: E, model: g, variants: [] }), h.get(y).variants.push({ name: j, nozzle: f });
+      }
+    for (const E of h.values()) E.variants.sort((k, j) => parseFloat(k.nozzle) - parseFloat(j.nozzle));
+    return h;
+  }, [w]), P = [...T.entries()].find(([, h]) => h.variants.some((E) => E.name === b)), M = (P == null ? void 0 : P[1].variants) ?? [], [B, ee] = $(null), L = (h) => m == null ? void 0 : m((E) => {
+    const k = { ...E };
+    for (const f of lt) delete k[f];
+    for (const f of (B == null ? void 0 : B.keys) ?? []) delete k[f];
+    delete k.printer_settings_id, delete k.print_settings_id;
+    const j = h ? Zn(h) : null;
+    return j ? { ...k, ...j, printer_settings_id: h } : k;
+  });
+  Ve(() => {
+    if (!b) return;
+    let h = !0;
+    return Tn().then((E) => {
+      if (!h) return;
+      ee(E);
+      const k = Bn(b);
+      m == null || m((j) => {
+        if (j.printer_settings_id !== b || j.print_settings_id) return j;
+        const f = k && E.listFor(b).includes(k) ? E.settingsFor(k) : null;
+        if (!f) return j;
+        for (const g of lt) delete f[g];
+        return { ...j, ...f, print_settings_id: k };
+      });
+    }), () => {
+      h = !1;
+    };
+  }, [b]);
+  const te = B && b ? B.listFor(b) : [], I = (h) => m == null ? void 0 : m((E) => {
+    const k = { ...E };
+    for (const f of B.keys)
+      lt.includes(f) || delete k[f];
+    delete k.print_settings_id;
+    const j = h ? B.settingsFor(h) : null;
+    if (!j) return k;
+    for (const f of lt) delete j[f];
+    return { ...k, ...j, print_settings_id: h };
+  }), A = (h) => {
+    const E = T.get(h);
+    if (!E) return L("");
+    const k = E.variants.find((j) => {
+      var f;
+      return j.nozzle === ((f = M.find((g) => g.name === b)) == null ? void 0 : f.nozzle);
+    });
+    L((k ?? E.variants[Math.min(1, E.variants.length - 1)]).name);
+  }, u = Dn.filter((h) => r && h in r), _ = Math.round(n), G = Math.round(a), K = (h) => {
+    h.key === "Enter" && h.target.blur();
+  };
+  return /* @__PURE__ */ e.createElement("section", { className: "side-card" }, /* @__PURE__ */ e.createElement("div", { className: "sc-head" }, "🖨 Printer"), m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Model"), /* @__PURE__ */ e.createElement(
+    "select",
+    {
+      className: "sc-model",
+      value: (P == null ? void 0 : P[0]) ?? "",
+      onChange: (h) => A(h.target.value),
+      "data-testid": "printer-model",
+      title: "Loads this printer's profile (motion limits, bed, nozzle) from the upstream vendor data"
+    },
+    /* @__PURE__ */ e.createElement("option", { value: "" }, "Custom (defaults)"),
+    w.map(([h]) => /* @__PURE__ */ e.createElement("optgroup", { key: h, label: h }, [...T.entries()].filter(([, E]) => E.vendor === h).map(([E, k]) => /* @__PURE__ */ e.createElement("option", { key: E, value: E }, k.model))))
+  )), M.length > 1 && /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Nozzle"), /* @__PURE__ */ e.createElement("select", { className: "sc-model", value: b, onChange: (h) => L(h.target.value), "data-testid": "printer-nozzle" }, M.map((h) => /* @__PURE__ */ e.createElement("option", { key: h.name, value: h.name }, h.nozzle, " mm")))), te.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Quality"), /* @__PURE__ */ e.createElement(
+    "select",
+    {
+      className: "sc-model",
+      value: (r == null ? void 0 : r.print_settings_id) ?? "",
+      onChange: (h) => I(h.target.value),
+      "data-testid": "process-preset",
+      title: "Print preset from the vendor profile — the speeds and accelerations the printer is actually driven at"
+    },
+    /* @__PURE__ */ e.createElement("option", { value: "" }, "Custom (defaults)"),
+    te.map((h) => /* @__PURE__ */ e.createElement("option", { key: h, value: h }, h.replace(/\s*@.*$/, "")))
+  ))), /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Bed"), /* @__PURE__ */ e.createElement("span", { className: "sc-bed", title: "Plate size — applied on Enter or blur. Circular/custom shapes come from the printable_area option" }, /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
       min: "1",
-      key: `w${Math.round(J.bed_width)}`,
-      defaultValue: Math.round(J.bed_width),
-      onBlur: (e) => _n(+e.target.value, J.bed_depth),
-      onKeyDown: (e) => {
-        e.key === "Enter" && e.target.blur();
-      },
+      key: `w${_}`,
+      defaultValue: _,
+      onBlur: (h) => l(+h.target.value, a),
+      onKeyDown: K,
       "data-testid": "bed-w-card"
     }
-  ), "×", /* @__PURE__ */ n.createElement(
+  ), "×", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
       min: "1",
-      key: `d${Math.round(J.bed_depth)}`,
-      defaultValue: Math.round(J.bed_depth),
-      onBlur: (e) => _n(J.bed_width, +e.target.value),
-      onKeyDown: (e) => {
-        e.key === "Enter" && e.target.blur();
-      },
+      key: `d${G}`,
+      defaultValue: G,
+      onBlur: (h) => l(n, +h.target.value),
+      onKeyDown: K,
       "data-testid": "bed-d-card"
     }
-  ), "mm")), /* @__PURE__ */ n.createElement("div", { className: "sc-info" }, /* @__PURE__ */ n.createElement("span", null, "노즐 Ø"), /* @__PURE__ */ n.createElement("b", null, Qr, " mm"))), /* @__PURE__ */ n.createElement("section", { className: "side-card", "data-testid": "filament-section" }, /* @__PURE__ */ n.createElement("div", { className: "sc-head" }, "🧵 필라멘트 ", /* @__PURE__ */ n.createElement("span", { className: "sc-count" }, De.length), /* @__PURE__ */ n.createElement("span", { className: "sc-head-btns" }, /* @__PURE__ */ n.createElement("button", { onClick: qr, disabled: De.length >= 4, title: "필라멘트(익스트루더) 추가 — 최대 4개, 오브젝트별로 지정 가능", "data-testid": "filament-add" }, "+"), /* @__PURE__ */ n.createElement("button", { onClick: Wr, disabled: De.length <= 1, title: "마지막 필라멘트 제거 — 이를 쓰던 오브젝트는 남은 번호로 재배정", "data-testid": "filament-del" }, "−"))), De.map((e, t) => /* @__PURE__ */ n.createElement("div", { className: "filament-row", key: t }, /* @__PURE__ */ n.createElement("input", { type: "color", value: e, onChange: (r) => Hr(t, r.target.value), title: `T${t + 1} 필라멘트 색`, "data-testid": `filament-color-${t}` }), /* @__PURE__ */ n.createElement("span", { className: "fil-t" }, "T", t + 1), /* @__PURE__ */ n.createElement("span", { className: "fil-swatch", style: { background: e } }), /* @__PURE__ */ n.createElement("span", { className: "fil-hex muted" }, e)))), Ee.length > 0 && /* @__PURE__ */ n.createElement("section", { className: "side-card", "data-testid": "object-section" }, /* @__PURE__ */ n.createElement("div", { className: "sc-head" }, "📦 오브젝트 ", /* @__PURE__ */ n.createElement("span", { className: "sc-count" }, Ee.length)), /* @__PURE__ */ n.createElement("ul", { className: "obj-list2", "data-testid": "obj-list" }, Ee.map((e) => /* @__PURE__ */ n.createElement("li", { key: e.id, className: e.visible === !1 ? "obj-hidden" : "" }, /* @__PURE__ */ n.createElement("button", { className: "obj-eye", onClick: () => Xr(e.id), title: "이 오브젝트를 출력 대상에서 제외/포함 — 제외해도 씬에는 남음", "data-testid": `eye-${e.id}` }, e.visible === !1 ? "🚫" : "👁"), /* @__PURE__ */ n.createElement("span", { className: "obj-name", title: e.name }, e.name), /* @__PURE__ */ n.createElement("select", { className: "obj-ext", value: e.extruder ?? 1, onChange: (t) => Vr(e.id, +t.target.value), title: "이 오브젝트를 출력할 필라멘트(익스트루더) 번호", "data-testid": `ext-${e.id}` }, De.map((t, r) => /* @__PURE__ */ n.createElement("option", { key: r, value: r + 1 }, "T", r + 1))), /* @__PURE__ */ n.createElement("button", { className: "obj-split", onClick: () => {
-    var t;
-    (t = d.current) == null || t.selectObject(e.id), Dt();
-  }, title: "객체로 분리 — 서로 떨어진 부분(연결 성분)마다 독립 오브젝트로 나눔. 파트로 분리는 미구현(파트 개념 부재)", "data-testid": `split-${e.id}` }, /* @__PURE__ */ n.createElement("img", { src: Yn, alt: "분리" })), /* @__PURE__ */ n.createElement("button", { className: "obj-del", onClick: () => Vt(e.id), title: "이 오브젝트를 씬에서 제거" }, "✕")))), /* @__PURE__ */ n.createElement("label", { className: "slice-support" }, /* @__PURE__ */ n.createElement("input", { type: "checkbox", checked: Dr, onChange: Gr, title: "오버행 아래에 지지 구조를 생성 (설정 패널의 enable_support 와 동일)", "data-testid": "support-toggle" }), " 서포트 생성"), /* @__PURE__ */ n.createElement("label", { className: "slice-support" }, /* @__PURE__ */ n.createElement("input", { type: "checkbox", checked: pn, onChange: (e) => hr(e.target.checked), title: "멀티머티리얼 툴체인지 시 원본 WipeTower 로 퍼지량을 계산 (끄면 단순 사각 링)", "data-testid": "wipe-tower-real-toggle" }), " 실 와이프타워 ", /* @__PURE__ */ n.createElement("span", { className: "muted" }, "(MM)"))), tn && /* @__PURE__ */ n.createElement("div", { className: "slice-warn side-warn" }, "⚠ ", tn), gn && /* @__PURE__ */ n.createElement("div", { className: "slice-warn side-warn", "data-testid": "slice-notice" }, "ℹ ", gn), rn && /* @__PURE__ */ n.createElement("div", { className: "slice-err side-warn", "data-testid": "slice-err" }, rn), bn && /* @__PURE__ */ n.createElement("button", { className: "slice-btn", "data-testid": "downgrade-retry", onClick: Tr, title: "인필을 단순화하고 밀도를 낮춰 메모리 부담을 줄인 뒤 재시도" }, "간소화 재시도(인필 단순화·절약 모드)"), H === "preview" && Rn && /* @__PURE__ */ n.createElement("section", { className: "side-card" }, /* @__PURE__ */ n.createElement("div", { className: "sc-head" }, "🎚 미리보기"), Rn), /* @__PURE__ */ n.createElement("section", { className: "side-card process-card", "data-testid": "process-section" }, /* @__PURE__ */ n.createElement("div", { className: "sc-head" }, "⚙ 프로세스"), L)), /* @__PURE__ */ n.createElement("div", { className: "side-bottom" }, /* @__PURE__ */ n.createElement("label", { className: "auto-slice", "data-testid": "auto-slice", title: "설정을 바꾸면 0.8초 뒤 자동으로 재슬라이스합니다 (첫 슬라이스는 수동, 진행 중이면 취소 후 재시작)" }, /* @__PURE__ */ n.createElement("input", { type: "checkbox", checked: Nt, onChange: (e) => tr(e.target.checked) }), " 자동 슬라이스"), /* @__PURE__ */ n.createElement("div", { className: "slice-dd" }, /* @__PURE__ */ n.createElement("button", { className: "slice-btn", title: lt ? "클릭하면 슬라이스를 취소합니다" : ae > 1 ? "슬라이스 대상 선택 (Ctrl+R = 현재 플레이트)" : "현재 플레이트를 슬라이스 (Ctrl+R)", onClick: () => lt ? vn() : ae > 1 ? At((e) => !e) : Pe("current"), disabled: Ee.length === 0, "data-testid": "slice-btn" }, lt ? `슬라이싱… ${Math.round(nr * 100)}%` : ae > 1 ? "슬라이스 ▾" : "슬라이스"), lr && ae > 1 && /* @__PURE__ */ n.createElement("div", { className: "slice-menu", "data-testid": "slice-menu" }, /* @__PURE__ */ n.createElement("button", { onClick: () => Pe("current"), "data-testid": "slice-current", title: "선택한 플레이트만 슬라이스 (Ctrl+R)" }, "현재 플레이트 (P", Fe + 1, ")"), /* @__PURE__ */ n.createElement("button", { onClick: () => Pe("all"), "data-testid": "slice-all", title: "모든 플레이트를 차례로 슬라이스 — 결과는 탭 전환으로 조회" }, "전체 플레이트 (", ae, ")"), sn > 0 && /* @__PURE__ */ n.createElement("button", { onClick: Zr, "data-testid": "export-all", title: "슬라이스된 모든 플레이트의 G-code를 각각 파일로 저장" }, "전체 G-code 내보내기 (", sn, ")"))), dn ? /* @__PURE__ */ n.createElement("a", { className: "export-btn", href: dn, download: `plate_${Fe + 1}.gcode`, title: "현재 보고 있는 플레이트의 G-code 파일 저장", "data-testid": "gcode-dl" }, "G-code 내보내기") : /* @__PURE__ */ n.createElement("button", { className: "export-btn", disabled: !0, title: "G-code 내보내기 — 슬라이스 후 활성화됩니다" }, "G-code 내보내기"))))));
+  ), "mm")), /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Nozzle Ø"), /* @__PURE__ */ e.createElement("b", null, c, " mm")), d ? /* @__PURE__ */ e.createElement("details", { className: "sc-fold", "data-testid": "motion-fold" }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", { className: "sc-fold-lbl" }, "Motion"), /* @__PURE__ */ e.createElement("b", { "data-testid": "motion-source" }, u.length ? `Custom (${u.length})` : "Default")), /* @__PURE__ */ e.createElement("div", { className: "sc-fold-body" }, d)) : /* @__PURE__ */ e.createElement("div", { className: "sc-info" }, /* @__PURE__ */ e.createElement("span", null, "Motion"), /* @__PURE__ */ e.createElement(
+    "b",
+    {
+      "data-testid": "motion-source",
+      title: u.length ? `Edited: ${u.join(", ")}` : "Machine limits are at their defaults"
+    },
+    u.length ? `Custom (${u.length})` : "Default"
+  )));
+}
+function Ur({ colors: n, onColor: a, onAdd: c, onRemove: l }) {
+  return /* @__PURE__ */ e.createElement("section", { className: "side-card", "data-testid": "filament-section" }, /* @__PURE__ */ e.createElement("div", { className: "sc-head" }, "🧵 Filament ", /* @__PURE__ */ e.createElement("span", { className: "sc-count" }, n.length), /* @__PURE__ */ e.createElement("span", { className: "sc-head-btns" }, /* @__PURE__ */ e.createElement("button", { onClick: c, disabled: n.length >= 4, title: "Add a filament (extruder) — up to 4, assignable per object", "data-testid": "filament-add" }, "+"), /* @__PURE__ */ e.createElement("button", { onClick: l, disabled: n.length <= 1, title: "Remove the last filament — objects using it are reassigned to a remaining number", "data-testid": "filament-del" }, "−"))), n.map((r, m) => /* @__PURE__ */ e.createElement("div", { className: "filament-row", key: m }, /* @__PURE__ */ e.createElement("input", { type: "color", value: r, onChange: (d) => a(m, d.target.value), title: `T${m + 1} filament color`, "data-testid": `filament-color-${m}` }), /* @__PURE__ */ e.createElement("span", { className: "fil-t" }, "T", m + 1), /* @__PURE__ */ e.createElement("span", { className: "fil-swatch", style: { background: r } }), /* @__PURE__ */ e.createElement("span", { className: "fil-hex muted" }, r))));
+}
+function $r({
+  objects: n,
+  extruderColors: a,
+  onToggleVisible: c,
+  onExtruder: l,
+  onSplit: r,
+  onRemove: m,
+  supportOn: d,
+  onToggleSupport: w,
+  wipeTowerReal: b,
+  onToggleWipeTower: T,
+  overhangOn: P,
+  onToggleOverhang: M,
+  overhangAngle: B,
+  paintMode: ee,
+  onTogglePaint: L,
+  supportStyle: te,
+  supportStyles: I,
+  onSupportStyle: A
+}) {
+  return /* @__PURE__ */ e.createElement("section", { className: "side-card", "data-testid": "object-section" }, /* @__PURE__ */ e.createElement("div", { className: "sc-head" }, "📦 Objects ", /* @__PURE__ */ e.createElement("span", { className: "sc-count" }, n.length)), /* @__PURE__ */ e.createElement("ul", { className: "obj-list2", "data-testid": "obj-list" }, n.map((u) => /* @__PURE__ */ e.createElement("li", { key: u.id, className: u.visible === !1 ? "obj-hidden" : "" }, /* @__PURE__ */ e.createElement("button", { className: "obj-eye", onClick: () => c(u.id), title: "Include/exclude this object from printing — excluding it keeps it in the scene", "data-testid": `eye-${u.id}` }, /* @__PURE__ */ e.createElement("img", { src: u.visible === !1 ? sr : lr, alt: u.visible === !1 ? "Hidden" : "Visible" })), /* @__PURE__ */ e.createElement("span", { className: "obj-name", title: u.name }, u.name), /* @__PURE__ */ e.createElement("select", { className: "obj-ext", value: u.extruder ?? 1, onChange: (_) => l(u.id, +_.target.value), title: "Which filament (extruder) prints this object", "data-testid": `ext-${u.id}` }, a.map((_, G) => /* @__PURE__ */ e.createElement("option", { key: G, value: G + 1 }, "T", G + 1))), /* @__PURE__ */ e.createElement("button", { className: "obj-split", onClick: () => r(u.id), title: "Split to objects — every disconnected part (connected component) becomes its own object. Split to parts is not implemented (no part concept)", "data-testid": `split-${u.id}` }, /* @__PURE__ */ e.createElement("img", { src: Gt, alt: "Split" })), /* @__PURE__ */ e.createElement("button", { className: "obj-del", onClick: () => m(u.id), title: "Remove this object from the scene" }, /* @__PURE__ */ e.createElement("img", { src: Ft, alt: "Delete" }))))), /* @__PURE__ */ e.createElement("label", { className: "slice-support" }, /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: d, onChange: w, title: "Generate support structures under overhangs (same as enable_support in the settings panel)", "data-testid": "support-toggle" }), " Generate support"), d && /* @__PURE__ */ e.createElement("div", { className: "sc-info sup-style" }, /* @__PURE__ */ e.createElement("span", null, "Style"), /* @__PURE__ */ e.createElement(
+    "select",
+    {
+      className: "sc-model",
+      value: te,
+      onChange: (u) => A(u.target.value),
+      "data-testid": "support-style",
+      title: "Support style (support_style). The kernel builds the tree/organic family as real tree support; the rest as grid."
+    },
+    I.map((u) => /* @__PURE__ */ e.createElement("option", { key: u.value, value: u.value }, u.label))
+  )), d && /* @__PURE__ */ e.createElement("div", { className: "support-tools" }, /* @__PURE__ */ e.createElement("label", { className: "slice-support" }, /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: !!P,
+      onChange: M,
+      title: `Shade the facets that will need support (slope below ${B}°, the support threshold angle)`,
+      "data-testid": "overhang-toggle"
+    }
+  ), " Show overhangs ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "<", B, "°")), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      className: ee !== "off" ? "sup-paint on" : "sup-paint",
+      onClick: L,
+      disabled: !n.length,
+      "data-testid": "support-paint-btn",
+      title: "Brush facets to force or block support — the same tool as the paint icon on the left rail"
+    },
+    ee !== "off" ? "Painting…" : "Paint support"
+  )), /* @__PURE__ */ e.createElement("label", { className: "slice-support" }, /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: b, onChange: T, title: "Use the upstream WipeTower to compute purge volumes on multi-material tool changes (off = a simple square ring)", "data-testid": "wipe-tower-real-toggle" }), " Real wipe tower ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "(MM)")));
+}
+function Hr({
+  autoSlice: n,
+  onAutoSlice: a,
+  slicing: c,
+  progress: l,
+  plateCount: r,
+  selectedPlate: m,
+  sliceMenuOpen: d,
+  onSliceMenu: w,
+  slicedPlateCount: b,
+  canSlice: T,
+  onSlice: P,
+  onCancel: M,
+  onExportAll: B,
+  gcodeUrl: ee
+}) {
+  const L = c ? "Click to cancel the slice" : r > 1 ? "Choose what to slice (Ctrl+R = current plate)" : "Slice the current plate (Ctrl+R)";
+  return /* @__PURE__ */ e.createElement("div", { className: "side-bottom" }, /* @__PURE__ */ e.createElement("label", { className: "auto-slice", "data-testid": "auto-slice", title: "Re-slice automatically 0.8s after a settings change (the first slice is manual; a running slice is canceled and restarted)" }, /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: n, onChange: (te) => a(te.target.checked) }), " Auto slice"), /* @__PURE__ */ e.createElement("div", { className: "slice-dd" }, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      className: "slice-btn",
+      title: L,
+      onClick: () => c ? M() : r > 1 ? w() : P("current"),
+      disabled: !T,
+      "data-testid": "slice-btn"
+    },
+    c ? `Slicing… ${Math.round(l * 100)}%` : r > 1 ? "Slice ▾" : "Slice"
+  ), d && r > 1 && /* @__PURE__ */ e.createElement("div", { className: "slice-menu", "data-testid": "slice-menu" }, /* @__PURE__ */ e.createElement("button", { onClick: () => P("current"), "data-testid": "slice-current", title: "Slice only the selected plate (Ctrl+R)" }, "Current plate (P", m + 1, ")"), /* @__PURE__ */ e.createElement("button", { onClick: () => P("all"), "data-testid": "slice-all", title: "Slice every plate in turn — switch tabs to inspect the results" }, "All plates (", r, ")"), b > 0 && /* @__PURE__ */ e.createElement("button", { onClick: B, "data-testid": "export-all", title: "Save the G-code of every sliced plate as its own file" }, "Export all G-code (", b, ")"))), ee ? /* @__PURE__ */ e.createElement("a", { className: "export-btn", href: ee, download: `plate_${m + 1}.gcode`, title: "Save the G-code of the plate you are viewing", "data-testid": "gcode-dl" }, "Export G-code") : /* @__PURE__ */ e.createElement("button", { className: "export-btn", disabled: !0, title: "Export G-code — enabled after slicing" }, "Export G-code"));
+}
+function no({ settings: n = {}, setSettings: a = () => {
+}, processPanel: c = null, motionPanel: l = null }) {
+  var Pt, Lt, Ot;
+  const r = H(null), m = H(null), d = H([]), w = H(null), b = H(null), T = H(null), P = H({}), M = H(null), B = H(null), ee = H(!1), L = H("feature"), te = H(0), I = H(0), A = H("prepare"), u = H(0.42), _ = H("off"), G = H(5), K = H(null), h = H(null), E = H({}), k = H({}), j = H(0), f = H(1), g = H(0), [y, v] = $(!0), [D, W] = $("translate"), [oe, ge] = $("Initializing…"), [de, Y] = $([]), [C, pe] = $(""), [je, Ce] = $(!1), [ye, Re] = $(!1), be = H(0), [Se, i] = $(0), [S, V] = $(""), [p, O] = $(null), [ue, ve] = $(!1), [Ee, Z] = $(0), [q, z] = $(0), [ie, we] = $(1), [se, ae] = $(0), [J, ce] = $(!1), [ke, ze] = $(!1), [Fe, qe] = $(0), [Ie, We] = $(null), [et, tt] = $("feature"), [nt, Xe] = $(null), [rt, t] = $(0), [s, R] = $(0), [F, re] = $(!1), [U, me] = $([]), [ne, Me] = $("prepare"), [Ne, Pe] = $(!1), Ae = H(null), [De, Oe] = $(["#6aa0dc", "#e08a2b"]), Ze = H(["#6aa0dc", "#e08a2b"]), [fe, le] = $(""), [Le, _e] = $(!1), [Te, X] = $(!1), [xe, Ge] = $("off"), [Ue, yt] = $(5), [Ut, vt] = $({ enf: 0, blk: 0 }), [wt, st] = $(""), [kt, Et] = $(null), { mountRef: $t, three: ot } = jr({
+    apiRef: r,
+    objectsRef: d,
+    keyRef: M,
+    workerRef: m,
+    selectedPlateRef: j,
+    placeXRef: g,
+    plateCountRef: f,
+    canvasModeRef: A,
+    paintModeRef: _,
+    brushRadiusRef: G,
+    paintXformRef: K,
+    extruderColorsRef: Ze,
+    setOk: v,
+    setStatus: ge,
+    setGmode: W,
+    setCtxMenu: We,
+    setBrushRadius: yt
+  }), $e = xt(n);
+  Ve(() => {
+    var o;
+    (o = r.current) == null || o.setPlates(ie, $e.bed_width, $e.bed_depth, se);
+  }, [$e.bed_width, $e.bed_depth, ie, se]), Ve(() => {
+    var Q;
+    A.current = ne;
+    const o = ot.current;
+    if (!o.toolpathGroup) return;
+    const x = ne === "preview";
+    o.toolpathGroup.visible = x, o.objectsGroup && (o.objectsGroup.visible = !x && d.current.length > 0), x && ((Q = r.current) == null || Q.detachTransform(), _.current !== "off" && Ke("off"));
+  }, [ne]);
+  const {
+    disposePlateToolpath: Ht,
+    clearToolpaths: qt,
+    buildPlateToolpath: Wt,
+    ensurePlateToolpaths: Xt,
+    applyViewColors: Mt,
+    rebuildToolpaths: Kt,
+    applyLayerRange: Yt
+  } = Sr({
+    three: ot,
+    plateTpRef: P,
+    toolpathRef: b,
+    segDataRef: T,
+    layersDataRef: w,
+    plateResultsRef: E,
+    plateOffsetsRef: k,
+    lineWidthRef: u,
+    showTravelRef: ee,
+    viewTypeRef: L,
+    layerLoRef: te,
+    layerHiRef: I,
+    selectedPlateRef: j,
+    settings: n,
+    setSegCount: z,
+    setColorRange: Xe,
+    setRoleLegend: me
+  }), { getWorker: Jt, cancelSlice: jt, runSlice: Qt, pendingSliceRef: en, downgradeRef: tn } = Cr({
+    settings: n,
+    wipeTowerReal: Te,
+    workerRef: m,
+    apiRef: r,
+    layersDataRef: w,
+    layerLoRef: te,
+    layerHiRef: I,
+    rebuildToolpaths: Kt,
+    rebuildPaintOverlay: (o, x) => nn(o, x),
+    setProgress: i,
+    setSlicing: Ce,
+    setError: V,
+    setStats: O,
+    setOverBed: ve,
+    setLayerCount: Z,
+    setLayerLo: t,
+    setLayerHi: R,
+    setGcodeUrl: le,
+    setCanvasMode: Me,
+    setPaintCounts: vt
+  }), { rebuildPaintOverlay: nn, setPaintMode: Ke, clearPaint: rn } = Ar({
+    three: ot,
+    objectsRef: d,
+    apiRef: r,
+    getWorker: Jt,
+    selectedPlateRef: j,
+    paintXformRef: K,
+    paintOverlayRef: h,
+    paintModeRef: _,
+    setError: V,
+    setPaintModeState: Ge,
+    setPaintCounts: vt
+  }), {
+    refreshSlicedCount: on,
+    exportAllGcode: an,
+    onSlice: it,
+    retryDowngrade: ln,
+    addPlate: sn,
+    deletePlate: cn,
+    selectPlate: dn
+  } = Rr({
+    apiRef: r,
+    selectedPlateRef: j,
+    plateCountRef: f,
+    placeXRef: g,
+    plateResultsRef: E,
+    plateOffsetsRef: k,
+    plateTpRef: P,
+    layersDataRef: w,
+    toolpathRef: b,
+    segDataRef: T,
+    layerLoRef: te,
+    layerHiRef: I,
+    lineWidthRef: u,
+    downgradeRef: tn,
+    settings: n,
+    canvasMode: ne,
+    downgradeOffer: kt,
+    runSlice: Qt,
+    ensurePlateToolpaths: Xt,
+    buildPlateToolpath: Wt,
+    applyViewColors: Mt,
+    disposePlateToolpath: Ht,
+    setStats: O,
+    setOverBed: ve,
+    setLayerCount: Z,
+    setSegCount: z,
+    setColorRange: Xe,
+    setRoleLegend: me,
+    setGcodeUrl: le,
+    setLayerLo: t,
+    setLayerHi: R,
+    setCanvasMode: Me,
+    setSlicedPlateCount: qe,
+    setSliceMenu: ce,
+    setError: V,
+    setSliceNotice: st,
+    setDowngradeOffer: Et,
+    setSlicing: Ce,
+    setProgress: i,
+    setPlateCount: we,
+    setSelectedPlate: ae
+  }), { onFiles: pn, removeObject: Ct, onDrop: un, onDragOver: mn, onDragLeave: fn } = Nr({
+    apiRef: r,
+    objectsRef: d,
+    layersDataRef: w,
+    segDataRef: T,
+    plateResultsRef: E,
+    plateOffsetsRef: k,
+    clearToolpaths: qt,
+    refreshSlicedCount: on,
+    dragOver: Ne,
+    setError: V,
+    setTriWarn: pe,
+    setProgress: i,
+    setStats: O,
+    setOverBed: ve,
+    setLayerCount: Z,
+    setSegCount: z,
+    setColorRange: Xe,
+    setSliceNotice: st,
+    setDowngradeOffer: Et,
+    setGcodeUrl: le,
+    setCanvasMode: Me,
+    setObjects: Y,
+    setDragOver: Pe
+  });
+  Ve(() => {
+    if (!ye || !de.length || !E.current[j.current]) return;
+    clearTimeout(be.current);
+    const o = () => {
+      if (en.current) {
+        jt(), be.current = setTimeout(o, 300);
+        return;
+      }
+      it("current");
+    };
+    return be.current = setTimeout(o, 800), () => clearTimeout(be.current);
+  }, [n, ye]);
+  function hn(o, x) {
+    if (!(o > 0) || !(x > 0)) return;
+    const Q = Je(n, "printable_area"), he = Array.isArray(Q) && Q.length >= 3, Be = he ? Math.min(...Q.map((Qe) => Qe[0])) : 0, at = he ? Math.min(...Q.map((Qe) => Qe[1])) : 0;
+    a((Qe) => ({ ...Qe, printable_area: [[Be, at], [Be + o, at], [Be + o, at + x], [Be, at + x]] }));
+  }
+  function gn(o, x) {
+    var Q;
+    (Q = r.current) == null || Q.setObjectExtruder(o, x), Y(d.current.map((he) => ({ id: he.id, name: he.name, extruder: he.extruder, visible: he.visible !== !1 })));
+  }
+  function He(o, x) {
+    const Q = Math.max(0, Ee - 1);
+    if (o = Math.max(0, Math.min(Q, o)), x = Math.max(0, Math.min(Q, x)), o > x) {
+      const he = o;
+      o = x, x = he;
+    }
+    te.current = o, I.current = x, t(o), R(x), Yt();
+  }
+  function bn(o) {
+    const x = parseInt(o.target.value, 10);
+    F ? He(x, x) : He(x, I.current);
+  }
+  function xn(o) {
+    const x = parseInt(o.target.value, 10);
+    He(F ? x : te.current, x);
+  }
+  function St() {
+    const o = !F;
+    re(o), o && He(I.current, I.current);
+  }
+  function yn(o) {
+    const x = o.target.value;
+    tt(x), L.current = x, Mt();
+  }
+  function Rt(o) {
+    const x = o.target.checked;
+    _e(x), ee.current = x;
+    for (const Q of Object.values(P.current)) Q.ctl.setTravelVisible(x);
+  }
+  function vn(o) {
+    const x = o.target.checked;
+    a((Q) => ({ ...Q, enable_support: x }));
+  }
+  const wn = !!Je(n, "enable_support"), kn = (((Pt = Bt.support_style) == null ? void 0 : Pt.enum_values) ?? []).map((o, x) => {
+    var Q, he;
+    return { value: o, label: ((he = (Q = Bt.support_style) == null ? void 0 : Q.enum_labels) == null ? void 0 : he[x]) ?? o };
+  }), En = String(Je(n, "support_style") ?? "default"), [ct, Mn] = $(!1), dt = Number(Je(n, "support_threshold_angle")) || 30;
+  Ve(() => {
+    var o;
+    (o = r.current) == null || o.setOverhang(ct && ne === "prepare" ? dt : null);
+  }, [ct, dt, ne, de.length]);
+  function pt() {
+    Y(d.current.map((o) => ({ id: o.id, name: o.name, extruder: o.extruder, visible: o.visible !== !1 })));
+  }
+  function jn(o, x) {
+    Oe((Q) => {
+      var Be;
+      const he = [...Q];
+      return he[o] = x, Ze.current = he, (Be = r.current) == null || Be.recolorObjects(), he;
+    });
+  }
+  function Cn() {
+    Oe((o) => {
+      if (o.length >= 4) return o;
+      const x = ["#e0473b", "#3bb0e0", "#7ad14a"], Q = [...o, x[o.length - 1] || "#888888"];
+      return Ze.current = Q, Q;
+    });
+  }
+  function Sn() {
+    Oe((o) => {
+      var Q;
+      if (o.length <= 1) return o;
+      const x = o.slice(0, -1);
+      return Ze.current = x, d.current.forEach((he) => {
+        var Be;
+        (he.extruder || 1) > x.length && ((Be = r.current) == null || Be.setObjectExtruder(he.id, x.length));
+      }), (Q = r.current) == null || Q.recolorObjects(), pt(), x;
+    });
+  }
+  function Rn(o) {
+    var Q;
+    const x = d.current.find((he) => he.id === o);
+    (Q = r.current) == null || Q.setObjectVisible(o, (x == null ? void 0 : x.visible) === !1), pt();
+  }
+  function Nt() {
+    Ke(xe === "off" ? "enforcer" : "off");
+  }
+  const {
+    duplicateSelected: ut,
+    copySelected: At,
+    pasteClipboard: _t,
+    deleteSelected: mt,
+    deleteAllObjects: Nn,
+    splitSelected: ft,
+    setGizmo: An
+  } = _r({
+    apiRef: r,
+    objectsRef: d,
+    clipboardRef: B,
+    paintModeRef: _,
+    setPaintMode: Ke,
+    removeObject: Ct,
+    refreshObjects: pt,
+    setError: V,
+    setSliceNotice: st
+  }), _n = wr({
+    add: () => {
+      var o;
+      return (o = Ae.current) == null ? void 0 : o.click();
+    },
+    remove: mt,
+    removeAll: Nn,
+    duplicate: ut,
+    split: ft,
+    placeOnBed: () => {
+      var o;
+      return (o = r.current) == null ? void 0 : o.placeOnBed();
+    },
+    objectCount: () => de.length
+  });
+  M.current = kr({
+    slicing: je,
+    isPreview: () => A.current === "preview",
+    slice: it,
+    copy: At,
+    paste: _t,
+    remove: mt,
+    duplicate: ut,
+    stepLayer: (o) => {
+      const x = I.current + o;
+      He(F ? x : te.current, x);
+    },
+    toggleSingleLayer: St,
+    toggleTravel: () => Rt({ target: { checked: !ee.current } }),
+    zoomAll: () => {
+      var o;
+      return (o = r.current) == null ? void 0 : o.frame();
+    },
+    zoomBed: () => {
+      var o;
+      return (o = r.current) == null ? void 0 : o.frameBed();
+    },
+    leavePreview: () => Me("prepare"),
+    setGizmo: An,
+    cancelTool: () => {
+      var o;
+      _.current !== "off" && Ke("off"), (o = r.current) == null || o.detachTransform();
+    },
+    rotateSelected: (o) => {
+      var x;
+      return (x = r.current) == null ? void 0 : x.rotateSelectedY(o);
+    },
+    nudgeSelected: (o, x) => {
+      var Q;
+      return (Q = r.current) == null ? void 0 : Q.nudgeSelected(o, x);
+    },
+    toggleHelp: () => ze((o) => !o)
+  });
+  const zn = $e.nozzle_diameter || Je(n, "nozzle_diameter") || "0.4";
+  (Ot = (Lt = ot.current).invalidate) == null || Ot.call(Lt);
+  const zt = Ee > 0 && /* @__PURE__ */ e.createElement(
+    Zr,
+    {
+      viewType: et,
+      onViewType: yn,
+      layerCount: Ee,
+      layerLo: rt,
+      layerHi: s,
+      segCount: q,
+      singleLayer: F,
+      onLayerLo: bn,
+      onLayerHi: xn,
+      onToggleSingle: St,
+      showTravel: Le,
+      onToggleTravel: Rt,
+      colorRange: nt,
+      roleLegend: U
+    }
+  ), Pn = /* @__PURE__ */ e.createElement(Fr, { stats: p, overBed: ue }), ht = bt.map((o) => o.toUpperCase()).join(" · ");
+  return /* @__PURE__ */ e.createElement(Yn, { css: Jn }, /* @__PURE__ */ e.createElement("div", { className: "app-shell" }, /* @__PURE__ */ e.createElement("input", { ref: Ae, type: "file", accept: bt.map((o) => "." + o).join(","), multiple: !0, onChange: pn, title: `${ht} (multiple files allowed)`, "data-testid": "stl-input", style: { display: "none" } }), /* @__PURE__ */ e.createElement(
+    zr,
+    {
+      showTabs: y,
+      canvasMode: ne,
+      onCanvasMode: Me,
+      previewEnabled: Ee > 0,
+      onOpen: () => {
+        var o;
+        return (o = Ae.current) == null ? void 0 : o.click();
+      }
+    }
+  ), /* @__PURE__ */ e.createElement("div", { className: "app-body" }, y && ne === "prepare" && /* @__PURE__ */ e.createElement(
+    Pr,
+    {
+      gizmoMode: D,
+      paintMode: xe,
+      onGizmo: (o) => {
+        var x;
+        Ke("off"), (x = r.current) == null || x.setMode(o);
+      },
+      onTogglePaint: Nt
+    }
+  ), /* @__PURE__ */ e.createElement("div", { className: "viewport-col" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: (y ? "vp-canvas" : "vp-canvas fail") + (Ne ? " drag-over" : ""),
+      ref: $t,
+      onDrop: un,
+      onDragOver: mn,
+      onDragLeave: fn,
+      "data-testid": "drop-zone"
+    },
+    !y && /* @__PURE__ */ e.createElement("div", { className: "vp-fallback" }, "⚠ ", oe),
+    y && de.length === 0 && ne !== "preview" && /* @__PURE__ */ e.createElement("div", { className: "empty-hint", "data-testid": "empty-hint" }, /* @__PURE__ */ e.createElement("div", { className: "eh-icon" }, "📦"), /* @__PURE__ */ e.createElement("div", { className: "eh-title" }, "Drag in a file or pick one"), /* @__PURE__ */ e.createElement("div", { className: "eh-sub" }, ht), /* @__PURE__ */ e.createElement("button", { className: "eh-btn", onClick: () => {
+      var o;
+      return (o = Ae.current) == null ? void 0 : o.click();
+    }, "data-testid": "empty-pick", title: `Pick a ${ht} file (multiple allowed)` }, "Choose file")),
+    Ne && /* @__PURE__ */ e.createElement("div", { className: "drop-overlay", "data-testid": "drop-overlay" }, "Drop here (STL/OBJ/3MF/AMF/PLY)"),
+    Ie && /* @__PURE__ */ e.createElement(
+      Or,
+      {
+        menu: Ie,
+        onClose: () => We(null),
+        canPaste: !!B.current,
+        actions: {
+          duplicate: ut,
+          copy: At,
+          split: ft,
+          placeOnBed: () => {
+            var o;
+            return (o = r.current) == null ? void 0 : o.placeOnBed();
+          },
+          remove: mt,
+          openFile: () => {
+            var o;
+            return (o = Ae.current) == null ? void 0 : o.click();
+          },
+          paste: _t,
+          zoomAll: () => {
+            var o;
+            return (o = r.current) == null ? void 0 : o.frame();
+          },
+          zoomBed: () => {
+            var o;
+            return (o = r.current) == null ? void 0 : o.frameBed();
+          }
+        }
+      }
+    ),
+    ke && /* @__PURE__ */ e.createElement(Tr, { onClose: () => ze(!1) })
+  ), y && ne === "prepare" && /* @__PURE__ */ e.createElement(Lr, { tools: _n }), y && ne === "prepare" && xe !== "off" && /* @__PURE__ */ e.createElement(
+    Br,
+    {
+      paintMode: xe,
+      onPaintMode: Ke,
+      onClear: rn,
+      brushRadius: Ue,
+      paintCounts: Ut,
+      onBrushRadius: (o) => {
+        yt(o), G.current = o;
+      }
+    }
+  ), y && ne === "preview" && p && /* @__PURE__ */ e.createElement("div", { className: "stats-card", "data-testid": "slice-stats" }, Pn), y && /* @__PURE__ */ e.createElement(
+    Dr,
+    {
+      plateCount: ie,
+      selectedPlate: se,
+      maxPlates: Vt,
+      onSelect: dn,
+      onAdd: sn,
+      onDelete: cn
+    }
+  ), y && /* @__PURE__ */ e.createElement("div", { className: "vp-status", "data-testid": "vp-status" }, oe)), y && /* @__PURE__ */ e.createElement("aside", { className: "sidebar" }, /* @__PURE__ */ e.createElement("div", { className: "sidebar-scroll" }, /* @__PURE__ */ e.createElement(
+    Gr,
+    {
+      bedWidth: $e.bed_width,
+      bedDepth: $e.bed_depth,
+      nozzleDia: zn,
+      onBedSize: hn,
+      settings: n,
+      setSettings: a,
+      motionPanel: l
+    }
+  ), /* @__PURE__ */ e.createElement(Ur, { colors: De, onColor: jn, onAdd: Cn, onRemove: Sn }), de.length > 0 && /* @__PURE__ */ e.createElement(
+    $r,
+    {
+      objects: de,
+      extruderColors: De,
+      onToggleVisible: Rn,
+      onExtruder: gn,
+      onSplit: (o) => {
+        var x;
+        (x = r.current) == null || x.selectObject(o), ft();
+      },
+      onRemove: Ct,
+      supportOn: wn,
+      onToggleSupport: vn,
+      overhangOn: ct,
+      onToggleOverhang: (o) => Mn(o.target.checked),
+      overhangAngle: dt,
+      paintMode: xe,
+      onTogglePaint: Nt,
+      supportStyle: En,
+      supportStyles: kn,
+      onSupportStyle: (o) => a((x) => ({ ...x, support_style: o })),
+      wipeTowerReal: Te,
+      onToggleWipeTower: (o) => X(o.target.checked)
+    }
+  ), C && /* @__PURE__ */ e.createElement("div", { className: "slice-warn side-warn" }, "⚠ ", C), wt && /* @__PURE__ */ e.createElement("div", { className: "slice-warn side-warn", "data-testid": "slice-notice" }, "ℹ ", wt), S && /* @__PURE__ */ e.createElement("div", { className: "slice-err side-warn", "data-testid": "slice-err" }, S), kt && /* @__PURE__ */ e.createElement("button", { className: "slice-btn", "data-testid": "downgrade-retry", onClick: ln, title: "Simplify the infill and lower its density to reduce memory pressure, then retry" }, "Simplified retry (simple infill, economy mode)"), ne === "preview" && zt && /* @__PURE__ */ e.createElement("section", { className: "side-card" }, /* @__PURE__ */ e.createElement("div", { className: "sc-head" }, "🎚 Preview"), zt), /* @__PURE__ */ e.createElement("section", { className: "side-card process-card", "data-testid": "process-section" }, /* @__PURE__ */ e.createElement("div", { className: "sc-head" }, "⚙ Process"), c)), /* @__PURE__ */ e.createElement(
+    Hr,
+    {
+      autoSlice: ye,
+      onAutoSlice: Re,
+      slicing: je,
+      progress: Se,
+      plateCount: ie,
+      selectedPlate: se,
+      sliceMenuOpen: J,
+      onSliceMenu: () => ce((o) => !o),
+      slicedPlateCount: Fe,
+      canSlice: de.length > 0,
+      onSlice: it,
+      onCancel: jt,
+      onExportAll: an,
+      gcodeUrl: fe
+    }
+  )))));
 }
 export {
-  Wa as default
+  no as default
 };