@netless/appliance-plugin 1.1.43 → 1.1.44

package/dist/{index-DYDy0dd5.mjs → index-ZUpKkvbD.mjs}

@@ -1,15 +1,51 @@
-var ye = Object.defineProperty;
-var we = (M, e, t) => e in M ? ye(M, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : M[e] = t;
-var u = (M, e, t) => we(M, typeof e != "symbol" ? e + "" : e, t);
-import { D as K, e as b, c as m, r as $, b as R, f as Z, t as V, a as h, h as de, M as ve, i as D, j, k as ke, C as H, l as z, m as Se, n as te, o as Ie, p as se, q as ge, s as Te, u as re, v as ie, w as Y, x as _, E as N, y as ee, z as Q, A as We, B as Re, F as Ee, G as be, H as Le, I as pe, J as ue, T as oe, K as ae, L as Ce, N as Ne, P as fe, Q as me, R as ne, U as Be, S as ce, W as q, X as Oe, V as he, Y as De } from "./index-CrJWLjuD.mjs";
-import { cloneDeep as J, xor as Me, isNumber as G, isEqual as le } from "lodash";
+var ke = Object.defineProperty;
+var Se = (D, e, t) => e in D ? ke(D, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : D[e] = t;
+var u = (D, e, t) => Se(D, typeof e != "symbol" ? e + "" : e, t);
+import { D as Y, e as b, c as m, r as K, b as R, f as J, t as H, a as h, h as fe, M as Ie, i as P, j as ee, k as ge, C as j, l as _, m as Te, n as ie, o as We, p as oe, q as Re, s as Ee, u as ae, v as ne, w as Z, x as Q, E as N, y as se, z as X, A as be, B as me, F as ye, G as Le, H as Ce, I as Ne, J as Be, T as ce, K as he, L as Oe, N as De, P as we, Q as ve, R as le, U as Me, S as de, W as $, X as Pe, V as pe, Y as Ae } from "./index-C2tUvh2a.mjs";
+import { cloneDeep as te, xor as Fe, isNumber as z, isEqual as ue } from "lodash";
 import "clipper-lib";
 import "lineclip";
 import "rbush";
 import "xss";
 import "react-dom";
 import "react";
-class Pe {
+class Ue {
+  constructor() {
+    u(this, "jobs", /* @__PURE__ */ new Map());
+  }
+  request(e, t, s, r, i) {
+    const o = this.jobs.get(e);
+    if ((o == null ? void 0 : o.src) === t) return;
+    this.cancel(e);
+    const a = { src: t };
+    this.jobs.set(e, a), (async () => {
+      if (this.jobs.get(e) !== a) return;
+      if (!r()) {
+        this.cancel(e);
+        return;
+      }
+      let c;
+      try {
+        c = await s();
+      } catch {
+      }
+      if (this.jobs.get(e) === a) {
+        if (!r()) {
+          this.cancel(e);
+          return;
+        }
+        c && (this.jobs.delete(e), i(c));
+      }
+    })();
+  }
+  cancel(e) {
+    this.jobs.delete(e);
+  }
+  clear() {
+    for (const e of this.jobs.keys()) this.cancel(e);
+  }
+}
+class xe {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -17,7 +53,7 @@ class Pe {
     u(this, "localWorkShapes", /* @__PURE__ */ new Map());
     u(this, "tmpOpt");
     u(this, "animationId");
-    u(this, "syncUnitTime", K.syncOpt.interval);
+    u(this, "syncUnitTime", Y.syncOpt.interval);
     this.vNodes = e.vNodes, this.thread = e.thread;
   }
   createLocalWork(e) {
@@ -55,7 +91,7 @@ class Pe {
   clearAll() {
     this.thread.topLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), $(
+    }), K(
       this.thread.serviceLayer,
       this.thread.serviceLayer.parent
     )), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
@@ -87,7 +123,7 @@ class Pe {
   createWorkShapeNode(e) {
     const { toolsType: t } = e;
     if (t === m.LaserPen)
-      return Z({
+      return J({
         ...e,
         vNodes: this.vNodes,
         fullLayer: this.thread.topLayer,
@@ -120,7 +156,7 @@ class Pe {
       r && s && (w = this.setNodeKey(c, w, r, s)), this.serviceWorkShapes.set(c, w);
     }
     const l = this.serviceWorkShapes.get(c);
-    i && (l.type = i), a && (l.animationWorkData = V(a), l.ops = a), o && (l.updateNodeOpt = o), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), d && (l.oldRect = d), r && s && (l.toolsType !== r && r && s && this.setNodeKey(c, l, r, s), l.node && l.node.setWorkOptions(s));
+    i && (l.type = i), a && (l.animationWorkData = H(a), l.ops = a), o && (l.updateNodeOpt = o), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), d && (l.oldRect = d), r && s && (l.toolsType !== r && r && s && this.setNodeKey(c, l, r, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(e, t) {
     var i;
@@ -184,7 +220,7 @@ class Pe {
     e && this.runAnimation(), t.size && t.forEach((n, c) => {
       s.push({
         type: h.Cursor,
-        uid: c.split(de)[0],
+        uid: c.split(fe)[0],
         op: n.op,
         workState: n.workState,
         viewId: this.thread.viewId
@@ -223,7 +259,7 @@ class Pe {
     this.runAnimation();
   }
 }
-class Ae {
+class Ge {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -232,12 +268,12 @@ class Ae {
     u(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     u(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     u(this, "tmpOpt");
-    u(this, "syncUnitTime", K.syncOpt.interval);
+    u(this, "syncUnitTime", Y.syncOpt.interval);
     u(this, "fullWorkerDrawCount", 0);
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
     u(this, "combineDrawActiveId");
-    u(this, "eraserBatchScheduler", new ve());
+    u(this, "eraserBatchScheduler", new Ie());
     u(this, "disposeVNodeRevisionObserver");
     u(this, "bitmapEraserRenderQueue", Promise.resolve());
     u(this, "bitmapEraserRevalidationQueued", !1);
@@ -284,25 +320,25 @@ class Ae {
   async updateSelector(e) {
     var f;
     const t = this.workShapes.get(
-      D
+      P
     );
     if (!((f = t == null ? void 0 : t.selectIds) != null && f.length)) return;
     const { callback: s, ...r } = e, { updateSelectorOpt: i, willSerializeData: o, smoothSync: a } = r, n = await (t == null ? void 0 : t.updateSelector({
       updateSelectorOpt: i,
-      selectIds: J(t.selectIds),
+      selectIds: te(t.selectIds),
       vNodes: this.vNodes,
       willSerializeData: o,
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let d;
-    n != null && n.selectIds && (d = Me(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
-      const S = this.vNodes.get(w);
-      if (S) {
-        const { toolsType: I, op: W, opt: g } = S;
+    n != null && n.selectIds && (d = Fe(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
+      const k = this.vNodes.get(w);
+      if (k) {
+        const { toolsType: I, op: E, opt: g } = k;
         c.set(w, {
           opt: g,
           toolsType: I,
-          ops: (W == null ? void 0 : W.length) && j(W) || void 0
+          ops: (E == null ? void 0 : E.length) && ee(E) || void 0
         });
       }
     }), t.selectIds = n.selectIds);
@@ -327,11 +363,11 @@ class Ae {
   clearAll() {
     if (this.eraserBatchScheduler.cancel(), this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), $(
+    }), K(
       this.thread.localLayer,
       this.thread.localLayer.parent
     )), this.workShapes.get(
-      D
+      P
     )) {
       const t = [];
       t.push({
@@ -349,7 +385,7 @@ class Ae {
       let i;
       for (const o of this.vNodes.curNodeMap.values()) {
         const { rect: a, name: n, toolsType: c, opt: d } = o, l = t[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], p = t[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === m.Text && ke([l, p], a) && d.workState === b.Done) {
+        if (c === m.Text && ge([l, p], a) && d.workState === b.Done) {
           i = n;
           break;
         }
@@ -372,7 +408,7 @@ class Ae {
   }
   cursorHover(e) {
     const { opt: t, toolsType: s, point: r } = e, i = this.setFullWork({
-      workId: H,
+      workId: j,
       toolsType: s,
       opt: t
     });
@@ -380,15 +416,15 @@ class Ae {
   }
   cursorBlur() {
     var t;
-    const e = this.getWorkShape(H);
-    e && ((t = e.selectIds) != null && t.length) && (e.cursorBlur(), this.clearWorkShapeNodeCache(H)), this.thread.fullLayer.parent.children.forEach((s) => {
+    const e = this.getWorkShape(j);
+    e && ((t = e.selectIds) != null && t.length) && (e.cursorBlur(), this.clearWorkShapeNodeCache(j)), this.thread.fullLayer.parent.children.forEach((s) => {
       s.name === "Cursor_Hover_Id" && s.remove();
     });
   }
   async updateFullSelectWork(e) {
     var r, i, o, a, n;
     const t = this.workShapes.get(
-      D
+      P
     ), { selectIds: s } = e;
     if (!(s != null && s.length)) {
       await this.blurSelector(e);
@@ -396,7 +432,7 @@ class Ae {
     }
     if (!t) {
       this.setFullWork({
-        workId: D,
+        workId: P,
         toolsType: m.Selector,
         opt: e.opt || (((r = this.tmpOpt) == null ? void 0 : r.toolsType) === m.Selector ? this.tmpOpt.toolsOpt : {})
       }) && await this.updateFullSelectWork(e);
@@ -434,7 +470,7 @@ class Ae {
   }
   async removeSelector(e) {
     const { willSyncService: t, needUndoTicker: s } = e, r = [], i = [], o = this.workShapes.get(
-      D
+      P
     );
     if (!o)
       return;
@@ -497,9 +533,9 @@ class Ae {
         }
       ]
     }), (r = this.thread.fullLayer) == null || r.getElementsByName(e).forEach((i) => {
-      i.remove(), z(i, this.thread.fullLayer.parent);
+      i.remove(), _(i, this.thread.fullLayer.parent);
     }), this.vNodes.delete(e)), this.workShapes.has(e) && (this.thread.localLayer.getElementsByName(e).forEach((i) => {
-      i.remove(), z(i, this.thread.localLayer.parent);
+      i.remove(), _(i, this.thread.localLayer.parent);
     }), this.clearWorkShapeNodeCache(e));
   }
   setFullWork(e) {
@@ -522,24 +558,24 @@ class Ae {
     var o, a;
     const t = (o = e.workId) == null ? void 0 : o.toString(), s = (a = e.updateNodeOpt) == null ? void 0 : a.eraserGeometryDelta;
     if (t) {
-      const n = this.vNodes.get(t), c = e.ops && V(e.ops) || e.op || [];
+      const n = this.vNodes.get(t), c = e.ops && H(e.ops) || e.op || [];
       if (s) {
-        if (!n || !e.centerPos || !Se(
+        if (!n || !e.centerPos || !Te(
           this.vNodes,
           t,
           s,
           n,
           { op: c, centerPos: e.centerPos }
         )) {
-          te(this.vNodes, t);
+          ie(this.vNodes, t);
           return;
         }
-      } else n && e.centerPos && Ie(this.vNodes, t) && se(n.op, n.centerPos) !== se(c, e.centerPos) && te(this.vNodes, t);
+      } else n && e.centerPos && We(this.vNodes, t) && oe(n.op, n.centerPos) !== oe(c, e.centerPos) && ie(this.vNodes, t);
     }
-    const r = this.setFullWork(e), i = e.ops && V(e.ops);
+    const r = this.setFullWork(e), i = e.ops && H(e.ops);
     if (r) {
       t && e.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(t).forEach((c) => {
-        c.remove(), z(c, this.thread.localLayer.parent);
+        c.remove(), _(c, this.thread.localLayer.parent);
       }), r.toolsType === m.BackgroundSVG ? r.consumeService({
         isFullWork: !0,
         replaceId: t
@@ -584,7 +620,7 @@ class Ae {
   }
   async colloctEffectSelectWork(e) {
     const t = this.workShapes.get(
-      D
+      P
     ), { workId: s, msgType: r } = e;
     if (t && s && t.selectIds && t.selectIds.includes(s.toString())) {
       r === h.RemoveNode ? t.selectIds = t.selectIds.filter(
@@ -618,7 +654,7 @@ class Ae {
             boxRect: this.thread.getSceneRect()
           });
         else {
-          const o = s.ops && V(s.ops);
+          const o = s.ops && H(s.ops);
           r.consumeService({
             op: o,
             isFullWork: !0,
@@ -632,15 +668,15 @@ class Ae {
     this.reRenderSelector(e);
   }
   hasSelector() {
-    return this.workShapes.has(D);
+    return this.workShapes.has(P);
   }
   getSelector() {
-    return this.workShapes.get(D);
+    return this.workShapes.get(P);
   }
   reRenderSelector(e = !1) {
     var r;
     const t = this.workShapes.get(
-      D
+      P
     );
     if (!t) return;
     if (t && !((r = t.selectIds) != null && r.length))
@@ -677,10 +713,10 @@ class Ae {
   async blurSelector(e) {
     var r;
     const t = this.workShapes.get(
-      D
+      P
     ), s = t == null ? void 0 : t.blurSelector();
-    if (this.clearWorkShapeNodeCache(D), ((r = this.thread.fullLayer) == null ? void 0 : r.parent).children.forEach((i) => {
-      i.name === D && i.remove();
+    if (this.clearWorkShapeNodeCache(P), ((r = this.thread.fullLayer) == null ? void 0 : r.parent).children.forEach((i) => {
+      i.name === P && i.remove();
     }), s) {
       const i = [];
       i.push({
@@ -795,7 +831,7 @@ class Ae {
             type: h.FullWork,
             dataType: R.Local,
             toolsType: l.toolsType,
-            ops: j(l.op),
+            ops: ee(l.op),
             opt: l.opt,
             workId: d,
             updateNodeOpt: {
@@ -865,7 +901,7 @@ class Ae {
           dataType: R.Local
         },
         t
-      ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && n !== D && (this.drawWorkActiveId = n), G(o) && (this.consumeCount = o), d) {
+      ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && n !== P && (this.drawWorkActiveId = n), z(o) && (this.consumeCount = o), d) {
         case m.Selector: {
           const l = c.consume({
             data: e,
@@ -896,7 +932,7 @@ class Ae {
               e.needUndoTicker,
               e.collectUndoTicker
             );
-          }, ge(this.thread.master.maxCombineEraserTime));
+          }, Re(this.thread.master.maxCombineEraserTime));
           break;
         }
         case m.BitMapEraser: {
@@ -975,48 +1011,48 @@ class Ae {
     if (i || r) {
       const p = i == null ? void 0 : i.willDeleteNodes, f = i == null ? void 0 : i.willNewNodes, w = [
         ...p ? Array.from(p) : []
-      ], S = {
+      ], k = {
         render: [],
         sp: [],
         ...r
       };
       if (i != null && i.rect) {
-        const I = Te(i.rect);
-        (a = S.render) == null || a.push(
+        const I = Ee(i.rect);
+        (a = k.render) == null || a.push(
           {
             rect: I,
             isClear: !0,
-            clearCanvas: re.Bg,
+            clearCanvas: ae.Bg,
             viewId: this.thread.viewId,
             eraseTxnId: e
           },
           {
             rect: I,
-            drawCanvas: re.Bg,
+            drawCanvas: ae.Bg,
             viewId: this.thread.viewId,
             eraseTxnId: e
           }
         );
       }
-      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = S.sp) == null || c.push({
+      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = k.sp) == null || c.push({
         type: h.None,
         collectUndoTicker: s,
         undoScopeIds: w,
         undoScopePhase: "collect"
-      })), p != null && p.size && ((d = S.sp) == null || d.push({
+      })), p != null && p.size && ((d = k.sp) == null || d.push({
         type: h.RemoveNode,
         removeIds: [...p],
         viewId: this.thread.viewId,
         needUndoTicker: t,
         collectUndoTicker: s
       })), f != null && f.size)
-        for (const [I, W] of f)
-          (l = S.sp) == null || l.push({
+        for (const [I, E] of f)
+          (l = k.sp) == null || l.push({
             type: h.FullWork,
             dataType: R.Local,
-            toolsType: W.toolsType,
-            ops: j(W.op),
-            opt: W.opt,
+            toolsType: E.toolsType,
+            ops: ee(E.op),
+            opt: E.opt,
             workId: I,
             updateNodeOpt: {
               useAnimation: !1
@@ -1024,7 +1060,7 @@ class Ae {
             needUndoTicker: t,
             collectUndoTicker: s
           });
-      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(S);
+      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(k);
     }
   }
   async consumeDrawAll(e, t) {
@@ -1042,23 +1078,23 @@ class Ae {
       if (p === m.LaserPen)
         return;
       p === m.BitMapEraser && await this.bitmapEraserRenderQueue;
-      const f = this.workShapes.get(H), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], S = await l.consumeAll({ data: e, workerEngine: this });
+      const f = this.workShapes.get(j), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], k = await l.consumeAll({ data: e, workerEngine: this });
       switch (p) {
         case m.Selector:
           {
-            S.selectIds && w && ((n = S.selectIds) != null && n.includes(w)) && f.cursorBlur();
+            k.selectIds && w && ((n = k.selectIds) != null && n.includes(w)) && f.cursorBlur();
             const I = [];
             i && I.push({
               type: h.None,
               isLockSentEventCursor: i,
               scenePath: r
-            }), S.type === h.Select && (S.selectIds && t.runReverseSelectWork(S.selectIds), I.push({ ...S, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
+            }), k.type === h.Select && (k.selectIds && t.runReverseSelectWork(k.selectIds), I.push({ ...k, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
           }
           break;
         case m.PencilEraser:
           await this.drawPencilEraserFull(
             l,
-            S,
+            k,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
@@ -1066,14 +1102,14 @@ class Ae {
         case m.BitMapEraser:
           await this.drawBitMapEraserFull(
             l,
-            S,
+            k,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
           break;
         case m.Eraser:
           await this.drawEraser(
-            { ...S, scenePath: r },
+            { ...k, scenePath: r },
             i,
             o,
             e.collectUndoTicker
@@ -1092,17 +1128,17 @@ class Ae {
             type: h.None,
             isLockSentEventCursor: i,
             scenePath: r
-          }), S) {
-            const g = p === m.Pencil && S.type === h.RemoveNode;
-            g ? $(
+          }), k) {
+            const g = p === m.Pencil && k.type === h.RemoveNode;
+            g ? K(
               this.thread.localLayer,
               this.thread.localLayer.parent
             ) : I.push({
-              ...S,
+              ...k,
               scenePath: r,
               needUndoTicker: e.needUndoTicker,
-              undoScopeIds: S.undoScopeIds || (S.workId !== void 0 ? [S.workId.toString()] : void 0),
-              undoScopePhase: S.undoScopePhase || "finalize"
+              undoScopeIds: k.undoScopeIds || (k.workId !== void 0 ? [k.workId.toString()] : void 0),
+              undoScopePhase: k.undoScopePhase || "finalize"
             }), this.fullWorkerDrawCount = 0, e.needUndoTicker && I.push({
               type: h.None,
               needUndoTicker: e.needUndoTicker,
@@ -1130,7 +1166,7 @@ class Ae {
     if ((t = this.tmpOpt) != null && t.toolsType && this.tmpOpt.toolsType !== e.toolsType) {
       this.eraserBatchScheduler.cancel();
       for (const [r, i] of this.workShapes)
-        r !== D && (i.clearTmpPoints(), this.workShapes.delete(r));
+        r !== P && (i.clearTmpPoints(), this.workShapes.delete(r));
     }
     this.tmpOpt = e, (s = e.toolsOpt) != null && s.syncUnitTime && (this.syncUnitTime = e.toolsOpt.syncUnitTime);
   }
@@ -1143,7 +1179,7 @@ class Ae {
     t.syncUnitTime || (t.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(t);
   }
   createWorkShapeNode(e) {
-    return Z(
+    return J(
       {
         ...e,
         vNodes: this.vNodes,
@@ -1154,22 +1190,24 @@ class Ae {
     );
   }
 }
-class Fe {
+class qe {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
     u(this, "workShapes", /* @__PURE__ */ new Map());
     u(this, "selectorWorkShapes", /* @__PURE__ */ new Map());
     u(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
-    u(this, "syncUnitTime", K.syncOpt.interval);
+    u(this, "syncUnitTime", Y.syncOpt.interval);
     u(this, "animationScheduler");
     u(this, "effectScheduler");
-    this.vNodes = e.vNodes, this.thread = e.thread, this.animationScheduler = new ie({
+    u(this, "imageRecovery", new Ue());
+    u(this, "readyImages", /* @__PURE__ */ new Map());
+    this.vNodes = e.vNodes, this.thread = e.thread, this.animationScheduler = new ne({
       run: async () => {
         try {
           await this.animationDraw();
         } catch (t) {
-          throw Y(t, {
+          throw Z(t, {
             business: "service-render",
             stage: "animation-draw"
           });
@@ -1181,12 +1219,12 @@ class Fe {
         business: "service-render",
         stage: "animation-draw"
       })
-    }), this.effectScheduler = new ie({
+    }), this.effectScheduler = new ne({
       run: async () => {
         try {
           await this.effectRunSelector();
         } catch (t) {
-          throw Y(t, {
+          throw Z(t, {
             business: "service-render",
             stage: "selector-effect"
           });
@@ -1207,9 +1245,9 @@ class Fe {
     this.animationScheduler.destroy(), this.effectScheduler.destroy(), this.clearAll();
   }
   clearAll() {
-    this.thread.serviceLayer.children.length && (this.thread.serviceLayer.parent.children.forEach((e) => {
+    this.imageRecovery.clear(), this.readyImages.clear(), this.thread.serviceLayer.children.length && (this.thread.serviceLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), $(
+    }), K(
       this.thread.serviceLayer,
       this.thread.serviceLayer.parent
     )), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
@@ -1236,7 +1274,7 @@ class Fe {
   removeWork(e) {
     const { workId: t } = e, s = t == null ? void 0 : t.toString();
     if (s) {
-      if (this.workShapes.get(s)) {
+      if (this.imageRecovery.cancel(s), this.readyImages.delete(s), this.workShapes.get(s)) {
         this.workShapes.delete(s), this.removeNode(s, e);
         return;
       }
@@ -1274,45 +1312,75 @@ class Fe {
     );
   }
   async animationDraw() {
-    var r, i, o, a, n, c, d, l, p, f, w, S, I, W, g, y, v, T, C, L, A;
+    var r, i, o, a, n, c, d, l, p, f, w, k, I, E, g, y, S, T, C, L, O, A;
     let e = !1;
     const t = /* @__PURE__ */ new Map(), s = [];
-    for (const [E, k] of this.workShapes.entries())
-      switch (k.toolsType) {
+    for (const [W, v] of this.workShapes.entries())
+      switch (v.toolsType) {
         case m.BackgroundSVG: {
-          (r = k.node) == null || r.consumeService({
+          (r = v.node) == null || r.consumeService({
             isFullWork: !0,
-            replaceId: E
-          }), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(E);
+            replaceId: W
+          }), this.selectorWorkShapes.forEach((B, F) => {
+            var M;
+            (M = B.selectIds) != null && M.includes(W) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
+          }), this.workShapes.delete(W);
           break;
         }
         case m.Image: {
-          await ((i = k.node) == null ? void 0 : i.consumeServiceAsync({
+          const B = (i = v.node) == null ? void 0 : i.getWorkOptions(), M = (B == null ? void 0 : B.src) && this.thread.getImageSourceKey(B), U = this.readyImages.get(W);
+          this.readyImages.delete(W);
+          const x = U && U.src === M && U.image || M && this.thread.getCachedImages(M) || null;
+          await ((o = v.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            worker: this
-          })), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(E);
+            worker: this,
+            imageSourceOverride: x
+          })), M && !x ? this.imageRecovery.request(
+            W,
+            M,
+            () => this.thread.loadImageBitMap({
+              toolsType: m.Image,
+              opt: B,
+              workId: W,
+              timeoutMs: 15e3
+            }),
+            () => {
+              const G = this.vNodes.get(W), V = this.workShapes.get(W);
+              return (G == null ? void 0 : G.toolsType) === m.Image && this.thread.getImageSourceKey(G.opt) === M && (!V || !!V.node && this.thread.getImageSourceKey(
+                V.node.getWorkOptions()
+              ) === M);
+            },
+            (G) => {
+              const V = this.vNodes.get(W);
+              V && (this.readyImages.set(W, { src: M, image: G }), this.consumeFull({
+                msgType: h.FullWork,
+                dataType: R.Service,
+                viewId: this.thread.viewId,
+                workId: W,
+                toolsType: m.Image,
+                opt: V.opt
+              }));
+            }
+          ) : this.imageRecovery.cancel(W), this.selectorWorkShapes.forEach((G, V) => {
+            var re;
+            (re = G.selectIds) != null && re.includes(W) && (this.willRunEffectSelectorIds.add(V), this.runEffect());
+          }), this.workShapes.delete(W);
           break;
         }
         case m.Text: {
-          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
+          v.node && (await ((a = v.node) == null ? void 0 : a.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: E,
+            replaceId: W,
             boxRect: this.thread.getSceneRect()
-          })), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), k.refreshTextRender && k.requestId && s.push({
+          })), this.selectorWorkShapes.forEach((B, F) => {
+            var M;
+            (M = B.selectIds) != null && M.includes(W) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
+          }), v.refreshTextRender && v.requestId && s.push({
             type: h.RefreshTextRender,
-            requestId: k.requestId,
-            workId: E,
+            requestId: v.requestId,
+            workId: W,
             viewId: this.thread.viewId
-          }), (a = k.node) == null || a.clearTmpPoints(), this.workShapes.delete(E));
+          }), (n = v.node) == null || n.clearTmpPoints(), this.workShapes.delete(W));
           break;
         }
         case m.Arrow:
@@ -1322,98 +1390,98 @@ class Fe {
         case m.Star:
         case m.Polygon:
         case m.SpeechBalloon: {
-          const B = !!k.ops;
-          if ((n = k.animationWorkData) != null && n.length) {
-            const O = k.oldRect;
-            (c = k.node) == null || c.consumeService({
-              op: k.animationWorkData,
+          const B = !!v.ops;
+          if ((c = v.animationWorkData) != null && c.length) {
+            const F = v.oldRect;
+            (d = v.node) == null || d.consumeService({
+              op: v.animationWorkData,
               isFullWork: B
-            }), B && (this.selectorWorkShapes.forEach((P, F) => {
-              var U;
-              (U = P.selectIds) != null && U.includes(E) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
-            }), (d = k.node) == null || d.clearTmpPoints(), this.workShapes.delete(E)), k.isEnableCursor ? t.set(E, {
-              cursorTool: _(k.toolsType),
-              workState: O ? k.ops ? b.Done : b.Doing : b.Start,
-              op: k.animationWorkData.slice(-3, -1)
-            }) : B && !k.useAnimation && ((l = k.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
-              cursorTool: _(k.toolsType),
+            }), B && (this.selectorWorkShapes.forEach((M, U) => {
+              var x;
+              (x = M.selectIds) != null && x.includes(W) && (this.willRunEffectSelectorIds.add(U), this.runEffect());
+            }), (l = v.node) == null || l.clearTmpPoints(), this.workShapes.delete(W)), v.isEnableCursor ? t.set(W, {
+              cursorTool: Q(v.toolsType),
+              workState: F ? v.ops ? b.Done : b.Doing : b.Start,
+              op: v.animationWorkData.slice(-3, -1)
+            }) : B && !v.useAnimation && ((p = v.updateNodeOpt) != null && p.useAnimation) && t.set(W, {
+              cursorTool: Q(v.toolsType),
               workState: b.Done,
-              op: k.animationWorkData.slice(-3, -1),
-              uid: (p = k.updateNodeOpt) == null ? void 0 : p.uid
-            }), k.animationWorkData.length = 0;
+              op: v.animationWorkData.slice(-3, -1),
+              uid: (f = v.updateNodeOpt) == null ? void 0 : f.uid
+            }), v.animationWorkData.length = 0;
           }
           break;
         }
         case m.Pencil: {
-          if (k.useAnimation) {
-            if (k.useAnimation) {
-              if (k.isDel) {
-                (y = k.node) == null || y.clearTmpPoints(), this.workShapes.delete(E);
+          if (v.useAnimation) {
+            if (v.useAnimation) {
+              if (v.isDel) {
+                (S = v.node) == null || S.clearTmpPoints(), this.workShapes.delete(W);
                 break;
               }
-              const B = 3, O = this.computNextAnimationIndex(
-                k,
+              const B = 3, F = this.computNextAnimationIndex(
+                v,
                 B
-              ), P = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - B), F = (k.animationWorkData || []).slice(
-                P,
-                O
-              ), U = (T = (v = k.node) == null ? void 0 : v.getWorkId()) == null ? void 0 : T.toString();
-              if ((k.animationIndex || 0) < O || k.isDiff) {
-                if ((C = k.node) == null || C.consumeService({
-                  op: F,
+              ), M = v.isDiff ? 0 : Math.max(0, (v.animationIndex || 0) - B), U = (v.animationWorkData || []).slice(
+                M,
+                F
+              ), x = (C = (T = v.node) == null ? void 0 : T.getWorkId()) == null ? void 0 : C.toString();
+              if ((v.animationIndex || 0) < F || v.isDiff) {
+                if ((L = v.node) == null || L.consumeService({
+                  op: U,
                   isFullWork: !1
-                }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), F.length && k.isEnableCursor) {
-                  const X = F.slice(-3, -1);
-                  t.set(E, {
-                    cursorTool: _(k.toolsType),
-                    workState: P === 0 ? b.Start : O === ((L = k.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
-                    op: X
+                }), v.animationIndex = F, v.isDiff && (v.isDiff = !1), U.length && v.isEnableCursor) {
+                  const G = U.slice(-3, -1);
+                  t.set(W, {
+                    cursorTool: Q(v.toolsType),
+                    workState: M === 0 ? b.Start : F === ((O = v.animationWorkData) == null ? void 0 : O.length) ? b.Done : b.Doing,
+                    op: G
                   });
                 }
-              } else k.ops && ((A = k.node) == null || A.consumeService({
-                op: k.animationWorkData || [],
+              } else v.ops && ((A = v.node) == null || A.consumeService({
+                op: v.animationWorkData || [],
                 isFullWork: !0,
-                replaceId: U
-              }), k.isDel = !0, k.isEnableCursor && t.set(E, {
-                cursorTool: _(k.toolsType),
+                replaceId: x
+              }), v.isDel = !0, v.isEnableCursor && t.set(W, {
+                cursorTool: Q(v.toolsType),
                 workState: b.Done,
-                op: F.slice(-3, -1)
+                op: U.slice(-3, -1)
               }));
               e = !0;
               break;
             }
           } else {
-            const B = !!k.ops;
-            if ((f = k.node) == null || f.consumeService({
-              op: k.animationWorkData || [],
+            const B = !!v.ops;
+            if ((w = v.node) == null || w.consumeService({
+              op: v.animationWorkData || [],
               isFullWork: B,
-              replaceId: E
-            }), (w = k.node) == null || w.updataOptService(k.updateNodeOpt), B) {
-              if (!k.isEnableCursor && ((S = k.updateNodeOpt) != null && S.useAnimation) && ((I = k.animationWorkData) != null && I.length)) {
-                const O = k.animationWorkData.slice(-3, -1);
-                t.set(E, {
-                  cursorTool: _(k.toolsType),
+              replaceId: W
+            }), (k = v.node) == null || k.updataOptService(v.updateNodeOpt), B) {
+              if (!v.isEnableCursor && ((I = v.updateNodeOpt) != null && I.useAnimation) && ((E = v.animationWorkData) != null && E.length)) {
+                const F = v.animationWorkData.slice(-3, -1);
+                t.set(W, {
+                  cursorTool: Q(v.toolsType),
                   workState: b.Done,
-                  op: O,
-                  uid: (W = k.updateNodeOpt) == null ? void 0 : W.uid
+                  op: F,
+                  uid: (g = v.updateNodeOpt) == null ? void 0 : g.uid
                 });
               }
-              this.selectorWorkShapes.forEach((O, P) => {
-                var F;
-                (F = O.selectIds) != null && F.includes(E) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
-              }), (g = k.node) == null || g.clearTmpPoints(), this.workShapes.delete(E);
+              this.selectorWorkShapes.forEach((F, M) => {
+                var U;
+                (U = F.selectIds) != null && U.includes(W) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
+              }), (y = v.node) == null || y.clearTmpPoints(), this.workShapes.delete(W);
             }
           }
           break;
         }
       }
-    e && this.runAnimation(), t.size && t.forEach((E, k) => {
+    e && this.runAnimation(), t.size && t.forEach((W, v) => {
       s.push({
         type: h.Cursor,
-        uid: E.uid || k.split(de)[0],
-        op: E.op,
-        workState: E.workState,
-        cursorTool: E.cursorTool,
+        uid: W.uid || v.split(fe)[0],
+        op: W.op,
+        workState: W.workState,
+        cursorTool: W.cursorTool,
         viewId: this.thread.viewId
       });
     }), s.length && this.thread.post({ sp: s });
@@ -1445,7 +1513,7 @@ class Fe {
     return !1;
   }
   activeWorkShape(e) {
-    var W, g, y, v;
+    var E, g, y, S;
     const {
       workId: t,
       opt: s,
@@ -1462,7 +1530,7 @@ class Fe {
     } = e;
     if (!t)
       return;
-    const w = t.toString(), S = (W = this.vNodes.get(w)) == null ? void 0 : W.rect;
+    const w = t.toString(), k = (E = this.vNodes.get(w)) == null ? void 0 : E.rect;
     if (!((g = this.workShapes) != null && g.has(w))) {
       let T = {
         toolsType: r,
@@ -1472,25 +1540,25 @@ class Fe {
         updateNodeOpt: o,
         ops: a,
         useAnimation: typeof c < "u" ? c : typeof (o == null ? void 0 : o.useAnimation) < "u" ? o == null ? void 0 : o.useAnimation : !0,
-        oldRect: S,
+        oldRect: k,
         isDiff: !1,
         imageBitmap: d,
         isEnableCursor: l
       };
       r && s && (T = this.setNodeKey(w, T, r, s)), (y = this.workShapes) == null || y.set(w, T);
     }
-    const I = (v = this.workShapes) == null ? void 0 : v.get(w);
-    I.isEnableCursor = l, I.requestId = p, I.refreshTextRender = !!f, i && (I.type = i), a && (I.animationWorkData = V(a), I.ops = a), o && (I.updateNodeOpt = o), n && (I.isDiff = this.hasDiffData(
+    const I = (S = this.workShapes) == null ? void 0 : S.get(w);
+    I.isEnableCursor = l, I.requestId = p, I.refreshTextRender = !!f, i && (I.type = i), a && (I.animationWorkData = H(a), I.ops = a), o && (I.updateNodeOpt = o), n && (I.isDiff = this.hasDiffData(
       I.animationWorkData || [],
       n,
       I.toolsType
-    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), S && (I.oldRect = S), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
+    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), k && (I.oldRect = k), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
   }
   removeNode(e, t) {
-    e.indexOf(D) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(e).forEach((r) => {
-      r.remove(), z(r, this.thread.fullLayer.parent);
+    e.indexOf(P) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(e).forEach((r) => {
+      r.remove(), _(r, this.thread.fullLayer.parent);
     }), this.thread.serviceLayer.getElementsByName(e).forEach((r) => {
-      r.remove(), z(r, this.thread.serviceLayer.parent);
+      r.remove(), _(r, this.thread.serviceLayer.parent);
     });
     const s = this.vNodes.get(e);
     s && s.toolsType === m.BackgroundSVG && this.thread.post({
@@ -1528,7 +1596,7 @@ class Fe {
     i && (n.type = i), n.node && n.node.getWorkId() !== a && n.node.setWorkId(a), n.selectIds = o || [];
   }
   setNodeKey(e, t, s, r) {
-    return t.toolsType = s, t.node = Z(
+    return t.toolsType = s, t.node = J(
       {
         toolsType: s,
         toolsOpt: r,
@@ -1541,7 +1609,7 @@ class Fe {
     ), t;
   }
 }
-class x {
+class q {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1551,7 +1619,7 @@ class x {
     return this.threadEngine = e, this.localWork = e.localWork, this.serviceWork = e.serviceWork, this;
   }
 }
-class Ue extends x {
+class ze extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.CopyNode);
@@ -1567,7 +1635,7 @@ class Ue extends x {
     s && await ((r = this.localWork) == null ? void 0 : r.consumeFull(t));
   }
 }
-class xe extends x {
+class Ve extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.SetColorNode);
@@ -1589,7 +1657,7 @@ class xe extends x {
       needUndoTicker: c,
       requestId: d
     } = t;
-    s === D && r && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
+    s === P && r && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -1641,7 +1709,7 @@ class xe extends x {
     };
   }
 }
-class Ge extends x {
+class $e extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.ZIndexNode);
@@ -1662,7 +1730,7 @@ class Ge extends x {
       needUndoTicker: n,
       requestId: c
     } = t;
-    s === D && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
+    s === P && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -1714,19 +1782,19 @@ class Ge extends x {
     };
   }
 }
-class qe extends x {
+class _e extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.TranslateNode);
     u(this, "updateSelectorCallback", (t) => {
-      var W;
+      var E;
       const { param: s, postData: r, newServiceStore: i, workShapeNode: o, res: a, smoothSync: n } = t, {
         willSyncService: c,
         isSync: d,
         updateSelectorOpt: l,
         textUpdateForWoker: p,
         needUndoTicker: f
-      } = s, w = l.workState, S = r.sp || [];
+      } = s, w = l.workState, k = r.sp || [];
       if (w === b.Start)
         return {
           sp: [
@@ -1741,7 +1809,7 @@ class qe extends x {
       const I = a == null ? void 0 : a.selectRect;
       if (c) {
         const g = w === b.Done ? f : void 0;
-        S.push({
+        k.push({
           type: h.Select,
           selectIds: o.selectIds,
           selectRect: I,
@@ -1757,34 +1825,34 @@ class qe extends x {
           useAnimation: l.useAnimation || !1
         };
         l.uid && (y.uid = l.uid);
-        for (const [v, T] of i.entries())
-          T.toolsType === m.BackgroundSVG && S.push({
+        for (const [S, T] of i.entries())
+          T.toolsType === m.BackgroundSVG && k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.BackgroundSVGUpdate,
             dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }), p && T.toolsType === m.Text ? S.push({
+          }), p && T.toolsType === m.Text ? k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.TextUpdate,
             dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }) : (n || w === b.Done) && S.push({
+          }) : (n || w === b.Done) && k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.UpdateNode,
             updateNodeOpt: {
               ...y,
-              eraserGeometryDelta: ee(
-                (W = this.localWork) == null ? void 0 : W.vNodes,
-                v
+              eraserGeometryDelta: se(
+                (E = this.localWork) == null ? void 0 : E.vNodes,
+                S
               )
             },
             isSync: d,
@@ -1792,15 +1860,15 @@ class qe extends x {
             emitEventType: this.emitEventType
           });
       }
-      return f && S.push({
+      return f && k.push({
         type: h.None,
         needUndoTicker: f
-      }), S.push({
+      }), k.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: S
+        sp: k
       };
     });
   }
@@ -1822,7 +1890,7 @@ class qe extends x {
       smoothSync: d,
       needUndoTicker: l
     } = t;
-    s === D && r && (r.workState === b.Done && (r != null && r.translate) && (r.translate[0] || r.translate[1]) || r.workState !== b.Done ? await ((p = this.localWork) == null ? void 0 : p.updateSelector({
+    s === P && r && (r.workState === b.Done && (r != null && r.translate) && (r.translate[0] || r.translate[1]) || r.workState !== b.Done ? await ((p = this.localWork) == null ? void 0 : p.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -1836,13 +1904,13 @@ class qe extends x {
     })) : r.workState === b.Done && ((f = this.localWork) == null || f.vNodes.deleteLastTarget()));
   }
 }
-class ze extends x {
+class He extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.ScaleNode);
     u(this, "updateSelectorCallback", (t) => {
       var I;
-      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, S = p === b.Done ? l : void 0;
+      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, k = p === b.Done ? l : void 0;
       if (p === b.Start)
         return {
           sp: [
@@ -1864,10 +1932,10 @@ class ze extends x {
           points: p === b.Done && i.getChildrenPoints() || void 0,
           textOpt: i.textOpt
         });
-        const W = {
+        const E = {
           useAnimation: c.useAnimation || !1
         };
-        c.uid && (W.uid = c.uid);
+        c.uid && (E.uid = c.uid);
         for (const [g, y] of a.entries())
           y.toolsType === m.BackgroundSVG && f.push({
             ...y,
@@ -1875,8 +1943,8 @@ class ze extends x {
             type: h.BackgroundSVGUpdate,
             dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: W,
-            needUndoTicker: S,
+            updateNodeOpt: E,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           }), y.toolsType === m.Text ? f.push({
             ...y,
@@ -1884,22 +1952,22 @@ class ze extends x {
             type: h.TextUpdate,
             dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: W,
-            needUndoTicker: S,
+            updateNodeOpt: E,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           }) : (n || p === b.Done) && f.push({
             ...y,
             workId: g,
             type: h.UpdateNode,
             updateNodeOpt: {
-              ...W,
-              eraserGeometryDelta: ee(
+              ...E,
+              eraserGeometryDelta: se(
                 (I = this.localWork) == null ? void 0 : I.vNodes,
                 g
               )
             },
             isSync: !0,
-            needUndoTicker: S,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           });
       }
@@ -1930,7 +1998,7 @@ class ze extends x {
       smoothSync: a,
       needUndoTicker: n
     } = t;
-    s === D && r && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    s === P && r && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: r,
       willSyncService: i,
       willSerializeData: o,
@@ -1941,7 +2009,7 @@ class ze extends x {
     }));
   }
 }
-class Ve extends x {
+class Ke extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.RotateNode);
@@ -1953,9 +2021,9 @@ class Ve extends x {
         willSerializeData: l,
         isSync: p,
         needUndoTicker: f
-      } = s, w = c.workState, S = r.sp || [], I = o == null ? void 0 : o.selectRect, W = w === b.Done ? f : void 0;
+      } = s, w = c.workState, k = r.sp || [], I = o == null ? void 0 : o.selectRect, E = w === b.Done ? f : void 0;
       if (d) {
-        l && w === b.Done && S.push({
+        l && w === b.Done && k.push({
           type: h.Select,
           selectIds: i.selectIds,
           selectRect: I,
@@ -1967,32 +2035,32 @@ class Ve extends x {
           useAnimation: c.useAnimation || !1
         };
         if (c.uid && (y.uid = c.uid), n || w === b.Done)
-          for (const [v, T] of a.entries())
-            S.push({
+          for (const [S, T] of a.entries())
+            k.push({
               ...T,
-              workId: v,
+              workId: S,
               type: h.UpdateNode,
               updateNodeOpt: {
                 ...y,
-                eraserGeometryDelta: ee(
+                eraserGeometryDelta: se(
                   (g = this.localWork) == null ? void 0 : g.vNodes,
-                  v
+                  S
                 )
               },
               isSync: p,
-              needUndoTicker: W,
+              needUndoTicker: E,
               emitEventType: this.emitEventType
             });
       }
-      return f && S.push({
+      return f && k.push({
         type: h.None,
         needUndoTicker: f
-      }), S.push({
+      }), k.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: S
+        sp: k
       };
     });
   }
@@ -2013,7 +2081,7 @@ class Ve extends x {
       smoothSync: c,
       needUndoTicker: d
     } = t;
-    s === D && r && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
+    s === P && r && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -2026,7 +2094,7 @@ class Ve extends x {
     }));
   }
 }
-class $e extends x {
+class Qe extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.SetFontStyle);
@@ -2047,7 +2115,7 @@ class $e extends x {
       textUpdateForWoker: n,
       requestId: c
     } = t;
-    s === D && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
+    s === P && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -2066,19 +2134,19 @@ class $e extends x {
       textUpdateForWoker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && w) {
       d.fontSize && w.push({
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: n,
         isSync: c,
         points: o.getChildrenPoints()
       });
-      for (const [I, W] of i.entries())
-        l && W.toolsType === m.Text ? w.push({
-          ...W,
+      for (const [I, E] of i.entries())
+        l && E.toolsType === m.Text ? w.push({
+          ...E,
           workId: I,
           type: h.TextUpdate,
           dataType: R.Local,
@@ -2086,7 +2154,7 @@ class $e extends x {
           emitEventType: f,
           requestId: p
         }) : w.push({
-          ...W,
+          ...E,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2102,7 +2170,7 @@ class $e extends x {
     };
   }
 }
-class _e extends x {
+class je extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.SetPoint);
@@ -2158,7 +2226,7 @@ class _e extends x {
       textUpdateForWoker: n,
       needUndoTicker: c
     } = t;
-    s === D && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
+    s === P && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -2171,7 +2239,7 @@ class _e extends x {
     }));
   }
 }
-class He extends x {
+class Xe extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.SetLock);
@@ -2192,7 +2260,7 @@ class He extends x {
       needUndoTicker: n,
       requestId: c
     } = t;
-    s === D && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
+    s === P && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -2211,11 +2279,11 @@ class He extends x {
       needUndoTicker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && w) {
-      for (const [I, W] of i.entries())
+      for (const [I, E] of i.entries())
         w.push({
-          ...W,
+          ...E,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2232,7 +2300,7 @@ class He extends x {
         canRotate: o.canRotate,
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: n,
         isSync: c
       });
@@ -2245,7 +2313,7 @@ class He extends x {
     };
   }
 }
-class Qe extends x {
+class Ye extends q {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", N.SetShapeOpt);
@@ -2266,7 +2334,7 @@ class Qe extends x {
       needUndoTicker: n,
       requestId: c
     } = t;
-    s === D && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
+    s === P && r && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
       updateSelectorOpt: r,
       willRefreshSelector: i,
       willSyncService: o,
@@ -2306,7 +2374,7 @@ class Qe extends x {
     };
   }
 }
-class Ke {
+class Ze {
   constructor(e) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(e.map((t) => [t, this.build(t)]));
@@ -2314,25 +2382,25 @@ class Ke {
   build(e) {
     switch (e) {
       case N.TranslateNode:
-        return new qe();
+        return new _e();
       case N.ZIndexNode:
-        return new Ge();
+        return new $e();
       case N.CopyNode:
-        return new Ue();
+        return new ze();
       case N.SetColorNode:
-        return new xe();
+        return new Ve();
       case N.ScaleNode:
-        return new ze();
+        return new He();
       case N.RotateNode:
-        return new Ve();
+        return new Ke();
       case N.SetFontStyle:
-        return new $e();
+        return new Qe();
       case N.SetPoint:
-        return new _e();
+        return new je();
       case N.SetLock:
-        return new He();
+        return new Xe();
       case N.SetShapeOpt:
-        return new Qe();
+        return new Ye();
     }
   }
   registerForMainThread(e) {
@@ -2347,14 +2415,14 @@ class Ke {
     return !1;
   }
 }
-function Xe({
-  subThreads: M,
+function Je({
+  subThreads: D,
   layers: e,
   scene: t,
   removeLayerTexture: s
 }) {
   let r;
-  for (const i of M)
+  for (const i of D)
     try {
       i.destroy();
     } catch (o) {
@@ -2382,8 +2450,8 @@ function Xe({
   if (r)
     throw r;
 }
-const Ye = 4;
-class Ze {
+const et = 4;
+class tt {
   constructor(e = {}) {
     u(this, "pendingFrames", /* @__PURE__ */ new Map());
     u(this, "failedCanvases", /* @__PURE__ */ new Set());
@@ -2395,7 +2463,7 @@ class Ze {
     u(this, "destroyed", !1);
     this.tailFrameCount = Math.max(
       1,
-      Math.floor(e.tailFrameCount ?? Ye)
+      Math.floor(e.tailFrameCount ?? et)
     ), this.requestFrame = e.requestFrame ?? ((t) => requestAnimationFrame(t)), this.cancelFrame = e.cancelFrame ?? ((t) => cancelAnimationFrame(t)), this.onReadbackError = e.onReadbackError;
   }
   markRendered(e) {
@@ -2426,7 +2494,7 @@ class Ze {
     }
   }
 }
-class je {
+class st {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2462,33 +2530,33 @@ class je {
       ...t.canvasOpt,
       container: t.container
     }), this.master = t.master;
-    const s = K.bufferSize.full, r = K.bufferSize.sub;
+    const s = Y.bufferSize.full, r = Y.bufferSize.sub;
     this.fullLayer = this.createLayer("fullLayer", this.scene, {
       ...t.layerOpt,
-      bufferSize: this.viewId === Q ? s : r * 2
+      bufferSize: this.viewId === X ? s : r * 2
     }), this.topLayer = this.createLayer("topLayer", this.scene, {
       ...t.layerOpt,
-      bufferSize: (this.viewId === Q, r),
+      bufferSize: (this.viewId === X, r),
       contextType: "2d"
     }), this.localLayer = this.createLayer("localLayer", this.scene, {
       ...t.layerOpt,
-      bufferSize: (this.viewId === Q, r),
+      bufferSize: (this.viewId === X, r),
       contextType: "2d"
     }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, {
       ...t.layerOpt,
-      bufferSize: (this.viewId === Q, r),
+      bufferSize: (this.viewId === X, r),
       contextType: "2d"
     }), t.mainThreadRenderMode === "readback" && this.enableCanvas2DReadback([
       this.fullLayer.parent,
       this.topLayer.parent,
       this.localLayer.parent,
       this.serviceLayer.parent
-    ]), this.vNodes = new We(e, this.scene);
+    ]), this.vNodes = new be(e, this.scene);
     const i = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new Ae(i), this.serviceWork = new Fe(i), this.topWork = new Pe(i), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ke([
+    this.localWork = new Ge(i), this.serviceWork = new qe(i), this.topWork = new xe(i), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ze([
       N.CopyNode,
       N.SetColorNode,
       N.DeleteNode,
@@ -2506,6 +2574,16 @@ class je {
     var t;
     return (t = this.cacheImages.get(e)) == null ? void 0 : t.imageSource;
   }
+  getImageSourceKey(e) {
+    if (!e.src) return;
+    if (e.type !== me.Iconify) return e.src;
+    const [t, s] = this.getIconSize(
+      e.width,
+      e.height,
+      this.opt.displayer.dpr
+    );
+    return ye(e.src, t, s, e.strokeColor);
+  }
   getCachedImagesByWorkId(e) {
     for (const [t, s] of this.cacheImages.entries())
       if (t === e && s.imageSource)
@@ -2534,7 +2612,7 @@ class je {
     this.destroyed || (this.combinePostMsg.add(e), this.runBatchPostData());
   }
   reportRendererBusinessError(e, t) {
-    const s = Y(e, t);
+    const s = Z(e, t);
     s.reported || (s.reported = !0, this.post({
       sp: [
         {
@@ -2544,7 +2622,7 @@ class je {
           reportErrorCode: "RENDERER_RUNTIME_ERROR",
           reportStage: s.stage,
           reportError: s.message,
-          reportString: Re(s, t, {
+          reportString: Le(s, t, {
             viewId: this.viewId,
             renderer: "mainThread"
           })
@@ -2574,26 +2652,26 @@ class je {
         workState: p,
         imageSrc: f,
         imageBitmap: w,
-        imageElement: S,
+        imageElement: k,
         workIds: I,
-        isLockSentEventCursor: W,
+        isLockSentEventCursor: E,
         requestId: g
       } = e, y = l == null ? void 0 : l.toString();
       switch (a) {
         case h.UpdateDpr:
-          G(e.dpr) && this.updateDpr(e.dpr);
+          z(e.dpr) && this.updateDpr(e.dpr);
           break;
         case h.AuthClear: {
-          const { clearUids: v, localUid: T } = e;
-          this.vNodes.setCanClearUids(v), this.vNodes.setLocalUid(T);
+          const { clearUids: S, localUid: T } = e;
+          this.vNodes.setCanClearUids(S), this.vNodes.setLocalUid(T);
           break;
         }
         case h.Destroy:
           this.destroy();
           break;
         case h.CancelBitmapEraser: {
-          const v = y;
-          v && this.localWork.abortBitmapEraser(v);
+          const S = y;
+          S && this.localWork.abortBitmapEraser(S);
           break;
         }
         case h.Clear:
@@ -2601,18 +2679,18 @@ class je {
           break;
         case h.ServiceSyncCommit: {
           if (this.destroyed) break;
-          const v = [
+          const S = [
             (s = this.fullLayer) == null ? void 0 : s.parent,
             (r = this.topLayer) == null ? void 0 : r.parent,
             (i = this.localLayer) == null ? void 0 : i.parent,
             (o = this.serviceLayer) == null ? void 0 : o.parent
           ].filter(Boolean);
           try {
-            await be(
+            await Ne(
               (async () => {
-                await Le(
+                await Be(
                   this.serviceWork,
-                  v
+                  S
                 );
               })(),
               {
@@ -2622,7 +2700,7 @@ class je {
               }
             );
           } catch (T) {
-            throw Y(T, {
+            throw Z(T, {
               business: "service-sync-commit",
               stage: "flush-and-prepare-render"
             });
@@ -2644,28 +2722,28 @@ class je {
         }
         case h.UpdateCamera:
           try {
-            await Ee(
+            await Ce(
               e.cameraTaskId,
-              async (v) => {
-                this.activeCameraTaskContext = v;
+              async (S) => {
+                this.activeCameraTaskContext = S;
                 try {
-                  await this.updateCamera(e, v);
+                  await this.updateCamera(e, S);
                 } finally {
-                  this.activeCameraTaskContext === v && (this.activeCameraTaskContext = void 0);
+                  this.activeCameraTaskContext === S && (this.activeCameraTaskContext = void 0);
                 }
               }
             );
-          } catch (v) {
-            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), v;
+          } catch (S) {
+            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), S;
           }
           break;
         case h.UpdateTools:
           if (n && c) {
-            const v = {
+            const S = {
               toolsType: n,
               toolsOpt: c
             };
-            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(v) : this.localWork.setToolsOpt(v);
+            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(S) : this.localWork.setToolsOpt(S);
           }
           break;
         case h.CreateWork:
@@ -2684,11 +2762,11 @@ class je {
           }
           break;
         case h.DrawWork:
-          p === b.Done && d === R.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && W && this.post({
+          p === b.Done && d === R.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && E && this.post({
             sp: [
               {
                 type: h.None,
-                isLockSentEventCursor: W
+                isLockSentEventCursor: E
               }
             ]
           })) : await this.consumeDraw(d, e);
@@ -2705,7 +2783,7 @@ class je {
           await this.removeNode(e);
           return;
         case h.Select:
-          d === R.Local || l === D ? await this.localWork.updateFullSelectWork(e) : d === R.Service && this.serviceWork.runSelectWork(e);
+          d === R.Local || l === P ? await this.localWork.updateFullSelectWork(e) : d === R.Service && this.serviceWork.runSelectWork(e);
           break;
         case h.CursorBlur:
           this.localWork.cursorBlur();
@@ -2717,31 +2795,57 @@ class je {
           d === R.Local && this.localWork.checkTextActive(e);
           break;
         case h.GetImageBitMap:
-          if (f && (w || S) && l) {
-            const v = this.imageResolveMap.get(f);
-            if (!v || v.requestId !== g) {
-              this.closeImageSource(w || S);
+          if (f && l) {
+            const S = this.imageResolveMap.get(f);
+            if (!S || S.requestId !== g) {
+              const L = w || k;
+              if (L && !S && this.serviceWork) {
+                const O = [
+                  ...this.vNodes.getNodesByType(m.Image)
+                ].filter(
+                  ([, A]) => A.opt && this.getImageSourceKey(A.opt) === f
+                );
+                if (O.length && !this.cacheImages.has(f)) {
+                  this.cacheImages.set(f, {
+                    imageSource: L,
+                    workId: O[0][0]
+                  }), O.forEach(([A, W]) => {
+                    this.serviceWork.consumeFull({
+                      msgType: h.FullWork,
+                      dataType: R.Service,
+                      viewId: this.viewId,
+                      workId: A,
+                      toolsType: m.Image,
+                      opt: W.opt
+                    });
+                  });
+                  break;
+                }
+              }
+              this.closeImageSource(L);
               break;
             }
-            const T = l.toString();
-            this.deleteCachedImagesByWorkId(T), this.cacheImages.set(f, {
-              imageSource: w || S,
-              workId: T
-            });
-            const { resolve: C, timer: L } = v;
-            L && clearTimeout(L), C && C(f);
+            if (w || k) {
+              const L = l.toString();
+              this.deleteCachedImagesByWorkId(L), this.cacheImages.set(f, {
+                imageSource: w || k,
+                workId: L
+              });
+            }
+            const { resolve: T, timer: C } = S;
+            C && clearTimeout(C), T && T(f);
           }
           break;
         case h.GetVNodeInfo:
           if (l && I) {
-            const v = I.map((T) => this.vNodes.get(T));
+            const S = I.map((T) => this.vNodes.get(T));
             this.post({
               sp: [
                 {
                   type: h.GetVNodeInfo,
                   dataType: R.Local,
                   workId: l,
-                  vInfo: v
+                  vInfo: S
                 }
               ]
             });
@@ -2755,16 +2859,12 @@ class je {
     return r <= 50 || i <= 50 ? [50, 50] : r <= 100 || i <= 100 ? [100, 100] : r <= 200 || i <= 200 ? [200, 200] : r <= 400 || i <= 400 ? [400, 400] : r <= 800 || i <= 800 ? [800, 800] : [1600, 1600];
   }
   async loadImageBitMap(e) {
-    const { toolsType: t, opt: s, workId: r, requestId: i } = e;
+    const { toolsType: t, opt: s, workId: r, requestId: i, timeoutMs: o } = e;
     if (t === m.Image && s && r) {
-      const o = r.toString(), { src: a, type: n, width: c, height: d, strokeColor: l } = s;
-      if (!a || !n || !c || !d)
+      const a = r.toString(), { src: n, type: c, width: d, height: l } = s;
+      if (!n || !c || !d || !l)
         return;
-      let p = a;
-      if (n === pe.Iconify) {
-        const [y, v] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = ue(a, y, v, l);
-      }
+      const p = this.getImageSourceKey(s);
       if (this.cacheImages.has(p)) {
         const y = this.getCachedImages(p);
         if (y)
@@ -2773,23 +2873,23 @@ class je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let S, I;
-      const W = new Promise((y, v) => {
-        S = y, I = v;
+      let k, I;
+      const E = new Promise((y, S) => {
+        k = y, I = S;
       }), g = {
-        resolve: S,
+        resolve: k,
         reject: I,
         timer: void 0,
         requestId: i,
-        promise: W
+        promise: E
       };
       return g.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === g && S(p);
-      }, 5e3), this.imageResolveMap.set(p, g), this.opt.post({
+        this.imageResolveMap.get(p) === g && k(p);
+      }, o ?? 5e3), this.imageResolveMap.set(p, g), this.opt.post({
         sp: [
           {
             imageSrc: p,
-            workId: o,
+            workId: a,
             viewId: this.viewId,
             isgl: !!this.fullLayer.parent.gl,
             isSubWorker: !1,
@@ -2797,14 +2897,14 @@ class je {
             type: h.GetImageBitMap
           }
         ]
-      }), await W, this.imageResolveMap.get(p) === g && this.imageResolveMap.delete(p), this.getCachedImages(p);
+      }), await E, this.imageResolveMap.get(p) === g && this.imageResolveMap.delete(p), this.getCachedImages(p);
     }
   }
   async removeNode(e) {
     const { dataType: t, workId: s, removeIds: r } = e, i = r || [];
     if (s && i.push(s.toString()), i.length)
       for (const o of i) {
-        if (o === D) {
+        if (o === P) {
           await this.localWork.removeSelector(e);
           continue;
         }
@@ -2840,13 +2940,13 @@ class je {
           };
           let c = !1;
           for (const d of e)
-            if (le(n, d)) {
+            if (ue(n, d)) {
               c = !0;
               break;
             }
           c || e.push(n);
         }
-      G(o.fullWorkerDrawCount) && (t = o.fullWorkerDrawCount), G(o.consumeCount) && (s = o.consumeCount, r = o.consumeWorkId);
+      z(o.fullWorkerDrawCount) && (t = o.fullWorkerDrawCount), z(o.consumeCount) && (s = o.consumeCount, r = o.consumeWorkId);
     }
     return this.combinePostMsg.clear(), {
       sp: e,
@@ -2876,7 +2976,7 @@ class je {
   clearAll() {
     this.cancelCameraSettledRender(), this.debounceUpdateCache.clear(), this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), $(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
+    }), K(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
       sp: [
         {
           type: h.Clear
@@ -2913,13 +3013,13 @@ class je {
     var d, l;
     const { cameraOpt: s, scenePath: r, cameraTaskId: i } = e;
     let o = !1;
-    const a = this.cameraOpt, n = !!(s && le(a, s));
+    const a = this.cameraOpt, n = !!(s && ue(a, s));
     let c = !1;
     if (s && n) {
       const p = !!this.activeCameraSettledRender;
       if (this.retargetCameraSettledRender(i)) return;
       if (!p) {
-        G(i) && this.opt.post({
+        z(i) && this.opt.post({
           viewId: this.viewId,
           viewGeneration: this.viewGeneration,
           cameraSettledTaskId: i
@@ -2945,43 +3045,43 @@ class je {
               case m.LaserPen:
                 break;
               default:
-                T !== H && T !== D && y.push(`${T}:${C.toolsType}`);
+                T !== j && T !== P && y.push(`${T}:${C.toolsType}`);
                 break;
             }
           if (t && (t.stage = "blocking-works", t.blockingWorks = y), !y.length) break;
           if (!await new Promise((T) => {
             this.taskUpdateCameraResolve = T, this.taskUpdateCameraId = setTimeout(() => {
               this.taskUpdateCameraId = void 0, this.taskUpdateCameraResolve = void 0, T(!0);
-            }, oe);
+            }, ce);
           }) || t != null && t.aborted) return;
         } while (y.length);
         t && (t.stage = "update-camera", t.blockingWorks = void 0);
       }
       if (t != null && t.aborted) return;
       const f = /* @__PURE__ */ new Map();
-      for (const [y, v] of this.vNodes.getNodesByType(m.Text).entries()) {
-        const T = v.rect;
-        f.set(y, J(T));
+      for (const [y, S] of this.vNodes.getNodesByType(m.Text).entries()) {
+        const T = S.rect;
+        f.set(y, te(T));
       }
-      for (const [y, v] of this.vNodes.gethasEraserNodes().entries())
-        f.set(y, J(v.rect));
+      for (const [y, S] of this.vNodes.gethasEraserNodes().entries())
+        f.set(y, te(S.rect));
       const w = new Set(f.keys());
-      let S = !1;
+      let k = !1;
       if (this.localWork.hasSelector()) {
         const y = (l = this.localWork.getSelector()) == null ? void 0 : l.selectIds;
         if (y) {
-          S = !0;
-          for (const v of y)
-            w.add(v);
+          k = !0;
+          for (const S of y)
+            w.add(S);
         }
       }
       let I = !1;
       if (this.serviceWork.selectorWorkShapes.size)
         for (const y of this.serviceWork.selectorWorkShapes.values()) {
-          const v = y.selectIds;
-          if (v) {
+          const S = y.selectIds;
+          if (S) {
             I = !0;
-            for (const T of v)
+            for (const T of S)
               w.add(T);
           }
         }
@@ -2990,14 +3090,14 @@ class je {
         for (const [T, C] of f.entries()) {
           const L = this.vNodes.get(T);
           if (L) {
-            const A = C, E = L.rect, k = this.getSceneRect(), B = ae(A, k), O = ae(E, k);
-            let P = c;
-            (B !== O || A.w !== E.w || A.h !== E.h || O === Ce.intersect) && (P = !0);
-            const { toolsType: F, opt: U } = L, X = U.eraserlines && U.eraserlines.length > 0 || !!U.eraserFaces;
-            (P || p && X) && (F === m.Text || X) && this.debounceUpdateCache.add(T);
+            const O = C, A = L.rect, W = this.getSceneRect(), v = he(O, W), B = he(A, W);
+            let F = c;
+            (v !== B || O.w !== A.w || O.h !== A.h || B === Oe.intersect) && (F = !0);
+            const { toolsType: M, opt: U } = L, x = U.eraserlines && U.eraserlines.length > 0 || !!U.eraserFaces;
+            (F || p && x) && (M === m.Text || x) && this.debounceUpdateCache.add(T);
           }
         }
-        if (S && this.localWork.reRenderSelector(), I)
+        if (k && this.localWork.reRenderSelector(), I)
           for (const [
             T,
             C
@@ -3012,48 +3112,48 @@ class je {
         o = !0;
         const y = { cancelled: !1, cameraTaskId: i, context: t };
         this.activeCameraSettledRender = y;
-        const v = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
+        const S = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
         this.debounceUpdateCameraId = setTimeout(async () => {
           var T;
           this.debounceUpdateCameraId = void 0;
           try {
-            if (!v()) return;
+            if (!S()) return;
             const C = [];
-            for (const E of this.debounceUpdateCache.values()) {
-              const k = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(E)[0], B = this.vNodes.get(E);
-              if (B) {
-                const { toolsType: O, opt: P } = B;
-                if (k || O !== m.Text) {
-                  const F = this.localWork.setFullWork({
-                    toolsType: O,
-                    opt: P,
-                    workId: E
+            for (const A of this.debounceUpdateCache.values()) {
+              const W = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(A)[0], v = this.vNodes.get(A);
+              if (v) {
+                const { toolsType: B, opt: F } = v;
+                if (W || B !== m.Text) {
+                  const M = this.localWork.setFullWork({
+                    toolsType: B,
+                    opt: F,
+                    workId: A
                   });
-                  if (F) {
-                    if (O === m.Text)
+                  if (M) {
+                    if (B === m.Text)
                       C.push(
-                        F.consumeServiceAsync({
+                        M.consumeServiceAsync({
                           isFullWork: !0,
-                          replaceId: E,
+                          replaceId: A,
                           boxRect: this.getSceneRect(),
-                          isActive: v
+                          isActive: S
                         })
                       );
-                    else if (P.eraserlines && P.eraserlines.length > 0 || P.eraserFaces) {
-                      const U = F.consumeService({
-                        op: B.op,
+                    else if (F.eraserlines && F.eraserlines.length > 0 || F.eraserFaces) {
+                      const U = M.consumeService({
+                        op: v.op,
                         isFullWork: !0,
-                        replaceId: E,
+                        replaceId: A,
                         workState: b.Done
                       });
-                      this.localWork.clearWorkShapeNodeCache(E), C.push(Promise.resolve(U));
+                      this.localWork.clearWorkShapeNodeCache(A), C.push(Promise.resolve(U));
                     }
                   }
                 }
               }
-              this.debounceUpdateCache.delete(E);
+              this.debounceUpdateCache.delete(A);
             }
-            if (await Promise.all(C), !v()) return;
+            if (await Promise.all(C), !S()) return;
             this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
             const L = [
               this.fullLayer.parent.prepareRender,
@@ -3066,63 +3166,63 @@ class je {
               this.topLayer.parent,
               this.localLayer.parent,
               this.serviceLayer.parent
-            ], await Promise.all(L), y.renderLayers = void 0, !v()) return;
-            const A = y.cameraTaskId;
-            G(A) && this.opt.post({
+            ], await Promise.all(L), y.renderLayers = void 0, !S()) return;
+            const O = y.cameraTaskId;
+            z(O) && this.opt.post({
               viewId: this.viewId,
               viewGeneration: this.viewGeneration,
-              cameraSettledTaskId: A
+              cameraSettledTaskId: O
             });
           } catch (C) {
-            if (!v()) return;
+            if (!S()) return;
             const L = {
               code: "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
               message: C instanceof Error ? C.message : String(C),
               stage: "camera-settled-render",
               workerType: "mainThread"
-            }, A = y.cameraTaskId;
-            if (G(A))
+            }, O = y.cameraTaskId;
+            if (z(O))
               try {
                 this.opt.post({
                   viewId: this.viewId,
                   viewGeneration: this.viewGeneration,
-                  cameraTaskId: A,
+                  cameraTaskId: O,
                   cameraTaskStatus: "failed",
                   cameraTaskError: L
                 });
-              } catch (E) {
+              } catch (A) {
                 console.error(
-                  `[cameraSettledRender] failed ACK post failed viewId=${this.viewId} taskId=${A}`,
-                  E
+                  `[cameraSettledRender] failed ACK post failed viewId=${this.viewId} taskId=${O}`,
+                  A
                 );
               }
           } finally {
             y.renderLayers = void 0, this.activeCameraSettledRender === y && (this.activeCameraSettledRender = void 0);
           }
-        }, oe);
+        }, ce);
       }
-      const W = [
+      const E = [
         this.fullLayer.parent,
         this.topLayer.parent,
         this.localLayer.parent,
         this.serviceLayer.parent
       ], g = Promise.all(
-        W.map((y) => y.prepareRender)
+        E.map((y) => y.prepareRender)
       );
-      if (t && !await Ne(
+      if (t && !await De(
         t,
         g,
         "prepare-render"
       )) {
-        W.filter(
-          (v) => v.cancelPendingRender()
-        ).forEach((v) => v.render()), g.catch(() => {
+        E.filter(
+          (S) => S.cancelPendingRender()
+        ).forEach((S) => S.render()), g.catch(() => {
         });
         return;
       }
       if (t || await g, t != null && t.aborted) return;
-      !o && G(i) && this.opt.post({
+      !o && z(i) && this.opt.post({
         viewId: this.viewId,
         viewGeneration: this.viewGeneration,
         cameraSettledTaskId: i
@@ -3139,7 +3239,7 @@ class je {
     };
   }
   createScene(e) {
-    return new fe({
+    return new we({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3150,7 +3250,7 @@ class je {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, { ...s, offscreen: !1 }), n = new me({
+    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, { ...s, offscreen: !1 }), n = new ve({
       anchor: [0.5, 0.5],
       pos: [r * 0.5, i * 0.5],
       size: [r, i],
@@ -3160,7 +3260,7 @@ class je {
     return a.append(n), n;
   }
   enableCanvas2DReadback(e) {
-    this.readbackScheduler = new Ze({
+    this.readbackScheduler = new tt({
       onReadbackError: (t) => this.opt.master.Logger.warn(
         `[Appliance]: [main-thread-readback] stage=failed viewId=${this.viewId} error=${t instanceof Error ? t.message : String(t)}`
       )
@@ -3198,7 +3298,7 @@ class je {
   }
   retargetCameraSettledRender(e) {
     var s;
-    if (!G(e)) return !1;
+    if (!z(e)) return !1;
     const t = this.activeCameraSettledRender;
     return !t || t.cancelled || (s = t.context) != null && s.aborted ? !1 : (t.cameraTaskId = e, !0);
   }
@@ -3211,7 +3311,7 @@ class je {
     var e, t;
     this.destroyed || (this.destroyed = !0, this.disableCanvas2DReadback(), (t = (e = this.activeCameraTaskContext) == null ? void 0 : e.abort) == null || t.call(e), this.activeCameraTaskContext = void 0, this.mainThreadPostId !== void 0 && (cancelAnimationFrame(this.mainThreadPostId), this.mainThreadPostId = void 0), this.combinePostMsg.clear(), this.cancelCameraBlockingWait(), this.cancelCameraSettledRender(), this.debounceUpdateCache.clear(), this.clearCacheImages(), this.clearImageResolveMap(
       new Error(`main-thread view destroyed: ${this.viewId}`)
-    ), this.vNodes.clear(), Xe({
+    ), this.vNodes.clear(), Je({
       subThreads: [this.localWork, this.serviceWork, this.topWork],
       layers: [
         this.fullLayer,
@@ -3220,11 +3320,11 @@ class je {
         this.serviceLayer
       ],
       scene: this.scene,
-      removeLayerTexture: (s, r) => z(s, r)
+      removeLayerTexture: (s, r) => _(s, r)
     }));
   }
 }
-class Je {
+class rt {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -3245,7 +3345,7 @@ class Je {
       container: t.container
     }), this.master = t.master, this.fullLayer = this.createLayer("fullLayer", this.scene, {
       ...t.layerOpt,
-      bufferSize: this.viewId === Q ? 6e3 : 3e3,
+      bufferSize: this.viewId === X ? 6e3 : 3e3,
       contextType: "2d"
     });
   }
@@ -3370,18 +3470,22 @@ class Je {
         return;
       }
       case h.GetImageBitMap: {
-        if (s && (r || i) && o) {
-          const n = o.toString(), c = this.imageResolveMap.get(s);
-          if (!c || c.requestId !== a) {
+        if (s && o) {
+          const n = this.imageResolveMap.get(s);
+          if (!n || n.requestId !== a) {
             this.closeImageSource(r || i);
             break;
           }
-          if (this.deleteCachedImagesByWorkId(n), this.cacheImages.set(s, {
-            imageSource: r || i,
-            workId: n
-          }), c) {
-            const { resolve: d, timer: l } = c;
-            l && clearTimeout(l), d && d(s);
+          if (r || i) {
+            const c = o.toString();
+            this.deleteCachedImagesByWorkId(c), this.cacheImages.set(s, {
+              imageSource: r || i,
+              workId: c
+            });
+          }
+          if (n) {
+            const { resolve: c, timer: d } = n;
+            d && clearTimeout(d), c && c(s);
           }
         }
         break;
@@ -3399,9 +3503,9 @@ class Je {
       if (!a || !n || !c || !d)
         return;
       let p = a;
-      if (n === pe.Iconify) {
+      if (n === me.Iconify) {
         const [g, y] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = ue(a, g, y, l);
+        p = ye(a, g, y, l);
       }
       if (this.cacheImages.has(p)) {
         const g = this.getCachedImages(p);
@@ -3411,18 +3515,18 @@ class Je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let S;
+      let k;
       const I = new Promise((g) => {
-        S = g;
-      }), W = {
-        resolve: S,
+        k = g;
+      }), E = {
+        resolve: k,
         timer: void 0,
         requestId: i,
         promise: I
       };
-      return W.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === W && S(p);
-      }, 5e3), this.imageResolveMap.set(p, W), this.opt.post({
+      return E.timer = setTimeout(() => {
+        this.imageResolveMap.get(p) === E && k(p);
+      }, 5e3), this.imageResolveMap.set(p, E), this.opt.post({
         viewId: this.viewId,
         viewGeneration: this.viewGeneration,
         viewOwner: this.viewOwner,
@@ -3437,11 +3541,11 @@ class Je {
             requestId: i
           }
         ]
-      }), await I, this.imageResolveMap.get(p) === W && this.imageResolveMap.delete(p), this.getCachedImages(p);
+      }), await I, this.imageResolveMap.get(p) === E && this.imageResolveMap.delete(p), this.getCachedImages(p);
     }
   }
   createWorkShapeNode(e) {
-    return Z({
+    return J({
       ...e,
       fullLayer: this.fullLayer,
       drawLayer: void 0
@@ -3461,7 +3565,7 @@ class Je {
   }
   async runFullWork(e) {
     var r;
-    const t = this.setFullWork(e), s = e.ops && V(e.ops);
+    const t = this.setFullWork(e), s = e.ops && H(e.ops);
     if (t) {
       let i, o;
       const a = (r = t.getWorkId()) == null ? void 0 : r.toString();
@@ -3480,7 +3584,7 @@ class Je {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), ne(i, o);
+      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), le(i, o);
     }
   }
   async getSnapshot(e) {
@@ -3556,7 +3660,7 @@ class Je {
             requestId: r
           }
         ]
-      }), this.fullLayer && !this.destroyed && $(this.fullLayer, this.fullLayer.parent);
+      }), this.fullLayer && !this.destroyed && K(this.fullLayer, this.fullLayer.parent);
     }
   }
   async getBoundingRect(e) {
@@ -3578,7 +3682,7 @@ class Je {
               viewId: this.viewId,
               requestId: i
             });
-            o = ne(o, c);
+            o = le(o, c);
             break;
           }
         }
@@ -3615,7 +3719,7 @@ class Je {
         for (const r of s.sp) {
           let i = !1;
           for (const o of e)
-            if (Be(r, o)) {
+            if (Me(r, o)) {
               i = !0;
               break;
             }
@@ -3655,7 +3759,7 @@ class Je {
       this.releaseBatchImageBitmaps(e);
   }
   createScene(e) {
-    return new fe({
+    return new we({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3665,7 +3769,7 @@ class Je {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, s), n = new me({
+    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, s), n = new ve({
       anchor: [0.5, 0.5],
       pos: [r * 0.5, i * 0.5],
       size: [r, i],
@@ -3719,7 +3823,7 @@ class Je {
       t.push(r);
     }
     try {
-      s && z(this.fullLayer, s);
+      s && _(this.fullLayer, s);
     } catch (r) {
       t.push(r);
     }
@@ -3732,7 +3836,7 @@ class Je {
       throw t[0];
   }
 }
-class ht {
+class ut {
   constructor(e) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "cameraRenderQueueByView", /* @__PURE__ */ new Map());
@@ -3767,8 +3871,8 @@ class ht {
         consumeCount: l,
         consumeWorkId: p
       } = e;
-      if (c && q(i)) {
-        const f = Oe(
+      if (c && $(i)) {
+        const f = Pe(
           o,
           a,
           "mainThread"
@@ -3780,11 +3884,11 @@ class ht {
           d
         ) : this.master.ackCameraTask(c, i, d);
       }
-      c && q(n) && this.master.ackCameraSettledTask(
+      c && $(n) && this.master.ackCameraSettledTask(
         c,
         n,
         d
-      ), this.master.isBusy && q(r) && this.master.setWorkerTasksqueueCount(r), q(t) && this.master.setMaxDrawCount(t), q(l) && this.master.setConsumeCount(l, p), s && this.master.collectorSyncData(
+      ), this.master.isBusy && $(r) && this.master.setWorkerTasksqueueCount(r), $(t) && this.master.setMaxDrawCount(t), $(l) && this.master.setConsumeCount(l, p), s && this.master.collectorSyncData(
         e.viewOwner === void 0 ? s : s.map(
           (f) => f.type === h.GetImageBitMap && f.viewOwner === void 0 ? { ...f, viewOwner: e.viewOwner } : f
         )
@@ -3798,7 +3902,7 @@ class ht {
     return this.cameraRenderQueueByView.set(e, r), r;
   }
   isStaleViewMessage(e) {
-    if (!e.viewId || e.viewId === ce || e.viewGeneration === void 0)
+    if (!e.viewId || e.viewId === de || e.viewGeneration === void 0)
       return !1;
     const t = this.viewGenerationById.get(e.viewId);
     return t !== void 0 && e.viewGeneration < t;
@@ -3853,10 +3957,10 @@ class ht {
     );
   }
   createMainThread(e, t) {
-    return new je(e, t);
+    return new st(e, t);
   }
   createSnapshotThread(e, t) {
-    return new Je(e, t);
+    return new rt(e, t);
   }
   getSnapshotRequestKey(e) {
     return e.requestId || `${e.viewId}\0${e.scenePath || ""}\0${e.msgType}`;
@@ -3923,36 +4027,36 @@ class ht {
       if (o === h.Init) {
         const g = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
         await this.enqueueViewTask(a, async () => {
-          var E, k, B;
+          var A, W, v;
           const y = this.viewGenerationById.get(a);
           if (y !== void 0 && g < y)
             return;
           this.viewGenerationById.set(a, g);
-          const v = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (E = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : E.displayer, C = T == null ? void 0 : T.canvasContainerRef.current;
+          const S = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (A = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : A.displayer, C = T == null ? void 0 : T.canvasContainerRef.current;
           if (!T || !C || !l || !p) {
             this.viewOwnerById.delete(a);
             return;
           }
-          this.viewOwnerById.set(a, v);
+          this.viewOwnerById.set(a, S);
           const L = this.mainThreadMap.get(a);
           L == null || L.destroy();
-          const A = this.createMainThread(a, {
+          const O = this.createMainThread(a, {
             displayer: T,
             container: C,
             layerOpt: l,
             master: this.master,
             canvasOpt: p,
-            viewOwner: v,
+            viewOwner: S,
             viewGeneration: g,
-            mainThreadRenderMode: ((B = (k = this.master.control) == null ? void 0 : k.renderingCompatibilityDecision) == null ? void 0 : B.mainThreadRenderMode) ?? "normal",
-            post: (O) => this.post({
-              ...O,
-              viewId: O.viewId || a,
-              viewGeneration: O.viewGeneration ?? g,
-              viewOwner: v
+            mainThreadRenderMode: ((v = (W = this.master.control) == null ? void 0 : W.renderingCompatibilityDecision) == null ? void 0 : v.mainThreadRenderMode) ?? "normal",
+            post: (B) => this.post({
+              ...B,
+              viewId: B.viewId || a,
+              viewGeneration: B.viewGeneration ?? g,
+              viewOwner: S
             })
           });
-          this.mainThreadMap.set(a, A), A && f && A.setCameraOpt(f), this.post({
+          this.mainThreadMap.set(a, O), O && f && O.setCameraOpt(f), this.post({
             sp: [
               {
                 type: h.Init,
@@ -3965,40 +4069,40 @@ class ht {
         continue;
       }
       if (o === h.Snapshot || o === h.BoundingBox) {
-        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, v = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
-        if (g && v && f) {
+        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, S = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
+        if (g && S && f) {
           const T = this.getSnapshotRequestKey(i), C = this.snapshotThreadsByRequest.get(T);
           C && this.disposeSnapshotThread(T, C.thread, "replaced");
           const L = document.createElement("div");
-          L.style.width = `${f.width}px`, L.style.height = `${f.height}px`, v.append(L);
-          const A = {
-            ...he.defaultLayerOpt,
+          L.style.width = `${f.width}px`, L.style.height = `${f.height}px`, S.append(L);
+          const O = {
+            ...pe.defaultLayerOpt,
             offscreen: !1,
             width: f.width,
             height: f.height
-          }, E = {
-            ...he.defaultScreenCanvasOpt,
+          }, A = {
+            ...pe.defaultScreenCanvasOpt,
             width: f.width,
             height: f.height
-          }, k = this.createSnapshotThread(a, {
+          }, W = this.createSnapshotThread(a, {
             displayer: g,
             container: L,
-            layerOpt: A,
+            layerOpt: O,
             master: this.master,
-            canvasOpt: E,
+            canvasOpt: A,
             post: this.post,
             viewOwner: this.viewOwnerById.get(a),
             viewGeneration: this.viewGenerationById.get(a)
           });
           this.snapshotThreadsByRequest.set(T, {
-            thread: k,
+            thread: W,
             surface: L
-          }), k.on(i).then(() => {
-            this.disposeSnapshotThread(T, k);
-          }).catch((B) => {
+          }), W.on(i).then(() => {
+            this.disposeSnapshotThread(T, W);
+          }).catch((v) => {
             this.master.Logger.error(
-              `[Appliance]: snapshot render failed; viewId=${a}; error=${B instanceof Error ? B.message : String(B)}`
-            ), this.disposeSnapshotThread(T, k);
+              `[Appliance]: snapshot render failed; viewId=${a}; error=${v instanceof Error ? v.message : String(v)}`
+            ), this.disposeSnapshotThread(T, W);
           });
           continue;
         }
@@ -4029,8 +4133,8 @@ class ht {
         continue;
       }
       if (o === h.GetImageBitMap) {
-        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), v = this.viewOwnerById.get(a);
-        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== v || this.mainThreadMap.get(a) !== g) {
+        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), S = this.viewOwnerById.get(a);
+        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== S || this.mainThreadMap.get(a) !== g) {
           this.releaseMessageBitmap(i);
           continue;
         }
@@ -4038,30 +4142,30 @@ class ht {
         continue;
       }
       if (o === h.TasksQueue && (n != null && n.size)) {
-        const g = n.get(a), y = this.mainThreadMap.get(a), v = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
+        const g = n.get(a), y = this.mainThreadMap.get(a), S = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
         let C;
         if (g && y)
           try {
             await this.enqueueViewTask(a, async () => {
-              this.viewGenerationById.get(a) !== v || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
+              this.viewGenerationById.get(a) !== S || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
             });
           } catch (L) {
             if (g.msgType !== h.UpdateCamera) throw L;
-            const A = De(L);
+            const O = Ae(L);
             C = {
-              code: A ? "RENDERER_BUSINESS_TIMEOUT" : "RENDERER_BUSINESS_ERROR",
+              code: O ? "RENDERER_BUSINESS_TIMEOUT" : "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
               message: L instanceof Error ? L.message : String(L),
-              elapsedMs: A ? L.elapsedMs : void 0,
-              stage: A ? L.stage : "update-camera",
-              blockingWorks: A ? L.blockingWorks : void 0,
+              elapsedMs: O ? L.elapsedMs : void 0,
+              stage: O ? L.stage : "update-camera",
+              blockingWorks: O ? L.blockingWorks : void 0,
               workerType: "mainThread"
             };
           }
-        if (C && q(d)) {
+        if (C && $(d)) {
           this.post({
             viewId: a,
-            viewGeneration: v,
+            viewGeneration: S,
             viewOwner: T,
             cameraTaskId: d,
             cameraTaskStatus: C.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
@@ -4069,30 +4173,30 @@ class ht {
           });
           continue;
         }
-        c && q(d) && this.post({
+        c && $(d) && this.post({
           workerTasksqueueCount: c,
           cameraTaskId: d,
           viewId: a,
-          viewGeneration: v,
+          viewGeneration: S,
           viewOwner: T
         });
         continue;
       }
-      if (a === ce) {
+      if (a === de) {
         const g = [...this.mainThreadMap.entries()];
-        for (const [y, v] of g) {
+        for (const [y, S] of g) {
           const T = this.enqueueViewTask(y, async () => {
-            this.mainThreadMap.get(y) === v && (o === h.Destroy ? (v.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
+            this.mainThreadMap.get(y) === S && (o === h.Destroy ? (S.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
               y,
               (this.viewGenerationById.get(y) || 0) + 1
-            )) : await v.on(i));
+            )) : await S.on(i));
           });
           await T, this.cameraRenderQueueByView.get(y) === T && this.cameraRenderQueueByView.delete(y);
         }
         continue;
       }
-      const S = this.mainThreadMap.get(a);
-      if (o === h.Destroy && !S) {
+      const k = this.mainThreadMap.get(a);
+      if (o === h.Destroy && !k) {
         await this.enqueueViewTask(a, async () => {
           this.viewGenerationById.set(
             a,
@@ -4101,12 +4205,12 @@ class ht {
         });
         continue;
       }
-      if (!S)
+      if (!k)
         continue;
-      const I = this.viewGenerationById.get(a), W = this.enqueueViewTask(a, async () => {
-        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== S || await S.on(i);
+      const I = this.viewGenerationById.get(a), E = this.enqueueViewTask(a, async () => {
+        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== k || await k.on(i);
       });
-      o === h.Destroy && (await W, this.mainThreadMap.get(a) === S && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === W && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
+      o === h.Destroy && (await E, this.mainThreadMap.get(a) === k && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === E && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
         a,
         i.viewGeneration ?? (I || 0) + 1
       ));
@@ -4114,5 +4218,5 @@ class ht {
   }
 }
 export {
-  ht as MainThreadManagerImpl
+  ut as MainThreadManagerImpl
 };