http-request-manager 18.15.29 → 18.15.31

package/fesm2022/http-request-manager.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, APP_ID, Inject, InjectionToken, isDevMode, signal, effect, computed, Injector, Optional, EventEmitter, Input, Output, ViewEncapsulation, Component, NgModule, ViewChild } from '@angular/core';
+import { inject, Injectable, APP_ID, Inject, InjectionToken, isDevMode, signal, effect, computed, Injector, Optional, DestroyRef, EventEmitter, Input, Output, ViewEncapsulation, Component, NgModule, ViewChild } from '@angular/core';
 import { ComponentStore } from '@ngrx/component-store';
-import { map, catchError, filter, tap, finalize, takeWhile, retry, startWith, mergeMap, takeUntil, concatMap, toArray, withLatestFrom, switchMap, take, delay, scan, distinctUntilChanged } from 'rxjs/operators';
+import { map, catchError, filter, take, tap, finalize, takeWhile, retry, startWith, mergeMap, takeUntil, concatMap, toArray, withLatestFrom, switchMap, delay, scan, distinctUntilChanged } from 'rxjs/operators';
 import { HttpClient, HttpHeaders, HttpEventType, HttpHeaderResponse, HttpErrorResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as CryptoJS from 'crypto-js';
-import { from, BehaviorSubject, EMPTY, throwError, defer, interval, timer, Subject, of, merge, Subscription, take as take$1, catchError as catchError$1, map as map$1, tap as tap$1, switchMap as switchMap$1, startWith as startWith$1, distinctUntilChanged as distinctUntilChanged$1, combineLatest, filter as filter$1, takeUntil as takeUntil$1, ReplaySubject } from 'rxjs';
-import { toObservable } from '@angular/core/rxjs-interop';
+import { from, BehaviorSubject, EMPTY, timer, throwError, defer, interval, Subject, of, merge, Subscription, take as take$1, catchError as catchError$1, map as map$1, tap as tap$1, switchMap as switchMap$1, startWith as startWith$1, distinctUntilChanged as distinctUntilChanged$1, combineLatest, filter as filter$1, takeUntil as takeUntil$1, ReplaySubject } from 'rxjs';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ToastMessageDisplayService, ToastDisplay, ToastColors, ToastMessageDisplayModule } from 'toast-message-display';
 import Dexie from 'dexie';
 import * as i1 from '@ngx-translate/core';
