@hivegpt/hiveai-angular 0.0.580 → 0.0.582

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

@@ -1,10 +1,8 @@
 (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('@angular/common'), require('ngx-socket-io'), require('@angular/forms'), require('microsoft-cognitiveservices-speech-sdk'), require('marked'), require('@daily-co/daily-js'), 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', '@angular/common', 'ngx-socket-io', '@angular/forms', 'microsoft-cognitiveservices-speech-sdk', 'marked', '@daily-co/daily-js', '@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.ng.common, global.ngxSocketIo, global.ng.forms, global.SpeechSDK, global.marked, global.Daily, global.ng.material.icon, global.ng.material.sidenav, global.ngxQuill));
-})(this, (function (exports, overlay, portal, i1, i0, platformBrowser, rxjs, operators, common, ngxSocketIo, forms, SpeechSDK, marked, Daily, icon, sidenav, ngxQuill) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+    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('@angular/common'), require('ngx-socket-io'), require('@angular/forms'), require('microsoft-cognitiveservices-speech-sdk'), require('marked'), 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', '@angular/common', 'ngx-socket-io', '@angular/forms', 'microsoft-cognitiveservices-speech-sdk', 'marked', '@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.ng.common, global.ngxSocketIo, global.ng.forms, global.SpeechSDK, global.marked, global.ng.material.icon, global.ng.material.sidenav, global.ngxQuill));
+})(this, (function (exports, overlay, portal, i1, i0, platformBrowser, rxjs, operators, common, ngxSocketIo, forms, SpeechSDK, marked, icon, sidenav, ngxQuill) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -28,7 +26,6 @@
     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.
@@ -1218,8 +1215,8 @@
     ]; };
 
     /**
-     * Audio analyzer for waveform visualization only.
-     * Do NOT use isUserSpeaking$ for call state; speaking state must come from Daily.js.
+     * Audio analyzer for waveform visualization and local (mic) speaking detection.
+     * VoiceAgentService may combine this with WebSocket server events for call state.
      */
     var AudioAnalyzerService = /** @class */ (function () {
         function AudioAnalyzerService() {
@@ -1235,7 +1232,7 @@
             this.noiseFloorSamples = [];
             this.NOISE_FLOOR_SAMPLE_COUNT = 30;
             this.SPEAKING_THRESHOLD_MULTIPLIER = 2.5;
-            this.WAVEFORM_BAR_COUNT = 40;
+            this.WAVEFORM_BAR_COUNT = 60;
             // Amplify raw amplitude so normal speech (±10–20 units) maps to visible levels
             this.SENSITIVITY_MULTIPLIER = 5;
             this.audioLevels$ = this.audioLevelsSubject.asObservable();
@@ -1342,29 +1339,35 @@
     ];
 
     /**
-     * WebSocket-only client for voice agent signaling.
+     * Native WebSocket client for voice session (signaling, transcripts, speaking hints).
      * 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).
+     * Connects to `ws_url` from `POST {baseUrl}/ai/ask-voice-socket`.
+     * Parses JSON messages for transcripts and optional assistant/user speaking flags.
      */
     var WebSocketVoiceClientService = /** @class */ (function () {
-        function WebSocketVoiceClientService() {
+        function WebSocketVoiceClientService(ngZone) {
+            this.ngZone = ngZone;
             this.ws = null;
-            this.roomCreatedSubject = new rxjs.Subject();
+            /** True when {@link disconnect} initiated the close (not counted as remote close). */
+            this.closeInitiatedByClient = false;
+            this.openedSubject = new rxjs.Subject();
+            this.remoteCloseSubject = 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.assistantSpeakingSubject = new rxjs.Subject();
+            this.serverUserSpeakingSubject = new rxjs.Subject();
+            /** Fires once each time the WebSocket reaches OPEN. */
+            this.opened$ = this.openedSubject.asObservable();
+            /** Fires when the socket closes without a client-initiated {@link disconnect}. */
+            this.remoteClose$ = this.remoteCloseSubject.asObservable();
             this.userTranscript$ = this.userTranscriptSubject.asObservable();
-            /** Emits bot transcript updates. */
             this.botTranscript$ = this.botTranscriptSubject.asObservable();
+            /** Assistant/bot speaking, when the server sends explicit events (see {@link handleJsonMessage}). */
+            this.assistantSpeaking$ = this.assistantSpeakingSubject.asObservable();
+            /** User speaking from server-side VAD, if provided. */
+            this.serverUserSpeaking$ = this.serverUserSpeakingSubject.asObservable();
         }
-        /** Connect to signaling WebSocket. No audio over this connection. */
         WebSocketVoiceClientService.prototype.connect = function (wsUrl) {
             var _this = this;
             var _a;
@@ -1372,40 +1375,47 @@
                 return;
             }
             if (this.ws) {
+                this.closeInitiatedByClient = true;
                 this.ws.close();
-                this.ws = null;
             }
             try {
-                this.ws = new WebSocket(wsUrl);
-                this.ws.onmessage = function (event) {
-                    var _a;
+                var socket_1 = new WebSocket(wsUrl);
+                this.ws = socket_1;
+                socket_1.onopen = function () {
+                    if (_this.ws !== socket_1)
+                        return;
+                    _this.ngZone.run(function () { return _this.openedSubject.next(); });
+                };
+                socket_1.onmessage = function (event) {
+                    if (_this.ws !== socket_1)
+                        return;
+                    if (typeof event.data !== 'string') {
+                        return;
+                    }
                     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);
-                        }
+                        var msg_1 = JSON.parse(event.data);
+                        _this.ngZone.run(function () { return _this.handleJsonMessage(msg_1); });
                     }
-                    catch (_b) {
-                        // Ignore non-JSON or unknown messages
+                    catch (_a) {
+                        // Ignore non-JSON
                     }
                 };
-                this.ws.onerror = function () {
-                    _this.disconnect();
+                socket_1.onerror = function () {
+                    _this.ngZone.run(function () {
+                        if (_this.ws === socket_1 && socket_1.readyState !== WebSocket.CLOSED) {
+                            socket_1.close();
+                        }
+                    });
                 };
-                this.ws.onclose = function () {
-                    _this.ws = null;
+                socket_1.onclose = function () {
+                    if (_this.ws === socket_1) {
+                        _this.ws = null;
+                    }
+                    var client = _this.closeInitiatedByClient;
+                    _this.closeInitiatedByClient = false;
+                    if (!client) {
+                        _this.ngZone.run(function () { return _this.remoteCloseSubject.next(); });
+                    }
                 };
             }
             catch (err) {
@@ -1414,374 +1424,98 @@
                 throw err;
             }
         };
-        /** Disconnect and cleanup. */
-        WebSocketVoiceClientService.prototype.disconnect = function () {
-            if (this.ws) {
-                this.ws.close();
-                this.ws = null;
+        WebSocketVoiceClientService.prototype.handleJsonMessage = function (msg) {
+            var type = msg.type;
+            var typeStr = typeof type === 'string' ? type : '';
+            if (typeStr === 'session_ready' || typeStr === 'connected' || typeStr === 'voice_session_started') {
+                return;
             }
-        };
-        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
-     * - 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)
-     */
-    var DailyVoiceClientService = /** @class */ (function () {
-        function DailyVoiceClientService(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;
-            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, joinOptions, participants, err_1;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            if (!this.callObject) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.disconnect()];
-                        case 1:
-                            _e.sent();
-                            _e.label = 2;
-                        case 2:
-                            _e.trys.push([2, 5, , 6]);
-                            return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
-                        case 3:
-                            stream = _e.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);
-                            joinOptions = { url: roomUrl };
-                            if (typeof token === 'string' && token.trim() !== '') {
-                                joinOptions.token = token;
-                            }
-                            return [4 /*yield*/, callObject.join(joinOptions)];
-                        case 4:
-                            _e.sent();
-                            console.log("[VoiceDebug] Room connected (Daily join complete) \u2014 " + new Date().toISOString());
-                            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 = _e.sent();
-                            this.cleanup();
-                            throw err_1;
-                        case 6: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        DailyVoiceClientService.prototype.setupEventHandlers = function (call) {
-            var _this = this;
-            // 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', 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.userSpeakingSubject.next(false);
-                        return;
-                    }
-                    var isLocal = peerId === _this.localSessionId;
-                    _this.userSpeakingSubject.next(isLocal);
-                });
-            });
-            // track-started / track-stopped: set up remote audio playback + AnalyserNode monitor.
-            call.on('track-started', function (event) {
-                _this.ngZone.run(function () {
-                    var _a, _b, _c, _d;
-                    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;
-                    var track = event === null || event === void 0 ? void 0 : event.track;
-                    if (p && !p.local && type === 'audio') {
-                        console.log("[VoiceDebug] Got audio track from backend (track-started) \u2014 readyState=" + (track === null || track === void 0 ? void 0 : track.readyState) + ", muted=" + (track === null || track === void 0 ? void 0 : track.muted) + " \u2014 " + new Date().toISOString());
-                        var 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);
-                        }
-                    }
-                });
-            });
-            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.stopRemoteAudioMonitor();
-                        _this.stopRemoteAudio();
-                    }
-                });
-            });
-            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();
-                });
-            });
-        };
-        /**
-         * Play remote (bot) audio track via a dedicated audio element.
-         * Required in many browsers where Daily's internal playback does not output to speakers.
-         */
-        DailyVoiceClientService.prototype.playRemoteTrack = function (track) {
-            this.stopRemoteAudio();
-            try {
-                console.log("[VoiceDebug] playRemoteTrack called \u2014 track.readyState=" + track.readyState + ", track.muted=" + track.muted + " \u2014 " + new Date().toISOString());
-                track.onunmute = function () {
-                    console.log("[VoiceDebug] Remote audio track UNMUTED (audio data arriving) \u2014 " + new Date().toISOString());
-                };
-                var stream = new MediaStream([track]);
-                var audio = new Audio();
-                audio.autoplay = true;
-                audio.srcObject = stream;
-                this.remoteAudioElement = audio;
-                audio.onplaying = function () {
-                    console.log("[VoiceDebug] Audio element PLAYING (browser started playback) \u2014 " + new Date().toISOString());
-                };
-                var firstTimeUpdate_1 = true;
-                audio.ontimeupdate = function () {
-                    if (firstTimeUpdate_1) {
-                        firstTimeUpdate_1 = false;
-                        console.log("[VoiceDebug] Audio element first TIMEUPDATE (actual audio output) \u2014 " + new Date().toISOString());
-                    }
-                };
-                var p = audio.play();
-                if (p && typeof p.then === 'function') {
-                    p.then(function () {
-                        console.log("[VoiceDebug] audio.play() resolved \u2014 " + new Date().toISOString());
-                    }).catch(function (err) {
-                        console.warn('DailyVoiceClient: remote audio play failed (may need user gesture)', err);
-                    });
+            if (typeStr === 'assistant_speaking' ||
+                typeStr === 'bot_speaking') {
+                if (msg.active === true || msg.speaking === true) {
+                    this.assistantSpeakingSubject.next(true);
+                }
+                else if (msg.active === false || msg.speaking === false) {
+                    this.assistantSpeakingSubject.next(false);
                 }
+                return;
             }
-            catch (err) {
-                console.warn('DailyVoiceClient: failed to create remote audio element', err);
+            if (typeStr === 'user_speaking') {
+                if (msg.active === true || msg.speaking === true) {
+                    this.serverUserSpeakingSubject.next(true);
+                }
+                else if (msg.active === false || msg.speaking === false) {
+                    this.serverUserSpeakingSubject.next(false);
+                }
+                return;
             }
-        };
-        /**
-         * Monitor remote audio track energy via AnalyserNode.
-         * Polls at ~60fps and flips speakingSubject based on actual audio energy.
-         */
-        DailyVoiceClientService.prototype.monitorRemoteAudio = function (track) {
-            var _this = this;
-            this.stopRemoteAudioMonitor();
-            try {
-                var ctx = new AudioContext();
-                var source = ctx.createMediaStreamSource(new MediaStream([track]));
-                var analyser_1 = ctx.createAnalyser();
-                analyser_1.fftSize = 256;
-                source.connect(analyser_1);
-                this.remoteAudioContext = ctx;
-                var dataArray_1 = new Uint8Array(analyser_1.frequencyBinCount);
-                var THRESHOLD_1 = 5;
-                var SILENCE_MS_1 = 1500;
-                var lastSoundTime_1 = 0;
-                var isSpeaking_1 = false;
-                var poll_1 = function () {
-                    if (!_this.remoteAudioContext)
-                        return;
-                    analyser_1.getByteFrequencyData(dataArray_1);
-                    var sum = 0;
-                    for (var i = 0; i < dataArray_1.length; i++) {
-                        sum += dataArray_1[i];
-                    }
-                    var avg = sum / dataArray_1.length;
-                    var now = Date.now();
-                    if (avg > THRESHOLD_1) {
-                        lastSoundTime_1 = now;
-                        if (!isSpeaking_1) {
-                            isSpeaking_1 = true;
-                            console.log("[VoiceDebug] Bot audio energy detected (speaking=true) \u2014 avg=" + avg.toFixed(1) + " \u2014 " + new Date().toISOString());
-                            _this.ngZone.run(function () {
-                                _this.userSpeakingSubject.next(false);
-                                _this.speakingSubject.next(true);
-                            });
-                        }
-                    }
-                    else if (isSpeaking_1 && now - lastSoundTime_1 > SILENCE_MS_1) {
-                        isSpeaking_1 = false;
-                        console.log("[VoiceDebug] Bot audio silence detected (speaking=false) \u2014 " + new Date().toISOString());
-                        _this.ngZone.run(function () { return _this.speakingSubject.next(false); });
-                    }
-                    _this.remoteSpeakingRAF = requestAnimationFrame(poll_1);
-                };
-                this.remoteSpeakingRAF = requestAnimationFrame(poll_1);
+            if (typeStr === 'input_audio_buffer.speech_started') {
+                this.serverUserSpeakingSubject.next(true);
+                return;
             }
-            catch (err) {
-                console.warn('DailyVoiceClient: failed to create remote audio monitor', err);
+            if (typeStr === 'input_audio_buffer.speech_stopped') {
+                this.serverUserSpeakingSubject.next(false);
+                return;
             }
-        };
-        DailyVoiceClientService.prototype.stopRemoteAudioMonitor = function () {
-            if (this.remoteSpeakingRAF) {
-                cancelAnimationFrame(this.remoteSpeakingRAF);
-                this.remoteSpeakingRAF = null;
+            if (typeStr === 'response.audio.delta') {
+                this.assistantSpeakingSubject.next(true);
+                return;
             }
-            if (this.remoteAudioContext) {
-                this.remoteAudioContext.close().catch(function () { });
-                this.remoteAudioContext = null;
+            if (typeStr === 'response.audio.done' ||
+                typeStr === 'response.output_audio.done') {
+                this.assistantSpeakingSubject.next(false);
+                return;
             }
-        };
-        DailyVoiceClientService.prototype.stopRemoteAudio = function () {
-            if (this.remoteAudioElement) {
-                try {
-                    this.remoteAudioElement.pause();
-                    this.remoteAudioElement.srcObject = null;
-                }
-                catch (_) { }
-                this.remoteAudioElement = null;
+            if (typeStr === 'user_transcript' && typeof msg.text === 'string') {
+                this.userTranscriptSubject.next({
+                    text: msg.text,
+                    final: msg.final === true,
+                });
+                return;
+            }
+            if (typeStr === 'bot_transcript' && typeof msg.text === 'string') {
+                this.botTranscriptSubject.next(msg.text);
             }
         };
-        /** Set mic muted state. */
-        DailyVoiceClientService.prototype.setMuted = function (muted) {
-            if (!this.callObject)
+        WebSocketVoiceClientService.prototype.disconnect = function () {
+            if (!this.ws) {
                 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 (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            if (!this.callObject) {
-                                this.cleanup();
-                                return [2 /*return*/];
-                            }
-                            _e.label = 1;
-                        case 1:
-                            _e.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, this.callObject.leave()];
-                        case 2:
-                            _e.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            e_1 = _e.sent();
-                            return [3 /*break*/, 4];
-                        case 4:
-                            this.cleanup();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        DailyVoiceClientService.prototype.cleanup = function () {
-            this.stopRemoteAudioMonitor();
-            this.stopRemoteAudio();
-            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
+            this.closeInitiatedByClient = true;
+            this.ws.close();
         };
-        return DailyVoiceClientService;
+        Object.defineProperty(WebSocketVoiceClientService.prototype, "isConnected", {
+            get: function () {
+                var _a;
+                return ((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return WebSocketVoiceClientService;
     }());
-    DailyVoiceClientService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DailyVoiceClientService_Factory() { return new DailyVoiceClientService(i0__namespace.ɵɵinject(i0__namespace.NgZone)); }, token: DailyVoiceClientService, providedIn: "root" });
-    DailyVoiceClientService.decorators = [
+    WebSocketVoiceClientService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function WebSocketVoiceClientService_Factory() { return new WebSocketVoiceClientService(i0__namespace.ɵɵinject(i0__namespace.NgZone)); }, token: WebSocketVoiceClientService, providedIn: "root" });
+    WebSocketVoiceClientService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
-    DailyVoiceClientService.ctorParameters = function () { return [
+    WebSocketVoiceClientService.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
+     * Voice agent orchestrator: single WebSocket (`ws_url` from POST /ai/ask-voice-socket)
+     * for session events, transcripts, and optional speaking hints; local mic for capture
+     * and waveform only (no Daily/WebRTC room).
      */
     var VoiceAgentService = /** @class */ (function () {
-        function VoiceAgentService(audioAnalyzer, wsClient, dailyClient, platformTokenRefresh, 
+        function VoiceAgentService(audioAnalyzer, wsClient, platformTokenRefresh, 
         /** `Object` not `object` — ngc metadata collection rejects the `object` type in DI params. */
         platformId) {
             var _this = this;
             this.audioAnalyzer = audioAnalyzer;
             this.wsClient = wsClient;
-            this.dailyClient = dailyClient;
             this.platformTokenRefresh = platformTokenRefresh;
             this.platformId = platformId;
             this.callStateSubject = new rxjs.BehaviorSubject('idle');
@@ -1794,6 +1528,8 @@
             this.botTranscriptSubject = new rxjs.Subject();
             this.callStartTime = 0;
             this.durationInterval = null;
+            this.localMicStream = null;
+            this.endCall$ = new rxjs.Subject();
             this.subscriptions = new rxjs.Subscription();
             this.destroy$ = new rxjs.Subject();
             this.callState$ = this.callStateSubject.asObservable();
@@ -1804,8 +1540,10 @@
             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(function (levels) { return _this.audioLevelsSubject.next(levels); }));
+            this.subscriptions.add(this.wsClient.remoteClose$
+                .pipe(operators.takeUntil(this.destroy$))
+                .subscribe(function () { return void _this.handleRemoteClose(); }));
         }
         VoiceAgentService.prototype.ngOnDestroy = function () {
             this.destroy$.next();
@@ -1816,53 +1554,54 @@
         VoiceAgentService.prototype.resetToIdle = function () {
             if (this.callStateSubject.value === 'idle')
                 return;
+            this.endCall$.next();
             this.stopDurationTimer();
+            this.callStartTime = 0;
             this.audioAnalyzer.stop();
+            this.stopLocalMic();
             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');
         };
         VoiceAgentService.prototype.connect = function (apiUrl, token, botId, conversationId, apiKey, eventToken, eventId, eventUrl, domainAuthority, usersApiUrl) {
             return __awaiter(this, void 0, void 0, function () {
-                var accessToken, ensured, e_1, baseUrl, postUrl, headers, res, json, wsUrl, error_1;
+                var accessToken, ensured, e_1, baseUrl, postUrl, headers, res, json, wsUrl, untilCallEnds$, error_1;
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (this.callStateSubject.value !== 'idle') {
                                 console.warn('Call already in progress');
                                 return [2 /*return*/];
                             }
-                            _a.label = 1;
+                            _b.label = 1;
                         case 1:
-                            _a.trys.push([1, 8, , 10]);
+                            _b.trys.push([1, 8, , 10]);
                             this.callStateSubject.next('connecting');
                             this.statusTextSubject.next('Connecting...');
                             accessToken = token;
                             if (!(usersApiUrl && common.isPlatformBrowser(this.platformId))) return [3 /*break*/, 5];
-                            _a.label = 2;
+                            _b.label = 2;
                         case 2:
-                            _a.trys.push([2, 4, , 5]);
+                            _b.trys.push([2, 4, , 5]);
                             return [4 /*yield*/, this.platformTokenRefresh
                                     .ensureValidAccessToken(token, usersApiUrl)
                                     .pipe(operators.take(1))
                                     .toPromise()];
                         case 3:
-                            ensured = _a.sent();
+                            ensured = _b.sent();
                             if (ensured === null || ensured === void 0 ? void 0 : ensured.accessToken) {
                                 accessToken = ensured.accessToken;
                             }
                             return [3 /*break*/, 5];
                         case 4:
-                            e_1 = _a.sent();
+                            e_1 = _b.sent();
                             console.warn('[HiveGpt Voice] Token refresh before connect failed', e_1);
                             return [3 /*break*/, 5];
                         case 5:
                             baseUrl = apiUrl.replace(/\/$/, '');
-                            postUrl = baseUrl + "/ai/ask-voice";
+                            postUrl = baseUrl + "/ai/ask-voice-socket";
                             headers = {
                                 'Content-Type': 'application/json',
                                 Authorization: "Bearer " + accessToken,
@@ -1884,60 +1623,37 @@
                                     }),
                                 })];
                         case 6:
-                            res = _a.sent();
+                            res = _b.sent();
                             if (!res.ok) {
                                 throw new Error("HTTP " + res.status);
                             }
                             return [4 /*yield*/, res.json()];
                         case 7:
-                            json = _a.sent();
-                            wsUrl = json === null || json === void 0 ? void 0 : json.rn_ws_url;
-                            if (!wsUrl || typeof wsUrl !== 'string') {
+                            json = _b.sent();
+                            wsUrl = (typeof (json === null || json === void 0 ? void 0 : json.ws_url) === 'string' && json.ws_url) ||
+                                (typeof (json === null || json === void 0 ? void 0 : json.rn_ws_url) === 'string' && json.rn_ws_url);
+                            if (!wsUrl) {
                                 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 (_a) {
-                                    switch (_a.label) {
-                                        case 0:
-                                            _a.trys.push([0, 2, , 4]);
-                                            return [4 /*yield*/, this.onRoomCreated(roomUrl)];
-                                        case 1:
-                                            _a.sent();
-                                            return [3 /*break*/, 4];
-                                        case 2:
-                                            err_1 = _a.sent();
-                                            console.error('Daily join failed:', err_1);
-                                            this.callStateSubject.next('ended');
-                                            this.statusTextSubject.next('Connection failed');
-                                            return [4 /*yield*/, this.disconnect()];
-                                        case 3:
-                                            _a.sent();
-                                            throw err_1;
-                                        case 4: return [2 /*return*/];
-                                    }
-                                });
-                            }); });
-                            // Forward transcripts from WebSocket
+                            untilCallEnds$ = rxjs.merge(this.destroy$, this.endCall$);
                             this.subscriptions.add(this.wsClient.userTranscript$
-                                .pipe(operators.takeUntil(this.destroy$))
+                                .pipe(operators.takeUntil(untilCallEnds$))
                                 .subscribe(function (t) { return _this.userTranscriptSubject.next(t); }));
                             this.subscriptions.add(this.wsClient.botTranscript$
-                                .pipe(operators.takeUntil(this.destroy$))
+                                .pipe(operators.takeUntil(untilCallEnds$))
                                 .subscribe(function (t) { return _this.botTranscriptSubject.next(t); }));
-                            // Connect signaling WebSocket (no audio over WS)
+                            this.subscriptions.add(this.wsClient.opened$
+                                .pipe(operators.takeUntil(untilCallEnds$), operators.take(1))
+                                .subscribe(function () { return void _this.onWebsocketOpened(); }));
                             this.wsClient.connect(wsUrl);
                             return [3 /*break*/, 10];
                         case 8:
-                            error_1 = _a.sent();
+                            error_1 = _b.sent();
                             console.error('Error connecting voice agent:', error_1);
                             this.callStateSubject.next('ended');
                             return [4 /*yield*/, this.disconnect()];
                         case 9:
-                            _a.sent();
+                            _b.sent();
                             this.statusTextSubject.next('Connection failed');
                             throw error_1;
                         case 10: return [2 /*return*/];
@@ -1945,79 +1661,148 @@
                 });
             });
         };
-        VoiceAgentService.prototype.onRoomCreated = function (roomUrl) {
+        VoiceAgentService.prototype.onWebsocketOpened = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: 
-                        // Connect Daily.js for WebRTC audio
-                        return [4 /*yield*/, this.dailyClient.connect(roomUrl)];
+                var err_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (this.callStateSubject.value !== 'connecting') {
+                                return [2 /*return*/];
+                            }
+                            _b.label = 1;
                         case 1:
-                            // Connect Daily.js for WebRTC audio
-                            _a.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);
-                            });
-                            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 (_a) {
-                                var _b = __read(_a, 2), bot = _b[0], user = _b[1];
-                                var current = _this.callStateSubject.value;
-                                if (current === 'connecting' && !bot) {
-                                    return;
-                                }
-                                if (current === 'connecting' && bot) {
-                                    _this.callStartTime = Date.now();
-                                    _this.startDurationTimer();
-                                    _this.callStateSubject.next('talking');
-                                    return;
-                                }
-                                if (user) {
-                                    _this.callStateSubject.next('listening');
-                                }
-                                else if (bot) {
-                                    _this.callStateSubject.next('talking');
-                                }
-                                else if (current === 'talking' || current === 'listening') {
-                                    _this.callStateSubject.next('connected');
-                                }
-                            }));
-                            this.subscriptions.add(this.dailyClient.micMuted$.subscribe(function (muted) { return _this.isMicMutedSubject.next(muted); }));
-                            this.statusTextSubject.next('Connecting...');
-                            return [2 /*return*/];
+                            _b.trys.push([1, 3, , 5]);
+                            return [4 /*yield*/, this.startLocalMic()];
+                        case 2:
+                            _b.sent();
+                            this.statusTextSubject.next('Connected');
+                            this.callStateSubject.next('connected');
+                            this.wireSpeakingState();
+                            return [3 /*break*/, 5];
+                        case 3:
+                            err_1 = _b.sent();
+                            console.error('[HiveGpt Voice] Mic or session setup failed', err_1);
+                            this.callStateSubject.next('ended');
+                            this.statusTextSubject.next('Microphone unavailable');
+                            return [4 /*yield*/, this.disconnect()];
+                        case 4:
+                            _b.sent();
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
         };
-        VoiceAgentService.prototype.disconnect = function () {
+        VoiceAgentService.prototype.wireSpeakingState = function () {
+            var _this = this;
+            var untilCallEnds$ = rxjs.merge(this.destroy$, this.endCall$);
+            var transcriptDrivenAssistant$ = this.wsClient.botTranscript$.pipe(operators.switchMap(function () { return rxjs.concat(rxjs.of(true), rxjs.timer(800).pipe(operators.map(function () { return false; }))); }), operators.distinctUntilChanged());
+            var assistantTalking$ = rxjs.merge(this.wsClient.assistantSpeaking$, transcriptDrivenAssistant$).pipe(operators.distinctUntilChanged(), operators.startWith(false));
+            var userTalking$ = rxjs.combineLatest([
+                this.audioAnalyzer.isUserSpeaking$,
+                this.wsClient.serverUserSpeaking$.pipe(operators.startWith(false)),
+            ]).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), local = _c[0], server = _c[1];
+                return local || server;
+            }), operators.distinctUntilChanged(), operators.startWith(false));
+            this.subscriptions.add(rxjs.combineLatest([assistantTalking$, userTalking$])
+                .pipe(operators.takeUntil(untilCallEnds$))
+                .subscribe(function (_b) {
+                var _c = __read(_b, 2), bot = _c[0], user = _c[1];
+                var current = _this.callStateSubject.value;
+                if (user) {
+                    _this.isUserSpeakingSubject.next(true);
+                    _this.callStateSubject.next('listening');
+                }
+                else {
+                    _this.isUserSpeakingSubject.next(false);
+                }
+                if (user) {
+                    return;
+                }
+                if (bot) {
+                    if (_this.callStartTime === 0) {
+                        _this.callStartTime = Date.now();
+                        _this.startDurationTimer();
+                    }
+                    _this.callStateSubject.next('talking');
+                }
+                else if (current === 'talking' || current === 'listening') {
+                    _this.callStateSubject.next('connected');
+                }
+            }));
+        };
+        VoiceAgentService.prototype.startLocalMic = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var stream, track;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
-                            this.stopDurationTimer();
-                            this.audioAnalyzer.stop();
-                            // Daily first, then WebSocket
-                            return [4 /*yield*/, this.dailyClient.disconnect()];
+                            this.stopLocalMic();
+                            return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
                         case 1:
