@netless/app-slide 0.2.106-beta.4 → 0.2.106

package/dist/main.es.js

@@ -12845,15 +12845,15 @@ var Slide = function(t) {
   }), i.d(e, "PreloadCancelledError", function() {
     return Nm;
   }), i.d(e, "LOCAL_GIF_RUNTIME_CAPABILITY", function() {
-    return Rw;
+    return Iw;
   }), i.d(e, "delay", function() {
-    return Ow;
-  }), i.d(e, "waitUntil", function() {
     return Lw;
-  }), i.d(e, "SLIDE_EVENTS", function() {
+  }), i.d(e, "waitUntil", function() {
     return Nw;
+  }), i.d(e, "SLIDE_EVENTS", function() {
+    return Dw;
   }), i.d(e, "Slide", function() {
-    return Bw;
+    return Uw;
   });
   const n = [];
   for (let t2 = 0; t2 < 256; t2++)
@@ -33513,20 +33513,20 @@ void main(void){
       }
     }
   }
-  function qy(t2, e2, i2) {
+  function qy(t2, e2, i2, n2) {
     if (!t2 || t2.isTargetAlive && !t2.isTargetAlive())
       return;
-    const n2 = e2.split(".");
-    n2.reduce((r2, o2, s2) => {
-      if (r2)
-        return s2 !== n2.length - 1 ? r2[o2] : void (r2[o2] = i2);
-      console.warn(`${t2} not support ${e2}`);
+    const r2 = e2.split(".");
+    r2.reduce((o2, s2, a2) => {
+      if (o2)
+        return a2 !== r2.length - 1 ? o2[s2] : void (o2[s2] = i2);
+      null == n2 || n2.logger.warn(`${t2} not support ${e2}`, n2.taskId);
     }, t2);
   }
-  function Zy(t2, e2) {
+  function Zy(t2, e2, i2) {
     if (!e2 || !t2 || t2.isTargetAlive && !t2.isTargetAlive())
       return null;
-    return e2.split(".").reduce((i2, n2) => i2 ? i2[n2] : (console.warn(`${t2} not support ${e2}`), null), t2);
+    return e2.split(".").reduce((n2, r2) => n2 ? n2[r2] : (null == i2 || i2.logger.warn(`${t2} not support ${e2}`, i2.taskId), null), t2);
   }
   class Jy {
     constructor(t2) {
@@ -33558,19 +33558,19 @@ void main(void){
   class Ky extends Jy {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.updateStartValue = () => {
-        this.timingTarget && (this.startVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0], this.ctx));
       }, this.onSeekToStart = () => {
         const t3 = this.json.cBhvr.attrList[0];
-        null !== this.startVal && this.timingTarget && qy(this.timingTarget, t3, this.startVal);
+        null !== this.startVal && this.timingTarget && qy(this.timingTarget, t3, this.startVal, this.ctx);
       }, this.onSeekToEnd = () => {
         const t3 = this.json.cBhvr.attrList[0], e2 = this.json.cBhvr.to || this.json.to;
-        e2 && this.timingTarget && qy(this.timingTarget, t3, e2);
+        e2 && this.timingTarget && qy(this.timingTarget, t3, e2, this.ctx);
       }, this.commonTimeNode.on("timeNodeStart", this.updateStartValue), this.commonTimeNode.on("timeNodeCreate", this.updateStartValue), this.commonTimeNode.on("timeUpdate", ({ duration: t3, delta: e2 }) => {
         if (e2 / t3 >= 1) {
           const t4 = this.json.cBhvr.attrList[0];
-          this.json.cBhvr.attrList.length > 1 && console.warn("this.json.cBhvr.attrList.length > 0");
+          this.json.cBhvr.attrList.length > 1 && this.ctx.logger.warn("set behavior has multiple attributes", this.ctx.taskId);
           const e3 = this.json.cBhvr.to || this.json.to;
-          e3 && this.timingTarget && qy(this.timingTarget, t4, e3);
+          e3 && this.timingTarget && qy(this.timingTarget, t4, e3, this.ctx);
         }
       });
     }
@@ -33656,7 +33656,7 @@ void main(void){
   class r_ extends Jy {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.createVal = null, this.vars = { ppt_x: 0, ppt_y: 0, ppt_w: 0, ppt_h: 0, ppt_r: 0 }, this.keyFrames = [], this.isColorAnim = false, this.onTimeNodeStart = () => {
-        this.timingTarget && (this.startVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0], this.ctx));
       }, this.updateVars = () => {
         var t3, e2, i2, n2;
         (null === (t3 = this.timingTarget) || void 0 === t3 ? void 0 : t3.ppt_h) && (this.vars.ppt_h = this.timingTarget.ppt_h), (null === (e2 = this.timingTarget) || void 0 === e2 ? void 0 : e2.ppt_w) && (this.vars.ppt_w = this.timingTarget.ppt_w), (null === (i2 = this.timingTarget) || void 0 === i2 ? void 0 : i2.ppt_x) && (this.vars.ppt_x = this.timingTarget.ppt_x), (null === (n2 = this.timingTarget) || void 0 === n2 ? void 0 : n2.ppt_y) && (this.vars.ppt_y = this.timingTarget.ppt_y), this.isColorAnim;
@@ -33664,17 +33664,17 @@ void main(void){
         const i2 = e2 / t3, n2 = this.keyFrames.findIndex((t4) => i2 <= t4[0]), { attrList: r2 } = this.json.cBhvr;
         if (n2 < 0) {
           const t4 = this.keyFrames[this.keyFrames.length - 1];
-          return void (this.timingTarget && r2 && r2[0] && (t4 ? qy(this.timingTarget, r2[0], t4[1].resolveValue(this.vars)) : this.ctx.logger.error("no keyframe found for anim behavior", this.ctx.taskId)));
+          return void (this.timingTarget && r2 && r2[0] && (t4 ? qy(this.timingTarget, r2[0], t4[1].resolveValue(this.vars), this.ctx) : this.ctx.logger.error("no keyframe found for anim behavior", this.ctx.taskId)));
         }
         const o2 = n2 - 1, s2 = this.keyFrames[n2], a2 = this.keyFrames[o2] || s2, l2 = s2[0] - a2[0] == 0 ? 1 : (i2 - a2[0]) / (s2[0] - a2[0]), h2 = s2[1].interpolationFrom(a2[1], l2, this.vars);
-        this.timingTarget && r2 && r2[0] && qy(this.timingTarget, r2[0], h2);
+        this.timingTarget && r2 && r2[0] && qy(this.timingTarget, r2[0], h2, this.ctx);
       }, this.onSeekToStart = () => {
-        null !== this.startVal && this.timingTarget && qy(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
+        null !== this.startVal && this.timingTarget && qy(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal, this.ctx);
       }, this.onSeekToEnd = () => {
         this.onTimeUpdate({ duration: 1, delta: 1, isReverse: false });
       }, this.onDestroy = () => {
-        null !== this.createVal && this.timingTarget && qy(this.timingTarget, this.json.cBhvr.attrList[0], this.createVal);
-      }, this.initKeyFrames(), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate), this.commonTimeNode.on("timelineStart", this.updateVars), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeDestroy", this.onDestroy), this.createVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0]);
+        null !== this.createVal && this.timingTarget && qy(this.timingTarget, this.json.cBhvr.attrList[0], this.createVal, this.ctx);
+      }, this.initKeyFrames(), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate), this.commonTimeNode.on("timelineStart", this.updateVars), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeDestroy", this.onDestroy), this.createVal = Zy(this.timingTarget, this.json.cBhvr.attrList[0], this.ctx);
     }
     get modifyAttrKey() {
       return this.json.cBhvr.attrList[0];
@@ -33719,7 +33719,7 @@ void main(void){
         for (const t3 of this.json.tavLst)
           if (t3.val && this.timingTarget) {
             let i2 = null;
-            "string" === t3.val.type ? "num" === e2 ? i2 = new i_(t3, this.timingTarget) : "str" === e2 && (i2 = new e_(t3, this.timingTarget)) : "number" === t3.val.type ? i2 = new t_(t3, this.timingTarget) : "color" === t3.val.type ? (this.isColorAnim = true, i2 = new n_(t3, this.timingTarget)) : "boolean" === t3.val.type && console.warn("not implements"), i2 && this.keyFrames.push([t3.time, i2]);
+            "string" === t3.val.type ? "num" === e2 ? i2 = new i_(t3, this.timingTarget) : "str" === e2 && (i2 = new e_(t3, this.timingTarget)) : "number" === t3.val.type ? i2 = new t_(t3, this.timingTarget) : "color" === t3.val.type ? (this.isColorAnim = true, i2 = new n_(t3, this.timingTarget)) : "boolean" === t3.val.type && this.ctx.logger.warn("boolean animation value is not implemented", this.ctx.taskId), i2 && this.keyFrames.push([t3.time, i2]);
           }
       }
     }
@@ -33902,7 +33902,7 @@ void main(void){
           } else if ("Z" === i3)
             e2.closePath();
           else if ("E" === i3)
-            console.warn("not implements");
+            this.ctx.logger.warn("motion path command E is not implemented", this.ctx.taskId);
           else if ("c" === i3) {
             const [t4, i4, r2, o2, s2, a2] = n2.map((t5) => Number(t5)), l2 = e2.currentPoint;
             e2.bezierCurveTo(t4 + l2.x, i4 + l2.y, r2 + l2.x, o2 + l2.y, s2 + l2.x, a2 + l2.y);
@@ -33957,12 +33957,12 @@ void main(void){
           return;
         this.isTimelineStart = true, t3.isReverse || this.updateCurrentValue(), this.from.isInit() || this.from.fromHexString(this.currentColorString), this.to.isInit() || this.from.by(this.by, this.to);
         const e2 = this.json.cBhvr.attrList[0], [i2] = e2.split(".");
-        qy(this.timingTarget, i2 + ".on", "true");
+        qy(this.timingTarget, i2 + ".on", "true", this.ctx);
       }, this.onTimeNodeEnd = () => {
         const t3 = this.json.cBhvr.attrList[0];
         if ("remove" === this.json.cBhvr.ctn.fill) {
           const [e2] = t3.split(".");
-          qy(this.timingTarget, e2 + ".on", "false");
+          qy(this.timingTarget, e2 + ".on", "false", this.ctx);
         }
         this.isTimelineStart = false;
       }, this.onSeekToStart = () => {
@@ -33973,19 +33973,19 @@ void main(void){
           const i2 = "ppt_c.color" === e2 || "text.color" === e2;
           if ((null === (t3 = this.timingTarget.fill) || void 0 === t3 ? void 0 : t3.designColor.toUpperCase()) === this.from.toHexString().toUpperCase() || i2) {
             const [t4] = e2.split(".");
-            qy(this.timingTarget, t4 + ".on", "false");
+            qy(this.timingTarget, t4 + ".on", "false", this.ctx);
           }
         }
       }, this.onTimeNodeStart = () => {
         if (this.timingTarget) {
-          const t3 = this.json.cBhvr.attrList[0], e2 = Zy(this.timingTarget, t3);
+          const t3 = this.json.cBhvr.attrList[0], e2 = Zy(this.timingTarget, t3, this.ctx);
           e2 && (this.startColorString = e2);
         }
       }, this.onTimeUpdate = ({ delta: t3, duration: e2 }) => {
         const i2 = t3 / e2;
         if (this.to.interpolationFrom(this.from, i2, this.target), this.timingTarget) {
           const t4 = this.json.cBhvr.attrList[0];
-          qy(this.timingTarget, t4, this.target.toHexString());
+          qy(this.timingTarget, t4, this.target.toHexString(), this.ctx);
         }
       }, this.onSeekToEnd = () => {
         this.isTimelineStart || this.onTimelineStart({ isReverse: false, activeCount: 0, id: "" }), this.onTimeUpdate({ duration: 1, delta: 1 });
@@ -34000,7 +34000,7 @@ void main(void){
     }
     updateCurrentValue() {
       if (this.timingTarget) {
-        const t2 = this.json.cBhvr.attrList[0], e2 = Zy(this.timingTarget, t2);
+        const t2 = this.json.cBhvr.attrList[0], e2 = Zy(this.timingTarget, t2, this.ctx);
         e2 && (this.currentColorString = e2);
       }
     }
@@ -37154,8 +37154,8 @@ geometry=${JSON.stringify(o2)}`;
         t2(() => this.clearAutoForwardTimer()), t2(() => this.lifecycleClock.dispose()), t2(() => this.app.view.removeEventListener("webglcontextlost", this.onWebGLLost)), t2(() => cg.collectObjectByGroup(this.objPoolGroup)), t2(() => Xx.collectObjectByGroup(this.objPoolGroup)), t2(() => {
           var t3;
           return null === (t3 = this.transactionPlayer) || void 0 === t3 ? void 0 : t3.destroy();
-        }), t2(() => this.loader.destroy()), t2(() => this.fps.destroy()), t2(() => this.stagePool.destroyAllStage()), t2(() => this.stagePool.destroy()), t2(() => function(t3) {
-          var e2, i2, n2, r2, o2, s2;
+        }), t2(() => this.loader.destroy()), t2(() => this.fps.destroy()), t2(() => this.stagePool.destroyAllStage()), t2(() => this.stagePool.destroy()), t2(() => function(t3, e2) {
+          var i2, n2, r2, o2, s2;
           let a2 = null, l2 = null;
           try {
             a2 = t3.view;
@@ -37166,14 +37166,17 @@ geometry=${JSON.stringify(o2)}`;
           } catch (t4) {
           }
           try {
-            null === (n2 = null === (i2 = null === (e2 = null == l2 ? void 0 : l2.filter) || void 0 === e2 ? void 0 : e2.texturePool) || void 0 === i2 ? void 0 : i2.clear) || void 0 === n2 || n2.call(i2, true);
+            null === (r2 = null === (n2 = null === (i2 = null == l2 ? void 0 : l2.filter) || void 0 === i2 ? void 0 : i2.texturePool) || void 0 === n2 ? void 0 : n2.clear) || void 0 === r2 || r2.call(n2, true);
           } catch (t4) {
           }
           try {
-            const t4 = null == l2 ? void 0 : l2.gl, e3 = null === (r2 = null == t4 ? void 0 : t4.getExtension) || void 0 === r2 ? void 0 : r2.call(t4, "WEBGL_lose_context");
-            (null == e3 ? void 0 : e3.loseContext) && true !== (null === (o2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === o2 ? void 0 : o2.call(t4)) && e3.loseContext(), console.info("[Slide][webgl] release requested", { hasContext: Boolean(t4), hasLoseContext: Boolean(null == e3 ? void 0 : e3.loseContext), contextLost: null === (s2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === s2 ? void 0 : s2.call(t4) });
+            const t4 = null == l2 ? void 0 : l2.gl, e3 = null === (o2 = null == t4 ? void 0 : t4.getExtension) || void 0 === o2 ? void 0 : o2.call(t4, "WEBGL_lose_context");
+            (null == e3 ? void 0 : e3.loseContext) && true !== (null === (s2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === s2 ? void 0 : s2.call(t4)) && e3.loseContext();
           } catch (t4) {
-            console.warn("[Slide][webgl] release failed", t4);
+            try {
+              e2 ? e2(t4) : console.warn("[Slide][webgl] release failed", t4);
+            } catch (t5) {
+            }
           }
           try {
             t3.destroy(true, { children: true, texture: true, baseTexture: true });
@@ -37181,7 +37184,9 @@ geometry=${JSON.stringify(o2)}`;
           } finally {
             (null == a2 ? void 0 : a2.parentNode) && a2.parentNode.removeChild(a2);
           }
-        }(this.app)), t2(() => this.globalEventHub.removeAllListeners()), t2(() => this.removeAllListeners()), t2(() => this.tracker({ name: "slidePlayerDestroy", result: "", reason: "", payload: {} }));
+        }(this.app, (t3) => {
+          this.logger.warn("[Slide][webgl] release failed", this.taskId, t3);
+        })), t2(() => this.globalEventHub.removeAllListeners()), t2(() => this.removeAllListeners()), t2(() => this.tracker({ name: "slidePlayerDestroy", result: "", reason: "", payload: {} }));
       } finally {
         this.lifecycle = "disposed";
       }
@@ -38750,28 +38755,45 @@ geometry=${JSON.stringify(o2)}`;
       return !!this.available && !!this.locks[t3];
     }, t2;
   }(), mw = function() {
-    function t2() {
-      var t3 = this;
-      this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
-        t3.isScheduling = true;
-        var e2 = t3.tasks.shift();
-        e2 && !t3.isDestroy && (e2.status = "running", t3.runningTask = e2, e2.fn.apply(null).then(function() {
-          t3.runningTask = void 0, t3.tasks.length > 0 ? setTimeout(t3.schedule) : t3.isScheduling = false;
-        }).catch(function() {
-          t3.runningTask = void 0, t3.tasks.length > 0 ? setTimeout(t3.schedule) : t3.isScheduling = false;
-        }));
+    function t2(t3) {
+      var e2 = this;
+      this.onWarning = t3, this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
+        e2.isScheduling = true;
+        var t4 = e2.tasks.shift();
+        t4 && !e2.isDestroy ? (t4.status = "running", Promise.resolve().then(t4.fn).catch(function() {
+        }).finally(function() {
+          !e2.isDestroy && e2.tasks.length > 0 ? setTimeout(e2.schedule) : e2.isScheduling = false;
+        })) : e2.isScheduling = false;
       };
     }
-    return t2.prototype.getRunningTask = function() {
-      var t3;
-      return null !== (t3 = this.runningTask) && void 0 !== t3 ? t3 : null;
-    }, t2.prototype.addTask = function(t3, e2) {
-      var i2 = { type: t3, status: "wait", fn: e2 }, n2 = this.getRunningTask();
-      n2 && t3 === n2.type || (this.tasks = this.tasks.filter(function(e3) {
-        return e3.type !== t3;
-      }), this.tasks.push(i2), this.isScheduling || this.schedule());
+    return t2.prototype.warn = function(t3) {
+      try {
+        this.onWarning ? this.onWarning("frozen task cancellation callback failed", t3) : console.warn("[Slide] frozen task cancellation callback failed", t3);
+      } catch (t4) {
+      }
+    }, t2.prototype.cancelPending = function(t3) {
+      for (var e2, i2 = 0, n2 = this.tasks.splice(0); i2 < n2.length; i2++) {
+        var r2 = n2[i2];
+        try {
+          null === (e2 = r2.onCancelled) || void 0 === e2 || e2.call(r2, new Error("Slide " + r2.type + " task " + t3));
+        } catch (t4) {
+          this.warn(t4);
+        }
+      }
+    }, t2.prototype.addTask = function(t3, e2, i2) {
+      if (this.isDestroy)
+        try {
+          null == i2 || i2(new Error("Slide " + t3 + " task cancelled after destroy"));
+        } catch (t4) {
+          this.warn(t4);
+        }
+      else {
+        this.cancelPending("superseded");
+        var n2 = { type: t3, status: "wait", fn: e2, onCancelled: i2 };
+        this.tasks.push(n2), this.isScheduling || this.schedule();
+      }
     }, t2.prototype.destroy = function() {
-      this.isDestroy = true;
+      this.isDestroy = true, this.cancelPending("cancelled after destroy");
     }, t2;
   }(), gw = function() {
     return (gw = Object.assign || function(t2) {
@@ -39252,7 +39274,7 @@ geometry=${JSON.stringify(o2)}`;
       return bw(this, function(c2) {
         switch (c2.label) {
           case 0:
-            return o2 = document.createElement("div"), (s2 = new Bw({ anchor: o2, renderOptions: { minFPS: 1, maxFPS: 1, resolution: 1, maxResolutionLevel: i2, forceCanvas: true }, mode: "local", interactive: false, useLocalCache: true })).setResource(t2, e2), [4, s2.getSlideCountAsync()];
+            return o2 = document.createElement("div"), (s2 = new Uw({ anchor: o2, renderOptions: { minFPS: 1, maxFPS: 1, resolution: 1, maxResolutionLevel: i2, forceCanvas: true }, mode: "local", interactive: false, useLocalCache: true })).setResource(t2, e2), [4, s2.getSlideCountAsync()];
           case 1:
             a2 = c2.sent(), c2.label = 2;
           case 2:
@@ -39423,18 +39445,23 @@ geometry=${JSON.stringify(o2)}`;
         }([o3, a3]);
       };
     }
-  }, Rw = "netless-slide-local-gif-production-client-geometry", Iw = function(t2) {
+  }, Rw = function(t2, e2, i2) {
+    if (i2 || 2 === arguments.length)
+      for (var n2, r2 = 0, o2 = e2.length; r2 < o2; r2++)
+        !n2 && r2 in e2 || (n2 || (n2 = Array.prototype.slice.call(e2, 0, r2)), n2[r2] = e2[r2]);
+    return t2.concat(n2 || Array.prototype.slice.call(e2));
+  }, Iw = "netless-slide-local-gif-production-client-geometry", Pw = function(t2) {
     function e2() {
       var e3 = null !== t2 && t2.apply(this, arguments) || this;
       return e3.code = "PLAYER_RENDER_TIMEOUT", e3;
     }
     return Sw(e2, t2), e2;
-  }(Error), Pw = window.ResizeObserver || qb, Ow = function(t2) {
+  }(Error), Ow = window.ResizeObserver || qb, Lw = function(t2) {
     return new Promise(function(e2) {
       return setTimeout(e2, t2);
     });
   };
-  function Lw(t2, e2) {
+  function Nw(t2, e2) {
     return Mw(this, void 0, void 0, function() {
       var i2;
       return Cw(this, function(n2) {
@@ -39442,7 +39469,7 @@ geometry=${JSON.stringify(o2)}`;
           case 0:
             i2 = Date.now(), n2.label = 1;
           case 1:
-            return !t2() && Date.now() - i2 < e2 ? [4, Ow(50)] : [3, 3];
+            return !t2() && Date.now() - i2 < e2 ? [4, Lw(50)] : [3, 3];
           case 2:
             return n2.sent(), i2 = Date.now(), [3, 1];
           case 3:
@@ -39451,27 +39478,29 @@ geometry=${JSON.stringify(o2)}`;
       });
     });
   }
-  var Nw = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart", useraddLink: "useraddLink" }, Dw = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, Fw = "";
+  var Dw = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart", useraddLink: "useraddLink" }, Fw = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, kw = "";
   try {
-    Fw = "1.4.62-beta.0";
+    kw = "1.4.62";
   } catch (t2) {
-    Fw = "-dev-";
+    kw = "-dev-";
   }
-  var kw = null;
+  var Bw = null;
   try {
-    (kw = r.createInstance({ name: "__slide_local_log__", driver: r.INDEXEDDB, version: 1 })).ready(function(t2) {
+    (Bw = r.createInstance({ name: "__slide_local_log__", driver: r.INDEXEDDB, version: 1 })).ready(function(t2) {
     }).catch(function(t2) {
     });
   } catch (t2) {
   }
   navigator.userAgent.toUpperCase().includes("HUAWEI") && document.createElement("canvas").getContext("2d").fillText("\u9065\u9065\u9886\u5148", 0, 10);
-  var Bw = function(t2) {
+  var Uw = function(t2) {
     function e2(i3) {
       var r3 = t2.call(this) || this;
-      r3.iosResetCache = [], r3.iosResetPending = false, r3.version = Fw, r3.__slideState = hb()(Dw), r3.userInputTime = 0, r3.isSyncingSlideState = false, r3.frozenTaskManager = new mw(), r3.randomId = function() {
+      r3.iosResetCache = [], r3.iosResetPending = false, r3.version = kw, r3.__slideState = hb()(Fw), r3.userInputTime = 0, r3.isSyncingSlideState = false, r3.frozenTaskManager = new mw(function(t3, e3) {
+        r3.logger.warn(t3, r3.taskId, e3);
+      }), r3.randomId = function() {
         const t3 = 4294967295 * Math.random() | 0, e3 = 4294967295 * Math.random() | 0, i4 = 4294967295 * Math.random() | 0, r4 = 4294967295 * Math.random() | 0;
         return (n[255 & t3] + n[t3 >> 8 & 255] + n[t3 >> 16 & 255] + n[t3 >> 24 & 255] + "-" + n[255 & e3] + n[e3 >> 8 & 255] + "-" + n[e3 >> 16 & 15 | 64] + n[e3 >> 24 & 255] + "-" + n[63 & i4 | 128] + n[i4 >> 8 & 255] + "-" + n[i4 >> 16 & 255] + n[i4 >> 24 & 255] + n[255 & r4] + n[r4 >> 8 & 255] + n[r4 >> 16 & 255] + n[r4 >> 24 & 255]).toUpperCase();
-      }(), r3.resize = false, r3.isAnimating = false, r3.renderingTaskManager = new tT(), r3.lifecycle = "alive", r3.lifecycleGeneration = 0, r3.playerDestroyCallbacks = [], r3.renderVisibilityTimers = /* @__PURE__ */ new Set(), r3.isLoading = false, r3.isReleasing = false, r3.interactive = true, r3.canRetryWithoutPlayer = false, r3.syncCatchUpInputBlocked = false, r3.playerGeneration = 0, r3.playerGenerations = /* @__PURE__ */ new WeakMap(), r3.playerSwapRenderTimeoutMs = 6e4, r3.pptMediaPermissionCallbacks = /* @__PURE__ */ new Set(), r3.pptMediaPermissionNotified = false, r3.pptMediaPermissionRenotifyPending = false, r3.renderingIndex = 0, r3.frameWidth = 1, r3.frameHeight = 1, r3.frame = document.createElement("div"), r3.canvasContainer = document.createElement("div"), r3.medianController = document.createElement("div"), r3.frameResizeObserver = new Pw(function() {
+      }(), r3.resize = false, r3.isAnimating = false, r3.renderingTaskManager = new tT(), r3.lifecycle = "alive", r3.lifecycleGeneration = 0, r3.playerDestroyCallbacks = [], r3.renderVisibilityTimers = /* @__PURE__ */ new Set(), r3.isLoading = false, r3.isReleasing = false, r3.interactive = true, r3.canRetryWithoutPlayer = false, r3.syncCatchUpInputBlocked = false, r3.playerGeneration = 0, r3.playerGenerations = /* @__PURE__ */ new WeakMap(), r3.playerSwapRenderTimeoutMs = 6e4, r3.pptMediaPermissionCallbacks = /* @__PURE__ */ new Set(), r3.pptMediaPermissionNotified = false, r3.pptMediaPermissionRenotifyPending = false, r3.renderingIndex = 0, r3.frameWidth = 1, r3.frameHeight = 1, r3.frame = document.createElement("div"), r3.canvasContainer = document.createElement("div"), r3.medianController = document.createElement("div"), r3.frameResizeObserver = new Ow(function() {
         return r3.frameResizeHandler();
       }), r3.timestamp = function() {
         return Date.now();
@@ -39526,7 +39555,7 @@ geometry=${JSON.stringify(o2)}`;
           return Cw(this, function(h2) {
             switch (h2.label) {
               case 0:
-                return sg()(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(Nw.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), "nextStep" !== t3.type ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
+                return sg()(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(Dw.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), "nextStep" !== t3.type ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
                   l2.doNextStep(true, t3.clientId || "");
                 })) : this.doNextStep(true, t3.clientId || ""), [3, 6]);
               case 1:
@@ -39577,10 +39606,12 @@ geometry=${JSON.stringify(o2)}`;
         var o3 = null === (n2 = r3.config.logger) || void 0 === n2 ? void 0 : n2.info;
         o3 && o3("[" + i4 + "] " + t3);
       }, warn: function(t3, i4) {
-        var n2;
-        e2.appendLogString("WARN - " + new Date().toISOString() + " - {" + r3.randomId + "}[" + i4 + "] " + t3 + "\n"), e2.trackLogger.addLog(t3, "warn", i4, r3.randomId);
-        var o3 = null === (n2 = r3.config.logger) || void 0 === n2 ? void 0 : n2.warn;
-        o3 && o3("[" + i4 + "] " + t3);
+        for (var n2, o3 = [], s2 = 2; s2 < arguments.length; s2++)
+          o3[s2 - 2] = arguments[s2];
+        var a2 = o3.length ? t3 + ": " + o3.map(String).join(" ") : t3;
+        e2.appendLogString("WARN - " + new Date().toISOString() + " - {" + r3.randomId + "}[" + i4 + "] " + a2 + "\n"), e2.trackLogger.addLog(a2, "warn", i4, r3.randomId);
+        var l2 = null === (n2 = r3.config.logger) || void 0 === n2 ? void 0 : n2.warn;
+        l2 && l2.apply(void 0, Rw(["[" + i4 + "] " + t3], o3, false));
       }, error: function(t3, i4) {
         var n2;
         e2.appendLogString("ERROR - " + new Date().toISOString() + " - {" + r3.randomId + "}[" + i4 + "] " + t3 + "\n"), e2.trackLogger.addLog(t3, "error", i4, r3.randomId);
@@ -39590,7 +39621,7 @@ geometry=${JSON.stringify(o2)}`;
       var o2 = cw(r3.mode, r3.config.syncEventQueuePolicy);
       return r3.config.syncEventQueuePolicy = o2, r3.syncQueue = new pw(r3.receiveSyncHandler, { policy: o2, onCompact: r3.handleSyncQueueCompact, onCompactedRenderComplete: r3.handleSyncQueueCompactRenderComplete, onCatchUpStateChange: r3.handleSyncQueueCatchUpStateChange, shouldTrackCatchUpEvent: function(t3) {
         return !r3.selfSyncEvents.has(t3);
-      } }), r3.lock = new fw("interactive" === r3.mode), r3.cacheImage.style.position = "absolute", r3.cacheImage.style.display = "block", r3.cacheImage.style.zIndex = "100", r3.setMedianControllerAttribute(), r3.canvasContainer.style.position = "relative", r3.canvasContainer.style.fontSize = "0", r3.canvasContainer.appendChild(r3.medianController), r3.frame.appendChild(r3.canvasContainer), r3.frame.appendChild(r3.cacheImage), r3.config.disableFrameResizeObserver || r3.frameResizeObserver.observe(r3.frame), r3.on(Nw.syncReceive, function(t3) {
+      } }), r3.lock = new fw("interactive" === r3.mode), r3.cacheImage.style.position = "absolute", r3.cacheImage.style.display = "block", r3.cacheImage.style.zIndex = "100", r3.setMedianControllerAttribute(), r3.canvasContainer.style.position = "relative", r3.canvasContainer.style.fontSize = "0", r3.canvasContainer.appendChild(r3.medianController), r3.frame.appendChild(r3.canvasContainer), r3.frame.appendChild(r3.cacheImage), r3.config.disableFrameResizeObserver || r3.frameResizeObserver.observe(r3.frame), r3.on(Dw.syncReceive, function(t3) {
         (r3.lock.unlock(t3.type, t3.uuid) || !!r3.config.clientId && t3.clientId === r3.config.clientId) && r3.selfSyncEvents.add(t3), !r3.player && r3.config.skipActionWhenFrozen || "sync" === r3.mode && r3.config.clientId === t3.clientId || r3.syncQueue.addTask(t3);
       }), r3.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, i4 = t3.task, n2 = Sm.transform(e3);
@@ -39610,7 +39641,7 @@ geometry=${JSON.stringify(o2)}`;
                 return [3, 5];
               i3.label = 1;
             case 1:
-              return i3.trys.push([1, 3, , 4]), [4, null == kw ? void 0 : kw.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)];
+              return i3.trys.push([1, 3, , 4]), [4, null == Bw ? void 0 : Bw.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)];
             case 2:
               return i3.sent(), [3, 4];
             case 3:
@@ -39632,11 +39663,11 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               return e2.remoteLogAddress = t3, [4, e2.flushLog(true)];
             case 1:
-              if (a2.sent(), !kw)
+              if (a2.sent(), !Bw)
                 return [3, 13];
               i3 = [], a2.label = 2;
             case 2:
-              return a2.trys.push([2, 4, , 5]), [4, kw.keys()];
+              return a2.trys.push([2, 4, , 5]), [4, Bw.keys()];
             case 3:
               return i3 = (a2.sent() || []).sort(function(t4, e3) {
                 return parseInt(t4.replace("run_time_log_", "")) - parseInt(e3.replace("run_time_log_", ""));
@@ -39650,7 +39681,7 @@ geometry=${JSON.stringify(o2)}`;
                 return [3, 13];
               o2 = r3[n2], o2.replace("run_time_log_", ""), s2 = "", a2.label = 7;
             case 7:
-              return a2.trys.push([7, 9, , 10]), [4, kw.getItem(o2)];
+              return a2.trys.push([7, 9, , 10]), [4, Bw.getItem(o2)];
             case 8:
               return s2 = a2.sent() || "", [3, 10];
             case 9:
@@ -39687,7 +39718,7 @@ geometry=${JSON.stringify(o2)}`;
         t4 instanceof Qb || e3.logger.error(t4, e3.taskId);
       });
     }, e2.prototype.reportError = function(t3, i3) {
-      this.emit(Nw.renderError, { error: t3, index: i3 }), window.postMessage({ type: "@slide/_error_", errorType: t3.errorType, errorMsg: t3.errorMsg, slideId: this.randomId, slideIndex: i3 || -1, customMessage: "@slide/_error_" }, "*"), e2.trackLogger.uploadLog(true);
+      this.emit(Dw.renderError, { error: t3, index: i3 }), window.postMessage({ type: "@slide/_error_", errorType: t3.errorType, errorMsg: t3.errorMsg, slideId: this.randomId, slideIndex: i3 || -1, customMessage: "@slide/_error_" }, "*"), e2.trackLogger.uploadLog(true);
     }, e2.prototype.initSlideConfig = function(t3) {
       return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (eb.RtcAudioClazz = t3.rtcAudio), false !== t3.enableWebAudio && (t3.enableWebAudio = true), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !el()(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3.disableClickDebounce = t3.disableClickDebounce || false, t3;
     }, e2.prototype.initPlayer = function(t3) {
@@ -39701,11 +39732,11 @@ geometry=${JSON.stringify(o2)}`;
       }), s2.on(tb.mediaPermissionResolved, function() {
         r3.handlePptMediaPermissionResolved();
       }), s2.on(tb.renderStart, function(t4) {
-        r3.isLoading = true, r3.emit(Nw.renderStart, t4), window.postMessage({ type: "@slide/_render_start_", taskId: r3.taskId, index: t4 }, "*");
+        r3.isLoading = true, r3.emit(Dw.renderStart, t4), window.postMessage({ type: "@slide/_render_start_", taskId: r3.taskId, index: t4 }, "*");
       }), s2.on(tb.renderEnd, function(t4) {
-        r3.isLoading = false, r3.player && (r3.designHeight = r3.player.designHeight, r3.designWidth = r3.player.designWidth, r3.cacheImage.style.width = r3.player.designWidth + "px", r3.cacheImage.style.height = r3.player.designHeight + "px", r3.cacheImage.style.maxWidth = r3.player.designWidth + "px", r3.cacheImage.style.minWidth = r3.player.designHeight + "px", r3._slideCount = r3.player.slideCount), r3.emit(Nw.renderEnd, t4), window.postMessage({ type: "@slide/_render_end_", taskId: r3.taskId, index: t4 }, "*");
+        r3.isLoading = false, r3.player && (r3.designHeight = r3.player.designHeight, r3.designWidth = r3.player.designWidth, r3.cacheImage.style.width = r3.player.designWidth + "px", r3.cacheImage.style.height = r3.player.designHeight + "px", r3.cacheImage.style.maxWidth = r3.player.designWidth + "px", r3.cacheImage.style.minWidth = r3.player.designHeight + "px", r3._slideCount = r3.player.slideCount), r3.emit(Dw.renderEnd, t4), window.postMessage({ type: "@slide/_render_end_", taskId: r3.taskId, index: t4 }, "*");
       }), s2.on(tb.slideChange, function(t4) {
-        r3.__slideState.currentSlideIndex = t4, r3.emitStateChange(), r3.emit(Nw.slideChange, t4);
+        r3.__slideState.currentSlideIndex = t4, r3.emitStateChange(), r3.emit(Dw.slideChange, t4);
       }), s2.on(tb.mainSeqStateChange, function(t4) {
         r3.__slideState.mainSeqState = t4, r3.emitStateChange();
       }), s2.on(tb.mainSeqStepChange, function(t4) {
@@ -39714,16 +39745,16 @@ geometry=${JSON.stringify(o2)}`;
         var e4 = t4.id, i4 = t4.state;
         r3.__slideState.interactiveSeqState[e4] = i4, r3.emitStateChange();
       }), s2.on(tb.animateStart, function() {
-        true !== r3.isAnimating && (r3.isAnimating = true, r3.emit(Nw.animateStart));
+        true !== r3.isAnimating && (r3.isAnimating = true, r3.emit(Dw.animateStart));
       }), s2.on(tb.animateEnd, function() {
-        false !== r3.isAnimating && (r3.isAnimating = false, r3.emit(Nw.animateEnd));
+        false !== r3.isAnimating && (r3.isAnimating = false, r3.emit(Dw.animateEnd));
       }), s2.on(tb.interactiveSeqAction, function(t4) {
         var e4 = t4.action, i4 = t4.seqId;
         r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "interactiveAnim", action: e4, seqId: i4 }), r3.emitStateChange();
       }), s2.on(tb.mainSeqStepStart, function(t4) {
-        r3.emit(Nw.mainSeqStepStart, t4);
+        r3.emit(Dw.mainSeqStepStart, t4);
       }), s2.on(tb.mainSeqStepEnd, function(t4) {
-        r3.emit(Nw.mainSeqStepEnd, t4);
+        r3.emit(Dw.mainSeqStepEnd, t4);
       }), s2.on(tb.mediaPlay, function(t4) {
         var e4, i4 = null !== (e4 = r3.__slideState.mediaState[t4.id]) && void 0 !== e4 ? e4 : {};
         i4.type = "play", i4.time = r3.timestamp() - 1e3 * t4.time, r3.__slideState.mediaState[t4.id] = i4, t4._stateOnly ? "interactive" === r3.config.mode && r3.receiveSyncHandler({ slideIndex: r3.__slideState.currentSlideIndex, type: "mediaPlay", id: t4.id, state: i4 }).catch(function(t5) {
@@ -39746,7 +39777,7 @@ geometry=${JSON.stringify(o2)}`;
       }), s2.on(tb.requestNextSlide, function(t4) {
         r3.handleNextSlide(t4);
       }), s2.on(tb.useraddLink, function(t4) {
-        r3.emit(Nw.useraddLink, r3.taskId, r3.renderingIndex, t4);
+        r3.emit(Dw.useraddLink, r3.taskId, r3.renderingIndex, t4);
       }), s2.on(tb.requestGotoSlide, function(t4) {
         var e4;
         r3.syncCatchUpInputBlocked || ((null === (e4 = r3.config.navigatorDelegate) || void 0 === e4 ? void 0 : e4.gotoPage) ? r3.config.navigatorDelegate.gotoPage(t4) : r3.handleGotoSlide(t4));
@@ -39887,7 +39918,7 @@ geometry=${JSON.stringify(o2)}`;
                   return [2];
                 this.initInteractiveSeq(t3), this.__slideState.interactiveSeqState = t3.interactiveSeqState;
               }
-              return null == e3 || e3(), [4, Ow(1500)];
+              return null == e3 || e3(), [4, Lw(1500)];
             case 9:
               if (d2.sent(), !s2())
                 return [2];
@@ -40053,7 +40084,7 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               i3 = this.playerSwapRenderTimeoutMs, r3 = new Promise(function(t4, r4) {
                 n2 = setTimeout(function() {
-                  r4(new Iw("player render slide " + e3 + " timeout after " + i3 + "ms"));
+                  r4(new Pw("player render slide " + e3 + " timeout after " + i3 + "ms"));
                 }, i3);
               }), o2.label = 1;
             case 1:
@@ -40159,7 +40190,7 @@ geometry=${JSON.stringify(o2)}`;
       var t3, e3;
       return null !== (e3 = null === (t3 = this.player) || void 0 === t3 ? void 0 : t3.getSnapshot()) && void 0 !== e3 ? e3 : null;
     }, e2.prototype.nextStep = function() {
-      !this.isLoading && this.player && this.interactive && !this.syncCatchUpInputBlocked ? (this.hasNextStep() || this.emit(Nw.slideStepEnd), this.player.mainSeqHasNextStep() ? "interactive" === this.mode ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() + 1 }) : "sync" === this.mode ? (this.doNextStep(false, ""), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() })) : this.doNextStep(false, "") : this.handleNextSlide()) : this.logger.info("prevent nextStep. isLoading: " + this.isLoading + ", player: " + !!this.player + ", interactive: " + this.interactive + ", syncCatchUpInputBlocked: " + this.syncCatchUpInputBlocked, this.taskId);
+      !this.isLoading && this.player && this.interactive && !this.syncCatchUpInputBlocked ? (this.hasNextStep() || this.emit(Dw.slideStepEnd), this.player.mainSeqHasNextStep() ? "interactive" === this.mode ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() + 1 }) : "sync" === this.mode ? (this.doNextStep(false, ""), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() })) : this.doNextStep(false, "") : this.handleNextSlide()) : this.logger.info("prevent nextStep. isLoading: " + this.isLoading + ", player: " + !!this.player + ", interactive: " + this.interactive + ", syncCatchUpInputBlocked: " + this.syncCatchUpInputBlocked, this.taskId);
     }, e2.prototype.doNextStep = function(t3, e3) {
       if (this.player) {
         var i3 = !this.config.clientId || e3 === this.config.clientId;
@@ -40168,7 +40199,7 @@ geometry=${JSON.stringify(o2)}`;
         this.__slideState.mainSeqStep = n2, this.emitStateChange();
       }
     }, e2.prototype.prevStep = function() {
-      !this.isLoading && this.player && this.interactive && !this.syncCatchUpInputBlocked ? (this.hasPrevStep() || this.emit(Nw.slideStepStart), this.player.mainSeqHasPrevStep() ? "interactive" === this.mode ? this.emitSyncDispatch({ type: "prevStep", slideIndex: this.__slideState.currentSlideIndex, next: this.player.mainSeqStep() - 1 }) : "sync" === this.mode ? (this.doPrevStep(), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "prevStep", next: this.player.mainSeqStep() })) : this.doPrevStep() : this.handlePrevSlide()) : this.logger.info("prevent prevStep. isLoading: " + this.isLoading + ", player: " + !!this.player + ", interactive: " + this.interactive + ", syncCatchUpInputBlocked: " + this.syncCatchUpInputBlocked, this.taskId);
+      !this.isLoading && this.player && this.interactive && !this.syncCatchUpInputBlocked ? (this.hasPrevStep() || this.emit(Dw.slideStepStart), this.player.mainSeqHasPrevStep() ? "interactive" === this.mode ? this.emitSyncDispatch({ type: "prevStep", slideIndex: this.__slideState.currentSlideIndex, next: this.player.mainSeqStep() - 1 }) : "sync" === this.mode ? (this.doPrevStep(), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "prevStep", next: this.player.mainSeqStep() })) : this.doPrevStep() : this.handlePrevSlide()) : this.logger.info("prevent prevStep. isLoading: " + this.isLoading + ", player: " + !!this.player + ", interactive: " + this.interactive + ", syncCatchUpInputBlocked: " + this.syncCatchUpInputBlocked, this.taskId);
     }, e2.prototype.doPrevStep = function(t3) {
       if (void 0 === t3 && (t3 = false), this.player) {
         this.player.prevStep(t3);
@@ -40180,14 +40211,14 @@ geometry=${JSON.stringify(o2)}`;
     }, e2.prototype.emitStateChange = function() {
       if ("local" !== this.mode && !this.isSyncingSlideState) {
         var t3 = this.slideState;
-        !ob()(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(Nw.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
+        !ob()(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(Dw.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
       }
     }, e2.prototype.emitSyncDispatch = function(t3) {
       if (!this.lock.isLocked(t3.type)) {
         var e3 = Math.random().toString(32).substr(2);
         this.lock.addLock(t3.type, e3);
         var i3 = Ew(Ew({}, t3), { uuid: e3, clientId: this.config.clientId });
-        "sync" === this.config.mode && (i3.incrId = this.dispatchIncrId), this.emit(Nw.syncDispatch, i3), this.logger.info("sync dispatch " + JSON.stringify(i3), this.taskId);
+        "sync" === this.config.mode && (i3.incrId = this.dispatchIncrId), this.emit(Dw.syncDispatch, i3), this.logger.info("sync dispatch " + JSON.stringify(i3), this.taskId);
       }
     }, e2.prototype.setMainSeqStep = function(t3, e3) {
       var i3;
@@ -40230,7 +40261,7 @@ geometry=${JSON.stringify(o2)}`;
         return i3._doFrozen(t3).catch(function(t4) {
           throw null == e3 || e3(t4), t4;
         });
-      });
+      }, e3);
     }, e2.prototype._doRelease = function(t3, e3) {
       var i3, n2;
       return Mw(this, void 0, void 0, function() {
@@ -40246,7 +40277,7 @@ geometry=${JSON.stringify(o2)}`;
             case 2:
               if (d2.sent(), "alive" !== this.lifecycle || this.player)
                 throw new Error("Slide release cancelled before player creation");
-              for (s2 in r3 = this.player = this.initPlayer(this.config), (null === (i3 = this.config) || void 0 === i3 ? void 0 : i3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), o2 = this.__slideState, this.__slideState = hb()(Dw), o2.mediaState)
+              for (s2 in r3 = this.player = this.initPlayer(this.config), (null === (i3 = this.config) || void 0 === i3 ? void 0 : i3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), o2 = this.__slideState, this.__slideState = hb()(Fw), o2.mediaState)
                 "play" === (a2 = o2.mediaState[s2]).type && (l2 = Math.max(null !== (n2 = a2.frozenTime) && void 0 !== n2 ? n2 : 0, a2.time), a2.time = this.timestamp() - (l2 - a2.time), a2.frozenTime = void 0);
               return null == e3 || e3(), h2 = Promise.resolve(), this.setSlideState(o2, function() {
                 h2 = new Promise(function(t4) {
@@ -40276,7 +40307,7 @@ geometry=${JSON.stringify(o2)}`;
         return n2._doRelease(t3, e3).catch(function(t4) {
           throw null == i3 || i3(t4), t4;
         });
-      });
+      }, i3);
     }, e2.prototype._doDestroy = function() {
       var t3, i3, n2, r3, o2 = this;
       if ("disposed" !== this.lifecycle) {
@@ -40313,7 +40344,7 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               t3 = 0, e3.label = 1;
             case 1:
-              return this.isLoading && t3 < 10 ? [4, Ow(100)] : [3, 3];
+              return this.isLoading && t3 < 10 ? [4, Lw(100)] : [3, 3];
             case 2:
               return e3.sent(), t3 += 1, [3, 1];
             case 3:
@@ -40436,11 +40467,11 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               return [4, e2.flushLog(true)];
             case 1:
-              if (i3.sent(), !kw)
+              if (i3.sent(), !Bw)
                 return [3, 12];
               n2 = [], i3.label = 2;
             case 2:
-              return i3.trys.push([2, 4, , 5]), [4, kw.keys()];
+              return i3.trys.push([2, 4, , 5]), [4, Bw.keys()];
             case 3:
               return n2 = (i3.sent() || []).sort(function(t4, e3) {
                 return parseInt(t4.replace("run_time_log_", "")) - parseInt(e3.replace("run_time_log_", ""));
@@ -40456,7 +40487,7 @@ geometry=${JSON.stringify(o2)}`;
                 return [3, 12];
               s2 = o2[r3], a2 = s2.replace("run_time_log_", ""), l2 = "", i3.label = 7;
             case 7:
-              return i3.trys.push([7, 9, , 10]), [4, kw.getItem(s2)];
+              return i3.trys.push([7, 9, , 10]), [4, Bw.getItem(s2)];
             case 8:
               return l2 = i3.sent() || "", [3, 10];
             case 9:
@@ -40478,13 +40509,13 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               return i3.trys.push([0, 7, , 8]), [4, e2.flushLog(true)];
             case 1:
-              return i3.sent(), t3 = "", kw ? [4, kw.keys()] : [3, 6];
+              return i3.sent(), t3 = "", Bw ? [4, Bw.keys()] : [3, 6];
             case 2:
               n2 = (i3.sent() || []).sort(function(t4, e3) {
                 return parseInt(t4.replace("run_time_log_", "")) - parseInt(e3.replace("run_time_log_", ""));
               }), r3 = 0, o2 = n2, i3.label = 3;
             case 3:
-              return r3 < o2.length ? (s2 = o2[r3], a2 = t3, [4, kw.getItem(s2)]) : [3, 6];
+              return r3 < o2.length ? (s2 = o2[r3], a2 = t3, [4, Bw.getItem(s2)]) : [3, 6];
             case 4:
               t3 = a2 + (i3.sent() || ""), i3.label = 5;
             case 5:
@@ -40525,35 +40556,35 @@ geometry=${JSON.stringify(o2)}`;
       };
     })], e2.prototype, "initSlideConfig", null), e2;
   }(Ka.a);
