@hivegpt/hiveai-angular 0.0.574 → 0.0.576

package/fesm2015/hivegpt-hiveai-angular.js

@@ -813,6 +813,7 @@ AudioAnalyzerService.decorators = [
  * - Emit roomCreated$, userTranscript$, botTranscript$
  * - NO audio logic, NO mic logic. Audio is handled by Daily.js (WebRTC).
  */
+const WS_CONNECT_TIMEOUT_MS = 10000;
 class WebSocketVoiceClientService {
     constructor() {
         this.ws = null;
@@ -826,54 +827,100 @@ class WebSocketVoiceClientService {
         /** Emits bot transcript updates. */
         this.botTranscript$ = this.botTranscriptSubject.asObservable();
     }
-    /** Connect to signaling WebSocket. No audio over this connection. */
+    /**
+     * Connect to signaling WebSocket. No audio over this connection.
+     * Resolves when the socket is open; rejects if the connection fails.
+     */
     connect(wsUrl) {
         var _a;
         if (((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
-            return;
+            return Promise.resolve();
         }
         if (this.ws) {
             this.ws.close();
             this.ws = null;
         }
-        try {
-            this.ws = new WebSocket(wsUrl);
-            this.ws.onmessage = (event) => {
+        return new Promise((resolve, reject) => {
+            let settled = false;
+            const timeout = setTimeout(() => {
                 var _a;
+                if (settled)
+                    return;
+                settled = true;
                 try {
-                    const msg = JSON.parse(event.data);
-                    if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'room_created') {
-                        const roomUrl = ((_a = msg.room_url) !== null && _a !== void 0 ? _a : msg.roomUrl);
-                        if (typeof roomUrl === 'string') {
-                            this.roomCreatedSubject.next(roomUrl);
-                        }
-                    }
-                    else if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'user_transcript' && typeof msg.text === 'string') {
-                        this.userTranscriptSubject.next({
-                            text: msg.text,
-                            final: msg.final === true,
-                        });
-                    }
-                    else if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'bot_transcript' && typeof msg.text === 'string') {
-                        this.botTranscriptSubject.next(msg.text);
-                    }
+                    (_a = this.ws) === null || _a === void 0 ? void 0 : _a.close();
                 }
                 catch (_b) {
-                    // Ignore non-JSON or unknown messages
+                    /* ignore */
                 }
-            };
-            this.ws.onerror = () => {
-                this.disconnect();
-            };
-            this.ws.onclose = () => {
                 this.ws = null;
+                reject(new Error('WebSocket connection timed out'));
+            }, WS_CONNECT_TIMEOUT_MS);
+            const clear = () => {
+                clearTimeout(timeout);
             };
-        }
-        catch (err) {
-            console.error('WebSocketVoiceClient: connect failed', err);
-            this.ws = null;
-            throw err;
-        }
+            try {
+                const ws = new WebSocket(wsUrl);
+                this.ws = ws;
+                ws.onopen = () => {
+                    if (settled)
+                        return;
+                    settled = true;
+                    clear();
+                    resolve();
+                };
+                ws.onmessage = (event) => {
+                    var _a;
+                    try {
+                        const msg = JSON.parse(event.data);
+                        if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'room_created') {
+                            const roomUrl = ((_a = msg.room_url) !== null && _a !== void 0 ? _a : msg.roomUrl);
+                            if (typeof roomUrl === 'string') {
+                                this.roomCreatedSubject.next(roomUrl);
+                            }
+                        }
+                        else if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'user_transcript' && typeof msg.text === 'string') {
+                            this.userTranscriptSubject.next({
+                                text: msg.text,
+                                final: msg.final === true,
+                            });
+                        }
+                        else if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'bot_transcript' && typeof msg.text === 'string') {
+                            this.botTranscriptSubject.next(msg.text);
+                        }
+                    }
+                    catch (_b) {
+                        // Ignore non-JSON or unknown messages
+                    }
+                };
+                ws.onerror = () => {
+                    if (!settled) {
+                        settled = true;
+                        clear();
+                        this.disconnect();
+                        reject(new Error('WebSocket connection failed'));
+                        return;
+                    }
+                    // After onopen, some environments fire onerror spuriously; closing here can
+                    // kill the socket before room_created is delivered. Let onclose clean up.
+                    console.warn('WebSocketVoiceClient: onerror after open (not forcing disconnect)');
+                };
+                ws.onclose = () => {
+                    this.ws = null;
+                    if (!settled) {
+                        settled = true;
+                        clear();
+                        reject(new Error('WebSocket connection failed'));
+                    }
+                };
+            }
+            catch (err) {
+                clear();
+                console.error('WebSocketVoiceClient: connect failed', err);
+                this.ws = null;
+                reject(err instanceof Error ? err : new Error(String(err)));
+            }
+        });
     }
     /** Disconnect and cleanup. */
     disconnect() {
@@ -895,59 +942,87 @@ WebSocketVoiceClientService.decorators = [
             },] }
 ];
 
+/**
+ * Daily.js WebRTC client for voice agent audio.
+ * Responsibilities:
+ * - Create and manage Daily CallObject
+ * - Join Daily room using room_url
+ * - Handle mic capture + speaker playback
+ * - Bot speaking detection via AnalyserNode on remote track (instant)
+ * - User speaking detection via active-speaker-change
+ * - Expose speaking$ (bot speaking), userSpeaking$ (user speaking), micMuted$
+ * - Expose localStream$ for waveform visualization (AudioAnalyzerService)
+ */
 class DailyVoiceClientService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         this.callObject = null;
         this.localStream = null;
         this.localSessionId = null;
+        /** Explicit playback of remote (bot) audio; required in some browsers. */
         this.remoteAudioElement = null;
+        /** AnalyserNode-based remote audio monitor for instant bot speaking detection. */
         this.remoteAudioContext = null;
