@hivegpt/hiveai-angular 0.0.425 → 0.0.428

package/bundles/hivegpt-hiveai-angular.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common/http'), require('@angular/core'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('ngx-socket-io'), require('@angular/forms'), require('microsoft-cognitiveservices-speech-sdk'), require('marked'), require('@pipecat-ai/client-js'), require('@pipecat-ai/websocket-transport'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/sidenav'), require('ngx-quill')) :
-    typeof define === 'function' && define.amd ? define('@hivegpt/hiveai-angular', ['exports', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common/http', '@angular/core', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'ngx-socket-io', '@angular/forms', 'microsoft-cognitiveservices-speech-sdk', 'marked', '@pipecat-ai/client-js', '@pipecat-ai/websocket-transport', '@angular/common', '@angular/material/icon', '@angular/material/sidenav', 'ngx-quill'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hivegpt = global.hivegpt || {}, global.hivegpt["hiveai-angular"] = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.common.http, global.ng.core, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.ngxSocketIo, global.ng.forms, global.SpeechSDK, global.marked, global.clientJs, global.websocketTransport, global.ng.common, global.ng.material.icon, global.ng.material.sidenav, global.ngxQuill));
-})(this, (function (exports, overlay, portal, i1, i0, platformBrowser, rxjs, operators, ngxSocketIo, forms, SpeechSDK, marked, clientJs, websocketTransport, common, icon, sidenav, ngxQuill) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/common/http'), require('@angular/core'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('ngx-socket-io'), require('@angular/forms'), require('microsoft-cognitiveservices-speech-sdk'), require('marked'), require('@daily-co/daily-js'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/sidenav'), require('ngx-quill')) :
+    typeof define === 'function' && define.amd ? define('@hivegpt/hiveai-angular', ['exports', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/common/http', '@angular/core', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'ngx-socket-io', '@angular/forms', 'microsoft-cognitiveservices-speech-sdk', 'marked', '@daily-co/daily-js', '@angular/common', '@angular/material/icon', '@angular/material/sidenav', 'ngx-quill'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hivegpt = global.hivegpt || {}, global.hivegpt["hiveai-angular"] = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.common.http, global.ng.core, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.ngxSocketIo, global.ng.forms, global.SpeechSDK, global.marked, global.Daily, global.ng.common, global.ng.material.icon, global.ng.material.sidenav, global.ngxQuill));
+})(this, (function (exports, overlay, portal, i1, i0, platformBrowser, rxjs, operators, ngxSocketIo, forms, SpeechSDK, marked, Daily, common, icon, sidenav, ngxQuill) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -26,6 +28,7 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var SpeechSDK__namespace = /*#__PURE__*/_interopNamespace(SpeechSDK);
     var marked__namespace = /*#__PURE__*/_interopNamespace(marked);
+    var Daily__default = /*#__PURE__*/_interopDefaultLegacy(Daily);
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1028,6 +1031,10 @@
         { type: i1.HttpClient }
     ]; };
 
+    /**
+     * Audio analyzer for waveform visualization only.
+     * Do NOT use isUserSpeaking$ for call state; speaking state must come from Daily.js.
+     */
     var AudioAnalyzerService = /** @class */ (function () {
         function AudioAnalyzerService() {
             this.audioContext = null;
@@ -1146,14 +1153,323 @@
                 },] }
     ];
 