-                            // Daily first, then WebSocket
-                            _a.sent();
-                            this.wsClient.disconnect();
-                            this.callStateSubject.next('ended');
-                            this.statusTextSubject.next('Call Ended');
+                            stream = _b.sent();
+                            track = stream.getAudioTracks()[0];
+                            if (!track) {
+                                stream.getTracks().forEach(function (t) { return t.stop(); });
+                                throw new Error('No audio track');
+                            }
+                            this.localMicStream = stream;
+                            this.isMicMutedSubject.next(!track.enabled);
+                            this.audioAnalyzer.start(stream);
                             return [2 /*return*/];
                     }
                 });
             });
         };
+        VoiceAgentService.prototype.stopLocalMic = function () {
+            if (this.localMicStream) {
+                this.localMicStream.getTracks().forEach(function (t) { return t.stop(); });
+                this.localMicStream = null;
+            }
+        };
+        VoiceAgentService.prototype.handleRemoteClose = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var state;
+                return __generator(this, function (_b) {
+                    state = this.callStateSubject.value;
+                    if (state === 'idle' || state === 'ended')
+                        return [2 /*return*/];
+                    this.endCall$.next();
+                    this.stopDurationTimer();
+                    this.callStartTime = 0;
+                    this.audioAnalyzer.stop();
+                    this.stopLocalMic();
+                    this.callStateSubject.next('ended');
+                    this.statusTextSubject.next('Connection lost');
+                    return [2 /*return*/];
+                });
+            });
+        };
+        VoiceAgentService.prototype.disconnect = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    this.endCall$.next();
+                    this.stopDurationTimer();
+                    this.callStartTime = 0;
+                    this.audioAnalyzer.stop();
+                    this.stopLocalMic();
+                    this.wsClient.disconnect();
+                    this.callStateSubject.next('ended');
+                    this.statusTextSubject.next('Call Ended');
+                    return [2 /*return*/];
+                });
+            });
+        };
         VoiceAgentService.prototype.toggleMic = function () {
-            var current = this.isMicMutedSubject.value;
-            this.dailyClient.setMuted(!current);
+            var _a;
+            var nextMuted = !this.isMicMutedSubject.value;
+            var track = (_a = this.localMicStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks()[0];
+            if (track) {
+                track.enabled = !nextMuted;
+            }
+            this.isMicMutedSubject.next(nextMuted);
         };
         VoiceAgentService.prototype.startDurationTimer = function () {
             var _this = this;
@@ -2040,7 +1825,7 @@
         };
         return VoiceAgentService;
     }());
