@3dsource/angular-unreal-module 0.0.117 → 0.0.119

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, ChangeDetectionStrategy, Component, Injectable, DestroyRef, effect, untracked, computed, signal, Pipe, input, ElementRef, viewChild, afterNextRender, HostListener, output, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
 import { SourceButtonComponent, SourceLoadingComponent } from '@3dsource/source-ui-native';
-import { merge, map, scan, timestamp, startWith, pairwise, concatMap, of, animationFrameScheduler, interval, Observable, skip, switchMap, concat, delay, debounceTime, timer, take, timeout, mergeMap, EMPTY, Subject, share, takeUntil as takeUntil$1, from, fromEvent, throwError, defer, retry, tap as tap$1, NEVER, throttleTime, asyncScheduler, filter as filter$1, withLatestFrom as withLatestFrom$1, Subscription, bufferTime, combineLatestWith, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
+import { merge, map, scan, timestamp, startWith, pairwise, concatMap, of, animationFrameScheduler, interval, Observable, skip, switchMap, concat, delay, debounceTime, timer, take, timeout, mergeMap, EMPTY, Subject, share, takeUntil as takeUntil$1, shareReplay, from, fromEvent, throwError, defer, retry, tap as tap$1, throttleTime, NEVER, asyncScheduler, filter as filter$1, withLatestFrom as withLatestFrom$1, Subscription, bufferTime, combineLatestWith, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
 import { createAction, props, createReducer, on, createFeature, createSelector, Store, provideState } from '@ngrx/store';
 import { Actions, createEffect, ofType, provideEffects } from '@ngrx/effects';
 import { map as map$1, distinctUntilChanged, takeWhile, filter, tap, takeUntil, catchError, withLatestFrom, exhaustMap, switchMap as switchMap$1, timeout as timeout$1, debounceTime as debounceTime$1, take as take$1, startWith as startWith$1 } from 'rxjs/operators';
@@ -313,7 +313,7 @@ const setAfkTimerVisible = createAction(scoped `set afk timer visible`);
 const setAfkTimerHide = createAction(scoped `set afk timer hide`);
 const setAfkTimerCountdown = createAction(scoped `set afk timer count down`, props());
 const showUnrealErrorMessage = createAction(scoped `show unreal error message`, props());
-const initSignalling = createAction(scoped `init signalling`, (resetDisconnectionReason = true) => ({ resetDisconnectionReason }));
+const initSignalling = createAction(scoped `init signalling`);
 const startStream = createAction(scoped `startStream`, props());
 const resetConfig = createAction(scoped `reset config`);
 const resetAfk = createAction(scoped `reset afk action`);
@@ -419,14 +419,15 @@ const unrealReducer = createReducer(initialState$1, on(changeStatusMainVideoOnSc
                 freezeFrame.progress === null
                 ? freezeFrame.dataUrl
                 : state.freezeFrame.dataUrl,
-            progress: freezeFrame.progress || null,
+            progress: freezeFrame.progress ?? null,
         },
     };
 }), on(disconnectStream, (state, errorMessage) => {
-    const alreadyHandled = state.dataChannelConnected ||
-        state.disconnectReason === DisconnectReason.Destroy;
-    if (alreadyHandled)
+    // Skip user-explicit destroy: the user already initiated cleanup, no
+    // disconnect message should overwrite that intent.
+    if (state.disconnectReason === DisconnectReason.Destroy) {
         return state;
+    }
     return { ...state, errorMessage, statusMessage: null };
 }), on(setFreezeFrameFromVideo, (state, freezeFrameFromVideo) => {
     return {
@@ -467,13 +468,8 @@ const unrealReducer = createReducer(initialState$1, on(changeStatusMainVideoOnSc
             warnTimeout: state.userInactivityTimeout,
         },
     };
-}), on(initSignalling, (state, { resetDisconnectionReason = true }) => {
-    return {
-        ...state,
-        disconnectReason: resetDisconnectionReason
-            ? DisconnectReason.None
-            : state.disconnectReason,
-    };
+}), on(initSignalling, (state) => {
+    return { ...state, disconnectReason: DisconnectReason.None };
 }), on(destroyRemoteConnections, (state, { reason }) => {
     if (state.disconnectReason === DisconnectReason.Destroy) {
         return state;
@@ -558,6 +554,10 @@ const unrealReducer = createReducer(initialState$1, on(changeStatusMainVideoOnSc
         ...initialState$1,
         establishingConnection: state.establishingConnection,
         disconnectReason: state.disconnectReason,
+        // Preserve the disconnect error so the UI can render the reason
+        // after the connection drops. Reset back to null on the next
+        // successful initSignalling (initialState default applies again).
+        errorMessage: state.errorMessage,
         isFirstSuccessLoad: state.isFirstSuccessLoad,
         matchUrls: state.matchUrls,
         streamClientCompanyId: state.streamClientCompanyId,
@@ -678,10 +678,18 @@ function OnMessageHandler(e) {
         this.handleMessage(msg);
     };
     if (typeof e.data === 'string') {
-        handleData(e.data);
+        try {
+            handleData(e.data);
+        }
+        catch (err) {
+            Logger.warn('OnMessageHandler: failed to parse string message', err);
+        }
     }
     else if (e.data instanceof Blob) {
-        e.data.text().then(handleData);
+        e.data
+            .text()
+            .then(handleData)
+            .catch((err) => Logger.warn('OnMessageHandler: failed to parse Blob message', err));
     }
 }
 
@@ -853,12 +861,15 @@ const getImageFromVideoStream = (takeSizeFrom = 'video', imageOutput, sizes) =>
 };
 
 /**
- * Generator for loop through urls
- * Each time it will return the next url, based on an index which MUST NOT be re-initialized inside function
- * @param urls
+ * Generator that cycles through `urls` indefinitely. Each call to
+ * `getActiveUrl(urls)` returns a fresh generator with its own counter,
+ * so concurrent generators (e.g., overlapping reconnect attempts) do
+ * not share state. The counter is initialized once per generator
+ * instance — before any `yield` — so each `.next()` call advances
+ * within that single generator.
  */
-let index = 0;
 function* getActiveUrl(urls) {
+    let index = 0;
     while (true) {
         yield urls[index++ % urls.length];
     }
@@ -1080,15 +1091,14 @@ function getResizeValuesUniversal(params) {
     return { w: makeEven(w), h: makeEven(h), x: 0, y: 0, scale: w / maxSpace.w };
 }
 
-const removeExileCommands = (state, idToRemove) => {
+const removeExileCommands = (state, idToRemove, now) => {
     const exileTimeout = 10000;
     const out = { ...state };
     out.commandsInProgress = out.commandsInProgress.filter(whereNot({ id: idToRemove }));
     out.totalCommandsCompleted++;
-    const time = new Date().getTime();
     const markForDelete = [];
     for (const { id, timeStamp } of out.commandsInProgress) {
-        if (time - timeStamp > exileTimeout) {
+        if (now - timeStamp > exileTimeout) {
             markForDelete.push(id);
         }
     }
@@ -1101,19 +1111,19 @@ const initialState = {
     totalCommandsStarted: 0,
     totalCommandsCompleted: 0,
 };
-const commandsReducer = createReducer(initialState, on(commandStarted, (state, { id, command }) => {
+const commandsReducer = createReducer(initialState, on(commandStarted, (state, { id, command, timeStamp }) => {
     return {
         ...state,
         totalCommandsStarted: state.totalCommandsStarted + 1,
         commandsInProgress: [
             ...state.commandsInProgress,
-            { id, command, timeStamp: new Date().getTime() },
+            { id, command, timeStamp },
         ],
     };
-}), on(commandCompleted, (state, { id }) => {
+}), on(commandCompleted, (state, { id, now }) => {
     return {
         ...state,
-        ...removeExileCommands(state, id),
+        ...removeExileCommands(state, id, now),
     };
 }), on(destroyUnrealScene, setCirrusDisconnected, () => {
     return initialState;
@@ -1242,11 +1252,14 @@ class UnrealEffects {
             onDataChannelClose: this.unrealInitialConfig?.reconnect?.onDataChannelClose ??
                 DEFAULT_RECONNECT_ON_DATACHANNEL_CLOSE,
         };
-        this.destroyConnections$ = createEffect(() => {
+        this.destroyConnectionsCleanup$ = createEffect(() => {
             return this.actions$.pipe(ofType(destroyUnrealScene), tap(() => {
                 this.commandsSender.destroy();
                 this.videoService.setContainer(null);
-            }), map(() => destroyRemoteConnections({ reason: DisconnectReason.Destroy })));
+            }));
+        }, { dispatch: false });
+        this.destroyConnections$ = createEffect(() => {
+            return this.actions$.pipe(ofType(destroyUnrealScene), map(() => destroyRemoteConnections({ reason: DisconnectReason.Destroy })));
         });
         this.changeStreamResolution$ = createEffect(() => {
             return this.actions$.pipe(ofType(changeStreamResolutionAction), filter((size) => !!(size?.width && size?.height)), concatLatestFrom(() => this.store.select(unrealFeature.selectStreamResolution)), filter(([newSizes, savedSizes]) => !(newSizes.width === savedSizes.width &&
@@ -1380,8 +1393,8 @@ class UnrealEffects {
             }), switchMap(() => 
             // Wait for initial commands to be sent before sending the loopback.
             // commandStarted fires for each sent command; debounce ensures
-            // we proceed only after no more commands are started for 100 ms.
-            this.actions$.pipe(ofType(commandStarted), debounceTime(100), take(1), switchMap(() => this.unrealCallbackService.observeCommandResponse({ command: MetaBoxCommand.FLoopBackCommand }, (data) => this.commandsSender.sendCommandToUnreal(data))), switchMap(() => this.videoService.videoStats$), filter(({ aggregatedStats: s }) => !!s.framesPerSecond &&
+            // we proceed only after no more commands are started for 50 ms.
+            this.actions$.pipe(ofType(commandStarted), debounceTime(50), take(1), switchMap(() => this.unrealCallbackService.observeCommandResponse({ command: MetaBoxCommand.FLoopBackCommand }, (data) => this.commandsSender.sendCommandToUnreal(data))), switchMap(() => this.videoService.videoStats$), filter(({ aggregatedStats: s }) => !!s.framesPerSecond &&
                 s.framesPerSecond > MINIMAL_FPS &&
                 (s.framesDecoded ?? 0) > 15), take(1), map(() => setLoopBackCommandIsCompleted()))));
         });
@@ -1391,8 +1404,12 @@ class UnrealEffects {
         this.startStream$ = createEffect(() => {
             return this.actions$.pipe(ofType(startStream), map(() => initSignalling()));
         });
-        this.resetAfkOnVideoStart$ = createEffect(() => {
-            return this.actions$.pipe(ofType(videoStreamInitialized), filter(() => !!this.videoService.video?.paused), tap(() => Logger.info('Simulate Press Play')), map(() => resetAfk()));
+        // When the video stream is initialized but autoplay didn't kick in
+        // (browser blocked it; user gesture pending), the user may need extra
+        // time before interacting. Refresh the AFK timer so it doesn't tick
+        // toward an inactivity warning while we're waiting for permission.
+        this.resetAfkOnPausedVideoInit$ = createEffect(() => {
+            return this.actions$.pipe(ofType(videoStreamInitialized), filter(() => !!this.videoService.video?.paused), map(() => resetAfk()));
         });
         /**
          * Effect: `handleDataChannelClosed$`
@@ -1557,7 +1574,7 @@ class CommandsEffects {
         this.listenUnrealCallbackByInitSignalling$ = createEffect(() => {
             return this.actions$.pipe(ofType(initSignalling), filter(() => !this.unrealInitialConfig?.playwright), switchMap(() => this.actions$.pipe(ofType(unrealCommandCallback), map(({ json }) => 'commandCallback' in json
                 ? json.commandCallback?.correlationId
-                : json?.correlationId), filter(Truthy), map((id) => commandCompleted({ id })))));
+                : json?.correlationId), filter(Truthy), map((id) => commandCompleted({ id, now: Date.now() })))));
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CommandsEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -1594,7 +1611,6 @@ class AFKService extends SubService {
         this.unrealConfig = inject(UNREAL_CONFIG, { optional: true });
         /** Ticks every time warnTimeout changes or resetAfk action fires */
         this.afkResetTrigger = toSignal(merge(this.store.select(selectWarnTimeout), this.actions$.pipe(ofType(resetAfk))));
-        this.disconnected = toSignal(this.disconnect$);
         this.destroyRef.onDestroy(() => this.clearTimers());
         if (this.unrealConfig?.playwright) {
             return;
@@ -1615,12 +1631,12 @@ class AFKService extends SubService {
                 untracked(() => this.startAfkWarningTimer());
             }
         });
-        effect(() => {
-            const disconnected = this.disconnected();
-            if (disconnected !== undefined) {
-                untracked(() => this.stop());
-            }
-        });
+        // Stop the AFK timers when Cirrus drops the connection. `disconnect$`
+        // emits void; the previous toSignal(disconnect$) approach never fired
+        // (void → undefined → effect's `!== undefined` guard always false).
+        this.disconnect$
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe(() => this.stop());
         this.actions$
             .pipe(ofType(resetUserInactivityTimeout), takeUntil$1(this.destroy$))
             .subscribe(() => this.reset());
@@ -1708,9 +1724,24 @@ class LoadingProgressService {
     constructor() {
         this.#store = inject(Store);
         this.loaderVisible = this.#store.selectSignal(selectShowLoader);
-        this.#boundedProgress$ = this.#store
-            .select(selectTotalProgress)
-            .pipe(keepMaxUntilReset(toObservable(this.loaderVisible).pipe(filter(Falsy))));
+        // Visibility-gated progress source.
+        //
+        // When the loader is visible, subscribe to `selectTotalProgress` and run
+        // a `scan` that keeps the running max — progress should only advance
+        // forward within a single loading session, never regress visually.
+        //
+        // When the loader is hidden, switch to a constant `of(0)`. This is what
+        // makes percents drop to 0 on hide / destroy. A previous attempt used
+        // `keepMaxUntilReset` here; that operator could not work because
+        // `selectTotalProgress` is non-completing — it keeps re-emitting the
+        // last (high) value after a reset, which immediately re-fills the max.
+        // `switchMap` cancels the inner subscription on every visibility change
+        // so stale emissions can't leak through.
+        this.#boundedProgress$ = toObservable(this.loaderVisible).pipe(switchMap((visible) => visible
+            ? this.#store
+                .select(selectTotalProgress)
+                .pipe(scan((max, val) => Math.max(max, val), 0))
+            : of(0)), shareReplay({ bufferSize: 1, refCount: true }));
         this.smoothPercents = toSignal(this.#boundedProgress$.pipe(floatToSmoothPercents(), distinctUntilChanged()));
         this.percents = toSignal(this.#boundedProgress$.pipe(floatToPercents(), distinctUntilChanged()));
         this.loadingStatusChanged = computed(() => ({
@@ -1719,6 +1750,19 @@ class LoadingProgressService {
         }), ...(ngDevMode ? [{ debugName: "loadingStatusChanged" }] : /* istanbul ignore next */ []));
     }
     #store;
+    // Visibility-gated progress source.
+    //
+    // When the loader is visible, subscribe to `selectTotalProgress` and run
+    // a `scan` that keeps the running max — progress should only advance
+    // forward within a single loading session, never regress visually.
+    //
+    // When the loader is hidden, switch to a constant `of(0)`. This is what
+    // makes percents drop to 0 on hide / destroy. A previous attempt used
+    // `keepMaxUntilReset` here; that operator could not work because
+    // `selectTotalProgress` is non-completing — it keeps re-emitting the
+    // last (high) value after a reset, which immediately re-fills the max.
+    // `switchMap` cancels the inner subscription on every visibility change
+    // so stale emissions can't leak through.
     #boundedProgress$;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: LoadingProgressService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: LoadingProgressService }); }
@@ -1741,12 +1785,8 @@ class FreezeFrameService extends SubService {
         if (this.unrealConfig?.playwright) {
             return;
         }
-        this.store
-            .select(unrealFeature.selectViewportReady)
-            .pipe(filter(Truthy), takeUntil(this.destroy$))
-            .subscribe(() => this.invalidate());
-        this.actions$
-            .pipe(ofType(videoStreamInitialized), takeUntil(this.destroy$))
+        merge(this.store.select(unrealFeature.selectViewportReady).pipe(filter(Truthy)), this.actions$.pipe(ofType(videoStreamInitialized)))
+            .pipe(takeUntil(this.destroy$))
             .subscribe(() => this.invalidate());
     }
     setData(view) {
@@ -2100,7 +2140,9 @@ class VideoService extends SubService {
         video.disablePictureInPicture = true;
         this.video = video;
         this.container?.appendChild(this.video);
-        this.video.addEventListener('play', () => this.changeStatusMainVideoOnScene(true));
+        fromEvent(this.video, 'play')
+            .pipe(takeUntil$1(merge(this.disconnect$, this.destroy$)))
+            .subscribe(() => this.changeStatusMainVideoOnScene(true));
         fromEvent(this.video, 'loadedmetadata')
             .pipe(take(1), filter((data) => this.video === data.target), tapLog('VideoService loadedmetadata:'), filter(() => !!this.video))
             .subscribe(() => this.store.dispatch(videoStreamInitialized()));
@@ -2128,6 +2170,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
 class CommandTelemetryService {
     constructor() {
         this.actions$ = inject(Actions);
+        this.destroyRef = inject(DestroyRef);
+        this.destroy$ = new Subject();
         this.appId = 'metabox-telemetry';
         this.commandsSent = {};
         this.exileTimeout = 60000;
@@ -2138,6 +2182,10 @@ class CommandTelemetryService {
         this.unrealConfig = inject(UNREAL_CONFIG, {
             optional: true,
         });
+        this.destroyRef.onDestroy(() => {
+            this.destroy$.next();
+            this.destroy$.complete();
+        });
         this.init();
     }
     init() {
@@ -2150,7 +2198,9 @@ class CommandTelemetryService {
         this.userId = localStorage.getItem(this.appId) || this.uuid;
         sessionStorage.setItem(this.appId, this.sessionId);
         localStorage.setItem(this.appId, this.userId);
-        timer(0, this.pollingTime).subscribe(() => {
+        timer(0, this.pollingTime)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
             this.send(this.payloads);
         });
     }
@@ -2272,7 +2322,7 @@ class CommandTelemetryService {
             .pipe(ofType(unrealCommandCallback), filter(({ json }) => {
             const callback = 'commandCallback' in json ? json.commandCallback : json;
             return Truthy(callback?.trackingId);
-        }))
+        }), takeUntil(this.destroy$))
             .subscribe(({ json }) => {
             const callback = 'commandCallback' in json ? json.commandCallback : json;
             const timeStampsRaw = 'timeStamp' in json ? json?.timeStamp : undefined;
@@ -2312,7 +2362,7 @@ class CommandTelemetryService {
      * Starts tracking the time for the command.
      * Finally, calls the provided function with the modified data object.
      *
-     * @param {IToBeDecorated} funcToDecorate - The function to be decorated with telemetry tracking.
+     * @param {ToBeDecorated} funcToDecorate - The function to be decorated with telemetry tracking.
      * @param {MetaBoxCommandPacket} data - The data object to be passed to the function. It will be augmented with a unique tracking ID.
      */
     wrapper(funcToDecorate, data) {
@@ -2548,14 +2598,15 @@ function OrchestrationErrorHandler(msg) {
         const errorInfo = Object.values(ORCHESTRATION_ERROR_CODES).find(({ code }) => code === msg.payload.code);
         this.store.dispatch(setOrchestrationMessage({ message: errorInfo?.description }));
         this.orchestrationRetrySub?.unsubscribe();
-        this.orchestrationRetrySub = timer(POLLING_TIME).subscribe(() => this.sendRequestStream());
+        this.orchestrationRetrySub = timer(POLLING_TIME)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.sendRequestStream());
     }
 }
 
 class SignallingService extends SubService {
     constructor() {
         super();
-        this.action$ = inject(Actions);
         this.httpClient = inject(HttpClient);
         this.regionsPingService = inject(RegionsPingService);
         this.commandTelemetryService = inject(CommandTelemetryService);
@@ -2568,7 +2619,7 @@ class SignallingService extends SubService {
         this.onConfig$ = new Subject();
         this.onWebRtcIce$ = new Subject();
         this.onWebRtcAnswer$ = new Subject();
-        this.abort$ = this.action$.pipe(ofType(abortEstablishingConnection), tap(() => this.close({
+        this.abort$ = this.actions$.pipe(ofType(abortEstablishingConnection), tap(() => this.close({
             code: 1000,
             reason: DisconnectReason.AbortEstablishingConnection,
         })));
@@ -2580,8 +2631,9 @@ class SignallingService extends SubService {
             return;
         }
         this.setHandlersFromStream();
-        this.action$
-            .pipe(ofType(dataChannelReady), takeUntil(this.abort$))
+        const stop$ = merge(this.abort$, this.destroy$);
+        this.actions$
+            .pipe(ofType(dataChannelReady), takeUntil(stop$))
             .subscribe(() => {
             this.send({
                 type: 'p2pEstablished',
@@ -2589,10 +2641,10 @@ class SignallingService extends SubService {
                 sessionId: generateUuid(),
             });
         });
-        this.action$
+        this.actions$
             .pipe(ofType(dataChannelReady), switchMap(() => this.store
             .select(unrealFeature.selectViewportReady)
-            .pipe(filter(Truthy), take(1))), takeUntil(this.abort$))
+            .pipe(filter(Truthy), take(1))), takeUntil(stop$))
             .subscribe(() => {
             this.send({
                 type: 'streamPreparedForUserInteraction',
@@ -2609,11 +2661,12 @@ class SignallingService extends SubService {
             return EMPTY;
         }
         Logger.log('CONNECT TO SIGNALLING');
-        // Preparation for WebSocket Orchestration
-        this.correlationId = generateUuid();
-        this.commandTelemetryService.reset();
-        this.startEstablishingConnection();
         return defer(() => {
+            // Preparation for WebSocket Orchestration. Inside defer so these
+            // side effects only fire once the caller actually subscribes.
+            this.correlationId = generateUuid();
+            this.commandTelemetryService.reset();
+            this.startEstablishingConnection();
             return this.getRegion().pipe(tap((region) => this.region.set(region ?? '')), map$1((region) => this.adaptUrlsToRegion(urlList, region)), switchMap((urls) => this.getAwsInstance(urls).pipe(take(1))), tap((awsInstance) => this.store.dispatch(setAwsInstance(awsInstance))), switchMap(({ wsUrl }) => this.connectToCirrus(wsUrl ?? '').pipe(filter(Truthy), take(1))), takeUntil(this.abort$));
         }).pipe(
         // Retry the whole attempt on error, advancing to the next URL each time.
@@ -3634,7 +3687,12 @@ class FileReceiverService extends SubService {
             this.reset();
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: FileReceiverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: FileReceiverService }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: FileReceiverService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 const filteredLogs = [
     {
@@ -3642,9 +3700,6 @@ const filteredLogs = [
     },
 ];
 class AggregatorService extends SubService {
-    /**
-     * Never called for now
-     */
     constructor() {
         super();
         this.selectStreamConfig = this.store.selectSignal(selectStreamConfig);
@@ -3683,11 +3738,9 @@ class AggregatorService extends SubService {
             .pipe(filter(Truthy));
         merge(unlockViewport$, this.disconnect$)
             .pipe(takeUntil(this.destroy$))
-            .subscribe(() => {
-            this.removeLoadScreen();
-        });
+            .subscribe(() => this.removeLoadScreen());
         if (!this.selectStreamConfig()?.autoStart ||
-            location.href.match(/^http:/gi)) {
+            location.protocol === 'http:') {
             this.removeLoadScreen();
         }
         InputOptions.controlScheme = ControlScheme.HoveringMouse;
@@ -3934,14 +3987,27 @@ class UnrealCommunicatorService {
         this.commandTelemetryService = inject(CommandTelemetryService);
         this.webRtcPlayerService = inject(WebRtcPlayerService);
         this.unrealConfig = inject(UNREAL_CONFIG, { optional: true });
+        this.destroyRef = inject(DestroyRef);
         this.destroy$ = new Subject();
         this.cirrusConnected = this.store.selectSignal(unrealFeature.selectCirrusConnected);
         this.afkIgnoredCommands = new Set(['executeConsoleCommand']);
         this.skipAfkReset = false;
+        // Throttle: input events fire 60-200x/sec, but AFK timeouts are measured in
+        // seconds. Leading-edge throttle dispatches once, then suppresses for 1s.
+        this.resetAfk$ = new Subject();
+        this.destroyRef.onDestroy(() => {
+            this.destroy$.next();
+            this.destroy$.complete();
+        });
+        this.resetAfk$
+            .pipe(throttleTime(1000), takeUntil$1(this.destroy$))
+            .subscribe(() => this.store.dispatch(resetAfk()));
         this.init();
     }
     init() {
-        this.isPlaywrightMode();
+        if (this.isPlaywrightMode()) {
+            return;
+        }
         this.emitUIInteraction = this.commandTelemetryService.decorate(this.emitUIInteraction.bind(this));
         // Listen to the dataChannelConnected ACTION (point-in-time event) instead
         // of the store selector. The selector reads the current state and can fire on
@@ -3961,7 +4027,9 @@ class UnrealCommunicatorService {
         this.destroy$ = new Subject();
     }
     sendCommandToUnreal(data) {
-        this.isPlaywrightMode();
+        if (this.isPlaywrightMode()) {
+            return;
+        }
         if (this.webRtcPlayerService.canSend()) {
             const uniqId = data?.correlationId ?? generateUuid();
             const sendData = { ...data, correlationId: uniqId };
@@ -3971,7 +4039,11 @@ class UnrealCommunicatorService {
             }
             this.emitUIInteraction(sendData);
             this.skipAfkReset = false;
-            this.store.dispatch(commandStarted({ id: uniqId, command: data.command }));
+            this.store.dispatch(commandStarted({
+                id: uniqId,
+                command: data.command,
+                timeStamp: Date.now(),
+            }));
         }
     }
     emitUIInteraction(descriptor) {
@@ -3992,10 +4064,12 @@ class UnrealCommunicatorService {
         this.emitDescriptor(MessageType.Command, descriptor);
     }
     sendInputData(data) {
-        this.isPlaywrightMode();
+        if (this.isPlaywrightMode()) {
+            return;
+        }
         try {
             if (!this.skipAfkReset) {
-                this.store.dispatch(resetAfk());
+                this.resetAfk$.next();
             }
             this.webRtcPlayerService.send(data);
         }
@@ -4006,9 +4080,7 @@ class UnrealCommunicatorService {
         }
     }
     isPlaywrightMode() {
-        if (this.unrealConfig?.playwright) {
-            return;
-        }
+        return !!this.unrealConfig?.playwright;
     }
     emitDescriptor(messageType, descriptor) {
         // Convert the descriptor object into a JSON string.
@@ -4094,7 +4166,7 @@ class InputService extends SubService {
         }
         const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'hidden'), filter(Truthy));
         const visibilityVisibleTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'visible'), filter(Truthy), startWith(true));
-        this.deactivatedVideoTrigger$ = merge(this.disconnect$, this.reInit$, visibilityHiddenTrigger$);
+        this.deactivatedVideoTrigger$ = merge(this.disconnect$, this.reInit$, visibilityHiddenTrigger$, this.destroy$);
         merge(visibilityVisibleTrigger$, this.store.select(unrealFeature.selectViewportReady).pipe(filter(Truthy)))
             .pipe(filter(() => !!this.video), takeUntil$1(this.destroy$))
             .subscribe(() => this.setup());
@@ -4527,7 +4599,12 @@ class InputService extends SubService {
             this.sendInputData(data.buffer);
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: InputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: InputService }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: InputService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 class RegionsPingService {
     constructor() {
@@ -4546,56 +4623,50 @@ class RegionsPingService {
         // flow (start / providers-fetched / resolved). The final
         // `regionResolved` forwards the winner's full ping-sample array
         // straight from `PingResult.result` — no aggregation.
-        this.store.dispatch(regionPingFetchStart());
-        return this.getProviders(regionListUrl).pipe(tap(() => this.store.dispatch(regionPingFetchEnd())), switchMap((providers) => this.getPingResult(providers)), catchError(() => of(null)), tapLog('PingResult'), tap((data) => this.store.dispatch(regionResolved({
-            region: data?.region_code ?? '',
-            pingsMs: data?.result ?? [],
-        }))), map$1((data) => data?.region_code));
+        return defer(() => {
+            this.store.dispatch(regionPingFetchStart());
+            return this.getProviders(regionListUrl).pipe(tap(() => this.store.dispatch(regionPingFetchEnd())), switchMap((providers) => this.getPingResult(providers)), catchError(() => of(null)), tapLog('PingResult'), tap((data) => this.store.dispatch(regionResolved({
+                region: data?.region_code ?? '',
+                pingsMs: data?.result ?? [],
+            }))), map$1((data) => data?.region_code));
+        });
     }
     getPingResult(providers) {
-        const regions = providers.regions;
-        this.config.ping_timeout = providers.timeout || this.config.ping_timeout;
-        return from(this.startPinging(regions));
-    }
-    getProviders(regionList = this.unrealInitialConfig?.regionsPingUrl || '') {
-        return this.httpClient.get(regionList);
-    }
-    startPinging(endpoints) {
-        // eslint-disable-next-line no-async-promise-executor
-        return new Promise(async (resolve) => {
-            const pingResults = [];
-            const semaphore = new Semaphore(10);
-            const tasks = endpoints.map(async ({ region_code, url, timeout }) => {
-                await semaphore.acquire();
-                try {
-                    const result = await this.checkLatency(url, timeout);
-                    const data = { region_code, result };
-                    pingResults.push({ region_code, result });
-                    resolve(data);
-                }
-                catch {
-                    pingResults.push({ region_code: undefined, result: [] });
-                }
-                finally {
-                    semaphore.release();
-                }
-                const okValues = pingResults.filter((pingResult) => pingResult.result.length > 1);
-                if (okValues.length) {
-                    return okValues[0];
-                }
-                return okValues;
-            });
-            await Promise.all(tasks);
-            resolve(null);
+        const defaultTimeout = providers.timeout ?? this.config.ping_timeout;
+        return from(this.startPinging(providers.regions, defaultTimeout));
+    }
+    getProviders(regionListUrl = this.unrealInitialConfig?.regionsPingUrl || '') {
+        return this.httpClient.get(regionListUrl);
+    }
+    async startPinging(endpoints, defaultTimeout) {
+        const semaphore = new Semaphore(this.config.max_parallel_requests);
+        const tasks = endpoints.map(async ({ region_code, url, timeout }) => {
+            await semaphore.acquire();
+            try {
+                const result = await this.checkLatency(url, timeout ?? defaultTimeout);
+                if (result.length < 2)
+                    throw new Error('insufficient pings');
+                return { region_code, result };
+            }
+            finally {
+                semaphore.release();
+            }
         });
+        try {
+            return await Promise.any(tasks);
+        }
+        catch {
+            return null;
+        }
     }
-    async checkLatency(endpoint, timeout = this.config.ping_timeout) {
+    async checkLatency(endpoint, timeout) {
         const pingResults = [];
+        const sep = endpoint.includes('?') ? '&' : '?';
         for (let i = 0; i < this.config.ping_count; i++) {
             const startTime = performance.now();
             try {
                 await this.fetchWithTimeout(this.config.bust_cache
-                    ? `${endpoint}?&cache_buster=${performance.now()}`
+                    ? `${endpoint}${sep}cache_buster=${performance.now()}`
                     : endpoint, {
                     method: 'GET',
                     mode: 'no-cors',
@@ -4604,11 +4675,11 @@ class RegionsPingService {
                         Pragma: 'no-cache',
                         Expires: '0',
                     },
-                    credentials: 'omit', // Optional: prevents sending or receiving cookies, which can affect caching.
+                    credentials: 'omit',
                 }, timeout);
             }
             catch {
-                //Do not remove this block, else finally will not work!
+                // intentional: finally pushes the elapsed time as the latency sample
             }
             finally {
                 const latency = Math.round(performance.now() - startTime);
@@ -4638,10 +4709,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             type: Injectable
         }] });
 
-class StreamStatusTelemetryService {
+class StreamStatusTelemetryService extends SubService {
     constructor() {
-        this.store = inject(Store);
-        this.actions$ = inject(Actions);
+        super();
         this.videoService = inject(VideoService);
         this.unrealConfig = inject(UNREAL_CONFIG, { optional: true });
         this.init();
@@ -4671,8 +4741,8 @@ class StreamStatusTelemetryService {
                 signalingReadyTime,
                 viewPortReadyTime,
             })));
-        }))
-            .subscribe((data) => this.trackEventToMixPanel(data));
+        }), takeUntil$1(this.destroy$))
+            .subscribe((data) => this.store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data })));
     }
     /**
      * Emits `undefined` until `readyState$` first emits a truthy value,
@@ -4703,9 +4773,6 @@ class StreamStatusTelemetryService {
             VideoEncoderQP,
         };
     }
-    trackEventToMixPanel(data) {
-        this.store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: StreamStatusTelemetryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: StreamStatusTelemetryService }); }
 }
@@ -4727,6 +4794,8 @@ class StreamStatusTelemetryService2 {
         this.videoService = inject(VideoService);
         this.signallingService = inject(SignallingService);
         this.unrealConfig = inject(UNREAL_CONFIG, { optional: true });
+        this.destroyRef = inject(DestroyRef);
+        this.destroy$ = new Subject();
         /**
          * Per-browser anonymous user id. Read from `localStorage` on first access;
          * if missing, a new UUID is generated and persisted. Included as
@@ -4942,6 +5011,13 @@ class StreamStatusTelemetryService2 {
                 ],
             },
         ];
+        this.destroyRef.onDestroy(() => {
+            // End any active session BEFORE completing destroy$, so the
+            // session-scoped subscriptions in `this.session.sub` are released.
+            this.endSession('destroy');
+            this.destroy$.next();
+            this.destroy$.complete();
+        });
         if (this.unrealConfig?.playwright ||
             !this.unrealConfig?.streamTelemetryV2) {
             return;
@@ -4966,16 +5042,18 @@ class StreamStatusTelemetryService2 {
     init() {
         // Start a new session on every initSignalling dispatch.
         this.actions$
-            .pipe(ofType(initSignalling))
+            .pipe(ofType(initSignalling), takeUntil$1(this.destroy$))
             .subscribe(() => this.startSession());
         // End the current session when Cirrus drops (true → false transition).
         this.store
             .select(unrealFeature.selectCirrusConnected)
-            .pipe(pairwise(), filter$1(([prev, curr]) => prev && !curr))
+            .pipe(pairwise(), filter$1(([prev, curr]) => prev && !curr), takeUntil$1(this.destroy$))
             .subscribe(() => this.endSession('disconnected'));
         // Close the session when the tab is hidden / being evicted from cache.
         // `pagehide` fires in more cases than `beforeunload` (covers iOS Safari, bfcache).
-        fromEvent(window, 'pagehide').subscribe(() => this.endSession('pagehide'));
+        fromEvent(window, 'pagehide')
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe(() => this.endSession('pagehide'));
     }
     startSession() {
         // If a previous session is still active, close it first.
@@ -5435,17 +5513,19 @@ class FileHandlerService {
     observeFileResponse(mimetype, data, sender, timeOut = 60000) {
         const correlationId = generateUuid();
         const out = { ...data, correlationId };
-        const observable = this.fileService.fileComplete$.pipe(switchMap((data) => {
-            if (data.valid && this.fileHandlers[mimetype]) {
-                return this.fileHandlers[mimetype](data, correlationId).pipe(filter(Truthy));
-            }
-            return of(null);
-        }), timeout(timeOut), catchError((e) => {
-            Logger.error(e);
-            return of(null);
-        }), take(1));
-        setTimeout(() => sender(out), 0);
-        return observable;
+        return defer(() => {
+            const observable = this.fileService.fileComplete$.pipe(switchMap((data) => {
+                if (data.valid && this.fileHandlers[mimetype]) {
+                    return this.fileHandlers[mimetype](data, correlationId).pipe(filter(Truthy));
+                }
+                return of(null);
+            }), timeout(timeOut), catchError((e) => {
+                Logger.error(e);
+                return of(null);
+            }), take(1));
+            setTimeout(() => sender(out), 0);
+            return observable;
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: FileHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: FileHandlerService }); }
@@ -5455,25 +5535,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
         }] });
 
 class AnalyticsService extends SubService {
-    /** Signals monitorMouse inner subscriptions to stop (viewport lost / new session). */
     #stopMouse$ = new Subject();
-    sendEventToMixPanel(name, params = {}) {
-        Logger.log('Analytics Event:', name, params);
-        this.store.dispatch(saveAnalyticsEvent({ event: { name, params } }));
-    }
     constructor() {
         super();
-        const abortSignal$ = this.store
-            .select(unrealFeature.selectViewportReady)
-            .pipe(filter$1(Falsy), map(() => void 0));
         this.store
             .select(unrealFeature.selectViewportReady)
-            .pipe(distinctUntilChanged(), filter$1(Truthy), takeUntil$1(this.destroy$))
-            .subscribe(() => this.monitorMouse(abortSignal$));
+            .pipe(distinctUntilChanged(), takeUntil$1(this.destroy$))
+            .subscribe((ready) => {
+            this.#stopMouse$.next();
+            if (ready) {
+                this.monitorMouse();
+            }
+        });
     }
-    monitorMouse(abortSignal$) {
-        this.#stopMouse$.next();
-        const stop$ = merge(this.#stopMouse$.asObservable(), abortSignal$);
+    monitorMouse() {
+        const stop$ = this.#stopMouse$.asObservable();
         const element = document.getElementById('streamingVideo');
         if (!element) {
             return;
@@ -5538,6 +5614,10 @@ class AnalyticsService extends SubService {
             });
         });
     }
+    sendEventToMixPanel(name, params = {}) {
+        Logger.log('Analytics Event:', name, params);
+        this.store.dispatch(saveAnalyticsEvent({ event: { name, params } }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AnalyticsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AnalyticsService }); }
 }
@@ -5618,10 +5698,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * the existing `CommandsEffects.setMaxFps$` effect that sends the
  * `t.MaxFPS <value>` console command to Unreal Engine.
  */
-class FpsMonitorService {
+class FpsMonitorService extends SubService {
     constructor() {
+        super();
         this.videoService = inject(VideoService);
-        this.store = inject(Store);
         this.unrealConfig = inject(UNREAL_CONFIG, { optional: true });
         /** Discrete FPS targets the controller can switch between (ascending order). Last 0 is an unlimited framerate indicator*/
         this.FPS_STEPS = [30, 40, 50, 0];
@@ -5660,9 +5740,6 @@ class FpsMonitorService {
         this.samples = [];
         this.lastDecisionTime = Date.now();
         this.lastUpgrade = 'hold';
-        this.disconnect$ = this.store
-            .select(unrealFeature.selectCirrusConnected)
-            .pipe(skip(1), filter(Falsy));
         this.init();
     }
     init() {
@@ -5672,17 +5749,19 @@ class FpsMonitorService {
         // Reset mutable state and re-subscribe when a new session starts
         this.store
             .select(unrealFeature.selectViewportReady)
-            .pipe(filter(Boolean))
+            .pipe(filter(Boolean), takeUntil(this.destroy$))
             .subscribe(() => this.startSession());
         // Reset mutable state when session ends
-        this.disconnect$.subscribe(() => this.resetSession());
+        this.disconnect$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.resetSession());
     }
     startSession() {
         // Tear down previous stats subscription if any
         this.session$.next();
         this.resetMutableState();
         this.videoService.videoStats$
-            .pipe(withLatestFrom(this.store.select(unrealFeature.selectViewportReady)), filter(([, viewportReady]) => viewportReady), takeUntil(this.session$))
+            .pipe(withLatestFrom(this.store.select(unrealFeature.selectViewportReady)), filter(([, viewportReady]) => viewportReady), takeUntil(merge(this.session$, this.destroy$)))
             .subscribe(([stats]) => this.processTick(stats));
     }
     resetSession() {
@@ -5968,14 +6047,16 @@ class UnrealCallbackService {
      */
     observeCommandResponse(data, sender, timeOut = 60000, dispatchOnTimeout = true) {
         const correlationId = generateUuid();
-        const observable = this.actions$.pipe(ofType(unrealCommandCallback), map$1(({ json }) => 'commandCallback' in json ? json.commandCallback : json), filter((json) => json.correlationId === correlationId), timeout(timeOut), catchError(() => dispatchOnTimeout
-            ? of({ command: 'timeout', correlationId: 'timeout' })
-            : of(null)), take(1), tapLog('Command Response Observer'), filter(Truthy), map$1((data) => ({
-            command: data.command,
-            payload: 'payload' in data ? data.payload : null,
-        })));
-        setTimeout(() => sender({ ...data, correlationId }), 0);
-        return observable;
+        return defer(() => {
+            const observable = this.actions$.pipe(ofType(unrealCommandCallback), map$1(({ json }) => 'commandCallback' in json ? json.commandCallback : json), filter((json) => json.correlationId === correlationId), timeout(timeOut), catchError(() => dispatchOnTimeout
+                ? of({ command: 'timeout', correlationId: 'timeout' })
+                : of(null)), take(1), tapLog('Command Response Observer'), filter(Truthy), map$1((data) => ({
+                command: data.command,
+                payload: 'payload' in data ? data.payload : null,
+            })));
+            setTimeout(() => sender({ ...data, correlationId }), 0);
+            return observable;
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: UnrealCallbackService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: UnrealCallbackService }); }
@@ -6291,7 +6372,7 @@ class ResumeStreamButtonComponent {
     constructor() {
         this.#store = inject(Store);
         this.streamConfig = this.#store.selectSignal(selectStreamConfig);
-        this.isSecondStart = signal(!!(this.streamConfig()?.autoStart && location.href.match(/^https/gi)), ...(ngDevMode ? [{ debugName: "isSecondStart" }] : /* istanbul ignore next */ []));
+        this.isSecondStart = signal(this.streamConfig()?.autoStart && location.protocol === 'https:', ...(ngDevMode ? [{ debugName: "isSecondStart" }] : /* istanbul ignore next */ []));
         this.isLoaderScreenVisible = this.#store.selectSignal(selectIsLoaderScreenVisible);
         this.showReconnectPopup = this.#store.selectSignal(selectShowReconnectPopup);
         this.isExistMatchUrls = this.#store.selectSignal(selectIsExistMatchUrls);
@@ -6651,6 +6732,14 @@ class LowBandwidthDetectorComponent {
         this.videoService = inject(VideoService);
         this.isDevMode = inject(DevModeService).isDevMode;
         this.viewportReady$ = this.#store.select(unrealFeature.selectViewportReady);
+        // TODO: `isLowBandwidth$` is currently stubbed to `of(true)`, which
+        // makes the entire monitoring chain in `ngOnInit` unreachable
+        // (`monitoringTrigger$` always emits `false`, `canSwitchToLowBand$`
+        // never passes its `filter(Truthy)`, and `trySetLowBandwidth` is
+        // never invoked). Only the initial `toggleIndicator(true)` fires
+        // once on mount. Wire this to a real reactive source (e.g. derived
+        // from bitrate/FPS thresholds in `aggregatedStats$`) before
+        // re-enabling the LBM feature, and remove this comment.
         this.isLowBandwidth$ = of(true);
         this.lowBandwidthTrigger$ = this.isLowBandwidth$.pipe(distinctUntilChanged$1(), filter(Truthy));
         this.highBandwidthTrigger$ = this.isLowBandwidth$.pipe(distinctUntilChanged$1(), filter(Falsy));