+    /**
+     * 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).
+     */
+    var WebSocketVoiceClientService = /** @class */ (function () {
+        function WebSocketVoiceClientService() {
+            this.ws = null;
+            this.roomCreatedSubject = new rxjs.Subject();
+            this.userTranscriptSubject = new rxjs.Subject();
+            this.botTranscriptSubject = new rxjs.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. */
+        WebSocketVoiceClientService.prototype.connect = function (wsUrl) {
+            var _this = this;
+            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 = function (event) {
+                    var _a;
+                    try {
+                        var msg = JSON.parse(event.data);
+                        if ((msg === null || msg === void 0 ? void 0 : msg.type) === 'room_created') {
+                            var 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 = function () {
+                    _this.disconnect();
+                };
+                this.ws.onclose = function () {
+                    _this.ws = null;
+                };
+            }
+            catch (err) {
+                console.error('WebSocketVoiceClient: connect failed', err);
+                this.ws = null;
+                throw err;
+            }
+        };
+        /** Disconnect and cleanup. */
+        WebSocketVoiceClientService.prototype.disconnect = function () {
+            if (this.ws) {
+                this.ws.close();
+                this.ws = null;
+            }
+        };
+        Object.defineProperty(WebSocketVoiceClientService.prototype, "isConnected", {
+            /** Whether the WebSocket is open. */
+            get: function () {
+                var _a;
+                return ((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return WebSocketVoiceClientService;
+    }());
+    WebSocketVoiceClientService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function WebSocketVoiceClientService_Factory() { return new WebSocketVoiceClientService(); }, token: WebSocketVoiceClientService, providedIn: "root" });
+    WebSocketVoiceClientService.decorators = [
+        { type: i0.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.
+     */
+    var DailyVoiceClientService = /** @class */ (function () {
+        function DailyVoiceClientService(ngZone) {
+            this.ngZone = ngZone;
+            this.callObject = null;
+            this.localStream = null;
+            this.localSessionId = null;
+            this.speakingSubject = new rxjs.BehaviorSubject(false);
+            this.userSpeakingSubject = new rxjs.BehaviorSubject(false);
+            this.micMutedSubject = new rxjs.BehaviorSubject(false);
+            this.localStreamSubject = new rxjs.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
+         */
+        DailyVoiceClientService.prototype.connect = function (roomUrl, token) {
+            return __awaiter(this, void 0, void 0, function () {
+                var stream, audioTrack, callObject, participants, err_1;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!this.callObject) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.disconnect()];
+                        case 1:
+                            _c.sent();
+                            _c.label = 2;
+                        case 2:
+                            _c.trys.push([2, 5, , 6]);
+                            return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
+                        case 3:
+                            stream = _c.sent();
+                            audioTrack = stream.getAudioTracks()[0];
+                            if (!audioTrack) {
+                                stream.getTracks().forEach(function (t) { return t.stop(); });
+                                throw new Error('No audio track');
+                            }
+                            this.localStream = stream;
+                            this.localStreamSubject.next(stream);
+                            callObject = Daily__default["default"].createCallObject({
+                                videoSource: false,
+                                audioSource: audioTrack,
+                            });
+                            this.callObject = callObject;
+                            this.setupEventHandlers(callObject);
+                            // Join room; Daily handles playback of remote (bot) audio automatically
+                            return [4 /*yield*/, callObject.join({ url: roomUrl, token: token })];
+                        case 4:
+                            // Join room; Daily handles playback of remote (bot) audio automatically
+                            _c.sent();
+                            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());
+                            return [3 /*break*/, 6];
+                        case 5:
+                            err_1 = _c.sent();
+                            this.cleanup();
+                            throw err_1;
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DailyVoiceClientService.prototype.setupEventHandlers = function (call) {
+            var _this = this;
+            // 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', function (event) {
+                _this.ngZone.run(function () {
+                    var _a;
+                    var 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;
+                    }
+                    var 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', function (event) {
+                _this.ngZone.run(function () {
+                    var _a, _b;
+                    var p = event === null || event === void 0 ? void 0 : event.participant;
+                    var 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', function (event) {
+                _this.ngZone.run(function () {
+                    var _a, _b;
+                    var p = event === null || event === void 0 ? void 0 : event.participant;
+                    var 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', function () {
+                _this.ngZone.run(function () { return _this.cleanup(); });
+            });
+            call.on('error', function (event) {
+                _this.ngZone.run(function () {
+                    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. */
+        DailyVoiceClientService.prototype.setMuted = function (muted) {
+            if (!this.callObject)
+                return;
+            this.callObject.setLocalAudio(!muted);
+            this.micMutedSubject.next(muted);
+        };
+        /** Disconnect and cleanup. */
+        DailyVoiceClientService.prototype.disconnect = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var e_1;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!this.callObject) {
+                                this.cleanup();
+                                return [2 /*return*/];
+                            }
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this.callObject.leave()];
+                        case 2:
+                            _c.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            e_1 = _c.sent();
+                            return [3 /*break*/, 4];
+                        case 4:
+                            this.cleanup();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DailyVoiceClientService.prototype.cleanup = function () {
+            if (this.callObject) {
+                this.callObject.destroy().catch(function () { });
+                this.callObject = null;
+            }
+            if (this.localStream) {
+                this.localStream.getTracks().forEach(function (t) { return 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
+        };
+        return DailyVoiceClientService;
+    }());
+    DailyVoiceClientService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DailyVoiceClientService_Factory() { return new DailyVoiceClientService(i0__namespace.ɵɵinject(i0__namespace.NgZone)); }, token: DailyVoiceClientService, providedIn: "root" });
+    DailyVoiceClientService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    DailyVoiceClientService.ctorParameters = function () { return [
+        { type: i0.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
+     */
     var VoiceAgentService = /** @class */ (function () {
-        function VoiceAgentService(audioAnalyzer) {
+        function VoiceAgentService(audioAnalyzer, wsClient, dailyClient) {
             var _this = this;
             this.audioAnalyzer = audioAnalyzer;
-            this.client = null;
-            this.transport = null;
-            this.userMediaStream = null;
-            this.botAudioElement = null;
+            this.wsClient = wsClient;
+            this.dailyClient = dailyClient;
             this.callStateSubject = new rxjs.BehaviorSubject('idle');
             this.statusTextSubject = new rxjs.BehaviorSubject('');
             this.durationSubject = new rxjs.BehaviorSubject('00:00');
@@ -1164,6 +1480,8 @@
             this.botTranscriptSubject = new rxjs.Subject();
             this.callStartTime = 0;
             this.durationInterval = null;
+            this.subscriptions = new rxjs.Subscription();
+            this.destroy$ = new rxjs.Subject();
             this.callState$ = this.callStateSubject.asObservable();
             this.statusText$ = this.statusTextSubject.asObservable();
             this.duration$ = this.durationSubject.asObservable();
@@ -1172,39 +1490,23 @@
             this.audioLevels$ = this.audioLevelsSubject.asObservable();
             this.userTranscript$ = this.userTranscriptSubject.asObservable();
             this.botTranscript$ = this.botTranscriptSubject.asObservable();
-            this.audioAnalyzer.audioLevels$.subscribe(function (levels) {
-                _this.audioLevelsSubject.next(levels);
-            });
-            this.audioAnalyzer.isUserSpeaking$.subscribe(function (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(function (levels) { return _this.audioLevelsSubject.next(levels); }));
         }
+        VoiceAgentService.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.subscriptions.unsubscribe();
+            this.disconnect();
+        };
         /** Reset to idle state (e.g. when modal opens so user can click Start Call). */
         VoiceAgentService.prototype.resetToIdle = function () {
             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(function (track) { return 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');
@@ -1212,7 +1514,8 @@
         VoiceAgentService.prototype.connect = function (apiUrl, token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var baseUrl, connectUrl, headers, startBotParams, tracks, error_1;
+                var baseUrl, postUrl, headers, res, json, wsUrl, error_1;
+                var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -1222,152 +1525,160 @@
                             }
                             _b.label = 1;
                         case 1:
-                            _b.trys.push([1, 3, , 5]);
+                            _b.trys.push([1, 4, , 6]);
                             this.callStateSubject.next('connecting');
                             this.statusTextSubject.next('Connecting...');
                             baseUrl = apiUrl.replace(/\/$/, '');
-                            connectUrl = baseUrl + "/ai/ask-voice";
-                            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);
-                            startBotParams = {
-                                endpoint: connectUrl.ws_url,
-                                headers: headers,
-                                requestData: {
-                                    bot_id: botId,
-                                    conversation_id: conversationId,
-                                    voice: 'alloy',
-                                },
+                            postUrl = baseUrl + "/ai/ask-voice";
+                            headers = {
+                                'Content-Type': 'application/json',
+                                Authorization: "Bearer " + token,
+                                'domain-authority': domainAuthority,
+                                'eventtoken': eventToken,
+                                'eventurl': eventUrl,
+                                'hive-bot-id': botId,
+                                'x-api-key': apiKey,
                             };
-                            this.transport = new websocketTransport.WebSocketTransport();
-                            this.client = new clientJs.PipecatClient({
-                                transport: this.transport,
-                                enableMic: true,
-                                enableCam: false,
-                            });
-                            this.setupEventHandlers();
-                            this.botAudioElement = new Audio();
-                            this.botAudioElement.autoplay = true;
-                            return [4 /*yield*/, this.client.startBotAndConnect(startBotParams)];
+                            return [4 /*yield*/, fetch(postUrl, {
+                                    method: 'POST',
+                                    headers: headers,
+                                    body: JSON.stringify({
+                                        bot_id: botId,
+                                        conversation_id: conversationId,
+                                        voice: 'alloy',
+                                    }),
+                                })];
                         case 2:
-                            _b.sent();
-                            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);
+                            res = _b.sent();
+                            if (!res.ok) {
+                                throw new Error("HTTP " + res.status);
                             }
-                            this.isMicMutedSubject.next(!this.client.isMicEnabled);
-                            this.callStateSubject.next('connected');
-                            this.statusTextSubject.next('Connected');
-                            this.callStartTime = Date.now();
-                            this.startDurationTimer();
-                            return [3 /*break*/, 5];
+                            return [4 /*yield*/, res.json()];
                         case 3:
+                            json = _b.sent();
+                            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');
+                            }
+                            // Subscribe to room_created BEFORE connecting to avoid race
+                            this.wsClient.roomCreated$
+                                .pipe(operators.take(1), operators.takeUntil(this.destroy$))
+                                .subscribe(function (roomUrl) { return __awaiter(_this, void 0, void 0, function () {
+                                var err_1;
+                                return __generator(this, function (_b) {
+                                    switch (_b.label) {
+                                        case 0:
+                                            _b.trys.push([0, 2, , 4]);
+                                            return [4 /*yield*/, this.onRoomCreated(roomUrl)];
+                                        case 1:
+                                            _b.sent();
+                                            return [3 /*break*/, 4];
+                                        case 2:
+                                            err_1 = _b.sent();
+                                            console.error('Daily join failed:', err_1);
+                                            this.callStateSubject.next('ended');
+                                            this.statusTextSubject.next('Connection failed');
+                                            return [4 /*yield*/, this.disconnect()];
+                                        case 3:
+                                            _b.sent();
+                                            throw err_1;
+                                        case 4: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                            // Forward transcripts from WebSocket
+                            this.subscriptions.add(this.wsClient.userTranscript$
+                                .pipe(operators.takeUntil(this.destroy$))
+                                .subscribe(function (t) { return _this.userTranscriptSubject.next(t); }));
+                            this.subscriptions.add(this.wsClient.botTranscript$
+                                .pipe(operators.takeUntil(this.destroy$))
+                                .subscribe(function (t) { return _this.botTranscriptSubject.next(t); }));
+                            // Connect signaling WebSocket (no audio over WS)
+                            this.wsClient.connect(wsUrl);
+                            return [3 /*break*/, 6];
+                        case 4:
                             error_1 = _b.sent();
                             console.error('Error connecting voice agent:', error_1);
                             this.callStateSubject.next('ended');
                             return [4 /*yield*/, this.disconnect()];
-                        case 4:
+                        case 5:
                             _b.sent();
                             this.statusTextSubject.next('Connection failed');
                             throw error_1;
-                        case 5: return [2 /*return*/];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        VoiceAgentService.prototype.onRoomCreated = function (roomUrl) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: 
+                        // Connect Daily.js for WebRTC audio
+                        return [4 /*yield*/, this.dailyClient.connect(roomUrl)];
+                        case 1:
+                            // Connect Daily.js for WebRTC audio
+                            _b.sent();
+                            // Waveform: use local mic stream from Daily client
+                            this.dailyClient.localStream$
+                                .pipe(operators.filter(function (s) { return s != null; }), operators.take(1))
+                                .subscribe(function (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(function (s) { return _this.isUserSpeakingSubject.next(s); }));
+                            this.subscriptions.add(rxjs.combineLatest([
+                                this.dailyClient.speaking$,
+                                this.dailyClient.userSpeaking$,
+                            ]).subscribe(function (_b) {
+                                var _c = __read(_b, 2), bot = _c[0], user = _c[1];
+                                if (user) {
+                                    _this.callStateSubject.next('listening');
+                                }
+                                else if (bot) {
+                                    _this.callStateSubject.next('talking');
+                                }
+                                else if (_this.callStateSubject.value === 'talking' ||
+                                    _this.callStateSubject.value === 'listening') {
+                                    _this.callStateSubject.next('connected');
+                                }
+                            }));
+                            this.subscriptions.add(this.dailyClient.micMuted$.subscribe(function (muted) { return _this.isMicMutedSubject.next(muted); }));
+                            this.callStateSubject.next('connected');
+                            this.statusTextSubject.next('Connected');
+                            this.callStartTime = Date.now();
+                            this.startDurationTimer();
+                            return [2 /*return*/];
                     }
                 });
             });
         };
         VoiceAgentService.prototype.disconnect = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var error_2;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            _b.trys.push([0, 3, , 4]);
-                            if (this.durationInterval) {
-                                clearInterval(this.durationInterval);
-                                this.durationInterval = null;
-                            }
+                            this.stopDurationTimer();
                             this.audioAnalyzer.stop();
-                            if (!this.client) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.client.disconnect()];
+                            // Daily first, then WebSocket
+                            return [4 /*yield*/, this.dailyClient.disconnect()];
                         case 1:
+                            // Daily first, then WebSocket
                             _b.sent();
-                            this.client = null;
-                            _b.label = 2;
-                        case 2:
-                            this.transport = null;
-                            if (this.userMediaStream) {
-                                this.userMediaStream.getTracks().forEach(function (track) { return track.stop(); });
-                                this.userMediaStream = null;
-                            }
-                            if (this.botAudioElement) {
-                                this.botAudioElement.pause();
-                                this.botAudioElement.srcObject = null;
-                                this.botAudioElement = null;
-                            }
+                            this.wsClient.disconnect();
                             this.callStateSubject.next('ended');
                             this.statusTextSubject.next('Call Ended');
-                            return [3 /*break*/, 4];
-                        case 3:
-                            error_2 = _b.sent();
-                            console.error('Error disconnecting voice agent:', error_2);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
+                            return [2 /*return*/];
                     }
                 });
             });
         };
         VoiceAgentService.prototype.toggleMic = function () {
-            if (!this.client)
-                return;
-            var newState = !this.client.isMicEnabled;
-            this.client.enableMic(newState);
-            this.isMicMutedSubject.next(!newState);
-        };
-        VoiceAgentService.prototype.setupEventHandlers = function () {
-            var _this = this;
-            if (!this.client)
-                return;
-            this.client.on(clientJs.RTVIEvent.BotStartedSpeaking, function () {
-                _this.callStateSubject.next('talking');
-            });
-            this.client.on(clientJs.RTVIEvent.BotStoppedSpeaking, function () {
-                if (_this.callStateSubject.value === 'talking') {
-                    _this.callStateSubject.next('connected');
-                }
-            });
-            this.client.on(clientJs.RTVIEvent.TrackStarted, function (track, participant) {
-                if (_this.botAudioElement && participant && !participant.local && track.kind === 'audio') {
-                    var stream = new MediaStream([track]);
-                    _this.botAudioElement.srcObject = stream;
-                    _this.botAudioElement.play().catch(console.error);
-                }
-            });
-            this.client.on(clientJs.RTVIEvent.UserTranscript, function (data) {
-                var _a;
-                _this.userTranscriptSubject.next({
-                    text: data.text,
-                    final: (_a = data.final) !== null && _a !== void 0 ? _a : false,
-                });
-            });
-            this.client.on(clientJs.RTVIEvent.BotTranscript, function (data) {
-                if (data === null || data === void 0 ? void 0 : data.text) {
-                    _this.botTranscriptSubject.next(data.text);
-                }
-            });
-            this.client.on(clientJs.RTVIEvent.Error, function () {
-                _this.statusTextSubject.next('Error occurred');
-            });
-            this.client.on(clientJs.RTVIEvent.Disconnected, function () {
-                _this.callStateSubject.next('ended');
-                _this.statusTextSubject.next('Disconnected');
-                _this.disconnect();
-            });
+            var current = this.isMicMutedSubject.value;
+            this.dailyClient.setMuted(!current);
         };
         VoiceAgentService.prototype.startDurationTimer = function () {
             var _this = this;
@@ -1379,19 +1690,27 @@
                     _this.durationSubject.next(minutes + ":" + String(seconds).padStart(2, '0'));
                 }
             };
-            updateDuration(); // show 0:00 immediately
+            updateDuration();
             this.durationInterval = setInterval(updateDuration, 1000);
         };
+        VoiceAgentService.prototype.stopDurationTimer = function () {
+            if (this.durationInterval) {
+                clearInterval(this.durationInterval);
+                this.durationInterval = null;
+            }
+        };
         return VoiceAgentService;
     }());
-    VoiceAgentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0__namespace.ɵɵinject(AudioAnalyzerService)); }, token: VoiceAgentService, providedIn: "root" });
+    VoiceAgentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0__namespace.ɵɵinject(AudioAnalyzerService), i0__namespace.ɵɵinject(WebSocketVoiceClientService), i0__namespace.ɵɵinject(DailyVoiceClientService)); }, token: VoiceAgentService, providedIn: "root" });
     VoiceAgentService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 },] }
     ];
     VoiceAgentService.ctorParameters = function () { return [
-        { type: AudioAnalyzerService }
+        { type: AudioAnalyzerService },
+        { type: WebSocketVoiceClientService },
+        { type: DailyVoiceClientService }
     ]; };
 
     var VOICE_MODAL_CONFIG = new i0.InjectionToken('VOICE_MODAL_CONFIG');
@@ -1652,6 +1971,8 @@
             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 = function (stream) {
                 var reader = stream.getReader();
@@ -1742,11 +2063,11 @@
                     }
                 }
             }
