@hivegpt/hiveai-angular 0.0.425 → 0.0.428

package/fesm2015/hivegpt-hiveai-angular.js

@@ -3,17 +3,16 @@ import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, EventEmitter, Component, Injector, Output, Input, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ViewContainerRef, ViewChild, ViewChildren, NgModule, Pipe, Inject } from '@angular/core';
+import { Injectable, NgZone, InjectionToken, EventEmitter, Component, Injector, Output, Input, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ViewContainerRef, ViewChild, ViewChildren, NgModule, Pipe, Inject } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { Subject, BehaviorSubject, of } from 'rxjs';
-import { map, switchMap, catchError } from 'rxjs/operators';
+import { Subject, BehaviorSubject, Subscription, combineLatest, of } from 'rxjs';
+import { map, take, takeUntil, filter, switchMap, catchError } from 'rxjs/operators';
 import { Socket } from 'ngx-socket-io';
 import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as SpeechSDK from 'microsoft-cognitiveservices-speech-sdk';
 import * as marked from 'marked';
 import { __awaiter } from 'tslib';
-import { PipecatClient, RTVIEvent } from '@pipecat-ai/client-js';
-import { WebSocketTransport } from '@pipecat-ai/websocket-transport';
+import Daily from '@daily-co/daily-js';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSidenavModule } from '@angular/material/sidenav';
@@ -501,6 +500,10 @@ BotsService.ctorParameters = () => [
     { type: HttpClient }
 ];
 
+/**
+ * Audio analyzer for waveform visualization only.
+ * Do NOT use isUserSpeaking$ for call state; speaking state must come from Daily.js.
+ */
 class AudioAnalyzerService {
     constructor() {
         this.audioContext = null;
@@ -617,13 +620,290 @@ AudioAnalyzerService.decorators = [
             },] }
 ];
 
+/**
+ * WebSocket-only client for voice agent signaling.
+ * CRITICAL: Uses native WebSocket only. NO Socket.IO, NO ngx-socket-io.
+ *
+ * Responsibilities:
+ * - Connect to ws_url (from POST /ai/ask-voice response)
+ * - Parse JSON messages (room_created, user_transcript, bot_transcript)
+ * - Emit roomCreated$, userTranscript$, botTranscript$
+ * - NO audio logic, NO mic logic. Audio is handled by Daily.js (WebRTC).
+ */
+class WebSocketVoiceClientService {
+    constructor() {
+        this.ws = null;
+        this.roomCreatedSubject = new Subject();
+        this.userTranscriptSubject = new Subject();
+        this.botTranscriptSubject = new Subject();
+        /** Emits room_url when backend sends room_created. */
+        this.roomCreated$ = this.roomCreatedSubject.asObservable();
+        /** Emits user transcript updates. */
+        this.userTranscript$ = this.userTranscriptSubject.asObservable();
+        /** Emits bot transcript updates. */
+        this.botTranscript$ = this.botTranscriptSubject.asObservable();
+    }
+    /** Connect to signaling WebSocket. No audio over this connection. */
+    connect(wsUrl) {
+        var _a;
+        if (((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
+            return;
+        }
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+        try {
+            this.ws = new WebSocket(wsUrl);
+            this.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
+                }
+            };
+            this.ws.onerror = () => {
+                this.disconnect();
+            };
+            this.ws.onclose = () => {
+                this.ws = null;
+            };
+        }
+        catch (err) {
+            console.error('WebSocketVoiceClient: connect failed', err);
+            this.ws = null;
+            throw err;
+        }
+    }
+    /** Disconnect and cleanup. */
+    disconnect() {
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+    }
+    /** Whether the WebSocket is open. */
+    get isConnected() {
+        var _a;
+        return ((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+}
+WebSocketVoiceClientService.ɵprov = i0.ɵɵdefineInjectable({ factory: function WebSocketVoiceClientService_Factory() { return new WebSocketVoiceClientService(); }, token: WebSocketVoiceClientService, providedIn: "root" });
+WebSocketVoiceClientService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+/**
+ * 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
+ * - Provide real-time speaking detection via active-speaker-change (primary)
+ *   and track-started/track-stopped (fallback for immediate feedback)
+ * - Expose speaking$ (bot speaking), userSpeaking$ (user speaking), micMuted$
+ * - Expose localStream$ for waveform visualization (AudioAnalyzerService)
+ *
+ * Speaking state flips immediately when agent audio starts playing.
+ * If user speaks while bot is talking, state switches to listening.
+ */
+class DailyVoiceClientService {
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+        this.callObject = null;
+        this.localStream = null;
+        this.localSessionId = null;
+        this.speakingSubject = new BehaviorSubject(false);
+        this.userSpeakingSubject = new BehaviorSubject(false);
+        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 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
+     */
+    connect(roomUrl, token) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.callObject) {
+                yield this.disconnect();
+            }
+            try {
+                // Get mic stream for both Daily and waveform (single capture)
+                const stream = yield navigator.mediaDevices.getUserMedia({ audio: true });
+                const audioTrack = stream.getAudioTracks()[0];
+                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);
+                // Join room; Daily handles playback of remote (bot) audio automatically
+                yield callObject.join({ url: roomUrl, token });
+                const participants = callObject.participants();
+                if (participants === null || participants === void 0 ? void 0 : participants.local) {
+                    this.localSessionId = participants.local.session_id;
+                }
+                // Initial mute state: Daily starts with audio on
+                this.micMutedSubject.next(!callObject.localAudio());
+            }
+            catch (err) {
+                this.cleanup();
+                throw err;
+            }
+        });
+    }
+    setupEventHandlers(call) {
+        // active-speaker-change: primary source for real-time speaking detection.
+        // Emits when the loudest participant changes; bot speaking = remote is active.
+        call.on('active-speaker-change', (event) => {
+            this.ngZone.run(() => {
+                var _a;
+                const peerId = (_a = event === null || event === void 0 ? void 0 : event.activeSpeaker) === null || _a === void 0 ? void 0 : _a.peerId;
+                if (!peerId || !this.localSessionId) {
+                    this.speakingSubject.next(false);
+                    this.userSpeakingSubject.next(false);
+                    return;
+                }
+                const isLocal = peerId === this.localSessionId;
+                this.userSpeakingSubject.next(isLocal);
+                this.speakingSubject.next(!isLocal);
+            });
+        });
+        // track-started / track-stopped: fallback for immediate feedback when
+        // remote (bot) audio track starts or stops. Ensures talking indicator
+        // flips as soon as agent audio begins, without waiting for active-speaker-change.
+        call.on('track-started', (event) => {
+            this.ngZone.run(() => {
+                var _a, _b;
+                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;
+                if (p && !p.local && type === 'audio') {
+                    this.speakingSubject.next(true);
+                }
+            });
+        });
+        call.on('track-stopped', (event) => {
+            this.ngZone.run(() => {
+                var _a, _b;
+                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;
+                if (p && !p.local && type === 'audio') {
+                    this.speakingSubject.next(false);
+                }
+            });
+        });
+        call.on('left-meeting', () => {
+            this.ngZone.run(() => 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();
+            });
+        });
+    }
+    /** Set mic muted state. */
+    setMuted(muted) {
+        if (!this.callObject)
+            return;
+        this.callObject.setLocalAudio(!muted);
+        this.micMutedSubject.next(muted);
+    }
+    /** Disconnect and cleanup. */
+    disconnect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.callObject) {
+                this.cleanup();
+                return;
+            }
+            try {
+                yield this.callObject.leave();
+            }
+            catch (e) {
+                // ignore
+            }
+            this.cleanup();
+        });
+    }
+    cleanup() {
+        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" });
+DailyVoiceClientService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+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) {
+    constructor(audioAnalyzer, wsClient, dailyClient) {
         this.audioAnalyzer = audioAnalyzer;
-        this.client = null;
-        this.transport = null;
-        this.userMediaStream = null;
-        this.botAudioElement = null;
+        this.wsClient = wsClient;
+        this.dailyClient = dailyClient;
         this.callStateSubject = new BehaviorSubject('idle');
         this.statusTextSubject = new BehaviorSubject('');
         this.durationSubject = new BehaviorSubject('00:00');
@@ -634,6 +914,8 @@ class VoiceAgentService {
         this.botTranscriptSubject = new Subject();
         this.callStartTime = 0;
         this.durationInterval = null;
+        this.subscriptions = new Subscription();
+        this.destroy$ = new Subject();
         this.callState$ = this.callStateSubject.asObservable();
         this.statusText$ = this.statusTextSubject.asObservable();
         this.duration$ = this.durationSubject.asObservable();
@@ -642,39 +924,23 @@ class VoiceAgentService {
         this.audioLevels$ = this.audioLevelsSubject.asObservable();
         this.userTranscript$ = this.userTranscriptSubject.asObservable();
         this.botTranscript$ = this.botTranscriptSubject.asObservable();
-        this.audioAnalyzer.audioLevels$.subscribe(levels => {
-            this.audioLevelsSubject.next(levels);
-        });
-        this.audioAnalyzer.isUserSpeaking$.subscribe(isSpeaking => {
-            this.isUserSpeakingSubject.next(isSpeaking);
-            if (isSpeaking && this.callStateSubject.value === 'connected') {
-                this.callStateSubject.next('listening');
-            }
-            else if (!isSpeaking && this.callStateSubject.value === 'listening') {
-                this.callStateSubject.next('connected');
-            }
-        });
+        // Waveform visualization only - do NOT use for speaking state
+        this.subscriptions.add(this.audioAnalyzer.audioLevels$.subscribe((levels) => this.audioLevelsSubject.next(levels)));
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.subscriptions.unsubscribe();
+        this.disconnect();
     }
     /** Reset to idle state (e.g. when modal opens so user can click Start Call). */
     resetToIdle() {
         if (this.callStateSubject.value === 'idle')
             return;
-        if (this.durationInterval) {
-            clearInterval(this.durationInterval);
-            this.durationInterval = null;
-        }
+        this.stopDurationTimer();
         this.audioAnalyzer.stop();
-        this.client = null;
-        this.transport = null;
-        if (this.userMediaStream) {
-            this.userMediaStream.getTracks().forEach(track => track.stop());
-            this.userMediaStream = null;
-        }
-        if (this.botAudioElement) {
-            this.botAudioElement.pause();
-            this.botAudioElement.srcObject = null;
-            this.botAudioElement = null;
-        }
+        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('0:00');
@@ -690,44 +956,59 @@ class VoiceAgentService {
                 this.callStateSubject.next('connecting');
                 this.statusTextSubject.next('Connecting...');
                 const baseUrl = apiUrl.replace(/\/$/, '');
-                const connectUrl = `${baseUrl}/ai/ask-voice`;
-                const headers = new Headers();
-                headers.set('Authorization', `Bearer ${token}`);
-                // Do not set Content-Type here — the Pipecat client already sets "application/json" once; adding it again produces "application/json, application/json"
-                headers.set('domain-authority', domainAuthority);
-                headers.set('eventtoken', eventToken);
-                headers.set('eventurl', eventUrl);
-                headers.set('hive-bot-id', botId);
-                headers.set('x-api-key', apiKey);
-                const startBotParams = {
-                    endpoint: connectUrl.ws_url,
+                const postUrl = `${baseUrl}/ai/ask-voice`;
+                const headers = {
+                    'Content-Type': 'application/json',
+                    Authorization: `Bearer ${token}`,
+                    'domain-authority': domainAuthority,
+                    'eventtoken': eventToken,
+                    'eventurl': eventUrl,
+                    'hive-bot-id': botId,
+                    'x-api-key': apiKey,
+                };
+                // POST to get ws_url for signaling
+                const res = yield fetch(postUrl, {
+                    method: 'POST',
                     headers,
-                    requestData: {
+                    body: JSON.stringify({
                         bot_id: botId,
                         conversation_id: conversationId,
                         voice: 'alloy',
-                    },
-                };
-                this.transport = new WebSocketTransport();
-                this.client = new PipecatClient({
-                    transport: this.transport,
-                    enableMic: true,
-                    enableCam: false,
+                    }),
                 });
-                this.setupEventHandlers();
-                this.botAudioElement = new Audio();
-                this.botAudioElement.autoplay = true;
-                yield this.client.startBotAndConnect(startBotParams);
-                const tracks = this.client.tracks();
-                if ((_a = tracks === null || tracks === void 0 ? void 0 : tracks.local) === null || _a === void 0 ? void 0 : _a.audio) {
-                    this.userMediaStream = new MediaStream([tracks.local.audio]);
-                    this.audioAnalyzer.start(this.userMediaStream);
+                if (!res.ok) {
+                    throw new Error(`HTTP ${res.status}`);
+                }
+                const json = yield res.json();
+                // Use only WebSocket URL. Do NOT use any Socket.IO URL (e.g. socket_io_url).
+                const wsUrl = (_a = json === null || json === void 0 ? void 0 : json.ws_url) !== null && _a !== void 0 ? _a : json === null || json === void 0 ? void 0 : json.rn_ws_url;
+                if (!wsUrl || typeof wsUrl !== 'string') {
+                    throw new Error('No ws_url in response');
                 }
-                this.isMicMutedSubject.next(!this.client.isMicEnabled);
-                this.callStateSubject.next('connected');
-                this.statusTextSubject.next('Connected');
-                this.callStartTime = Date.now();
-                this.startDurationTimer();
+                // Subscribe to room_created BEFORE connecting to avoid race
+                this.wsClient.roomCreated$
+                    .pipe(take(1), takeUntil(this.destroy$))
+                    .subscribe((roomUrl) => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        yield this.onRoomCreated(roomUrl);
+                    }
+                    catch (err) {
+                        console.error('Daily join failed:', err);
+                        this.callStateSubject.next('ended');
+                        this.statusTextSubject.next('Connection failed');
+                        yield this.disconnect();
+                        throw err;
+                    }
+                }));
+                // Forward transcripts from WebSocket
+                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)));
+                // Connect signaling WebSocket (no audio over WS)
+                this.wsClient.connect(wsUrl);
             }
             catch (error) {
                 console.error('Error connecting voice agent:', error);
@@ -738,83 +1019,56 @@ class VoiceAgentService {
             }
         });
     }