@@ -1854,6 +1854,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 class WebSocketManagerService {
     constructor() {
+        this.retryCount$ = WebSocketManagerService.retryCountSubject.asObservable();
+        this.maxRetries$ = WebSocketManagerService.maxRetriesSubject.asObservable();
         this.messages$ = WebSocketManagerService.messages.asObservable();
         this.connectionStatus$ = WebSocketManagerService.connectionStatus.asObservable();
         this.subscribedChannels$ = WebSocketManagerService.subscribedChannels.asObservable();
@@ -1870,7 +1872,11 @@ class WebSocketManagerService {
     static { this.lastJwtToken = ''; }
     // Retry configuration
     static { this.retryCount = 0; }
-    static { this.jwtInvalidClose = false; }
+    static { this.retryDelay = 5000; }
+    static { this.retrySubscription = null; }
+    static { this.maxRetries = 10; }
+    static { this.retryCountSubject = new BehaviorSubject(0); }
+    static { this.maxRetriesSubject = new BehaviorSubject(10); }
     // ═══════════════════════════════════════════════════════════════════════════
     // INSTANCE OBSERVABLES (Shared across ALL instances via static BehaviorSubjects)
     // ═══════════════════════════════════════════════════════════════════════════
@@ -1915,6 +1921,9 @@ class WebSocketManagerService {
      * @param jwtToken - Optional JWT token for authentication
      */
     connect(options, jwtToken) {
+        // Cancel any pending retry timer before attempting a new connection
+        WebSocketManagerService.retrySubscription?.unsubscribe();
+        WebSocketManagerService.retrySubscription = null;
         // Check if connection already exists and is open
         if (WebSocketManagerService.socket) {
             if (WebSocketManagerService.socket.readyState === WebSocket.OPEN) {
@@ -1941,82 +1950,105 @@ class WebSocketManagerService {
         // Store jwt token for retry
         WebSocketManagerService.lastJwtToken = jwtToken;
         WebSocketManagerService.lastOptions = options;
-        WebSocketManagerService.jwtInvalidClose = false;
-        // Mark as connecting
+        // Always set maxRetries and delay from latest options
+        if (options?.retry?.times) {
+            WebSocketManagerService.maxRetries = options.retry.times;
+            WebSocketManagerService.maxRetriesSubject.next(options.retry.times);
+        }
+        else {
+            WebSocketManagerService.maxRetries = 10;
+            WebSocketManagerService.maxRetriesSubject.next(10);
+        }
+        if (options?.retry?.delay) {
+            WebSocketManagerService.retryDelay = options.retry.delay * 1000;
+        }
+        else {
+            WebSocketManagerService.retryDelay = 5000;
+        }
+        // Mark as connecting — connectionStatus true while connecting/retrying, false only when exhausted
         WebSocketManagerService.isConnecting = true;
         WebSocketManagerService.isSubscribed = false;
         WebSocketManagerService.subscribedChannels.next(new Set());
+        WebSocketManagerService.connectionStatus.next(true);
         const sessionId = this.getSessionId();
         const URL = (jwtToken) ? `${options.wsServer}?token=${jwtToken}&sessionId=${sessionId}` : `${options.wsServer}?sessionId=${sessionId}`;
         console.log(`🔌 Initiating WebSocket connection to: ${options.wsServer}`);
         // Create new WebSocket instance (static)
         WebSocketManagerService.socket = new WebSocket(URL);
         WebSocketManagerService.socket.onopen = () => {
-            console.log(`📡 Connected to WebSocket`);
+            console.log(`📡 WebSocket handshake complete — awaiting server confirmation`);
             // Force clear subscribedChannels on new connection - server lost our subscriptions
             console.log('🧹 Clearing subscribedChannels on connect (was:', WebSocketManagerService.subscribedChannels.value.size, 'channels)');
             WebSocketManagerService.subscribedChannels.next(new Set());
-            WebSocketManagerService.retryCount = 0;
-            WebSocketManagerService.connectionStatus.next(true);
+            // Do NOT reset retryCount here — reset happens only on confirmed stable connection
+            // (onmessage first valid response). Resetting here would cause the counter to always
+            // show 1/N because onopen fires before onclose increments the counter.
             WebSocketManagerService.isConnecting = false;
             WebSocketManagerService.connectionInitialized = true;
-            // Emit reconnect event - MessageTrackerService will handle subscriptions with lastSeenId
-            console.log(`🔄 Emitting reconnect event for MessageTrackerService`);
-            WebSocketManagerService.onReconnect.next();
         };
         WebSocketManagerService.socket.onmessage = (event) => {
             try {
                 const data = JSON.parse(event.data);
-                if (data.error && (data.error === 'JWT_INVALID' || data.error === 'AUTH_BLOCKED')) {
-                    console.error(`🚫 ${data.error}: ${data.message || 'Authentication error'}`);
-                    WebSocketManagerService.jwtInvalidClose = true;
+                if (data.error) {
                     WebSocketManagerService.messages.next(data);
-                    WebSocketManagerService.connectionStatus.next(false);
+                    // Log the server error and close — onclose will drive the retry logic
+                    if (data.error === 'JWT_INVALID' || data.error === 'AUTH_BLOCKED') {
+                        console.error(`🚫 ${data.error}: ${data.message || 'Authentication error'} — will retry`);
+                    }
+                    else {
+                        console.error(`❌ Server error: ${data.error} — will retry`);
+                    }
                     WebSocketManagerService.socket?.close();
                     return;
                 }
+                // First valid (non-error) message confirms the server accepted auth.
+                // Reset retry counter now that we have a stable connection.
+                if (WebSocketManagerService.retryCount > 0) {
+                    console.log(`✅ Server confirmed connection after ${WebSocketManagerService.retryCount} retries.`);
+                    WebSocketManagerService.retryCount = 0;
+                    WebSocketManagerService.retryCountSubject.next(0);
+                    console.log(`🔄 Emitting reconnect event for MessageTrackerService`);
+                    WebSocketManagerService.onReconnect.next();
+                }
                 WebSocketManagerService.messages.next(data);
             }
             catch (error) {
                 console.error('Error parsing WebSocket message:', event.data);
             }
         };
-        WebSocketManagerService.socket.onclose = () => {
-            console.log('🔴 WebSocket connection closed');
-            console.log('🧹 Clearing subscribedChannels (was:', WebSocketManagerService.subscribedChannels.value.size, 'channels)');
-            WebSocketManagerService.connectionStatus.next(false);
+        WebSocketManagerService.socket.onclose = (event) => {
+            console.log(`🔴 WebSocket closed (code: ${event.code})`);
             WebSocketManagerService.isConnecting = false;
             WebSocketManagerService.socket = null;
-            // Clear subscribed channels - server lost our subscriptions
             WebSocketManagerService.subscribedChannels.next(new Set());
-            console.log('✅ subscribedChannels cleared');
-            if (WebSocketManagerService.jwtInvalidClose) {
-                console.error('🚫 WebSocket closed due to authentication block/invalid token. Not retrying.');
-                WebSocketManagerService.retryCount = 0;
-                return;
-            }
-            const maxRetries = WebSocketManagerService.lastOptions?.retry?.times || 3;
-            const retryDelay = (WebSocketManagerService.lastOptions?.retry?.delay && WebSocketManagerService.lastOptions.retry.delay * 1000) || 5000;
+            const maxRetries = WebSocketManagerService.maxRetries;
+            const retryDelay = WebSocketManagerService.retryDelay;
             if (WebSocketManagerService.lastOptions && WebSocketManagerService.retryCount < maxRetries) {
                 WebSocketManagerService.retryCount++;
+                WebSocketManagerService.retryCountSubject.next(WebSocketManagerService.retryCount);
                 console.log(`🔄 Reconnect attempt ${WebSocketManagerService.retryCount}/${maxRetries}...`);
-                setTimeout(() => this.connect(WebSocketManagerService.lastOptions, WebSocketManagerService.lastJwtToken), retryDelay);
+                // connectionStatus stays true — still actively retrying
+                WebSocketManagerService.retrySubscription = timer(retryDelay).pipe(take(1)).subscribe(() => this.connect(WebSocketManagerService.lastOptions, WebSocketManagerService.lastJwtToken));
             }
-            else if (WebSocketManagerService.retryCount >= maxRetries) {
-                console.error(`❌ WebSocket failed after ${maxRetries} attempts. Giving up.`);
-                WebSocketManagerService.retryCount = 0;
+            else {
+                console.error(`❌ WebSocket failed after ${maxRetries} retries. Giving up.`);
+                WebSocketManagerService.connectionStatus.next(false);
+                WebSocketManagerService.retryCount = maxRetries;
+                WebSocketManagerService.retryCountSubject.next(maxRetries);
             }
         };
         WebSocketManagerService.socket.onerror = (error) => {
             console.error('❌ WebSocket error:', error);
-            WebSocketManagerService.connectionStatus.next(false);
             WebSocketManagerService.isConnecting = false;
+            // onclose will fire after onerror and drive retry/give-up logic
         };
     }
     /**
      * Disconnect from WebSocket server
      */
     disconnect() {
+        WebSocketManagerService.retrySubscription?.unsubscribe();
+        WebSocketManagerService.retrySubscription = null;
         if (WebSocketManagerService.socket) {
             console.log('🔌 Disconnecting WebSocket...');
             WebSocketManagerService.socket.close();
@@ -3374,10 +3406,10 @@ class MessageTrackerService {
          * Map<channel, retryCount>
          */
         this.gapRetryCount = new Map();
-        /** Batch acknowledgment timer */
-        this.batchAckTimer = null;
         /** Subscription to WebSocket messages */
         this.messagesSubscription = null;
+        /** Subject to signal destroy for takeUntil */
+        this.destroy$ = new Subject();
         /**
          * Track channels we want to be subscribed to (survives disconnect/reconnect)
          * This is separate from WebSocketManagerService.subscribedChannels which tracks
@@ -3391,7 +3423,9 @@ class MessageTrackerService {
         this.restoreLastSeen();
         this.restoreIntendedChannels();
         // Start batch acknowledgment timer
-        this.startBatchAckTimer();
+        interval(this.BATCH_ACK_INTERVAL_MS)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.sendAllBatchAcks());
         // Subscribe to all incoming WebSocket messages
         this.messagesSubscription = this.wsManager.messages$.subscribe(msg => {
             if (msg) {
@@ -3406,7 +3440,8 @@ class MessageTrackerService {
         console.log('✅ MessageTrackerService initialized');
     }
     ngOnDestroy() {
-        this.stopBatchAckTimer();
+        this.destroy$.next();
+        this.destroy$.complete();
         this.persistLastSeen(); // This now also persists intendedChannels
         this.messagesSubscription?.unsubscribe();
         console.log('🛑 MessageTrackerService destroyed');
@@ -3492,23 +3527,6 @@ class MessageTrackerService {
         }
         this.pendingAcks.get(channel).add(messageId);
     }
-    /**
-     * Start batch acknowledgment timer
-     */
-    startBatchAckTimer() {
-        this.batchAckTimer = setInterval(() => {
-            this.sendAllBatchAcks();
-        }, this.BATCH_ACK_INTERVAL_MS);
-    }
-    /**
-     * Stop batch acknowledgment timer
-     */
-    stopBatchAckTimer() {
-        if (this.batchAckTimer) {
-            clearInterval(this.batchAckTimer);
-            this.batchAckTimer = null;
-        }
-    }
     /**
      * Send batch acknowledgments for all channels with pending acks
      */
@@ -3745,6 +3763,8 @@ class HTTPManagerService extends RequestService {
         this.connectionStatus$ = this.wsManager.connectionStatus$;
         this.messages$ = this.messageTracker.messages$; // Messages flow through MessageTrackerService
         this.subscribedChannels$ = this.wsManager.subscribedChannels$;
+        this.retryCount$ = this.wsManager.retryCount$;
+        this.maxRetries$ = this.wsManager.maxRetries$;
         this.countdown = new BehaviorSubject(0);
         this.countdown$ = this.countdown.asObservable();
         this.error = new BehaviorSubject(false);
@@ -5664,6 +5684,7 @@ class LocalStorageSignalsManagerService {
         this.defaultOptions = SettingOptions.adapt();
         this.stateRetrieved = false;
         this.encrypted = false;
+        this.destroyRef = inject(DestroyRef);
         this.app = inject(AppService);
         this.utils = inject(UtilsService);
         this.objectMergerService = inject(ObjectMergerService);
@@ -5726,7 +5747,7 @@ class LocalStorageSignalsManagerService {
             }
         });
         // Expiration timer every 3s
-        setInterval(() => {
+        interval(3000).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             const state = this.state();
             const expired = this.expired(state);
             if (expired.length > 0) {
@@ -5740,7 +5761,7 @@ class LocalStorageSignalsManagerService {
                 this.state.set(updated);
                 this.persistState(updated);
             }
-        }, 3000);
+        });
     }
     // --- STATE MUTATORS ---
     setStore(store) {
@@ -6943,6 +6964,8 @@ class HTTPManagerStateService extends ComponentStore {
         this.wsOptions = WSOptions.adapt();
         // Expose raw WS connection status directly to UI (from singleton WebSocketManagerService)
         this.connectionStatus$ = this.httpManagerService.connectionStatus$;
+        this.wsRetryCount$ = this.httpManagerService.retryCount$;
+        this.wsMaxRetries$ = this.httpManagerService.maxRetries$;
         // WebSocket
         this.initWS = this.effect((wsOptions$) => wsOptions$.pipe(switchMap((wsOptions) => merge(this.httpManagerService.connectionStatus$.pipe(tap((isConnected) => {
             if (isConnected) {
@@ -11688,11 +11711,8 @@ class WsMessagingComponent {
         this.stateService.updateConnection(this.server, this.wsServer, this.jwtToken, this.user, this.path);
         // Only trigger once when connection becomes true
         this.connectionStatus$.pipe(filter$1(status => status === true), take$1(1), takeUntil$1(this.destroy$)).subscribe(() => {
-            // Wait a moment for subscription to be processed, then fetch channels
-            setTimeout(() => {
-                console.log('📋 Fetching channels after connection...');
-                this.messageService.getAllChannels();
-            }, 500); // 500ms delay to ensure subscription is processed
+            console.log('📋 Fetching channels after connection...');
+            this.messageService.getAllChannels();
         });
         // Subscribe to latest messages and display using rule-based routing
         this.latestCommunicationMessages$.pipe(filter$1(message => !!message), takeUntil$1(this.destroy$)).subscribe((message) => {
@@ -12038,8 +12058,8 @@ class RequestManagerWsDemoComponent {
         this.fb = inject(FormBuilder);
         this.path = ['ai', 'tests'];
         this.user$ = this.stateService.user$;
-        this.attempts$ = this.stateService.wsRetryAttempts$;
-        this.nextRetry$ = this.stateService.wsNextRetry$;
+        this.retryCount$ = this.stateService.wsRetryCount$;
+        this.maxRetries$ = this.stateService.wsMaxRetries$;
         this.connectionStatus$ = this.stateService.connectionStatus$;
         this.data$ = this.stateService.data$;
         this.isPending$ = this.stateService.isPending$;
@@ -12048,11 +12068,11 @@ class RequestManagerWsDemoComponent {
         this.stateService.updateConnection(this.server, this.wsServer, this.jwtToken, this.user, this.path);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestManagerWsDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestManagerWsDemoComponent, selector: "app-request-manager-ws-demo", inputs: { server: "server", wsServer: "wsServer", jwtToken: "jwtToken", user: "user", path: "path" }, ngImport: i0, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i3$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WsDataControlComponent, selector: "app-ws-data-control", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsMessagingComponent, selector: "app-ws-messaging", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsNotificationsComponent, selector: "app-ws-notifications", inputs: ["server", "wsServer", "jwtToken", "user"] }, { kind: "component", type: WsAiMessagingComponent, selector: "app-ws-ai-messaging" }, { kind: "component", type: WsChatsComponent, selector: "app-ws-chats" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestManagerWsDemoComponent, selector: "app-request-manager-ws-demo", inputs: { server: "server", wsServer: "wsServer", jwtToken: "jwtToken", user: "user", path: "path" }, ngImport: i0, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ retryCount$ | async }} / {{ maxRetries$ | async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async) && ((retryCount$ | async) ?? 0) < ((maxRetries$ | async) ?? 0)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\" [disabled]=\"!(connectionStatus$ | async)\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\" [disabled]=\"!(connectionStatus$ | async)\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\" [disabled]=\"!(connectionStatus$ | async)\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i3$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WsDataControlComponent, selector: "app-ws-data-control", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsMessagingComponent, selector: "app-ws-messaging", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsNotificationsComponent, selector: "app-ws-notifications", inputs: ["server", "wsServer", "jwtToken", "user"] }, { kind: "component", type: WsAiMessagingComponent, selector: "app-ws-ai-messaging" }, { kind: "component", type: WsChatsComponent, selector: "app-ws-chats" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestManagerWsDemoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-request-manager-ws-demo', standalone: false, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n" }]
+            args: [{ selector: 'app-request-manager-ws-demo', standalone: false, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ retryCount$ | async }} / {{ maxRetries$ | async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async) && ((retryCount$ | async) ?? 0) < ((maxRetries$ | async) ?? 0)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\" [disabled]=\"!(connectionStatus$ | async)\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\" [disabled]=\"!(connectionStatus$ | async)\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\" [disabled]=\"!(connectionStatus$ | async)\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n" }]
         }], propDecorators: { server: [{
                 type: Input
             }], wsServer: [{