-            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;
             }
         };
         ChatDrawerComponent.prototype.ngOnInit = function () {
@@ -1793,6 +2114,16 @@
                 _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.
+         */
+        ChatDrawerComponent.prototype.ensureChatSocket = function () {
+            if (this.chatSocketInitialized || !this.orgId)
+                return;
+            this.chatSocketInitialized = true;
+            this.initializeSocket();
+        };
         ChatDrawerComponent.prototype.initializeSocket = function () {
             var _this = this;
             try {
@@ -2171,6 +2502,7 @@
             if (!this.input || this.loading) {
                 return;
             }
+            this.ensureChatSocket();
             this.chatLog.push({
                 type: 'user',
                 message: this.processMessageForDisplay(this.input),
@@ -2194,6 +2526,7 @@
             if (!inputMsg || this.loading) {
                 return;
             }
+            this.ensureChatSocket();
             try {
                 chat.relatedListItems = [];
                 this.cdr.detectChanges();
@@ -3253,8 +3586,9 @@
             this.conversationKey = this.conversationService.getKey(this.botId, true);
             this.chatLog = [this.chatLog[0]];
             this.isChatingWithAi = false;
+            this.chatSocketInitialized = false;
             setTimeout(function () {
-                _this.initializeSocket();
+                _this.ensureChatSocket();
             }, 200);
             this.scrollToBottom();
             this.cdr.detectChanges();
@@ -3557,6 +3891,10 @@
         isDev: [{ type: i0.Input }]
     };
 
+    /**
+     * Voice agent module. Uses native WebSocket + Daily.js only.
+     * Does NOT use Socket.IO or ngx-socket-io.
+     */
     var VoiceAgentModule = /** @class */ (function () {
         function VoiceAgentModule() {
         }
@@ -3572,7 +3910,9 @@
                     ],
                     providers: [
                         VoiceAgentService,
-                        AudioAnalyzerService
+                        AudioAnalyzerService,
+                        WebSocketVoiceClientService,
+                        DailyVoiceClientService
                     ],
                     exports: [
                         VoiceAgentModalComponent
@@ -3870,9 +4210,11 @@
     exports["ɵc"] = ConversationService;
     exports["ɵd"] = NotificationSocket;
     exports["ɵe"] = TranslationService;
-    exports["ɵf"] = VideoPlayerComponent;
-    exports["ɵg"] = SafeHtmlPipe;
-    exports["ɵh"] = BotHtmlEditorComponent;
+    exports["ɵf"] = WebSocketVoiceClientService;
+    exports["ɵg"] = DailyVoiceClientService;
+    exports["ɵh"] = VideoPlayerComponent;
+    exports["ɵi"] = SafeHtmlPipe;
+    exports["ɵj"] = BotHtmlEditorComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });