@hivegpt/hiveai-angular 0.0.607 → 0.0.609

package/fesm2020/hivegpt-hiveai-angular.mjs

@@ -153,6 +153,11 @@ class AudioAnalyzerService {
         this.audioLevelsSubject.next([]);
         this.isUserSpeakingSubject.next(false);
     }
+    resumeContextIfSuspended() {
+        if (!this.audioContext || this.audioContext.state !== 'suspended')
+            return;
+        this.audioContext.resume().catch((err) => console.warn('[HiveGpt Voice] AudioContext resume failed', err));
+    }
     analyze() {
         if (!this.isRunning || !this.analyserNode || !this.dataArray) {
             return;
@@ -418,6 +423,8 @@ class VoiceAgentService {
         this.lifecycleToken = 0;
         this.subscriptions = new Subscription();
         this.pcEventCleanup = [];
+        this.pageLifecycleCleanup = [];
+        this.wasInActiveCallBeforeHide = false;
         this.callState$ = this.callStateSubject.asObservable();
         this.statusText$ = this.statusTextSubject.asObservable();
         this.duration$ = this.durationSubject.asObservable();
@@ -427,6 +434,13 @@ class VoiceAgentService {
         this.userTranscript$ = this.userTranscriptSubject.asObservable();
         this.botTranscript$ = this.botTranscriptSubject.asObservable();
         this.subscriptions.add(this.audioAnalyzer.audioLevels$.pipe(throttleTime(50)).subscribe((levels) => this.ngZone.run(() => this.audioLevelsSubject.next(levels))));
+        this.registerPageLifecycleListeners();
+    }
+    ngOnDestroy() {
+        this.pageLifecycleCleanup.forEach((fn) => fn());
+        this.pageLifecycleCleanup = [];
+        this.subscriptions.unsubscribe();
+        void this.cleanupPipecatClient();
     }
     /** Reset to idle (e.g. when modal re-opens so user can click Start Call). */
     resetToIdle() {
@@ -447,6 +461,7 @@ class VoiceAgentService {
         this.durationSubject.next('00:00');
         this.statusTextSubject.next('');
         this.callStateSubject.next('idle');
+        this.wasInActiveCallBeforeHide = false;
         await this.cleanupPipecatClient();
     }
     async connect(apiUrl, token, botId, conversationId, apiKey, eventToken, eventId, eventUrl, domainAuthority, usersApiUrl) {
@@ -678,6 +693,7 @@ class VoiceAgentService {
         this.callStartTime = 0;
         this.audioAnalyzer.stop();
         this.stopBotAudio();
+        this.wasInActiveCallBeforeHide = false;
         await this.cleanupPipecatClient();
         this.callStateSubject.next('ended');
         this.statusTextSubject.next('Call Ended');
@@ -729,6 +745,53 @@ class VoiceAgentService {
             this.durationInterval = null;
         }
     }
+    registerPageLifecycleListeners() {
+        if (!isPlatformBrowser(this.platformId) || typeof window === 'undefined' || typeof document === 'undefined') {
+            return;
+        }
+        const onVisibilityChange = () => {
+            if (document.hidden) {
+                this.wasInActiveCallBeforeHide = this.isCallActiveState(this.callStateSubject.value);
+                return;
+            }
+            if (this.wasInActiveCallBeforeHide) {
+                this.wasInActiveCallBeforeHide = false;
+                this.recoverAfterPageRestore();
+            }
+        };
+        const onPageShow = (event) => {
+            if (event.persisted && this.isCallActiveState(this.callStateSubject.value)) {
+                this.recoverAfterPageRestore();
+            }
+        };
+        document.addEventListener('visibilitychange', onVisibilityChange);
+        window.addEventListener('pageshow', onPageShow);
+        this.pageLifecycleCleanup.push(() => document.removeEventListener('visibilitychange', onVisibilityChange), () => window.removeEventListener('pageshow', onPageShow));
+    }
+    recoverAfterPageRestore() {
+        this.ngZone.run(() => {
+            if (!this.pcClient || !this.isCallActiveState(this.callStateSubject.value))
+                return;
+            // Older cached TS program state may not include this helper yet; call defensively.
+            this.audioAnalyzer.resumeContextIfSuspended?.();
+            this.startLocalMicAnalyzer();
+            this.resumeBotAudioPlayback();
+        });
+    }
+    resumeBotAudioPlayback() {
+        const botTrack = this.pcClient?.tracks()
+            ?.bot?.audio;
+        if (botTrack) {
+            this.setupBotAudioTrack(botTrack);
+            return;
+        }
+        if (this.botAudioElement) {
+            this.botAudioElement.play().catch((err) => console.warn('[HiveGpt Voice] Bot audio resume blocked', err));
+        }
+    }
+    isCallActiveState(state) {
+        return state === 'connecting' || state === 'connected' || state === 'listening' || state === 'talking';
+    }
 }
 VoiceAgentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VoiceAgentService, deps: [{ token: AudioAnalyzerService }, { token: PlatformTokenRefreshService }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
 VoiceAgentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VoiceAgentService, providedIn: 'root' });
@@ -3674,10 +3737,12 @@ class ChatDrawerComponent {
         }
         this.cdr.detectChanges();
     }
-    scrollToBottom() {
-        if (!this.autoScrollOnNewMessage) {
+    scrollToBottom(force = false) {
+        if (!force && !this.autoScrollOnNewMessage) {
             return;
         }
+        if (!this.chatMain?.nativeElement)
+            return;
         let counter = 0;
         const interval = setInterval(() => {
             this.chatMain.nativeElement.scrollTop =
@@ -3688,7 +3753,7 @@ class ChatDrawerComponent {
     }
     /** Scrolls the chat container so the top of the AI message with the given id is visible. */
     scrollToAiMessage(messageId) {
-        if (!this.autoScrollOnNewMessage || !this.chatMain?.nativeElement)
+        if (!this.chatMain?.nativeElement)
             return;
         const container = this.chatMain.nativeElement;
         const el = container.querySelector(`[data-msg-id="${messageId}"]`);
@@ -4572,8 +4637,8 @@ class ChatDrawerComponent {
                     setTimeout(() => this.scrollToAiMessage(messageId), 30);
                 }
                 else {
-                    this.scrollToBottom();
                     this.cdr.markForCheck();
+                    setTimeout(() => this.scrollToBottom(true), 0);
                 }
                 break;
             }