@netless/appliance-plugin 1.1.42 → 1.1.43-beta.0

package/dist/{index-D8p2ph99.mjs → index-K_0NX6pD.mjs}

@@ -1,9 +1,8 @@
-var F = Object.defineProperty;
-var E = (n, e, t) => e in n ? F(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var h = (n, e, t) => E(n, typeof e != "symbol" ? e + "" : e, t);
-import { E as T, a as d, b as L, c as k, d as M, O as A, V as b, S as x } from "./index-B-tFucpi.mjs";
-import { isEqual as I, isString as V, clone as U, throttle as D } from "lodash";
-import "white-web-sdk";
+var A = Object.defineProperty;
+var x = (n, e, t) => e in n ? A(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var c = (n, e, t) => x(n, typeof e != "symbol" ? e + "" : e, t);
+import { E as b, a as l, b as C, c as v, d as L, g as B, O as $, V as P, S as V } from "./index-B_vZ9d3x.mjs";
+import { isEqual as T, isString as U, clone as D, throttle as H } from "lodash";
 import "clipper-lib";
 import "lz-string";
 import "lineclip";
@@ -11,23 +10,22 @@ import "xss";
 import "rbush";
 import "react-dom";
 import "react";
-import { g as N } from "./markmap-runtime-Cg3OxuZ2.mjs";
-class R {
+class _ {
   constructor() {
-    h(this, "threadEngine");
+    c(this, "threadEngine");
   }
   registerBackgroundThread(e) {
     return this.threadEngine = e, this;
   }
 }
-class H extends R {
+class z extends _ {
   constructor() {
     super(...arguments);
-    h(this, "emitEventType", T.CopyNode);
+    c(this, "emitEventType", b.CopyNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: a } = t;
-    if (s === d.FullWork && r === L.Local && a === this.emitEventType)
+    if (s === l.FullWork && r === C.Local && a === this.emitEventType)
       return this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -36,15 +34,15 @@ class H extends R {
     s && await ((r = this.threadEngine) == null ? void 0 : r.consumeFull(t));
   }
 }
-class q {
+class G {
   constructor(e) {
-    h(this, "builders", /* @__PURE__ */ new Map());
+    c(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(e.map((t) => [t, this.build(t)]));
   }
   build(e) {
     switch (e) {
-      case T.CopyNode:
-        return new H();
+      case b.CopyNode:
+        return new z();
     }
   }
   registerForBackgroundThread(e) {
@@ -59,7 +57,7 @@ class q {
     return !1;
   }
 }
-async function _(n) {
+async function X(n) {
   const e = n.querySelectorAll("img"), t = Array.from(e).map((a) => {
     if (!a.crossOrigin && a.src && !a.src.startsWith("data:") && (a.crossOrigin = "anonymous", a.complete)) {
       const o = a.src;
@@ -76,19 +74,19 @@ async function _(n) {
   return n.querySelectorAll("svg").forEach((a) => {
     a.querySelectorAll("image").forEach((i) => {
       i.href && !i.href.baseVal.startsWith("data:") && (i.getAttribute("crossorigin") || i.setAttribute("crossorigin", "anonymous"), t.push(
-        new Promise((c) => {
-          const l = new Image();
-          l.crossOrigin = "anonymous", l.onload = () => {
-            c(void 0);
-          }, l.onerror = () => {
-            c(void 0);
-          }, l.src = i.href.baseVal;
+        new Promise((d) => {
+          const h = new Image();
+          h.crossOrigin = "anonymous", h.onload = () => {
+            d(void 0);
+          }, h.onerror = () => {
+            d(void 0);
+          }, h.src = i.href.baseVal;
         })
       ));
     });
   }), await Promise.all(t);
 }
-async function $(n) {
+async function Y(n) {
   const s = Date.now();
   let r = !1;
   for (; Date.now() - s < 5e3; ) {
@@ -101,18 +99,18 @@ async function $(n) {
     await new Promise((o) => setTimeout(o, 50));
   }
 }
-async function z(n) {
+async function j(n) {
   const e = n.querySelectorAll("svg");
   if (!e.length)
     return;
   const t = [];
   for (let s = 0; s < e.length; s++) {
     const r = e[s];
-    t.push($(r));
+    t.push(Y(r));
   }
   await Promise.all(t);
 }
-async function P(n) {
+async function E(n) {
   if (n.querySelectorAll("svg[data-type='mermaid']").length > 0) {
     const s = Date.now();
     let r = !1;
@@ -121,8 +119,8 @@ async function P(n) {
       if (a.length > 0) {
         let o = !0;
         for (const i of Array.from(a)) {
-          const c = parseFloat(i.getAttribute("width") || "0"), l = parseFloat(i.getAttribute("height") || "0");
-          if (i.querySelector(".mermaid-container") && (c < 50 || l < 50)) {
+          const d = parseFloat(i.getAttribute("width") || "0"), h = parseFloat(i.getAttribute("height") || "0");
+          if (i.querySelector(".mermaid-container") && (d < 50 || h < 50)) {
             o = !1;
             break;
           }
@@ -137,60 +135,60 @@ async function P(n) {
     }
   }
 }
-async function G(n, e = {}) {
+async function K(n, e = {}) {
   const { width: t = n.offsetWidth, height: s = n.offsetHeight } = e, r = n.offsetWidth || t, a = n.offsetHeight || s;
   try {
     const { loadSvgToImageLib: o, getSvgToImageLib: i } = await import("./svgToImageLoader-DZz5bAo4.mjs");
-    let c = i();
-    if (!c)
+    let d = i();
+    if (!d)
       try {
-        c = await o();
-      } catch (w) {
-        return console.error("[loadSvgToImageLib] error: ", w), null;
+        d = await o();
+      } catch (u) {
+        return console.error("[loadSvgToImageLib] error: ", u), null;
       }
-    const l = n.style.width, p = n.style.height, y = n.style.display;
+    const h = n.style.width, f = n.style.height, y = n.style.display;
     n.style.width || (n.style.width = `${r}px`), n.style.height || (n.style.height = `${a}px`), (!n.style.display || n.style.display === "none") && (n.style.display = "block");
     try {
-      await new Promise((m) => {
+      await new Promise((p) => {
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            m();
+            p();
           });
         });
       });
-      const w = await c.toPng(n, {
+      const u = await d.toPng(n, {
         width: r,
         height: a,
         quality: 1
       });
-      return n.style.width = l, n.style.height = p, n.style.display = y, new Promise((m) => {
-        const u = new Image();
-        u.crossOrigin = "anonymous", u.onload = () => {
-          m(u);
-        }, u.onerror = () => {
-          m(null);
-        }, u.src = w;
+      return n.style.width = h, n.style.height = f, n.style.display = y, new Promise((p) => {
+        const m = new Image();
+        m.crossOrigin = "anonymous", m.onload = () => {
+          p(m);
+        }, m.onerror = () => {
+          p(null);
+        }, m.src = u;
       });
-    } catch (w) {
-      return n.style.width = l, n.style.height = p, n.style.display = y, console.error("[divToImageElement] error: ", w), null;
+    } catch (u) {
+      return n.style.width = h, n.style.height = f, n.style.display = y, console.error("[divToImageElement] error: ", u), null;
     }
   } catch (o) {
     return console.error("[divToImageElement] error: ", o), null;
   }
 }
-class X {
+class Z {
   constructor(e) {
-    h(this, "toolsType", k.BackgroundSVG);
-    h(this, "vNodes");
-    h(this, "workOptions");
-    h(this, "workId");
-    h(this, "markmapInstance", null);
-    h(this, "isDestroyed", !1);
-    h(this, "element");
-    h(this, "manager");
-    h(this, "scenePath");
-    h(this, "trackBackgroundImageLoad");
-    h(this, "reloadSourceUrl");
+    c(this, "toolsType", v.BackgroundSVG);
+    c(this, "vNodes");
+    c(this, "workOptions");
+    c(this, "workId");
+    c(this, "markmapInstance", null);
+    c(this, "isDestroyed", !1);
+    c(this, "element");
+    c(this, "manager");
+    c(this, "scenePath");
+    c(this, "trackBackgroundImageLoad");
+    c(this, "reloadSourceUrl");
     const {
       vNodes: t,
       workId: s,
@@ -215,18 +213,18 @@ class X {
   createElement() {
     const { type: e } = this.workOptions;
     let t;
-    return e === M.markmap ? (t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), t.classList.add("svg")) : (t = document.createElement("img"), t.classList.add("img")), t.id = this.workId, t.setAttribute("data-id", this.workId), t;
+    return e === L.markmap ? (t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), t.classList.add("svg")) : (t = document.createElement("img"), t.classList.add("img")), t.id = this.workId, t.setAttribute("data-id", this.workId), t;
   }
   async render(e) {
     this.isDestroyed || !this.element || !this.element.parentNode || (this.updateElementPosition(e), await this.updateSvg(e));
   }
   isSameSize(e) {
-    const { width: t, height: s } = e, { width: r, height: a } = this.workOptions, o = t * this.manager.camera.scale, i = s * this.manager.camera.scale, c = r * this.manager.camera.scale, l = a * this.manager.camera.scale;
-    return o === c && i === l;
+    const { width: t, height: s } = e, { width: r, height: a } = this.workOptions, o = t * this.manager.camera.scale, i = s * this.manager.camera.scale, d = r * this.manager.camera.scale, h = a * this.manager.camera.scale;
+    return o === d && i === h;
   }
   isSamePosition(e) {
     const { centerX: t, centerY: s } = e, { centerX: r, centerY: a } = this.workOptions, o = this.manager.getPagePoint(r, a), i = this.manager.getPagePoint(t, s);
-    return I(i, o);
+    return T(i, o);
   }
   isSameZIndex(e) {
     const { zIndex: t } = e, { zIndex: s } = this.workOptions;
@@ -234,40 +232,40 @@ class X {
   }
   isSameState(e) {
     const { state: t } = e, { state: s } = this.workOptions;
-    return I(t, s);
+    return T(t, s);
   }
   isSameData(e) {
     const { data: t } = e, { data: s } = this.workOptions;
-    return I(t, s);
+    return T(t, s);
   }
   updateElementPosition(e) {
     if (this.isDestroyed || !this.element || !this.fullLayer)
       return;
-    const { centerX: t, centerY: s, width: r, height: a, zIndex: o } = this.workOptions, i = this.manager.getPagePoint(t, s), c = r * this.manager.camera.scale, l = a * this.manager.camera.scale;
-    (!e || e && !this.isSameSize(e)) && (this.element.setAttribute("width", `${c}`), this.element.setAttribute("height", `${l}`), this.element.style.width = `${c}px`, this.element.style.height = `${l}px`), (!e || e && !this.isSamePosition(e)) && (this.element.style.left = `${i.x}px`, this.element.style.top = `${i.y}px`), (!e || e && !this.isSameZIndex(e)) && (this.element.style.zIndex = (o || 0).toString());
+    const { centerX: t, centerY: s, width: r, height: a, zIndex: o } = this.workOptions, i = this.manager.getPagePoint(t, s), d = r * this.manager.camera.scale, h = a * this.manager.camera.scale;
+    (!e || e && !this.isSameSize(e)) && (this.element.setAttribute("width", `${d}`), this.element.setAttribute("height", `${h}`), this.element.style.width = `${d}px`, this.element.style.height = `${h}px`), (!e || e && !this.isSamePosition(e)) && (this.element.style.left = `${i.x}px`, this.element.style.top = `${i.y}px`), (!e || e && !this.isSameZIndex(e)) && (this.element.style.zIndex = (o || 0).toString());
   }
   async updateSvg(e) {
     const { type: t, state: s } = this.workOptions;
-    if (t === M.markmap) {
-      const r = N(), { data: a } = this.workOptions;
+    if (t === L.markmap) {
+      const r = B(), { data: a } = this.workOptions;
       if (this.markmapInstance || (this.markmapInstance = r.createMarkmap(
         this.element,
         this.manager.markmapOptions
-      ), this.markmapInstance.handleClick = async (c, l) => {
-        var w, m, u;
-        (w = this.markmapInstance) == null || w.toggleNode(l);
-        const p = this.serializeData((m = this.markmapInstance) == null ? void 0 : m.state.data);
+      ), this.markmapInstance.handleClick = async (d, h) => {
+        var u, p, m;
+        (u = this.markmapInstance) == null || u.toggleNode(h);
+        const f = this.serializeData((p = this.markmapInstance) == null ? void 0 : p.state.data);
         this.setWorkOptions(
           {
             ...this.workOptions,
-            state: p
+            state: f
           },
           !1
-        ), r.checkNodeHasMermaid(l) && await r.renderMermaidAfterDOMUpdate(
+        ), r.checkNodeHasMermaid(h) && await r.renderMermaidAfterDOMUpdate(
           this.element,
           this.workId
-        ), this.scenePath && this.collector && ((u = this.collector) == null || u.dispatch({
-          type: d.UpdateNode,
+        ), this.scenePath && this.collector && ((m = this.collector) == null || m.dispatch({
+          type: l.UpdateNode,
           workId: this.workId,
           opt: this.workOptions,
           isSync: !0,
@@ -286,14 +284,14 @@ class X {
         ), await this.fit(
           !e || e && !this.isSameData(e)
         ));
-      } catch (c) {
-        console.error("[updateSvg] error: ", c);
+      } catch (d) {
+        console.error("[updateSvg] error: ", d);
       }
     } else {
       const { src: r, crossOrigin: a } = this.workOptions, o = this.reloadSourceUrl ?? r;
-      if (this.element.crossOrigin = V(a) ? a : "anonymous", !this.trackBackgroundImageLoad) {
-        this.element.src = o, await new Promise((i, c) => {
-          this.element.onload = () => i(), this.element.onerror = () => c();
+      if (this.element.crossOrigin = U(a) ? a : "anonymous", !this.trackBackgroundImageLoad) {
+        this.element.src = o, await new Promise((i, d) => {
+          this.element.onload = () => i(), this.element.onerror = () => d();
         });
         return;
       }
@@ -315,10 +313,10 @@ class X {
   async fit(e = !0) {
     var t;
     if (!this.isDestroyed && this.element && this.fullLayer && this.markmapInstance) {
-      const s = N();
+      const s = B();
       e && this.element && await s.waitForImagesInForeignObjects(
         this.element
-      ), await ((t = this.markmapInstance) == null ? void 0 : t.fit()), this.element && s.isSafari() && s.hasMermaidSvg(this.element) && (await P(this.element), await s.transformMermaidSvgToMarkmapSvg(
+      ), await ((t = this.markmapInstance) == null ? void 0 : t.fit()), this.element && s.isSafari() && s.hasMermaidSvg(this.element) && (await E(this.element), await s.transformMermaidSvgToMarkmapSvg(
         this.element
       ));
     }
@@ -343,8 +341,8 @@ class X {
     this.updateElementPosition(), await this.fit(!1);
   }
   async setWorkOptions(e, t = !0) {
-    if (!I(this.workOptions, e)) {
-      const s = U(this.workOptions), r = "src" in this.workOptions ? this.workOptions.src : void 0, a = "src" in e ? e.src : void 0;
+    if (!T(this.workOptions, e)) {
+      const s = D(this.workOptions), r = "src" in this.workOptions ? this.workOptions.src : void 0, a = "src" in e ? e.src : void 0;
       r !== a && (this.reloadSourceUrl = void 0), this.workOptions = e, t && await this.render(s);
     }
   }
@@ -365,21 +363,21 @@ class X {
     };
   }
 }
-function C(n) {
+function q(n) {
   const { toolsType: e, ...t } = n;
   switch (e) {
-    case k.BackgroundSVG:
-      return new X(t);
+    case v.BackgroundSVG:
+      return new Z(t);
     default:
       return;
   }
 }
 class W {
   constructor(e) {
-    h(this, "viewId");
-    h(this, "fullLayer");
-    h(this, "curNodeMap");
-    this.viewId = e, this.curNodeMap = new A();
+    c(this, "viewId");
+    c(this, "fullLayer");
+    c(this, "curNodeMap");
+    this.viewId = e, this.curNodeMap = new $();
   }
   init(e) {
     this.fullLayer = e;
@@ -411,21 +409,23 @@ class W {
     this.curNodeMap.clear();
   }
 }
-class Y {
+class Q {
   constructor(e, t) {
-    h(this, "opt");
-    h(this, "viewId");
-    h(this, "fullLayer");
-    h(this, "vNodes");
-    h(this, "master");
-    h(this, "cameraOpt");
-    h(this, "methodBuilder");
-    h(this, "updateCamera", D(async (e) => {
+    c(this, "opt");
+    c(this, "viewId");
+    c(this, "fullLayer");
+    c(this, "vNodes");
+    c(this, "master");
+    c(this, "cameraOpt");
+    c(this, "methodBuilder");
+    c(this, "destroyed", !1);
+    c(this, "updateCamera", H(async (e) => {
+      if (this.destroyed) return;
       const { cameraOpt: t } = e;
-      t && !I(this.cameraOpt, t) && await this.setCameraOpt(t);
+      t && !T(this.cameraOpt, t) && await this.setCameraOpt(t);
     }, 100));
-    this.viewId = e, this.opt = t, this.master = t.master, this.fullLayer = t.container, this.methodBuilder = new q([
-      T.CopyNode
+    this.viewId = e, this.opt = t, this.master = t.master, this.fullLayer = t.container, this.methodBuilder = new G([
+      b.CopyNode
     ]).registerForBackgroundThread(this), this.vNodes = new W(e), this.vNodes.init(this.fullLayer);
   }
   get camera() {
@@ -452,23 +452,27 @@ class Y {
     };
   }
   async setCameraOpt(e) {
-    this.cameraOpt = e;
-    for (const t of this.vNodes.curNodeMap.values()) {
-      const { workShape: s } = t;
-      s && await s.updateCamera();
+    if (!this.destroyed) {
+      this.cameraOpt = e;
+      for (const t of this.vNodes.curNodeMap.values()) {
+        if (this.destroyed) return;
+        const { workShape: s } = t;
+        s && await s.updateCamera();
+      }
     }
   }
   clearAll() {
     this.vNodes.clear();
   }
   canUseFullLayer(e) {
-    return e === k.BackgroundSVG;
+    return e === v.BackgroundSVG;
   }
   async consumeFull(e) {
+    if (this.destroyed) return;
     const { toolsType: t, opt: s, workId: r, scenePath: a } = e;
     if (r != null && r.toString() && t && this.canUseFullLayer(t))
       switch (t) {
-        case k.BackgroundSVG:
+        case v.BackgroundSVG:
           await this.setFullWork({
             toolsType: t,
             opt: s,
@@ -483,17 +487,17 @@ class Y {
     if (t && s && r && a) {
       const o = t.toString();
       let i;
-      const c = this.vNodes.get(o);
-      return !c || !c.workShape ? (i = this.createWorkShapeNode({
+      const d = this.vNodes.get(o);
+      return !d || !d.workShape ? (i = this.createWorkShapeNode({
         toolsOpt: s,
-        toolsType: k.BackgroundSVG,
+        toolsType: v.BackgroundSVG,
         workId: o,
         scenePath: a
-      }), i && await i.init()) : (i = c.workShape, await i.setWorkOptions(s)), i;
+      }), i && await i.init()) : (i = d.workShape, await i.setWorkOptions(s)), i;
     }
   }
   createWorkShapeNode(e) {
-    return C({
+    return q({
       ...e,
       vNodes: this.vNodes,
       manager: this
@@ -507,32 +511,33 @@ class Y {
     this.vNodes.delete(e);
   }
   async on(e) {
-    if (!await this.methodBuilder.consumeForBackgroundThread(e)) {
+    if (!this.destroyed && !await this.methodBuilder.consumeForBackgroundThread(e)) {
+      if (this.destroyed) return;
       const { msgType: t, toolsType: s } = e;
       switch (t) {
-        case d.Destroy: {
+        case l.Destroy: {
           this.destroy();
           break;
         }
-        case d.Clear: {
+        case l.Clear: {
           this.clearAll();
           break;
         }
-        case d.UpdateCamera: {
+        case l.UpdateCamera: {
           this.updateCamera(e);
           break;
         }
-        case d.UpdateTools: {
-          this.toggleFullLayer(s === k.Clicker);
+        case l.UpdateTools: {
+          this.toggleFullLayer(s === v.Clicker);
           break;
         }
-        case d.BackgroundSVGUpdate:
-        case d.UpdateNode:
-        case d.FullWork: {
+        case l.BackgroundSVGUpdate:
+        case l.UpdateNode:
+        case l.FullWork: {
           s && this.canUseFullLayer(s) && await this.consumeFull(e);
           break;
         }
-        case d.BackgroundSVGDelete: {
+        case l.BackgroundSVGDelete: {
           this.removeWork(e);
           break;
         }
@@ -540,24 +545,26 @@ class Y {
     }
   }
   toggleFullLayer(e) {
-    this.fullLayer.classList.toggle(
+    this.destroyed || this.fullLayer.classList.toggle(
       "appliance-plugin-background-svg-active",
       e
     );
   }
   destroy() {
-    this.vNodes.clear();
+    this.destroyed || (this.destroyed = !0, this.updateCamera.cancel(), this.vNodes.clear());
   }
 }
-class j {
+class J {
   constructor(e, t) {
-    h(this, "viewId");
-    h(this, "fullLayer");
-    h(this, "master");
-    h(this, "vNodes");
-    h(this, "cameraOpt");
-    h(this, "opt");
-    h(this, "workShapes", /* @__PURE__ */ new Map());
+    c(this, "viewId");
+    c(this, "fullLayer");
+    c(this, "master");
+    c(this, "vNodes");
+    c(this, "cameraOpt");
+    c(this, "opt");
+    c(this, "workShapes", /* @__PURE__ */ new Map());
+    c(this, "destroyed", !1);
+    c(this, "activeRequest");
     this.viewId = e, this.opt = t, this.master = t.master, this.fullLayer = t.container, this.vNodes = new W(e), this.vNodes.init(this.fullLayer);
   }
   get camera() {
@@ -576,6 +583,30 @@ class j {
   get markmapOptions() {
     return this.master.control.pluginOptions.extras.markmap.options;
   }
+  reportRequestFailure(e, t, s, r, a) {
+    const o = r instanceof Error ? r.message : String(r);
+    try {
+      this.opt.post({
+        sp: [
+          {
+            type: l.ReportError,
+            viewId: this.viewId,
+            scenePath: s,
+            requestId: t,
+            reportBusiness: e,
+            reportStage: a,
+            reportError: o,
+            reportString: `[BackgroundSnapshotThread] ${e} failed; stage=${a}; requestId=${t || "unknown"}; error=${o}`
+          }
+        ]
+      });
+    } catch (i) {
+      console.error(
+        `[BackgroundSnapshotThread] ${e} failure report failed`,
+        i
+      );
+    }
+  }
   createOffscreenCanvas(e) {
     const { width: t, height: s } = e.canvasOpt, r = new OffscreenCanvas(
       e.canvasOpt.width,
@@ -584,10 +615,13 @@ class j {
     r.width = t, r.height = s;
   }
   async setCameraOpt(e) {
-    this.cameraOpt = e;
-    for (const t of this.vNodes.curNodeMap.values()) {
-      const { workShape: s } = t;
-      s && await s.updateCamera();
+    if (!this.destroyed) {
+      this.cameraOpt = e;
+      for (const t of this.vNodes.curNodeMap.values()) {
+        if (this.destroyed) return;
+        const { workShape: s } = t;
+        s && await s.updateCamera();
+      }
     }
   }
   getPagePoint(e, t) {
@@ -598,58 +632,68 @@ class j {
     };
   }
   async getSnapshot(e) {
-    const { scenePath: t, scenes: s, cameraOpt: r } = e;
-    if (t && s && r) {
+    var o;
+    if (this.destroyed) return;
+    const { scenePath: t, scenes: s, cameraOpt: r, requestId: a } = e;
+    this.activeRequest = { business: "snapshot", scenePath: t, requestId: a };
+    try {
+      if (!(t && s && r))
+        throw new Error("snapshot input is incomplete");
       await this.setCameraOpt(r);
-      for (const [a, o] of Object.entries(s))
-        if (o != null && o.type && (o == null ? void 0 : o.toolsType) === k.BackgroundSVG)
-          switch (o == null ? void 0 : o.type) {
-            case d.UpdateNode:
-            case d.FullWork: {
-              const { opt: i } = o, c = {
-                ...o,
-                opt: i,
-                workId: a,
-                msgType: d.FullWork,
-                dataType: L.Service,
+      for (const [d, h] of Object.entries(s)) {
+        if (this.destroyed) return;
+        if (h != null && h.type && (h == null ? void 0 : h.toolsType) === v.BackgroundSVG)
+          switch (h == null ? void 0 : h.type) {
+            case l.UpdateNode:
+            case l.FullWork: {
+              const { opt: f } = h, y = {
+                ...h,
+                opt: f,
+                workId: d,
+                msgType: l.FullWork,
+                dataType: C.Service,
                 viewId: this.viewId,
-                scenePath: t
+                scenePath: t,
+                requestId: a
               };
-              await this.runFullWork(c);
+              await this.runFullWork(y);
               break;
             }
+            default:
+              break;
           }
-      try {
-        if (t) {
-          await P(this.fullLayer), await _(this.fullLayer), await z(this.fullLayer);
-          const a = await G(this.fullLayer);
-          a && this.opt.post({
-            sp: [
-              {
-                type: d.Snapshot,
-                scenePath: t,
-                imageElement: a,
-                viewId: this.viewId,
-                index: 1
-              }
-            ]
-          });
-        }
-      } catch (a) {
-        const o = a && a instanceof Error ? a.message : a == null ? void 0 : a.toString();
+      }
+      if (await E(this.fullLayer), this.destroyed || (await X(this.fullLayer), this.destroyed) || (await j(this.fullLayer), this.destroyed)) return;
+      const i = await K(this.fullLayer);
+      if (!this.destroyed && i)
         this.opt.post({
           sp: [
             {
-              type: d.ReportError,
-              reportString: `[SnapshotThreadImpl] getSnapshotRender error: ${o}`
+              type: l.Snapshot,
+              scenePath: t,
+              imageElement: i,
+              viewId: this.viewId,
+              index: 1,
+              requestId: a
             }
           ]
         });
-      }
+      else if (!this.destroyed)
+        throw new Error("snapshot image element is empty");
+    } catch (i) {
+      this.destroyed || this.reportRequestFailure(
+        "snapshot",
+        a,
+        t,
+        i,
+        "render"
+      );
+    } finally {
+      ((o = this.activeRequest) == null ? void 0 : o.requestId) === a && (this.activeRequest = void 0);
     }
   }
   createWorkShapeNode(e) {
-    return C({
+    return q({
       ...e,
       vNodes: this.vNodes,
       manager: this,
@@ -661,16 +705,17 @@ class j {
     if (t && s && r && a) {
       const o = t.toString();
       let i;
-      const c = this.vNodes.get(o);
-      return !c || !c.workShape ? (i = this.createWorkShapeNode({
+      const d = this.vNodes.get(o);
+      return !d || !d.workShape ? (i = this.createWorkShapeNode({
         toolsOpt: s,
-        toolsType: k.BackgroundSVG,
+        toolsType: v.BackgroundSVG,
         workId: o,
         scenePath: a
-      }), i && await i.init()) : (i = c.workShape, await i.setWorkOptions(s)), i;
+      }), i && await i.init()) : (i = d.workShape, await i.setWorkOptions(s)), i;
     }
   }
   async runFullWork(e) {
+    if (this.destroyed) return;
     const { toolsType: t, opt: s, workId: r, scenePath: a } = e;
     await this.setFullWork({
       toolsType: t,
@@ -679,113 +724,206 @@ class j {
       scenePath: a
     });
   }
-  destroy() {
-    this.fullLayer.innerHTML = "", this.fullLayer.style.width = "", this.fullLayer.style.height = "";
+  destroy(e) {
+    this.destroyed || (e && this.activeRequest && this.reportRequestFailure(
+      "snapshot",
+      this.activeRequest.requestId,
+      this.activeRequest.scenePath,
+      new Error(`snapshot request ${e}`),
+      e
+    ), this.activeRequest = void 0, this.destroyed = !0, this.fullLayer.innerHTML = "", this.fullLayer.style.width = "", this.fullLayer.style.height = "");
   }
 }
-class he {
+class de {
   constructor(e) {
-    h(this, "backgroundThreadMap", /* @__PURE__ */ new Map());
-    h(this, "snapshotThread");
-    h(this, "master");
-    h(this, "post", (e) => {
+    c(this, "backgroundThreadMap", /* @__PURE__ */ new Map());
+    c(this, "snapshotThreadsByRequest", /* @__PURE__ */ new Map());
+    c(this, "destroyed", !1);
+    c(this, "master");
+    c(this, "post", (e) => {
+      if (this.destroyed) return;
       const { sp: t } = e;
       t && this.master.collectorSyncData(t);
     });
     this.master = e, this.backgroundThreadMap = /* @__PURE__ */ new Map();
   }
   createBackgroundThread(e, t) {
-    return new Y(e, t);
+    return new Q(e, t);
   }
   createSnapshotThread(e, t) {
-    return new j(e, t);
+    return new J(e, t);
   }
-  async consume(e) {
-    var t, s, r, a, o, i;
-    for (const c of e.values()) {
-      const {
-        msgType: l,
-        viewId: p,
-        layerOpt: y,
-        offscreenCanvasOpt: w,
-        cameraOpt: m,
-        tasksqueue: u
-      } = c;
-      if (l === d.Console) {
-        console.log(this);
-        continue;
+  getSnapshotRequestKey(e) {
+    return e.requestId || `${e.viewId}\0${e.scenePath || ""}\0${e.msgType}`;
+  }
+  disposeSnapshotThread(e, t, s) {
+    const r = this.snapshotThreadsByRequest.get(e);
+    if (!(!r || r.thread !== t)) {
+      this.snapshotThreadsByRequest.delete(e);
+      try {
+        t.destroy(s);
+      } finally {
+        r.surface.remove();
       }
-      if (l === d.Init) {
-        const g = (t = this.master.control.viewContainerManager.getView(p)) == null ? void 0 : t.displayer, v = (s = g == null ? void 0 : g.backgroundContainerRef) == null ? void 0 : s.current;
-        if (g && v && y && w) {
-          const f = this.backgroundThreadMap.get(p);
-          f == null || f.destroy();
-          const S = this.createBackgroundThread(p, {
-            displayer: g,
-            container: v,
-            layerOpt: y,
-            master: this.master,
-            canvasOpt: w,
-            post: this.post
+    }
+  }
+  async consume(e) {
+    var t, s, r, a, o;
+    if (!this.destroyed)
+      for (const i of e.values()) {
+        if (this.destroyed) return;
+        const {
+          msgType: d,
+          viewId: h,
+          layerOpt: f,
+          offscreenCanvasOpt: y,
+          cameraOpt: u,
+          tasksqueue: p
+        } = i;
+        if (d === l.Console) {
+          console.log(this);
+          continue;
+        }
+        if (d === l.Init) {
+          const g = (t = this.master.control.viewContainerManager.getView(h)) == null ? void 0 : t.displayer, S = (s = g == null ? void 0 : g.backgroundContainerRef) == null ? void 0 : s.current;
+          if (g && S && f && y) {
+            const w = this.backgroundThreadMap.get(h);
+            w == null || w.destroy();
+            const k = this.createBackgroundThread(h, {
+              displayer: g,
+              container: S,
+              layerOpt: f,
+              master: this.master,
+              canvasOpt: y,
+              post: this.post
+            });
+            this.backgroundThreadMap.set(h, k), k && u && await k.setCameraOpt(u);
+          }
+          continue;
+        }
+        if (d === l.Snapshot) {
+          const g = (r = this.master.control.viewContainerManager.getView(h)) == null ? void 0 : r.displayer, w = (o = ((a = this.master.control.viewContainerManager.mainView) == null ? void 0 : a.displayer).backgroundSnapshotContainerRef) == null ? void 0 : o.current;
+          if (g && w && u) {
+            const k = this.getSnapshotRequestKey(i), N = this.snapshotThreadsByRequest.get(k);
+            N && this.disposeSnapshotThread(k, N.thread, "replaced");
+            const I = document.createElement("div");
+            I.style.width = `${u.width}px`, I.style.height = `${u.height}px`, w.append(I);
+            const F = {
+              ...P.defaultLayerOpt,
+              offscreen: !1,
+              width: u.width,
+              height: u.height
+            }, R = {
+              ...P.defaultScreenCanvasOpt,
+              width: u.width,
+              height: u.height
+            }, O = this.createSnapshotThread(h, {
+              displayer: g,
+              container: I,
+              layerOpt: F,
+              master: this.master,
+              canvasOpt: R,
+              post: this.post
+            });
+            this.snapshotThreadsByRequest.set(k, {
+              thread: O,
+              surface: I
+            }), O.getSnapshot(i).catch((M) => {
+              this.master.Logger.error(
+                `[Appliance]: background snapshot render failed; viewId=${h}; error=${M instanceof Error ? M.message : String(M)}`
+              );
+            }).finally(() => {
+              this.disposeSnapshotThread(k, O);
+            });
+            continue;
+          }
+          this.post({
+            sp: [
+              {
+                type: l.ReportError,
+                viewId: h,
+                scenePath: i.scenePath,
+                requestId: i.requestId,
+                reportBusiness: "snapshot",
+                reportStage: "surface-unavailable",
+                reportError: "background snapshot surface is unavailable",
+                reportString: `[BackgroundThreadManager] snapshot surface is unavailable; viewId=${h}; requestId=${i.requestId || "unknown"}`
+              }
+            ]
           });
-          this.backgroundThreadMap.set(p, S), S && m && await S.setCameraOpt(m);
         }
-        continue;
-      }
-      if (l === d.Snapshot) {
-        const g = (r = this.master.control.viewContainerManager.getView(p)) == null ? void 0 : r.displayer, f = (o = ((a = this.master.control.viewContainerManager.mainView) == null ? void 0 : a.displayer).backgroundSnapshotContainerRef) == null ? void 0 : o.current;
-        if (g && f && m) {
-          (i = this.snapshotThread) == null || i.destroy(), f.style.width = `${m.width}px`, f.style.height = `${m.height}px`;
-          const S = {
-            ...b.defaultLayerOpt,
-            offscreen: !1,
-            width: m.width,
-            height: m.height
-          }, B = {
-            ...b.defaultScreenCanvasOpt,
-            width: m.width,
-            height: m.height
-          };
-          this.snapshotThread = this.createSnapshotThread(p, {
-            displayer: g,
-            container: f,
-            layerOpt: S,
-            master: this.master,
-            canvasOpt: B,
-            post: this.post
-          }), await this.snapshotThread.getSnapshot(c), this.snapshotThread.destroy(), this.snapshotThread = void 0;
+        if (d === l.TasksQueue && (p != null && p.size)) {
+          for (const [g, S] of this.backgroundThreadMap.entries()) {
+            const w = p.get(g);
+            w && await S.on(w);
+          }
           continue;
         }
-      }
-      if (l === d.TasksQueue && (u != null && u.size)) {
-        for (const [g, v] of this.backgroundThreadMap.entries()) {
-          const f = u.get(g);
-          f && await v.on(f);
+        if (h === V) {
+          for (const g of this.backgroundThreadMap.values())
+            await g.on(i);
+          d === l.Destroy && this.backgroundThreadMap.clear();
+          continue;
         }
-        continue;
-      }
-      if (p === x) {
-        for (const g of this.backgroundThreadMap.values())
-          await g.on(c);
-        l === d.Destroy && this.backgroundThreadMap.clear();
-        continue;
+        const m = this.backgroundThreadMap.get(h);
+        m && (await m.on(i), d === l.Destroy && this.backgroundThreadMap.get(h) === m && this.backgroundThreadMap.delete(h));
       }
-      const O = this.backgroundThreadMap.get(p);
-      O && (await O.on(c), l === d.Destroy && this.backgroundThreadMap.delete(p));
-    }
   }
   async consumeTargetOne(e, t) {
+    if (this.destroyed) return;
     const s = this.backgroundThreadMap.get(e);
     s && await s.on(t);
   }
+  discardView(e) {
+    for (const [s, r] of [
+      ...this.snapshotThreadsByRequest.entries()
+    ])
+      r.thread.viewId === e && this.disposeSnapshotThread(
+        s,
+        r.thread,
+        "view-destroyed"
+      );
+    const t = this.backgroundThreadMap.get(e);
+    try {
+      t == null || t.destroy();
+    } catch (s) {
+      this.master.Logger.error(
+        `[Appliance]: BackgroundThread View discard failed; viewId=${e}; error=${s instanceof Error ? s.message : String(s)}`
+      );
+    }
+    this.backgroundThreadMap.delete(e);
+  }
   destroy() {
-    var e;
-    (e = this.snapshotThread) == null || e.destroy(), this.snapshotThread = void 0;
+    if (this.destroyed) return;
+    const e = [];
+    for (const [t, s] of [
+      ...this.snapshotThreadsByRequest.entries()
+    ])
+      try {
+        this.disposeSnapshotThread(
+          t,
+          s.thread,
+          "manager-destroyed"
+        );
+      } catch (r) {
+        e.push(
+          `snapshot-thread: ${r instanceof Error ? r.message : String(r)}`
+        );
+      }
+    this.snapshotThreadsByRequest.clear(), this.destroyed = !0;
     for (const t of this.backgroundThreadMap.values())
-      t.destroy();
-    this.backgroundThreadMap.clear();
+      try {
+        t.destroy();
+      } catch (s) {
+        e.push(
+          `background-thread: ${s instanceof Error ? s.message : String(s)}`
+        );
+      }
+    this.backgroundThreadMap.clear(), e.length && this.master.Logger.error(
+      `[Appliance]: BackgroundThread destroy completed with cleanup errors: ${e.join("; ")}`
+    );
   }
 }
 export {
-  he as BackgroundThreadManagerImpl
+  de as BackgroundThreadManagerImpl
 };