-    disconnect() {
+    onRoomCreated(roomUrl) {
         return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (this.durationInterval) {
-                    clearInterval(this.durationInterval);
-                    this.durationInterval = null;
-                }
-                this.audioAnalyzer.stop();
-                if (this.client) {
-                    yield this.client.disconnect();
-                    this.client = null;
+            // Connect Daily.js for WebRTC audio
+            yield this.dailyClient.connect(roomUrl);
+            // Waveform: use local mic stream from Daily client
+            this.dailyClient.localStream$
+                .pipe(filter((s) => s != null), take(1))
+                .subscribe((stream) => {
+                this.audioAnalyzer.start(stream);
+            });
+            // Speaking state from Daily only (NOT from AudioAnalyzer).
+            // User speaking overrides bot talking: if user speaks while bot talks, state = listening.
+            this.subscriptions.add(this.dailyClient.userSpeaking$.subscribe((s) => this.isUserSpeakingSubject.next(s)));
+            this.subscriptions.add(combineLatest([
+                this.dailyClient.speaking$,
+                this.dailyClient.userSpeaking$,
+            ]).subscribe(([bot, user]) => {
+                if (user) {
+                    this.callStateSubject.next('listening');
                 }
-                this.transport = null;
-                if (this.userMediaStream) {
-                    this.userMediaStream.getTracks().forEach(track => track.stop());
-                    this.userMediaStream = null;
+                else if (bot) {
+                    this.callStateSubject.next('talking');
                 }
-                if (this.botAudioElement) {
-                    this.botAudioElement.pause();
-                    this.botAudioElement.srcObject = null;
-                    this.botAudioElement = null;
+                else if (this.callStateSubject.value === 'talking' ||
+                    this.callStateSubject.value === 'listening') {
+                    this.callStateSubject.next('connected');
                 }
-                this.callStateSubject.next('ended');
-                this.statusTextSubject.next('Call Ended');
-                // Keep current duration so "Call Ended" state can show it (e.g. "Call Ended 1:04")
-            }
-            catch (error) {
-                console.error('Error disconnecting voice agent:', error);
-            }
+            }));
+            this.subscriptions.add(this.dailyClient.micMuted$.subscribe((muted) => this.isMicMutedSubject.next(muted)));
+            this.callStateSubject.next('connected');
+            this.statusTextSubject.next('Connected');
+            this.callStartTime = Date.now();
+            this.startDurationTimer();
         });
     }
-    toggleMic() {
-        if (!this.client)
-            return;
-        const newState = !this.client.isMicEnabled;
-        this.client.enableMic(newState);
-        this.isMicMutedSubject.next(!newState);
-    }
-    setupEventHandlers() {
-        if (!this.client)
-            return;
-        this.client.on(RTVIEvent.BotStartedSpeaking, () => {
-            this.callStateSubject.next('talking');
-        });
-        this.client.on(RTVIEvent.BotStoppedSpeaking, () => {
-            if (this.callStateSubject.value === 'talking') {
-                this.callStateSubject.next('connected');
-            }
-        });
-        this.client.on(RTVIEvent.TrackStarted, (track, participant) => {
-            if (this.botAudioElement && participant && !participant.local && track.kind === 'audio') {
-                const stream = new MediaStream([track]);
-                this.botAudioElement.srcObject = stream;
-                this.botAudioElement.play().catch(console.error);
-            }
-        });
-        this.client.on(RTVIEvent.UserTranscript, (data) => {
-            var _a;
-            this.userTranscriptSubject.next({
-                text: data.text,
-                final: (_a = data.final) !== null && _a !== void 0 ? _a : false,
-            });
-        });
-        this.client.on(RTVIEvent.BotTranscript, (data) => {
-            if (data === null || data === void 0 ? void 0 : data.text) {
-                this.botTranscriptSubject.next(data.text);
-            }
-        });
-        this.client.on(RTVIEvent.Error, () => {
-            this.statusTextSubject.next('Error occurred');
-        });
-        this.client.on(RTVIEvent.Disconnected, () => {
+    disconnect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.stopDurationTimer();
+            this.audioAnalyzer.stop();
+            // Daily first, then WebSocket
+            yield this.dailyClient.disconnect();
+            this.wsClient.disconnect();
             this.callStateSubject.next('ended');
-            this.statusTextSubject.next('Disconnected');
-            this.disconnect();
+            this.statusTextSubject.next('Call Ended');
         });
     }
+    toggleMic() {
+        const current = this.isMicMutedSubject.value;
+        this.dailyClient.setMuted(!current);
+    }
     startDurationTimer() {
         const updateDuration = () => {
             if (this.callStartTime > 0) {
@@ -824,18 +1078,26 @@ class VoiceAgentService {
                 this.durationSubject.next(`${minutes}:${String(seconds).padStart(2, '0')}`);
             }
         };
-        updateDuration(); // show 0:00 immediately
+        updateDuration();
         this.durationInterval = setInterval(updateDuration, 1000);
     }
+    stopDurationTimer() {
+        if (this.durationInterval) {
+            clearInterval(this.durationInterval);
+            this.durationInterval = null;
+        }
+    }
 }
-VoiceAgentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0.ɵɵinject(AudioAnalyzerService)); }, token: VoiceAgentService, providedIn: "root" });
+VoiceAgentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0.ɵɵinject(AudioAnalyzerService), i0.ɵɵinject(WebSocketVoiceClientService), i0.ɵɵinject(DailyVoiceClientService)); }, token: VoiceAgentService, providedIn: "root" });
 VoiceAgentService.decorators = [
     { type: Injectable, args: [{
-                providedIn: 'root'
+                providedIn: 'root',
             },] }
 ];
 VoiceAgentService.ctorParameters = () => [
-    { type: AudioAnalyzerService }
+    { type: AudioAnalyzerService },
+    { type: WebSocketVoiceClientService },
+    { type: DailyVoiceClientService }
 ];
 
 const VOICE_MODAL_CONFIG = new InjectionToken('VOICE_MODAL_CONFIG');
