@edvak99/voice-receptionist-widget 1.1.13 → 1.1.15

package/fesm2022/edvak99-voice-receptionist-widget-live-monitor-page.component-ihwm1LNn.mjs

@@ -1,1057 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, Injectable, input, output, computed, effect, ViewChild, ChangeDetectionStrategy, Component, DestroyRef } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { ActivatedRoute, RouterLink } from '@angular/router';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { firstValueFrom } from 'rxjs';
-import { f as resolveToolKey, g as resolveToolDisplayName, D as DashboardSocketService, V as VOICE_RECEPTIONIST_CONFIG, i as isUnknownCaller, d as EdsIconComponent, A as AiReceptionistApiService, T as ToastService, t as toolEventTrackKey, c as callerMetaLine, e as ageFromDob } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs';
-import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-GVg1g-Vq.mjs';
-import { Track, Room, RoomEvent, ConnectionState } from 'livekit-client';
-import { E as EdsElapsedPipe } from './edvak99-voice-receptionist-widget-eds-elapsed.pipe-BFCiJOT3.mjs';
-import { E as EdsAvatarComponent } from './edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs';
-
-function mapChunkToLine(chunk) {
-    const at = Date.parse(chunk.timestamp);
-    return {
-        who: chunk.role === 'staff'
-            ? 'staff'
-            : chunk.role === 'system'
-                ? 'system'
-                : chunk.role === 'assistant'
-                    ? 'ai'
-                    : 'patient',
-        text: chunk.text,
-        at: Number.isFinite(at) ? at : Date.now(),
-    };
-}
-function formatEventTime(iso) {
-    return new Date(iso).toLocaleTimeString('en-US', {
-        hour: 'numeric',
-        minute: '2-digit',
-        second: '2-digit',
-        hour12: false,
-    });
-}
-function mapCallEventToTool(event) {
-    const p = event.payload;
-    const state = p['state'];
-    const rawName = String(p['name'] ?? event.eventType.replace(/^tool_/, ''));
-    const tech = String(p['tech'] ?? event.eventType);
-    const key = resolveToolKey(p['key'] != null ? String(p['key']) : undefined, rawName, tech);
-    return {
-        t: formatEventTime(event.occurredAt),
-        key,
-        name: resolveToolDisplayName(key, rawName),
-        tech,
-        result: String(p['result'] ?? ''),
-        state: state === 'ok' || state === 'warn' || state === 'error' || state === 'active'
-            ? state
-            : 'ok',
-    };
-}
-function mapLifecycleEventToTool(event) {
-    const p = event.payload;
-    return {
-        t: formatEventTime(event.occurredAt),
-        name: event.eventType.replace(/_/g, ' '),
-        tech: event.eventType,
-        result: String(p['detail'] ?? p['message'] ?? p['result'] ?? ''),
-        state: 'ok',
-    };
-}
-function isDuplicateTranscriptLine(lines, line) {
-    return lines.some((l) => l.who === line.who && l.text.trim() === line.text.trim());
-}
-
-/**
- * Live call stream over shared Socket.io (`/dashboard` namespace).
- * REST seeds transcript/tools once; socket delivers `new_chunk` + `call_event`.
- */
-class LiveTranscriptService {
-    constructor() {
-        this.socket = inject(DashboardSocketService);
-        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
-        this.lines = signal([]);
-        this.patientInterim = signal(null);
-        this.aiInterim = signal(null);
-        this.staffInterim = signal(null);
-        this.tools = signal([]);
-        this.connected = this.socket.connected;
-        this.error = signal(null);
-        this.callEnded = signal(false);
-        this.summaryRequested = signal(false);
-        this.activeCallId = null;
-        this.watching = false;
-        this.mockTimer = null;
-        this.mockIndex = 0;
-        this.chunkHandler = (chunk) => this.handleChunk(chunk);
-        this.eventHandler = (event) => this.handleCallEvent(event);
-        this.onSocketConnect = () => {
-            if (this.activeCallId) {
-                this.socket.emit('watch_call', { callId: this.activeCallId });
-            }
-        };
-    }
-    seed(transcript, toolEvents) {
-        this.lines.set(transcript.map((line) => ({ ...line })));
-        this.tools.set(toolEvents.map((tool) => ({ ...tool })));
-    }
-    watch(callId, live = true) {
-        const id = callId.trim();
-        if (!id || !live)
-            return;
-        const switchingCall = this.activeCallId !== id;
-        if (switchingCall) {
-            this.unsubscribeSocketEvents();
-            this.clearInterim();
-            this.callEnded.set(false);
-            this.summaryRequested.set(false);
-            this.activeCallId = id;
-        }
-        else if (this.watching) {
-            return;
-        }
-        if (this.config.useMockApi) {
-            this.watching = true;
-            this.startMockStream(id);
-            return;
-        }
-        if (!this.watching) {
-            this.socket.acquire();
-            this.socket.on('new_chunk', this.chunkHandler);
-            this.socket.on('call_event', this.eventHandler);
-            this.socket.onConnect(this.onSocketConnect);
-            this.watching = true;
-        }
-        if (this.socket.connected()) {
-            this.socket.emit('watch_call', { callId: id });
-        }
-    }
-    stop() {
-        this.activeCallId = null;
-        this.unsubscribeSocketEvents();
-        this.resetStreamState();
-    }
-    markCompleted() {
-        this.callEnded.set(true);
-        this.unsubscribeSocketEvents();
-        this.clearInterim();
-    }
-    unsubscribeSocketEvents() {
-        this.stopMockStream();
-        if (!this.watching)
-            return;
-        this.socket.off('new_chunk', this.chunkHandler);
-        this.socket.off('call_event', this.eventHandler);
-        this.socket.offConnect(this.onSocketConnect);
-        this.socket.release();
-        this.watching = false;
-    }
-    handleChunk(chunk) {
-        if (!chunk?.text?.trim())
-            return;
-        if (chunk.role === 'user') {
-            if (chunk.isFinal) {
-                this.patientInterim.set(null);
-                this.appendLineIfNew(mapChunkToLine(chunk));
-            }
-            else {
-                this.patientInterim.set(chunk.text);
-            }
-            return;
-        }
-        if (chunk.role === 'system') {
-            this.appendLineIfNew(mapChunkToLine(chunk));
-            return;
-        }
-        if (chunk.role === 'staff') {
-            if (chunk.isFinal) {
-                this.staffInterim.set(null);
-                this.appendLineIfNew(mapChunkToLine(chunk));
-            }
-            else {
-                this.staffInterim.set(chunk.text);
-            }
-            return;
-        }
-        if (chunk.isFinal) {
-            this.aiInterim.set(null);
-            this.appendLineIfNew(mapChunkToLine(chunk));
-        }
-        else {
-            this.aiInterim.set(chunk.text);
-        }
-    }
-    handleCallEvent(event) {
-        if (!event?.eventType)
-            return;
-        if (event.eventType.startsWith('tool_')) {
-            this.tools.update((prev) => [...prev, mapCallEventToTool(event)]);
-            return;
-        }
-        if (event.eventType === 'call_completed') {
-            this.markCompleted();
-            return;
-        }
-        if (event.eventType === 'summary_generated') {
-            this.summaryRequested.set(true);
-            return;
-        }
-        this.tools.update((prev) => [...prev, mapLifecycleEventToTool(event)]);
-    }
-    appendLineIfNew(line) {
-        this.lines.update((prev) => {
-            if (isDuplicateTranscriptLine(prev, line))
-                return prev;
-            return [...prev, line];
-        });
-    }
-    startMockStream(callId) {
-        this.stopMockStream();
-        this.mockIndex = 0;
-        const mockChunks = [
-            {
-                role: 'user',
-                text: 'Hi, I need to schedule an appointment.',
-                isFinal: false,
-                timestamp: new Date().toISOString(),
-            },
-            {
-                role: 'user',
-                text: 'Hi, I need to schedule an appointment.',
-                isFinal: true,
-                timestamp: new Date().toISOString(),
-            },
-            {
-                role: 'assistant',
-                text: 'Of course — I can help with that. Which provider would you prefer?',
-                isFinal: true,
-                timestamp: new Date().toISOString(),
-            },
-        ];
-        const mockEvents = [
-            {
-                eventType: 'tool_check_doctor_availability',
-                occurredAt: new Date().toISOString(),
-                payload: {
-                    key: 'check_doctor_availability',
-                    name: 'Checked Doctor Availability',
-                    tech: 'tool_check_doctor_availability',
-                    result: 'Found 3 available time slots',
-                    state: 'ok',
-                },
-            },
-        ];
-        this.mockTimer = setInterval(() => {
-            if (this.activeCallId !== callId) {
-                this.stopMockStream();
-                return;
-            }
-            if (this.mockIndex < mockChunks.length) {
-                this.handleChunk(mockChunks[this.mockIndex]);
-                this.mockIndex++;
-                return;
-            }
-            if (this.mockIndex === mockChunks.length) {
-                this.handleCallEvent(mockEvents[0]);
-                this.mockIndex++;
-            }
-        }, 1500);
-    }
-    stopMockStream() {
-        if (this.mockTimer) {
-            clearInterval(this.mockTimer);
-            this.mockTimer = null;
-        }
-    }
-    clearInterim() {
-        this.patientInterim.set(null);
-        this.aiInterim.set(null);
-        this.staffInterim.set(null);
-    }
-    resetStreamState() {
-        this.lines.set([]);
-        this.tools.set([]);
-        this.clearInterim();
-        this.error.set(null);
-        this.callEnded.set(false);
-        this.summaryRequested.set(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveTranscriptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveTranscriptService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveTranscriptService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class LiveTranscriptPanelComponent {
-    constructor() {
-        this.live = input(true);
-        this.paused = input(false);
-        this.humanTakeover = input(false);
-        this.showStaffInput = input(false);
-        this.staffMessage = input('');
-        /** Resolved patient display name from the live call. */
-        this.callerName = input(null);
-        /** Whether the caller was matched to a patient chart. */
-        this.callerMatched = input(false);
-        this.staffMessageChange = output();
-        this.sendMessage = output();
-        this.stream = inject(LiveTranscriptService);
-        this.lines = this.stream.lines;
-        this.patientInterim = this.stream.patientInterim;
-        this.aiInterim = this.stream.aiInterim;
-        this.staffInterim = this.stream.staffInterim;
-        this.connected = this.stream.connected;
-        this.error = this.stream.error;
-        this.callerLabel = computed(() => {
-            const name = this.callerName()?.trim() ?? '';
-            if (isUnknownCaller(name, this.callerMatched()))
-                return 'Unknown caller';
-            return name || 'Unknown caller';
-        });
-        this.shouldScroll = false;
-        effect(() => {
-            this.lines();
-            this.patientInterim();
-            this.aiInterim();
-            this.staffInterim();
-            this.requestScroll();
-        });
-    }
-    ngAfterViewChecked() {
-        if (this.shouldScroll && this.scrollHost) {
-            const el = this.scrollHost.nativeElement;
-            el.scrollTop = el.scrollHeight;
-            this.shouldScroll = false;
-        }
-    }
-    roleLabel(who) {
-        switch (who) {
-            case 'ai':
-                return 'Ava · AI';
-            case 'patient':
-                return this.callerLabel();
-            case 'staff':
-                return 'Staff';
-            default:
-                return 'System';
-        }
-    }
-    speakerIcon(who) {
-        switch (who) {
-            case 'ai':
-                return 'graphic_eq';
-            case 'staff':
-                return 'support_agent';
-            case 'patient':
-                return 'person';
-            default:
-                return 'info';
-        }
-    }
-    systemIcon(flag) {
-        if (flag === 'verify')
-            return 'verified_user';
-        if (flag === 'fail' || flag === 'escalate')
-            return 'bolt';
-        return 'info';
-    }
-    onStaffInput(value) {
-        this.staffMessageChange.emit(value);
-    }
-    onSend() {
-        this.sendMessage.emit();
-    }
-    requestScroll() {
-        this.shouldScroll = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveTranscriptPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: LiveTranscriptPanelComponent, isStandalone: true, selector: "eds-live-transcript-panel", inputs: { live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, paused: { classPropertyName: "paused", publicName: "paused", isSignal: true, isRequired: false, transformFunction: null }, humanTakeover: { classPropertyName: "humanTakeover", publicName: "humanTakeover", isSignal: true, isRequired: false, transformFunction: null }, showStaffInput: { classPropertyName: "showStaffInput", publicName: "showStaffInput", isSignal: true, isRequired: false, transformFunction: null }, staffMessage: { classPropertyName: "staffMessage", publicName: "staffMessage", isSignal: true, isRequired: false, transformFunction: null }, callerName: { classPropertyName: "callerName", publicName: "callerName", isSignal: true, isRequired: false, transformFunction: null }, callerMatched: { classPropertyName: "callerMatched", publicName: "callerMatched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { staffMessageChange: "staffMessageChange", sendMessage: "sendMessage" }, host: { classAttribute: "flex h-full min-h-0 flex-1 flex-col max-[900px]:h-auto max-[900px]:max-h-none max-[900px]:min-h-[360px]" }, viewQueries: [{ propertyName: "scrollHost", first: true, predicate: ["scrollHost"], descendants: true }], ngImport: i0, template: "<section class=\"flex h-full min-h-0 flex-1 flex-col rounded-xl border border-zinc-200 bg-white max-[900px]:h-auto max-[900px]:max-h-none max-[900px]:min-h-[360px]\" aria-labelledby=\"live-transcript-title\">\n  <header class=\"flex shrink-0 items-center justify-between gap-3 border-b border-zinc-200 px-4 py-4\">\n    <h2 id=\"live-transcript-title\" class=\"m-0 font-mono text-xs font-semibold uppercase tracking-wider text-zinc-500\">Live transcript</h2>\n  </header>\n\n  <div #scrollHost class=\"flex flex-1 flex-col gap-4 overflow-auto bg-zinc-50 p-4\" role=\"log\" aria-live=\"polite\">\n    @for (line of lines(); track $index) {\n      @if (line.who === 'system') {\n        <div\n          class=\"inline-flex max-w-[90%] items-center gap-2 self-center rounded-full border px-3 py-2 text-center text-xs font-medium eds-animate-fade-up\"\n          [class]=\"line.flag === 'verify' ? 'border-emerald-200 bg-emerald-50 text-emerald-700' : line.flag === 'fail' || line.flag === 'escalate' ? 'border-amber-200 bg-amber-50 text-amber-700' : 'border-zinc-200 bg-white text-zinc-600'\"\n        >\n          <eds-icon [name]=\"systemIcon(line.flag)\" [size]=\"14\" />\n          <span>{{ line.text }}</span>\n        </div>\n      } @else {\n        <article\n          class=\"flex max-w-[72%] gap-3 eds-animate-fade-up\"\n          [class]=\"line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end'\"\n        >\n          <div\n            class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n            [class]=\"line.who === 'ai' ? 'live-transcript-panel__avatar--ai text-white' : line.who === 'staff' ? 'border border-violet-200 bg-violet-50 text-violet-700' : 'bg-zinc-200 text-zinc-600'\"\n          >\n            <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n          </div>\n          <div\n            class=\"flex min-w-0 flex-col gap-1\"\n            [class]=\"line.who === 'patient' ? 'items-start' : 'items-end'\"\n          >\n            <span\n              class=\"font-mono text-xs font-semibold tracking-wide\"\n              [class]=\"line.who === 'ai' ? 'text-blue-600' : line.who === 'staff' ? 'text-violet-700' : 'text-zinc-400'\"\n            >{{ roleLabel(line.who) }}</span>\n            <div\n              class=\"px-4 py-2\"\n              [class]=\"line.who === 'patient' ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border border-zinc-200 bg-white' : line.who === 'staff' ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-violet-200 bg-violet-50' : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-blue-200 bg-blue-50'\"\n            >\n              <p class=\"m-0 text-sm leading-snug\" [class]=\"line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900'\">{{ line.text }}</p>\n            </div>\n          </div>\n        </article>\n      }\n    }\n\n    @if (patientInterim(); as interim) {\n      <article class=\"mr-auto flex max-w-[72%] gap-3 self-start eds-animate-fade-up\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-zinc-200 text-zinc-600\">\n          <eds-icon name=\"person\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-start gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-zinc-400\">{{ callerLabel() }} \u00B7 listening</span>\n          <div class=\"rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border border-zinc-200 bg-white px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-zinc-900\">{{ interim }}</p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (staffInterim(); as interim) {\n      <article class=\"ml-auto flex max-w-[72%] flex-row-reverse gap-3 self-end eds-animate-fade-up\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-violet-200 bg-violet-50 text-violet-700\">\n          <eds-icon name=\"support_agent\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-end gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-violet-700\">Staff \u00B7 speaking</span>\n          <div class=\"rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-violet-200 bg-violet-50 px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-violet-900\">{{ interim }}</p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (aiInterim(); as interim) {\n      <article class=\"ml-auto flex max-w-[72%] flex-row-reverse gap-3 self-end eds-animate-fade-up\">\n        <div class=\"live-transcript-panel__avatar--ai flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white\">\n          <eds-icon name=\"graphic_eq\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-end gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-blue-600\">Ava \u00B7 AI</span>\n          <div class=\"rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-blue-200 bg-blue-50 px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-zinc-900\">{{ interim }}<span class=\"live-transcript-panel__caret\" aria-hidden=\"true\"></span></p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (lines().length === 0 && !patientInterim() && !aiInterim() && !staffInterim()) {\n      <p class=\"m-0 px-3 py-8 text-center text-sm leading-snug text-zinc-500\">Waiting for conversation\u2026</p>\n    }\n  </div>\n\n  @if (showStaffInput()) {\n    <footer class=\"flex shrink-0 gap-2 border-t border-zinc-200 bg-white p-3\">\n      <input\n        type=\"text\"\n        class=\"h-9 flex-1 rounded-md border border-zinc-200 bg-white px-4 text-sm text-zinc-900 placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none\"\n        placeholder=\"Type to speak as staff\u2026\"\n        [ngModel]=\"staffMessage()\"\n        (ngModelChange)=\"onStaffInput($event)\"\n        (keyup.enter)=\"onSend()\"\n        autocomplete=\"off\"\n       />\n    </footer>\n  }\n</section>\n", styles: [".live-transcript-panel__avatar--ai{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.live-transcript-panel__caret{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:text-bottom;background:#3b82f6;animation:eds-caret 1s step-end infinite}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveTranscriptPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eds-live-transcript-panel', imports: [FormsModule, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'flex h-full min-h-0 flex-1 flex-col max-[900px]:h-auto max-[900px]:max-h-none max-[900px]:min-h-[360px]',
-                    }, template: "<section class=\"flex h-full min-h-0 flex-1 flex-col rounded-xl border border-zinc-200 bg-white max-[900px]:h-auto max-[900px]:max-h-none max-[900px]:min-h-[360px]\" aria-labelledby=\"live-transcript-title\">\n  <header class=\"flex shrink-0 items-center justify-between gap-3 border-b border-zinc-200 px-4 py-4\">\n    <h2 id=\"live-transcript-title\" class=\"m-0 font-mono text-xs font-semibold uppercase tracking-wider text-zinc-500\">Live transcript</h2>\n  </header>\n\n  <div #scrollHost class=\"flex flex-1 flex-col gap-4 overflow-auto bg-zinc-50 p-4\" role=\"log\" aria-live=\"polite\">\n    @for (line of lines(); track $index) {\n      @if (line.who === 'system') {\n        <div\n          class=\"inline-flex max-w-[90%] items-center gap-2 self-center rounded-full border px-3 py-2 text-center text-xs font-medium eds-animate-fade-up\"\n          [class]=\"line.flag === 'verify' ? 'border-emerald-200 bg-emerald-50 text-emerald-700' : line.flag === 'fail' || line.flag === 'escalate' ? 'border-amber-200 bg-amber-50 text-amber-700' : 'border-zinc-200 bg-white text-zinc-600'\"\n        >\n          <eds-icon [name]=\"systemIcon(line.flag)\" [size]=\"14\" />\n          <span>{{ line.text }}</span>\n        </div>\n      } @else {\n        <article\n          class=\"flex max-w-[72%] gap-3 eds-animate-fade-up\"\n          [class]=\"line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end'\"\n        >\n          <div\n            class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n            [class]=\"line.who === 'ai' ? 'live-transcript-panel__avatar--ai text-white' : line.who === 'staff' ? 'border border-violet-200 bg-violet-50 text-violet-700' : 'bg-zinc-200 text-zinc-600'\"\n          >\n            <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n          </div>\n          <div\n            class=\"flex min-w-0 flex-col gap-1\"\n            [class]=\"line.who === 'patient' ? 'items-start' : 'items-end'\"\n          >\n            <span\n              class=\"font-mono text-xs font-semibold tracking-wide\"\n              [class]=\"line.who === 'ai' ? 'text-blue-600' : line.who === 'staff' ? 'text-violet-700' : 'text-zinc-400'\"\n            >{{ roleLabel(line.who) }}</span>\n            <div\n              class=\"px-4 py-2\"\n              [class]=\"line.who === 'patient' ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border border-zinc-200 bg-white' : line.who === 'staff' ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-violet-200 bg-violet-50' : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-blue-200 bg-blue-50'\"\n            >\n              <p class=\"m-0 text-sm leading-snug\" [class]=\"line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900'\">{{ line.text }}</p>\n            </div>\n          </div>\n        </article>\n      }\n    }\n\n    @if (patientInterim(); as interim) {\n      <article class=\"mr-auto flex max-w-[72%] gap-3 self-start eds-animate-fade-up\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-zinc-200 text-zinc-600\">\n          <eds-icon name=\"person\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-start gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-zinc-400\">{{ callerLabel() }} \u00B7 listening</span>\n          <div class=\"rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border border-zinc-200 bg-white px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-zinc-900\">{{ interim }}</p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (staffInterim(); as interim) {\n      <article class=\"ml-auto flex max-w-[72%] flex-row-reverse gap-3 self-end eds-animate-fade-up\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-violet-200 bg-violet-50 text-violet-700\">\n          <eds-icon name=\"support_agent\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-end gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-violet-700\">Staff \u00B7 speaking</span>\n          <div class=\"rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-violet-200 bg-violet-50 px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-violet-900\">{{ interim }}</p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (aiInterim(); as interim) {\n      <article class=\"ml-auto flex max-w-[72%] flex-row-reverse gap-3 self-end eds-animate-fade-up\">\n        <div class=\"live-transcript-panel__avatar--ai flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white\">\n          <eds-icon name=\"graphic_eq\" [size]=\"16\" />\n        </div>\n        <div class=\"flex min-w-0 flex-col items-end gap-1\">\n          <span class=\"font-mono text-xs font-semibold tracking-wide text-blue-600\">Ava \u00B7 AI</span>\n          <div class=\"rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border border-blue-200 bg-blue-50 px-4 py-2 italic opacity-90\">\n            <p class=\"m-0 text-sm leading-snug text-zinc-900\">{{ interim }}<span class=\"live-transcript-panel__caret\" aria-hidden=\"true\"></span></p>\n          </div>\n        </div>\n      </article>\n    }\n\n    @if (lines().length === 0 && !patientInterim() && !aiInterim() && !staffInterim()) {\n      <p class=\"m-0 px-3 py-8 text-center text-sm leading-snug text-zinc-500\">Waiting for conversation\u2026</p>\n    }\n  </div>\n\n  @if (showStaffInput()) {\n    <footer class=\"flex shrink-0 gap-2 border-t border-zinc-200 bg-white p-3\">\n      <input\n        type=\"text\"\n        class=\"h-9 flex-1 rounded-md border border-zinc-200 bg-white px-4 text-sm text-zinc-900 placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none\"\n        placeholder=\"Type to speak as staff\u2026\"\n        [ngModel]=\"staffMessage()\"\n        (ngModelChange)=\"onStaffInput($event)\"\n        (keyup.enter)=\"onSend()\"\n        autocomplete=\"off\"\n       />\n    </footer>\n  }\n</section>\n", styles: [".live-transcript-panel__avatar--ai{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.live-transcript-panel__caret{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:text-bottom;background:#3b82f6;animation:eds-caret 1s step-end infinite}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { scrollHost: [{
-                type: ViewChild,
-                args: ['scrollHost']
-            }] } });
-
-const STAFF_IDENTITY_PREFIX = 'staff-';
-/**
- * Browser softphone for staff Listen / Take Over via LiveKit.
- * Secrets stay on the server — FE only uses short-lived clientToken + livekitUrl.
- *
- * Root-provided on purpose: the session must survive navigating away from the
- * Live Monitor page, otherwise switching dashboard tabs would drop the call.
- */
-class StaffMediaService {
-    constructor() {
-        this.connectionState = signal('idle');
-        this.mode = signal(null);
-        this.micEnabled = signal(false);
-        this.error = signal(null);
-        this.activeCallId = signal(null);
-        /** False when the browser blocks autoplay — UI should offer an "enable sound" action. */
-        this.audioPlaybackAllowed = signal(true);
-        /** True once remote caller audio is actually attached and playing. */
-        this.remoteAudioAttached = signal(false);
-        this.room = null;
-        this.audioContainer = null;
-        this.attached = new Map();
-        this.onTrackSubscribed = (track, publication, participant) => {
-            if (track.kind !== Track.Kind.Audio)
-                return;
-            // Never play another staff softphone back — that is a direct feedback loop
-            // where the person taking over hears their own voice.
-            if (this.isStaff(participant.identity)) {
-                try {
-                    publication.setSubscribed(false);
-                }
-                catch {
-                    /* server may already have unsubscribed */
-                }
-                return;
-            }
-            const container = this.ensureAudioContainer();
-            const element = track.attach();
-            element.autoplay = true;
-            element.setAttribute('playsinline', 'true');
-            element.volume = 1;
-            container.appendChild(element);
-            const key = publication.trackSid || track.sid || participant.identity;
-            this.attached.set(key, [...(this.attached.get(key) ?? []), element]);
-            this.remoteAudioAttached.set(true);
-            void element.play().catch(() => {
-                // Autoplay blocked — surfaced via the "Enable sound" action.
-                this.audioPlaybackAllowed.set(false);
-            });
-        };
-        this.onTrackUnsubscribed = (track, publication, participant) => {
-            if (track.kind !== Track.Kind.Audio)
-                return;
-            const key = publication.trackSid || track.sid || participant.identity;
-            this.detachKey(key, track);
-        };
-        this.onParticipantDisconnected = (participant) => {
-            for (const publication of participant.trackPublications.values()) {
-                const key = publication.trackSid;
-                if (key)
-                    this.detachKey(key);
-            }
-        };
-        /** Staff tracks are dropped server-side as soon as they appear. */
-        this.onTrackPublished = (publication, participant) => {
-            if (!this.isStaff(participant.identity))
-                return;
-            try {
-                publication.setSubscribed(false);
-            }
-            catch {
-                /* nothing to unsubscribe */
-            }
-        };
-    }
-    get isConnected() {
-        return this.connectionState() === 'connected';
-    }
-    /** True when a softphone session is live for this call, regardless of page. */
-    isConnectedTo(callId) {
-        return this.isConnected && this.activeCallId() === callId;
-    }
-    /**
-     * getUserMedia only exists in a secure context (https or localhost) and, inside an
-     * iframe, requires allow="microphone". Returns null when capture is possible.
-     */
-    microphoneBlockedReason() {
-        if (typeof navigator === 'undefined')
-            return 'Microphone is not available in this environment.';
-        if (!navigator.mediaDevices?.getUserMedia) {
-            const secure = typeof window !== 'undefined' && window.isSecureContext;
-            return secure
-                ? 'Microphone access is blocked by the browser. If the dashboard is embedded, the host page must allow microphone access.'
-                : 'Microphone access needs a secure connection. Open the dashboard over https (or localhost) to talk to callers.';
-        }
-        return null;
-    }
-    async join(join) {
-        if (join.provider && join.provider !== 'livekit') {
-            throw new Error(`Unsupported media provider: ${join.provider}`);
-        }
-        if (!join.livekitUrl || !join.clientToken) {
-            throw new Error('Missing LiveKit URL or client token from media/join');
-        }
-        if (join.mode === 'takeover') {
-            const blocked = this.microphoneBlockedReason();
-            if (blocked)
-                throw new Error(blocked);
-        }
-        await this.disconnect();
-        this.connectionState.set('connecting');
-        this.error.set(null);
-        this.mode.set(join.mode);
-        this.activeCallId.set(join.callId || null);
-        this.micEnabled.set(false);
-        const room = new Room({
-            adaptiveStream: true,
-            dynacast: true,
-            audioCaptureDefaults: {
-                echoCancellation: true,
-                noiseSuppression: true,
-                autoGainControl: true,
-            },
-        });
-        room.on(RoomEvent.Disconnected, () => {
-            if (this.room !== room)
-                return;
-            void this.cleanupLocal(false);
-            this.connectionState.set('idle');
-            this.mode.set(null);
-            this.activeCallId.set(null);
-            this.micEnabled.set(false);
-        });
-        room.on(RoomEvent.ConnectionStateChanged, (state) => {
-            if (this.room !== room)
-                return;
-            if (state === ConnectionState.Connected) {
-                this.connectionState.set('connected');
-            }
-            else if (state === ConnectionState.Connecting || state === ConnectionState.Reconnecting) {
-                this.connectionState.set('connecting');
-            }
-        });
-        room.on(RoomEvent.AudioPlaybackStatusChanged, () => {
-            if (this.room === room) {
-                this.audioPlaybackAllowed.set(room.canPlaybackAudio);
-            }
-        });
-        room.on(RoomEvent.TrackSubscribed, this.onTrackSubscribed);
-        room.on(RoomEvent.TrackUnsubscribed, this.onTrackUnsubscribed);
-        room.on(RoomEvent.ParticipantDisconnected, this.onParticipantDisconnected);
-        room.on(RoomEvent.TrackPublished, this.onTrackPublished);
-        try {
-            this.room = room;
-            this.ensureAudioContainer();
-            await room.connect(join.livekitUrl, join.clientToken);
-            // Publish mic only for takeover (listen stays receive-only).
-            if (join.mode === 'takeover') {
-                await this.enableMicrophone(true);
-            }
-            this.attachExistingRemoteTracks(room);
-            await this.startAudioPlayback();
-            this.connectionState.set('connected');
-        }
-        catch (err) {
-            const message = this.friendlyError(err);
-            this.error.set(message);
-            this.connectionState.set('error');
-            await this.cleanupLocal(true);
-            this.mode.set(null);
-            this.activeCallId.set(null);
-            throw new Error(message);
-        }
-    }
-    async setMicrophoneEnabled(enabled) {
-        if (!this.room || this.connectionState() !== 'connected')
-            return;
-        if (this.mode() !== 'takeover' && enabled) {
-            // Listen mode stays muted unless upgraded to takeover.
-            return;
-        }
-        await this.enableMicrophone(enabled);
-    }
-    async toggleMicrophone() {
-        await this.setMicrophoneEnabled(!this.micEnabled());
-    }
-    /** Retry blocked autoplay — must be called from a user gesture. */
-    async startAudioPlayback() {
-        const room = this.room;
-        if (!room)
-            return;
-        try {
-            await room.startAudio();
-            this.audioPlaybackAllowed.set(true);
-        }
-        catch {
-            this.audioPlaybackAllowed.set(room.canPlaybackAudio);
-        }
-        for (const elements of this.attached.values()) {
-            for (const el of elements) {
-                void el.play().catch(() => undefined);
-            }
-        }
-    }
-    async disconnect() {
-        if (!this.room && this.connectionState() === 'idle')
-            return;
-        this.connectionState.set('disconnecting');
-        await this.cleanupLocal(true);
-        this.connectionState.set('idle');
-        this.mode.set(null);
-        this.activeCallId.set(null);
-        this.micEnabled.set(false);
-        this.error.set(null);
-        this.audioPlaybackAllowed.set(true);
-    }
-    attachExistingRemoteTracks(room) {
-        for (const participant of room.remoteParticipants.values()) {
-            for (const publication of participant.trackPublications.values()) {
-                if (publication.track && publication.isSubscribed) {
-                    this.onTrackSubscribed(publication.track, publication, participant);
-                }
-            }
-        }
-    }
-    isStaff(identity) {
-        return !!identity && identity.startsWith(STAFF_IDENTITY_PREFIX);
-    }
-    detachKey(key, track) {
-        const elements = this.attached.get(key);
-        if (!elements)
-            return;
-        this.attached.delete(key);
-        for (const el of elements) {
-            try {
-                track?.detach(el);
-            }
-            catch {
-                /* already detached */
-            }
-            el.remove();
-        }
-        if (this.attached.size === 0)
-            this.remoteAudioAttached.set(false);
-    }
-    ensureAudioContainer() {
-        if (this.audioContainer?.isConnected)
-            return this.audioContainer;
-        const el = document.createElement('div');
-        el.dataset['edsStaffAudio'] = 'true';
-        el.style.position = 'fixed';
-        el.style.width = '0';
-        el.style.height = '0';
-        el.style.overflow = 'hidden';
-        document.body.appendChild(el);
-        this.audioContainer = el;
-        return el;
-    }
-    async enableMicrophone(enabled) {
-        const room = this.room;
-        if (!room)
-            return;
-        await room.localParticipant.setMicrophoneEnabled(enabled);
-        this.micEnabled.set(enabled);
-    }
-    friendlyError(err) {
-        const name = err?.name ?? '';
-        if (name === 'NotAllowedError' || name === 'SecurityError') {
-            return 'Microphone permission was denied. Allow microphone access and try again.';
-        }
-        if (name === 'NotFoundError' || name === 'OverconstrainedError') {
-            return 'No microphone was found on this device.';
-        }
-        if (name === 'NotReadableError' || name === 'TrackStartError') {
-            return 'Your microphone is in use by another app.';
-        }
-        const message = err instanceof Error ? err.message : '';
-        if (message.includes('getUserMedia')) {
-            return this.microphoneBlockedReason() ?? message;
-        }
-        return message || 'Failed to join the call audio.';
-    }
-    async cleanupLocal(disconnectRoom) {
-        const room = this.room;
-        this.room = null;
-        for (const key of [...this.attached.keys()]) {
-            this.detachKey(key);
-        }
-        this.remoteAudioAttached.set(false);
-        this.audioContainer?.remove();
-        this.audioContainer = null;
-        if (!room)
-            return;
-        try {
-            await room.localParticipant.setMicrophoneEnabled(false);
-        }
-        catch {
-            /* mic may never have been published */
-        }
-        try {
-            if (disconnectRoom) {
-                await room.disconnect(true);
-            }
-            room.removeAllListeners();
-        }
-        catch {
-            /* already gone */
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StaffMediaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StaffMediaService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StaffMediaService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class LiveMonitorPageComponent {
-    constructor() {
-        this.api = inject(AiReceptionistApiService);
-        this.route = inject(ActivatedRoute);
-        this.stream = inject(LiveTranscriptService);
-        this.staffMedia = inject(StaffMediaService);
-        this.socket = inject(DashboardSocketService);
-        this.toast = inject(ToastService);
-        this.destroyRef = inject(DestroyRef);
-        this.call = signal(null);
-        this.staffMessage = signal('');
-        this.loading = signal(true);
-        this.callId = signal('');
-        this.summary = signal(null);
-        this.summaryLoading = signal(false);
-        this.mediaBusy = signal(false);
-        this.liveTools = this.stream.tools;
-        this.callEnded = this.stream.callEnded;
-        this.mediaState = this.staffMedia.connectionState;
-        this.mediaMode = this.staffMedia.mode;
-        this.micEnabled = this.staffMedia.micEnabled;
-        this.audioPlaybackAllowed = this.staffMedia.audioPlaybackAllowed;
-        this.summaryLoaded = false;
-        this.staffJoined = false;
-        this.onControlChanged = (evt) => {
-            if (!evt?.callId || evt.callId !== this.callId())
-                return;
-            this.call.update((c) => {
-                if (!c)
-                    return c;
-                const handedOff = evt.aiHandedOff === true || c.aiHandedOff === true;
-                const controlMode = evt.controlMode ?? c.controlMode;
-                const next = {
-                    ...c,
-                    controlMode,
-                    aiPaused: typeof evt.aiPaused === 'boolean' ? evt.aiPaused : c.aiPaused,
-                    aiHandedOff: handedOff,
-                    assigned: evt.assigned !== undefined ? evt.assigned : c.assigned,
-                };
-                if (controlMode === 'takeover' || handedOff) {
-                    next.status = 'takeover';
-                }
-                else if (controlMode === 'ai' || controlMode === 'listen') {
-                    if (c.status === 'takeover')
-                        next.status = 'ai';
-                }
-                return next;
-            });
-        };
-        this.toolTrackKey = toolEventTrackKey;
-        effect(() => {
-            if (this.stream.callEnded()) {
-                void this.staffMedia.disconnect();
-                this.staffJoined = false;
-                this.loadCallMetadataOnce();
-            }
-        });
-        effect(() => {
-            if (this.stream.summaryRequested() && !this.summaryLoaded) {
-                this.loadPostCallSummary();
-            }
-        });
-    }
-    ngOnInit() {
-        this.socket.acquire();
-        this.socket.on('call_control_changed', this.onControlChanged);
-        this.route.paramMap.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((params) => {
-            const id = params.get('id') ?? '';
-            this.callId.set(id);
-            // The softphone lives in a root service, so a session started earlier is still
-            // running when this page is re-created.
-            this.staffJoined = this.staffMedia.isConnectedTo(id);
-            this.loading.set(true);
-            this.summary.set(null);
-            this.summaryLoaded = false;
-            this.stream.stop();
-            this.loadCallMetadata();
-        });
-    }
-    /**
-     * Leaving the page must never drop the caller. The LiveKit session is owned by the
-     * root StaffMediaService and keeps running until End Call or an explicit leave.
-     */
-    ngOnDestroy() {
-        this.socket.off('call_control_changed', this.onControlChanged);
-        this.socket.release();
-        this.stream.stop();
-    }
-    /** True when this page's call is the one the softphone is connected to. */
-    isMediaForThisCall() {
-        return this.staffMedia.activeCallId() === this.callId();
-    }
-    isTakeover() {
-        if (this.mediaMode() === 'takeover' && this.isMediaForThisCall())
-            return true;
-        const c = this.call();
-        if (!c)
-            return false;
-        if (c.aiHandedOff)
-            return true;
-        if (c.controlMode === 'listen')
-            return false;
-        return c.controlMode === 'takeover' || c.status === 'takeover' || !!c.assigned;
-    }
-    /** After takeover the AI is gone for good — no resume path is offered. */
-    isHandedOff() {
-        return this.call()?.aiHandedOff === true || this.isTakeover();
-    }
-    isPaused() {
-        const c = this.call();
-        return c?.controlMode === 'paused' || !!c?.aiPaused;
-    }
-    isLive() {
-        return !!this.call() && !this.callEnded();
-    }
-    confidenceLevel(confidence) {
-        if (confidence >= 70)
-            return 'high';
-        if (confidence < 50)
-            return 'low';
-        return 'mid';
-    }
-    sentimentPercent(sentiment) {
-        const map = {
-            calm: 85,
-            neutral: 60,
-            frustrated: 35,
-            urgent: 15,
-        };
-        return map[sentiment];
-    }
-    toolStateClass(state) {
-        return `live-monitor-page__tool--${state}`;
-    }
-    isUnknownCaller(call) {
-        return isUnknownCaller(call.name, call.matched);
-    }
-    displayName(call) {
-        return this.isUnknownCaller(call) ? 'Unknown Caller' : call.name.trim();
-    }
-    profileInitials(call) {
-        return this.isUnknownCaller(call) ? '?' : call.initials || '?';
-    }
-    profileMeta(call) {
-        return callerMetaLine({
-            name: call.name,
-            matched: call.matched,
-            phone: call.phone,
-            dob: call.dob,
-            age: call.age ?? ageFromDob(call.dob),
-            gender: call.gender,
-        });
-    }
-    goalBadge(call) {
-        const raw = (call.goal || call.reason || '').trim();
-        if (!raw)
-            return null;
-        return raw.replace(/[_-]+/g, ' ').toUpperCase();
-    }
-    takeover() {
-        void this.joinMedia('takeover');
-    }
-    toggleMic() {
-        void this.staffMedia.toggleMicrophone();
-    }
-    transfer() {
-        this.api.postTransfer(this.callId()).subscribe(() => this.refreshMetadata());
-    }
-    endCall() {
-        const id = this.callId();
-        void this.staffMedia.disconnect().then(() => {
-            this.staffJoined = false;
-            this.api.postEnd(id).subscribe(() => {
-                this.stream.markCompleted();
-                this.loadCallMetadataOnce();
-                this.loadPostCallSummary();
-            });
-        });
-    }
-    sendMessage() {
-        const text = this.staffMessage().trim();
-        if (!text)
-            return;
-        this.api.postMessage(this.callId(), text).subscribe(() => {
-            this.staffMessage.set('');
-            this.refreshMetadata();
-        });
-    }
-    enableSound() {
-        void this.staffMedia.startAudioPlayback();
-    }
-    async joinMedia(mode) {
-        if (this.mediaBusy() || this.callEnded())
-            return;
-        const id = this.callId();
-        if (!id)
-            return;
-        // Check the mic before joining so a blocked browser never leaves the AI paused.
-        if (mode === 'takeover' && !this.api.usesMockStreaming()) {
-            const blocked = this.staffMedia.microphoneBlockedReason();
-            if (blocked) {
-                this.toast.show(blocked, 'error', 6000);
-                return;
-            }
-        }
-        this.mediaBusy.set(true);
-        try {
-            const { data } = await firstValueFrom(this.api.postMediaJoin(id, mode));
-            this.applyJoinMetadata(data);
-            if (!this.api.usesMockStreaming()) {
-                await this.staffMedia.join(data);
-            }
-            this.staffJoined = true;
-            this.toast.show(mode === 'takeover' ? 'You are on the call' : 'Listening to the call', 'success');
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : `Failed to ${mode === 'takeover' ? 'take over' : 'listen'}`;
-            this.toast.show(message, 'error');
-            try {
-                await this.staffMedia.disconnect();
-                await firstValueFrom(this.api.postMediaLeave(id));
-            }
-            catch {
-                /* ignore cleanup errors */
-            }
-            this.staffJoined = false;
-        }
-        finally {
-            this.mediaBusy.set(false);
-        }
-    }
-    /**
-     * Disconnect LiveKit first, then tell the server to drop staff and restore AI.
-     * Only valid in listen mode — a taken-over call stays with the human.
-     * Does not hang up the patient.
-     */
-    async leaveMedia(notifyServer) {
-        const id = this.callId();
-        const wasJoined = this.staffJoined || this.staffMedia.isConnectedTo(id);
-        try {
-            await this.staffMedia.disconnect();
-        }
-        catch {
-            /* ignore */
-        }
-        this.staffJoined = false;
-        if (!notifyServer || !wasJoined || !id || this.callEnded())
-            return;
-        this.mediaBusy.set(true);
-        try {
-            await firstValueFrom(this.api.postResumeAi(id));
-            this.call.update((c) => c
-                ? {
-                    ...c,
-                    status: c.status === 'takeover' ? 'ai' : c.status,
-                    controlMode: 'ai',
-                    assigned: null,
-                    aiPaused: false,
-                }
-                : c);
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : 'Failed to resume AI';
-            this.toast.show(message, 'error');
-        }
-        finally {
-            this.mediaBusy.set(false);
-        }
-    }
-    applyJoinMetadata(data) {
-        this.call.update((c) => {
-            if (!c)
-                return c;
-            const controlMode = data.controlMode || data.mode;
-            return {
-                ...c,
-                controlMode,
-                aiPaused: typeof data.aiPaused === 'boolean' ? data.aiPaused : data.mode === 'takeover',
-                aiHandedOff: data.aiHandedOff === true || data.mode === 'takeover' || c.aiHandedOff === true,
-                assigned: data.assigned !== undefined && data.assigned !== null
-                    ? data.assigned
-                    : data.mode === 'takeover'
-                        ? c.assigned || 'You'
-                        : c.assigned,
-                status: data.mode === 'takeover' ? 'takeover' : c.status,
-            };
-        });
-    }
-    /** Initial load — seeds transcript/tools from REST, then starts socket. */
-    loadCallMetadata() {
-        const id = this.callId();
-        if (!id)
-            return;
-        this.api.getLiveCall(id).subscribe(({ data }) => {
-            this.call.set(data);
-            this.loading.set(false);
-            if (data) {
-                this.stream.seed(data.transcript, data.tools);
-                if (!this.callEnded()) {
-                    this.stream.watch(id, true);
-                }
-            }
-        });
-    }
-    /** Metadata-only refresh after staff actions — does not overwrite live transcript/tools. */
-    refreshMetadata() {
-        const id = this.callId();
-        if (!id)
-            return;
-        this.api.getLiveCall(id).subscribe(({ data }) => {
-            if (data)
-                this.call.set(data);
-        });
-    }
-    /** One-time metadata refresh after call ends (no socket). */
-    loadCallMetadataOnce() {
-        const id = this.callId();
-        if (!id)
-            return;
-        this.api.getLiveCall(id).subscribe(({ data }) => {
-            if (data) {
-                this.call.set(data);
-            }
-        });
-    }
-    loadPostCallSummary() {
-        const id = this.callId();
-        if (!id || this.summaryLoaded)
-            return;
-        this.summaryLoading.set(true);
-        this.api.getCallSummary(id).subscribe(({ data }) => {
-            this.summaryLoading.set(false);
-            this.summaryLoaded = true;
-            if (!data)
-                return;
-            this.summary.set(data.summary);
-            this.stream.seed(data.transcript, data.tools);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveMonitorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: LiveMonitorPageComponent, isStandalone: true, selector: "eds-live-monitor-page", ngImport: i0, template: "<div class=\"eds-page live-monitor-page box-border flex h-full min-h-0 flex-col overflow-hidden bg-zinc-100 p-5 text-zinc-900\">\n  @if (loading()) {\n    <p class=\"text-sm leading-snug text-zinc-500\">Loading call\u2026</p>\n  } @else {\n    @if (call(); as c) {\n    <header class=\"live-monitor-page__header mb-4 flex shrink-0 flex-wrap items-center gap-3\">\n      <a routerLink=\"..\" class=\"live-monitor-page__back inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-zinc-200 bg-white text-zinc-600 no-underline\" aria-label=\"Back to live calls\">\n        <eds-icon name=\"arrow_back\" [size]=\"19\" />\n      </a>\n\n      <div class=\"live-monitor-page__profile flex min-w-56 flex-1 items-center gap-3\">\n        <eds-avatar\n          class=\"live-monitor-page__avatar shrink-0\"\n          [initials]=\"profileInitials(c)\"\n          [tone]=\"isUnknownCaller(c) ? 'gray' : 'brand'\"\n         />\n\n        <div class=\"min-w-0\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <h1 class=\"m-0 text-lg font-bold leading-snug text-zinc-900\">{{ displayName(c) }}</h1>\n            @if (goalBadge(c); as badge) {\n              <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-blue-50 px-3 py-1 text-xs font-bold tracking-wide text-blue-700\">{{ badge }}</span>\n            }\n          </div>\n          <p class=\"mt-1 text-xs leading-snug text-zinc-500\">{{ profileMeta(c) }}</p>\n        </div>\n      </div>\n\n      <div class=\"live-monitor-page__header-actions ml-auto flex flex-wrap items-center gap-2\">\n        @if (!callEnded()) {\n          @if (mediaState() === 'connected' && isMediaForThisCall() && !audioPlaybackAllowed()) {\n            <button\n              type=\"button\"\n              class=\"live-monitor-page__header-btn live-monitor-page__header-btn--ghost inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-zinc-200 bg-white px-4 text-sm font-semibold text-zinc-700\"\n              (click)=\"enableSound()\"\n            >\n              <eds-icon name=\"volume_up\" [size]=\"18\" />\n              Enable sound\n            </button>\n          }\n          @if (isMediaForThisCall() && (mediaState() === 'connected' || mediaState() === 'connecting')) {\n            <span\n              class=\"live-monitor-page__media-pill inline-flex h-7 items-center rounded-full border border-zinc-200 bg-zinc-50 px-3 text-xs font-semibold tracking-wide text-zinc-600\"\n              [attr.data-mode]=\"mediaMode() || 'idle'\"\n              [attr.data-state]=\"mediaState()\"\n            >\n              @if (mediaState() === 'connecting') {\n                Connecting\u2026\n              } @else if (mediaMode() === 'takeover') {\n                {{ micEnabled() ? 'On call \u00B7 mic on' : 'On call \u00B7 mic off' }}\n              } @else {\n                Joined\n              }\n            </span>\n          }\n          <button\n            type=\"button\"\n            class=\"live-monitor-page__header-btn live-monitor-page__header-btn--danger inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-red-300 bg-white px-4 text-sm font-semibold text-red-600\"\n            [disabled]=\"mediaBusy()\"\n            (click)=\"endCall()\"\n          >\n            <eds-icon name=\"call_end\" [size]=\"18\" />\n            End Call\n          </button>\n          @if (isTakeover()) {\n            @if (mediaState() === 'connected' && isMediaForThisCall()) {\n              <button\n                type=\"button\"\n                class=\"live-monitor-page__header-btn live-monitor-page__header-btn--ghost inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-zinc-200 bg-white px-4 text-sm font-semibold text-zinc-700\"\n                (click)=\"toggleMic()\"\n              >\n                <eds-icon [name]=\"micEnabled() ? 'mic' : 'mic_off'\" [size]=\"18\" />\n                {{ micEnabled() ? 'Mute' : 'Unmute' }}\n              </button>\n            }\n          } @else {\n            <button\n              type=\"button\"\n              class=\"live-monitor-page__header-btn live-monitor-page__header-btn--primary inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-blue-600 bg-blue-600 px-4 text-sm font-semibold text-white\"\n              [disabled]=\"mediaBusy()\"\n              (click)=\"takeover()\"\n            >\n              <eds-icon name=\"phone_in_talk\" [size]=\"18\" />\n              Take Over\n            </button>\n          }\n        } @else {\n          <span class=\"inline-flex items-center gap-2 text-lg font-bold font-mono text-zinc-900\">\n            <span class=\"h-2 w-2 rounded-full bg-green-500 ring-4 ring-green-500/15\" aria-hidden=\"true\"></span>\n            {{ c.started | edsElapsed }}\n          </span>\n        }\n      </div>\n    </header>\n\n    @if (callEnded()) {\n      <div class=\"mb-4 flex items-center gap-2 rounded-lg bg-green-50 px-4 py-3 text-sm leading-snug text-green-700\" role=\"status\">\n        <eds-icon name=\"check_circle\" [size]=\"18\" />\n        Call ended\n      </div>\n    }\n\n    <div class=\"live-monitor-page__grid min-h-0 flex-1\">\n      <div class=\"live-monitor-page__main flex h-full min-h-0 flex-col gap-4\">\n        <eds-live-transcript-panel\n          [live]=\"isLive()\"\n          [paused]=\"isPaused()\"\n          [humanTakeover]=\"isTakeover()\"\n          [showStaffInput]=\"false\"\n          [staffMessage]=\"staffMessage()\"\n          [callerName]=\"c.name\"\n          [callerMatched]=\"c.matched\"\n          (staffMessageChange)=\"staffMessage.set($event)\"\n          (sendMessage)=\"sendMessage()\"\n        />\n\n        @if (callEnded()) {\n          <section class=\"live-monitor-page__post-call flex flex-col gap-4\">\n            <div class=\"rounded-lg border border-zinc-200 bg-white p-4 text-sm leading-normal text-zinc-600\">\n              <h2 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Call summary</h2>\n              @if (summaryLoading()) {\n                <p class=\"m-0 text-zinc-500\">Generating summary\u2026</p>\n              } @else if (summary()) {\n                <p>{{ summary() }}</p>\n              } @else {\n                <p class=\"m-0 text-zinc-500\">Summary will appear when processing completes.</p>\n              }\n            </div>\n            <eds-call-recording-player [callId]=\"callId()\" />\n          </section>\n        }\n      </div>\n\n      <aside class=\"live-monitor-page__sidebar flex h-full min-h-0 flex-col gap-3 overflow-auto\">\n        @if (!callEnded()) {\n          <div class=\"live-monitor-page__orb-wrap relative flex w-full min-h-0 flex-col items-center justify-center gap-1.5 rounded-lg border border-zinc-200 bg-white px-3 py-2.5\" [attr.data-mode]=\"c.status === 'transferring' ? 'transfer' : 'ai'\">\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--1\"></span>\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--2\"></span>\n            <span class=\"live-monitor-page__orb relative z-[1] flex h-8 w-8 items-center justify-center rounded-full\">\n              <eds-icon name=\"smart_toy\" [size]=\"16\" />\n            </span>\n            <span class=\"live-monitor-page__confidence max-w-full text-center text-[11px] font-medium font-mono leading-snug text-zinc-500\" [attr.data-level]=\"confidenceLevel(c.confidence)\">\n              AI confidence {{ c.confidence }}%\n            </span>\n          </div>\n\n          <section class=\"rounded-lg border border-zinc-200 bg-white p-4\">\n            <h3 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Patient sentiment</h3>\n            <div class=\"mb-2 h-[5px] overflow-hidden rounded-sm bg-zinc-200\">\n              <span\n                class=\"live-monitor-page__sentiment-fill block h-full rounded-sm bg-green-500\"\n                [style.width.%]=\"sentimentPercent(c.sentiment)\"\n                [attr.data-sentiment]=\"c.sentiment\"\n              ></span>\n            </div>\n            <span class=\"text-xs font-medium font-mono capitalize leading-snug text-zinc-500\">{{ c.sentiment }}</span>\n          </section>\n        }\n\n        <section class=\"live-monitor-page__sidebar-block flex min-h-0 flex-1 flex-col rounded-lg border border-zinc-200 bg-white p-4\">\n          <h3 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Goal Timeline</h3>\n          <p class=\"mb-3 m-0 text-sm leading-snug text-zinc-600\">{{ c.goal || '\u2014' }}</p>\n          <ul class=\"live-monitor-page__tools flex min-h-0 flex-1 flex-col gap-2 overflow-auto\">\n            @for (tool of liveTools(); track toolTrackKey(tool, $index)) {\n              <li [class]=\"toolStateClass(tool.state)\">\n                <span class=\"whitespace-nowrap text-xs font-medium font-mono leading-snug text-zinc-400\">{{ tool.t }}</span>\n                <div class=\"flex min-w-0 flex-col gap-1\">\n                  <span class=\"break-words text-sm font-semibold leading-snug text-zinc-900\">{{ tool.name }}</span>\n                  <span class=\"break-words text-xs leading-snug text-zinc-500\">{{ tool.result }}</span>\n                </div>\n                @if (tool.state === 'active') {\n                  <eds-icon name=\"sync\" [size]=\"14\" class=\"live-monitor-page__tool-spin col-span-full justify-self-end\" />\n                }\n              </li>\n            } @empty {\n              <li class=\"live-monitor-page__tools-empty text-xs leading-snug text-zinc-500\">No tool activity yet.</li>\n            }\n          </ul>\n        </section>\n      </aside>\n    </div>\n    } @else {\n      <div class=\"flex flex-col items-start gap-3\">\n        <a routerLink=\"..\" class=\"live-monitor-page__back inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-zinc-200 bg-white text-zinc-600 no-underline\" aria-label=\"Back to live calls\">\n          <eds-icon name=\"arrow_back\" [size]=\"19\" />\n        </a>\n        <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{display:block;height:calc(100vh - var(--eds-topbar-height, 0px));box-sizing:border-box}.live-monitor-page{box-sizing:border-box;color:var(--eds-text-primary, #18181b);background:var(--eds-surface-l1, #f4f4f5)}.live-monitor-page__back:hover{background:var(--eds-surface-l1, #f4f4f5)}.live-monitor-page__avatar ::ng-deep .eds-avatar{width:44px;height:44px;border-radius:10px;font-size:14px}.live-monitor-page__avatar ::ng-deep .eds-avatar[data-tone=brand]{background:#fef3c7;color:#92400e}.live-monitor-page__header-btn:disabled{opacity:.55;cursor:not-allowed}.live-monitor-page__header-btn--danger:hover:not(:disabled){background:#fef2f2}.live-monitor-page__header-btn--primary:hover:not(:disabled){background:#1d4ed8}.live-monitor-page__header-btn--ghost:hover:not(:disabled){background:var(--eds-bg-subtle, #f7f9fa)}.live-monitor-page__media-pill[data-mode=takeover][data-state=connected]{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.live-monitor-page__media-pill[data-mode=listen][data-state=connected]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.live-monitor-page__duration--footer{margin-left:auto;font-size:16px}.live-monitor-page__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:var(--eds-space-4);align-items:stretch}.live-monitor-page__orb{color:#fff;background:linear-gradient(135deg,var(--eds-brand-500),var(--eds-violet-500));animation:eds-breathe 3s ease-in-out infinite}.live-monitor-page__ring{position:absolute;width:36px;height:36px;top:calc(50% - 28px);left:50%;margin-left:-18px;border-radius:50%;border:1.5px solid var(--eds-brand-400);animation:eds-ring 2s ease-out infinite}.live-monitor-page__ring--2{animation-delay:1s}.live-monitor-page__orb-wrap[data-mode=transfer] .live-monitor-page__orb{background:linear-gradient(135deg,var(--eds-amber-400),var(--eds-violet-500))}.live-monitor-page__confidence[data-level=high]{color:#047857}.live-monitor-page__confidence[data-level=low]{color:#b45309}.live-monitor-page__sentiment-fill{transition:width .3s ease}.live-monitor-page__sentiment-fill[data-sentiment=frustrated],.live-monitor-page__sentiment-fill[data-sentiment=urgent]{background:var(--eds-red-500, #ef4444)}.live-monitor-page__sentiment-fill[data-sentiment=neutral]{background:var(--eds-amber-400, #f59e0b)}.live-monitor-page__tools{list-style:none;margin:0;padding:0}.live-monitor-page__tools li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px 10px;border-radius:var(--eds-radius-md);background:var(--eds-surface-l1, #f4f4f5);border-left:2px solid var(--eds-border-default, #d4d4d8)}.live-monitor-page__tool-spin{animation:eds-spin 1s linear infinite;color:var(--eds-brand-500)}.live-monitor-page__tool--ok{border-left-color:var(--eds-green-500, #22c55e)}.live-monitor-page__tool--warn{border-left-color:var(--eds-amber-400, #f59e0b)}.live-monitor-page__tool--error{border-left-color:var(--eds-red-500, #ef4444)}.live-monitor-page__tool--active{border-left-color:var(--eds-brand-500)}.live-monitor-page__tools-empty{border-left:none!important;background:transparent!important;padding:4px 0!important}@media(max-width:960px){:host{height:auto;min-height:calc(100vh - var(--eds-topbar-height, 0px))}.live-monitor-page{height:auto;overflow:visible}.live-monitor-page__grid{grid-template-columns:1fr}.live-monitor-page__sidebar{width:100%;max-width:none;height:auto}.live-monitor-page__orb-wrap{width:100%}.live-monitor-page__header-actions{width:100%;margin-left:0}}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "shape", "gradient"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "pipe", type: EdsElapsedPipe, name: "edsElapsed" }, { kind: "component", type: LiveTranscriptPanelComponent, selector: "eds-live-transcript-panel", inputs: ["live", "paused", "humanTakeover", "showStaffInput", "staffMessage", "callerName", "callerMatched"], outputs: ["staffMessageChange", "sendMessage"] }, { kind: "component", type: CallRecordingPlayerComponent, selector: "eds-call-recording-player", inputs: ["callId"], outputs: ["currentTimeChange", "durationChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveMonitorPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eds-live-monitor-page', imports: [
-                        RouterLink,
-                        FormsModule,
-                        EdsAvatarComponent,
-                        EdsIconComponent,
-                        EdsElapsedPipe,
-                        LiveTranscriptPanelComponent,
-                        CallRecordingPlayerComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page live-monitor-page box-border flex h-full min-h-0 flex-col overflow-hidden bg-zinc-100 p-5 text-zinc-900\">\n  @if (loading()) {\n    <p class=\"text-sm leading-snug text-zinc-500\">Loading call\u2026</p>\n  } @else {\n    @if (call(); as c) {\n    <header class=\"live-monitor-page__header mb-4 flex shrink-0 flex-wrap items-center gap-3\">\n      <a routerLink=\"..\" class=\"live-monitor-page__back inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-zinc-200 bg-white text-zinc-600 no-underline\" aria-label=\"Back to live calls\">\n        <eds-icon name=\"arrow_back\" [size]=\"19\" />\n      </a>\n\n      <div class=\"live-monitor-page__profile flex min-w-56 flex-1 items-center gap-3\">\n        <eds-avatar\n          class=\"live-monitor-page__avatar shrink-0\"\n          [initials]=\"profileInitials(c)\"\n          [tone]=\"isUnknownCaller(c) ? 'gray' : 'brand'\"\n         />\n\n        <div class=\"min-w-0\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <h1 class=\"m-0 text-lg font-bold leading-snug text-zinc-900\">{{ displayName(c) }}</h1>\n            @if (goalBadge(c); as badge) {\n              <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-blue-50 px-3 py-1 text-xs font-bold tracking-wide text-blue-700\">{{ badge }}</span>\n            }\n          </div>\n          <p class=\"mt-1 text-xs leading-snug text-zinc-500\">{{ profileMeta(c) }}</p>\n        </div>\n      </div>\n\n      <div class=\"live-monitor-page__header-actions ml-auto flex flex-wrap items-center gap-2\">\n        @if (!callEnded()) {\n          @if (mediaState() === 'connected' && isMediaForThisCall() && !audioPlaybackAllowed()) {\n            <button\n              type=\"button\"\n              class=\"live-monitor-page__header-btn live-monitor-page__header-btn--ghost inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-zinc-200 bg-white px-4 text-sm font-semibold text-zinc-700\"\n              (click)=\"enableSound()\"\n            >\n              <eds-icon name=\"volume_up\" [size]=\"18\" />\n              Enable sound\n            </button>\n          }\n          @if (isMediaForThisCall() && (mediaState() === 'connected' || mediaState() === 'connecting')) {\n            <span\n              class=\"live-monitor-page__media-pill inline-flex h-7 items-center rounded-full border border-zinc-200 bg-zinc-50 px-3 text-xs font-semibold tracking-wide text-zinc-600\"\n              [attr.data-mode]=\"mediaMode() || 'idle'\"\n              [attr.data-state]=\"mediaState()\"\n            >\n              @if (mediaState() === 'connecting') {\n                Connecting\u2026\n              } @else if (mediaMode() === 'takeover') {\n                {{ micEnabled() ? 'On call \u00B7 mic on' : 'On call \u00B7 mic off' }}\n              } @else {\n                Joined\n              }\n            </span>\n          }\n          <button\n            type=\"button\"\n            class=\"live-monitor-page__header-btn live-monitor-page__header-btn--danger inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-red-300 bg-white px-4 text-sm font-semibold text-red-600\"\n            [disabled]=\"mediaBusy()\"\n            (click)=\"endCall()\"\n          >\n            <eds-icon name=\"call_end\" [size]=\"18\" />\n            End Call\n          </button>\n          @if (isTakeover()) {\n            @if (mediaState() === 'connected' && isMediaForThisCall()) {\n              <button\n                type=\"button\"\n                class=\"live-monitor-page__header-btn live-monitor-page__header-btn--ghost inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-zinc-200 bg-white px-4 text-sm font-semibold text-zinc-700\"\n                (click)=\"toggleMic()\"\n              >\n                <eds-icon [name]=\"micEnabled() ? 'mic' : 'mic_off'\" [size]=\"18\" />\n                {{ micEnabled() ? 'Mute' : 'Unmute' }}\n              </button>\n            }\n          } @else {\n            <button\n              type=\"button\"\n              class=\"live-monitor-page__header-btn live-monitor-page__header-btn--primary inline-flex h-9 cursor-pointer items-center gap-2 whitespace-nowrap rounded-md border border-blue-600 bg-blue-600 px-4 text-sm font-semibold text-white\"\n              [disabled]=\"mediaBusy()\"\n              (click)=\"takeover()\"\n            >\n              <eds-icon name=\"phone_in_talk\" [size]=\"18\" />\n              Take Over\n            </button>\n          }\n        } @else {\n          <span class=\"inline-flex items-center gap-2 text-lg font-bold font-mono text-zinc-900\">\n            <span class=\"h-2 w-2 rounded-full bg-green-500 ring-4 ring-green-500/15\" aria-hidden=\"true\"></span>\n            {{ c.started | edsElapsed }}\n          </span>\n        }\n      </div>\n    </header>\n\n    @if (callEnded()) {\n      <div class=\"mb-4 flex items-center gap-2 rounded-lg bg-green-50 px-4 py-3 text-sm leading-snug text-green-700\" role=\"status\">\n        <eds-icon name=\"check_circle\" [size]=\"18\" />\n        Call ended\n      </div>\n    }\n\n    <div class=\"live-monitor-page__grid min-h-0 flex-1\">\n      <div class=\"live-monitor-page__main flex h-full min-h-0 flex-col gap-4\">\n        <eds-live-transcript-panel\n          [live]=\"isLive()\"\n          [paused]=\"isPaused()\"\n          [humanTakeover]=\"isTakeover()\"\n          [showStaffInput]=\"false\"\n          [staffMessage]=\"staffMessage()\"\n          [callerName]=\"c.name\"\n          [callerMatched]=\"c.matched\"\n          (staffMessageChange)=\"staffMessage.set($event)\"\n          (sendMessage)=\"sendMessage()\"\n        />\n\n        @if (callEnded()) {\n          <section class=\"live-monitor-page__post-call flex flex-col gap-4\">\n            <div class=\"rounded-lg border border-zinc-200 bg-white p-4 text-sm leading-normal text-zinc-600\">\n              <h2 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Call summary</h2>\n              @if (summaryLoading()) {\n                <p class=\"m-0 text-zinc-500\">Generating summary\u2026</p>\n              } @else if (summary()) {\n                <p>{{ summary() }}</p>\n              } @else {\n                <p class=\"m-0 text-zinc-500\">Summary will appear when processing completes.</p>\n              }\n            </div>\n            <eds-call-recording-player [callId]=\"callId()\" />\n          </section>\n        }\n      </div>\n\n      <aside class=\"live-monitor-page__sidebar flex h-full min-h-0 flex-col gap-3 overflow-auto\">\n        @if (!callEnded()) {\n          <div class=\"live-monitor-page__orb-wrap relative flex w-full min-h-0 flex-col items-center justify-center gap-1.5 rounded-lg border border-zinc-200 bg-white px-3 py-2.5\" [attr.data-mode]=\"c.status === 'transferring' ? 'transfer' : 'ai'\">\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--1\"></span>\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--2\"></span>\n            <span class=\"live-monitor-page__orb relative z-[1] flex h-8 w-8 items-center justify-center rounded-full\">\n              <eds-icon name=\"smart_toy\" [size]=\"16\" />\n            </span>\n            <span class=\"live-monitor-page__confidence max-w-full text-center text-[11px] font-medium font-mono leading-snug text-zinc-500\" [attr.data-level]=\"confidenceLevel(c.confidence)\">\n              AI confidence {{ c.confidence }}%\n            </span>\n          </div>\n\n          <section class=\"rounded-lg border border-zinc-200 bg-white p-4\">\n            <h3 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Patient sentiment</h3>\n            <div class=\"mb-2 h-[5px] overflow-hidden rounded-sm bg-zinc-200\">\n              <span\n                class=\"live-monitor-page__sentiment-fill block h-full rounded-sm bg-green-500\"\n                [style.width.%]=\"sentimentPercent(c.sentiment)\"\n                [attr.data-sentiment]=\"c.sentiment\"\n              ></span>\n            </div>\n            <span class=\"text-xs font-medium font-mono capitalize leading-snug text-zinc-500\">{{ c.sentiment }}</span>\n          </section>\n        }\n\n        <section class=\"live-monitor-page__sidebar-block flex min-h-0 flex-1 flex-col rounded-lg border border-zinc-200 bg-white p-4\">\n          <h3 class=\"mb-3 m-0 text-sm font-semibold text-zinc-600\">Goal Timeline</h3>\n          <p class=\"mb-3 m-0 text-sm leading-snug text-zinc-600\">{{ c.goal || '\u2014' }}</p>\n          <ul class=\"live-monitor-page__tools flex min-h-0 flex-1 flex-col gap-2 overflow-auto\">\n            @for (tool of liveTools(); track toolTrackKey(tool, $index)) {\n              <li [class]=\"toolStateClass(tool.state)\">\n                <span class=\"whitespace-nowrap text-xs font-medium font-mono leading-snug text-zinc-400\">{{ tool.t }}</span>\n                <div class=\"flex min-w-0 flex-col gap-1\">\n                  <span class=\"break-words text-sm font-semibold leading-snug text-zinc-900\">{{ tool.name }}</span>\n                  <span class=\"break-words text-xs leading-snug text-zinc-500\">{{ tool.result }}</span>\n                </div>\n                @if (tool.state === 'active') {\n                  <eds-icon name=\"sync\" [size]=\"14\" class=\"live-monitor-page__tool-spin col-span-full justify-self-end\" />\n                }\n              </li>\n            } @empty {\n              <li class=\"live-monitor-page__tools-empty text-xs leading-snug text-zinc-500\">No tool activity yet.</li>\n            }\n          </ul>\n        </section>\n      </aside>\n    </div>\n    } @else {\n      <div class=\"flex flex-col items-start gap-3\">\n        <a routerLink=\"..\" class=\"live-monitor-page__back inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-zinc-200 bg-white text-zinc-600 no-underline\" aria-label=\"Back to live calls\">\n          <eds-icon name=\"arrow_back\" [size]=\"19\" />\n        </a>\n        <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{display:block;height:calc(100vh - var(--eds-topbar-height, 0px));box-sizing:border-box}.live-monitor-page{box-sizing:border-box;color:var(--eds-text-primary, #18181b);background:var(--eds-surface-l1, #f4f4f5)}.live-monitor-page__back:hover{background:var(--eds-surface-l1, #f4f4f5)}.live-monitor-page__avatar ::ng-deep .eds-avatar{width:44px;height:44px;border-radius:10px;font-size:14px}.live-monitor-page__avatar ::ng-deep .eds-avatar[data-tone=brand]{background:#fef3c7;color:#92400e}.live-monitor-page__header-btn:disabled{opacity:.55;cursor:not-allowed}.live-monitor-page__header-btn--danger:hover:not(:disabled){background:#fef2f2}.live-monitor-page__header-btn--primary:hover:not(:disabled){background:#1d4ed8}.live-monitor-page__header-btn--ghost:hover:not(:disabled){background:var(--eds-bg-subtle, #f7f9fa)}.live-monitor-page__media-pill[data-mode=takeover][data-state=connected]{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.live-monitor-page__media-pill[data-mode=listen][data-state=connected]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.live-monitor-page__duration--footer{margin-left:auto;font-size:16px}.live-monitor-page__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:var(--eds-space-4);align-items:stretch}.live-monitor-page__orb{color:#fff;background:linear-gradient(135deg,var(--eds-brand-500),var(--eds-violet-500));animation:eds-breathe 3s ease-in-out infinite}.live-monitor-page__ring{position:absolute;width:36px;height:36px;top:calc(50% - 28px);left:50%;margin-left:-18px;border-radius:50%;border:1.5px solid var(--eds-brand-400);animation:eds-ring 2s ease-out infinite}.live-monitor-page__ring--2{animation-delay:1s}.live-monitor-page__orb-wrap[data-mode=transfer] .live-monitor-page__orb{background:linear-gradient(135deg,var(--eds-amber-400),var(--eds-violet-500))}.live-monitor-page__confidence[data-level=high]{color:#047857}.live-monitor-page__confidence[data-level=low]{color:#b45309}.live-monitor-page__sentiment-fill{transition:width .3s ease}.live-monitor-page__sentiment-fill[data-sentiment=frustrated],.live-monitor-page__sentiment-fill[data-sentiment=urgent]{background:var(--eds-red-500, #ef4444)}.live-monitor-page__sentiment-fill[data-sentiment=neutral]{background:var(--eds-amber-400, #f59e0b)}.live-monitor-page__tools{list-style:none;margin:0;padding:0}.live-monitor-page__tools li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px 10px;border-radius:var(--eds-radius-md);background:var(--eds-surface-l1, #f4f4f5);border-left:2px solid var(--eds-border-default, #d4d4d8)}.live-monitor-page__tool-spin{animation:eds-spin 1s linear infinite;color:var(--eds-brand-500)}.live-monitor-page__tool--ok{border-left-color:var(--eds-green-500, #22c55e)}.live-monitor-page__tool--warn{border-left-color:var(--eds-amber-400, #f59e0b)}.live-monitor-page__tool--error{border-left-color:var(--eds-red-500, #ef4444)}.live-monitor-page__tool--active{border-left-color:var(--eds-brand-500)}.live-monitor-page__tools-empty{border-left:none!important;background:transparent!important;padding:4px 0!important}@media(max-width:960px){:host{height:auto;min-height:calc(100vh - var(--eds-topbar-height, 0px))}.live-monitor-page{height:auto;overflow:visible}.live-monitor-page__grid{grid-template-columns:1fr}.live-monitor-page__sidebar{width:100%;max-width:none;height:auto}.live-monitor-page__orb-wrap{width:100%}.live-monitor-page__header-actions{width:100%;margin-left:0}}\n"] }]
-        }], ctorParameters: () => [] });
-
-export { LiveMonitorPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-live-monitor-page.component-ihwm1LNn.mjs.map