-        this.remoteSpeakingRAF = null;
+        /** Poll interval id (~100ms); named historically when RAF was used. */
+        this.remoteSpeakingPollId = null;
         this.speakingSubject = new BehaviorSubject(false);
         this.userSpeakingSubject = new BehaviorSubject(false);
-        this.micMutedSubject = new BehaviorSubject(true); // 🔴 default muted
+        this.micMutedSubject = new BehaviorSubject(false);
         this.localStreamSubject = new BehaviorSubject(null);
+        /** True when bot (remote participant) is the active speaker. */
         this.speaking$ = this.speakingSubject.asObservable();
+        /** True when user (local participant) is the active speaker. */
         this.userSpeaking$ = this.userSpeakingSubject.asObservable();
+        /** True when mic is muted. */
         this.micMuted$ = this.micMutedSubject.asObservable();
+        /** Emits local mic stream for waveform visualization. */
         this.localStream$ = this.localStreamSubject.asObservable();
     }
-    connect(roomUrl, token) {
+    /**
+     * Connect to Daily room. Acquires mic first for waveform, then joins with audio.
+     * @param roomUrl Daily room URL (from room_created)
+     * @param token Optional meeting token
+     * @param existingStream Optional pre-acquired mic (avoids a second getUserMedia / extra prompts on some browsers)
+     */
+    connect(roomUrl, token, existingStream) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.callObject) {
                 yield this.disconnect();
             }
             try {
-                // 🎤 Get mic (kept for waveform)
-                const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
+                const hasLiveTrack = !!(existingStream === null || existingStream === void 0 ? void 0 : existingStream.getAudioTracks().some((t) => t.readyState === 'live'));
+                const stream = hasLiveTrack
+                    ? existingStream
+                    : yield navigator.mediaDevices.getUserMedia({ audio: true });
                 const audioTrack = stream.getAudioTracks()[0];
-                if (!audioTrack)
+                if (!audioTrack) {
+                    stream.getTracks().forEach((t) => t.stop());
                     throw new Error('No audio track');
+                }
                 this.localStream = stream;
                 this.localStreamSubject.next(stream);
+                // Create audio-only call object
+                // videoSource: false = no camera, audioSource = our mic track
                 const callObject = Daily.createCallObject({
                     videoSource: false,
                     audioSource: audioTrack,
                 });
                 this.callObject = callObject;
                 this.setupEventHandlers(callObject);
-                // 🔴 Ensure mic is OFF before join
-                callObject.setLocalAudio(false);
-                this.micMutedSubject.next(true);
+                // Join room; Daily handles playback of remote (bot) audio automatically.
+                // Only pass token when it's a non-empty string (Daily rejects undefined/non-string).
                 const joinOptions = { url: roomUrl };
-                if (typeof token === 'string' && token.trim()) {
+                if (typeof token === 'string' && token.trim() !== '') {
                     joinOptions.token = token;
                 }
                 yield callObject.join(joinOptions);
-                console.log(`[VoiceDebug] Joined room — ${new Date().toISOString()}`);
+                console.log(`[VoiceDebug] Room connected (Daily join complete) — ${new Date().toISOString()}`);
                 const participants = callObject.participants();
                 if (participants === null || participants === void 0 ? void 0 : participants.local) {
                     this.localSessionId = participants.local.session_id;
                 }
-                // 🔴 Force sync again (Daily sometimes overrides)
-                callObject.setLocalAudio(false);
-                this.micMutedSubject.next(true);
+                // Initial mute state: Daily starts with audio on
+                this.micMutedSubject.next(!callObject.localAudio());
             }
             catch (err) {
                 this.cleanup();
@@ -956,6 +1031,8 @@ class DailyVoiceClientService {
         });
     }
     setupEventHandlers(call) {
+        // active-speaker-change: used ONLY for user speaking detection.
+        // Bot speaking is detected by our own AnalyserNode (instant, no debounce).
         call.on('active-speaker-change', (event) => {
             this.ngZone.run(() => {
                 var _a;
@@ -964,20 +1041,23 @@ class DailyVoiceClientService {
                     this.userSpeakingSubject.next(false);
                     return;
                 }
-                this.userSpeakingSubject.next(peerId === this.localSessionId);
+                const isLocal = peerId === this.localSessionId;
+                this.userSpeakingSubject.next(isLocal);
             });
         });
+        // track-started / track-stopped: set up remote audio playback + AnalyserNode monitor.
         call.on('track-started', (event) => {
             this.ngZone.run(() => {
-                var _a, _b, _c, _d, _e;
+                var _a, _b, _c, _d;
                 const p = event === null || event === void 0 ? void 0 : event.participant;
                 const type = (_a = event === null || event === void 0 ? void 0 : event.type) !== null && _a !== void 0 ? _a : (_b = event === null || event === void 0 ? void 0 : event.track) === null || _b === void 0 ? void 0 : _b.kind;
+                const track = event === null || event === void 0 ? void 0 : event.track;
                 if (p && !p.local && type === 'audio') {
-                    const track = (_c = event.track) !== null && _c !== void 0 ? _c : (_e = (_d = p === null || p === void 0 ? void 0 : p.tracks) === null || _d === void 0 ? void 0 : _d.audio) === null || _e === void 0 ? void 0 : _e.track;
-                    if (track) {
-                        console.log('[VoiceDebug] Remote audio track received');
-                        this.playRemoteTrack(track);
-                        this.monitorRemoteAudio(track);
+                    console.log(`[VoiceDebug] Got audio track from backend (track-started) — readyState=${track === null || track === void 0 ? void 0 : track.readyState}, muted=${track === null || track === void 0 ? void 0 : track.muted} — ${new Date().toISOString()}`);
+                    const audioTrack = track !== null && track !== void 0 ? track : (_d = (_c = p.tracks) === null || _c === void 0 ? void 0 : _c.audio) === null || _d === void 0 ? void 0 : _d.track;
+                    if (audioTrack && typeof audioTrack === 'object') {
+                        this.playRemoteTrack(audioTrack);
+                        this.monitorRemoteAudio(audioTrack);
                     }
                 }
             });
@@ -996,27 +1076,57 @@ class DailyVoiceClientService {
         call.on('left-meeting', () => {
             this.ngZone.run(() => this.cleanup());
         });
-        call.on('error', (e) => {
-            console.error('Daily error:', e);
-            this.cleanup();
+        call.on('error', (event) => {
+            this.ngZone.run(() => {
+                var _a;
+                console.error('DailyVoiceClient: Daily error', (_a = event === null || event === void 0 ? void 0 : event.errorMsg) !== null && _a !== void 0 ? _a : event);
+                this.cleanup();
+            });
         });
     }
+    /**
+     * Play remote (bot) audio track via a dedicated audio element.
+     * Required in many browsers where Daily's internal playback does not output to speakers.
+     */
     playRemoteTrack(track) {
         this.stopRemoteAudio();
         try {
+            console.log(`[VoiceDebug] playRemoteTrack called — track.readyState=${track.readyState}, track.muted=${track.muted} — ${new Date().toISOString()}`);
+            track.onunmute = () => {
+                console.log(`[VoiceDebug] Remote audio track UNMUTED (audio data arriving) — ${new Date().toISOString()}`);
+            };
             const stream = new MediaStream([track]);
             const audio = new Audio();
             audio.autoplay = true;
             audio.srcObject = stream;
             this.remoteAudioElement = audio;
-            audio.play().catch(() => {
-                console.warn('Autoplay blocked');
-            });
+            audio.onplaying = () => {
+                console.log(`[VoiceDebug] Audio element PLAYING (browser started playback) — ${new Date().toISOString()}`);
+            };
+            let firstTimeUpdate = true;
+            audio.ontimeupdate = () => {
+                if (firstTimeUpdate) {
+                    firstTimeUpdate = false;
+                    console.log(`[VoiceDebug] Audio element first TIMEUPDATE (actual audio output) — ${new Date().toISOString()}`);
+                }
+            };
+            const p = audio.play();
+            if (p && typeof p.then === 'function') {
+                p.then(() => {
+                    console.log(`[VoiceDebug] audio.play() resolved — ${new Date().toISOString()}`);
+                }).catch((err) => {
+                    console.warn('DailyVoiceClient: remote audio play failed (may need user gesture)', err);
+                });
+            }
         }
         catch (err) {
-            console.warn('Audio playback error', err);
+            console.warn('DailyVoiceClient: failed to create remote audio element', err);
         }
     }
+    /**
+     * Monitor remote audio track energy via AnalyserNode.
+     * Polls at ~10Hz; sufficient for speaking detection vs ~60fps RAF.
+     */
     monitorRemoteAudio(track) {
         this.stopRemoteAudioMonitor();
         try {
@@ -1026,81 +1136,108 @@ class DailyVoiceClientService {
             analyser.fftSize = 256;
             source.connect(analyser);
             this.remoteAudioContext = ctx;
-            const data = new Uint8Array(analyser.frequencyBinCount);
-            let speaking = false;
-            let lastSound = 0;
-            const loop = () => {
-                if (!this.remoteAudioContext)
+            const dataArray = new Uint8Array(analyser.frequencyBinCount);
+            const THRESHOLD = 5;
+            const SILENCE_MS = 1500;
+            const POLL_MS = 100;
+            let lastSoundTime = 0;
+            let isSpeaking = false;
+            this.remoteSpeakingPollId = setInterval(() => {
+                if (!this.remoteAudioContext) {
+                    if (this.remoteSpeakingPollId) {
+                        clearInterval(this.remoteSpeakingPollId);
+                        this.remoteSpeakingPollId = null;
+                    }
                     return;
-                analyser.getByteFrequencyData(data);
-                const avg = data.reduce((a, b) => a + b, 0) / data.length;
+                }
+                analyser.getByteFrequencyData(dataArray);
+                let sum = 0;
+                for (let i = 0; i < dataArray.length; i++) {
+                    sum += dataArray[i];
+                }
+                const avg = sum / dataArray.length;
                 const now = Date.now();
-                if (avg > 5) {
-                    lastSound = now;
-                    if (!speaking) {
-                        speaking = true;
+                if (avg > THRESHOLD) {
+                    lastSoundTime = now;
+                    if (!isSpeaking) {
+                        isSpeaking = true;
+                        console.log(`[VoiceDebug] Bot audio energy detected (speaking=true) — avg=${avg.toFixed(1)} — ${new Date().toISOString()}`);
                         this.ngZone.run(() => {
                             this.userSpeakingSubject.next(false);
                             this.speakingSubject.next(true);
                         });
                     }
                 }
-                else if (speaking && now - lastSound > 1500) {
-                    speaking = false;
+                else if (isSpeaking && now - lastSoundTime > SILENCE_MS) {
+                    isSpeaking = false;
+                    console.log(`[VoiceDebug] Bot audio silence detected (speaking=false) — ${new Date().toISOString()}`);
                     this.ngZone.run(() => this.speakingSubject.next(false));
                 }
-                this.remoteSpeakingRAF = requestAnimationFrame(loop);
-            };
-            this.remoteSpeakingRAF = requestAnimationFrame(loop);
+            }, POLL_MS);
+        }
+        catch (err) {
+            console.warn('DailyVoiceClient: failed to create remote audio monitor', err);
         }
-        catch (_a) { }
     }
     stopRemoteAudioMonitor() {
-        var _a;
-        if (this.remoteSpeakingRAF) {
-            cancelAnimationFrame(this.remoteSpeakingRAF);
-            this.remoteSpeakingRAF = null;
+        if (this.remoteSpeakingPollId !== null) {
+            clearInterval(this.remoteSpeakingPollId);
+            this.remoteSpeakingPollId = null;
+        }
+        if (this.remoteAudioContext) {
+            this.remoteAudioContext.close().catch(() => { });
+            this.remoteAudioContext = null;
         }
-        (_a = this.remoteAudioContext) === null || _a === void 0 ? void 0 : _a.close().catch(() => { });
-        this.remoteAudioContext = null;
     }
     stopRemoteAudio() {
         if (this.remoteAudioElement) {
-            this.remoteAudioElement.pause();
-            this.remoteAudioElement.srcObject = null;
+            try {
+                this.remoteAudioElement.pause();
+                this.remoteAudioElement.srcObject = null;
+            }
+            catch (_) { }
             this.remoteAudioElement = null;
         }
     }
+    /** Set mic muted state. */
     setMuted(muted) {
         if (!this.callObject)
             return;
         this.callObject.setLocalAudio(!muted);
         this.micMutedSubject.next(muted);
-        console.log(`[VoiceDebug] Mic ${muted ? 'MUTED' : 'UNMUTED'}`);
     }
+    /** Disconnect and cleanup. */
     disconnect() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.callObject)
-                return this.cleanup();
+            if (!this.callObject) {
+                this.cleanup();
+                return;
+            }
             try {
                 yield this.callObject.leave();
             }
-            catch (_a) { }
+            catch (e) {
+                // ignore
+            }
             this.cleanup();
         });
     }
     cleanup() {
-        var _a, _b;
         this.stopRemoteAudioMonitor();
         this.stopRemoteAudio();
-        (_a = this.callObject) === null || _a === void 0 ? void 0 : _a.destroy().catch(() => { });
-        this.callObject = null;
-        (_b = this.localStream) === null || _b === void 0 ? void 0 : _b.getTracks().forEach((t) => t.stop());
-        this.localStream = null;
+        if (this.callObject) {
+            this.callObject.destroy().catch(() => { });
+            this.callObject = null;
+        }
+        if (this.localStream) {
+            this.localStream.getTracks().forEach((t) => t.stop());
+            this.localStream = null;
+        }
         this.localSessionId = null;
         this.speakingSubject.next(false);
         this.userSpeakingSubject.next(false);
         this.localStreamSubject.next(null);
+        // Keep last micMuted state; will reset on next connect
     }
 }
 DailyVoiceClientService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DailyVoiceClientService_Factory() { return new DailyVoiceClientService(i0.ɵɵinject(i0.NgZone)); }, token: DailyVoiceClientService, providedIn: "root" });
@@ -1113,8 +1250,21 @@ DailyVoiceClientService.ctorParameters = () => [
     { type: NgZone }
 ];
 
+/**
+ * Voice agent orchestrator. Coordinates WebSocket (signaling) and Daily.js (WebRTC audio).
+ *
+ * CRITICAL: This service must NEVER use Socket.IO or ngx-socket-io. Voice flow uses only:
+ * - Native WebSocket (WebSocketVoiceClientService) for signaling (room_created, transcripts)
+ * - Daily.js (DailyVoiceClientService) for WebRTC audio. Audio does NOT flow over WebSocket.
+ *
+ * - Maintains callState, statusText, duration, isMicMuted, isUserSpeaking, audioLevels
+ * - Uses WebSocket for room_created and transcripts only (no audio)
+ * - Uses Daily.js for all audio, mic, and real-time speaking detection
+ */
 class VoiceAgentService {
-    constructor(audioAnalyzer, wsClient, dailyClient, platformTokenRefresh, platformId) {
+    constructor(audioAnalyzer, wsClient, dailyClient, platformTokenRefresh, 
+    /** `Object` not `object` — ngc metadata collection rejects the `object` type in DI params. */
+    platformId) {
         this.audioAnalyzer = audioAnalyzer;
         this.wsClient = wsClient;
         this.dailyClient = dailyClient;
@@ -1123,7 +1273,7 @@ class VoiceAgentService {
         this.callStateSubject = new BehaviorSubject('idle');
         this.statusTextSubject = new BehaviorSubject('');
         this.durationSubject = new BehaviorSubject('00:00');
-        this.isMicMutedSubject = new BehaviorSubject(true);
+        this.isMicMutedSubject = new BehaviorSubject(false);
         this.isUserSpeakingSubject = new BehaviorSubject(false);
         this.audioLevelsSubject = new BehaviorSubject([]);
         this.userTranscriptSubject = new Subject();
@@ -1131,6 +1281,8 @@ class VoiceAgentService {
         this.callStartTime = 0;
         this.durationInterval = null;
         this.subscriptions = new Subscription();
+        /** Per-call only; cleared on disconnect / reset / new room so handlers do not stack. */
+        this.callSubscriptions = new Subscription();
         this.destroy$ = new Subject();
         this.callState$ = this.callStateSubject.asObservable();
         this.statusText$ = this.statusTextSubject.asObservable();
@@ -1140,118 +1292,163 @@ class VoiceAgentService {
         this.audioLevels$ = this.audioLevelsSubject.asObservable();
         this.userTranscript$ = this.userTranscriptSubject.asObservable();
         this.botTranscript$ = this.botTranscriptSubject.asObservable();
+        // Waveform visualization only - do NOT use for speaking state
         this.subscriptions.add(this.audioAnalyzer.audioLevels$.subscribe((levels) => this.audioLevelsSubject.next(levels)));
+        // Transcripts: single subscription for service lifetime (avoid stacking on each connect()).
+        // WebSocket is disconnected between calls; no replay — new subscribers (setupVoiceTranscripts)
+        // only receive messages from the new WS after connect.
+        this.subscriptions.add(this.wsClient.userTranscript$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((t) => this.userTranscriptSubject.next(t)));
+        this.subscriptions.add(this.wsClient.botTranscript$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((t) => this.botTranscriptSubject.next(t)));
     }
     ngOnDestroy() {
         this.destroy$.next();
         this.subscriptions.unsubscribe();
         this.disconnect();
     }
-    /**
-     * Tear down transports and reset UI state so a new `connect()` can run.
-     * `connect()` only proceeds from `idle`; use this after `ended` or when reopening the modal.
-     */
+    /** Reset to idle state (e.g. when modal opens so user can click Start Call). */
     resetToIdle() {
+        if (this.callStateSubject.value === 'idle')
+            return;
+        this.callSubscriptions.unsubscribe();
+        this.callSubscriptions = new Subscription();
         this.stopDurationTimer();
         this.audioAnalyzer.stop();
         this.wsClient.disconnect();
+        // Fire-and-forget: Daily disconnect is async; connect() will await if needed
         void this.dailyClient.disconnect();
         this.callStateSubject.next('idle');
         this.statusTextSubject.next('');
-        this.durationSubject.next('00:00');
-        this.isMicMutedSubject.next(true);
-        this.isUserSpeakingSubject.next(false);
-        this.audioLevelsSubject.next([]);
+        this.durationSubject.next('0:00');
     }
-    connect(apiUrl, token, botId, conversationId, apiKey, eventToken, eventId, eventUrl, domainAuthority, usersApiUrl) {
+    connect(apiUrl, token, botId, conversationId, apiKey, eventToken, eventId, eventUrl, domainAuthority, usersApiUrl, existingMicStream) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.callStateSubject.value !== 'idle')
+            if (this.callStateSubject.value !== 'idle') {
+                console.warn('Call already in progress');
                 return;
+            }
             try {
                 this.callStateSubject.next('connecting');
                 this.statusTextSubject.next('Connecting...');
-                let accessToken = token;
-                if (usersApiUrl && isPlatformBrowser(this.platformId)) {
-                    try {
-                        const ensured = yield this.platformTokenRefresh
-                            .ensureValidAccessToken(token, usersApiUrl)
-                            .pipe(take(1))
-                            .toPromise();
-                        if (ensured === null || ensured === void 0 ? void 0 : ensured.accessToken) {
-                            accessToken = ensured.accessToken;
-                        }
-                    }
-                    catch (_a) { }
-                }
-                const base = (apiUrl || '').replace(/\/+$/, '');
-                const postUrl = `${base}/ai/ask-voice`;
-                // Same as chat-drawer `/ai/ask` headers: use `eventId` (camelCase), value from host `this.eventId`.
-                const eventIdHeader = (eventId && String(eventId).trim()) || '';
+                const tokenPromise = usersApiUrl && isPlatformBrowser(this.platformId)
+                    ? this.platformTokenRefresh
+                        .ensureValidAccessToken(token, usersApiUrl)
+                        .pipe(take(1))
+                        .toPromise()
+                        .then((ensured) => { var _a; return (_a = ensured === null || ensured === void 0 ? void 0 : ensured.accessToken) !== null && _a !== void 0 ? _a : token; })
+                        .catch((e) => {
+                        console.warn('[HiveGpt Voice] Token refresh before connect failed', e);
+                        return token;
+                    })
+                    : Promise.resolve(token);
+                const prepPromise = Promise.resolve().then(() => {
+                    const baseUrl = apiUrl.replace(/\/$/, '');
+                    return {
+                        postUrl: `${baseUrl}/ai/ask-voice`,
+                        body: JSON.stringify({
+                            bot_id: botId,
+                            conversation_id: conversationId,
+                            voice: 'alloy',
+                        }),
+                    };
+                });
+                const micPromise = (existingMicStream === null || existingMicStream === void 0 ? void 0 : existingMicStream.getAudioTracks().some((t) => t.readyState === 'live'))
+                    ? Promise.resolve(existingMicStream)
+                    : isPlatformBrowser(this.platformId) &&
+                        ((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia)
+                        ? navigator.mediaDevices
+                            .getUserMedia({ audio: true })
+                            .catch(() => undefined)
+                        : Promise.resolve(undefined);
+                const [accessToken, { postUrl, body }, micStream] = yield Promise.all([
+                    tokenPromise,
+                    prepPromise,
+                    micPromise,
+                ]);
+                const headers = {
+                    'Content-Type': 'application/json',
+                    Authorization: `Bearer ${accessToken}`,
+                    'x-api-key': apiKey,
+                    'hive-bot-id': botId,
+                    'domain-authority': domainAuthority,
+                    eventUrl,
+                    eventId,
+                    eventToken,
+                    'ngrok-skip-browser-warning': 'true',
+                };
+                // POST to get ws_url for signaling
                 const res = yield fetch(postUrl, {
                     method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        Authorization: `Bearer ${accessToken}`,
-                        'domain-authority': domainAuthority,
-                        eventtoken: eventToken,
-                        eventurl: eventUrl,
-                        'hive-bot-id': botId,
-                        'x-api-key': apiKey,
-                        eventId: eventIdHeader,
-                    },
-                    body: JSON.stringify({
-                        bot_id: botId,
-                        conversation_id: conversationId,
-                        voice: 'alloy',
-                    }),
+                    headers,
+                    body,
                 });
+                if (!res.ok) {
+                    throw new Error(`HTTP ${res.status}`);
+                }
                 const json = yield res.json();
                 const wsUrl = json === null || json === void 0 ? void 0 : json.rn_ws_url;
-                this.wsClient.roomCreated$
-                    .pipe(take(1), takeUntil(this.destroy$))
-                    .subscribe((roomUrl) => __awaiter(this, void 0, void 0, function* () {
-                    yield this.onRoomCreated(roomUrl);
-                }));
-                this.subscriptions.add(this.wsClient.userTranscript$.subscribe((t) => this.userTranscriptSubject.next(t)));
-                this.subscriptions.add(this.wsClient.botTranscript$.subscribe((t) => this.botTranscriptSubject.next(t)));
-                this.wsClient.connect(wsUrl);
+                if (!wsUrl || typeof wsUrl !== 'string') {
+                    throw new Error('No ws_url in response');
+                }
+                // Subscribe before connect so the first room_created is never missed.
+                // Await until Daily join completes — callers must not treat WS "open" as call ready.
+                let roomCreatedSub;
+                const roomJoined = new Promise((resolve, reject) => {
+                    roomCreatedSub = this.wsClient.roomCreated$
+                        .pipe(take(1), takeUntil(this.destroy$))
+                        .subscribe((roomUrl) => __awaiter(this, void 0, void 0, function* () {
+                        try {
+                            yield this.onRoomCreated(roomUrl, micStream !== null && micStream !== void 0 ? micStream : undefined);
+                            resolve();
+                        }
+                        catch (err) {
+                            console.error('Daily join failed:', err);
+                            reject(err);
+                        }
+                    }), (err) => reject(err));
+                });
+                try {
+                    yield this.wsClient.connect(wsUrl);
+                    yield roomJoined;
+                }
+                catch (e) {
+                    roomCreatedSub === null || roomCreatedSub === void 0 ? void 0 : roomCreatedSub.unsubscribe();
+                    throw e;
+                }
             }
-            catch (e) {
+            catch (error) {
+                console.error('Error connecting voice agent:', error);
                 this.callStateSubject.next('ended');
+                yield this.disconnect();
+                this.statusTextSubject.next('Connection failed');
+                throw error;
             }
         });
     }
-    onRoomCreated(roomUrl) {
+    onRoomCreated(roomUrl, micStream) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.dailyClient.connect(roomUrl);
-            // 🔴 Start MUTED
-            this.dailyClient.setMuted(true);
-            this.isMicMutedSubject.next(true);
-            this.statusTextSubject.next('Listening to agent...');
-            // ✅ Enable mic on FIRST bot speech
-            let handled = false;
-            this.dailyClient.speaking$.pipe(filter(Boolean), take(1)).subscribe(() => {
-                if (handled)
-                    return;
-                handled = true;
-                console.log('[VoiceFlow] First bot response → enabling mic');
-                this.dailyClient.setMuted(false);
-                this.statusTextSubject.next('You can speak now');
-            });
-            // ⛑️ Fallback (if bot fails)
-            setTimeout(() => {
-                if (!handled) {
-                    console.warn('[VoiceFlow] Fallback → enabling mic');
-                    this.dailyClient.setMuted(false);
-                    this.statusTextSubject.next('You can speak now');
-                }
-            }, 8000);
-            // rest same
-            this.subscriptions.add(combineLatest([
+            yield this.dailyClient.connect(roomUrl, undefined, micStream);
+            this.callSubscriptions.unsubscribe();
+            this.callSubscriptions = new Subscription();
+            // Waveform: use local mic stream from Daily client
+            this.callSubscriptions.add(this.dailyClient.localStream$
+                .pipe(filter((s) => s != null), take(1))
+                .subscribe((stream) => {
+                this.audioAnalyzer.start(stream);
+            }));
+            this.callSubscriptions.add(this.dailyClient.userSpeaking$.subscribe((s) => this.isUserSpeakingSubject.next(s)));
+            this.callSubscriptions.add(combineLatest([
                 this.dailyClient.speaking$,
                 this.dailyClient.userSpeaking$,
             ]).subscribe(([bot, user]) => {
                 const current = this.callStateSubject.value;
+                if (current === 'connecting' && !bot) {
+                    return;
+                }
                 if (current === 'connecting' && bot) {
                     this.callStartTime = Date.now();
                     this.startDurationTimer();
@@ -1265,15 +1462,21 @@ class VoiceAgentService {
                     this.callStateSubject.next('talking');
                 }
                 else {
-                    this.callStateSubject.next('connected');
+                    // Between bot turns: stay on listening to avoid flicker via 'connected'
+                    this.callStateSubject.next('listening');
                 }
             }));
+            this.callSubscriptions.add(this.dailyClient.micMuted$.subscribe((muted) => this.isMicMutedSubject.next(muted)));
+            this.statusTextSubject.next('Connecting...');
         });
     }
     disconnect() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.callSubscriptions.unsubscribe();
+            this.callSubscriptions = new Subscription();
             this.stopDurationTimer();
             this.audioAnalyzer.stop();
+            // Daily first, then WebSocket
             yield this.dailyClient.disconnect();
             this.wsClient.disconnect();
             this.callStateSubject.next('ended');
@@ -1285,16 +1488,22 @@ class VoiceAgentService {
         this.dailyClient.setMuted(!current);
     }
     startDurationTimer() {
-        this.durationInterval = setInterval(() => {
-            const elapsed = Math.floor((Date.now() - this.callStartTime) / 1000);
-            const m = Math.floor(elapsed / 60);
-            const s = elapsed % 60;
-            this.durationSubject.next(`${m}:${String(s).padStart(2, '0')}`);
-        }, 1000);
+        const updateDuration = () => {
+            if (this.callStartTime > 0) {
+                const elapsed = Math.floor((Date.now() - this.callStartTime) / 1000);
+                const minutes = Math.floor(elapsed / 60);
+                const seconds = elapsed % 60;
+                this.durationSubject.next(`${minutes}:${String(seconds).padStart(2, '0')}`);
+            }
+        };
+        updateDuration();
+        this.durationInterval = setInterval(updateDuration, 1000);
     }
     stopDurationTimer() {
-        if (this.durationInterval)
+        if (this.durationInterval) {
             clearInterval(this.durationInterval);
+            this.durationInterval = null;
+        }
     }
 }
 VoiceAgentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0.ɵɵinject(AudioAnalyzerService), i0.ɵɵinject(WebSocketVoiceClientService), i0.ɵɵinject(DailyVoiceClientService), i0.ɵɵinject(PlatformTokenRefreshService), i0.ɵɵinject(i0.PLATFORM_ID)); }, token: VoiceAgentService, providedIn: "root" });
@@ -1315,10 +1524,11 @@ const VOICE_MODAL_CONFIG = new InjectionToken('VOICE_MODAL_CONFIG');
 const VOICE_MODAL_CLOSE_CALLBACK = new InjectionToken('VOICE_MODAL_CLOSE_CALLBACK');
 
 class VoiceAgentModalComponent {
-    constructor(voiceAgentService, audioAnalyzer, injector) {
+    constructor(voiceAgentService, audioAnalyzer, injector, platformId) {
         this.voiceAgentService = voiceAgentService;
         this.audioAnalyzer = audioAnalyzer;
         this.injector = injector;
+        this.platformId = platformId;
         this.close = new EventEmitter();
         this.apiKey = '';
         this.eventToken = '';
@@ -1330,6 +1540,8 @@ class VoiceAgentModalComponent {
         this.usersApiUrl = '';
         this.injectedConfig = null;
         this.onCloseCallback = null;
+        /** Held until destroy; passed to Daily so we do not stop/re-acquire (avoids extra prompts on some browsers). */
+        this.warmMicStream = null;
         /** Hardcoded voice agent avatar (Nia). */
         this.displayAvatarUrl = 'https://www.jotform.com/uploads/mehmetkarakasli/form_files/1564593667676a8e85f23758.86945537_icon.png';
         this.callState = 'idle';
@@ -1345,58 +1557,83 @@ class VoiceAgentModalComponent {
         this.isConnecting = false;
     }
     ngOnInit() {
+        void this.bootstrap();
+    }
+    bootstrap() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        // When opened via Overlay, config is provided by injection
-        this.injectedConfig = this.injector.get(VOICE_MODAL_CONFIG, null);
-        this.onCloseCallback = this.injector.get(VOICE_MODAL_CLOSE_CALLBACK, null);
-        if (this.injectedConfig) {
-            this.apiUrl = this.injectedConfig.apiUrl;
-            this.token = this.injectedConfig.token;
-            this.botId = this.injectedConfig.botId;
-            this.conversationId = this.injectedConfig.conversationId;
-            this.apiKey = (_a = this.injectedConfig.apiKey) !== null && _a !== void 0 ? _a : '';
-            this.eventToken = (_b = this.injectedConfig.eventToken) !== null && _b !== void 0 ? _b : '';
-            this.eventId = (_c = this.injectedConfig.eventId) !== null && _c !== void 0 ? _c : '';
-            this.eventUrl = (_d = this.injectedConfig.eventUrl) !== null && _d !== void 0 ? _d : '';
-            this.domainAuthority = (_e = this.injectedConfig.domainAuthority) !== null && _e !== void 0 ? _e : 'prod-lite';
-            this.agentName = (_f = this.injectedConfig.agentName) !== null && _f !== void 0 ? _f : this.agentName;
-            this.agentRole = (_g = this.injectedConfig.agentRole) !== null && _g !== void 0 ? _g : this.agentRole;
-            this.agentAvatar = this.injectedConfig.agentAvatar;
-            this.usersApiUrl = (_h = this.injectedConfig.usersApiUrl) !== null && _h !== void 0 ? _h : this.usersApiUrl;
-        }
-        // Subscribe to observables
-        this.subscriptions.push(this.voiceAgentService.callState$.subscribe(state => {
-            this.callState = state;
-            this.isSpeaking = state === 'talking';
-            if (state === 'listening' || state === 'talking') {
-                this.hasLeftConnectedOnce = true;
-            }
-            if (state === 'idle' || state === 'ended') {
-                this.hasLeftConnectedOnce = false;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.injectedConfig = this.injector.get(VOICE_MODAL_CONFIG, null);
+            this.onCloseCallback = this.injector.get(VOICE_MODAL_CLOSE_CALLBACK, null);
+            if (this.injectedConfig) {
+                this.apiUrl = this.injectedConfig.apiUrl;
+                this.token = this.injectedConfig.token;
+                this.botId = this.injectedConfig.botId;
+                this.conversationId = this.injectedConfig.conversationId;
+                this.apiKey = (_a = this.injectedConfig.apiKey) !== null && _a !== void 0 ? _a : '';
+                this.eventToken = (_b = this.injectedConfig.eventToken) !== null && _b !== void 0 ? _b : '';
+                this.eventId = (_c = this.injectedConfig.eventId) !== null && _c !== void 0 ? _c : '';
+                this.eventUrl = (_d = this.injectedConfig.eventUrl) !== null && _d !== void 0 ? _d : '';
+                this.domainAuthority = (_e = this.injectedConfig.domainAuthority) !== null && _e !== void 0 ? _e : 'prod-lite';
+                this.agentName = (_f = this.injectedConfig.agentName) !== null && _f !== void 0 ? _f : this.agentName;
+                this.agentRole = (_g = this.injectedConfig.agentRole) !== null && _g !== void 0 ? _g : this.agentRole;
+                this.agentAvatar = this.injectedConfig.agentAvatar;
+                this.usersApiUrl = (_h = this.injectedConfig.usersApiUrl) !== null && _h !== void 0 ? _h : this.usersApiUrl;
             }
-        }));
-        this.subscriptions.push(this.voiceAgentService.statusText$.subscribe(text => {
-            this.statusText = text;
-        }));
-        this.subscriptions.push(this.voiceAgentService.duration$.subscribe(duration => {
-            this.duration = duration;
-        }));
-        this.subscriptions.push(this.voiceAgentService.isMicMuted$.subscribe(muted => {
-            this.isMicMuted = muted;
-        }));
-        this.subscriptions.push(this.voiceAgentService.isUserSpeaking$.subscribe(speaking => {
-            this.isUserSpeaking = speaking;
-        }));
-        this.subscriptions.push(this.voiceAgentService.audioLevels$.subscribe(levels => {
-            this.audioLevels = levels;
-        }));
-        // Modal opens in idle state, then immediately starts connecting.
-        this.voiceAgentService.resetToIdle();
-        void this.startCall();
+            // Subscribe to observables
+            this.subscriptions.push(this.voiceAgentService.callState$.subscribe(state => {
+                this.callState = state;
+                this.isSpeaking = state === 'talking';
+                if (state === 'listening' || state === 'talking') {
+                    this.hasLeftConnectedOnce = true;
+                }
+                if (state === 'idle' || state === 'ended') {
+                    this.hasLeftConnectedOnce = false;
+                }
+            }));
+            this.subscriptions.push(this.voiceAgentService.statusText$.subscribe(text => {
+                this.statusText = text;
+            }));
+            this.subscriptions.push(this.voiceAgentService.duration$.subscribe(duration => {
+                this.duration = duration;
+            }));
+            this.subscriptions.push(this.voiceAgentService.isMicMuted$.subscribe(muted => {
+                this.isMicMuted = muted;
+            }));
+            this.subscriptions.push(this.voiceAgentService.isUserSpeaking$.subscribe(speaking => {
+                this.isUserSpeaking = speaking;
+            }));
+            this.subscriptions.push(this.voiceAgentService.audioLevels$.subscribe(levels => {
+                this.audioLevels = levels;
+            }));
+            this.voiceAgentService.resetToIdle();
+            yield this.startCall();
+        });
     }
     ngOnDestroy() {
-        this.subscriptions.forEach(sub => sub.unsubscribe());
-        this.disconnect();
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+        void this.disconnect().finally(() => {
+            var _a;
+            (_a = this.warmMicStream) === null || _a === void 0 ? void 0 : _a.getTracks().forEach((t) => t.stop());
+            this.warmMicStream = null;
+        });
+    }
+    /** Ensures a live mic stream for this call (re-acquire after Daily stops tracks on hang-up). */
+    ensureMicForCall() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!isPlatformBrowser(this.platformId))
+                return undefined;
+            if ((_a = this.warmMicStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks().some((t) => t.readyState === 'live')) {
+                return this.warmMicStream;
+            }
+            try {
+                this.warmMicStream = yield navigator.mediaDevices.getUserMedia({ audio: true });
+                return this.warmMicStream;
+            }
+            catch (_b) {
+                return undefined;
+            }
+        });
     }
     startCall() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1404,7 +1641,8 @@ class VoiceAgentModalComponent {
                 return;
             this.isConnecting = true;
             try {
-                yield this.voiceAgentService.connect(this.apiUrl, this.token, this.botId, this.conversationId, this.apiKey, this.eventToken, this.eventId, this.eventUrl, this.domainAuthority, this.usersApiUrl || undefined);
+                const mic = yield this.ensureMicForCall();
+                yield this.voiceAgentService.connect(this.apiUrl, this.token, this.botId, this.conversationId, this.apiKey, this.eventToken, this.eventId, this.eventUrl, this.domainAuthority, this.usersApiUrl || undefined, mic);
             }
             catch (error) {
                 console.error('Failed to connect voice agent:', error);
@@ -1443,7 +1681,7 @@ class VoiceAgentModalComponent {
     /** Call Again: reset to idle then start a new call. */
     callAgain() {
         this.voiceAgentService.resetToIdle();
-        this.startCall();
+        void this.startCall();
     }
     /** Back to Chat: close modal and disconnect. */
     backToChat() {
@@ -1470,7 +1708,8 @@ VoiceAgentModalComponent.decorators = [
 VoiceAgentModalComponent.ctorParameters = () => [
     { type: VoiceAgentService },
     { type: AudioAnalyzerService },
-    { type: Injector }
+    { type: Injector },
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
 ];
 VoiceAgentModalComponent.propDecorators = {
     close: [{ type: Output }],
@@ -4843,7 +5082,7 @@ class ChatDrawerComponent {
         }); // returns current time in 'shortTime' format
     }
     openVoiceModal() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const conversationId = (_b = (_a = this.conversationKey) !== null && _a !== void 0 ? _a : this.conversationService.getKey(this.botId, false, this.eventId)) !== null && _b !== void 0 ? _b : '';
         this.voiceModalConversationId = conversationId;
         this.setupVoiceTranscripts();
@@ -4860,13 +5099,13 @@ class ChatDrawerComponent {
             conversationId,
             apiKey: (_g = this.apiKey) !== null && _g !== void 0 ? _g : '',
             eventToken: (_h = this.eventToken) !== null && _h !== void 0 ? _h : '',
-            eventId: (_j = this.eventId) !== null && _j !== void 0 ? _j : '',
-            eventUrl: (_k = this.eventUrl) !== null && _k !== void 0 ? _k : '',
-            domainAuthority: (_l = this.domainAuthorityValue) !== null && _l !== void 0 ? _l : 'prod-lite',
+            eventId: this.eventId,
+            eventUrl: (_j = this.eventUrl) !== null && _j !== void 0 ? _j : '',
+            domainAuthority: (_k = this.domainAuthorityValue) !== null && _k !== void 0 ? _k : 'prod-lite',
             agentName: this.botName || 'AI Assistant',
             agentRole: this.botSkills || 'AI Agent Specialist',
             agentAvatar: this.botIcon,
-            usersApiUrl: (_o = (_m = this.environment) === null || _m === void 0 ? void 0 : _m.USERS_API) !== null && _o !== void 0 ? _o : '',
+            usersApiUrl: (_m = (_l = this.environment) === null || _l === void 0 ? void 0 : _l.USERS_API) !== null && _m !== void 0 ? _m : '',
         };
         const closeCallback = () => {
             if (this.voiceModalOverlayRef) {