@netless/appliance-plugin 1.1.44-beta.0 → 1.1.44

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

@@ -1,15 +1,51 @@
-var we = Object.defineProperty;
-var ve = (M, e, t) => e in M ? we(M, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : M[e] = t;
-var u = (M, e, t) => ve(M, typeof e != "symbol" ? e + "" : e, t);
-import { D as K, e as b, c as m, r as $, b as E, f as Z, t as V, a as h, h as de, M as ke, i as D, j, k as Se, C as H, l as z, m as Ie, n as te, o as ge, p as se, q as Te, s as We, u as re, v as ie, w as Y, x as _, y as pe, E as C, z as ee, A as Q, B as Re, F as Ee, G as be, H as Le, I as Ne, J as ue, K as fe, T as oe, L as ae, N as Ce, P as Be, Q as me, R as ye, U as ne, W as Oe, X as De, S as ce, Y as q, Z as Me, V as he, _ as Pe } from "./index-_3yxgNoj.mjs";
-import { cloneDeep as J, xor as Ae, 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 "xss";
 import "rbush";
+import "xss";
 import "react-dom";
 import "react";
-class Fe {
+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 Fe {
     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,14 +91,14 @@ class Fe {
   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();
   }
   consumeDraw(e) {
     const { workId: t, dataType: s } = e;
-    if (s === E.Service)
+    if (s === R.Service)
       this.activeServiceWorkShape(e);
     else {
       const r = t == null ? void 0 : t.toString(), i = r && this.localWorkShapes.get(r);
@@ -87,7 +123,7 @@ class Fe {
   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 Fe {
       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 Fe {
     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
@@ -209,7 +245,7 @@ class Fe {
   }
   consumeDrawAll(e) {
     const { workId: t, dataType: s } = e;
-    if (s === E.Service)
+    if (s === R.Service)
       this.activeServiceWorkShape(e);
     else {
       const r = t == null ? void 0 : t.toString(), i = r && this.localWorkShapes.get(r);
@@ -223,7 +259,7 @@ class Fe {
     this.runAnimation();
   }
 }
-class xe {
+class Ge {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -232,12 +268,12 @@ class xe {
     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 ke());
+    u(this, "eraserBatchScheduler", new Ie());
     u(this, "disposeVNodeRevisionObserver");
     u(this, "bitmapEraserRenderQueue", Promise.resolve());
     u(this, "bitmapEraserRevalidationQueued", !1);
@@ -284,26 +320,25 @@ class xe {
   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 = Ae(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
+    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: R, opt: g } = k;
+        const { toolsType: I, op: E, opt: g } = k;
         c.set(w, {
           opt: g,
           toolsType: I,
-          ops: (R == null ? void 0 : R.length) && j(R) || void 0,
-          previewMatrix: k.previewMatrix
+          ops: (E == null ? void 0 : E.length) && ee(E) || void 0
         });
       }
     }), t.selectIds = n.selectIds);
@@ -328,16 +363,16 @@ class xe {
   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({
         type: h.Select,
-        dataType: E.Local,
+        dataType: R.Local,
         selectIds: [],
         willSyncService: !1
       }), this.thread.post({ sp: t });
@@ -350,7 +385,7 @@ class xe {
       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 && Se([l, p], a) && d.workState === b.Done) {
+        if (c === m.Text && ge([l, p], a) && d.workState === b.Done) {
           i = n;
           break;
         }
@@ -373,7 +408,7 @@ class xe {
   }
   cursorHover(e) {
     const { opt: t, toolsType: s, point: r } = e, i = this.setFullWork({
-      workId: H,
+      workId: j,
       toolsType: s,
       opt: t
     });
@@ -381,15 +416,15 @@ class xe {
   }
   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);
@@ -397,7 +432,7 @@ class xe {
     }
     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);
@@ -415,7 +450,7 @@ class xe {
           scaleType: t.scaleType,
           type: h.Select,
           viewId: this.thread.viewId,
-          dataType: E.Local,
+          dataType: R.Local,
           selectIds: s,
           selectRect: c,
           points: t.getChildrenPoints(),
@@ -435,7 +470,7 @@ class xe {
   }
   async removeSelector(e) {
     const { willSyncService: t, needUndoTicker: s } = e, r = [], i = [], o = this.workShapes.get(
-      D
+      P
     );
     if (!o)
       return;
@@ -449,7 +484,7 @@ class xe {
               type: h.TextUpdate,
               toolsType: m.Text,
               workId: n,
-              dataType: E.Local
+              dataType: R.Local
             });
             break;
           }
@@ -458,7 +493,7 @@ class xe {
               type: h.BackgroundSVGDelete,
               toolsType: m.BackgroundSVG,
               workId: n,
-              dataType: E.Local,
+              dataType: R.Local,
               viewId: this.thread.viewId
             });
             break;
@@ -493,14 +528,14 @@ class xe {
           type: h.BackgroundSVGDelete,
           toolsType: m.BackgroundSVG,
           workId: e,
-          dataType: E.Local,
+          dataType: R.Local,
           viewId: this.thread.viewId
         }
       ]
     }), (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) {
@@ -520,27 +555,27 @@ class xe {
     }
   }
   async consumeFull(e) {
-    var o, a, n;
+    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 c = this.vNodes.get(t), d = e.ops && V(e.ops) || e.op || [];
+      const n = this.vNodes.get(t), c = e.ops && H(e.ops) || e.op || [];
       if (s) {
-        if (!c || !e.centerPos || !Ie(
+        if (!n || !e.centerPos || !Te(
           this.vNodes,
           t,
           s,
-          c,
-          { op: d, centerPos: e.centerPos }
+          n,
+          { op: c, centerPos: e.centerPos }
         )) {
-          te(this.vNodes, t);
+          ie(this.vNodes, t);
           return;
         }
-      } else c && e.centerPos && ge(this.vNodes, t) && se(c.op, c.centerPos) !== se(d, 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) {
-      if (t && e.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(t).forEach((d) => {
-        d.remove(), z(d, this.thread.localLayer.parent);
+      t && e.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(t).forEach((c) => {
+        c.remove(), _(c, this.thread.localLayer.parent);
       }), r.toolsType === m.BackgroundSVG ? r.consumeService({
         isFullWork: !0,
         replaceId: t
@@ -556,18 +591,9 @@ class xe {
         op: i,
         isFullWork: !0,
         replaceId: t
-      }), t && ((n = e.opt) != null && n.matrix) && e.opt.matrix.some(
-        (d, l) => d !== [1, 0, 0, 1, 0, 0][l]
-      )) {
-        const d = this.vNodes.getNodeRectFormShape(
-          t,
-          this.vNodes.get(t)
-        );
-        d && this.vNodes.setInfo(t, { rect: d });
-      }
-      e != null && e.updateNodeOpt && r.updataOptService(e.updateNodeOpt);
-      const c = [];
-      e.workId && this.workShapes.delete(e.workId.toString()), e.willSyncService && c.push({
+      }), e != null && e.updateNodeOpt && r.updataOptService(e.updateNodeOpt);
+      const n = [];
+      e.workId && this.workShapes.delete(e.workId.toString()), e.willSyncService && n.push({
         opt: e.opt,
         toolsType: e.toolsType,
         type: h.FullWork,
@@ -579,22 +605,22 @@ class xe {
         requestId: e.requestId,
         emitEventType: e.emitEventType,
         scenePath: e.scenePath
-      }), e.isLockSentEventCursor && c.push({
+      }), e.isLockSentEventCursor && n.push({
         type: h.None,
         isLockSentEventCursor: !0,
         scenePath: e.scenePath
-      }), e.needUndoTicker && c.push({
+      }), e.needUndoTicker && n.push({
         type: h.None,
         needUndoTicker: e.needUndoTicker,
         emitEventType: e.emitEventType,
         requestId: e.requestId,
         scenePath: e.scenePath
-      }), c.length && this.thread.post({ sp: c });
+      }), n.length && this.thread.post({ sp: n });
     }
   }
   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(
@@ -628,7 +654,7 @@ class xe {
             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,
@@ -642,15 +668,15 @@ class xe {
     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))
@@ -687,10 +713,10 @@ class xe {
   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({
@@ -755,7 +781,7 @@ class xe {
         for (const [p, f] of i)
           l.push({
             type: h.UpdateNode,
-            dataType: E.Local,
+            dataType: R.Local,
             opt: f.opt,
             workId: p,
             updateNodeOpt: {
@@ -803,9 +829,9 @@ class xe {
         for (const [d, l] of i)
           c.push({
             type: h.FullWork,
-            dataType: E.Local,
+            dataType: R.Local,
             toolsType: l.toolsType,
-            ops: j(l.op),
+            ops: ee(l.op),
             opt: l.opt,
             workId: d,
             updateNodeOpt: {
@@ -861,7 +887,7 @@ class xe {
             scenePath: i,
             viewId: this.thread.viewId,
             msgType: h.DrawWork,
-            dataType: E.Local
+            dataType: R.Local
           },
           t
         );
@@ -872,10 +898,10 @@ class xe {
           scenePath: i,
           viewId: this.thread.viewId,
           msgType: h.DrawWork,
-          dataType: E.Local
+          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,
@@ -906,7 +932,7 @@ class xe {
               e.needUndoTicker,
               e.collectUndoTicker
             );
-          }, Te(this.thread.master.maxCombineEraserTime));
+          }, Re(this.thread.master.maxCombineEraserTime));
           break;
         }
         case m.BitMapEraser: {
@@ -991,18 +1017,18 @@ class xe {
         ...r
       };
       if (i != null && i.rect) {
-        const I = We(i.rect);
+        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
           }
@@ -1020,13 +1046,13 @@ class xe {
         needUndoTicker: t,
         collectUndoTicker: s
       })), f != null && f.size)
-        for (const [I, R] of f)
+        for (const [I, E] of f)
           (l = k.sp) == null || l.push({
             type: h.FullWork,
-            dataType: E.Local,
-            toolsType: R.toolsType,
-            ops: j(R.op),
-            opt: R.opt,
+            dataType: R.Local,
+            toolsType: E.toolsType,
+            ops: ee(E.op),
+            opt: E.opt,
             workId: I,
             updateNodeOpt: {
               useAnimation: !1
@@ -1052,7 +1078,7 @@ class xe {
       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], k = 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:
           {
@@ -1104,7 +1130,7 @@ class xe {
             scenePath: r
           }), k) {
             const g = p === m.Pencil && k.type === h.RemoveNode;
-            g ? $(
+            g ? K(
               this.thread.localLayer,
               this.thread.localLayer.parent
             ) : I.push({
@@ -1140,7 +1166,7 @@ class xe {
     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);
   }
@@ -1153,7 +1179,7 @@ class xe {
     t.syncUnitTime || (t.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(t);
   }
   createWorkShapeNode(e) {
-    return Z(
+    return J(
       {
         ...e,
         vNodes: this.vNodes,
@@ -1164,22 +1190,24 @@ class xe {
     );
   }
 }
-class Ue {
+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"
           });
@@ -1191,12 +1219,12 @@ class Ue {
         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"
           });
@@ -1217,9 +1245,9 @@ class Ue {
     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();
@@ -1246,7 +1274,7 @@ class Ue {
   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;
       }
@@ -1284,7 +1312,7 @@ class Ue {
     );
   }
   async animationDraw() {
-    var r, i, o, a, n, c, d, l, p, f, w, k, I, R, g, y, S, T, L, N, 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 [W, v] of this.workShapes.entries())
@@ -1293,36 +1321,66 @@ class Ue {
           (r = v.node) == null || r.consumeService({
             isFullWork: !0,
             replaceId: W
-          }), this.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), 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 = v.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.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+            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: {
-          v.node && (await ((o = v.node) == null ? void 0 : o.consumeServiceAsync({
+          v.node && (await ((a = v.node) == null ? void 0 : a.consumeServiceAsync({
             isFullWork: !0,
             replaceId: W,
             boxRect: this.thread.getSceneRect()
-          })), this.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
-            var P;
-            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          })), 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: v.requestId,
             workId: W,
             viewId: this.thread.viewId
-          }), (a = v.node) == null || a.clearTmpPoints(), this.workShapes.delete(W));
+          }), (n = v.node) == null || n.clearTmpPoints(), this.workShapes.delete(W));
           break;
         }
         case m.Arrow:
@@ -1333,23 +1391,23 @@ class Ue {
         case m.Polygon:
         case m.SpeechBalloon: {
           const B = !!v.ops;
-          if ((n = v.animationWorkData) != null && n.length) {
-            const O = v.oldRect;
-            (c = v.node) == null || c.consumeService({
+          if ((c = v.animationWorkData) != null && c.length) {
+            const F = v.oldRect;
+            (d = v.node) == null || d.consumeService({
               op: v.animationWorkData,
               isFullWork: B
-            }), B && this.syncMatrixRect(W, v.node), B && (this.selectorWorkShapes.forEach((P, F) => {
+            }), B && (this.selectorWorkShapes.forEach((M, U) => {
               var x;
-              (x = P.selectIds) != null && x.includes(W) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
-            }), (d = v.node) == null || d.clearTmpPoints(), this.workShapes.delete(W)), v.isEnableCursor ? t.set(W, {
-              cursorTool: _(v.toolsType),
-              workState: O ? v.ops ? b.Done : b.Doing : b.Start,
+              (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 && ((l = v.updateNodeOpt) != null && l.useAnimation) && t.set(W, {
-              cursorTool: _(v.toolsType),
+            }) : B && !v.useAnimation && ((p = v.updateNodeOpt) != null && p.useAnimation) && t.set(W, {
+              cursorTool: Q(v.toolsType),
               workState: b.Done,
               op: v.animationWorkData.slice(-3, -1),
-              uid: (p = v.updateNodeOpt) == null ? void 0 : p.uid
+              uid: (f = v.updateNodeOpt) == null ? void 0 : f.uid
             }), v.animationWorkData.length = 0;
           }
           break;
@@ -1358,60 +1416,60 @@ class Ue {
           if (v.useAnimation) {
             if (v.useAnimation) {
               if (v.isDel) {
-                (y = v.node) == null || y.clearTmpPoints(), this.workShapes.delete(W);
+                (S = v.node) == null || S.clearTmpPoints(), this.workShapes.delete(W);
                 break;
               }
-              const B = 3, O = this.computNextAnimationIndex(
+              const B = 3, F = this.computNextAnimationIndex(
                 v,
                 B
-              ), P = v.isDiff ? 0 : Math.max(0, (v.animationIndex || 0) - B), F = (v.animationWorkData || []).slice(
-                P,
-                O
-              ), x = (T = (S = v.node) == null ? void 0 : S.getWorkId()) == null ? void 0 : T.toString();
-              if ((v.animationIndex || 0) < O || v.isDiff) {
+              ), 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: F,
+                  op: U,
                   isFullWork: !1
-                }), v.animationIndex = O, v.isDiff && (v.isDiff = !1), F.length && v.isEnableCursor) {
-                  const X = F.slice(-3, -1);
+                }), v.animationIndex = F, v.isDiff && (v.isDiff = !1), U.length && v.isEnableCursor) {
+                  const G = U.slice(-3, -1);
                   t.set(W, {
-                    cursorTool: _(v.toolsType),
-                    workState: P === 0 ? b.Start : O === ((N = v.animationWorkData) == null ? void 0 : N.length) ? b.Done : b.Doing,
-                    op: X
+                    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 v.ops && ((A = v.node) == null || A.consumeService({
                 op: v.animationWorkData || [],
                 isFullWork: !0,
                 replaceId: x
-              }), this.syncMatrixRect(x || W, v.node), v.isDel = !0, v.isEnableCursor && t.set(W, {
-                cursorTool: _(v.toolsType),
+              }), 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 = !!v.ops;
-            if ((f = v.node) == null || f.consumeService({
+            if ((w = v.node) == null || w.consumeService({
               op: v.animationWorkData || [],
               isFullWork: B,
               replaceId: W
-            }), (w = v.node) == null || w.updataOptService(v.updateNodeOpt), B) {
-              if (this.syncMatrixRect(W, v.node), !v.isEnableCursor && ((k = v.updateNodeOpt) != null && k.useAnimation) && ((I = v.animationWorkData) != null && I.length)) {
-                const O = v.animationWorkData.slice(-3, -1);
+            }), (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: _(v.toolsType),
+                  cursorTool: Q(v.toolsType),
                   workState: b.Done,
-                  op: O,
-                  uid: (R = v.updateNodeOpt) == null ? void 0 : R.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(W) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
-              }), (g = v.node) == null || g.clearTmpPoints(), this.workShapes.delete(W);
+              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;
@@ -1420,7 +1478,7 @@ class Ue {
     e && this.runAnimation(), t.size && t.forEach((W, v) => {
       s.push({
         type: h.Cursor,
-        uid: W.uid || v.split(de)[0],
+        uid: W.uid || v.split(fe)[0],
         op: W.op,
         workState: W.workState,
         cursorTool: W.cursorTool,
@@ -1454,20 +1512,8 @@ class Ue {
     }
     return !1;
   }
-  syncMatrixRect(e, t) {
-    const s = t == null ? void 0 : t.getWorkOptions().matrix;
-    if (!s || pe(s).every(
-      (i, o) => i === [1, 0, 0, 1, 0, 0][o]
-    ))
-      return;
-    const r = this.vNodes.getNodeRectFormShape(
-      e,
-      this.vNodes.get(e)
-    );
-    r && this.vNodes.setInfo(e, { rect: r });
-  }
   activeWorkShape(e) {
-    var R, g, y, S;
+    var E, g, y, S;
     const {
       workId: t,
       opt: s,
@@ -1484,7 +1530,7 @@ class Ue {
     } = e;
     if (!t)
       return;
-    const w = t.toString(), k = (R = this.vNodes.get(w)) == null ? void 0 : R.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,
@@ -1502,17 +1548,17 @@ class Ue {
       r && s && (T = this.setNodeKey(w, T, r, s)), (y = this.workShapes) == null || y.set(w, T);
     }
     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 = V(a), I.ops = a), o && (I.updateNodeOpt = o), n && (I.isDiff = this.hasDiffData(
+    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), 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({
@@ -1521,7 +1567,7 @@ class Ue {
           type: h.BackgroundSVGDelete,
           toolsType: m.BackgroundSVG,
           workId: e,
-          dataType: E.Service,
+          dataType: R.Service,
           viewId: this.thread.viewId
         }
       ]
@@ -1550,7 +1596,7 @@ class Ue {
     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,
@@ -1563,7 +1609,7 @@ class Ue {
     ), t;
   }
 }
-class U {
+class q {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1573,14 +1619,14 @@ class U {
     return this.threadEngine = e, this.localWork = e.localWork, this.serviceWork = e.serviceWork, this;
   }
 }
-class Ge extends U {
+class ze extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.CopyNode);
+    u(this, "emitEventType", N.CopyNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.FullWork && r === E.Local && i === this.emitEventType)
+    if (s === h.FullWork && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1589,14 +1635,14 @@ class Ge extends U {
     s && await ((r = this.localWork) == null ? void 0 : r.consumeFull(t));
   }
 }
-class qe extends U {
+class Ve extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.SetColorNode);
+    u(this, "emitEventType", N.SetColorNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1611,7 +1657,7 @@ class qe extends U {
       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,
@@ -1638,7 +1684,7 @@ class qe extends U {
           ...w,
           workId: f,
           type: h.TextUpdate,
-          dataType: E.Local,
+          dataType: R.Local,
           willSyncService: !0,
           emitEventType: l,
           requestId: d,
@@ -1663,14 +1709,14 @@ class qe extends U {
     };
   }
 }
-class ze extends U {
+class $e extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.ZIndexNode);
+    u(this, "emitEventType", N.ZIndexNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1684,7 +1730,7 @@ class ze extends U {
       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,
@@ -1709,7 +1755,7 @@ class ze extends U {
           ...f,
           workId: p,
           type: h.BackgroundSVGUpdate,
-          dataType: E.Local,
+          dataType: R.Local,
           updateNodeOpt: {
             useAnimation: !1
           },
@@ -1736,12 +1782,12 @@ class ze extends U {
     };
   }
 }
-class Ve extends U {
+class _e extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.TranslateNode);
+    u(this, "emitEventType", N.TranslateNode);
     u(this, "updateSelectorCallback", (t) => {
-      var R;
+      var E;
       const { param: s, postData: r, newServiceStore: i, workShapeNode: o, res: a, smoothSync: n } = t, {
         willSyncService: c,
         isSync: d,
@@ -1784,7 +1830,7 @@ class Ve extends U {
             ...T,
             workId: S,
             type: h.BackgroundSVGUpdate,
-            dataType: E.Local,
+            dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
@@ -1793,7 +1839,7 @@ class Ve extends U {
             ...T,
             workId: S,
             type: h.TextUpdate,
-            dataType: E.Local,
+            dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
@@ -1804,8 +1850,8 @@ class Ve extends U {
             type: h.UpdateNode,
             updateNodeOpt: {
               ...y,
-              eraserGeometryDelta: ee(
-                (R = this.localWork) == null ? void 0 : R.vNodes,
+              eraserGeometryDelta: se(
+                (E = this.localWork) == null ? void 0 : E.vNodes,
                 S
               )
             },
@@ -1828,7 +1874,7 @@ class Ve extends U {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1844,7 +1890,7 @@ class Ve extends U {
       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,
@@ -1858,10 +1904,10 @@ class Ve extends U {
     })) : r.workState === b.Done && ((f = this.localWork) == null || f.vNodes.deleteLastTarget()));
   }
 }
-class $e extends U {
+class He extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.ScaleNode);
+    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, k = p === b.Done ? l : void 0;
@@ -1886,27 +1932,27 @@ class $e extends U {
           points: p === b.Done && i.getChildrenPoints() || void 0,
           textOpt: i.textOpt
         });
-        const R = {
+        const E = {
           useAnimation: c.useAnimation || !1
         };
-        c.uid && (R.uid = c.uid);
+        c.uid && (E.uid = c.uid);
         for (const [g, y] of a.entries())
           y.toolsType === m.BackgroundSVG && f.push({
             ...y,
             workId: g,
             type: h.BackgroundSVGUpdate,
-            dataType: E.Local,
+            dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: R,
+            updateNodeOpt: E,
             needUndoTicker: k,
             emitEventType: this.emitEventType
           }), y.toolsType === m.Text ? f.push({
             ...y,
             workId: g,
             type: h.TextUpdate,
-            dataType: E.Local,
+            dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: R,
+            updateNodeOpt: E,
             needUndoTicker: k,
             emitEventType: this.emitEventType
           }) : (n || p === b.Done) && f.push({
@@ -1914,8 +1960,8 @@ class $e extends U {
             workId: g,
             type: h.UpdateNode,
             updateNodeOpt: {
-              ...R,
-              eraserGeometryDelta: ee(
+              ...E,
+              eraserGeometryDelta: se(
                 (I = this.localWork) == null ? void 0 : I.vNodes,
                 g
               )
@@ -1939,7 +1985,7 @@ class $e extends U {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1952,7 +1998,7 @@ class $e extends U {
       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,
@@ -1963,10 +2009,10 @@ class $e extends U {
     }));
   }
 }
-class _e extends U {
+class Ke extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.RotateNode);
+    u(this, "emitEventType", N.RotateNode);
     u(this, "updateSelectorCallback", (t) => {
       var g;
       const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, {
@@ -1975,7 +2021,7 @@ class _e extends U {
         willSerializeData: l,
         isSync: p,
         needUndoTicker: f
-      } = s, w = c.workState, k = r.sp || [], I = o == null ? void 0 : o.selectRect, R = 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 && k.push({
           type: h.Select,
@@ -1996,13 +2042,13 @@ class _e extends U {
               type: h.UpdateNode,
               updateNodeOpt: {
                 ...y,
-                eraserGeometryDelta: ee(
+                eraserGeometryDelta: se(
                   (g = this.localWork) == null ? void 0 : g.vNodes,
                   S
                 )
               },
               isSync: p,
-              needUndoTicker: R,
+              needUndoTicker: E,
               emitEventType: this.emitEventType
             });
       }
@@ -2020,7 +2066,7 @@ class _e extends U {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2035,7 +2081,7 @@ class _e extends U {
       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,
@@ -2048,14 +2094,14 @@ class _e extends U {
     }));
   }
 }
-class He extends U {
+class Qe extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.SetFontStyle);
+    u(this, "emitEventType", N.SetFontStyle);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2069,7 +2115,7 @@ class He extends U {
       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,
@@ -2098,17 +2144,17 @@ class He extends U {
         isSync: c,
         points: o.getChildrenPoints()
       });
-      for (const [I, R] of i.entries())
-        l && R.toolsType === m.Text ? w.push({
-          ...R,
+      for (const [I, E] of i.entries())
+        l && E.toolsType === m.Text ? w.push({
+          ...E,
           workId: I,
           type: h.TextUpdate,
-          dataType: E.Local,
+          dataType: R.Local,
           willSyncService: !0,
           emitEventType: f,
           requestId: p
         }) : w.push({
-          ...R,
+          ...E,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2124,10 +2170,10 @@ class He extends U {
     };
   }
 }
-class Qe extends U {
+class je extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.SetPoint);
+    u(this, "emitEventType", N.SetPoint);
     u(this, "updateSelectorCallback", (t) => {
       const { param: s, postData: r, newServiceStore: i, workShapeNode: o, res: a } = t, { willSyncService: n, isSync: c, needUndoTicker: d } = s, l = r.sp || [], p = a == null ? void 0 : a.selectRect;
       if (n && l) {
@@ -2166,7 +2212,7 @@ class Qe extends U {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2180,7 +2226,7 @@ class Qe extends U {
       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,
@@ -2193,14 +2239,14 @@ class Qe extends U {
     }));
   }
 }
-class Ke extends U {
+class Xe extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.SetLock);
+    u(this, "emitEventType", N.SetLock);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2214,7 +2260,7 @@ class Ke extends U {
       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,
@@ -2235,9 +2281,9 @@ class Ke extends U {
       emitEventType: f
     } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && w) {
-      for (const [I, R] of i.entries())
+      for (const [I, E] of i.entries())
         w.push({
-          ...R,
+          ...E,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2267,14 +2313,14 @@ class Ke extends U {
     };
   }
 }
-class Xe extends U {
+class Ye extends q {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", C.SetShapeOpt);
+    u(this, "emitEventType", N.SetShapeOpt);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2288,7 +2334,7 @@ class Xe extends U {
       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,
@@ -2328,33 +2374,33 @@ class Xe extends U {
     };
   }
 }
-class Ye {
+class Ze {
   constructor(e) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(e.map((t) => [t, this.build(t)]));
   }
   build(e) {
     switch (e) {
-      case C.TranslateNode:
-        return new Ve();
-      case C.ZIndexNode:
-        return new ze();
-      case C.CopyNode:
-        return new Ge();
-      case C.SetColorNode:
-        return new qe();
-      case C.ScaleNode:
-        return new $e();
-      case C.RotateNode:
+      case N.TranslateNode:
         return new _e();
-      case C.SetFontStyle:
+      case N.ZIndexNode:
+        return new $e();
+      case N.CopyNode:
+        return new ze();
+      case N.SetColorNode:
+        return new Ve();
+      case N.ScaleNode:
         return new He();
-      case C.SetPoint:
-        return new Qe();
-      case C.SetLock:
+      case N.RotateNode:
         return new Ke();
-      case C.SetShapeOpt:
+      case N.SetFontStyle:
+        return new Qe();
+      case N.SetPoint:
+        return new je();
+      case N.SetLock:
         return new Xe();
+      case N.SetShapeOpt:
+        return new Ye();
     }
   }
   registerForMainThread(e) {
@@ -2369,14 +2415,14 @@ class Ye {
     return !1;
   }
 }
-function Ze({
-  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) {
@@ -2404,8 +2450,8 @@ function Ze({
   if (r)
     throw r;
 }
-const je = 4;
-class Je {
+const et = 4;
+class tt {
   constructor(e = {}) {
     u(this, "pendingFrames", /* @__PURE__ */ new Map());
     u(this, "failedCanvases", /* @__PURE__ */ new Set());
@@ -2417,7 +2463,7 @@ class Je {
     u(this, "destroyed", !1);
     this.tailFrameCount = Math.max(
       1,
-      Math.floor(e.tailFrameCount ?? je)
+      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) {
@@ -2448,7 +2494,7 @@ class Je {
     }
   }
 }
-class et {
+class st {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2484,50 +2530,60 @@ class et {
       ...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 Re(e, this.scene);
+    ]), this.vNodes = new be(e, this.scene);
     const i = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new xe(i), this.serviceWork = new Ue(i), this.topWork = new Fe(i), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ye([
-      C.CopyNode,
-      C.SetColorNode,
-      C.DeleteNode,
-      C.RotateNode,
-      C.ScaleNode,
-      C.TranslateNode,
-      C.ZIndexNode,
-      C.SetFontStyle,
-      C.SetPoint,
-      C.SetLock,
-      C.SetShapeOpt
+    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,
+      N.RotateNode,
+      N.ScaleNode,
+      N.TranslateNode,
+      N.ZIndexNode,
+      N.SetFontStyle,
+      N.SetPoint,
+      N.SetLock,
+      N.SetShapeOpt
     ]).registerForMainThread(this);
   }
   getCachedImages(e) {
     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)
@@ -2556,7 +2612,7 @@ class et {
     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: [
         {
@@ -2566,7 +2622,7 @@ class et {
           reportErrorCode: "RENDERER_RUNTIME_ERROR",
           reportStage: s.stage,
           reportError: s.message,
-          reportString: Ee(s, t, {
+          reportString: Le(s, t, {
             viewId: this.viewId,
             renderer: "mainThread"
           })
@@ -2598,12 +2654,12 @@ class et {
         imageBitmap: w,
         imageElement: k,
         workIds: I,
-        isLockSentEventCursor: R,
+        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: S, localUid: T } = e;
@@ -2630,9 +2686,9 @@ class et {
             (o = this.serviceLayer) == null ? void 0 : o.parent
           ].filter(Boolean);
           try {
-            await Le(
+            await Ne(
               (async () => {
-                await Ne(
+                await Be(
                   this.serviceWork,
                   S
                 );
@@ -2644,7 +2700,7 @@ class et {
               }
             );
           } catch (T) {
-            throw Y(T, {
+            throw Z(T, {
               business: "service-sync-commit",
               stage: "flush-and-prepare-render"
             });
@@ -2666,7 +2722,7 @@ class et {
         }
         case h.UpdateCamera:
           try {
-            await be(
+            await Ce(
               e.cameraTaskId,
               async (S) => {
                 this.activeCameraTaskContext = S;
@@ -2706,11 +2762,11 @@ class et {
           }
           break;
         case h.DrawWork:
-          p === b.Done && d === E.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && R && this.post({
+          p === b.Done && d === R.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && E && this.post({
             sp: [
               {
                 type: h.None,
-                isLockSentEventCursor: R
+                isLockSentEventCursor: E
               }
             ]
           })) : await this.consumeDraw(d, e);
@@ -2727,7 +2783,7 @@ class et {
           await this.removeNode(e);
           return;
         case h.Select:
-          d === E.Local || l === D ? await this.localWork.updateFullSelectWork(e) : d === E.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();
@@ -2736,22 +2792,48 @@ class et {
           this.localWork.cursorHover(e);
           break;
         case h.GetTextActive:
-          d === E.Local && this.localWork.checkTextActive(e);
+          d === R.Local && this.localWork.checkTextActive(e);
           break;
         case h.GetImageBitMap:
-          if (f && (w || k) && l) {
+          if (f && l) {
             const S = this.imageResolveMap.get(f);
             if (!S || S.requestId !== g) {
-              this.closeImageSource(w || k);
+              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 || k,
-              workId: T
-            });
-            const { resolve: L, timer: N } = S;
-            N && clearTimeout(N), L && L(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:
@@ -2761,7 +2843,7 @@ class et {
               sp: [
                 {
                   type: h.GetVNodeInfo,
-                  dataType: E.Local,
+                  dataType: R.Local,
                   workId: l,
                   vInfo: S
                 }
@@ -2777,16 +2859,12 @@ class et {
     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 === ue.Iconify) {
-        const [y, S] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = fe(a, y, S, l);
-      }
+      const p = this.getImageSourceKey(s);
       if (this.cacheImages.has(p)) {
         const y = this.getCachedImages(p);
         if (y)
@@ -2796,22 +2874,22 @@ class et {
       if (w)
         return await w.promise, this.getCachedImages(p);
       let k, I;
-      const R = new Promise((y, S) => {
+      const E = new Promise((y, S) => {
         k = y, I = S;
       }), g = {
         resolve: k,
         reject: I,
         timer: void 0,
         requestId: i,
-        promise: R
+        promise: E
       };
       return g.timer = setTimeout(() => {
         this.imageResolveMap.get(p) === g && k(p);
-      }, 5e3), this.imageResolveMap.set(p, g), this.opt.post({
+      }, 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,
@@ -2819,23 +2897,23 @@ class et {
             type: h.GetImageBitMap
           }
         ]
-      }), await R, 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;
         }
-        t === E.Local ? this.localWork.removeWork(e) : t === E.Service && this.serviceWork.removeWork(e), await this.localWork.colloctEffectSelectWork(e);
+        t === R.Local ? this.localWork.removeWork(e) : t === R.Service && this.serviceWork.removeWork(e), await this.localWork.colloctEffectSelectWork(e);
       }
   }
   async consumeFull(e, t) {
     const s = await this.localWork.colloctEffectSelectWork(t);
-    s && e === E.Local && await this.localWork.consumeFull(s), s && e === E.Service && this.serviceWork.consumeFull(s);
+    s && e === R.Local && await this.localWork.consumeFull(s), s && e === R.Service && this.serviceWork.consumeFull(s);
   }
   setCameraOpt(e) {
     this.cameraOpt = e;
@@ -2862,13 +2940,13 @@ class et {
           };
           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,
@@ -2898,7 +2976,7 @@ class et {
   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
@@ -2911,12 +2989,12 @@ class et {
     if (r) {
       const i = r.toString();
       if (s && this.topWork.canUseTopLayer(s)) {
-        e === E.Local && (this.topWork.getLocalWorkShape(
+        e === R.Local && (this.topWork.getLocalWorkShape(
           r.toString()
         ) || this.topWork.createLocalWork(t)), await this.topWork.consumeDrawAll(t);
         return;
       }
-      e === E.Local && (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(t), await this.localWork.consumeDrawAll(t, this.serviceWork));
+      e === R.Local && (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(t), await this.localWork.consumeDrawAll(t, this.serviceWork));
     }
   }
   async consumeDraw(e, t) {
@@ -2924,10 +3002,10 @@ class et {
     if (r && i && s) {
       const o = r.toString();
       if (this.topWork.canUseTopLayer(i)) {
-        e === E.Local && (this.topWork.getLocalWorkShape(o) || this.topWork.createLocalWork(t)), this.topWork.consumeDraw(t);
+        e === R.Local && (this.topWork.getLocalWorkShape(o) || this.topWork.createLocalWork(t)), this.topWork.consumeDraw(t);
         return;
       }
-      e === E.Local ? (this.localWork.getWorkShape(o) || this.localWork.createLocalWork(t), await this.localWork.consumeDraw(t, this.serviceWork)) : e === E.Service && this.serviceWork.consumeDraw(t);
+      e === R.Local ? (this.localWork.getWorkShape(o) || this.localWork.createLocalWork(t), await this.localWork.consumeDraw(t, this.serviceWork)) : e === R.Service && this.serviceWork.consumeDraw(t);
       return;
     }
   }
@@ -2935,13 +3013,13 @@ class et {
     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
@@ -2957,8 +3035,8 @@ class et {
         let y;
         do {
           y = [];
-          for (const [T, L] of this.localWork.getWorkShapes().entries())
-            switch (L.toolsType) {
+          for (const [T, C] of this.localWork.getWorkShapes().entries())
+            switch (C.toolsType) {
               case m.Text:
               case m.BitMapEraser:
               case m.PencilEraser:
@@ -2967,14 +3045,14 @@ class et {
               case m.LaserPen:
                 break;
               default:
-                T !== H && T !== D && y.push(`${T}:${L.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);
@@ -2983,10 +3061,10 @@ class et {
       const f = /* @__PURE__ */ new Map();
       for (const [y, S] of this.vNodes.getNodesByType(m.Text).entries()) {
         const T = S.rect;
-        f.set(y, J(T));
+        f.set(y, te(T));
       }
       for (const [y, S] of this.vNodes.gethasEraserNodes().entries())
-        f.set(y, J(S.rect));
+        f.set(y, te(S.rect));
       const w = new Set(f.keys());
       let k = !1;
       if (this.localWork.hasSelector()) {
@@ -3009,26 +3087,26 @@ class et {
         }
       if (this.setCameraOpt(s), this.vNodes.curNodeMap.size) {
         this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(w);
-        for (const [T, L] of f.entries()) {
-          const N = this.vNodes.get(T);
-          if (N) {
-            const A = L, W = N.rect, v = this.getSceneRect(), B = ae(A, v), O = ae(W, v);
-            let P = c;
-            (B !== O || A.w !== W.w || A.h !== W.h || O === Ce.intersect) && (P = !0);
-            const { toolsType: F, opt: x } = N, X = x.eraserlines && x.eraserlines.length > 0 || !!x.eraserFaces;
-            (P || p && X) && (F === m.Text || X) && this.debounceUpdateCache.add(T);
+        for (const [T, C] of f.entries()) {
+          const L = this.vNodes.get(T);
+          if (L) {
+            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 (k && this.localWork.reRenderSelector(), I)
           for (const [
             T,
-            L
+            C
           ] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
               workId: T,
-              selectIds: L.selectIds,
+              selectIds: C.selectIds,
               msgType: h.Select,
-              dataType: E.Service,
+              dataType: R.Service,
               viewId: this.viewId
             });
         o = !0;
@@ -3040,44 +3118,44 @@ class et {
           this.debounceUpdateCameraId = void 0;
           try {
             if (!S()) return;
-            const L = [];
-            for (const W of this.debounceUpdateCache.values()) {
-              const v = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(W)[0], B = this.vNodes.get(W);
-              if (B) {
-                const { toolsType: O, opt: P } = B;
-                if (v || O !== m.Text) {
-                  const F = this.localWork.setFullWork({
-                    toolsType: O,
-                    opt: P,
-                    workId: W
+            const C = [];
+            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)
-                      L.push(
-                        F.consumeServiceAsync({
+                  if (M) {
+                    if (B === m.Text)
+                      C.push(
+                        M.consumeServiceAsync({
                           isFullWork: !0,
-                          replaceId: W,
+                          replaceId: A,
                           boxRect: this.getSceneRect(),
                           isActive: S
                         })
                       );
-                    else if (P.eraserlines && P.eraserlines.length > 0 || P.eraserFaces) {
-                      const x = 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: W,
+                        replaceId: A,
                         workState: b.Done
                       });
-                      this.localWork.clearWorkShapeNodeCache(W), L.push(Promise.resolve(x));
+                      this.localWork.clearWorkShapeNodeCache(A), C.push(Promise.resolve(U));
                     }
                   }
                 }
               }
-              this.debounceUpdateCache.delete(W);
+              this.debounceUpdateCache.delete(A);
             }
-            if (await Promise.all(L), !S()) return;
-            this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds(), k && L.length && this.localWork.reRenderSelector();
-            const N = [
+            if (await Promise.all(C), !S()) return;
+            this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
+            const L = [
               this.fullLayer.parent.prepareRender,
               this.topLayer.parent.prepareRender,
               this.localLayer.parent.prepareRender,
@@ -3088,63 +3166,63 @@ class et {
               this.topLayer.parent,
               this.localLayer.parent,
               this.serviceLayer.parent
-            ], await Promise.all(N), y.renderLayers = void 0, !S()) 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 (L) {
+          } catch (C) {
             if (!S()) return;
-            const N = {
+            const L = {
               code: "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
-              message: L instanceof Error ? L.message : String(L),
+              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: N
+                  cameraTaskError: L
                 });
-              } catch (W) {
+              } catch (A) {
                 console.error(
-                  `[cameraSettledRender] failed ACK post failed viewId=${this.viewId} taskId=${A}`,
-                  W
+                  `[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 R = [
+      const E = [
         this.fullLayer.parent,
         this.topLayer.parent,
         this.localLayer.parent,
         this.serviceLayer.parent
       ], g = Promise.all(
-        R.map((y) => y.prepareRender)
+        E.map((y) => y.prepareRender)
       );
-      if (t && !await Be(
+      if (t && !await De(
         t,
         g,
         "prepare-render"
       )) {
-        R.filter(
+        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
@@ -3161,7 +3239,7 @@ class et {
     };
   }
   createScene(e) {
-    return new me({
+    return new we({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3172,7 +3250,7 @@ class et {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, { ...s, offscreen: !1 }), n = new ye({
+    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],
@@ -3182,7 +3260,7 @@ class et {
     return a.append(n), n;
   }
   enableCanvas2DReadback(e) {
-    this.readbackScheduler = new Je({
+    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)}`
       )
@@ -3220,7 +3298,7 @@ class et {
   }
   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);
   }
@@ -3233,7 +3311,7 @@ class et {
     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(), Ze({
+    ), this.vNodes.clear(), Je({
       subThreads: [this.localWork, this.serviceWork, this.topWork],
       layers: [
         this.fullLayer,
@@ -3242,11 +3320,11 @@ class et {
         this.serviceLayer
       ],
       scene: this.scene,
-      removeLayerTexture: (s, r) => z(s, r)
+      removeLayerTexture: (s, r) => _(s, r)
     }));
   }
 }
-class tt {
+class rt {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -3267,7 +3345,7 @@ class tt {
       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"
     });
   }
@@ -3392,18 +3470,22 @@ class tt {
         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;
@@ -3421,9 +3503,9 @@ class tt {
       if (!a || !n || !c || !d)
         return;
       let p = a;
-      if (n === ue.Iconify) {
+      if (n === me.Iconify) {
         const [g, y] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = fe(a, g, y, l);
+        p = ye(a, g, y, l);
       }
       if (this.cacheImages.has(p)) {
         const g = this.getCachedImages(p);
@@ -3436,15 +3518,15 @@ class tt {
       let k;
       const I = new Promise((g) => {
         k = g;
-      }), R = {
+      }), E = {
         resolve: k,
         timer: void 0,
         requestId: i,
         promise: I
       };
-      return R.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === R && k(p);
-      }, 5e3), this.imageResolveMap.set(p, R), 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,
@@ -3459,11 +3541,11 @@ class tt {
             requestId: i
           }
         ]
-      }), await I, this.imageResolveMap.get(p) === R && 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
@@ -3483,7 +3565,7 @@ class tt {
   }
   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();
@@ -3502,18 +3584,9 @@ class tt {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), i = this.syncMatrixRect(a, t, i), ne(i, o);
+      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), le(i, o);
     }
   }
-  syncMatrixRect(e, t, s) {
-    const r = t.getWorkOptions().matrix;
-    if (!e || !r || pe(r).every(
-      (o, a) => o === [1, 0, 0, 1, 0, 0][a]
-    ))
-      return s;
-    const i = Oe.getRectFromLayer(this.fullLayer, e);
-    return i || s;
-  }
   async getSnapshot(e) {
     const { scenePath: t, scenes: s, cameraOpt: r, w: i, h: o, requestId: a } = e;
     if (!(t && s && r))
@@ -3529,7 +3602,7 @@ class tt {
               opt: l,
               workId: c,
               msgType: h.FullWork,
-              dataType: E.Service,
+              dataType: R.Service,
               viewId: this.viewId,
               requestId: a
             };
@@ -3587,7 +3660,7 @@ class tt {
             requestId: r
           }
         ]
-      }), this.fullLayer && !this.destroyed && $(this.fullLayer, this.fullLayer.parent);
+      }), this.fullLayer && !this.destroyed && K(this.fullLayer, this.fullLayer.parent);
     }
   }
   async getBoundingRect(e) {
@@ -3605,11 +3678,11 @@ class tt {
               ...n,
               workId: a,
               msgType: h.FullWork,
-              dataType: E.Service,
+              dataType: R.Service,
               viewId: this.viewId,
               requestId: i
             });
-            o = ne(o, c);
+            o = le(o, c);
             break;
           }
         }
@@ -3646,7 +3719,7 @@ class tt {
         for (const r of s.sp) {
           let i = !1;
           for (const o of e)
-            if (De(r, o)) {
+            if (Me(r, o)) {
               i = !0;
               break;
             }
@@ -3686,7 +3759,7 @@ class tt {
       this.releaseBatchImageBitmaps(e);
   }
   createScene(e) {
-    return new me({
+    return new we({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3696,7 +3769,7 @@ class tt {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, s), n = new ye({
+    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],
@@ -3750,7 +3823,7 @@ class tt {
       t.push(r);
     }
     try {
-      s && z(this.fullLayer, s);
+      s && _(this.fullLayer, s);
     } catch (r) {
       t.push(r);
     }
@@ -3763,7 +3836,7 @@ class tt {
       throw t[0];
   }
 }
-class dt {
+class ut {
   constructor(e) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "cameraRenderQueueByView", /* @__PURE__ */ new Map());
@@ -3798,8 +3871,8 @@ class dt {
         consumeCount: l,
         consumeWorkId: p
       } = e;
-      if (c && q(i)) {
-        const f = Me(
+      if (c && $(i)) {
+        const f = Pe(
           o,
           a,
           "mainThread"
@@ -3811,11 +3884,11 @@ class dt {
           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
         )
@@ -3829,7 +3902,7 @@ class dt {
     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;
@@ -3884,10 +3957,10 @@ class dt {
     );
   }
   createMainThread(e, t) {
-    return new et(e, t);
+    return new st(e, t);
   }
   createSnapshotThread(e, t) {
-    return new tt(e, t);
+    return new rt(e, t);
   }
   getSnapshotRequestKey(e) {
     return e.requestId || `${e.viewId}\0${e.scenePath || ""}\0${e.msgType}`;
@@ -3954,36 +4027,36 @@ class dt {
       if (o === h.Init) {
         const g = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
         await this.enqueueViewTask(a, async () => {
-          var W, v, B;
+          var A, W, v;
           const y = this.viewGenerationById.get(a);
           if (y !== void 0 && g < y)
             return;
           this.viewGenerationById.set(a, g);
-          const S = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (W = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : W.displayer, L = T == null ? void 0 : T.canvasContainerRef.current;
-          if (!T || !L || !l || !p) {
+          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, S);
-          const N = this.mainThreadMap.get(a);
-          N == null || N.destroy();
-          const A = this.createMainThread(a, {
+          const L = this.mainThreadMap.get(a);
+          L == null || L.destroy();
+          const O = this.createMainThread(a, {
             displayer: T,
-            container: L,
+            container: C,
             layerOpt: l,
             master: this.master,
             canvasOpt: p,
             viewOwner: S,
             viewGeneration: g,
-            mainThreadRenderMode: ((B = (v = this.master.control) == null ? void 0 : v.renderingCompatibilityDecision) == null ? void 0 : B.mainThreadRenderMode) ?? "normal",
-            post: (O) => this.post({
-              ...O,
-              viewId: O.viewId || a,
-              viewGeneration: O.viewGeneration ?? g,
+            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,
@@ -3998,38 +4071,38 @@ class dt {
       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, S = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
         if (g && S && f) {
-          const T = this.getSnapshotRequestKey(i), L = this.snapshotThreadsByRequest.get(T);
-          L && this.disposeSnapshotThread(T, L.thread, "replaced");
-          const N = document.createElement("div");
-          N.style.width = `${f.width}px`, N.style.height = `${f.height}px`, S.append(N);
-          const A = {
-            ...he.defaultLayerOpt,
+          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`, S.append(L);
+          const O = {
+            ...pe.defaultLayerOpt,
             offscreen: !1,
             width: f.width,
             height: f.height
-          }, W = {
-            ...he.defaultScreenCanvasOpt,
+          }, A = {
+            ...pe.defaultScreenCanvasOpt,
             width: f.width,
             height: f.height
-          }, v = this.createSnapshotThread(a, {
+          }, W = this.createSnapshotThread(a, {
             displayer: g,
-            container: N,
-            layerOpt: A,
+            container: L,
+            layerOpt: O,
             master: this.master,
-            canvasOpt: W,
+            canvasOpt: A,
             post: this.post,
             viewOwner: this.viewOwnerById.get(a),
             viewGeneration: this.viewGenerationById.get(a)
           });
           this.snapshotThreadsByRequest.set(T, {
-            thread: v,
-            surface: N
-          }), v.on(i).then(() => {
-            this.disposeSnapshotThread(T, v);
-          }).catch((B) => {
+            thread: W,
+            surface: L
+          }), 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, v);
+              `[Appliance]: snapshot render failed; viewId=${a}; error=${v instanceof Error ? v.message : String(v)}`
+            ), this.disposeSnapshotThread(T, W);
           });
           continue;
         }
@@ -4070,37 +4143,37 @@ class dt {
       }
       if (o === h.TasksQueue && (n != null && n.size)) {
         const g = n.get(a), y = this.mainThreadMap.get(a), S = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
-        let L;
+        let C;
         if (g && y)
           try {
             await this.enqueueViewTask(a, async () => {
               this.viewGenerationById.get(a) !== S || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
             });
-          } catch (N) {
-            if (g.msgType !== h.UpdateCamera) throw N;
-            const A = Pe(N);
-            L = {
-              code: A ? "RENDERER_BUSINESS_TIMEOUT" : "RENDERER_BUSINESS_ERROR",
+          } catch (L) {
+            if (g.msgType !== h.UpdateCamera) throw L;
+            const O = Ae(L);
+            C = {
+              code: O ? "RENDERER_BUSINESS_TIMEOUT" : "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
-              message: N instanceof Error ? N.message : String(N),
-              elapsedMs: A ? N.elapsedMs : void 0,
-              stage: A ? N.stage : "update-camera",
-              blockingWorks: A ? N.blockingWorks : void 0,
+              message: L instanceof Error ? L.message : String(L),
+              elapsedMs: O ? L.elapsedMs : void 0,
+              stage: O ? L.stage : "update-camera",
+              blockingWorks: O ? L.blockingWorks : void 0,
               workerType: "mainThread"
             };
           }
-        if (L && q(d)) {
+        if (C && $(d)) {
           this.post({
             viewId: a,
             viewGeneration: S,
             viewOwner: T,
             cameraTaskId: d,
-            cameraTaskStatus: L.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
-            cameraTaskError: L
+            cameraTaskStatus: C.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
+            cameraTaskError: C
           });
           continue;
         }
-        c && q(d) && this.post({
+        c && $(d) && this.post({
           workerTasksqueueCount: c,
           cameraTaskId: d,
           viewId: a,
@@ -4109,7 +4182,7 @@ class dt {
         });
         continue;
       }
-      if (a === ce) {
+      if (a === de) {
         const g = [...this.mainThreadMap.entries()];
         for (const [y, S] of g) {
           const T = this.enqueueViewTask(y, async () => {
@@ -4134,10 +4207,10 @@ class dt {
       }
       if (!k)
         continue;
-      const I = this.viewGenerationById.get(a), R = this.enqueueViewTask(a, async () => {
+      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 R, this.mainThreadMap.get(a) === k && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === R && 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
       ));
@@ -4145,5 +4218,5 @@ class dt {
   }
 }
 export {
-  dt as MainThreadManagerImpl
+  ut as MainThreadManagerImpl
 };