@netless/app-slide 0.2.106-beta.1 → 0.2.106-beta.3

package/dist/main.es.js

@@ -32263,7 +32263,12 @@ void main(void){
       }, this.showController = (t3) => {
         t3.stopPropagation(), this.show();
       }, this.getMediaDuration = () => {
-        this.duration && !Number.isNaN(this.duration) || (this.duration = this.media.duration, this.start && (this.duration -= this.start, this.jumpToTime()), this.end && (this.duration -= this.end)), this.totalTime.innerText = Dy.formatTime(this.duration);
+        if (this.duration <= 0 || !Number.isFinite(this.duration)) {
+          if (!Number.isFinite(this.media.duration) || this.media.duration <= 0)
+            return;
+          this.duration = this.media.duration, this.start && (this.duration -= this.start, 0 === this.seekGeneration && this.jumpToTime()), this.end && (this.duration -= this.end), this.duration = Math.max(0, this.duration);
+        }
+        this.totalTime.innerText = Dy.formatTime(this.duration);
       }, this.playMedia = () => Oy(this, void 0, void 0, function* () {
         this.playButton.style.display = "none", this.pauseButton.style.display = "block", yield this.media.play(), this.medianIsEnd && (this.medianIsEnd = false, this.jumpToTime()), this.playCallBackList.forEach((t3) => {
           t3();
@@ -32284,7 +32289,7 @@ void main(void){
       }, this.onPlayMedia = () => {
         this.fadeState = { in: false, out: false }, this.fadeHit(0), this.playButton.style.display = "none", this.pauseButton.style.display = "block", this.playCallBackList.forEach((t3) => {
           t3();
-        }), this.media.currentTime < this.start && this.jumpToTime();
+        }), this.duration > 0 && this.media.currentTime < this.start && this.jumpToTime();
       }, this._playMediaFromCtrl = () => {
         this.playMediaFromCtrl(false);
       }, this._pauseMediaFromCtrl = () => {
@@ -32707,7 +32712,7 @@ void main(void){
   class Uy extends Ka.a {
     constructor(t2) {
       var e2, i2, n2, r2, o2, s2, a2, l2;
-      super(), this.type = "video", this.sprite = new np(), this.rtcAudio = null, this.isPlaying = false, this.audioNeedsUserGesture = false, this.videoNeedsUserGesture = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.destroyed = false, this.videoEventListeners = /* @__PURE__ */ new Map(), this.operationGeneration = 0, this.spriteVisibilityTimeout = "", this.onVideoResourceLoaded = () => {
+      super(), this.type = "video", this.sprite = new np(), this.rtcAudio = null, this.isPlaying = false, this.audioNeedsUserGesture = false, this.videoNeedsUserGesture = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.destroyed = false, this.videoEventListeners = /* @__PURE__ */ new Map(), this.operationGeneration = 0, this.spriteVisibilityTimeout = "", this.audioRecoveryInProgress = false, this.onVideoResourceLoaded = () => {
         this.destroyed || (this.isLoaded = true, this.notifyUserGestureRequirement());
       }, this.onRtcAudioLoad = () => {
         this.notifyUserGestureRequirement();
@@ -32845,10 +32850,17 @@ void main(void){
     recoverAudioAfterVideoStart() {
       var t2;
       const { operationGeneration: e2 } = this;
-      if (this.destroyed || !this.isPlaying || this.audioPlayGeneration !== e2 || this.audioRecoveryGeneration === e2)
+      if (this.destroyed || !this.isPlaying || this.audioPlayGeneration !== e2 || this.audioRecoveryGeneration === e2 || this.audioRecoveryInProgress)
         return;
       const i2 = this.videoElement;
-      !i2 || i2.paused || !Number.isFinite(i2.currentTime) || i2.currentTime <= 0 || (this.audioRecoveryGeneration = e2, null === (t2 = this.rtcAudio) || void 0 === t2 || t2.recoverFromNativePause(i2.currentTime));
+      if (i2 && !i2.paused && Number.isFinite(i2.currentTime) && !(i2.currentTime <= 0)) {
+        this.audioRecoveryInProgress = true;
+        try {
+          (null === (t2 = this.rtcAudio) || void 0 === t2 ? void 0 : t2.recoverFromNativePause(i2.currentTime)) && (this.audioRecoveryGeneration = e2);
+        } finally {
+          this.audioRecoveryInProgress = false;
+        }
+      }
     }
     showController() {
       this.controller.show();
@@ -33345,6 +33357,8 @@ void main(void){
       this.triggerParams = t2;
     }
     addCond(t2) {
+      if (t2.event && void 0 !== this.cond[t2.event])
+        return;
       const e2 = (...e3) => {
         this.condHandle(t2, e3);
       }, i2 = (t3, i3) => {
@@ -33397,7 +33411,10 @@ void main(void){
         }
       };
       const { json: e2, iterateType: i2, isIterate: n2, isSub: r2, parent: o2, ctx: s2, eventHub: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 } = t2;
-      this.isMainSeq = "mainSeq" === e2.ctn.nodeType, this.isInteractiveSeq = "interactiveSeq" === e2.ctn.nodeType, this.id = e2.ctn.id, this.isIterate = n2, this.json = e2, this.ctx = s2, this.timingClock = s2.timingClock, this.globalEventHub = a2, this.commonTimeNode = new Z_({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: i2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new Xy("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new Xy("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
+      this.isMainSeq = "mainSeq" === e2.ctn.nodeType, this.isInteractiveSeq = "interactiveSeq" === e2.ctn.nodeType, this.id = e2.ctn.id, this.isIterate = n2, this.json = e2, this.ctx = s2, this.timingClock = s2.timingClock, this.globalEventHub = a2, this.commonTimeNode = new Z_({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: i2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new Xy("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new Xy("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.isInteractiveSeq && 0 === e2.nextCondLst.length && this.commonTimeNode.on("timeNodeStart", () => {
+        var t3;
+        null === (t3 = this.commonTimeNode.children[0]) || void 0 === t3 || t3.commonTimeNode.startTimeNodeForce();
+      }), this.commonTimeNode.on("timeNodeRestart", () => {
         this.currentSeqIndex = 0, this.currentSeqState = "idle";
       }), this.commonTimeNode.on("childTimeNodeStart", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
@@ -33459,23 +33476,26 @@ void main(void){
       t2.isInfiniteRepeat() ? e2.result = t2 : t2.children.map((t3) => t3.commonTimeNode).forEach((t3) => this.findChildInfiniteRepeat(t3, e2));
     }
     bindShapeEvent() {
-      "interactiveSeq" === this.json.ctn.nodeType && this.json.nextCondLst.forEach((t2) => {
-        if (/^shape/.test(t2.event)) {
-          const e2 = t2.event.split(" ")[1];
-          if (e2) {
-            const t3 = this.ctx.timingTargets.getTargetById(e2);
-            if (t3) {
-              t3.interactiveContainer.interactive = true, t3.interactiveContainer.cursor = "pointer";
-              const i2 = () => {
-                this.ctx.eventHub.emit(tb.userInput);
-                const t4 = `shape ${e2} onClick`, { mode: i3 } = this.ctx;
-                "interactive" !== i3 && "sync" !== i3 || this.ctx.eventHub.emit(tb.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), "sync" !== i3 && "local" !== i3 || this.globalEventHub.emit(t4);
-              };
-              t3.interactiveContainer.on("pointerdown", i2), this.interactiveListeners.push([t3, i2]);
+      if ("interactiveSeq" === this.json.ctn.nodeType) {
+        const t2 = (this.json.ctn.stCondLst || []).filter((t3) => /^shape \S+ onClick$/.test(t3.event)), e2 = /* @__PURE__ */ new Set();
+        [...this.json.nextCondLst, ...t2].forEach((t3) => {
+          if (/^shape/.test(t3.event)) {
+            const i2 = t3.event.split(" ")[1];
+            if (i2 && !e2.has(i2)) {
+              const t4 = this.ctx.timingTargets.getTargetById(i2);
+              if (t4) {
+                e2.add(i2), t4.interactiveContainer.interactive = true, t4.interactiveContainer.cursor = "pointer";
+                const n2 = () => {
+                  this.ctx.eventHub.emit(tb.userInput);
+                  const t5 = `shape ${i2} onClick`, { mode: e3 } = this.ctx;
+                  "interactive" !== e3 && "sync" !== e3 || this.ctx.eventHub.emit(tb.interactiveSeqAction, { action: t5, seqId: this.json.ctn.id }), "sync" !== e3 && "local" !== e3 || this.globalEventHub.emit(t5);
+                };
+                t4.interactiveContainer.on("pointerdown", n2), this.interactiveListeners.push([t4, n2]);
+              }
             }
           }
-        }
-      });
+        });
+      }
     }
     setCurrentStep(t2, e2) {
       const { length: i2 } = this.commonTimeNode.children;
@@ -34639,19 +34659,28 @@ void main(void){
       }(t2, r2, n2);
       if (e2)
         if (void 0 !== i2) {
-          if (t2.clippedDuration <= 0 && t2.isReadyForUserGesture && (yield t2.play(), !o2()))
+          const e3 = (t3) => {
+            const e4 = () => !o2() || t3();
+            return n2 ? n2.waitUntil(e4, 5e3, 16) : Lm(e4, 5e3);
+          };
+          if (yield e3(() => t2.clippedDuration > 0 || !!t2.isReadyForUserGesture), !o2())
             return;
-          if (n2 ? yield n2.waitUntil(() => t2.clippedDuration > 0, 5e3, 16) : yield Lm(() => t2.clippedDuration > 0, 5e3), !o2())
+          if (t2.clippedDuration <= 0 && t2.isReadyForUserGesture) {
+            if (yield t2.play(), !o2())
+              return;
+            yield e3(() => t2.clippedDuration > 0);
+          }
+          if (!o2())
             return;
           if (i2 < t2.clippedDuration)
             if (t2.isPlaying)
               yield t2.seek(i2);
             else {
-              const e3 = () => {
+              const e4 = () => {
                 tx.delete(t2), o2() && Promise.resolve(t2.seek(i2)).catch(() => {
                 });
               };
-              tx.set(t2, e3), t2.once("play", e3), yield t2.play(), o2() || nx(t2);
+              tx.set(t2, e4), t2.once("play", e4), yield t2.play(), o2() || nx(t2);
             }
         } else
           yield t2.play();
@@ -38731,19 +38760,12 @@ geometry=${JSON.stringify(o2)}`;
         }
       };
     }
-    return t2.prototype.getRunningTask = function() {
-      var t3;
-      return null !== (t3 = this.runningTask) && void 0 !== t3 ? t3 : null;
-    }, t2.prototype.addTask = function(t3, e2) {
+    return t2.prototype.addTask = function(t3, e2) {
+      var i2;
       if (this.isDestroy)
         return Promise.resolve();
-      var i2 = this.getRunningTask();
-      if (i2 && t3 === i2.type)
-        return i2.promise;
-      var n2, r2, o2 = this.tasks.find(function(e3) {
-        return e3.type === t3;
-      });
-      if (o2)
+      var n2, r2, o2 = null !== (i2 = this.tasks[this.tasks.length - 1]) && void 0 !== i2 ? i2 : this.runningTask;
+      if ((null == o2 ? void 0 : o2.type) === t3)
         return o2.promise;
       var s2 = new Promise(function(t4, e3) {
         n2 = t4, r2 = e3;
@@ -39439,7 +39461,7 @@ 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 = "";
   try {
-    Fw = "1.4.61-beta.0";
+    Fw = "1.4.61";
   } catch (t2) {
     Fw = "-dev-";
   }
@@ -40220,25 +40242,25 @@ geometry=${JSON.stringify(o2)}`;
     }, e2.prototype._doRelease = function(t3) {
       var e3, i3;
       return Mw(this, void 0, void 0, function() {
-        var n2, r3, o2, s2;
-        return Cw(this, function(a2) {
-          switch (a2.label) {
+        var n2, r3, o2, s2, a2;
+        return Cw(this, function(l2) {
+          switch (l2.label) {
             case 0:
               if (this.logger.info("do release slide", this.taskId), this.tracker({ name: "releaseSlide", reason: "", result: "", payload: { taskId: this.taskId } }), this.player)
                 return [2];
-              this.isReleasing = true, a2.label = 1;
+              this.isReleasing = true, l2.label = 1;
             case 1:
-              return a2.trys.push([1, , 5, 6]), [4, ww(eb.platform)];
+              return l2.trys.push([1, , 5, 6]), [4, ww(eb.platform)];
             case 2:
-              if (a2.sent(), "alive" !== this.lifecycle || this.player)
+              if (l2.sent(), "alive" !== this.lifecycle || this.player)
                 return [2];
-              for (r3 in this.player = this.initPlayer(this.config), (null === (e3 = this.config) || void 0 === e3 ? void 0 : e3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n2 = this.__slideState, this.__slideState = hb()(Dw), n2.mediaState)
-                "play" === (o2 = n2.mediaState[r3]).type && (s2 = Math.max(null !== (i3 = o2.frozenTime) && void 0 !== i3 ? i3 : 0, o2.time), o2.time = this.timestamp() - (s2 - o2.time), o2.frozenTime = void 0);
-              return [4, this.setSlideState(n2)];
+              for (o2 in n2 = this.player = this.initPlayer(this.config), (null === (e3 = this.config) || void 0 === e3 ? void 0 : e3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), r3 = this.__slideState, this.__slideState = hb()(Dw), r3.mediaState)
+                "play" === (s2 = r3.mediaState[o2]).type && (a2 = Math.max(null !== (i3 = s2.frozenTime) && void 0 !== i3 ? i3 : 0, s2.time), s2.time = this.timestamp() - (a2 - s2.time), s2.frozenTime = void 0);
+              return [4, this.setSlideState(r3)];
             case 3:
-              return a2.sent(), [4, this.player.clock.delay(333)];
+              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : [4, Ow(333)];
             case 4:
-              return a2.sent(), this.player.view && (this.player.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 6];
+              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : (n2.view && (n2.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 6]);
             case 5:
               return this.isReleasing = false, this.notifyPptMediaPermissionRequest(), [7];
             case 6:
@@ -40301,7 +40323,7 @@ geometry=${JSON.stringify(o2)}`;
       return this.player ? this.player.preloadResource(t3) : Promise.resolve();
     }, e2.prototype.destroy = function() {
       var t3, e3 = this;
-      return "disposed" === this.lifecycle ? Promise.resolve() : (this.destroyPromise || (this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
+      return this.destroyPromise ? this.destroyPromise : "disposed" === this.lifecycle ? Promise.resolve() : (this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
         return clearTimeout(t4);
       }), this.renderVisibilityTimers.clear(), this.renderingTaskManager.destroy(), null === (t3 = this.player) || void 0 === t3 || t3.destroy(), this.logger.info("pre destroy slide", ""), this.destroyPromise = Mw(e3, void 0, void 0, function() {
         var t4;
@@ -40321,7 +40343,7 @@ geometry=${JSON.stringify(o2)}`;
               return [2];
           }
         });
-      })), this.destroyPromise);
+      }), this.destroyPromise);
     }, e2.prototype.clearSlideCache = function() {
       var t3;
       null === (t3 = this.player) || void 0 === t3 || t3.clearLocalCache();
@@ -41087,6 +41109,32 @@ function cachedGetBgColor(el) {
 const getRoomTracker = (displayer) => {
   return displayer.tracker;
 };
+function shouldSlideRuntimeBeActive(isFocused, isVisible, isMinimized) {
+  return isFocused && isVisible && !isMinimized;
+}
+function createFocusTransitionQueue(initialState, apply, onError) {
+  let acceptedState = initialState;
+  let revision = 0;
+  let queue = Promise.resolve();
+  let acceptedPromise = Promise.resolve();
+  return (isFocused, force = false) => {
+    if (!force && isFocused === acceptedState)
+      return acceptedPromise;
+    acceptedState = isFocused;
+    const transitionRevision = ++revision;
+    const transition = queue.then(() => apply(isFocused)).catch((error) => {
+      if (revision === transitionRevision) {
+        acceptedState = void 0;
+        acceptedPromise = Promise.resolve();
+      }
+      onError == null ? void 0 : onError(error);
+      throw error;
+    });
+    queue = transition.catch(() => void 0);
+    acceptedPromise = transition;
+    return transition;
+  };
+}
 function createDocsViewerPages(slide, previewUrls = []) {
   const { width, height, slideCount, slideState } = slide;
   const { taskId, url } = slideState;
@@ -41144,6 +41192,7 @@ const noop$1 = function noop2() {
 class SlideControllerBase {
   constructor(props) {
     this.sideEffect = new SideEffectManager();
+    this.focused = true;
     this.previewList = [];
     this.ready = false;
     this.readyPromise = new Promise((resolve) => {
@@ -41152,7 +41201,11 @@ class SlideControllerBase {
           log("[Slide] render end", slideIndex);
         } else {
           setTimeout(() => {
+            if (this.destroyed)
+              return;
             this.ready = true;
+            if (this.isLazySetupMode())
+              void this.reconcileActivity(true).catch(() => void 0);
             resolve();
           }, 1e3);
         }
@@ -41185,6 +41238,10 @@ class SlideControllerBase {
     this.pollCount = 0;
     this.pollReadyState = () => {
       if (this.ready) {
+        if (this.isLazySetupMode()) {
+          void this.reconcileActivity().catch(() => void 0);
+          return;
+        }
         if (this._toFreeze === 1) {
           this.freeze();
         } else if (this._toFreeze === -1) {
@@ -41210,48 +41267,108 @@ class SlideControllerBase {
       }
     };
     this.isFrozen = false;
+    this.resourceStateUnknown = false;
+    this.managedActivity = false;
     this._toFreeze = 0;
-    this.freeze = () => {
+    this.setFocusedState = (focused) => {
+      this.focused = focused;
+      return this.reconcileActivity();
+    };
+    this.resourceTransition = createFocusTransitionQueue(
+      void 0,
+      async (active) => {
+        if (this.destroyed)
+          return;
+        if (active && this.shouldBeActive())
+          await this.unfreeze();
+        else
+          await this.freeze();
+      },
+      (error) => logger.warn("[Slide] resource transition failed", this.context.appId, error)
+    );
+    this.shouldBeActive = () => {
+      var _a, _b, _c;
+      const wm = this.context.getWindowManager();
+      const host = (_b = (_a = this.context).getRuntimeActivity) == null ? void 0 : _b.call(_a);
+      const lazy = this.isLazySetupMode();
+      const minimized = lazy && host ? !host.active : (wm == null ? void 0 : wm.boxState) === "minimized" || ((_c = wm == null ? void 0 : wm.attributes) == null ? void 0 : _c.minimized) === true || this.context.getBoxStatus() === "minimized";
+      return shouldSlideRuntimeBeActive(
+        !lazy || this.focused,
+        document.visibilityState !== "hidden",
+        minimized
+      ) && (!lazy || (host == null ? void 0 : host.active) !== false);
+    };
+    this.reconcileActivity = (force = false) => {
+      if (this.destroyed)
+        return Promise.resolve();
+      if (this.isLazySetupMode())
+        this.managedActivity = true;
+      if (!this.managedActivity)
+        return Promise.resolve();
+      this.visible = document.visibilityState !== "hidden";
+      return this.resourceTransition(this.shouldBeActive(), force);
+    };
+    this.freeze = async () => {
+      const previousIsFrozen = this.isFrozen;
+      const previousToFreeze = this._toFreeze;
       this.isFrozen = true;
-      if (this.ready) {
-        log("[Slide] freeze", this.context.appId);
-        if (this.invisibleBehavior === "frozen") {
-          return Promise.resolve(this.slide.frozen());
+      try {
+        if (this.ready) {
+          log("[Slide] freeze", this.context.appId);
+          if (this.invisibleBehavior === "frozen") {
+            await this.slide.frozen();
+          } else {
+            this.slide.pause();
+          }
         } else {
-          this.slide.pause();
+          this._toFreeze = 1;
         }
-      } else {
-        this._toFreeze = 1;
+        this.resourceStateUnknown = false;
+      } catch (error) {
+        this.resourceStateUnknown = true;
+        this.isFrozen = previousIsFrozen;
+        this._toFreeze = previousToFreeze;
+        throw error;
       }
-      return Promise.resolve();
     };
     this.unfreeze = async () => {
       if (!this.visible)
         return;
-      if (!this.isFrozen && this.ready)
+      if (!this.isFrozen && this.ready && !this.resourceStateUnknown)
         return;
+      const previousIsFrozen = this.isFrozen;
+      const previousToFreeze = this._toFreeze;
       this.isFrozen = false;
-      if (this.ready) {
-        let isNeedSyncState = false;
-        log("[Slide] unfreeze", this.context.appId);
-        if (this.invisibleBehavior === "frozen") {
-          await this.slide.release(() => {
+      try {
+        if (this.ready) {
+          let isNeedSyncState = false;
+          log("[Slide] unfreeze", this.context.appId);
+          if (this.invisibleBehavior === "frozen") {
+            await this.slide.release(() => {
+              if (!this.isLazySetupMode() || this.shouldBeActive())
+                this.slide.notifyFrameResize();
+            });
+            isNeedSyncState = true;
+          } else {
+            this.slide.resume();
             this.slide.notifyFrameResize();
-          });
-          isNeedSyncState = true;
-        } else {
-          this.slide.resume();
-          this.slide.notifyFrameResize();
-        }
-        if (isNeedSyncState) {
-          const state = this.context.storage.state.state;
-          if (state) {
-            log("[Slide] sync storage", JSON.stringify(state));
-            this.slide.setSlideState(state);
           }
+          if (isNeedSyncState && (!this.isLazySetupMode() || this.shouldBeActive())) {
+            const state = this.context.storage.state.state;
+            if (state) {
+              log("[Slide] sync storage", JSON.stringify(state));
+              await this.slide.setSlideState(state);
+            }
+          }
+        } else {
+          this._toFreeze = -1;
         }
-      } else {
-        this._toFreeze = -1;
+        this.resourceStateUnknown = false;
+      } catch (error) {
+        this.resourceStateUnknown = true;
+        this.isFrozen = previousIsFrozen;
+        this._toFreeze = previousToFreeze;
+        throw error;
       }
     };
     this.bindAppStateChangeEvent = () => {
@@ -41275,6 +41392,10 @@ class SlideControllerBase {
       }
     };
     this.onAppStateChangeHandler = (state) => {
+      if (this.isLazySetupMode() || this.managedActivity) {
+        void this.reconcileActivity().catch(() => void 0);
+        return;
+      }
       if (state === "minimized") {
         log("[Slide] freeze because app state is minimized");
         this.freeze();
@@ -41282,6 +41403,10 @@ class SlideControllerBase {
     };
     this.onAppStatusChangeHandler = (payload) => {
       const { appId, status } = payload;
+      if (appId === this.context.appId && (this.isLazySetupMode() || this.managedActivity)) {
+        void this.reconcileActivity().catch(() => void 0);
+        return;
+      }
       if (appId === this.context.appId && status === "minimized") {
         log("[Slide] freeze because app status is minimized");
         this.freeze();
@@ -41300,21 +41425,35 @@ class SlideControllerBase {
         return void 0;
       }
     };
+    this.isLazySetupMode = () => {
+      var _a;
+      try {
+        return ((_a = this.context.getWindowManager()) == null ? void 0 : _a.lazySetupInMaximizedMode) === true;
+      } catch {
+        return false;
+      }
+    };
     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.visible = document.visibilityState === "visible")) {
-        this.savedIsFrozen = this.isFrozen;
-        log("[Slide] freeze because tab becomes invisible");
-        this.freeze();
-      } else {
-        if (!this.savedIsFrozen) {
-          log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
-          this.unfreeze();
-        }
+      if (!this.savedIsFrozen) {
+        log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
+        await this.unfreeze();
       }
     };
     const {
@@ -42936,6 +43075,18 @@ class ResizableContainer {
     (_a = this.scrollBar) == null ? void 0 : _a.destroy();
   }
 }
+function resolveNavigationButtonMode(mode) {
+  return mode != null ? mode : "page";
+}
+function navigateWithNavigationButton(mode, origin, currentPageIndex, targetPageIndex, controller, onNavigate) {
+  if (mode === "step" && origin === "navigation") {
+    const action = targetPageIndex < currentPageIndex ? "prevStep" : "nextStep";
+    controller.slide[action]();
+    onNavigate(controller.page, origin);
+    return;
+  }
+  controller.jumpToPage(targetPageIndex + 1, origin);
+}
 var resizeObservers = [];
 var hasActiveObservations = function() {
   return resizeObservers.some(function(ro) {
@@ -43466,6 +43617,7 @@ class SlideDocsViewer {
     appId,
     urlInterrupter,
     enableScale,
+    navigationButtonMode,
     onPagesReady,
     onNavigate
   }) {
@@ -43598,7 +43750,14 @@ class SlideDocsViewer {
     };
     this.onNewPageIndex = (index, origin) => {
       if (this.slideController) {
-        this.slideController.jumpToPage(index + 1, origin);
+        navigateWithNavigationButton(
+          this.navigationButtonMode,
+          origin,
+          this.viewer.pageIndex,
+          index,
+          this.slideController,
+          this.onNavigate
+        );
       }
     };
     this.sideEffect = new SideEffectManager();
@@ -43685,6 +43844,7 @@ class SlideDocsViewer {
     this.onNavigate = onNavigate || noop;
     this.baseScenePath = baseScenePath;
     this.enableScale = enableScale != null ? enableScale : false;
+    this.navigationButtonMode = resolveNavigationButtonMode(navigationButtonMode);
     this.appId = appId;
     this.viewer = new DocsViewer({
       readonly: box.readonly,
@@ -43845,6 +44005,7 @@ class SlideDocsViewer {
   }
   mount() {
     var _a, _b, _c, _d;
+    this.unmountPromise = void 0;
     this.box.mountContent(this.viewer.$content);
     this.box.mountFooter(this.viewer.$footer);
     this.slideController = this.mountSlideController({
@@ -43900,28 +44061,38 @@ class SlideDocsViewer {
   getPageIndex(page) {
     return (page > 0 ? page : 1) - 1;
   }
-  async unmount() {
-    var _a, _b;
-    (_a = this.offBoxSizeChange) == null ? void 0 : _a.call(this);
-    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();
-    }
-    this.viewer.unmount();
-    this.resizableContainer.destroy(this.box);
-    return this;
+  unmount() {
+    if (!this.unmountPromise) {
+      this.unmountPromise = Promise.resolve().then(async () => {
+        var _a, _b;
+        (_a = this.offBoxSizeChange) == null ? void 0 : _a.call(this);
+        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();
+        }
+        this.viewer.unmount();
+        this.resizableContainer.destroy(this.box);
+        return this;
+      });
+    }
+    return this.unmountPromise;
   }
   setReadonly(readonly) {
     this.viewer.setReadonly(readonly);
   }
-  async destroy() {
-    this.sideEffect.flushAll();
-    await this.unmount();
-    this.viewer.destroy();
+  destroy() {
+    if (!this.destroyPromise) {
+      this.destroyPromise = Promise.resolve().then(async () => {
+        this.sideEffect.flushAll();
+        await this.unmount();
+        this.viewer.destroy();
+      });
+    }
+    return this.destroyPromise;
   }
   toggleClickThrough(tool) {
     this.$whiteboardView.style.pointerEvents = !tool || ClickThroughAppliances.has(tool) ? "none" : "auto";
@@ -44211,12 +44382,12 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.106-beta.1";
+const version = "0.2.106-beta.3";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
   setup(context) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -44305,6 +44476,7 @@ const SlideApp = {
       appId: context.appId,
       urlInterrupter: (_a = context.getAppOptions()) == null ? void 0 : _a.urlInterrupter,
       enableScale: (_c = (_b = context.getAppOptions()) == null ? void 0 : _b.enableScale) != null ? _c : false,
+      navigationButtonMode: (_d = context.getAppOptions()) == null ? void 0 : _d.navigationButtonMode,
       onPagesReady: ({ length }) => {
         const index = (docsViewer == null ? void 0 : docsViewer.viewer.pageIndex) || 0;
         context.dispatchAppEvent("pageStateChange", { index, length });
@@ -44314,8 +44486,8 @@ const SlideApp = {
       }
     });
     const appOptions = context.getAppOptions();
-    docsViewer.setSyncEventQueuePolicy((_d = appOptions == null ? void 0 : appOptions.syncEventQueuePolicy) != null ? _d : "fifo");
-    docsViewer.setJustSildeReadonly((_e = appOptions == null ? void 0 : appOptions.justSildeReadonly) != null ? _e : false);
+    docsViewer.setSyncEventQueuePolicy((_e = appOptions == null ? void 0 : appOptions.syncEventQueuePolicy) != null ? _e : "fifo");
+    docsViewer.setJustSildeReadonly((_f = appOptions == null ? void 0 : appOptions.justSildeReadonly) != null ? _f : false);
     const room = context.getRoom();
     const sideEffect = new SideEffectManager();
     sideEffect.add(() => {
@@ -44337,56 +44509,43 @@ const SlideApp = {
         return () => room.callbacks.off("onRoomStateChanged", onRoomStateChanged);
       });
     }
-    const isBlurFreezeAllowed = () => {
-      var _a2;
-      const boxStatus = context.getBoxStatus();
-      if (boxStatus)
-        return boxStatus !== "normal";
-      const boxState = (_a2 = context.getWindowManager()) == null ? void 0 : _a2.boxState;
-      return boxState != null && boxState !== "normal";
-    };
     sideEffect.add(
-      () => context.emitter.on("focus", async (isFocused) => {
+      () => context.emitter.on("focus", (isFocused) => {
         if (disposed)
           return;
-        if (!isLazySetupMode())
-          return;
         const controller = docsViewer == null ? void 0 : docsViewer.slideController;
-        if (!controller)
-          return;
-        if (!isFocused) {
-          if (!isBlurFreezeAllowed())
-            return;
-          if (!controller.isFrozen) {
-            log("[Slide] blur freeze", context.appId);
-            await controller.freeze();
-          }
-          return;
-        }
-        if (controller.isFrozen) {
-          log("[Slide] focus unfreeze", context.appId);
-          await controller.unfreeze();
-        }
+        return controller == null ? void 0 : controller.setFocusedState(isFocused);
+      })
+    );
+    sideEffect.add(
+      () => context.emitter.on("runtimeActivity", () => {
+        var _a2;
+        if (!disposed)
+          return (_a2 = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a2.reconcileActivity();
       })
     );
     let disposed = false;
     let offDestroy;
-    const teardown = async () => {
-      if (disposed)
-        return;
+    let teardownPromise;
+    const teardown = () => {
+      if (teardownPromise)
+        return teardownPromise;
       disposed = true;
-      const removeDestroy = offDestroy;
-      offDestroy = void 0;
-      removeDestroy == null ? void 0 : removeDestroy();
-      log("[Slide] destroy", context.appId);
-      if (useFreezer)
-        apps.delete(context.appId);
-      sideEffect.flushAll();
-      if (docsViewer) {
-        const viewer = docsViewer;
-        docsViewer = null;
-        await viewer.destroy();
-      }
+      teardownPromise = Promise.resolve().then(async () => {
+        const removeDestroy = offDestroy;
+        offDestroy = void 0;
+        removeDestroy == null ? void 0 : removeDestroy();
+        log("[Slide] destroy", context.appId);
+        if (useFreezer)
+          apps.delete(context.appId);
+        sideEffect.flushAll();
+        if (docsViewer) {
+          const viewer = docsViewer;
+          docsViewer = null;
+          await viewer.destroy();
+        }
+      });
+      return teardownPromise;
     };
     offDestroy = context.emitter.on("destroy", teardown);
     docsViewer.mount();
@@ -44394,6 +44553,7 @@ const SlideApp = {
     SlideApp.__teardownByContext.set(context, teardown);
     const waitForFirstRender = (timeoutMs) => new Promise((resolve) => {
       let settled = false;
+      let timedOut = false;
       const settle = (loaded) => {
         if (settled)
           return;
@@ -44402,7 +44562,12 @@ const SlideApp = {
         window.clearInterval(pollTimer);
         resolve(loaded);
       };
-      const timeoutTimer = window.setTimeout(() => settle(false), timeoutMs);
+      const timeoutTimer = window.setTimeout(() => {
+        timedOut = true;
+        logger.warn("[Slide] first render still pending", context.appId, timeoutMs);
+        if (!context.waitForActualSetupReady)
+          settle(false);
+      }, timeoutMs);
       slideControllerRef == null ? void 0 : slideControllerRef.readyPromise.then(
         () => settle(!firstRenderFailed),
         () => settle(false)
@@ -44410,6 +44575,8 @@ const SlideApp = {
       const pollTimer = window.setInterval(() => {
         if (disposed || firstRenderFailed)
           settle(false);
+        else if (timedOut && !context.waitForActualSetupReady)
+          settle(false);
       }, 100);
     });
     const appResult = {
@@ -44544,8 +44711,10 @@ const SlideApp = {
         return false;
       }
     };
-    const setupReadyTimeout = (_f = appOptions == null ? void 0 : appOptions.setupReadyTimeout) != null ? _f : DEFAULT_SLIDE_SETUP_READY_TIMEOUT;
+    const setupReadyTimeout = (_g = appOptions == null ? void 0 : appOptions.setupReadyTimeout) != null ? _g : DEFAULT_SLIDE_SETUP_READY_TIMEOUT;
     return waitForFirstRender(setupReadyTimeout).then(() => {
+      if (disposed)
+        throw new Error("[Slide] disposed before first render");
       if (firstRenderFailed) {
         throw new Error("[Slide] first render failed before ready");
       }