@@ -1071,6 +1333,8 @@ class ChatDrawerComponent {
         this.voiceModalOverlayRef = null;
         this.voiceTranscriptSubscriptions = [];
         this.domainAuthorityValue = 'prod-lite';
+        /** True after Socket has been initialized for chat (avoids connecting on voice-only usage). */
+        this.chatSocketInitialized = false;
         this.isChatingWithAi = false;
         this.readAllChunks = (stream) => {
             const reader = stream.getReader();
@@ -1161,11 +1425,11 @@ class ChatDrawerComponent {
                 }
             }
         }
-        if (changes.orgId) {
-            if (changes.orgId.currentValue != changes.orgId.previousValue &&
-                changes.orgId.currentValue) {
-                this.initializeSocket();
-            }
+        // Do NOT call initializeSocket() here. Socket.IO is for chat only; we defer
+        // until the user actually uses chat (send message or start new conversation)
+        // so that voice-only usage never triggers Socket.IO (avoids v2/v3 mismatch error).
+        if (changes.orgId && changes.orgId.currentValue != changes.orgId.previousValue) {
+            this.chatSocketInitialized = false;
         }
     }
     ngOnInit() {
@@ -1211,6 +1475,16 @@ class ChatDrawerComponent {
             this.initializeSpeechRecognizer(token);
         });
     }