-  null == kw || kw.clear().catch(function() {
-  }), window.addEventListener("__slide_log__", Bw.handleLogDownload), window.addEventListener("message", function(t2) {
+  null == Bw || Bw.clear().catch(function() {
+  }), window.addEventListener("__slide_log__", Uw.handleLogDownload), window.addEventListener("message", function(t2) {
     var e2;
     if ("@slide/_request_log_" === t2.data.type)
-      Bw.handleLogReport(t2.data.sessionId).catch(function() {
+      Uw.handleLogReport(t2.data.sessionId).catch(function() {
       });
     else if ("@slide/_request_frozen_" === t2.data.type)
-      Bw.handleFrozenAllSlide();
+      Uw.handleFrozenAllSlide();
     else if ("@slide/_request_release_" === t2.data.type)
-      Bw.handleReleaseAllSlide();
+      Uw.handleReleaseAllSlide();
     else if ("@slide/_update_volume_" === t2.data.type) {
       var i2 = 0.5;
       try {
         i2 = parseFloat(t2.data.volume.toString());
       } catch (t3) {
       }
-      Bw.volumeAdjuster.volume = i2;
+      Uw.volumeAdjuster.volume = i2;
     } else if ("@slide/_get_volume_" === t2.data.type)
-      window.postMessage({ type: "@slide/_report_volume_", volume: Bw.volumeAdjuster.volume, customMessage: "@slide/_report_volume_" }, "*");
+      window.postMessage({ type: "@slide/_report_volume_", volume: Uw.volumeAdjuster.volume, customMessage: "@slide/_report_volume_" }, "*");
     else if ("@slide/_preload_slide_" === t2.data.type) {
       var n2 = null !== (e2 = t2.data.sessionId) && void 0 !== e2 ? e2 : Math.random().toString(32).substr(2);
-      Bw.preloadResource(t2.data.taskId, t2.data.prefix, t2.data.maxResolutionLevel, function(e3) {
+      Uw.preloadResource(t2.data.taskId, t2.data.prefix, t2.data.maxResolutionLevel, function(e3) {
         window.postMessage({ type: "@slide/_preload_slide_progress_", sessionId: n2, taskId: t2.data.taskId, progress: e3 }, "*");
       }, t2.data.pages).catch(function(e3) {
         window.postMessage({ type: "@slide/_preload_slide_error_", sessionId: n2, taskId: t2.data.taskId, error: e3 }, "*");
       });
     }
   }), window.setInterval(function() {
-    Bw.flushLog().catch(function() {
+    Uw.flushLog().catch(function() {
     });
   }, 2e3);
 }]);
@@ -41005,6 +41036,25 @@ function hexDouble(num) {
   return str.length < 2 ? "0" + str : str;
 }
 var ColorString = colorString.exports;
+const getAppLogger = (context) => {
+  var _a;
+  try {
+    return (_a = context.getWindowManager()) == null ? void 0 : _a.Logger;
+  } catch {
+    return void 0;
+  }
+};
+const reportAppLog = (appLogger, level, ...args) => {
+  try {
+    if (appLogger)
+      appLogger[level](...args);
+    else if (level === "info" || level === "debug")
+      console.log(...args);
+    else
+      console[level](...args);
+  } catch {
+  }
+};
 class Logger {
   constructor(enable) {
     this.enable = enable;
@@ -41053,32 +41103,27 @@ class Logger {
     window.removeEventListener("message", this._onMessage);
   }
   log(...args) {
-    if (this.roomLogger) {
-      this.roomLogger.info(...args);
-    } else if (this.enable) {
-      console.log(...args);
-    }
+    if (this.roomLogger || this.enable)
+      reportAppLog(this.roomLogger, "info", ...args);
   }
   verbose(...args) {
-    if (this.roomLogger) {
-      this.roomLogger.debug(...args);
-    } else if (this.enable && this.level === "verbose") {
-      console.log(...args);
+    if (this.roomLogger || this.enable && this.level === "verbose") {
+      reportAppLog(this.roomLogger, "debug", ...args);
     }
   }
   warn(...args) {
-    if (this.roomLogger) {
-      this.roomLogger.warn(...args);
-    } else {
-      console.warn(...args);
-    }
+    reportAppLog(this.roomLogger, "warn", ...args);
+  }
+  error(...args) {
+    reportAppLog(this.roomLogger, "error", ...args);
   }
 }
 const logger = /* @__PURE__ */ new Logger(false);
 const log = /* @__PURE__ */ logger.log.bind(logger);
 const verbose = /* @__PURE__ */ logger.verbose.bind(logger);
-const setRoomLogger = (displayer) => {
-  logger.roomLogger = displayer.logger;
+const setRoomLogger = (context) => {
+  var _a;
+  logger.roomLogger = (_a = getAppLogger(context)) != null ? _a : null;
 };
 function guessBgColor(el) {
   try {
@@ -41206,13 +41251,21 @@ function runNextSlideWebGLTask() {
   slideWebGLRunning = true;
   const startedAt = performance.now();
   log("[Slide][player-queue] start", task.label, "pending", slideWebGLTasks.length);
-  void Promise.resolve().then(task.run).then(() => {
-    log("[Slide][player-queue] done", task.label, "ms", Math.round(performance.now() - startedAt));
-    task.resolve();
-  }, (error) => {
-    log("[Slide][player-queue] failed", task.label, error);
-    task.reject(error);
-  }).finally(() => {
+  void Promise.resolve().then(task.run).then(
+    () => {
+      log(
+        "[Slide][player-queue] done",
+        task.label,
+        "ms",
+        Math.round(performance.now() - startedAt)
+      );
+      task.resolve();
+    },
+    (error) => {
+      log("[Slide][player-queue] failed", task.label, error);
+      task.reject(error);
+    }
+  ).finally(() => {
     slideWebGLRunning = false;
     runNextSlideWebGLTask();
   });
@@ -41281,9 +41334,13 @@ class SlideControllerBase {
           return;
         }
         if (this._toFreeze === 1) {
-          this.freeze();
+          void this.freeze().catch(
+            (error) => logger.error("[Slide] deferred freeze failed", this.context.appId, error)
+          );
         } else if (this._toFreeze === -1) {
-          this.unfreeze();
+          void this.unfreeze().catch(
+            (error) => logger.error("[Slide] deferred unfreeze failed", this.context.appId, error)
+          );
         }
       } else if (this.pollCount < MaxPollCount) {
         this.pollCount++;
@@ -41325,7 +41382,7 @@ class SlideControllerBase {
         else
           await this.freeze();
       },
-      (error) => logger.warn("[Slide] resource transition failed", this.context.appId, error)
+      (error) => logger.error("[Slide] resource transition failed", this.context.appId, error)
     );
     this.shouldBeActive = () => {
       var _a, _b, _c;
@@ -41357,19 +41414,26 @@ class SlideControllerBase {
         if (this.ready) {
           log("[Slide] freeze", this.context.appId);
           if (this.invisibleBehavior === "frozen") {
-            await enqueueSlideWebGLTransition(() => {
-              if (this.destroyed)
-                return Promise.resolve();
-              const destroyed = new Promise((resolve, reject) => {
-                const result = this.slide.frozen.call(this.slide, () => {
-                  log("[Slide][player] frozen callback", this.context.appId);
-                  resolve();
-                }, reject);
-                if (result)
-                  void result.then(resolve, reject);
-              });
-              return Promise.race([destroyed, this.destroyedSignal]);
-            }, false, `freeze:${this.context.appId}`);
+            await enqueueSlideWebGLTransition(
+              () => {
+                if (this.destroyed)
+                  return Promise.resolve();
+                const destroyed = new Promise((resolve, reject) => {
+                  const result = this.slide.frozen.call(
+                    this.slide,
+                    () => {
+                      resolve();
+                    },
+                    reject
+                  );
+                  if (result)
+                    void result.then(resolve, reject);
+                });
+                return Promise.race([destroyed, this.destroyedSignal]);
+              },
+              false,
+              `freeze:${this.context.appId}`
+            );
           } else {
             this.slide.pause();
           }
@@ -41396,32 +41460,43 @@ class SlideControllerBase {
         if (this.ready) {
           log("[Slide] unfreeze", this.context.appId);
           if (this.invisibleBehavior === "frozen") {
-            await enqueueSlideWebGLTransition(() => {
-              if (this.destroyed)
-                return Promise.resolve();
-              const created = new Promise((resolve, reject) => {
-                const result = this.slide.release.call(this.slide, () => {
-                  log("[Slide][player] restored callback", this.context.appId);
-                  if (this.isLazySetupMode() && !this.shouldBeActive())
-                    return;
-                  this.slide.notifyFrameResize();
-                  const state = this.context.storage.state.state;
-                  if (state) {
-                    log("[Slide] sync storage", JSON.stringify(state));
-                    void this.slide.setSlideState(state).catch((error) => {
-                      this.resourceStateUnknown = true;
-                      logger.warn("[Slide] storage sync after release failed", this.context.appId, error);
-                    });
-                  }
-                }, () => {
-                  log("[Slide][player] created callback", this.context.appId);
-                  resolve();
-                }, reject);
-                if (result)
-                  void result.then(resolve, reject);
-              });
-              return Promise.race([created, this.destroyedSignal]);
-            }, false, `release:${this.context.appId}`);
+            await enqueueSlideWebGLTransition(
+              () => {
+                if (this.destroyed)
+                  return Promise.resolve();
+                const created = new Promise((resolve, reject) => {
+                  const result = this.slide.release.call(
+                    this.slide,
+                    () => {
+                      if (this.isLazySetupMode() && !this.shouldBeActive())
+                        return;
+                      this.slide.notifyFrameResize();
+                      const state = this.context.storage.state.state;
+                      if (state) {
+                        log("[Slide] sync storage", JSON.stringify(state));
+                        void this.slide.setSlideState(state).catch((error) => {
+                          this.resourceStateUnknown = true;
+                          logger.error(
+                            "[Slide] storage sync after release failed",
+                            this.context.appId,
+                            error
+                          );
+                        });
+                      }
+                    },
+                    () => {
+                      resolve();
+                    },
+                    reject
+                  );
+                  if (result)
+                    void result.then(resolve, reject);
+                });
+                return Promise.race([created, this.destroyedSignal]);
+              },
+              false,
+              `release:${this.context.appId}`
+            );
           } else {
             this.slide.resume();
             this.slide.notifyFrameResize();
@@ -41464,7 +41539,9 @@ class SlideControllerBase {
       }
       if (state === "minimized") {
         log("[Slide] freeze because app state is minimized");
-        this.freeze();
+        void this.freeze().catch(
+          (error) => logger.error("[Slide] minimized freeze failed", this.context.appId, error)
+        );
       }
     };
     this.onAppStatusChangeHandler = (payload) => {
@@ -41475,7 +41552,9 @@ class SlideControllerBase {
       }
       if (appId === this.context.appId && status === "minimized") {
         log("[Slide] freeze because app status is minimized");
-        this.freeze();
+        void this.freeze().catch(
+          (error) => logger.error("[Slide] minimized freeze failed", this.context.appId, error)
+        );
       }
     };
     this.getAppStatus = () => {
@@ -41500,26 +41579,30 @@ class SlideControllerBase {
       }
     };
     this.onVisibilityChange = async () => {
-      this.visible = document.visibilityState === "visible";
-      if (this.isLazySetupMode() || this.managedActivity) {
-        await this.reconcileActivity().catch(() => void 0);
-        return;
-      }
-      const appStatus = this.getAppStatus();
-      if (!this.visible) {
-        this.savedIsFrozen = this.isFrozen;
-        log("[Slide] freeze because tab becomes invisible");
-        if (!this.isFrozen)
-          await this.freeze();
-        return;
-      }
-      if (appStatus === "minimized") {
-        log("[Slide] do nothing because app state is minimized");
-        return;
-      }
-      if (!this.savedIsFrozen) {
-        log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
-        await this.unfreeze();
+      try {
+        this.visible = document.visibilityState === "visible";
+        if (this.isLazySetupMode() || this.managedActivity) {
+          await this.reconcileActivity().catch(() => void 0);
+          return;
+        }
+        const appStatus = this.getAppStatus();
+        if (!this.visible) {
+          this.savedIsFrozen = this.isFrozen;
+          log("[Slide] freeze because tab becomes invisible");
+          if (!this.isFrozen)
+            await this.freeze();
+          return;
+        }
+        if (appStatus === "minimized") {
+          log("[Slide] do nothing because app state is minimized");
+          return;
+        }
+        if (!this.savedIsFrozen) {
+          log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
+          await this.unfreeze();
+        }
+      } catch (error) {
+        logger.error("[Slide] visibility transition failed", this.context.appId, error);
       }
     };
     const {
@@ -41546,7 +41629,7 @@ class SlideControllerBase {
     this.context = context;
     this.room = context.getRoom();
     this.player = this.room ? void 0 : context.getDisplayer();
-    setRoomLogger(this.room || this.player);
+    setRoomLogger(context);
     this.syncStateOnceFlag = !this.context.isAddApp;
     this.visible = document.visibilityState === "visible";
     this.savedIsFrozen = false;
@@ -41581,6 +41664,10 @@ class SlideControllerBase {
     } else if (context.isAddApp) {
       log("[Slide] init by renderSlide", 1);
       slide.renderSlide(1);
+    } else if (taskId) {
+      void slide.doRenderSlide(1).catch((error) => {
+        logger.error("[Slide] initial local render failed", context.appId, error);
+      });
     }
     this.pollReadyState();
   }
@@ -41675,7 +41762,29 @@ class SlideControllerBase {
       resourceTimeout: options.resourceTimeout,
       rtcAudio: options.rtcAudio,
       useLocalCache: options.useLocalCache,
-      logger: options.logger,
+      logger: {
+        ...options.logger,
+        error: (message, ...details) => {
+          var _a2, _b2;
+          logger.error(message, ...details);
+          if (options.logger !== logger.roomLogger) {
+            try {
+              (_b2 = (_a2 = options.logger) == null ? void 0 : _a2.error) == null ? void 0 : _b2.call(_a2, message, ...details);
+            } catch {
+            }
+          }
+        },
+        warn: (message, ...details) => {
+          var _a2, _b2;
+          logger.warn(message, ...details);
+          if (options.logger !== logger.roomLogger) {
+            try {
+              (_b2 = (_a2 = options.logger) == null ? void 0 : _a2.warn) == null ? void 0 : _b2.call(_a2, message, ...details);
+            } catch {
+            }
+          }
+        }
+      },
       whiteTracker: defaults.whiteTracker,
       timestamp: this.timestamp,
       customLinks: attribute.customLinks,
@@ -41692,16 +41801,23 @@ class SlideControllerBase {
     if (!this.destroyed) {
       log("[Slide] destroy slide (once)");
       this.destroyed = true;
-      this.destroyPromise = enqueueSlideWebGLTransition(() => new Promise((resolve, reject) => {
-        try {
-          this.slide.destroy.call(this.slide, () => {
-            log("[Slide][player] destroy callback", this.context.appId);
-            resolve();
-          }, reject);
-        } catch (error) {
-          reject(error);
-        }
-      }), true, `destroy:${this.context.appId}`);
+      this.destroyPromise = enqueueSlideWebGLTransition(
+        () => new Promise((resolve, reject) => {
+          try {
+            this.slide.destroy.call(
+              this.slide,
+              () => {
+                resolve();
+              },
+              reject
+            );
+          } catch (error) {
+            reject(error);
+          }
+        }),
+        true,
+        `destroy:${this.context.appId}`
+      );
       this.resolveDestroyedSignal();
     }
     return (_a = this.destroyPromise) != null ? _a : Promise.resolve();
@@ -43759,25 +43875,24 @@ class SlideDocsViewer {
       if ((_b = this.slideController) == null ? void 0 : _b.onRenderError) {
         this.slideController.onRenderError(error, index);
       }
-      logger.warn("[Slide] render error", error);
+      logger.error("[Slide] render error", this.appId, error);
     };
     this.onRenderStart = () => {
-      logger.log("[Slide][notes] hide", this.appId, "scene", this.whiteboardView.focusScenePath);
       this.$whiteboardView.classList.add(this.wrapClassName("wb-view-hidden"));
+      logger.log("[Slide][notes] hide", this.appId, "scene", this.whiteboardView.focusScenePath);
       this.viewer.setPlaying();
     };
     this.onRenderEnd = () => {
     };
     this.onPageChanged = () => {
       clearTimeout(this._onPageChangedTimer);
-      logger.log("[Slide][notes] show scheduled", this.appId, "scene", this.whiteboardView.focusScenePath);
       this._onPageChangedTimer = setTimeout(this._onPageChanged, 200);
     };
     this._onPageChangedTimer = 0;
     this._onPageChanged = () => {
-      logger.log("[Slide][notes] show", this.appId, "scene", this.whiteboardView.focusScenePath);
       this.$overlay.style.opacity = "";
       this.$whiteboardView.classList.remove(this.wrapClassName("wb-view-hidden"));
+      logger.log("[Slide][notes] show", this.appId, "scene", this.whiteboardView.focusScenePath);
     };
     this.refreshPages = () => {
       if (this.slideController) {
@@ -44148,13 +44263,19 @@ class SlideDocsViewer {
         this.offBoxSizeChange = void 0;
         (_b = this.contentResizeObserver) == null ? void 0 : _b.disconnect();
         this.contentResizeObserver = void 0;
-        if (this.slideController) {
-          const controller = this.slideController;
-          this.slideController = null;
-          await controller.destroy();
+        try {
+          if (this.slideController) {
+            const controller = this.slideController;
+            this.slideController = null;
+            await controller.destroy();
+          }
+        } finally {
+          try {
+            this.viewer.unmount();
+          } finally {
+            this.resizableContainer.destroy(this.box);
+          }
         }
-        this.viewer.unmount();
-        this.resizableContainer.destroy(this.box);
         return this;
       });
     }
@@ -44167,8 +44288,11 @@ class SlideDocsViewer {
     if (!this.destroyPromise) {
       this.destroyPromise = Promise.resolve().then(async () => {
         this.sideEffect.flushAll();
-        await this.unmount();
-        this.viewer.destroy();
+        try {
+          await this.unmount();
+        } finally {
+          this.viewer.destroy();
+        }
       });
     }
     return this.destroyPromise;
@@ -44219,54 +44343,114 @@ function setFreezerLength(length) {
 const inspect = (arr) => {
   return "[" + arr + "]";
 };
+const FreezerRetryDelay = 500;
 const apps = {
   map: /* @__PURE__ */ new Map(),
   boxes: /* @__PURE__ */ new Map(),
   queue: [],
-  validateQueue() {
+  focusedAppId: void 0,
+  runTransition(appId, slide, action, retried = false) {
+    try {
+      const result = action === "freeze" ? slide.freeze() : slide.unfreeze();
+      void Promise.resolve(result).catch(
+        (error) => this.onTransitionFailure(appId, slide, action, error, retried)
+      );
+    } catch (error) {
+      void Promise.resolve().then(
+        () => this.onTransitionFailure(appId, slide, action, error, retried)
+      );
+    }
+  },
+  onTransitionFailure(appId, slide, action, error, retried) {
+    logger.warn(`[Slide] freezer: ${action} failed`, appId, error);
+    if (this.map.get(appId) !== slide)
+      return;
+    if (action === "freeze" && !this.queue.includes(appId))
+      this.queue.push(appId);
+    if (retried)
+      return;
+    if (action === "freeze" ? this.focusedAppId === appId : this.focusedAppId !== appId)
+      return;
+    setTimeout(() => {
+      if (this.map.get(appId) !== slide)
+        return;
+      if (action === "freeze") {
+        if (this.focusedAppId !== appId && this.queue.length > FreezerLength) {
+          this.validateQueue(true);
+        }
+      } else if (this.focusedAppId === appId) {
+        this.runTransition(appId, slide, action, true);
+      }
+    }, FreezerRetryDelay);
+  },
+  validateQueue(retried = false) {
     this.queue.sort((a, b) => {
       var _a, _b, _c, _d;
       const za = (_b = (_a = this.boxes.get(a)) == null ? void 0 : _a.zIndex) != null ? _b : 0;
       const zb = (_d = (_c = this.boxes.get(b)) == null ? void 0 : _c.zIndex) != null ? _d : 0;
       return -(za - zb);
     });
-    log("[Slide] freezer: validate", inspect(this.queue));
+    const validated = [...this.queue];
+    const frozen = [];
+    const missing = [];
     while (this.queue.length > FreezerLength) {
       const appId = this.queue.pop();
       const slide = this.map.get(appId);
       if (slide) {
-        log("[Slide] freezer: validate-freeze", appId, inspect(this.queue));
-        slide.freeze();
+        this.runTransition(appId, slide, "freeze", retried);
+        frozen.push(appId);
+      } else {
+        missing.push(appId);
       }
     }
+    return { validated, frozen, missing };
   },
   set(appId, slide, box) {
-    log("[Slide] freezer: add", appId, inspect(this.queue));
     this.map.set(appId, slide);
     this.boxes.set(appId, box);
     if (!this.queue.includes(appId)) {
       this.queue.unshift(appId);
     }
-    this.validateQueue();
+    const { validated, frozen, missing } = this.validateQueue();
+    log(
+      "[Slide] freezer: add",
+      appId,
+      inspect(this.queue),
+      "validate",
+      inspect(validated),
+      ...frozen.length ? ["freeze-requested", inspect(frozen)] : [],
+      ...missing.length ? ["missing", inspect(missing)] : []
+    );
   },
   delete(appId) {
     this.map.delete(appId);
     this.boxes.delete(appId);
     this.queue = this.queue.filter((id) => id !== appId);
+    if (this.focusedAppId === appId)
+      this.focusedAppId = void 0;
     log("[Slide] freezer: delete", appId, inspect(this.queue));
   },
   focus(appId) {
+    this.focusedAppId = appId;
     const slide = this.map.get(appId);
     const index = this.queue.indexOf(appId);
     if (index > -1) {
       this.queue.splice(index, 1);
     }
     this.queue.unshift(appId);
-    this.validateQueue();
-    log("[Slide] freezer: focus", appId, inspect(this.queue));
+    const { validated, frozen, missing } = this.validateQueue();
     if (slide) {
-      slide.unfreeze();
-    }
+      this.runTransition(appId, slide, "unfreeze");
+    }
+    log(
+      slide ? "[Slide] freezer: focus" : "[Slide] freezer: focus-missing",
+      appId,
+      inspect(this.queue),
+      "validate",
+      inspect(validated),
+      ...frozen.length ? ["freeze-requested", inspect(frozen)] : [],
+      ...missing.length ? ["missing", inspect(missing)] : []
+    );
   }
 };
 const on_created_callbacks = /* @__PURE__ */ new Set();
@@ -44461,12 +44645,13 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.106-beta.4";
+const version = "0.2.106";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
   setup(context) {
     var _a, _b, _c, _d, _e, _f, _g;
+    setRoomLogger(context);
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -44630,10 +44815,14 @@ const SlideApp = {
       return teardownPromise;
     };
     offDestroy = context.emitter.on("destroy", teardown);
-    const mounting = enqueueSlideWebGLTransition(() => {
-      if (!disposed)
-        docsViewer == null ? void 0 : docsViewer.mount();
-    }, false, `setup:${context.appId}`);
+    const mounting = enqueueSlideWebGLTransition(
+      () => {
+        if (!disposed)
+          docsViewer == null ? void 0 : docsViewer.mount();
+      },
+      false,
+      `setup:${context.appId}`
+    );
     const waitForFirstRender = (timeoutMs) => new Promise((resolve) => {
       let settled = false;
       let timedOut = false;