@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

package/fesm2022/edvak99-voice-receptionist-widget-live-calls-page.component-B4Co4hwp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-live-calls-page.component-B4Co4hwp.mjs","sources":["../../../src/lib/components/outbound-dial-modal/outbound-dial-modal.component.ts","../../../src/lib/components/outbound-dial-modal/outbound-dial-modal.component.html","../../../src/lib/pages/live-calls-page/live-calls-page.component.ts","../../../src/lib/pages/live-calls-page/live-calls-page.component.html"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  inject,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { Subject, debounceTime, distinctUntilChanged, switchMap, of, catchError } from 'rxjs';\n\nimport {\n  OutboundAppointmentHit,\n  OutboundPatientHit,\n  toE164Phone,\n} from '../../models/outbound-patient.types';\nimport { OutboundPurpose } from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport {\n  formatOpeningDate,\n  formatOpeningTime,\n  isCustomScriptRequired,\n  isPurposeFormValid,\n  purposeShowsCustomScript,\n  renderLiveOpeningPreview,\n  requiredFieldLabel,\n} from '../../utils/outbound-purpose.util';\nimport { EdsSearchFieldComponent } from '../../ui/eds-search-field.component';\nimport { ModalComponent } from '../../shared/modal.component';\nimport { ToastService } from '../../shared/toast.service';\n\nconst E164_PATTERN = /^\\+[1-9]\\d{6,14}$/;\n\n@Component({\n  selector: 'eds-outbound-dial-modal',\n  imports: [FormsModule, ModalComponent, EdsSearchFieldComponent, DatePipe],\n  templateUrl: './outbound-dial-modal.component.html',\n  styleUrl: './outbound-dial-modal.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OutboundDialModalComponent implements OnChanges {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly toast = inject(ToastService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  @Input() open = false;\n  @Output() readonly closed = new EventEmitter<void>();\n  @Output() readonly dialed = new EventEmitter<void>();\n\n  protected readonly purposes = signal<OutboundPurpose[]>([]);\n  protected readonly loading = signal(true);\n  protected readonly submitting = signal(false);\n  protected readonly serverError = signal<string | null>(null);\n\n  protected readonly patientHits = signal<OutboundPatientHit[]>([]);\n  protected readonly searchingPatients = signal(false);\n  protected readonly selectedPatient = signal<OutboundPatientHit | null>(null);\n  protected readonly appointments = signal<OutboundAppointmentHit[]>([]);\n  protected readonly loadingAppointments = signal(false);\n  protected readonly selectedAppointmentId = signal<string | null>(null);\n  protected readonly showManualEntry = signal(false);\n  protected readonly practiceName = signal('');\n  /** Bumps OnPush re-render when plain ngModel fields change. */\n  protected readonly formEpoch = signal(0);\n\n  protected readonly patientQuery = signal('');\n  protected phone = '';\n  protected name = '';\n  protected purposeId = '';\n  protected appointmentDate = '';\n  protected appointmentTime = '';\n  protected providerName = '';\n  protected customScript = '';\n\n  protected requiredFieldLabel = requiredFieldLabel;\n\n  private readonly search$ = new Subject<string>();\n\n  constructor() {\n    this.search$\n      .pipe(\n        debounceTime(280),\n        distinctUntilChanged(),\n        switchMap((q) => {\n          const query = q.trim();\n          if (query.length < 2) {\n            this.searchingPatients.set(false);\n            this.patientHits.set([]);\n            return of([] as OutboundPatientHit[]);\n          }\n          this.searchingPatients.set(true);\n          return this.api.searchPatientsForOutbound(query, 10).pipe(\n            catchError(() => of([] as OutboundPatientHit[])),\n          );\n        }),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe((hits) => {\n        this.searchingPatients.set(false);\n        if (!this.selectedPatient()) {\n          this.patientHits.set(hits);\n        }\n      });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['open']?.currentValue) {\n      this.resetForm();\n      this.loadPurposes();\n      this.loadPracticeName();\n    }\n  }\n\n  protected get selectedPurpose(): OutboundPurpose | null {\n    return this.purposes().find((p) => p.purposeId === this.purposeId) ?? null;\n  }\n\n  protected get selectedAppointment(): OutboundAppointmentHit | null {\n    const id = this.selectedAppointmentId();\n    if (!id) return null;\n    return this.appointments().find((a) => a.appointmentId === id) ?? null;\n  }\n\n  protected get previewText(): string {\n    this.formEpoch(); // depend for CD when form fields change\n    const p = this.selectedPurpose;\n    if (!p) return '—';\n    const appt = this.selectedAppointment;\n    const dateSource = appt?.startTime || this.appointmentDate;\n    const timeSource = appt?.startTime || this.appointmentTime;\n    return renderLiveOpeningPreview(p, {\n      patientName: this.name.trim() || this.selectedPatient()?.fullName || '',\n      appointmentDate: formatOpeningDate(dateSource),\n      appointmentTime: formatOpeningTime(this.appointmentTime || timeSource, appt?.startTime),\n      providerName: this.providerName.trim() || appt?.providerName || '',\n      practiceName: this.practiceName(),\n      locationName: appt?.locationName || '',\n      visitType: appt?.visitType || '',\n      customScript: this.customScript.trim(),\n    });\n  }\n\n  protected showsField(field: 'appointmentDate' | 'appointmentTime' | 'providerName'): boolean {\n    return this.selectedPurpose?.requiredFields.includes(field) ?? false;\n  }\n\n  protected showsCustomScript(): boolean {\n    const p = this.selectedPurpose;\n    return p ? purposeShowsCustomScript(p) : false;\n  }\n\n  protected customScriptRequired(): boolean {\n    const p = this.selectedPurpose;\n    return p ? isCustomScriptRequired(p) : false;\n  }\n\n  protected canPlaceCall(): boolean {\n    if (!E164_PATTERN.test(this.phone.trim())) return false;\n    return isPurposeFormValid(this.selectedPurpose, {\n      phone: this.phone,\n      name: this.name,\n      appointmentDate: this.appointmentDate,\n      appointmentTime: this.appointmentTime,\n      providerName: this.providerName,\n      customScript: this.customScript,\n    });\n  }\n\n  protected touchForm(): void {\n    this.formEpoch.update((n) => n + 1);\n  }\n\n  protected onPatientQueryChange(value: string): void {\n    this.patientQuery.set(value);\n    if (this.selectedPatient()) return;\n    this.search$.next(value);\n  }\n\n  protected selectPatient(patient: OutboundPatientHit): void {\n    this.selectedPatient.set(patient);\n    this.patientHits.set([]);\n    this.patientQuery.set(patient.fullName);\n    this.name = patient.fullName;\n    this.phone = toE164Phone(patient.phone) || '';\n    this.showManualEntry.set(!this.phone);\n    this.selectedAppointmentId.set(null);\n    this.clearApptDerivedFields();\n    this.touchForm();\n    this.loadAppointments(patient.patientId);\n  }\n\n  protected clearPatient(): void {\n    this.selectedPatient.set(null);\n    this.patientQuery.set('');\n    this.patientHits.set([]);\n    this.appointments.set([]);\n    this.selectedAppointmentId.set(null);\n    this.name = '';\n    this.phone = '';\n    this.clearApptDerivedFields();\n    this.touchForm();\n  }\n\n  protected selectAppointment(appt: OutboundAppointmentHit | null): void {\n    this.selectedAppointmentId.set(appt?.appointmentId ?? null);\n    if (!appt) {\n      this.clearApptDerivedFields();\n      this.touchForm();\n      return;\n    }\n    this.applyAppointmentFields(appt);\n    this.preferAppointmentPurpose();\n    this.touchForm();\n  }\n\n  protected onPurposeChange(): void {\n    const appt = this.selectedAppointment;\n    if (appt) {\n      this.applyAppointmentFields(appt);\n    } else {\n      this.clearApptDerivedFields();\n    }\n    this.customScript = '';\n    this.serverError.set(null);\n    this.touchForm();\n  }\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected submit(): void {\n    this.serverError.set(null);\n    if (!this.canPlaceCall() || !this.selectedPurpose) return;\n\n    this.submitting.set(true);\n    const patient = this.selectedPatient();\n    const apptId = this.selectedAppointmentId();\n    const body = {\n      phone: this.phone.trim(),\n      name: this.name.trim(),\n      purpose: this.purposeId,\n      ...(this.appointmentDate ? { appointmentDate: this.appointmentDate } : {}),\n      ...(this.appointmentTime ? { appointmentTime: this.appointmentTime } : {}),\n      ...(this.providerName ? { providerName: this.providerName.trim() } : {}),\n      ...(this.customScript ? { customScript: this.customScript.trim() } : {}),\n      ...(patient?.patientId ? { patientId: patient.patientId } : {}),\n      ...(apptId ? { appointmentId: apptId } : {}),\n    };\n\n    this.api.placeOutboundCall(body).subscribe({\n      next: (res) => {\n        this.submitting.set(false);\n        const msg = res.message ?? 'Outbound call started.';\n        this.toast.show(msg, 'success', 5000);\n        this.dialed.emit();\n        this.close();\n      },\n      error: (err: { message?: string }) => {\n        this.submitting.set(false);\n        const msg = err?.message ?? 'Failed to place outbound call.';\n        this.serverError.set(msg);\n        this.toast.show(msg, 'error', 5000);\n      },\n    });\n  }\n\n  private preferAppointmentPurpose(): void {\n    const current = this.selectedPurpose;\n    const needsAppt =\n      !!current &&\n      (current.requiredFields.includes('appointmentDate') ||\n        current.requiredFields.includes('appointmentTime'));\n    if (needsAppt) return;\n\n    const confirm =\n      this.purposes().find(\n        (p) =>\n          p.isActive &&\n          p.requiredFields.includes('appointmentDate') &&\n          p.requiredFields.includes('appointmentTime'),\n      ) ??\n      this.purposes().find((p) => p.isActive && /confirm/i.test(p.label + p.purposeId));\n\n    if (confirm) {\n      this.purposeId = confirm.purposeId;\n    }\n  }\n\n  private applyAppointmentFields(appt: OutboundAppointmentHit): void {\n    const start = appt.startTime ? new Date(appt.startTime) : null;\n    if (start && !Number.isNaN(start.getTime())) {\n      const y = start.getFullYear();\n      const m = String(start.getMonth() + 1).padStart(2, '0');\n      const d = String(start.getDate()).padStart(2, '0');\n      const hh = String(start.getHours()).padStart(2, '0');\n      const mm = String(start.getMinutes()).padStart(2, '0');\n      this.appointmentDate = `${y}-${m}-${d}`;\n      this.appointmentTime = `${hh}:${mm}`;\n    }\n    if (appt.providerName) {\n      this.providerName = appt.providerName;\n    }\n  }\n\n  private clearApptDerivedFields(): void {\n    this.appointmentDate = '';\n    this.appointmentTime = '';\n    this.providerName = '';\n  }\n\n  private loadAppointments(patientId: string): void {\n    this.loadingAppointments.set(true);\n    this.appointments.set([]);\n    this.api.listPatientAppointmentsForOutbound(patientId, 20).subscribe({\n      next: (rows) => {\n        this.appointments.set(rows);\n        this.loadingAppointments.set(false);\n        if (rows.length === 1) {\n          this.selectAppointment(rows[0]);\n        }\n      },\n      error: () => {\n        this.loadingAppointments.set(false);\n        this.appointments.set([]);\n      },\n    });\n  }\n\n  private loadPracticeName(): void {\n    this.api.getSettings().subscribe({\n      next: ({ data }) => {\n        const name = String(data.general?.['practiceName'] ?? '').trim();\n        this.practiceName.set(name || 'our office');\n      },\n      error: () => this.practiceName.set('our office'),\n    });\n  }\n\n  private resetForm(): void {\n    this.patientQuery.set('');\n    this.phone = '';\n    this.name = '';\n    this.purposeId = '';\n    this.appointmentDate = '';\n    this.appointmentTime = '';\n    this.providerName = '';\n    this.customScript = '';\n    this.patientHits.set([]);\n    this.selectedPatient.set(null);\n    this.appointments.set([]);\n    this.selectedAppointmentId.set(null);\n    this.searchingPatients.set(false);\n    this.loadingAppointments.set(false);\n    this.showManualEntry.set(false);\n    this.serverError.set(null);\n    this.submitting.set(false);\n    this.formEpoch.set(0);\n  }\n\n  private loadPurposes(): void {\n    this.loading.set(true);\n    this.api.getOutboundPurposes(false).subscribe({\n      next: ({ purposes }) => {\n        this.purposes.set(purposes);\n        if (purposes.length && !this.purposeId) {\n          this.purposeId = purposes[0].purposeId;\n        }\n        this.loading.set(false);\n      },\n      error: () => {\n        this.loading.set(false);\n        this.serverError.set('Failed to load outbound purposes.');\n      },\n    });\n  }\n}\n","@if (open) {\n  <app-modal\n    title=\"Outbound call\"\n    subtitle=\"Search a patient, pick an appointment, then dial\"\n    maxWidth=\"600px\"\n    (closed)=\"close()\"\n  >\n    @if (loading()) {\n      <p class=\"fs-sm text-light\">Loading purposes…</p>\n    } @else {\n      <form class=\"flex flex-col gap-3\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\n        <div class=\"mb-sm dial-form__field dial-form__typeahead relative\">\n          <label>Patient<span required>*</span></label>\n\n          @if (selectedPatient(); as patient) {\n            <div class=\"flex items-center justify-between gap-3 rounded-lg border border-base bg-lighter px-3 py-3\">\n              <div class=\"flex min-w-0 flex-col gap-1\">\n                <strong>{{ patient.fullName }}</strong>\n                <span class=\"dial-form__chip-meta text-xs\">\n                  @if (patient.phone) {\n                    {{ patient.phone }}\n                  }\n                  @if (patient.dob) {\n                    · DOB {{ patient.dob }}\n                  }\n                </span>\n              </div>\n              <button type=\"button\" class=\"dial-form__chip-clear shrink-0 cursor-pointer border-none bg-transparent p-1 text-[13px] font-[inherit]\" (click)=\"clearPatient()\">\n                Change\n              </button>\n            </div>\n          } @else {\n            <eds-search-field\n              inputClass=\"form-input\"\n              [value]=\"patientQuery()\"\n              (valueChange)=\"onPatientQueryChange($event)\"\n              placeholder=\"Search by name or phone\"\n            />\n            @if (searchingPatients()) {\n              <span class=\"dial-form__hint text-xs\">Searching…</span>\n            }\n            @if (patientHits().length) {\n              <ul class=\"dial-form__hits absolute left-0 right-0 top-[calc(100%+4px)] z-[5] max-h-[220px] overflow-hidden overflow-y-auto rounded-lg border\" role=\"listbox\">\n                @for (hit of patientHits(); track hit.patientId) {\n                  <li>\n                    <button\n                      type=\"button\"\n                      class=\"dial-form__hit flex w-full cursor-pointer flex-col items-start gap-1 border-none border-b px-3 py-3 text-left font-[inherit] last:border-b-0\"\n                      role=\"option\"\n                      (click)=\"selectPatient(hit)\"\n                    >\n                      <span class=\"font-semibold\">{{ hit.fullName }}</span>\n                      <span class=\"dial-form__hit-meta text-xs\">\n                        {{ hit.phone || 'No phone' }}\n                        @if (hit.dob) {\n                          · {{ hit.dob }}\n                        }\n                      </span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n          }\n        </div>\n\n        @if (selectedPatient()) {\n          <div class=\"mb-sm\">\n            <label>Appointment</label>\n            @if (loadingAppointments()) {\n              <span class=\"dial-form__hint text-xs\">Loading appointments…</span>\n            } @else if (!appointments().length) {\n              <span class=\"dial-form__hint text-xs\">No upcoming appointments — dial without one, or enter details below.</span>\n            } @else {\n              <ul class=\"max-h-[220px] overflow-hidden overflow-y-auto rounded-lg border\">\n                <li>\n                  <label class=\"dial-form__appt flex cursor-pointer items-start gap-3 border-b px-3 py-3 last:border-b-0\">\n                    <input\n                      type=\"radio\"\n                      name=\"appointmentId\"\n                      [checked]=\"!selectedAppointmentId()\"\n                      (change)=\"selectAppointment(null)\"\n                      autocomplete=\"off\"\n                     />\n                    <span>No appointment (purpose-only)</span>\n                  </label>\n                </li>\n                @for (appt of appointments(); track appt.appointmentId) {\n                  <li>\n                    <label class=\"dial-form__appt flex cursor-pointer items-start gap-3 border-b px-3 py-3 last:border-b-0\">\n                      <input\n                        type=\"radio\"\n                        name=\"appointmentId\"\n                        [checked]=\"selectedAppointmentId() === appt.appointmentId\"\n                        (change)=\"selectAppointment(appt)\"\n                        autocomplete=\"off\"\n                       />\n                      <span class=\"flex flex-col gap-1\">\n                        <strong>\n                          {{ appt.startTime ? (appt.startTime | date: 'medium') : 'TBD' }}\n                        </strong>\n                        <span class=\"dial-form__hit-meta text-xs\">\n                          {{ appt.providerName || 'Provider TBD' }}\n                          @if (appt.locationName) {\n                            · {{ appt.locationName }}\n                          }\n                          @if (appt.visitType) {\n                            · {{ appt.visitType }}\n                          }\n                          @if (appt.status) {\n                            · {{ appt.status }}\n                          }\n                        </span>\n                      </span>\n                    </label>\n                  </li>\n                }\n              </ul>\n            }\n          </div>\n        }\n\n        <button\n          type=\"button\"\n          class=\"dial-form__toggle self-start cursor-pointer border-none bg-transparent p-0 text-[13px] font-[inherit]\"\n          (click)=\"showManualEntry.set(!showManualEntry())\"\n        >\n          {{ showManualEntry() ? 'Hide' : 'Show' }} phone / name\n          @if (!selectedPatient()) {\n            (required if no patient selected)\n          }\n        </button>\n\n        @if (showManualEntry() || !selectedPatient()) {\n          <div class=\"mb-sm\">\n            <label>Phone<span required>*</span></label>\n            <input\n              class=\"form-input\"\n              type=\"tel\"\n              [(ngModel)]=\"phone\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"phone\"\n              placeholder=\"+14155550100\"\n              autocomplete=\"off\"\n              required\n            />\n            <span class=\"dial-form__hint text-xs\">E.164 format, e.g. +14155550100</span>\n          </div>\n\n          <div class=\"mb-sm\">\n            <label>Patient name<span required>*</span></label>\n            <input\n              class=\"form-input\"\n              type=\"text\"\n              [(ngModel)]=\"name\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"name\"\n              placeholder=\"Maria Garcia\"\n              required\n              autocomplete=\"off\"\n            />\n          </div>\n        }\n\n        <div class=\"mb-sm\">\n          <label>Purpose<span required>*</span></label>\n          <select\n            class=\"form-select\"\n            [(ngModel)]=\"purposeId\"\n            name=\"purposeId\"\n            (ngModelChange)=\"onPurposeChange()\"\n            required\n            autocomplete=\"off\"\n          >\n            @for (p of purposes(); track p.purposeId) {\n              <option [value]=\"p.purposeId\">{{ p.label }}</option>\n            }\n          </select>\n        </div>\n\n        @if (showsField('appointmentDate') && !selectedAppointmentId()) {\n          <div class=\"mb-sm\">\n            <label>{{ requiredFieldLabel('appointmentDate') }}<span required>*</span></label>\n            <input\n              class=\"form-input\"\n              type=\"date\"\n              [(ngModel)]=\"appointmentDate\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"appointmentDate\"\n              placeholder=\"Appointment Date\"\n              required\n              autocomplete=\"off\"\n            />\n          </div>\n        }\n\n        @if (showsField('appointmentTime') && !selectedAppointmentId()) {\n          <div class=\"mb-sm\">\n            <label>{{ requiredFieldLabel('appointmentTime') }}<span required>*</span></label>\n            <input\n              class=\"form-input\"\n              type=\"time\"\n              [(ngModel)]=\"appointmentTime\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"appointmentTime\"\n              required\n              autocomplete=\"off\"\n            />\n          </div>\n        }\n\n        @if (showsField('providerName') && !selectedAppointmentId()) {\n          <div class=\"mb-sm\">\n            <label>{{ requiredFieldLabel('providerName') }}<span required>*</span></label>\n            <input\n              class=\"form-input\"\n              type=\"text\"\n              [(ngModel)]=\"providerName\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"providerName\"\n              placeholder=\"Dr. Patel\"\n              required\n              autocomplete=\"off\"\n            />\n          </div>\n        }\n\n        @if (selectedAppointmentId() && (showsField('appointmentDate') || showsField('appointmentTime') || showsField('providerName'))) {\n          <p class=\"dial-form__hint text-xs\">\n            Date, time, and provider are taken from the selected appointment\n            @if (appointmentDate || appointmentTime || providerName) {\n              ({{ appointmentDate }}\n              @if (appointmentTime) {\n                {{ appointmentTime }}\n              }\n              @if (providerName) {\n                · {{ providerName }}\n              })\n            }.\n          </p>\n        }\n\n        @if (showsCustomScript()) {\n          <div class=\"mb-sm\">\n            <label>\n              Custom script\n              @if (customScriptRequired()) {\n                <span required>*</span>\n              }\n            </label>\n            <textarea\n              class=\"form-textarea\"\n              rows=\"4\"\n              [(ngModel)]=\"customScript\"\n              (ngModelChange)=\"touchForm()\"\n              name=\"customScript\"\n              [required]=\"customScriptRequired()\"\n              placeholder=\"What should the agent say or do?\"\n              autocomplete=\"off\"\n            ></textarea>\n          </div>\n        }\n\n        <section class=\"dial-form__preview rounded-lg border border-base bg-white rounded-lg p-3 shadow-sm\">\n          <h3 class=\"fs-sm font-semibold text-light\">Opening preview</h3>\n          <p class=\"dial-form__preview-text mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\n          @if (selectedAppointmentId()) {\n            <p class=\"dial-form__hint text-xs\">\n              Filled from the selected appointment and purpose template. Switch purpose to change the script.\n            </p>\n          } @else {\n            <p class=\"dial-form__hint text-xs\">\n              Select an appointment to fill date, time, and provider into this message.\n            </p>\n          }\n        </section>\n\n        @if (serverError()) {\n          <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ serverError() }}</p>\n        }\n\n        <footer class=\"mt-1 flex justify-end gap-2\">\n          <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"close()\" [disabled]=\"submitting()\">\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" [disabled]=\"submitting() || !canPlaceCall()\">\n            {{ submitting() ? 'Dialing…' : 'Place call' }}\n          </button>\n        </footer>\n      </form>\n    }\n  </app-modal>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { CallStatus, 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 { OutboundDialModalComponent } from '../../components/outbound-dial-modal/outbound-dial-modal.component';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\ninterface LiveCallRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'warm' | 'violet' | 'rose' | 'green';\n  metaLine: string;\n  sentiment: Sentiment;\n  sentimentLabel: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  goal: string;\n  statusSubtitle: string;\n  handlingLabel: string;\n  handlingVariant: 'opened' | 'danger' | 'primary';\n  needsAssistance: boolean;\n  started: number;\n}\n\n@Component({\n  selector: 'eds-live-calls-page',\n  imports: [\n    EdAvatarComponent,\n    IconComponent,\n    EdsPulseDotComponent,\n    EdsElapsedPipe,\n    OutboundDialModalComponent,\n  ],\n  templateUrl: './live-calls-page.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LiveCallsPageComponent {\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 outboundOpen = signal(false);\n\n  protected readonly callRows = computed(() => this.calls().map((call) => this.toRow(call)));\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_callback',\n    };\n  });\n\n  protected openMonitor(id: string): void {\n    void this.router.navigate([id], { relativeTo: this.route.parent ?? this.route });\n  }\n\n  protected openOutbound(): void {\n    this.outboundOpen.set(true);\n  }\n\n  protected closeOutbound(): void {\n    this.outboundOpen.set(false);\n  }\n\n  protected openTestCall(): void {\n    void this.router.navigate(['../settings'], { relativeTo: this.route.parent ?? this.route });\n  }\n\n  private toRow(call: LiveCall): LiveCallRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    const needsAssistance = this.isAssistanceStatus(call.status);\n    const staffHandling = call.status === 'takeover' || call.controlMode === 'takeover';\n    const lastTool = call.tools[call.tools.length - 1];\n\n    return {\n      id: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : this.avatarToneFor(call),\n      metaLine: 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      sentiment: call.sentiment,\n      sentimentLabel: this.sentimentLabel(call.sentiment),\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      goal: call.reason || call.goal || '—',\n      statusSubtitle: lastTool?.result || call.goal || 'In progress…',\n      handlingLabel: needsAssistance\n        ? 'NEED ASSISTANCE'\n        : staffHandling\n          ? 'STAFF HANDLING'\n          : 'AI HANDLING',\n      handlingVariant: needsAssistance ? 'danger' : staffHandling ? 'primary' : 'opened',\n      needsAssistance,\n      started: call.started,\n    };\n  }\n\n  private isAssistanceStatus(status: CallStatus): boolean {\n    return status === 'needs-help' || status === 'human-requested' || status === 'urgent';\n  }\n\n  private sentimentLabel(sentiment: Sentiment): string {\n    switch (sentiment) {\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 'Uncertain';\n    }\n  }\n\n  private avatarToneFor(call: LiveCall): 'brand' | 'warm' | 'violet' | 'rose' | 'green' {\n    const tones = ['brand', 'warm', 'violet', 'rose', 'green'] as const;\n    const key = call.id || call.name;\n    let hash = 0;\n    for (let i = 0; i < key.length; i++) hash = (hash + key.charCodeAt(i) * (i + 1)) % tones.length;\n    return tones[hash];\n  }\n}\n","<div class=\"grid min-h-full content-start gap-md bg-lighter p-base live-calls-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"grid gap-2xs\">\n      <h4>Live Calls</h4>\n      <p class=\"fs-sm text-light\">Monitor active conversations and step in when needed</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-sm\">\n      <button\n        type=\"button\"\n        class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n        (click)=\"openTestCall()\"\n      >\n        <ed-icon name=\"phone_call\" [size]=\"16\" />\n        Test Call\n      </button>\n      <button\n        type=\"button\"\n        class=\"btn is-primary is-sm inline-flex items-center gap-2xs\"\n        (click)=\"openOutbound()\"\n      >\n        <ed-icon name=\"call_made\" [size]=\"16\" />\n        Outbound Call\n      </button>\n    </div>\n  </header>\n\n  @if (error()) {\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (loading() && callRows().length === 0) {\n    <p class=\"fs-sm text-light\">Loading live calls…</p>\n  } @else {\n    <article class=\"grid gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <ul class=\"m-0 grid list-none content-start gap-xs p-0\">\n        @for (call of callRows(); track call.id) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center gap-sm rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary md:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)_auto_auto]\"\n              [class.border-danger]=\"call.needsAssistance\"\n              [class.bg-danger-50]=\"call.needsAssistance\"\n              (click)=\"openMonitor(call.id)\"\n            >\n              <div class=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs\">\n                <ed-avatar\n                  shape=\"box\"\n                  size=\"base\"\n                  [initials]=\"call.initials\"\n                  [tone]=\"call.avatarTone\"\n                />\n                <div class=\"grid min-w-0 gap-2xs\">\n                  <div class=\"flex min-w-0 flex-wrap items-center gap-2xs\">\n                    <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                    <span class=\"inline-flex text-light\">\n                      <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                    </span>\n                    <span\n                      class=\"vr-sentiment inline-flex items-center rounded px-2xs py-2xs fs-xs font-medium\"\n                      [attr.data-sentiment]=\"call.sentiment\"\n                    >\n                      {{ call.sentimentLabel }}\n                    </span>\n                  </div>\n                  <span class=\"fs-xs whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                </div>\n              </div>\n\n              <div class=\"hidden min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs md:grid\">\n                <span\n                  class=\"inline-flex h-5 shrink-0 items-center justify-center rounded px-2xs\"\n                  [class.bg-primary-50]=\"call.direction === 'inbound'\"\n                  [class.text-primary]=\"call.direction === 'inbound'\"\n                  [class.bg-secondary-50]=\"call.direction === 'outbound'\"\n                  [class.text-secondary]=\"call.direction === 'outbound'\"\n                >\n                  <ed-icon [name]=\"call.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n                <div class=\"grid min-w-0 gap-2xs\">\n                  <span class=\"truncate fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                  <span class=\"truncate fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                </div>\n              </div>\n\n              <div class=\"grid justify-items-end gap-2xs\">\n                <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                  {{ call.handlingLabel }}\n                </ed-badge-2>\n                <span\n                  class=\"inline-flex items-center gap-2xs font-['IBM_Plex_Mono'] fs-xs\"\n                  [class.text-danger]=\"call.needsAssistance\"\n                  [class.text-light]=\"!call.needsAssistance\"\n                >\n                  @if (call.needsAssistance) {\n                    <ed-icon name=\"schedule\" [size]=\"12\" color=\"currentColor\" />\n                  } @else {\n                    <eds-pulse-dot />\n                  }\n                  {{ call.started | edsElapsed }}\n                </span>\n              </div>\n\n              <span class=\"inline-flex shrink-0 text-light\">\n                <ed-icon name=\"chevron_right\" [size]=\"20\" color=\"currentColor\" />\n              </span>\n            </button>\n          </li>\n        } @empty {\n          @if (emptyState(); as state) {\n            <li\n              class=\"grid justify-items-center gap-xs rounded-md border border-light px-base py-xl text-center\"\n              role=\"status\"\n            >\n              <ed-icon [name]=\"state.icon\" [size]=\"32\" />\n              <p class=\"m-0 font-semibold text-dark\">{{ state.title }}</p>\n              <p class=\"m-0 max-w-md fs-sm text-light\">{{ state.detail }}</p>\n            </li>\n          }\n        }\n      </ul>\n    </article>\n  }\n</div>\n\n<eds-outbound-dial-modal\n  [open]=\"outboundOpen()\"\n  (closed)=\"closeOutbound()\"\n  (dialed)=\"closeOutbound()\"\n/>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-live-monitor-page.component-ihwm1LNn.mjs → edvak99-voice-receptionist-widget-live-monitor-page.component-B23xn4Y_.mjs}

@@ -5,11 +5,10 @@ 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 { e as resolveToolKey, f as resolveToolDisplayName, D as DashboardSocketService, V as VOICE_RECEPTIONIST_CONFIG, i as isUnknownCaller, I as IconComponent, A as AiReceptionistApiService, T as ToastService, g as toolEventTrackKey, c as callerMetaLine, a as ageFromDob, E as EdAvatarComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
+import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-BqgXwDNi.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);
@@ -343,9 +342,9 @@ class LiveTranscriptPanelComponent {
     speakerIcon(who) {
         switch (who) {
             case 'ai':
-                return 'graphic_eq';
+                return 'graph_new';
             case 'staff':
-                return 'support_agent';
+                return 'Robot';
             case 'patient':
                 return 'person';
             default:
@@ -369,13 +368,13 @@ class LiveTranscriptPanelComponent {
         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 }); }
+    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\"\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          <ed-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\"\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            <ed-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\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-zinc-200 text-zinc-600\">\n          <ed-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\">\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          <ed-icon name=\"Robot\" [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\">\n        <div class=\"live-transcript-panel__avatar--ai flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white\">\n          <ed-icon name=\"graph_new\" [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: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }], 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: {
+            args: [{ selector: 'eds-live-transcript-panel', imports: [FormsModule, IconComponent], 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"] }]
+                    }, 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\"\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          <ed-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\"\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            <ed-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\">\n        <div class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-zinc-200 text-zinc-600\">\n          <ed-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\">\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          <ed-icon name=\"Robot\" [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\">\n        <div class=\"live-transcript-panel__avatar--ai flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white\">\n          <ed-icon name=\"graph_new\" [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']
@@ -1038,20 +1037,20 @@ 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=\"..\" 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 }); }
+    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=\"p-md bg-lighter min-h-full 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        <ed-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        <ed-avatar\n          class=\"shrink-0\"\n          shape=\"box\"\n          size=\"lg\"\n          [initials]=\"profileInitials(c)\"\n          [tone]=\"isUnknownCaller(c) ? 'gray' : 'warm'\"\n         />\n\n        <div class=\"min-w-0\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <h4 class=\"m-0 text-lg font-bold leading-snug text-zinc-900\">{{ displayName(c) }}</h4>\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              <ed-icon name=\"mic\" [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            <ed-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                <ed-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              <ed-icon name=\"phone_call\" [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        <ed-icon name=\"check_circle\" [size]=\"18\" />\n        Call ended\n      </div>\n    }\n\n    <div class=\"live-monitor-page__grid grid min-h-0 flex-1 grid-cols-[minmax(0,7fr)_minmax(240px,3fr)] items-stretch gap-4\">\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 animate-eds-ring\"></span>\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--2 animate-eds-ring\"></span>\n            <span class=\"live-monitor-page__orb animate-eds-breathe relative z-[1] flex h-8 w-8 items-center justify-center rounded-full\">\n              <ed-icon name=\"Robot\" [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                  <ed-icon name=\"refresh\" [size]=\"14\" class=\"live-monitor-page__tool-spin animate-eds-spin col-span-full justify-self-end text-blue-600\" />\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          <ed-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: [""], 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: EdAvatarComponent, selector: "ed-avatar", inputs: ["initials", "tone", "shape", "size", "gradient"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { 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,
+                        EdAvatarComponent,
+                        IconComponent,
                         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"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"p-md bg-lighter min-h-full 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        <ed-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        <ed-avatar\n          class=\"shrink-0\"\n          shape=\"box\"\n          size=\"lg\"\n          [initials]=\"profileInitials(c)\"\n          [tone]=\"isUnknownCaller(c) ? 'gray' : 'warm'\"\n         />\n\n        <div class=\"min-w-0\">\n          <div class=\"flex flex-wrap items-center gap-3\">\n            <h4 class=\"m-0 text-lg font-bold leading-snug text-zinc-900\">{{ displayName(c) }}</h4>\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              <ed-icon name=\"mic\" [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            <ed-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                <ed-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              <ed-icon name=\"phone_call\" [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        <ed-icon name=\"check_circle\" [size]=\"18\" />\n        Call ended\n      </div>\n    }\n\n    <div class=\"live-monitor-page__grid grid min-h-0 flex-1 grid-cols-[minmax(0,7fr)_minmax(240px,3fr)] items-stretch gap-4\">\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 animate-eds-ring\"></span>\n            <span class=\"live-monitor-page__ring live-monitor-page__ring--2 animate-eds-ring\"></span>\n            <span class=\"live-monitor-page__orb animate-eds-breathe relative z-[1] flex h-8 w-8 items-center justify-center rounded-full\">\n              <ed-icon name=\"Robot\" [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                  <ed-icon name=\"refresh\" [size]=\"14\" class=\"live-monitor-page__tool-spin animate-eds-spin col-span-full justify-self-end text-blue-600\" />\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          <ed-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" }]
         }], ctorParameters: () => [] });
 
 export { LiveMonitorPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-live-monitor-page.component-ihwm1LNn.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-live-monitor-page.component-B23xn4Y_.mjs.map