+    /**
+     * Call before chat actions so Socket.IO is used only for chat, not for voice.
+     * Voice agent uses native WebSocket + Daily.js only; Socket.IO must not run during voice flow.
+     */
+    ensureChatSocket() {
+        if (this.chatSocketInitialized || !this.orgId)
+            return;
+        this.chatSocketInitialized = true;
+        this.initializeSocket();
+    }
     initializeSocket() {
         try {
             this.socketService.disconnectSocketConnection();
@@ -1582,6 +1856,7 @@ class ChatDrawerComponent {
         if (!this.input || this.loading) {
             return;
         }
+        this.ensureChatSocket();
         this.chatLog.push({
             type: 'user',
             message: this.processMessageForDisplay(this.input),
@@ -1605,6 +1880,7 @@ class ChatDrawerComponent {
         if (!inputMsg || this.loading) {
             return;
         }
+        this.ensureChatSocket();
         try {
             chat.relatedListItems = [];
             this.cdr.detectChanges();
@@ -2629,8 +2905,9 @@ class ChatDrawerComponent {
         this.conversationKey = this.conversationService.getKey(this.botId, true);
         this.chatLog = [this.chatLog[0]];
         this.isChatingWithAi = false;
+        this.chatSocketInitialized = false;
         setTimeout(() => {
-            this.initializeSocket();
+            this.ensureChatSocket();
         }, 200);
         this.scrollToBottom();
         this.cdr.detectChanges();
@@ -2928,6 +3205,10 @@ ChatBotComponent.propDecorators = {
     isDev: [{ type: Input }]
 };
 
+/**
+ * Voice agent module. Uses native WebSocket + Daily.js only.
+ * Does NOT use Socket.IO or ngx-socket-io.
+ */
 class VoiceAgentModule {
 }
 VoiceAgentModule.decorators = [
@@ -2940,7 +3221,9 @@ VoiceAgentModule.decorators = [
                 ],
                 providers: [
                     VoiceAgentService,
-                    AudioAnalyzerService
+                    AudioAnalyzerService,
+                    WebSocketVoiceClientService,
+                    DailyVoiceClientService
                 ],
                 exports: [
                     VoiceAgentModalComponent
@@ -3211,5 +3494,5 @@ HiveGptModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AudioAnalyzerService, ChatBotComponent, ChatDrawerComponent, HiveGptModule, VOICE_MODAL_CLOSE_CALLBACK, VOICE_MODAL_CONFIG, VoiceAgentModalComponent, VoiceAgentModule, VoiceAgentService, BotsService as ɵa, SocketService as ɵb, ConversationService as ɵc, NotificationSocket as ɵd, TranslationService as ɵe, VideoPlayerComponent as ɵf, SafeHtmlPipe as ɵg, BotHtmlEditorComponent as ɵh };
+export { AudioAnalyzerService, ChatBotComponent, ChatDrawerComponent, HiveGptModule, VOICE_MODAL_CLOSE_CALLBACK, VOICE_MODAL_CONFIG, VoiceAgentModalComponent, VoiceAgentModule, VoiceAgentService, BotsService as ɵa, SocketService as ɵb, ConversationService as ɵc, NotificationSocket as ɵd, TranslationService as ɵe, WebSocketVoiceClientService as ɵf, DailyVoiceClientService as ɵg, VideoPlayerComponent as ɵh, SafeHtmlPipe as ɵi, BotHtmlEditorComponent as ɵj };
 //# sourceMappingURL=hivegpt-hiveai-angular.js.map