-    VoiceAgentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function VoiceAgentService_Factory() { return new VoiceAgentService(i0__namespace.ɵɵinject(AudioAnalyzerService), i0__namespace.ɵɵinject(WebSocketVoiceClientService), i0__namespace.ɵɵinject(DailyVoiceClientService), i0__namespace.ɵɵinject(PlatformTokenRefreshService), i0__namespace.ɵɵinject(i0__namespace.PLATFORM_ID)); }, 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(PlatformTokenRefreshService), i0__namespace.ɵɵinject(i0__namespace.PLATFORM_ID)); }, token: VoiceAgentService, providedIn: "root" });
     VoiceAgentService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -2049,7 +1834,6 @@
     VoiceAgentService.ctorParameters = function () { return [
         { type: AudioAnalyzerService },
         { type: WebSocketVoiceClientService },
-        { type: DailyVoiceClientService },
         { type: PlatformTokenRefreshService },
         { type: Object, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
     ]; };
@@ -2185,10 +1969,21 @@
         VoiceAgentModalComponent.prototype.toggleMic = function () {
             this.voiceAgentService.toggleMic();
         };
-        /** Map audio level (0–100) to waveform bar height in px (4–40). */
-        VoiceAgentModalComponent.prototype.getWaveformHeight = function (level) {
+        /**
+         * Map audio level (0–100) to waveform bar height in px with a gaussian
+         * bell-curve envelope so centre bars are tallest and edge bars appear
+         * as tiny dots — matching the audio-waveform reference design.
+         */
+        VoiceAgentModalComponent.prototype.getWaveformHeight = function (level, index) {
             var n = Math.min(100, Math.max(0, level !== null && level !== void 0 ? level : 0));
-            return 4 + (n / 100) * 36;
+            var total = this.audioLevels.length || 60;
+            var center = (total - 1) / 2;
+            var sigma = total / 5;
+            var envelope = Math.exp(-Math.pow(index - center, 2) / (2 * sigma * sigma));
+            // Minimum height scales with envelope so edges show as dots even in silence
+            var minHeight = 2 + envelope * 3;
+            var maxHeight = 4 + envelope * 38;
+            return minHeight + (n / 100) * (maxHeight - minHeight);
         };
         Object.defineProperty(VoiceAgentModalComponent.prototype, "statusLabel", {
             /** Status label for active call. */
@@ -2231,8 +2026,8 @@
     VoiceAgentModalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'hivegpt-voice-agent-modal',
-                    template: "<div class=\"voice-agent-modal-overlay\" (click)=\"endCall()\">\n  <div\n    class=\"voice-container voice-agent-modal\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <!-- Header -->\n    <div class=\"header\">\n      <div class=\"header-left\">\n        <div class=\"header-icon\">\n          <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 1C8.13 1 5 4.13 5 8V14C5 17.87 8.13 21 12 21C15.87 21 19 17.87 19 14V8C19 4.13 15.87 1 12 1Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M12 23C10.34 23 9 21.66 9 20H15C15 21.66 13.66 23 12 23Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </div>\n        <span class=\"header-title\">Voice</span>\n      </div>\n      <button\n        class=\"close-button\"\n        (click)=\"endCall()\"\n        type=\"button\"\n        aria-label=\"Close\"\n      >\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M18 6L6 18M6 6L18 18\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Avatar Section with glow -->\n    <div class=\"avatar-section\">\n      <div class=\"avatar-glow\"></div>\n      <div class=\"avatar-wrapper\" [class.speaking]=\"isSpeaking\">\n        <img class=\"avatar-image\" [src]=\"displayAvatarUrl\" alt=\"Nia\" />\n      </div>\n    </div>\n\n    <!-- Agent Info: Nia + Collaboration Manager AI Agent Specialist -->\n    <div class=\"agent-info\">\n      <div class=\"agent-name\">\n        Nia\n        <span class=\"ai-badge\">AI</span>\n      </div>\n      <p class=\"agent-role\">COP30 AI Agent </p>\n    </div>\n\n    <!-- Start Call (when idle only) -->\n    <div *ngIf=\"callState === 'idle'\" class=\"start-call-section\">\n      <p *ngIf=\"statusText === 'Connection failed'\" class=\"error-message\">\n        {{ statusText }}\n      </p>\n      <button\n        class=\"start-call-button\"\n        type=\"button\"\n        [disabled]=\"isConnecting\"\n        (click)=\"startCall()\"\n      >\n        <span *ngIf=\"isConnecting\">Connecting...</span>\n        <span *ngIf=\"!isConnecting && statusText === 'Connection failed'\"\n          >Retry</span\n        >\n        <span *ngIf=\"!isConnecting && statusText !== 'Connection failed'\"\n          >Start Call</span\n        >\n      </button>\n    </div>\n\n    <!-- Call Ended: status + Call Again / Back to Chat -->\n    <div *ngIf=\"callState === 'ended'\" class=\"call-ended-section\">\n      <p class=\"call-ended-status\">\n        <span class=\"status-text\">Call Ended</span>\n        <span class=\"status-timer\">{{ duration }}</span>\n      </p>\n      <div class=\"call-ended-controls\">\n        <button\n          class=\"action-btn\"\n          type=\"button\"\n          (click)=\"callAgain()\"\n          title=\"Call Again\"\n        >\n          <svg\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n            <path d=\"M3 3v5h5\" />\n          </svg>\n          Call Again\n        </button>\n        <button\n          class=\"action-btn\"\n          type=\"button\"\n          (click)=\"backToChat()\"\n          title=\"Back to Chat\"\n        >\n          <svg\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n          </svg>\n          Back to Chat\n        </button>\n      </div>\n    </div>\n\n    <!-- Status (when connecting or in-call: Talking... / Listening / Connected + timer) -->\n    <div\n      class=\"status-indicator status-inline\"\n      *ngIf=\"callState !== 'idle' && callState !== 'ended'\"\n    >\n      <div *ngIf=\"callState === 'connecting'\" class=\"status-connecting\">\n        <svg\n          class=\"spinner\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-dasharray=\"31.416\"\n            stroke-dashoffset=\"31.416\"\n          >\n            <animate\n              attributeName=\"stroke-dasharray\"\n              dur=\"2s\"\n              values=\"0 31.416;15.708 15.708;0 31.416;0 31.416\"\n              repeatCount=\"indefinite\"\n            />\n            <animate\n              attributeName=\"stroke-dashoffset\"\n              dur=\"2s\"\n              values=\"0;-15.708;-31.416;-31.416\"\n              repeatCount=\"indefinite\"\n            />\n          </circle>\n        </svg>\n        <span class=\"status-text\">{{ statusText }}</span>\n      </div>\n      <div\n        *ngIf=\"callState !== 'connecting'\"\n        class=\"status-connected status-inline-row\"\n      >\n        <span class=\"status-text\">{{ statusLabel }}</span>\n        <span class=\"status-timer\">{{ duration }}</span>\n      </div>\n    </div>\n\n    <!-- Waveform -->\n    <div\n      *ngIf=\"callState === 'listening' && isUserSpeaking\"\n      class=\"waveform-container\"\n    >\n      <div class=\"waveform-bars\">\n        <div\n          *ngFor=\"let level of audioLevels; let i = index\"\n          class=\"waveform-bar\"\n          [style.height.px]=\"getWaveformHeight(level)\"\n        ></div>\n      </div>\n    </div>\n\n    <!-- Call Controls (when connected) -->\n    <div\n      class=\"controls\"\n      *ngIf=\"\n        callState === 'connected' ||\n        callState === 'listening' ||\n        callState === 'talking'\n      \"\n    >\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          gap: 2px;\n          flex-direction: column;\n        \"\n      >\n        <button\n          class=\"control-btn mic-btn\"\n          [class.muted]=\"isMicMuted\"\n          (click)=\"toggleMic()\"\n          type=\"button\"\n          [title]=\"isMicMuted ? 'Unmute' : 'Mute'\"\n        >\n          <!-- Microphone icon (unmuted) -->\n          <svg\n            *ngIf=\"!isMicMuted\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"-5 0 32 32\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n          >\n            <g transform=\"translate(-105, -307)\">\n              <path\n                d=\"M111,314 C111,311.238 113.239,309 116,309 C118.761,309 121,311.238 121,314 L121,324 C121,326.762 118.761,329 116,329 C113.239,329 111,326.762 111,324 L111,314 L111,314 Z M116,331 C119.866,331 123,327.866 123,324 L123,314 C123,310.134 119.866,307 116,307 C112.134,307 109,310.134 109,314 L109,324 C109,327.866 112.134,331 116,331 L116,331 Z M127,326 L125,326 C124.089,330.007 120.282,333 116,333 C111.718,333 107.911,330.007 107,326 L105,326 C105.883,330.799 110.063,334.51 115,334.955 L115,337 L114,337 C113.448,337 113,337.448 113,338 C113,338.553 113.448,339 114,339 L118,339 C118.552,339 119,338.553 119,338 C119,337.448 118.552,337 118,337 L117,337 L117,334.955 C121.937,334.51 126.117,330.799 127,326 L127,326 Z\"\n              />\n            </g>\n          </svg>\n          <!-- Microphone icon (muted) -->\n          <svg\n            *ngIf=\"isMicMuted\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"-5 0 32 32\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n          >\n            <g transform=\"translate(-105, -307)\">\n              <path\n                d=\"M111,314 C111,311.238 113.239,309 116,309 C118.761,309 121,311.238 121,314 L121,324 C121,326.762 118.761,329 116,329 C113.239,329 111,326.762 111,324 L111,314 L111,314 Z M116,331 C119.866,331 123,327.866 123,324 L123,314 C123,310.134 119.866,307 116,307 C112.134,307 109,310.134 109,314 L109,324 C109,327.866 112.134,331 116,331 L116,331 Z M127,326 L125,326 C124.089,330.007 120.282,333 116,333 C111.718,333 107.911,330.007 107,326 L105,326 C105.883,330.799 110.063,334.51 115,334.955 L115,337 L114,337 C113.448,337 113,337.448 113,338 C113,338.553 113.448,339 114,339 L118,339 C118.552,339 119,338.553 119,338 C119,337.448 118.552,337 118,337 L117,337 L117,334.955 C121.937,334.51 126.117,330.799 127,326 L127,326 Z\"\n              />\n            </g>\n            <path\n              d=\"M2 2 L30 30\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </button>\n        <span class=\"control-label\">Mute</span>\n      </div>\n\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          gap: 2px;\n          flex-direction: column;\n        \"\n      >\n        <button\n          class=\"control-btn end-call-btn\"\n          (click)=\"hangUp()\"\n          type=\"button\"\n          title=\"End Call\"\n        >\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M18 6L6 18M6 6L18 18\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </button>\n        <span class=\"control-label\">End Call</span>\n      </div>\n    </div>\n  </div>\n</div>\n",
-                    styles: [":host{display:block}.voice-agent-modal-overlay{align-items:flex-end;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-end;left:0;padding:24px;position:fixed;right:0;top:0;z-index:99999}.voice-container.voice-agent-modal{align-items:center;animation:modalEnter .3s ease-out;background:#fff;border-radius:30px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:440px;min-height:600px;padding:30px;position:relative;text-align:center;width:100%}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{justify-content:space-between;margin-bottom:5px;width:100%}.header,.header-left{align-items:center;display:flex}.header-left{gap:8px}.header-icon{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.header-title{color:#0f172a;font-size:18px;font-weight:500}.close-button{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s}.close-button:hover{color:#475569}.avatar-section{margin-bottom:24px;position:relative}.avatar-wrapper{align-items:center;background:#0ea5a4;background:linear-gradient(135deg,#ccfbf1,#0ea5a4);border-radius:50%;display:flex;height:180px;justify-content:center;padding:6px;position:relative;width:180px}.avatar-image{-o-object-fit:cover;border:4px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-glow{background:radial-gradient(circle,rgba(14,165,164,.2) 0,transparent 70%);height:240px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px;z-index:-1}.avatar-wrapper.speaking{animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 0 rgba(14,165,164,.4)}50%{box-shadow:0 0 0 15px rgba(14,165,164,0)}}.agent-info{margin-bottom:40px}.agent-name{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:700;gap:8px;justify-content:center;margin-bottom:8px}.ai-badge{background:#0ea5a4;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.agent-role{color:#0f172a;font-size:16px;font-weight:500;margin:0}.start-call-section{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.error-message{color:#dc2626;font-size:14px;margin:0}.start-call-button{background:#0ea5a4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:background .2s}.start-call-button:hover:not(:disabled){background:#0d9488}.start-call-button:disabled{cursor:not-allowed!important;opacity:.7}.status-indicator{justify-content:center;margin-bottom:10px}.status-connecting,.status-indicator{align-items:center;display:flex;gap:12px}.spinner{animation:spin 1s linear infinite;color:#0ea5a4}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-text{font-weight:400}.status-text,.status-timer{color:#0f172a;font-size:16px}.status-timer{font-weight:500}.status-connected{align-items:center;display:flex;flex-direction:column;gap:4px}.status-inline .status-inline-row{align-items:center;flex-direction:row;gap:8px}.call-ended-section{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.call-ended-status{align-items:center;color:#0f172a;display:flex;font-size:16px;gap:8px;justify-content:center;margin:0}.call-ended-status .status-text{font-weight:400}.call-ended-status .status-timer{font-weight:500}.call-ended-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s ease}.action-btn:hover{background:#f8fafc}.waveform-container{margin-bottom:10px;padding:0 20px}.waveform-bars,.waveform-container{align-items:center;display:flex;gap:3px;height:60px;justify-content:center}.waveform-bar{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:2px;box-shadow:0 0 3px rgba(100,116,139,.2);max-height:20px;min-height:3px;transition:height .15s ease-in-out;width:3px}.waveform-bar:nth-child(2n){background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.waveform-bar:nth-child(3n){background:linear-gradient(180deg,#64748b,#475569)}.controls{gap:24px;width:100%}.control-btn,.controls{align-items:center;display:flex;justify-content:center}.control-btn{border:none;border-radius:50%;cursor:pointer;flex-direction:column;gap:4px;height:60px;transition:transform .2s ease;width:60px}.control-btn:hover{transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-label{color:#0f172a;font-size:12px;font-weight:500}.mic-btn{background:#e2e8f0}.mic-btn,.mic-btn .control-label{color:#475569}.mic-btn.muted{background:#e2e8f0;color:#475569}.end-call-btn{background:#ef4444;color:#fff}.end-call-btn .control-label{color:#fff}.end-call-btn:hover{background:#dc2626}"]
+                    template: "<div class=\"voice-agent-modal-overlay\" (click)=\"endCall()\">\n  <div\n    class=\"voice-container voice-agent-modal\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <!-- Header -->\n    <div class=\"header\">\n      <div class=\"header-left\">\n        <div class=\"header-icon\">\n          <svg\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 1C8.13 1 5 4.13 5 8V14C5 17.87 8.13 21 12 21C15.87 21 19 17.87 19 14V8C19 4.13 15.87 1 12 1Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M12 23C10.34 23 9 21.66 9 20H15C15 21.66 13.66 23 12 23Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </div>\n        <span class=\"header-title\">Voice</span>\n      </div>\n      <button\n        class=\"close-button\"\n        (click)=\"endCall()\"\n        type=\"button\"\n        aria-label=\"Close\"\n      >\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M18 6L6 18M6 6L18 18\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Avatar Section with glow -->\n    <div class=\"avatar-section\">\n      <div class=\"avatar-glow\"></div>\n      <div class=\"avatar-wrapper\" [class.speaking]=\"isSpeaking\">\n        <img class=\"avatar-image\" [src]=\"displayAvatarUrl\" alt=\"Nia\" />\n      </div>\n    </div>\n\n    <!-- Agent Info: Nia + Collaboration Manager AI Agent Specialist -->\n    <div class=\"agent-info\">\n      <div class=\"agent-name\">\n        Nia\n        <span class=\"ai-badge\">AI</span>\n      </div>\n      <p class=\"agent-role\">COP30 AI Agent </p>\n    </div>\n\n    <!-- Start Call (when idle only) -->\n    <div *ngIf=\"callState === 'idle'\" class=\"start-call-section\">\n      <p *ngIf=\"statusText === 'Connection failed'\" class=\"error-message\">\n        {{ statusText }}\n      </p>\n      <button\n        class=\"start-call-button\"\n        type=\"button\"\n        [disabled]=\"isConnecting\"\n        (click)=\"startCall()\"\n      >\n        <span *ngIf=\"isConnecting\">Connecting...</span>\n        <span *ngIf=\"!isConnecting && statusText === 'Connection failed'\"\n          >Retry</span\n        >\n        <span *ngIf=\"!isConnecting && statusText !== 'Connection failed'\"\n          >Start Call</span\n        >\n      </button>\n    </div>\n\n    <!-- Call Ended: status + Call Again / Back to Chat -->\n    <div *ngIf=\"callState === 'ended'\" class=\"call-ended-section\">\n      <p class=\"call-ended-status\">\n        <span class=\"status-text\">Call Ended</span>\n        <span class=\"status-timer\">{{ duration }}</span>\n      </p>\n      <div class=\"call-ended-controls\">\n        <button\n          class=\"action-btn\"\n          type=\"button\"\n          (click)=\"callAgain()\"\n          title=\"Call Again\"\n        >\n          <svg\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n            <path d=\"M3 3v5h5\" />\n          </svg>\n          Call Again\n        </button>\n        <button\n          class=\"action-btn\"\n          type=\"button\"\n          (click)=\"backToChat()\"\n          title=\"Back to Chat\"\n        >\n          <svg\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n          </svg>\n          Back to Chat\n        </button>\n      </div>\n    </div>\n\n    <!-- Status (when connecting or in-call: Talking... / Listening / Connected + timer) -->\n    <div\n      class=\"status-indicator status-inline\"\n      *ngIf=\"callState !== 'idle' && callState !== 'ended'\"\n    >\n      <div *ngIf=\"callState === 'connecting'\" class=\"status-connecting\">\n        <svg\n          class=\"spinner\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-dasharray=\"31.416\"\n            stroke-dashoffset=\"31.416\"\n          >\n            <animate\n              attributeName=\"stroke-dasharray\"\n              dur=\"2s\"\n              values=\"0 31.416;15.708 15.708;0 31.416;0 31.416\"\n              repeatCount=\"indefinite\"\n            />\n            <animate\n              attributeName=\"stroke-dashoffset\"\n              dur=\"2s\"\n              values=\"0;-15.708;-31.416;-31.416\"\n              repeatCount=\"indefinite\"\n            />\n          </circle>\n        </svg>\n        <span class=\"status-text\">{{ statusText }}</span>\n      </div>\n      <div\n        *ngIf=\"callState !== 'connecting'\"\n        class=\"status-connected status-inline-row\"\n      >\n        <span class=\"status-text\">{{ statusLabel }}</span>\n        <span class=\"status-timer\">{{ duration }}</span>\n      </div>\n    </div>\n\n    <!-- Waveform -->\n    <div\n      *ngIf=\"callState === 'listening'\"\n      class=\"waveform-container\"\n    >\n      <div class=\"waveform-bars\">\n        <div\n          *ngFor=\"let level of audioLevels; let i = index\"\n          class=\"waveform-bar\"\n          [class.active]=\"isUserSpeaking\"\n          [style.height.px]=\"getWaveformHeight(level, i)\"\n        ></div>\n      </div>\n    </div>\n\n    <!-- Call Controls (when connected) -->\n    <div\n      class=\"controls\"\n      *ngIf=\"\n        callState === 'connected' ||\n        callState === 'listening' ||\n        callState === 'talking'\n      \"\n    >\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          gap: 2px;\n          flex-direction: column;\n        \"\n      >\n        <button\n          class=\"control-btn mic-btn\"\n          [class.muted]=\"isMicMuted\"\n          (click)=\"toggleMic()\"\n          type=\"button\"\n          [title]=\"isMicMuted ? 'Unmute' : 'Mute'\"\n        >\n          <!-- Microphone icon (unmuted) -->\n          <svg\n            *ngIf=\"!isMicMuted\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"-5 0 32 32\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n          >\n            <g transform=\"translate(-105, -307)\">\n              <path\n                d=\"M111,314 C111,311.238 113.239,309 116,309 C118.761,309 121,311.238 121,314 L121,324 C121,326.762 118.761,329 116,329 C113.239,329 111,326.762 111,324 L111,314 L111,314 Z M116,331 C119.866,331 123,327.866 123,324 L123,314 C123,310.134 119.866,307 116,307 C112.134,307 109,310.134 109,314 L109,324 C109,327.866 112.134,331 116,331 L116,331 Z M127,326 L125,326 C124.089,330.007 120.282,333 116,333 C111.718,333 107.911,330.007 107,326 L105,326 C105.883,330.799 110.063,334.51 115,334.955 L115,337 L114,337 C113.448,337 113,337.448 113,338 C113,338.553 113.448,339 114,339 L118,339 C118.552,339 119,338.553 119,338 C119,337.448 118.552,337 118,337 L117,337 L117,334.955 C121.937,334.51 126.117,330.799 127,326 L127,326 Z\"\n              />\n            </g>\n          </svg>\n          <!-- Microphone icon (muted) -->\n          <svg\n            *ngIf=\"isMicMuted\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"-5 0 32 32\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n          >\n            <g transform=\"translate(-105, -307)\">\n              <path\n                d=\"M111,314 C111,311.238 113.239,309 116,309 C118.761,309 121,311.238 121,314 L121,324 C121,326.762 118.761,329 116,329 C113.239,329 111,326.762 111,324 L111,314 L111,314 Z M116,331 C119.866,331 123,327.866 123,324 L123,314 C123,310.134 119.866,307 116,307 C112.134,307 109,310.134 109,314 L109,324 C109,327.866 112.134,331 116,331 L116,331 Z M127,326 L125,326 C124.089,330.007 120.282,333 116,333 C111.718,333 107.911,330.007 107,326 L105,326 C105.883,330.799 110.063,334.51 115,334.955 L115,337 L114,337 C113.448,337 113,337.448 113,338 C113,338.553 113.448,339 114,339 L118,339 C118.552,339 119,338.553 119,338 C119,337.448 118.552,337 118,337 L117,337 L117,334.955 C121.937,334.51 126.117,330.799 127,326 L127,326 Z\"\n              />\n            </g>\n            <path\n              d=\"M2 2 L30 30\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </button>\n        <span class=\"control-label\">Mute</span>\n      </div>\n\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          gap: 2px;\n          flex-direction: column;\n        \"\n      >\n        <button\n          class=\"control-btn end-call-btn\"\n          (click)=\"hangUp()\"\n          type=\"button\"\n          title=\"End Call\"\n        >\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M18 6L6 18M6 6L18 18\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </button>\n        <span class=\"control-label\">End Call</span>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    styles: [":host{display:block}.voice-agent-modal-overlay{align-items:flex-end;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-end;left:0;padding:24px;position:fixed;right:0;top:0;z-index:99999}.voice-container.voice-agent-modal{align-items:center;animation:modalEnter .3s ease-out;background:#fff;border-radius:30px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:440px;min-height:600px;padding:30px;position:relative;text-align:center;width:100%}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{justify-content:space-between;margin-bottom:5px;width:100%}.header,.header-left{align-items:center;display:flex}.header-left{gap:8px}.header-icon{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.header-title{color:#0f172a;font-size:18px;font-weight:500}.close-button{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s}.close-button:hover{color:#475569}.avatar-section{margin-bottom:24px;position:relative}.avatar-wrapper{align-items:center;background:#0ea5a4;background:linear-gradient(135deg,#ccfbf1,#0ea5a4);border-radius:50%;display:flex;height:180px;justify-content:center;padding:6px;position:relative;width:180px}.avatar-image{-o-object-fit:cover;border:4px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-glow{background:radial-gradient(circle,rgba(14,165,164,.2) 0,transparent 70%);height:240px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px;z-index:-1}.avatar-wrapper.speaking{animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 0 rgba(14,165,164,.4)}50%{box-shadow:0 0 0 15px rgba(14,165,164,0)}}.agent-info{margin-bottom:40px}.agent-name{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:700;gap:8px;justify-content:center;margin-bottom:8px}.ai-badge{background:#0ea5a4;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.agent-role{color:#0f172a;font-size:16px;font-weight:500;margin:0}.start-call-section{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.error-message{color:#dc2626;font-size:14px;margin:0}.start-call-button{background:#0ea5a4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:background .2s}.start-call-button:hover:not(:disabled){background:#0d9488}.start-call-button:disabled{cursor:not-allowed!important;opacity:.7}.status-indicator{justify-content:center;margin-bottom:10px}.status-connecting,.status-indicator{align-items:center;display:flex;gap:12px}.spinner{animation:spin 1s linear infinite;color:#0ea5a4}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-text{font-weight:400}.status-text,.status-timer{color:#0f172a;font-size:16px}.status-timer{font-weight:500}.status-connected{align-items:center;display:flex;flex-direction:column;gap:4px}.status-inline .status-inline-row{align-items:center;flex-direction:row;gap:8px}.call-ended-section{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.call-ended-status{align-items:center;color:#0f172a;display:flex;font-size:16px;gap:8px;justify-content:center;margin:0}.call-ended-status .status-text{font-weight:400}.call-ended-status .status-timer{font-weight:500}.call-ended-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s ease}.action-btn:hover{background:#f8fafc}.waveform-container{margin-bottom:10px;padding:0 8px}.waveform-bars,.waveform-container{align-items:center;display:flex;height:56px;justify-content:center;width:100%}.waveform-bars{gap:2px}.waveform-bar{background:#cbd5e1;border-radius:99px;flex:0 0 2px;min-height:2px;transition:height .1s ease-out;width:2px}.waveform-bar.active{background:linear-gradient(180deg,#0ea5a4,#0d9488);box-shadow:0 0 4px rgba(14,165,164,.5)}.controls{gap:24px;width:100%}.control-btn,.controls{align-items:center;display:flex;justify-content:center}.control-btn{border:none;border-radius:50%;cursor:pointer;flex-direction:column;gap:4px;height:60px;transition:transform .2s ease;width:60px}.control-btn:hover{transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-label{color:#0f172a;font-size:12px;font-weight:500}.mic-btn{background:#e2e8f0}.mic-btn,.mic-btn .control-label{color:#475569}.mic-btn.muted{background:#e2e8f0;color:#475569}.end-call-btn{background:#ef4444;color:#fff}.end-call-btn .control-label{color:#fff}.end-call-btn:hover{background:#dc2626}"]
                 },] }
     ];
     VoiceAgentModalComponent.ctorParameters = function () { return [
@@ -6220,7 +6015,7 @@
     };
 
     /**
-     * Voice agent module. Uses native WebSocket + Daily.js only.
+     * Voice agent module. Uses native WebSocket for the voice session.
      * Does NOT use Socket.IO or ngx-socket-io.
      */
     var VoiceAgentModule = /** @class */ (function () {
@@ -6239,8 +6034,7 @@
                     providers: [
                         VoiceAgentService,
                         AudioAnalyzerService,
-                        WebSocketVoiceClientService,
-                        DailyVoiceClientService
+                        WebSocketVoiceClientService
                     ],
                     exports: [
                         VoiceAgentModalComponent
@@ -6542,10 +6336,9 @@
     exports["ɵd"] = NotificationSocket;
     exports["ɵe"] = TranslationService;
     exports["ɵf"] = WebSocketVoiceClientService;
-    exports["ɵg"] = DailyVoiceClientService;
-    exports["ɵh"] = VideoPlayerComponent;
-    exports["ɵi"] = SafeHtmlPipe;
-    exports["ɵj"] = BotHtmlEditorComponent;
+    exports["ɵg"] = VideoPlayerComponent;
+    exports["ɵh"] = SafeHtmlPipe;
+    exports["ɵi"] = BotHtmlEditorComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });