@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

package/fesm2022/edvak99-voice-receptionist-widget-activities-page.component-DDzSBb6x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-activities-page.component-DDzSBb6x.mjs","sources":["../../../src/lib/components/patient-profile-drawer/patient-profile-drawer.component.ts","../../../src/lib/components/patient-profile-drawer/patient-profile-drawer.component.html","../../../src/lib/pages/activities-page/activities-page.component.ts","../../../src/lib/pages/activities-page/activities-page.component.html"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  input,\n  output,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport { AgentActivity } from '../../models/agent-activity.types';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\n@Component({\n  selector: 'eds-patient-profile-drawer',\n  imports: [DatePipe, RouterLink, EdAvatarComponent, IconComponent],\n  templateUrl: './patient-profile-drawer.component.html',\n  styleUrl: './patient-profile-drawer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class PatientProfileDrawerComponent {\n  readonly patient = input.required<AgentActivity>();\n\n  readonly closed = output<void>();\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected onBackdropClick(event: MouseEvent): void {\n    if (event.target === event.currentTarget) this.close();\n  }\n\n  protected display(value: string | null | undefined): string {\n    const s = String(value ?? '').trim();\n    return s || '—';\n  }\n\n  protected insuranceLabel(): string {\n    const p = this.patient();\n    if (p.hasInsurance === true) {\n      return p.insuranceName ? `Insured — ${p.insuranceName}` : 'Insured';\n    }\n    if (p.hasInsurance === false) return 'No insurance on file';\n    return p.insuranceName || 'Not verified';\n  }\n\n  protected insuranceTone(): 'covered' | 'none' | 'unknown' {\n    const p = this.patient();\n    if (p.hasInsurance === true) return 'covered';\n    if (p.hasInsurance === false) return 'none';\n    return 'unknown';\n  }\n}\n","<div class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\" (click)=\"onBackdropClick($event)\">\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"display(patient().patientName)\"\n  >\n    <ed-drawer-header class=\"border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <h6 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h6>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <ed-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex flex-col gap-3\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <div class=\"flex items-start gap-3\">\n          <ed-avatar\n            shape=\"box\"\n            size=\"base\"\n            [initials]=\"patient().patientInitials || '?'\"\n            tone=\"brand\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <h3 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">\n              {{ display(patient().patientName) }}\n            </h3>\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\n                @if (patient().patientDob) {\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\n                }\n                @if (patient().patientAge != null) {\n                  · {{ patient().patientAge }}Y\n                }\n                @if (patient().patientGender) {\n                  · {{ patient().patientGender }}\n                }\n              </p>\n            }\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\n        </div>\n      </section>\n\n      @if (patient().patientId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\n          </div>\n        </section>\n      }\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\n          <span\n            class=\"vr-insurance-badge inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\n            [attr.data-state]=\"insuranceTone()\"\n          >\n            {{ insuranceLabel() }}\n          </span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\n          <span class=\"text-sm text-zinc-600\">\n            @if (patient().occurredAt) {\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\n            } @else {\n              —\n            }\n          </span>\n        </div>\n      </section>\n\n      @if (patient().detail) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ patient().detail }}\n          </p>\n        </section>\n      }\n\n      @if (patient().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"['../history', patient().callId]\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n              (click)=\"close()\"\n            >\n              {{ patient().callId }}\n            </a>\n          </div>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, signal } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { PatientProfileDrawerComponent } from '../../components/patient-profile-drawer/patient-profile-drawer.component';\nimport { TaskDetailDrawerComponent } from '../../components/task-detail-drawer/task-detail-drawer.component';\nimport {\n  ActivitiesTab,\n  AgentActivity,\n  initialsFromName,\n} from '../../models/agent-activity.types';\nimport { TaskItem, TaskStatus } from '../../models/ai-receptionist.types';\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { ageFromDob } from '../../utils/call-history-display.util';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\nimport { EdsSearchFieldComponent } from '../../ui/eds-search-field.component';\n\ntype TabId = ActivitiesTab;\n\nconst TABS: { id: TabId; label: string }[] = [\n  { id: 'task_created', label: 'Tasks' },\n  { id: 'appointment_booked', label: 'Appointments' },\n  { id: 'patient_created', label: 'Registrations' },\n];\n\nconst AVATAR_TONES = ['green', 'amber', 'brand', 'violet', 'rose'] as const;\n\n@Component({\n  selector: 'eds-activities-page',\n  imports: [\n    EdAvatarComponent,\n    IconComponent,\n    EdIconButtonComponent,\n    EdsSearchFieldComponent,\n    TaskDetailDrawerComponent,\n    PatientProfileDrawerComponent,\n  ],\n  templateUrl: './activities-page.component.html',\n  styleUrl: './activities-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class ActivitiesPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  protected readonly tabs = TABS;\n  protected readonly pageSize = DEFAULT_PAGE_SIZE;\n  protected readonly items = signal<AgentActivity[]>([]);\n  protected readonly total = signal(0);\n  protected readonly page = signal(1);\n  protected readonly activeTab = signal<TabId>('task_created');\n  protected readonly callIdFilter = signal<string | null>(null);\n  protected readonly search = signal('');\n  protected readonly loading = signal(true);\n  protected readonly loadError = signal<string | null>(null);\n  protected readonly selectedTask = signal<TaskItem | null>(null);\n  protected readonly selectedPatient = signal<AgentActivity | null>(null);\n\n  ngOnInit(): void {\n    const callId = this.route.snapshot.queryParamMap.get('callId')?.trim() || null;\n    if (callId) this.callIdFilter.set(callId);\n\n    const tabParam = (this.route.snapshot.queryParamMap.get('tab') || '').trim().toLowerCase();\n    const tabFromQuery = this.tabFromQuery(tabParam);\n    if (tabFromQuery) {\n      this.activeTab.set(tabFromQuery);\n    } else {\n      this.activeTab.set('task_created');\n      void this.router.navigate([], {\n        relativeTo: this.route,\n        queryParams: { tab: 'tasks' },\n        queryParamsHandling: 'merge',\n        replaceUrl: true,\n      });\n    }\n\n    this.load();\n  }\n\n  protected setTab(tab: TabId): void {\n    if (this.activeTab() === tab) return;\n    this.activeTab.set(tab);\n    this.page.set(1);\n    void this.router.navigate([], {\n      relativeTo: this.route,\n      queryParams: { tab: this.tabQueryValue(tab) },\n      queryParamsHandling: 'merge',\n      replaceUrl: true,\n    });\n    this.load();\n  }\n\n  private tabFromQuery(raw: string): TabId | null {\n    switch (raw) {\n      case 'tasks':\n      case 'task':\n      case 'task_created':\n        return 'task_created';\n      case 'appointments':\n      case 'appointment':\n      case 'appointment_booked':\n        return 'appointment_booked';\n      case 'registrations':\n      case 'registration':\n      case 'patient_created':\n        return 'patient_created';\n      default:\n        return null;\n    }\n  }\n\n  private tabQueryValue(tab: TabId): string {\n    switch (tab) {\n      case 'task_created':\n        return 'tasks';\n      case 'patient_created':\n        return 'registrations';\n      default:\n        return 'appointments';\n    }\n  }\n\n  protected clearCallFilter(): void {\n    this.callIdFilter.set(null);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected applySearch(): void {\n    this.page.set(1);\n    this.load();\n  }\n\n  protected load(): void {\n    this.loading.set(true);\n    this.loadError.set(null);\n    const tab = this.activeTab();\n    this.api\n      .getActivities({\n        page: this.page(),\n        limit: DEFAULT_PAGE_SIZE,\n        types: tab,\n        callId: this.callIdFilter() || undefined,\n        search: this.search().trim() || undefined,\n      })\n      .subscribe({\n        next: ({ items, total, page }) => {\n          this.items.set(items);\n          this.total.set(total);\n          this.page.set(page);\n          this.loading.set(false);\n        },\n        error: () => {\n          this.loading.set(false);\n          this.items.set([]);\n          this.total.set(0);\n          this.loadError.set(\n            'Activities feed is unavailable. Confirm GET /api/ai-receptionist/activities is deployed.',\n          );\n        },\n      });\n  }\n\n  protected totalPages(): number {\n    return calcTotalPages(this.total(), DEFAULT_PAGE_SIZE);\n  }\n\n  protected prevPage(): void {\n    if (this.page() <= 1) return;\n    this.page.update((p) => p - 1);\n    this.load();\n  }\n\n  protected nextPage(): void {\n    if (this.page() >= this.totalPages()) return;\n    this.page.update((p) => p + 1);\n    this.load();\n  }\n\n  protected historyLink(callId: string | null | undefined): string[] | null {\n    return callId ? ['../history', callId] : null;\n  }\n\n  protected openCallHistory(callId: string | null | undefined, ev?: Event): void {\n    if (!callId) return;\n    if (ev && (ev.target as HTMLElement).closest('a,button')) return;\n    void this.router.navigate(['../history', callId], { relativeTo: this.route });\n  }\n\n  protected openTask(item: AgentActivity): void {\n    this.selectedPatient.set(null);\n    this.selectedTask.set(this.activityToTask(item));\n  }\n\n  protected openPatient(item: AgentActivity): void {\n    this.selectedTask.set(null);\n    this.selectedPatient.set(item);\n  }\n\n  protected closeTaskDrawer(): void {\n    this.selectedTask.set(null);\n  }\n\n  protected closePatientDrawer(): void {\n    this.selectedPatient.set(null);\n  }\n\n  protected onTaskStatusChange(status: TaskStatus): void {\n    const task = this.selectedTask();\n    if (!task) return;\n    this.api.patchTask(task.id, status).subscribe({\n      next: ({ data }) => {\n        if (data) {\n          this.selectedTask.set(data);\n        } else {\n          this.selectedTask.set({ ...task, status });\n        }\n      },\n      error: () => {\n        // Optimistic local update if patch fails (activity-sourced ids may not exist).\n        this.selectedTask.set({ ...task, status });\n      },\n    });\n  }\n\n  private activityToTask(item: AgentActivity): TaskItem {\n    const priority =\n      item.priority === 'urgent' || item.priority === 'high' ? 'urgent' : 'normal';\n    const created = this.parseDate(item.occurredAt)?.getTime() ?? Date.now();\n    return {\n      id: item.taskId || item.id,\n      created,\n      title: this.taskTitle(item),\n      type: 'task',\n      description: item.detail || '',\n      patient: item.patientName || 'Unknown caller',\n      priority,\n      status: 'open',\n      source: 'voice',\n      assignee: 'AI Receptionist',\n      callId: item.callId || undefined,\n    };\n  }\n\n  protected displayMrn(item: AgentActivity): string {\n    return item.patientMrn?.trim() || '—';\n  }\n\n  protected providerSpecialtyLabel(item: AgentActivity): string | null {\n    const s = item.providerSpecialty?.trim();\n    if (!s) return null;\n    // Hide stray numeric IDs that sometimes land in specialty.\n    if (/^\\d+(\\.\\d+)?$/.test(s)) return null;\n    return s;\n  }\n\n  /** Day-anchored stamp — a bare clock time gave no idea which day a row belonged to. */\n  protected timestampLabel(item: AgentActivity): string {\n    const start = this.parseDate(item.startAt || item.occurredAt);\n    if (!start) return '—';\n    const stamp = `${this.formatDay(start)}, ${this.formatClock(start)}`;\n    const end = this.parseDate(item.endAt);\n    if (end && end.getTime() > start.getTime()) {\n      return `${stamp} – ${this.formatClock(end)}`;\n    }\n    return stamp;\n  }\n\n  protected durationLabel(item: AgentActivity): string | null {\n    const mins = item.durationMinutes;\n    if (mins == null || mins <= 0) {\n      if (item.startAt && item.endAt) {\n        const ms = Date.parse(item.endAt) - Date.parse(item.startAt);\n        if (Number.isFinite(ms) && ms > 0) {\n          return `${Math.round(ms / 60000)} MIN`;\n        }\n      }\n      return null;\n    }\n    return `${mins} MIN`;\n  }\n\n  protected appointmentTimeRange(item: AgentActivity): string {\n    const start = this.parseDate(item.startAt || item.occurredAt);\n    if (!start) return '—';\n    const end = this.parseDate(item.endAt);\n    if (end && end.getTime() > start.getTime()) {\n      return `${this.formatClock(start)} - ${this.formatClock(end)}`;\n    }\n    return this.formatClock(start);\n  }\n\n  protected appointmentDayLabel(item: AgentActivity): string {\n    const start = this.parseDate(item.startAt || item.occurredAt);\n    return start ? this.formatDay(start) : '—';\n  }\n\n  protected dueLabel(item: AgentActivity): string {\n    const d = this.parseDate(item.occurredAt || item.startAt);\n    if (!d) return '—';\n    return d.toLocaleDateString(undefined, {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  }\n\n  protected categoryLabel(item: AgentActivity): string {\n    if (item.visitType) return item.visitType;\n    switch (item.type) {\n      case 'appointment_booked':\n        return 'Appointment';\n      case 'patient_created':\n        return 'Registration';\n      case 'task_created':\n        return item.title && !/^task created$/i.test(item.title) ? item.title : 'Task';\n      default:\n        return item.title || 'Activity';\n    }\n  }\n\n  protected patientMeta(item: AgentActivity): string | null {\n    const parts: string[] = [];\n    const dob = item.patientDob;\n    const age = item.patientAge ?? (dob ? ageFromDob(dob) : null);\n    if (dob && age != null) parts.push(`DOB: ${this.formatDob(dob)} · ${age}Y`);\n    else if (dob) parts.push(`DOB: ${this.formatDob(dob)}`);\n    else if (age != null) parts.push(`${age}Y`);\n    if (item.patientGender) parts.push(item.patientGender);\n    return parts.length ? parts.join(' | ') : null;\n  }\n\n  protected patientInitials(item: AgentActivity): string {\n    return item.patientInitials || initialsFromName(item.patientName) || '?';\n  }\n\n  protected providerInitials(item: AgentActivity): string {\n    return item.providerInitials || initialsFromName(item.providerName) || '?';\n  }\n\n  protected avatarTone(key: string | null | undefined, salt: number): string {\n    const raw = `${key || 'x'}:${salt}`;\n    let hash = 0;\n    for (let i = 0; i < raw.length; i++) hash = (hash + raw.charCodeAt(i) * (i + 1)) % 997;\n    return AVATAR_TONES[hash % AVATAR_TONES.length];\n  }\n\n  protected insuranceState(item: AgentActivity): 'covered' | 'none' | 'unknown' {\n    if (item.hasInsurance === true) return 'covered';\n    if (item.hasInsurance === false) return 'none';\n    return 'unknown';\n  }\n\n  protected insuranceIcon(item: AgentActivity): string {\n    switch (this.insuranceState(item)) {\n      case 'covered':\n        return 'verified_user';\n      case 'none':\n        return 'gpp_bad';\n      default:\n        return 'gpp_maybe';\n    }\n  }\n\n  protected insuranceLabel(item: AgentActivity): string {\n    switch (this.insuranceState(item)) {\n      case 'covered':\n        return 'Insured';\n      case 'none':\n        return 'No insurance';\n      default:\n        return 'Unverified';\n    }\n  }\n\n  protected insuranceTitle(item: AgentActivity): string {\n    switch (this.insuranceState(item)) {\n      case 'covered':\n        return item.insuranceName ? `Insured — ${item.insuranceName}` : 'Insured';\n      case 'none':\n        return 'No insurance on file';\n      default:\n        return 'Insurance not verified';\n    }\n  }\n\n  protected isTaskRow(item: AgentActivity): boolean {\n    return item.type === 'task_created';\n  }\n\n  protected taskTitle(item: AgentActivity): string {\n    const title = (item.title || '').trim();\n    if (title && !/^task created$/i.test(title)) return title;\n    return item.visitType || 'Task';\n  }\n\n  protected priorityLabel(item: AgentActivity): string {\n    switch (item.priority) {\n      case 'urgent':\n        return 'Urgent';\n      case 'high':\n        return 'High';\n      case 'low':\n        return 'Low';\n      case 'medium':\n      case 'normal':\n      default:\n        return 'Medium';\n    }\n  }\n\n  protected priorityTone(item: AgentActivity): string {\n    switch (item.priority) {\n      case 'urgent':\n        return 'urgent';\n      case 'high':\n        return 'high';\n      case 'low':\n        return 'low';\n      default:\n        return 'medium';\n    }\n  }\n\n  protected isRegistrationTab(): boolean {\n    return this.activeTab() === 'patient_created';\n  }\n\n  protected emptyLabel(): string {\n    if (this.callIdFilter()) return 'No activities found for this call.';\n    switch (this.activeTab()) {\n      case 'task_created':\n        return 'No tasks created by the AI yet.';\n      case 'patient_created':\n        return 'No patient registrations yet.';\n      default:\n        return 'No appointments booked by the AI yet.';\n    }\n  }\n\n  private parseDate(iso: string | null | undefined): Date | null {\n    if (!iso) return null;\n    const d = new Date(iso);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  private formatDay(d: Date): string {\n    const midnight = (x: Date) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();\n    const now = new Date();\n    const days = Math.round((midnight(d) - midnight(now)) / 86_400_000);\n    if (days === 0) return 'Today';\n    if (days === 1) return 'Tomorrow';\n    if (days === -1) return 'Yesterday';\n    return d.toLocaleDateString(\n      undefined,\n      d.getFullYear() === now.getFullYear()\n        ? { weekday: 'short', month: 'short', day: 'numeric' }\n        : { month: 'short', day: 'numeric', year: 'numeric' },\n    );\n  }\n\n  private formatClock(d: Date): string {\n    return d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });\n  }\n\n  private formatDob(iso: string): string {\n    const m = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(iso.trim());\n    if (m) return `${m[2]}-${m[3]}-${m[1]}`;\n    const d = new Date(iso);\n    if (Number.isNaN(d.getTime())) return iso;\n    const mm = String(d.getMonth() + 1).padStart(2, '0');\n    const dd = String(d.getDate()).padStart(2, '0');\n    return `${mm}-${dd}-${d.getFullYear()}`;\n  }\n}\n","<div class=\"grid min-h-full content-start gap-md bg-lighter p-base activities-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"grid gap-2xs\">\n      <h4>Activities</h4>\n      <p class=\"fs-sm text-light\">Review all the activities done by the AI at one place</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input is-sm w-full pr-10\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search activities\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applySearch()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"md\"\n        outline\n        (click)=\"applySearch()\"\n      />\n    </div>\n  </header>\n\n  @if (callIdFilter(); as callId) {\n    <div\n      class=\"flex flex-wrap items-center justify-between gap-sm rounded-lg bg-primary-50 px-base py-sm fs-sm text-body\"\n      role=\"status\"\n    >\n      <span>Showing activities for call <strong class=\"text-dark\">{{ callId }}</strong></span>\n      <button\n        type=\"button\"\n        class=\"cursor-pointer border-none bg-transparent px-0 py-2xs fs-sm text-primary hover:underline\"\n        (click)=\"clearCallFilter()\"\n      >\n        Clear filter\n      </button>\n    </div>\n  }\n\n  <nav class=\"flex flex-wrap gap-xs\" aria-label=\"Activity type\">\n    @for (tab of tabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          activeTab() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-primary-50 px-base py-xs text-primary transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-base py-xs text-light transition-colors hover:bg-white hover:text-dark'\n        \"\n        (click)=\"setTab(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading activities…</p>\n  } @else if (loadError()) {\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ loadError() }}</p>\n  } @else {\n    <div class=\"min-w-0 flex-1 overflow-auto\">\n      @if (activeTab() === 'task_created') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Tasks\">\n          <thead>\n            <tr>\n              <th>Priority</th>\n              <th>Task</th>\n              <th>Assigned to</th>\n              <th>Patient / Caller</th>\n              <th>Due</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\n                (click)=\"openTask(item)\"\n                (keyup.enter)=\"openTask(item)\"\n              >\n                <td>\n                  <div\n                    class=\"inline-flex items-center gap-xs text-dark\"\n                    [attr.data-tone]=\"priorityTone(item)\"\n                  >\n                    <span\n                      class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n                      aria-hidden=\"true\"\n                    ></span>\n                    <span class=\"fs-sm capitalize\">{{ priorityLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"truncate fs-sm font-semibold text-dark\">{{ taskTitle(item) }}</span>\n                    <ed-badge-2 variant=\"primary\" pill uppercase>\n                      {{ categoryLabel(item) }}\n                    </ed-badge-2>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar shape=\"circle\" size=\"base\" initials=\"AI\" tone=\"brand\" />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">AI Receptionist</span>\n                      <span class=\"truncate fs-xs text-light\">Voice agent</span>\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown caller' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"whitespace-nowrap fs-sm text-light\">{{ dueLabel(item) }}</td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else if (activeTab() === 'appointment_booked') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Appointments\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Patient</th>\n              <th>Provider</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative\"\n                [class.cursor-pointer]=\"!!item.callId\"\n                [attr.role]=\"item.callId ? 'link' : null\"\n                [attr.tabindex]=\"item.callId ? (i === 0 ? 0 : -1) : null\"\n                [attr.aria-label]=\"item.callId ? 'Open call history' : null\"\n                (click)=\"openCallHistory(item.callId, $event)\"\n                (keyup.enter)=\"openCallHistory(item.callId)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex flex-wrap items-center gap-2xs\">\n                      <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ appointmentTimeRange(item) }}</span>\n                      @if (durationLabel(item); as duration) {\n                        <span class=\"inline-flex h-5 items-center rounded bg-light px-2xs fs-xs font-medium text-dark\">\n                          {{ duration }}\n                        </span>\n                      }\n                    </div>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                    <span class=\"fs-xs text-light\">{{ appointmentDayLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  @if (item.providerName) {\n                    <div class=\"flex min-w-0 items-center gap-xs\">\n                      <ed-avatar\n                        shape=\"circle\"\n                        size=\"base\"\n                        [initials]=\"providerInitials(item)\"\n                        [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\n                      />\n                      <div class=\"grid min-w-0 gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.providerName }}</span>\n                        @if (providerSpecialtyLabel(item); as specialty) {\n                          <span class=\"truncate fs-xs text-light\">{{ specialty }}</span>\n                        }\n                      </div>\n                    </div>\n                  } @else {\n                    <span class=\"fs-xs text-light\">No provider assigned</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"4\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Registrations\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Name</th>\n              <th>MRN</th>\n              <th>Payer</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\n                (click)=\"openPatient(item)\"\n                (keyup.enter)=\"openPatient(item)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ timestampLabel(item) }}</span>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"fs-sm text-body\">{{ displayMrn(item) }}</td>\n                <td>\n                  @if (insuranceState(item) === 'covered') {\n                    <span class=\"fs-sm text-dark\">{{ item.insuranceName || 'Insured' }}</span>\n                  } @else {\n                    <span class=\"fs-sm text-primary\">Add Insurance</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n\n    @if (total() > pageSize) {\n      <footer class=\"flex flex-wrap items-center justify-between gap-sm border-t border-light pt-sm\">\n        <span class=\"fs-sm text-light\">\n          Page {{ page() }} of {{ totalPages() }} · {{ total() }} total\n        </span>\n        <div class=\"flex gap-xs\">\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() <= 1\"\n            (click)=\"prevPage()\"\n          >\n            Previous\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() >= totalPages()\"\n            (click)=\"nextPage()\"\n          >\n            Next\n          </button>\n        </div>\n      </footer>\n    }\n  }\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeTaskDrawer()\"\n    (statusChange)=\"onTaskStatusChange($event)\"\n  />\n}\n\n@if (selectedPatient(); as patient) {\n  <eds-patient-profile-drawer\n    [patient]=\"patient\"\n    (closed)=\"closePatientDrawer()\"\n  />\n}\n"],"names":["calcTotalPages"],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-analytics-page.component-DPE4-h5L.mjs

