@edvak99/voice-receptionist-widget 1.1.7 → 1.1.8

package/fesm2022/{edvak99-voice-receptionist-widget-live-calls-page.component-BDtAQSyF.mjs.map → edvak99-voice-receptionist-widget-live-calls-page.component-4LJuMn28.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-live-calls-page.component-BDtAQSyF.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/pages/live-calls-page/live-calls-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/live-calls-page/live-calls-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { LiveCall, Sentiment } from '../../models/ai-receptionist.types';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport {\n  ageFromDob,\n  callerMetaLine,\n  isUnknownCaller,\n} from '../../utils/call-history-display.util';\nimport { EdsAvatarComponent } from '../../ui/eds-avatar.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\n\n@Component({\n  selector: 'eds-live-calls-page',\n  imports: [EdsAvatarComponent, EdsIconComponent, EdsPulseDotComponent],\n  templateUrl: './live-calls-page.component.html',\n  styleUrl: './live-calls-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LiveCallsPageComponent implements OnInit, OnDestroy {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly liveCallsList = inject(LiveCallsListService);\n\n  protected readonly calls = this.liveCallsList.calls;\n  protected readonly loading = this.liveCallsList.loading;\n  protected readonly error = this.liveCallsList.error;\n\n  protected readonly emptyState = computed(() => {\n    if (this.calls().length > 0) return null;\n    return {\n      title: 'No active calls right now',\n      detail:\n        'When a patient calls your practice, their conversation will appear here for real-time monitoring.',\n      icon: 'phone_disabled',\n    };\n  });\n\n  ngOnInit(): void {\n    this.liveCallsList.start();\n  }\n\n  ngOnDestroy(): void {\n    this.liveCallsList.stop();\n  }\n\n  protected openMonitor(id: string): void {\n    void this.router.navigate(['../live', id], { relativeTo: this.route });\n  }\n\n  protected displayName(call: LiveCall): string {\n    return this.isUnknown(call) ? 'Unknown Caller' : call.name.trim();\n  }\n\n  protected displayMeta(call: LiveCall): string {\n    return callerMetaLine({\n      name: call.name,\n      matched: call.matched,\n      phone: call.phone,\n      dob: call.dob,\n      age: call.age ?? ageFromDob(call.dob),\n      gender: call.gender,\n    });\n  }\n\n  protected isUnknown(call: LiveCall): boolean {\n    return isUnknownCaller(call.name, call.matched);\n  }\n\n  protected sentimentLabel(sentiment: Sentiment | string | null | undefined): string {\n    const key = String(sentiment ?? 'neutral').toLowerCase();\n    switch (key) {\n      case 'calm':\n        return 'Calm';\n      case 'frustrated':\n        return 'Frustrated';\n      case 'urgent':\n        return 'Urgent';\n      case 'neutral':\n      default:\n        return 'Neutral';\n    }\n  }\n\n  protected avatarInitials(call: LiveCall): string {\n    return this.isUnknown(call) ? '?' : call.initials || '?';\n  }\n\n  protected avatarTone(call: LiveCall): 'gray' | 'brand' {\n    return this.isUnknown(call) ? 'gray' : 'brand';\n  }\n}\n","<div class=\"eds-page live-calls-page\">\n  <header class=\"mb-5 flex items-center justify-between\">\n    <div>\n      <h1 class=\"eds-h1\">Live Calls</h1>\n      <p class=\"eds-body-sm\">Monitor active conversations in real time</p>\n    </div>\n    <eds-pulse-dot />\n  </header>\n\n  @if (error()) {\n    <p class=\"eds-body-sm mb-3 text-sm text-red-600\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading live calls…</p>\n  } @else {\n    <div class=\"flex w-1/2 min-w-80 max-w-1/2 flex-col gap-3\">\n      @for (call of calls(); track call.id) {\n        <button\n          type=\"button\"\n          class=\"flex w-full cursor-pointer items-center gap-3 rounded-xl border border-zinc-200 bg-white px-4 py-4 text-left transition hover:border-slate-300 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2\"\n          (click)=\"openMonitor(call.id)\"\n        >\n          <eds-avatar\n            class=\"live-calls-page__avatar shrink-0\"\n            [initials]=\"avatarInitials(call)\"\n            [tone]=\"avatarTone(call)\"\n           />\n          <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n            <span class=\"text-sm font-bold text-zinc-700\">{{ displayName(call) }}</span>\n            <span class=\"text-xs text-zinc-600\">{{ displayMeta(call) }}</span>\n          </div>\n          <span\n            class=\"live-calls-page__sentiment shrink-0 text-xs font-semibold capitalize whitespace-nowrap text-zinc-600\"\n            [attr.data-sentiment]=\"call.sentiment\"\n          >\n            {{ sentimentLabel(call.sentiment) }}\n          </span>\n        </button>\n      } @empty {\n        @if (emptyState(); as state) {\n          <div class=\"eds-card flex flex-col items-center gap-2 px-6 py-12 text-center text-zinc-500 shadow-sm\" role=\"status\">\n            <eds-icon [name]=\"state.icon\" [size]=\"32\" />\n            <p class=\"eds-h2 mb-2 text-zinc-800\">{{ state.title }}</p>\n            <p class=\"eds-body-sm m-0 max-w-md\">{{ state.detail }}</p>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-live-calls-page.component-4LJuMn28.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/pages/live-calls-page/live-calls-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/live-calls-page/live-calls-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { LiveCall, Sentiment } from '../../models/ai-receptionist.types';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport {\n  ageFromDob,\n  callerMetaLine,\n  isUnknownCaller,\n} from '../../utils/call-history-display.util';\nimport { EdsAvatarComponent } from '../../ui/eds-avatar.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\n\n@Component({\n  selector: 'eds-live-calls-page',\n  imports: [EdsAvatarComponent, EdsIconComponent, EdsPulseDotComponent],\n  templateUrl: './live-calls-page.component.html',\n  styleUrl: './live-calls-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LiveCallsPageComponent implements OnInit, OnDestroy {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly liveCallsList = inject(LiveCallsListService);\n\n  protected readonly calls = this.liveCallsList.calls;\n  protected readonly loading = this.liveCallsList.loading;\n  protected readonly error = this.liveCallsList.error;\n\n  protected readonly emptyState = computed(() => {\n    if (this.calls().length > 0) return null;\n    return {\n      title: 'No active calls right now',\n      detail:\n        'When a patient calls your practice, their conversation will appear here for real-time monitoring.',\n      icon: 'phone_disabled',\n    };\n  });\n\n  ngOnInit(): void {\n    this.liveCallsList.start();\n  }\n\n  ngOnDestroy(): void {\n    this.liveCallsList.stop();\n  }\n\n  protected openMonitor(id: string): void {\n    void this.router.navigate(['../live', id], { relativeTo: this.route });\n  }\n\n  protected displayName(call: LiveCall): string {\n    return this.isUnknown(call) ? 'Unknown Caller' : call.name.trim();\n  }\n\n  protected displayMeta(call: LiveCall): string {\n    return callerMetaLine({\n      name: call.name,\n      matched: call.matched,\n      phone: call.phone,\n      dob: call.dob,\n      age: call.age ?? ageFromDob(call.dob),\n      gender: call.gender,\n    });\n  }\n\n  protected isUnknown(call: LiveCall): boolean {\n    return isUnknownCaller(call.name, call.matched);\n  }\n\n  protected sentimentLabel(sentiment: Sentiment | string | null | undefined): string {\n    const key = String(sentiment ?? 'neutral').toLowerCase();\n    switch (key) {\n      case 'calm':\n        return 'Calm';\n      case 'frustrated':\n        return 'Frustrated';\n      case 'urgent':\n        return 'Urgent';\n      case 'neutral':\n      default:\n        return 'Neutral';\n    }\n  }\n\n  protected avatarInitials(call: LiveCall): string {\n    return this.isUnknown(call) ? '?' : call.initials || '?';\n  }\n\n  protected avatarTone(call: LiveCall): 'gray' | 'brand' {\n    return this.isUnknown(call) ? 'gray' : 'brand';\n  }\n}\n","<div class=\"eds-page live-calls-page\">\n  <header class=\"mb-5 flex items-center justify-between\">\n    <div>\n      <h1 class=\"eds-h1\">Live Calls</h1>\n      <p class=\"eds-body-sm\">Monitor active conversations in real time</p>\n    </div>\n    <eds-pulse-dot />\n  </header>\n\n  @if (error()) {\n    <p class=\"eds-body-sm mb-3 text-sm text-red-600\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading live calls…</p>\n  } @else {\n    <div class=\"flex w-1/2 min-w-80 max-w-1/2 flex-col gap-3\">\n      @for (call of calls(); track call.id) {\n        <button\n          type=\"button\"\n          class=\"flex w-full cursor-pointer items-center gap-3 rounded-xl border border-zinc-200 bg-white px-4 py-4 text-left transition hover:border-slate-300 hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2\"\n          (click)=\"openMonitor(call.id)\"\n        >\n          <eds-avatar\n            class=\"live-calls-page__avatar shrink-0\"\n            [initials]=\"avatarInitials(call)\"\n            [tone]=\"avatarTone(call)\"\n           />\n          <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n            <span class=\"text-sm font-bold text-zinc-700\">{{ displayName(call) }}</span>\n            <span class=\"text-xs text-zinc-600\">{{ displayMeta(call) }}</span>\n          </div>\n          <span\n            class=\"live-calls-page__sentiment shrink-0 text-xs font-semibold capitalize whitespace-nowrap text-zinc-600\"\n            [attr.data-sentiment]=\"call.sentiment\"\n          >\n            {{ sentimentLabel(call.sentiment) }}\n          </span>\n        </button>\n      } @empty {\n        @if (emptyState(); as state) {\n          <div class=\"eds-card flex flex-col items-center gap-2 px-6 py-12 text-center text-zinc-500 shadow-sm\" role=\"status\">\n            <eds-icon [name]=\"state.icon\" [size]=\"32\" />\n            <p class=\"eds-h2 mb-2 text-zinc-800\">{{ state.title }}</p>\n            <p class=\"eds-body-sm m-0 max-w-md\">{{ state.detail }}</p>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-live-monitor-page.component-7e1HY6sB.mjs → edvak99-voice-receptionist-widget-live-monitor-page.component-CJ7N-Jq6.mjs}

@@ -6,9 +6,9 @@ import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { firstValueFrom } from 'rxjs';
 import { VOICE_RECEPTIONIST_CONFIG, EdsIconComponent, ToastService } from './edvak99-voice-receptionist-widget.mjs';
-import { e as resolveToolKey, f as resolveToolDisplayName, i as isUnknownCaller, A as AiReceptionistApiService, g as toolEventTrackKey, c as callerMetaLine, d as ageFromDob } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-DokIb-9r.mjs';
-import { D as DashboardSocketService } from './edvak99-voice-receptionist-widget-dashboard-socket.service-D2pelzu4.mjs';
-import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-Pla2UgeZ.mjs';
+import { e as resolveToolKey, f as resolveToolDisplayName, i as isUnknownCaller, A as AiReceptionistApiService, t as toolEventTrackKey, c as callerMetaLine, d as ageFromDob } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-CK6tM862.mjs';
+import { D as DashboardSocketService } from './edvak99-voice-receptionist-widget-dashboard-socket.service-BuFQz1lN.mjs';
+import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-Cy9DGRci.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';
@@ -1040,7 +1040,7 @@ class LiveMonitorPageComponent {
         });
     }
     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=\"../live\" 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            } @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                Rejoin Audio\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]=\"isTakeover() && !callEnded()\"\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-40 flex-col items-center justify-center gap-3 rounded-lg border border-zinc-200 bg-white px-4 py-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-12 w-12 items-center justify-center rounded-full\">\n              <eds-icon name=\"smart_toy\" [size]=\"22\" />\n            </span>\n            <span class=\"live-monitor-page__confidence max-w-full text-center text-xs 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      <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\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:48px;height:48px;top:calc(50% - 40px);left:50%;margin-left:-24px;border-radius:50%;border:2px 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 }); }
+    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=\"../live\" 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      <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\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,
@@ -1052,8 +1052,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         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=\"../live\" 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            } @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                Rejoin Audio\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]=\"isTakeover() && !callEnded()\"\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-40 flex-col items-center justify-center gap-3 rounded-lg border border-zinc-200 bg-white px-4 py-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-12 w-12 items-center justify-center rounded-full\">\n              <eds-icon name=\"smart_toy\" [size]=\"22\" />\n            </span>\n            <span class=\"live-monitor-page__confidence max-w-full text-center text-xs 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      <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\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:48px;height:48px;top:calc(50% - 40px);left:50%;margin-left:-24px;border-radius:50%;border:2px 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"] }]
+                    ], 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=\"../live\" 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      <p class=\"text-sm leading-snug text-zinc-500\">Call ended or not found.</p>\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-7e1HY6sB.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-live-monitor-page.component-CJ7N-Jq6.mjs.map