@@ -0,0 +1,346 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AiReceptionistApiService, I as IconComponent, l as EdIconButtonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
+
+/** Figma pastel palette for horizontal reason bars */
+const REASON_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD', '#74D4FF', 'rgba(255,32,86,0.2)', '#BBF451', '#FFD230'];
+/** Figma pastel palette for transfer / stuck bars */
+const STUCK_COLORS = ['#DAB2FF', '#A3B3FF', '#74D4FF', '#FFD230'];
+const OUTCOME_TEXT_COLORS = ['#8200DB', '#2162F0', '#DB0C15'];
+const OUTCOME_FALLBACK_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD'];
+class AnalyticsPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.data = signal(null);
+        this.range = signal('30d');
+        this.loading = signal(true);
+        this.chartsReady = signal(false);
+        this.hoveredVolume = signal(null);
+        this.filtersOpen = signal(false);
+        this.ranges = [
+            { id: '7d', label: '7 days' },
+            { id: '30d', label: '30 days' },
+            { id: '90d', label: '90 days' },
+        ];
+        this.impactKpi = computed(() => this.findKpi(/(impact|hours|front-desk|time saved)/i));
+        this.resolutionKpi = computed(() => this.findKpi(/(autonomous|resolution)/i));
+        this.impactSubPrimary = computed(() => {
+            const sub = this.impactKpi()?.sub || 'of front-desk time handled by the AI';
+            const tilde = sub.indexOf('~');
+            if (tilde === -1)
+                return sub;
+            return sub.slice(0, tilde).trim();
+        });
+        this.impactSubSecondary = computed(() => {
+            const sub = this.impactKpi()?.sub || '';
+            const tilde = sub.indexOf('~');
+            if (tilde === -1)
+                return null;
+            return sub.slice(tilde).trim();
+        });
+        this.resolutionTrend = computed(() => {
+            const kpi = this.resolutionKpi();
+            if (!kpi?.delta)
+                return null;
+            const tone = this.deltaTone(kpi);
+            return {
+                delta: kpi.delta.replace(/^[+\s]+/, ''),
+                tone,
+                icon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',
+            };
+        });
+        this.secondaryKpis = computed(() => {
+            const cards = this.data()?.kpiCards ?? [];
+            const preferred = [
+                /appointment/i,
+                /task/i,
+                /patient|registr/i,
+                /calls?\s*handled|total\s*calls|^calls$/i,
+            ];
+            const picked = [];
+            for (const re of preferred) {
+                const hit = cards.find((c) => re.test(c.label) && !picked.includes(c));
+                if (hit)
+                    picked.push(hit);
+            }
+            const list = picked.length >= 4
+                ? picked.slice(0, 4)
+                : [
+                    ...picked,
+                    ...cards.filter((c) => !picked.includes(c) &&
+                        !/(impact|hours|front-desk|autonomous|resolution)/i.test(c.label)),
+                ].slice(0, 4);
+            return list.map((kpi) => {
+                const tone = this.deltaTone(kpi);
+                return {
+                    label: kpi.label,
+                    value: kpi.value,
+                    sub: kpi.sub,
+                    delta: kpi.delta ? kpi.delta.replace(/^[+\s]+/, '') : undefined,
+                    tone,
+                    trendIcon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',
+                };
+            });
+        });
+        this.distribution = computed(() => {
+            const outcomes = this.data()?.outcomes ?? [];
+            const total = outcomes.reduce((s, o) => s + o.value, 0) || 1;
+            return outcomes.map((o, i) => {
+                const width = (o.value / total) * 100;
+                const calls = this.estimatedCalls(o.value);
+                return {
+                    ...o,
+                    color: o.color || OUTCOME_FALLBACK_COLORS[i % OUTCOME_FALLBACK_COLORS.length],
+                    textColor: OUTCOME_TEXT_COLORS[i % OUTCOME_TEXT_COLORS.length],
+                    pct: Math.round(width),
+                    width,
+                    tooltip: `${o.label}: ${o.value}% (${calls.toLocaleString()} calls)`,
+                    callsText: `${calls.toLocaleString()} calls`,
+                };
+            });
+        });
+        this.totalCallsLabel = computed(() => {
+            const handled = this.findKpi(/calls?\s*handled|total\s*calls|^calls$/i);
+            if (handled?.value)
+                return handled.value.includes('Call') ? handled.value : `${handled.value} Calls`;
+            const n = this.data()?.kpis.totalCalls;
+            return n ? `${n.toLocaleString()} Calls` : 'Calls';
+        });
+        this.directionSub = computed(() => {
+            const handled = this.findKpi(/calls?\s*handled|total\s*calls|^calls$/i);
+            if (handled?.sub && /inbound|outbound/i.test(handled.sub))
+                return handled.sub;
+            return null;
+        });
+        this.volumePoints = computed(() => this.data()?.volume.points ?? []);
+        this.volumeTotalPath = computed(() => this.buildVolumePath('total'));
+        this.volumeInboundPath = computed(() => this.buildVolumePath('inbound'));
+        this.volumeOutboundPath = computed(() => this.buildVolumePath('outbound'));
+        this.volumeAreaPath = computed(() => {
+            const line = this.volumeTotalPath();
+            if (!line)
+                return '';
+            return `${line} L100,100 L0,100 Z`;
+        });
+        this.volumePointVms = computed(() => this.volumePoints().map((point) => ({
+            trackKey: point.date || point.label,
+            tooltip: this.volumeTooltip(point),
+        })));
+        this.reasonRows = computed(() => {
+            const items = this.data()?.reasons ?? [];
+            const max = Math.max(...items.map((i) => i.value), 1);
+            return items.map((item, i) => ({
+                label: item.label,
+                value: item.value,
+                widthPct: (item.value / max) * 100,
+                color: REASON_COLORS[i % REASON_COLORS.length],
+                tooltip: `${item.label}: ${item.value}%`,
+                delayMs: i * 40,
+            }));
+        });
+        this.transferRows = computed(() => {
+            const items = this.data()?.transfers ?? [];
+            const max = Math.max(...items.map((i) => i.value), 1);
+            return items.map((item, i) => ({
+                label: item.label,
+                value: item.value,
+                widthPct: (item.value / max) * 100,
+                color: STUCK_COLORS[i % STUCK_COLORS.length],
+                tooltip: `${item.label}: ${item.value}%`,
+                delayMs: i * 40,
+            }));
+        });
+        this.peakRows = computed(() => {
+            const points = this.data()?.peakHours.points ?? [];
+            const max = Math.max(...points.map((p) => p.count), 1);
+            return points.map((point, i) => ({
+                hour: point.hour,
+                label: point.label,
+                heightPct: point.count <= 0 ? 0 : (point.count / max) * 100,
+                tooltip: `${point.label}: ${point.count} call${point.count === 1 ? '' : 's'}`,
+                showLabel: this.showPeakAxisLabel(i, points.length),
+                delayMs: i * 18,
+            }));
+        });
+        /** Human date span for the selected analytics window (month + year included). */
+        this.periodLabel = computed(() => {
+            const vol = this.data()?.volume;
+            const start = this.parseIsoDate(vol?.startDate) ?? this.parseIsoDate(vol?.points?.[0]?.date) ?? null;
+            const end = this.parseIsoDate(vol?.endDate) ??
+                this.parseIsoDate(vol?.points?.[vol.points.length - 1]?.date) ??
+                null;
+            if (start && end)
+                return this.formatPeriodRange(start, end);
+            const days = this.range() === '7d' ? 7 : this.range() === '90d' ? 90 : 30;
+            const endD = new Date();
+            const startD = new Date();
+            startD.setDate(endD.getDate() - (days - 1));
+            return this.formatPeriodRange(startD, endD);
+        });
+        this.volumeAxisLabels = computed(() => {
+            const points = this.volumePoints();
+            return points.map((p, i) => this.volumeAxisLabel(p, i, points.length));
+        });
+    }
+    ngOnInit() {
+        this.load();
+    }
+    toggleFilters() {
+        this.filtersOpen.update((open) => !open);
+    }
+    setRange(id) {
+        this.range.set(id);
+        this.load();
+    }
+    onVolumeEnter(index) {
+        this.hoveredVolume.set(index);
+    }
+    onVolumeLeave() {
+        this.hoveredVolume.set(null);
+    }
+    buildVolumePath(series) {
+        const points = this.volumePoints();
+        if (!points.length)
+            return '';
+        const max = Math.max(...points.map((p) => Math.max(p.count, p.inbound ?? 0, p.outbound ?? 0)), 1);
+        const w = 100;
+        const h = 100;
+        const step = points.length === 1 ? 0 : w / (points.length - 1);
+        return points
+            .map((p, i) => {
+            const yVal = series === 'inbound'
+                ? (p.inbound ?? Math.round(p.count * 0.8))
+                : series === 'outbound'
+                    ? (p.outbound ?? Math.round(p.count * 0.2))
+                    : p.count;
+            const x = i * step;
+            const y = h - (yVal / max) * h;
+            return `${i === 0 ? 'M' : 'L'}${x.toFixed(2)},${y.toFixed(2)}`;
+        })
+            .join(' ');
+    }
+    volumeTooltip(point) {
+        const inbound = point.inbound ?? Math.round(point.count * 0.8);
+        const outbound = point.outbound ?? Math.max(0, point.count - inbound);
+        const headline = this.volumePointHeadline(point);
+        return `${headline}\nTotal ${point.count} · In ${inbound} · Out ${outbound}`;
+    }
+    showPeakAxisLabel(index, total) {
+        if (total <= 12)
+            return true;
+        const hour = this.data()?.peakHours.points[index]?.hour;
+        if (hour != null && [9, 12, 15, 18, 21].includes(hour))
+            return true;
+        const step = total <= 24 ? 3 : 4;
+        return index % step === 0 || index === total - 1;
+    }
+    volumeAxisLabel(point, index, total) {
+        if (/week/i.test(point.day) || /week/i.test(point.label)) {
+            const week = point.day || point.label;
+            const month = point.date ? this.formatMonthYear(point.date) : '';
+            return month ? `${week} · ${month}` : week;
+        }
+        if (point.date) {
+            if (total <= 7)
+                return this.formatChartDate(point.date);
+            const step = total <= 14 ? 2 : total <= 31 ? 5 : 7;
+            if (index % step !== 0 && index !== total - 1)
+                return '';
+            return this.formatChartDate(point.date);
+        }
+        return point.day || point.label;
+    }
+    deltaTone(kpi) {
+        if (!kpi?.delta)
+            return 'neutral';
+        if (kpi.tone === 'pos' || kpi.tone === 'warn' || kpi.tone === 'neg')
+            return kpi.tone;
+        if (/^\+/.test(kpi.delta.trim()))
+            return 'pos';
+        if (/^-|−/.test(kpi.delta.trim()))
+            return 'warn';
+        return 'neutral';
+    }
+    formatChartDate(date) {
+        const iso = /^(\d{4})-(\d{2})-(\d{2})/.exec(date.trim());
+        if (iso)
+            return `${iso[2]}/${iso[3]}`;
+        return date;
+    }
+    estimatedCalls(pct) {
+        const total = this.data()?.kpis.totalCalls ?? 0;
+        if (!total)
+            return Math.round(pct);
+        return Math.round((total * pct) / 100);
+    }
+    volumePointHeadline(point) {
+        const raw = (point.label || point.day || '').trim();
+        if (/week/i.test(raw) && point.date) {
+            return `${raw} · ${this.formatMonthYear(point.date)}`;
+        }
+        if (point.date)
+            return this.formatFullChartDate(point.date);
+        return raw || 'Period';
+    }
+    formatMonthYear(date) {
+        const d = this.parseIsoDate(date);
+        if (!d)
+            return '';
+        return d.toLocaleDateString(undefined, { month: 'short', year: 'numeric' });
+    }
+    formatFullChartDate(date) {
+        const d = this.parseIsoDate(date);
+        if (!d)
+            return this.formatChartDate(date);
+        return d.toLocaleDateString(undefined, {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        });
+    }
+    formatPeriodRange(start, end) {
+        const sameYear = start.getFullYear() === end.getFullYear();
+        const sameMonth = sameYear && start.getMonth() === end.getMonth();
+        if (sameMonth) {
+            return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.getDate()}, ${end.getFullYear()}`;
+        }
+        if (sameYear) {
+            return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;
+        }
+        return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;
+    }
+    parseIsoDate(value) {
+        if (!value?.trim())
+            return null;
+        const iso = /^(\d{4})-(\d{2})-(\d{2})/.exec(value.trim());
+        if (iso) {
+            const d = new Date(Number(iso[1]), Number(iso[2]) - 1, Number(iso[3]));
+            return Number.isNaN(d.getTime()) ? null : d;
+        }
+        const d = new Date(value);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    findKpi(re) {
+        return this.data()?.kpiCards.find((c) => re.test(c.label)) ?? null;
+    }
+    load() {
+        this.loading.set(true);
+        this.chartsReady.set(false);
+        this.hoveredVolume.set(null);
+        this.api.getAnalytics(this.range()).subscribe(({ data }) => {
+            this.data.set(data);
+            this.loading.set(false);
+            // Next frame so CSS enter animations run after paint.
+            requestAnimationFrame(() => this.chartsReady.set(true));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AnalyticsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: AnalyticsPageComponent, isStandalone: true, selector: "eds-analytics-page", ngImport: i0, template: "<div class=\"flex min-h-full flex-col gap-md bg-lighter p-base analytics-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h4>Analytics</h4>\n      <p class=\"fs-sm text-light\">How the AI is doing over time, and what\u2019s worth changing</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\">\n        <ed-icon name=\"download\" [size]=\"16\" />\n        Export\n      </button>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"base\"\n        outline\n        [pressed]=\"filtersOpen()\"\n        toggle\n        (click)=\"toggleFilters()\"\n      />\n    </div>\n  </header>\n\n  @if (filtersOpen()) {\n    <div\n      class=\"flex flex-wrap items-center gap-sm rounded-lg border border-light bg-white p-base\"\n      role=\"group\"\n      aria-label=\"Date range\"\n    >\n      @for (r of ranges; track r.id) {\n        <button\n          type=\"button\"\n          class=\"analytics-page__range-btn cursor-pointer rounded border-none bg-transparent px-3 py-2 text-light\"\n          [class.analytics-page__range-btn--active]=\"range() === r.id\"\n          (click)=\"setRange(r.id)\"\n        >\n          {{ r.label }}\n        </button>\n      }\n      <span class=\"fs-sm text-light\">Showing data for {{ periodLabel() }}</span>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"flex flex-col gap-base\" aria-busy=\"true\" aria-live=\"polite\">\n      <div class=\"analytics-page__skeleton analytics-page__skeleton--hero h-36 rounded-md border border-light\"></div>\n      <div class=\"flex gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n      </div>\n      <div class=\"flex flex-wrap gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n      </div>\n      <p class=\"fs-sm text-light\">Loading analytics\u2026</p>\n    </div>\n  } @else {\n    @if (data(); as d) {\n      <div class=\"analytics-page__body flex flex-col gap-base\" [class.analytics-page__body--ready]=\"chartsReady()\">\n        <section class=\"flex flex-col gap-base lg:flex-row\" aria-label=\"Key outcomes\">\n          <article\n            class=\"analytics-page__impact flex min-h-36 shrink-0 flex-col gap-sm rounded-md p-base text-white lg:w-72\"\n          >\n            <div class=\"flex items-center gap-2xs\">\n              <ed-icon name=\"lightning\" [size]=\"12\" color=\"currentColor\" />\n              <span class=\"fs-xs font-semibold uppercase tracking-wide opacity-90\">\n                {{ impactKpi()?.label || 'Estimated Impact This Month' }}\n              </span>\n            </div>\n            <strong class=\"fs-lg font-semibold leading-tight\">\n              {{ impactKpi()?.value || '\u2014' }}\n            </strong>\n            <div class=\"flex flex-col gap-2xs opacity-90\">\n              <p class=\"m-0 fs-sm\">{{ impactSubPrimary() }}</p>\n              @if (impactSubSecondary(); as secondary) {\n                <p class=\"m-0 fs-xs opacity-90\">{{ secondary }}</p>\n              }\n            </div>\n          </article>\n\n          <article\n            class=\"analytics-page__card flex min-w-0 flex-1 flex-col gap-base overflow-hidden rounded-lg bg-white p-base lg:flex-row lg:items-center\"\n          >\n            <div class=\"flex w-full shrink-0 flex-col gap-sm lg:w-52\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">\n                {{ resolutionKpi()?.label || 'AI Autonomous Resolution' }}\n              </span>\n              <strong class=\"fs-lg font-semibold text-dark\">\n                {{ resolutionKpi()?.value || '\u2014' }}\n              </strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                <span class=\"fs-sm text-body\">\n                  {{ resolutionKpi()?.sub || 'without staff intervention' }}\n                </span>\n                @if (resolutionTrend(); as trend) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"trend.tone\"\n                  >\n                    <ed-icon [name]=\"trend.icon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ trend.delta }}\n                  </span>\n                }\n              </div>\n            </div>\n\n            <div class=\"analytics-page__v-divider hidden lg:block\" aria-hidden=\"true\"></div>\n\n            <div class=\"analytics-page__distribution flex min-w-0 flex-1 flex-col gap-sm\">\n              <div class=\"flex flex-wrap items-center justify-between gap-sm\">\n                <strong class=\"fs-sm font-semibold text-body\">{{ totalCallsLabel() }}</strong>\n                @if (directionSub(); as dir) {\n                  <span class=\"fs-sm text-body\">{{ dir }}</span>\n                }\n              </div>\n              <div\n                class=\"analytics-page__stack flex h-8 gap-2xs overflow-hidden rounded-md\"\n                role=\"img\"\n                aria-label=\"Call distribution\"\n              >\n                @for (seg of distribution(); track seg.label) {\n                  <span\n                    class=\"analytics-page__stack-seg relative flex min-w-0 items-center justify-center\"\n                    [style.flex-grow]=\"seg.width\"\n                    [style.background]=\"seg.color\"\n                    [attr.aria-label]=\"seg.tooltip\"\n                  >\n                    @if (seg.width >= 8) {\n                      <span\n                        class=\"analytics-page__stack-pct fs-xs font-semibold uppercase tracking-wide\"\n                        [style.color]=\"seg.textColor\"\n                      >\n                        {{ seg.value }}%\n                      </span>\n                    }\n                    <span class=\"analytics-page__tooltip\">{{ seg.tooltip }}</span>\n                  </span>\n                }\n              </div>\n              <ul class=\"m-0 flex list-none flex-wrap gap-x-md gap-y-xs p-0\">\n                @for (seg of distribution(); track seg.label) {\n                  <li class=\"inline-flex items-center gap-xs\">\n                    <span\n                      class=\"h-4 w-4 shrink-0 rounded-sm\"\n                      [style.background]=\"seg.color\"\n                    ></span>\n                    <span class=\"inline-flex items-center gap-2xs\">\n                      <strong class=\"fs-sm font-semibold text-body\">{{ seg.label }}</strong>\n                      <span class=\"fs-xs text-light\">{{ seg.callsText }}</span>\n                    </span>\n                  </li>\n                }\n              </ul>\n            </div>\n          </article>\n        </section>\n\n        <section\n          class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\"\n          aria-label=\"Activity KPIs\"\n        >\n          @for (kpi of secondaryKpis(); track kpi.label) {\n            <article class=\"analytics-page__card flex flex-col gap-2xs rounded-md bg-white p-base\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ kpi.label }}</span>\n              <strong class=\"font-semibold text-dark\">{{ kpi.value }}</strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                @if (kpi.sub) {\n                  <span class=\"fs-sm text-body\">{{ kpi.sub }}</span>\n                }\n                @if (kpi.delta) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"kpi.tone\"\n                  >\n                    <ed-icon [name]=\"kpi.trendIcon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ kpi.delta }}\n                  </span>\n                }\n              </div>\n            </article>\n          }\n        </section>\n\n        <div class=\"grid grid-cols-1 gap-base md:grid-cols-2\">\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <div class=\"flex flex-wrap items-center justify-between gap-base\">\n              <h3>Call Volume</h3>\n              <ul class=\"m-0 flex list-none flex-wrap items-center justify-end gap-md p-0\">\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--total h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Total Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--in h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Inbound Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--out h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Outbound Calls</span>\n                </li>\n              </ul>\n            </div>\n            <div class=\"analytics-page__line-chart relative h-60\">\n              <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n                <path class=\"analytics-page__area\" [attr.d]=\"volumeAreaPath()\" />\n                <path\n                  class=\"analytics-page__line analytics-page__line--total\"\n                  [attr.d]=\"volumeTotalPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--in\"\n                  [attr.d]=\"volumeInboundPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--out\"\n                  [attr.d]=\"volumeOutboundPath()\"\n                  fill=\"none\"\n                />\n              </svg>\n              <div\n                class=\"analytics-page__volume-hit flex\"\n                role=\"list\"\n                aria-label=\"Call volume by period\"\n                (mouseleave)=\"onVolumeLeave()\"\n              >\n                @for (point of volumePointVms(); track point.trackKey; let i = $index) {\n                  <button\n                    type=\"button\"\n                    class=\"analytics-page__volume-col relative min-w-0 flex-1 cursor-default border-none bg-transparent p-0\"\n                    role=\"listitem\"\n                    [class.analytics-page__volume-col--active]=\"hoveredVolume() === i\"\n                    [attr.aria-label]=\"point.tooltip\"\n                    (mouseenter)=\"onVolumeEnter(i)\"\n                    (focus)=\"onVolumeEnter(i)\"\n                    (blur)=\"onVolumeLeave()\"\n                  >\n                    <span class=\"analytics-page__tooltip analytics-page__tooltip--multiline\">\n                      {{ point.tooltip }}\n                    </span>\n                  </button>\n                }\n              </div>\n              <div class=\"mt-xs flex justify-between gap-2xs\">\n                @for (label of volumeAxisLabels(); track $index) {\n                  <span class=\"flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    {{ label }}\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Top Call Reasons</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of reasonRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Reasons AI got stuck</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of transferRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Peak Hours</h3>\n            <div class=\"flex flex-col gap-xs\">\n              <div class=\"flex h-40 items-end gap-xs\" role=\"list\" aria-label=\"Call volume by hour\">\n                @for (point of peakRows(); track point.hour) {\n                  <div\n                    class=\"analytics-page__peak-col flex h-full min-w-0 flex-1 flex-col\"\n                    role=\"listitem\"\n                    [attr.aria-label]=\"point.tooltip\"\n                  >\n                    <div class=\"analytics-page__peak-wrap relative flex min-h-0 flex-1 items-end justify-center\">\n                      <div\n                        class=\"analytics-page__peak-bar w-3 min-h-0.5 rounded-t-full\"\n                        [style.height.%]=\"point.heightPct\"\n                        [style.animation-delay.ms]=\"point.delayMs\"\n                      ></div>\n                      <span class=\"analytics-page__tooltip\">{{ point.tooltip }}</span>\n                    </div>\n                  </div>\n                }\n              </div>\n              <div class=\"flex gap-xs\">\n                @for (point of peakRows(); track point.hour) {\n                  <span class=\"min-h-3.5 flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    @if (point.showLabel) {\n                      {{ point.label }}\n                    }\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.analytics-page__range-btn--active{background:var(--eds-brand-500);color:#fff}.analytics-page__impact{background:linear-gradient(145deg,#2162f0,#214dd9)}.analytics-page__divider{display:inline-block;width:1px;height:1rem;background:var(--eds-border-default, #e5e5e5);flex-shrink:0}.analytics-page__v-divider{width:1px;align-self:stretch;min-height:5.5rem;background:var(--eds-border-default, #e5e5e5);flex-shrink:0}.analytics-page__stack{background:transparent}.analytics-page__stack-seg{flex-basis:0;min-width:.25rem}.analytics-page__stack-seg:hover .analytics-page__tooltip,.analytics-page__stack-seg:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__stack-pct{pointer-events:none;z-index:1}.analytics-page__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:8px 12px;background:var(--eds-gray-900, #1f2328);color:#fafafa;font:500 12px/1.4 var(--eds-font-inter);border-radius:8px;white-space:nowrap;width:max-content;min-width:168px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5;box-shadow:0 4px 12px #0000002e}.analytics-page__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--eds-gray-900, #1f2328)}.analytics-page__tooltip--multiline{white-space:pre-line;text-align:left;min-width:190px;max-width:none}.analytics-page__skeleton{background:linear-gradient(90deg,var(--eds-surface-l0) 0%,#eef2f4 45%,var(--eds-surface-l0) 90%);background-size:200% 100%;animation:analytics-shimmer 1.2s ease-in-out infinite;border-color:var(--eds-border-default)}.analytics-page__body .analytics-page__hbar-fill,.analytics-page__body .analytics-page__peak-bar,.analytics-page__body .analytics-page__line,.analytics-page__body .analytics-page__area,.analytics-page__body .analytics-page__stack-seg{opacity:0}.analytics-page__body--ready .analytics-page__hbar-fill{opacity:1;animation:analytics-hbar-grow .55s ease forwards;transform-origin:left center}.analytics-page__body--ready .analytics-page__peak-bar{opacity:1;animation:analytics-peak-grow .55s ease forwards;transform-origin:bottom}.analytics-page__body--ready .analytics-page__line,.analytics-page__body--ready .analytics-page__area,.analytics-page__body--ready .analytics-page__stack-seg{opacity:1;animation:analytics-fade-in .45s ease forwards}.analytics-page__body--ready .analytics-page__line--total{animation:analytics-draw-line .85s ease forwards}.analytics-page__body--ready .analytics-page__line--in{animation:analytics-draw-line .85s ease .08s forwards}.analytics-page__body--ready .analytics-page__line--out{animation:analytics-draw-line .85s ease .16s forwards}.analytics-page__trend{font:400 11px/16px var(--eds-font-inter)}.analytics-page__trend[data-tone=pos]{color:var(--eds-green-600, #077c37)}.analytics-page__trend[data-tone=warn],.analytics-page__trend[data-tone=neg]{color:var(--eds-red-500, #db0c15)}.analytics-page__trend[data-tone=neutral]{color:var(--eds-text-secondary)}.analytics-page__dot--total{background:#749fff}.analytics-page__dot--in{background:#ca88f9}.analytics-page__dot--out{background:#4dce7d}.analytics-page__line-chart svg{width:100%;height:calc(100% - 28px);overflow:visible}.analytics-page__volume-hit{position:absolute;inset:0 0 28px;z-index:2}.analytics-page__volume-col:before{content:\"\";position:absolute;inset:0 35%;border-radius:4px;background:transparent;transition:background .15s ease}.analytics-page__volume-col:hover:before,.analytics-page__volume-col--active:before,.analytics-page__volume-col:focus-visible:before{background:#2162f014}.analytics-page__volume-col:hover .analytics-page__tooltip,.analytics-page__volume-col:focus-visible .analytics-page__tooltip,.analytics-page__volume-col--active .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__area{fill:#749fff33}.analytics-page__line{stroke-width:2.2;vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-linejoin:round}.analytics-page__line--total{stroke:#749fff}.analytics-page__line--in{stroke:#ca88f9}.analytics-page__line--out{stroke:#4dce7d}.analytics-page__hbar-row{grid-template-columns:minmax(110px,140px) 1fr 42px}@media(max-width:768px){.analytics-page__hbar-row{grid-template-columns:100px 1fr 36px}}.analytics-page__hbar-track{background:var(--eds-surface-l1, #f7f9fa)}.analytics-page__hbar-track:hover .analytics-page__tooltip,.analytics-page__hbar-track:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__peak-wrap:hover .analytics-page__tooltip,.analytics-page__peak-wrap:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__peak-bar{background:#a3b3ff}.analytics-page__peak-col:hover .analytics-page__peak-bar{background:#8494f0}@keyframes analytics-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes analytics-hbar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes analytics-peak-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes analytics-fade-in{0%{opacity:0}to{opacity:1}}@keyframes analytics-draw-line{0%{opacity:0;stroke-dasharray:400;stroke-dashoffset:400}to{opacity:1;stroke-dasharray:400;stroke-dashoffset:0}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AnalyticsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-analytics-page', imports: [IconComponent, EdIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex min-h-full flex-col gap-md bg-lighter p-base analytics-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h4>Analytics</h4>\n      <p class=\"fs-sm text-light\">How the AI is doing over time, and what\u2019s worth changing</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\">\n        <ed-icon name=\"download\" [size]=\"16\" />\n        Export\n      </button>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"base\"\n        outline\n        [pressed]=\"filtersOpen()\"\n        toggle\n        (click)=\"toggleFilters()\"\n      />\n    </div>\n  </header>\n\n  @if (filtersOpen()) {\n    <div\n      class=\"flex flex-wrap items-center gap-sm rounded-lg border border-light bg-white p-base\"\n      role=\"group\"\n      aria-label=\"Date range\"\n    >\n      @for (r of ranges; track r.id) {\n        <button\n          type=\"button\"\n          class=\"analytics-page__range-btn cursor-pointer rounded border-none bg-transparent px-3 py-2 text-light\"\n          [class.analytics-page__range-btn--active]=\"range() === r.id\"\n          (click)=\"setRange(r.id)\"\n        >\n          {{ r.label }}\n        </button>\n      }\n      <span class=\"fs-sm text-light\">Showing data for {{ periodLabel() }}</span>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"flex flex-col gap-base\" aria-busy=\"true\" aria-live=\"polite\">\n      <div class=\"analytics-page__skeleton analytics-page__skeleton--hero h-36 rounded-md border border-light\"></div>\n      <div class=\"flex gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n      </div>\n      <div class=\"flex flex-wrap gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n      </div>\n      <p class=\"fs-sm text-light\">Loading analytics\u2026</p>\n    </div>\n  } @else {\n    @if (data(); as d) {\n      <div class=\"analytics-page__body flex flex-col gap-base\" [class.analytics-page__body--ready]=\"chartsReady()\">\n        <section class=\"flex flex-col gap-base lg:flex-row\" aria-label=\"Key outcomes\">\n          <article\n            class=\"analytics-page__impact flex min-h-36 shrink-0 flex-col gap-sm rounded-md p-base text-white lg:w-72\"\n          >\n            <div class=\"flex items-center gap-2xs\">\n              <ed-icon name=\"lightning\" [size]=\"12\" color=\"currentColor\" />\n              <span class=\"fs-xs font-semibold uppercase tracking-wide opacity-90\">\n                {{ impactKpi()?.label || 'Estimated Impact This Month' }}\n              </span>\n            </div>\n            <strong class=\"fs-lg font-semibold leading-tight\">\n              {{ impactKpi()?.value || '\u2014' }}\n            </strong>\n            <div class=\"flex flex-col gap-2xs opacity-90\">\n              <p class=\"m-0 fs-sm\">{{ impactSubPrimary() }}</p>\n              @if (impactSubSecondary(); as secondary) {\n                <p class=\"m-0 fs-xs opacity-90\">{{ secondary }}</p>\n              }\n            </div>\n          </article>\n\n          <article\n            class=\"analytics-page__card flex min-w-0 flex-1 flex-col gap-base overflow-hidden rounded-lg bg-white p-base lg:flex-row lg:items-center\"\n          >\n            <div class=\"flex w-full shrink-0 flex-col gap-sm lg:w-52\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">\n                {{ resolutionKpi()?.label || 'AI Autonomous Resolution' }}\n              </span>\n              <strong class=\"fs-lg font-semibold text-dark\">\n                {{ resolutionKpi()?.value || '\u2014' }}\n              </strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                <span class=\"fs-sm text-body\">\n                  {{ resolutionKpi()?.sub || 'without staff intervention' }}\n                </span>\n                @if (resolutionTrend(); as trend) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"trend.tone\"\n                  >\n                    <ed-icon [name]=\"trend.icon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ trend.delta }}\n                  </span>\n                }\n              </div>\n            </div>\n\n            <div class=\"analytics-page__v-divider hidden lg:block\" aria-hidden=\"true\"></div>\n\n            <div class=\"analytics-page__distribution flex min-w-0 flex-1 flex-col gap-sm\">\n              <div class=\"flex flex-wrap items-center justify-between gap-sm\">\n                <strong class=\"fs-sm font-semibold text-body\">{{ totalCallsLabel() }}</strong>\n                @if (directionSub(); as dir) {\n                  <span class=\"fs-sm text-body\">{{ dir }}</span>\n                }\n              </div>\n              <div\n                class=\"analytics-page__stack flex h-8 gap-2xs overflow-hidden rounded-md\"\n                role=\"img\"\n                aria-label=\"Call distribution\"\n              >\n                @for (seg of distribution(); track seg.label) {\n                  <span\n                    class=\"analytics-page__stack-seg relative flex min-w-0 items-center justify-center\"\n                    [style.flex-grow]=\"seg.width\"\n                    [style.background]=\"seg.color\"\n                    [attr.aria-label]=\"seg.tooltip\"\n                  >\n                    @if (seg.width >= 8) {\n                      <span\n                        class=\"analytics-page__stack-pct fs-xs font-semibold uppercase tracking-wide\"\n                        [style.color]=\"seg.textColor\"\n                      >\n                        {{ seg.value }}%\n                      </span>\n                    }\n                    <span class=\"analytics-page__tooltip\">{{ seg.tooltip }}</span>\n                  </span>\n                }\n              </div>\n              <ul class=\"m-0 flex list-none flex-wrap gap-x-md gap-y-xs p-0\">\n                @for (seg of distribution(); track seg.label) {\n                  <li class=\"inline-flex items-center gap-xs\">\n                    <span\n                      class=\"h-4 w-4 shrink-0 rounded-sm\"\n                      [style.background]=\"seg.color\"\n                    ></span>\n                    <span class=\"inline-flex items-center gap-2xs\">\n                      <strong class=\"fs-sm font-semibold text-body\">{{ seg.label }}</strong>\n                      <span class=\"fs-xs text-light\">{{ seg.callsText }}</span>\n                    </span>\n                  </li>\n                }\n              </ul>\n            </div>\n          </article>\n        </section>\n\n        <section\n          class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\"\n          aria-label=\"Activity KPIs\"\n        >\n          @for (kpi of secondaryKpis(); track kpi.label) {\n            <article class=\"analytics-page__card flex flex-col gap-2xs rounded-md bg-white p-base\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ kpi.label }}</span>\n              <strong class=\"font-semibold text-dark\">{{ kpi.value }}</strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                @if (kpi.sub) {\n                  <span class=\"fs-sm text-body\">{{ kpi.sub }}</span>\n                }\n                @if (kpi.delta) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"kpi.tone\"\n                  >\n                    <ed-icon [name]=\"kpi.trendIcon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ kpi.delta }}\n                  </span>\n                }\n              </div>\n            </article>\n          }\n        </section>\n\n        <div class=\"grid grid-cols-1 gap-base md:grid-cols-2\">\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <div class=\"flex flex-wrap items-center justify-between gap-base\">\n              <h3>Call Volume</h3>\n              <ul class=\"m-0 flex list-none flex-wrap items-center justify-end gap-md p-0\">\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--total h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Total Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--in h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Inbound Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--out h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Outbound Calls</span>\n                </li>\n              </ul>\n            </div>\n            <div class=\"analytics-page__line-chart relative h-60\">\n              <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n                <path class=\"analytics-page__area\" [attr.d]=\"volumeAreaPath()\" />\n                <path\n                  class=\"analytics-page__line analytics-page__line--total\"\n                  [attr.d]=\"volumeTotalPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--in\"\n                  [attr.d]=\"volumeInboundPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--out\"\n                  [attr.d]=\"volumeOutboundPath()\"\n                  fill=\"none\"\n                />\n              </svg>\n              <div\n                class=\"analytics-page__volume-hit flex\"\n                role=\"list\"\n                aria-label=\"Call volume by period\"\n                (mouseleave)=\"onVolumeLeave()\"\n              >\n                @for (point of volumePointVms(); track point.trackKey; let i = $index) {\n                  <button\n                    type=\"button\"\n                    class=\"analytics-page__volume-col relative min-w-0 flex-1 cursor-default border-none bg-transparent p-0\"\n                    role=\"listitem\"\n                    [class.analytics-page__volume-col--active]=\"hoveredVolume() === i\"\n                    [attr.aria-label]=\"point.tooltip\"\n                    (mouseenter)=\"onVolumeEnter(i)\"\n                    (focus)=\"onVolumeEnter(i)\"\n                    (blur)=\"onVolumeLeave()\"\n                  >\n                    <span class=\"analytics-page__tooltip analytics-page__tooltip--multiline\">\n                      {{ point.tooltip }}\n                    </span>\n                  </button>\n                }\n              </div>\n              <div class=\"mt-xs flex justify-between gap-2xs\">\n                @for (label of volumeAxisLabels(); track $index) {\n                  <span class=\"flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    {{ label }}\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Top Call Reasons</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of reasonRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Reasons AI got stuck</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of transferRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Peak Hours</h3>\n            <div class=\"flex flex-col gap-xs\">\n              <div class=\"flex h-40 items-end gap-xs\" role=\"list\" aria-label=\"Call volume by hour\">\n                @for (point of peakRows(); track point.hour) {\n                  <div\n                    class=\"analytics-page__peak-col flex h-full min-w-0 flex-1 flex-col\"\n                    role=\"listitem\"\n                    [attr.aria-label]=\"point.tooltip\"\n                  >\n                    <div class=\"analytics-page__peak-wrap relative flex min-h-0 flex-1 items-end justify-center\">\n                      <div\n                        class=\"analytics-page__peak-bar w-3 min-h-0.5 rounded-t-full\"\n                        [style.height.%]=\"point.heightPct\"\n                        [style.animation-delay.ms]=\"point.delayMs\"\n                      ></div>\n                      <span class=\"analytics-page__tooltip\">{{ point.tooltip }}</span>\n                    </div>\n                  </div>\n                }\n              </div>\n              <div class=\"flex gap-xs\">\n                @for (point of peakRows(); track point.hour) {\n                  <span class=\"min-h-3.5 flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    @if (point.showLabel) {\n                      {{ point.label }}\n                    }\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.analytics-page__range-btn--active{background:var(--eds-brand-500);color:#fff}.analytics-page__impact{background:linear-gradient(145deg,#2162f0,#214dd9)}.analytics-page__divider{display:inline-block;width:1px;height:1rem;background:var(--eds-border-default, #e5e5e5);flex-shrink:0}.analytics-page__v-divider{width:1px;align-self:stretch;min-height:5.5rem;background:var(--eds-border-default, #e5e5e5);flex-shrink:0}.analytics-page__stack{background:transparent}.analytics-page__stack-seg{flex-basis:0;min-width:.25rem}.analytics-page__stack-seg:hover .analytics-page__tooltip,.analytics-page__stack-seg:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__stack-pct{pointer-events:none;z-index:1}.analytics-page__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:8px 12px;background:var(--eds-gray-900, #1f2328);color:#fafafa;font:500 12px/1.4 var(--eds-font-inter);border-radius:8px;white-space:nowrap;width:max-content;min-width:168px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5;box-shadow:0 4px 12px #0000002e}.analytics-page__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--eds-gray-900, #1f2328)}.analytics-page__tooltip--multiline{white-space:pre-line;text-align:left;min-width:190px;max-width:none}.analytics-page__skeleton{background:linear-gradient(90deg,var(--eds-surface-l0) 0%,#eef2f4 45%,var(--eds-surface-l0) 90%);background-size:200% 100%;animation:analytics-shimmer 1.2s ease-in-out infinite;border-color:var(--eds-border-default)}.analytics-page__body .analytics-page__hbar-fill,.analytics-page__body .analytics-page__peak-bar,.analytics-page__body .analytics-page__line,.analytics-page__body .analytics-page__area,.analytics-page__body .analytics-page__stack-seg{opacity:0}.analytics-page__body--ready .analytics-page__hbar-fill{opacity:1;animation:analytics-hbar-grow .55s ease forwards;transform-origin:left center}.analytics-page__body--ready .analytics-page__peak-bar{opacity:1;animation:analytics-peak-grow .55s ease forwards;transform-origin:bottom}.analytics-page__body--ready .analytics-page__line,.analytics-page__body--ready .analytics-page__area,.analytics-page__body--ready .analytics-page__stack-seg{opacity:1;animation:analytics-fade-in .45s ease forwards}.analytics-page__body--ready .analytics-page__line--total{animation:analytics-draw-line .85s ease forwards}.analytics-page__body--ready .analytics-page__line--in{animation:analytics-draw-line .85s ease .08s forwards}.analytics-page__body--ready .analytics-page__line--out{animation:analytics-draw-line .85s ease .16s forwards}.analytics-page__trend{font:400 11px/16px var(--eds-font-inter)}.analytics-page__trend[data-tone=pos]{color:var(--eds-green-600, #077c37)}.analytics-page__trend[data-tone=warn],.analytics-page__trend[data-tone=neg]{color:var(--eds-red-500, #db0c15)}.analytics-page__trend[data-tone=neutral]{color:var(--eds-text-secondary)}.analytics-page__dot--total{background:#749fff}.analytics-page__dot--in{background:#ca88f9}.analytics-page__dot--out{background:#4dce7d}.analytics-page__line-chart svg{width:100%;height:calc(100% - 28px);overflow:visible}.analytics-page__volume-hit{position:absolute;inset:0 0 28px;z-index:2}.analytics-page__volume-col:before{content:\"\";position:absolute;inset:0 35%;border-radius:4px;background:transparent;transition:background .15s ease}.analytics-page__volume-col:hover:before,.analytics-page__volume-col--active:before,.analytics-page__volume-col:focus-visible:before{background:#2162f014}.analytics-page__volume-col:hover .analytics-page__tooltip,.analytics-page__volume-col:focus-visible .analytics-page__tooltip,.analytics-page__volume-col--active .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__area{fill:#749fff33}.analytics-page__line{stroke-width:2.2;vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-linejoin:round}.analytics-page__line--total{stroke:#749fff}.analytics-page__line--in{stroke:#ca88f9}.analytics-page__line--out{stroke:#4dce7d}.analytics-page__hbar-row{grid-template-columns:minmax(110px,140px) 1fr 42px}@media(max-width:768px){.analytics-page__hbar-row{grid-template-columns:100px 1fr 36px}}.analytics-page__hbar-track{background:var(--eds-surface-l1, #f7f9fa)}.analytics-page__hbar-track:hover .analytics-page__tooltip,.analytics-page__hbar-track:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__peak-wrap:hover .analytics-page__tooltip,.analytics-page__peak-wrap:focus-within .analytics-page__tooltip{opacity:1;transform:translate(-50%)}.analytics-page__peak-bar{background:#a3b3ff}.analytics-page__peak-col:hover .analytics-page__peak-bar{background:#8494f0}@keyframes analytics-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes analytics-hbar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes analytics-peak-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes analytics-fade-in{0%{opacity:0}to{opacity:1}}@keyframes analytics-draw-line{0%{opacity:0;stroke-dasharray:400;stroke-dashoffset:400}to{opacity:1;stroke-dasharray:400;stroke-dashoffset:0}}\n"] }]
+        }] });
+
+export { AnalyticsPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-analytics-page.component-DPE4-h5L.mjs.map