@edvak99/voice-receptionist-widget 1.1.20 → 1.1.21

package/fesm2022/{edvak99-voice-receptionist-widget-dashboard-page.component-CWAsroOR.mjs.map → edvak99-voice-receptionist-widget-dashboard-page.component-CxNYLBbg.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-dashboard-page.component-CWAsroOR.mjs","sources":["../../../src/lib/pages/dashboard-page/dashboard-page.component.ts","../../../src/lib/pages/dashboard-page/dashboard-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  OnDestroy,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { DatePipe } from '@angular/common';\n\nimport {\n  CallStatus,\n  DashboardData,\n  HistoryCall,\n  LiveCall,\n  Sentiment,\n} from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { AgentOnlineService } from '../../services/agent-online.service';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport {\n  ageFromDob,\n  callerMetaLine,\n  historyResolution,\n  historyResolutionLabel,\n  historyResultChips,\n  HistoryResolution,\n  isUnknownCaller,\n  resultChipIcon,\n} from '../../utils/call-history-display.util';\nimport { sentimentIconSrc, sentimentLabel } from '../../utils/sentiment-display.util';\nimport { isNeedsReview } from '../../utils/call-review.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\ninterface KpiCardVm {\n  id: string;\n  label: string;\n  value: string;\n  meta: string;\n  link?: string;\n  queryParams?: Record<string, string>;\n}\n\ninterface LiveCallRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'warm';\n  metaLine: string;\n  sentiment: Sentiment;\n  sentimentLabel: string;\n  sentimentIconSrc: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  goal: string;\n  statusSubtitle: string;\n  handlingLabel: string;\n  handlingVariant: 'opened' | 'danger' | 'success';\n  needsAssistance: boolean;\n  started: number;\n}\n\ninterface AttentionRowVm {\n  id: string;\n  callId: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'violet';\n  metaLine: string;\n  badge: string;\n  detail: string;\n  timeLabel: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n}\n\ninterface RecentHistoryRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand';\n  metaLine: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  reason: string;\n  handledByLabel: string;\n  handledByVariant: 'opened' | 'primary';\n  resolution: HistoryResolution | null;\n  resolutionLabel: string;\n  resolutionVariant: 'success' | 'warning';\n  resultChips: { label: string; icon: string }[];\n  durationLabel: string;\n  started: number | null;\n  whenLabel: string;\n  needsReview: boolean;\n}\n\n@Component({\n  selector: 'eds-dashboard-page',\n  imports: [\n    RouterLink,\n    DatePipe,\n    EdAvatarComponent,\n    EdButtonComponent,\n    IconComponent,\n    EdsPulseDotComponent,\n    EdsElapsedPipe,\n    SmartTooltipDirective,\n    EdSkeletonComponent,\n  ],\n  templateUrl: './dashboard-page.component.html',\n  styleUrl: './dashboard-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  host: { class: 'block h-full min-h-0' },\n})\nexport class DashboardPageComponent implements OnInit, OnDestroy {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly liveCallsList = inject(LiveCallsListService);\n  private readonly agentOnline = inject(AgentOnlineService);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly data = signal<DashboardData | null>(null);\n  protected readonly loading = signal(true);\n  protected readonly kpiSkeletonRows = [0, 1, 2, 3] as const;\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n\n  protected readonly liveCalls = this.liveCallsList.calls;\n  protected readonly liveCallsLoading = this.liveCallsList.loading;\n  protected readonly liveCallsError = this.liveCallsList.error;\n  protected readonly agentOffline = computed(() => this.agentOnline.online() === false);\n\n  protected readonly kpiCards = computed((): KpiCardVm[] => {\n    const stats = this.data()?.stats;\n    if (!stats) return [];\n    const calls = stats.answeredToday;\n    const resolvedCount = Math.round((stats.completionRate / 100) * Math.max(calls, 1));\n    return [\n      {\n        id: 'calls',\n        label: 'Calls handled',\n        value: String(calls),\n        meta: 'Today',\n        link: '../history',\n      },\n      {\n        id: 'appointments',\n        label: 'Appointments booked',\n        value: String(stats.appointmentsBooked),\n        meta: 'Created by AI',\n        link: '../activities',\n        queryParams: { tab: 'appointments' },\n      },\n      {\n        id: 'tasks',\n        label: 'Tasks created',\n        value: String(stats.tasksCreated),\n        meta: 'Created by AI',\n        link: '../activities',\n      },\n      {\n        id: 'resolved',\n        label: 'Resolved without staff',\n        value: `${stats.completionRate}%`,\n        meta: calls > 0 ? `${resolvedCount} of ${calls} calls` : 'AI handled',\n        link: '../activities',\n      },\n    ];\n  });\n\n  protected readonly liveCallRows = computed(() =>\n    this.liveCalls().map((call) => this.toLiveCallRow(call)),\n  );\n\n  protected readonly liveCallCount = computed(() => this.liveCallRows().length);\n\n  protected readonly attentionRows = computed((): AttentionRowVm[] => {\n    const fromLive = this.liveCalls()\n      .filter((c) => this.isAssistanceStatus(c.status) || c.sentiment === 'frustrated' || c.sentiment === 'urgent')\n      .map((c) => this.toAttentionFromLive(c));\n\n    const fromHistory = (this.data()?.recentHistory ?? [])\n      .filter(\n        (row) =>\n          historyResolution({\n            outcome: row.outcome,\n            resolution: row.resolution,\n            risk: row.risk,\n          }) === 'needs_attention',\n      )\n      .map((row) => this.toAttentionFromHistory(row));\n\n    const seen = new Set<string>();\n    const merged: AttentionRowVm[] = [];\n    for (const item of [...fromLive, ...fromHistory]) {\n      if (seen.has(item.callId)) continue;\n      seen.add(item.callId);\n      merged.push(item);\n      if (merged.length >= 6) break;\n    }\n    return merged;\n  });\n\n  protected readonly attentionCount = computed(() => this.attentionRows().length);\n\n  protected readonly recentHistoryRows = computed(() =>\n    (this.data()?.recentHistory ?? []).map((row) => this.toRecentHistoryRow(row)),\n  );\n\n  protected readonly recentHistoryCount = computed(() => this.recentHistoryRows().length);\n\n  ngOnInit(): void {\n    this.liveCallsList.start();\n    this.api.getDashboard().subscribe(({ data }) => {\n      this.data.set(data);\n      this.loading.set(false);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.liveCallsList.stop();\n  }\n\n  protected exportCsv(): void {\n    // mock export\n  }\n\n  protected openHistoryDetail(id: string): void {\n    void this.router.navigate(['../history', id], { relativeTo: this.route });\n  }\n\n  protected openLiveCall(id: string): void {\n    void this.router.navigate(['../live', id], { relativeTo: this.route });\n  }\n\n  protected openAttention(item: AttentionRowVm): void {\n    const live = this.liveCalls().some((c) => c.id === item.callId);\n    void this.router.navigate(live ? ['../live', item.callId] : ['../history', item.callId], {\n      relativeTo: this.route,\n    });\n  }\n\n  private toLiveCallRow(call: LiveCall): LiveCallRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    const needsAssistance = this.isAssistanceStatus(call.status);\n    const staffHandling = call.status === 'takeover' || call.controlMode === 'takeover';\n    const lastTool = call.tools[call.tools.length - 1];\n\n    return {\n      id: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'warm',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      sentiment: call.sentiment,\n      sentimentLabel: sentimentLabel(call.sentiment),\n      sentimentIconSrc: sentimentIconSrc(call.sentiment),\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n      goal: call.reason || call.goal || '—',\n      statusSubtitle: lastTool?.result || call.goal || 'In progress…',\n      handlingLabel: needsAssistance\n        ? 'NEED ASSISTANCE'\n        : staffHandling\n          ? 'STAFF HANDLING'\n          : 'AI HANDLING',\n      handlingVariant: needsAssistance ? 'danger' : staffHandling ? 'success' : 'opened',\n      needsAssistance,\n      started: call.started,\n    };\n  }\n\n  private toAttentionFromLive(call: LiveCall): AttentionRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    return {\n      id: `live-${call.id}`,\n      callId: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      badge: this.attentionBadgeFromLive(call),\n      detail: call.goal || call.reason || 'Needs staff follow-up.',\n      timeLabel: 'Just now',\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toAttentionFromHistory(row: HistoryCall): AttentionRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const inbound = row.direction === 'inbound';\n    return {\n      id: `hist-${row.id}`,\n      callId: row.id,\n      name: unknown ? 'Unknown Caller' : row.name.trim() || 'Unknown Caller',\n      initials: unknown || !row.initials ? '?' : row.initials,\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      badge: this.attentionBadgeFromHistory(row),\n      detail: row.reason || row.outcome || 'Needs review.',\n      timeLabel: row.whenLabel || 'Recently',\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toRecentHistoryRow(row: HistoryCall): RecentHistoryRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const resolution = historyResolution({\n      outcome: row.outcome,\n      resolution: row.resolution,\n      risk: row.risk,\n    });\n    const handledByStaff = row.handledBy === 'staff';\n    const inbound = row.direction === 'inbound';\n    const chips = historyResultChips(row.results, row.outcome);\n\n    return {\n      id: row.id,\n      name: row.name || 'Unknown Caller',\n      initials: row.initials || '?',\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'brand',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n      reason: row.reason || '—',\n      handledByLabel: handledByStaff ? 'STAFF' : 'AI',\n      handledByVariant: handledByStaff ? 'primary' : 'opened',\n      resolution,\n      resolutionLabel: historyResolutionLabel(resolution),\n      resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',\n      resultChips: chips.map((label) => ({ label, icon: resultChipIcon(label) })),\n      durationLabel: row.durationLabel ?? this.formatDuration(row.duration),\n      started: row.started || null,\n      whenLabel: row.whenLabel || '—',\n      needsReview: isNeedsReview(row.review),\n    };\n  }\n\n  private isAssistanceStatus(status: CallStatus): boolean {\n    return status === 'needs-help' || status === 'human-requested' || status === 'urgent';\n  }\n\n  private attentionBadgeFromLive(call: LiveCall): string {\n    if (call.status === 'urgent') return 'SAFETY ESCALATION';\n    if (call.status === 'human-requested') return 'HUMAN REQUESTED';\n    if (call.verification === 'failed' || call.verification === 'unknown') return 'IDENTITY UNRESOLVED';\n    if (call.status === 'needs-help') return 'NEED ASSISTANCE';\n    return 'NEEDS REVIEW';\n  }\n\n  private attentionBadgeFromHistory(row: HistoryCall): string {\n    const o = (row.outcome || row.reason || '').toLowerCase();\n    if (o.includes('book') || o.includes('appoint')) return 'BOOKING FAILURE';\n    if (o.includes('ident') || row.verification === 'failed' || row.verification === 'unknown') {\n      return 'IDENTITY UNRESOLVED';\n    }\n    if (row.risk === 'urgent') return 'SAFETY ESCALATION';\n    return 'NEEDS REVIEW';\n  }\n\n  private formatDuration(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n","<div class=\"flex h-full  flex-col overflow-auto bg-lighter p-base dashboard-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h3>Dashboard</h3>\n      <p class=\"fs-sm text-light\">Monitor AI receptionist activity and follow up where needed</p>\n    </div>\n    <ed-button\n      class=\"shrink-0\"\n      variant=\"default\"\n      size=\"sm\"\n      (click$)=\"exportCsv()\">\n      <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n      Export CSV\n    </ed-button>\n  </header>\n\n  <div class=\"flex  flex-1 flex-col gap-base  \">\n  @if (loading()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\" aria-busy=\"true\">\n      @for (_ of kpiSkeletonRows; track _) {\n        <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n          <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n          <ed-skeleton class=\"h-6 w-14\"></ed-skeleton>\n          <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n        </article>\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\"\n      aria-busy=\"true\"\n    >\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            <ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <ed-skeleton class=\"h-5 w-28 shrink-0 !rounded-full\"></ed-skeleton>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-8 w-8 shrink-0 !rounded-md\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-full max-w-xs\"></ed-skeleton>\n                  </div>\n                  <ed-skeleton class=\"h-3 w-14 shrink-0\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\" aria-busy=\"true\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n        </div>\n        <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n      </header>\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (_ of skeletonRows; track _) {\n              <tr>\n                <td>\n                  <div class=\"grid gap-2xs py-2xs\">\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex items-center gap-xs py-2xs\">\n                    <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"text-center\">\n                  <div class=\"flex justify-center py-2xs\">\n                    <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                  </div>\n                </td>\n                <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-12 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-10\"></ed-skeleton></td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  } @else if (data()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\">\n      @for (tile of kpiCards(); track tile.id) {\n        @if (tile.link) {\n          <a\n            [routerLink]=\"tile.link\"\n            [queryParams]=\"tile.queryParams ?? null\"\n            class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base no-underline text-inherit transition-colors hover:bg-primary-100 hover:shadow-sm\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-sm text-light\">{{ tile.meta }}</span>\n          </article>\n        }\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\">\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            @if (agentOffline()) {\n              <span class=\"inline-flex items-center gap-2xs fs-sm font-semibold text-danger\">\n                <ed-icon name=\"phone_disabled\" [size]=\"18\" />\n                Offline\n              </span>\n            } @else {\n              <ed-badge-2 variant=\"success\" pill uppercase>\n                {{ liveCallCount() }} LIVE\n              </ed-badge-2>\n            }\n          </div>\n          <a routerLink=\"../live\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\">\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @if (liveCallsError()) {\n            <li class=\"fs-sm text-light\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCallRows().length === 0) {\n            @for (_ of listSkeletonRows; track _) {\n              <li>\n                <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                    <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                  </div>\n                </div>\n              </li>\n            }\n          }\n          @for (call of liveCallRows(); track call.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"flex w-full cursor-pointer items-center gap-base rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [class.border-danger]=\"call.needsAssistance\"\n                [class.bg-danger-50]=\"call.needsAssistance\"\n                (click)=\"openLiveCall(call.id)\"\n              >\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"call.initials\"\n                    [tone]=\"call.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <div class=\"flex min-w-0 flex-wrap items-center gap-sm\">\n                      <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                      <span class=\"vr-sentiment\" [attr.data-sentiment]=\"call.sentiment\">\n                        <span class=\"vr-sentiment__icon\" aria-hidden=\"true\">\n                          <img [src]=\"call.sentimentIconSrc\" alt=\"\" width=\"16\" height=\"16\" />\n                        </span>\n                        <span>{{ call.sentimentLabel }}</span>\n                      </span>\n                    </div>\n                    <span class=\"fs-sm whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                  </div>\n                </div>\n\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <span\n                    class=\"inline-flex size-9 shrink-0 items-center justify-center rounded-md\"\n                    [class.bg-success-50]=\"call.direction === 'inbound'\"\n                    [class.text-success]=\"call.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"call.direction === 'outbound'\"\n                    [class.text-primary]=\"call.direction === 'outbound'\"\n                    [smartTooltip]=\"call.directionTitle\"\n                  >\n                    <ed-icon [name]=\"call.directionIcon\" [size]=\"18\" color=\"currentColor\" />\n                  </span>\n                  <div class=\"grid min-w-0 gap-2xs whitespace-nowrap\">\n                    <span class=\"fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                    <span class=\"fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                  </div>\n                </div>\n\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                    {{ call.handlingLabel }}\n                  </ed-badge-2>\n                  <strong\n                    class=\"inline-flex items-center gap-2xs fs-2xs text-primary\"\n                    [class.text-danger]=\"call.needsAssistance\"\n                    [class.text-light]=\"!call.needsAssistance\"\n                  >\n                    @if (!call.needsAssistance) {\n                      <eds-pulse-dot />\n                    }\n                    {{ call.started | edsElapsed }}\n                  </strong>\n                </div>\n              </button>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"fs-sm text-light\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-badge-2 variant=\"warning\" pill>\n              {{ attentionCount() }}\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../history\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (item of attentionRows(); track item.id) {\n            <li>\n              <div\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"flex w-full cursor-pointer flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [attr.aria-label]=\"'Open attention item for ' + item.name\"\n                (click)=\"openAttention(item)\"\n                (keyup.enter)=\"openAttention(item)\"\n              >\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"item.initials\"\n                      [tone]=\"item.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span class=\"truncate fs-sm text-light\">{{ item.metaLine }}</span>\n                    </div>\n                  </div>\n                  <ed-badge-2 class=\"shrink-0\" variant=\"light\" pill uppercase>\n                    {{ item.badge }}\n                  </ed-badge-2>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <span\n                      class=\"inline-flex size-8 shrink-0 items-center justify-center rounded-md\"\n                      [class.bg-success-50]=\"item.direction === 'inbound'\"\n                      [class.text-success]=\"item.direction === 'inbound'\"\n                      [class.bg-primary-50]=\"item.direction === 'outbound'\"\n                      [class.text-primary]=\"item.direction === 'outbound'\"\n                      [smartTooltip]=\"item.directionTitle\"\n                    >\n                      <ed-icon [name]=\"item.directionIcon\" [size]=\"16\" color=\"currentColor\" />\n                    </span>\n                    <span class=\"min-w-0 flex-1 truncate fs-sm text-light\">{{ item.detail }}</span>\n                  </div>\n                  <span class=\"shrink-0 whitespace-nowrap fs-xs text-light\">{{ item.timeLabel }}</span>\n                </div>\n              </div>\n            </li>\n          } @empty {\n            <li class=\"fs-sm text-light\">Nothing needs attention right now.</li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-badge-2\n            variant=\"light\"\n            pill\n            [attr.aria-label]=\"'Recent calls count ' + recentHistoryCount()\"\n          >\n            {{ recentHistoryCount() }}\n          </ed-badge-2>\n        </div>\n        <a\n          routerLink=\"../history\"\n          class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n        >\n          View All\n          <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n        </a>\n      </header>\n\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of recentHistoryRows(); track row.id) {\n              <tr\n                class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                tabindex=\"0\"\n                role=\"link\"\n                [attr.aria-label]=\"'View call details for ' + row.name\"\n                (click)=\"openHistoryDetail(row.id)\"\n                (keyup.enter)=\"openHistoryDetail(row.id)\"\n              >\n                <td>\n                  <div class=\"flex flex-col gap-2xs whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"fs-xs text-light\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.whenLabel }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-52 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"row.initials\"\n                      [tone]=\"row.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs text-dark\">\n                        <span\n                          class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold\"\n                          [smartTooltip]=\"row.name\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ row.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span\n                        class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                        [smartTooltip]=\"row.metaLine\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.metaLine }}</span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"text-center\">\n                  <span\n                    class=\"inline-flex size-5 items-center justify-center rounded\"\n                    [class.bg-success-50]=\"row.direction === 'inbound'\"\n                    [class.text-success]=\"row.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                    [class.text-primary]=\"row.direction === 'outbound'\"\n                    [smartTooltip]=\"row.directionTitle\"\n                  >\n                    <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                </td>\n\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-light\"\n                    [smartTooltip]=\"row.reason\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ row.reason }}</span>\n                </td>\n\n                <td>\n                  <ed-badge-2 [attr.variant]=\"row.handledByVariant\" pill uppercase>\n                    {{ row.handledByLabel }}\n                  </ed-badge-2>\n                </td>\n\n                <td>\n                  @if (row.resolution) {\n                    <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                      {{ row.resolutionLabel }}\n                    </ed-badge-2>\n                  }\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                    @for (chip of row.resultChips; track chip.label) {\n                      <span\n                        class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                      >\n                        <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                        <span\n                          class=\"min-w-0 truncate\"\n                          [smartTooltip]=\"chip.label\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ chip.label }}</span>\n                      </span>\n                    } @empty {\n                      <span class=\"fs-sm text-light\">—</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap tabular-nums fs-xs font-medium text-light\">\n                  {{ row.durationLabel }}\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"table-no-data\">\n                <td colspan=\"8\" class=\"py-base text-center fs-sm text-light\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n  </div>\n</div>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-dashboard-page.component-CxNYLBbg.mjs","sources":["../../../src/lib/pages/dashboard-page/dashboard-page.component.ts","../../../src/lib/pages/dashboard-page/dashboard-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  OnDestroy,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { DatePipe } from '@angular/common';\n\nimport {\n  CallStatus,\n  DashboardData,\n  HistoryCall,\n  LiveCall,\n  Sentiment,\n} from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { AgentOnlineService } from '../../services/agent-online.service';\nimport { LiveCallsListService } from '../../services/live-calls-list.service';\nimport {\n  ageFromDob,\n  callerMetaLine,\n  historyResolution,\n  historyResolutionLabel,\n  historyResultChips,\n  HistoryResolution,\n  isUnknownCaller,\n  resultChipIcon,\n} from '../../utils/call-history-display.util';\nimport { sentimentIconSrc, sentimentLabel } from '../../utils/sentiment-display.util';\nimport { isNeedsReview } from '../../utils/call-review.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\ninterface KpiCardVm {\n  id: string;\n  label: string;\n  value: string;\n  meta: string;\n  link?: string;\n  queryParams?: Record<string, string>;\n}\n\ninterface LiveCallRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'warm';\n  metaLine: string;\n  sentiment: Sentiment;\n  sentimentLabel: string;\n  sentimentIconSrc: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  goal: string;\n  statusSubtitle: string;\n  handlingLabel: string;\n  handlingVariant: 'opened' | 'danger' | 'success';\n  needsAssistance: boolean;\n  started: number;\n}\n\ninterface AttentionRowVm {\n  id: string;\n  callId: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand' | 'violet';\n  metaLine: string;\n  badge: string;\n  detail: string;\n  timeLabel: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n}\n\ninterface RecentHistoryRowVm {\n  id: string;\n  name: string;\n  initials: string;\n  avatarTone: 'gray' | 'brand';\n  metaLine: string;\n  direction: 'inbound' | 'outbound';\n  directionIcon: string;\n  directionTitle: string;\n  reason: string;\n  handledByLabel: string;\n  handledByVariant: 'opened' | 'primary';\n  resolution: HistoryResolution | null;\n  resolutionLabel: string;\n  resolutionVariant: 'success' | 'warning';\n  resultChips: { label: string; icon: string }[];\n  durationLabel: string;\n  started: number | null;\n  whenLabel: string;\n  needsReview: boolean;\n}\n\n@Component({\n  selector: 'eds-dashboard-page',\n  imports: [\n    RouterLink,\n    DatePipe,\n    EdAvatarComponent,\n    EdButtonComponent,\n    IconComponent,\n    EdsPulseDotComponent,\n    EdsElapsedPipe,\n    SmartTooltipDirective,\n    EdSkeletonComponent,\n  ],\n  templateUrl: './dashboard-page.component.html',\n  styleUrl: './dashboard-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  host: { class: 'block h-full min-h-0' },\n})\nexport class DashboardPageComponent implements OnInit, OnDestroy {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly liveCallsList = inject(LiveCallsListService);\n  private readonly agentOnline = inject(AgentOnlineService);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly data = signal<DashboardData | null>(null);\n  protected readonly loading = signal(true);\n  protected readonly kpiSkeletonRows = [0, 1, 2, 3] as const;\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n\n  protected readonly liveCalls = this.liveCallsList.calls;\n  protected readonly liveCallsLoading = this.liveCallsList.loading;\n  protected readonly liveCallsError = this.liveCallsList.error;\n  protected readonly agentOffline = computed(() => this.agentOnline.online() === false);\n\n  protected readonly kpiCards = computed((): KpiCardVm[] => {\n    const stats = this.data()?.stats;\n    if (!stats) return [];\n    const calls = stats.answeredToday;\n    const resolvedCount = Math.round((stats.completionRate / 100) * Math.max(calls, 1));\n    return [\n      {\n        id: 'calls',\n        label: 'Calls handled',\n        value: String(calls),\n        meta: 'Today',\n        link: '../history',\n      },\n      {\n        id: 'appointments',\n        label: 'Appointments booked',\n        value: String(stats.appointmentsBooked),\n        meta: 'Created by AI',\n        link: '../activities',\n        queryParams: { tab: 'appointments' },\n      },\n      {\n        id: 'tasks',\n        label: 'Tasks created',\n        value: String(stats.tasksCreated),\n        meta: 'Created by AI',\n        link: '../activities',\n      },\n      {\n        id: 'resolved',\n        label: 'Resolved without staff',\n        value: `${stats.completionRate}%`,\n        meta: calls > 0 ? `${resolvedCount} of ${calls} calls` : 'AI handled',\n        link: '../activities',\n      },\n    ];\n  });\n\n  protected readonly liveCallRows = computed(() =>\n    this.liveCalls().map((call) => this.toLiveCallRow(call)),\n  );\n\n  protected readonly liveCallCount = computed(() => this.liveCallRows().length);\n\n  protected readonly attentionRows = computed((): AttentionRowVm[] => {\n    const fromLive = this.liveCalls()\n      .filter((c) => this.isAssistanceStatus(c.status) || c.sentiment === 'frustrated' || c.sentiment === 'urgent')\n      .map((c) => this.toAttentionFromLive(c));\n\n    const fromHistory = (this.data()?.recentHistory ?? [])\n      .filter(\n        (row) =>\n          historyResolution({\n            outcome: row.outcome,\n            resolution: row.resolution,\n            risk: row.risk,\n          }) === 'needs_attention',\n      )\n      .map((row) => this.toAttentionFromHistory(row));\n\n    const seen = new Set<string>();\n    const merged: AttentionRowVm[] = [];\n    for (const item of [...fromLive, ...fromHistory]) {\n      if (seen.has(item.callId)) continue;\n      seen.add(item.callId);\n      merged.push(item);\n      if (merged.length >= 6) break;\n    }\n    return merged;\n  });\n\n  protected readonly attentionCount = computed(() => this.attentionRows().length);\n\n  protected readonly recentHistoryRows = computed(() =>\n    (this.data()?.recentHistory ?? []).map((row) => this.toRecentHistoryRow(row)),\n  );\n\n  protected readonly recentHistoryCount = computed(() => this.recentHistoryRows().length);\n\n  ngOnInit(): void {\n    this.liveCallsList.start();\n    this.api.getDashboard().subscribe(({ data }) => {\n      this.data.set(data);\n      this.loading.set(false);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.liveCallsList.stop();\n  }\n\n  protected exportCsv(): void {\n    // mock export\n  }\n\n  protected openHistoryDetail(id: string): void {\n    void this.router.navigate(['../history', id], { relativeTo: this.route });\n  }\n\n  protected openLiveCall(id: string): void {\n    void this.router.navigate(['../live', id], { relativeTo: this.route });\n  }\n\n  protected openAttention(item: AttentionRowVm): void {\n    const live = this.liveCalls().some((c) => c.id === item.callId);\n    void this.router.navigate(live ? ['../live', item.callId] : ['../history', item.callId], {\n      relativeTo: this.route,\n    });\n  }\n\n  private toLiveCallRow(call: LiveCall): LiveCallRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    const needsAssistance = this.isAssistanceStatus(call.status);\n    const staffHandling = call.status === 'takeover' || call.controlMode === 'takeover';\n    const lastTool = call.tools[call.tools.length - 1];\n\n    return {\n      id: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'warm',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      sentiment: call.sentiment,\n      sentimentLabel: sentimentLabel(call.sentiment),\n      sentimentIconSrc: sentimentIconSrc(call.sentiment),\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n      goal: call.reason || call.goal || '—',\n      statusSubtitle: lastTool?.result || call.goal || 'In progress…',\n      handlingLabel: needsAssistance\n        ? 'NEED ASSISTANCE'\n        : staffHandling\n          ? 'STAFF HANDLING'\n          : 'AI HANDLING',\n      handlingVariant: needsAssistance ? 'danger' : staffHandling ? 'success' : 'opened',\n      needsAssistance,\n      started: call.started,\n    };\n  }\n\n  private toAttentionFromLive(call: LiveCall): AttentionRowVm {\n    const unknown = isUnknownCaller(call.name, call.matched);\n    return {\n      id: `live-${call.id}`,\n      callId: call.id,\n      name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',\n      initials: unknown ? '?' : call.initials || '?',\n      avatarTone: unknown ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        name: call.name,\n        matched: call.matched,\n        phone: call.phone,\n        dob: call.dob,\n        age: call.age ?? ageFromDob(call.dob),\n        gender: call.gender,\n      }),\n      badge: this.attentionBadgeFromLive(call),\n      detail: call.goal || call.reason || 'Needs staff follow-up.',\n      timeLabel: 'Just now',\n      direction: call.direction,\n      directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',\n      directionTitle: call.direction === 'inbound' ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toAttentionFromHistory(row: HistoryCall): AttentionRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const inbound = row.direction === 'inbound';\n    return {\n      id: `hist-${row.id}`,\n      callId: row.id,\n      name: unknown ? 'Unknown Caller' : row.name.trim() || 'Unknown Caller',\n      initials: unknown || !row.initials ? '?' : row.initials,\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'violet',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      badge: this.attentionBadgeFromHistory(row),\n      detail: row.reason || row.outcome || 'Needs review.',\n      timeLabel: row.whenLabel || 'Recently',\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n    };\n  }\n\n  private toRecentHistoryRow(row: HistoryCall): RecentHistoryRowVm {\n    const unknown = isUnknownCaller(row.name);\n    const resolution = historyResolution({\n      outcome: row.outcome,\n      resolution: row.resolution,\n      risk: row.risk,\n    });\n    const handledByStaff = row.handledBy === 'staff';\n    const inbound = row.direction === 'inbound';\n    const chips = historyResultChips(row.results, row.outcome);\n\n    return {\n      id: row.id,\n      name: row.name || 'Unknown Caller',\n      initials: row.initials || '?',\n      avatarTone: unknown || row.initials === '?' ? 'gray' : 'brand',\n      metaLine: callerMetaLine({\n        dob: row.dob,\n        age: row.age,\n        gender: row.gender,\n        phone: row.phone,\n        name: row.name,\n      }),\n      direction: row.direction,\n      directionIcon: inbound ? 'call_received' : 'call_made',\n      directionTitle: inbound ? 'Incoming call' : 'Outgoing call',\n      reason: row.reason || '—',\n      handledByLabel: handledByStaff ? 'STAFF' : 'AI',\n      handledByVariant: handledByStaff ? 'primary' : 'opened',\n      resolution,\n      resolutionLabel: historyResolutionLabel(resolution),\n      resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',\n      resultChips: chips.map((label) => ({ label, icon: resultChipIcon(label) })),\n      durationLabel: row.durationLabel ?? this.formatDuration(row.duration),\n      started: row.started || null,\n      whenLabel: row.whenLabel || '—',\n      needsReview: isNeedsReview(row.review),\n    };\n  }\n\n  private isAssistanceStatus(status: CallStatus): boolean {\n    return status === 'needs-help' || status === 'human-requested' || status === 'urgent';\n  }\n\n  private attentionBadgeFromLive(call: LiveCall): string {\n    if (call.status === 'urgent') return 'SAFETY ESCALATION';\n    if (call.status === 'human-requested') return 'HUMAN REQUESTED';\n    if (call.verification === 'failed' || call.verification === 'unknown') return 'IDENTITY UNRESOLVED';\n    if (call.status === 'needs-help') return 'NEED ASSISTANCE';\n    return 'NEEDS REVIEW';\n  }\n\n  private attentionBadgeFromHistory(row: HistoryCall): string {\n    const o = (row.outcome || row.reason || '').toLowerCase();\n    if (o.includes('book') || o.includes('appoint')) return 'BOOKING FAILURE';\n    if (o.includes('ident') || row.verification === 'failed' || row.verification === 'unknown') {\n      return 'IDENTITY UNRESOLVED';\n    }\n    if (row.risk === 'urgent') return 'SAFETY ESCALATION';\n    return 'NEEDS REVIEW';\n  }\n\n  private formatDuration(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n","<div class=\"flex h-full  flex-col overflow-auto bg-lighter p-base dashboard-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h3>Dashboard</h3>\n      <p class=\"fs-sm text-light\">Monitor AI receptionist activity and follow up where needed</p>\n    </div>\n    <ed-button\n      class=\"shrink-0\"\n      variant=\"default\"\n      size=\"sm\"\n      (click$)=\"exportCsv()\">\n      <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\n      Export CSV\n    </ed-button>\n  </header>\n\n  <div class=\"flex  flex-1 flex-col gap-base  \">\n  @if (loading()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\" aria-busy=\"true\">\n      @for (_ of kpiSkeletonRows; track _) {\n        <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n          <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n          <ed-skeleton class=\"h-6 w-14\"></ed-skeleton>\n          <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n        </article>\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\"\n      aria-busy=\"true\"\n    >\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            <ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                  </div>\n                </div>\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                  <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n          </div>\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n        </header>\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (_ of listSkeletonRows; track _) {\n            <li>\n              <div class=\"flex w-full flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm\">\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <ed-skeleton class=\"h-5 w-28 shrink-0 !rounded-full\"></ed-skeleton>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-skeleton class=\"h-8 w-8 shrink-0 !rounded-md\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-full max-w-xs\"></ed-skeleton>\n                  </div>\n                  <ed-skeleton class=\"h-3 w-14 shrink-0\"></ed-skeleton>\n                </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\" aria-busy=\"true\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-skeleton class=\"h-5 w-8 !rounded-full\"></ed-skeleton>\n        </div>\n        <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\n      </header>\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (_ of skeletonRows; track _) {\n              <tr>\n                <td>\n                  <div class=\"grid gap-2xs py-2xs\">\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex items-center gap-xs py-2xs\">\n                    <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"text-center\">\n                  <div class=\"flex justify-center py-2xs\">\n                    <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\n                  </div>\n                </td>\n                <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-12 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-28 !rounded\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-10\"></ed-skeleton></td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  } @else if (data()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\">\n      @for (tile of kpiCards(); track tile.id) {\n        @if (tile.link) {\n          <a\n            [routerLink]=\"tile.link\"\n            [queryParams]=\"tile.queryParams ?? null\"\n            class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base no-underline text-inherit transition-colors hover:bg-primary-100 hover:shadow-sm\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <h3>{{ tile.value }}</h3>\n            <span class=\"fs-sm text-light\">{{ tile.meta }}</span>\n          </article>\n        }\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-start gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\">\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Live Calls</h4>\n            @if (agentOffline()) {\n              <span class=\"inline-flex items-center gap-2xs fs-sm font-semibold text-danger\">\n                <ed-icon name=\"phone_disabled\" [size]=\"18\" />\n                Offline\n              </span>\n            } @else {\n              <ed-badge-2 variant=\"success\" pill uppercase>\n                {{ liveCallCount() }} LIVE\n              </ed-badge-2>\n            }\n          </div>\n          <a routerLink=\"../live\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\">\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @if (liveCallsError()) {\n            <li class=\"fs-sm text-light\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCallRows().length === 0) {\n            @for (_ of listSkeletonRows; track _) {\n              <li>\n                <div class=\"flex w-full items-center gap-base rounded-md border border-light bg-white p-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                    <ed-skeleton class=\"h-9 w-9 shrink-0 !rounded-md\"></ed-skeleton>\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n                      <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\n                    </div>\n                  </div>\n                  <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                    <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                  </div>\n                </div>\n              </li>\n            }\n          }\n          @for (call of liveCallRows(); track call.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"flex w-full cursor-pointer items-center gap-base rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [class.border-danger]=\"call.needsAssistance\"\n                [class.bg-danger-50]=\"call.needsAssistance\"\n                (click)=\"openLiveCall(call.id)\"\n              >\n                <div class=\"flex min-w-0 flex-1 items-center gap-xs xl:max-w-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"call.initials\"\n                    [tone]=\"call.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 flex-1 gap-2xs\">\n                    <div class=\"flex min-w-0 flex-wrap items-center gap-sm\">\n                      <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                      <span class=\"vr-sentiment\" [attr.data-sentiment]=\"call.sentiment\">\n                        <span class=\"vr-sentiment__icon\" aria-hidden=\"true\">\n                          <img [src]=\"call.sentimentIconSrc\" alt=\"\" width=\"16\" height=\"16\" />\n                        </span>\n                        <span>{{ call.sentimentLabel }}</span>\n                      </span>\n                    </div>\n                    <span class=\"fs-sm whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                  </div>\n                </div>\n\n                <div class=\"hidden min-w-0 flex-1 items-center gap-xs xl:flex\">\n                  <span\n                    class=\"inline-flex size-9 shrink-0 items-center justify-center rounded-md\"\n                    [class.bg-success-50]=\"call.direction === 'inbound'\"\n                    [class.text-success]=\"call.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"call.direction === 'outbound'\"\n                    [class.text-primary]=\"call.direction === 'outbound'\"\n                    [smartTooltip]=\"call.directionTitle\"\n                  >\n                    <ed-icon [name]=\"call.directionIcon\" [size]=\"18\" color=\"currentColor\" />\n                  </span>\n                  <div class=\"grid min-w-0 gap-2xs whitespace-nowrap\">\n                    <span class=\"fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                    <span class=\"fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                  </div>\n                </div>\n\n                <div class=\"grid shrink-0 justify-items-end gap-2xs self-stretch\">\n                  <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                    {{ call.handlingLabel }}\n                  </ed-badge-2>\n                  <strong\n                    class=\"inline-flex items-center gap-2xs fs-2xs text-primary\"\n                    [class.text-danger]=\"call.needsAssistance\"\n                    [class.text-light]=\"!call.needsAssistance\"\n                  >\n                    @if (!call.needsAssistance) {\n                      <eds-pulse-dot />\n                    }\n                    {{ call.started | edsElapsed }}\n                  </strong>\n                </div>\n              </button>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"fs-sm text-light\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex shrink-0 items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h4>Needs Attention</h4>\n            <ed-badge-2 variant=\"warning\" pill>\n              {{ attentionCount() }}\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../history\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid max-h-64 list-none content-start gap-xs overflow-x-hidden overflow-y-auto p-0\">\n          @for (item of attentionRows(); track item.id) {\n            <li>\n              <div\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"flex w-full cursor-pointer flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter hover:shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [attr.aria-label]=\"'Open attention item for ' + item.name\"\n                (click)=\"openAttention(item)\"\n                (keyup.enter)=\"openAttention(item)\"\n              >\n                <div class=\"flex w-full min-w-0 items-center gap-xs\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"item.initials\"\n                      [tone]=\"item.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-1 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span class=\"truncate fs-sm text-light\">{{ item.metaLine }}</span>\n                    </div>\n                  </div>\n                  <ed-badge-2 class=\"shrink-0\" variant=\"light\" pill uppercase>\n                    {{ item.badge }}\n                  </ed-badge-2>\n                </div>\n                <div class=\"flex w-full min-w-0 items-center gap-sm\">\n                  <div class=\"flex min-w-0 flex-1 items-center gap-xs\">\n                    <span\n                      class=\"inline-flex size-8 shrink-0 items-center justify-center rounded-md\"\n                      [class.bg-success-50]=\"item.direction === 'inbound'\"\n                      [class.text-success]=\"item.direction === 'inbound'\"\n                      [class.bg-primary-50]=\"item.direction === 'outbound'\"\n                      [class.text-primary]=\"item.direction === 'outbound'\"\n                      [smartTooltip]=\"item.directionTitle\"\n                    >\n                      <ed-icon [name]=\"item.directionIcon\" [size]=\"16\" color=\"currentColor\" />\n                    </span>\n                    <span class=\"min-w-0 flex-1 truncate fs-sm text-light\">{{ item.detail }}</span>\n                  </div>\n                  <span class=\"shrink-0 whitespace-nowrap fs-xs text-light\">{{ item.timeLabel }}</span>\n                </div>\n              </div>\n            </li>\n          } @empty {\n            <li class=\"fs-sm text-light\">Nothing needs attention right now.</li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h4>Recent Calls</h4>\n          <ed-badge-2\n            variant=\"light\"\n            pill\n            [attr.aria-label]=\"'Recent calls count ' + recentHistoryCount()\"\n          >\n            {{ recentHistoryCount() }}\n          </ed-badge-2>\n        </div>\n        <a\n          routerLink=\"../history\"\n          class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n        >\n          View All\n          <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n        </a>\n      </header>\n\n      <div class=\"overflow-x-auto bg-white rounded-md\">\n        <table class=\"table-default relative min-w-5xl w-full\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" class=\"text-success\" color=\"currentColor\" />\n                  <span class=\"text-light\">/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" class=\"text-primary\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of recentHistoryRows(); track row.id) {\n              <tr\n                class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                tabindex=\"0\"\n                role=\"link\"\n                [attr.aria-label]=\"'View call details for ' + row.name\"\n                (click)=\"openHistoryDetail(row.id)\"\n                (keyup.enter)=\"openHistoryDetail(row.id)\"\n              >\n                <td>\n                  <div class=\"flex flex-col gap-2xs whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"fs-xs text-light\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.whenLabel }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-52 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"row.initials\"\n                      [tone]=\"row.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-col gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs text-dark\">\n                        <span\n                          class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold\"\n                          [smartTooltip]=\"row.name\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ row.name }}</span>\n                        <!-- <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span> -->\n                      </div>\n                      <span\n                        class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\n                        [smartTooltip]=\"row.metaLine\"\n                        [tooltipOnlyWhenTruncated]=\"true\"\n                      >{{ row.metaLine }}</span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"text-center\">\n                  <span\n                    class=\"inline-flex size-5 items-center justify-center rounded\"\n                    [class.bg-success-50]=\"row.direction === 'inbound'\"\n                    [class.text-success]=\"row.direction === 'inbound'\"\n                    [class.bg-primary-50]=\"row.direction === 'outbound'\"\n                    [class.text-primary]=\"row.direction === 'outbound'\"\n                    [smartTooltip]=\"row.directionTitle\"\n                  >\n                    <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                </td>\n\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-medium text-light\"\n                    [smartTooltip]=\"row.reason\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ row.reason }}</span>\n                </td>\n\n                <td>\n                  <ed-badge-2 [attr.variant]=\"row.handledByVariant\" pill uppercase>\n                    {{ row.handledByLabel }}\n                  </ed-badge-2>\n                </td>\n\n                <td>\n                  @if (row.resolution) {\n                    <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                      {{ row.resolutionLabel }}\n                    </ed-badge-2>\n                  }\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-0 max-w-80 flex-wrap gap-2xs\">\n                    @for (chip of row.resultChips; track chip.label) {\n                      <span\n                        class=\"inline-flex h-5 max-w-48 min-w-0 items-center gap-2xs rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                      >\n                        <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                        <span\n                          class=\"min-w-0 truncate\"\n                          [smartTooltip]=\"chip.label\"\n                          [tooltipOnlyWhenTruncated]=\"true\"\n                        >{{ chip.label }}</span>\n                      </span>\n                    } @empty {\n                      <span class=\"fs-sm text-light\">—</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap tabular-nums fs-xs font-medium text-light\">\n                  {{ row.durationLabel }}\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"table-no-data\">\n                <td colspan=\"8\" class=\"py-base text-center fs-sm text-light\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n  </div>\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BEyM4U02.mjs → edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs}

@@ -2663,10 +2663,8 @@ class AiReceptionistApiMockService {
         const data = { ...SEED_ANALYTICS, range };
         const rows = [
             ['range', range],
-            ['search', filters?.q ?? ''],
-            ['direction', filters?.dir ?? ''],
-            ['outcome', filters?.outcome ?? ''],
-            ['location', filters?.location ?? ''],
+            ['startDate', filters?.startDate ?? ''],
+            ['endDate', filters?.endDate ?? ''],
             ['totalCalls', String(data.kpis.totalCalls ?? '')],
             ...data.kpiCards.map((k) => [k.label, k.value, k.delta ?? '', k.sub ?? '']),
         ];
@@ -3317,7 +3315,7 @@ class AiReceptionistApiService {
         const range = filters.range || '30d';
         if (this.useMock)
             return this.mock.getAnalytics(filters);
-        const params = this.callListParams(filters).set('range', range);
+        const params = this.analyticsParams(filters);
         return this.http.get(`${this.arBase}/analytics/summary`, { params }).pipe(map((body) => ({ data: mapAnalyticsDto(body, range) })));
     }
     /** GET /calls/history/export — same filters as getHistory, no pagination. */
@@ -3331,8 +3329,7 @@ class AiReceptionistApiService {
         if (this.useMock)
             return this.mock.exportAnalyticsCsv(filters);
         const range = filters?.range || '30d';
-        const params = this.callListParams(filters).set('range', range);
-        return this.getCsvExport('/analytics/export', params, `analytics-${range}.csv`);
+        return this.getCsvExport('/analytics/export', this.analyticsParams(filters), `analytics-${range}.csv`);
     }
     getSettings() {
         if (this.useMock)
@@ -3625,6 +3622,16 @@ class AiReceptionistApiService {
             .post(`${this.arBase}/calls/${enc}/${action}`, {})
             .pipe(map(() => ({ data: { success: true } })));
     }
+    analyticsParams(filters) {
+        let params = this.callListParams(filters);
+        const range = filters?.range || '30d';
+        params = params.set('range', range);
+        if (filters?.startDate)
+            params = params.set('startDate', filters.startDate);
+        if (filters?.endDate)
+            params = params.set('endDate', filters.endDate);
+        return params;
+    }
     callListParams(filters) {
         let params = new HttpParams();
         if (filters?.q)
@@ -6310,7 +6317,7 @@ const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
     { path: '', pathMatch: 'full', redirectTo: 'dashboard' },
     {
         path: 'dashboard',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-dashboard-page.component-CWAsroOR.mjs').then((m) => m.DashboardPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-dashboard-page.component-CxNYLBbg.mjs').then((m) => m.DashboardPageComponent),
     },
     {
         path: 'live',
@@ -6319,37 +6326,37 @@ const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
             {
                 path: '',
                 pathMatch: 'full',
-                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-calls-page.component-BEhbKM1c.mjs').then((m) => m.LiveCallsPageComponent),
+                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-calls-page.component-4LtgT4lS.mjs').then((m) => m.LiveCallsPageComponent),
             },
             {
                 path: ':id',
-                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-monitor-page.component-DrqhaEEw.mjs').then((m) => m.LiveMonitorPageComponent),
+                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-monitor-page.component-B1lKfw-j.mjs').then((m) => m.LiveMonitorPageComponent),
             },
         ],
     },
     {
         path: 'history',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-page.component-CDOyFwGI.mjs').then((m) => m.CallHistoryPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-page.component-BACON4uq.mjs').then((m) => m.CallHistoryPageComponent),
     },
     {
         path: 'history/:id',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-detail-page.component-gdOpQsoM.mjs').then((m) => m.CallHistoryDetailPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-detail-page.component-BT4clUO-.mjs').then((m) => m.CallHistoryDetailPageComponent),
     },
     {
         path: 'activities',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-activities-page.component-CLpNIrcb.mjs').then((m) => m.ActivitiesPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-activities-page.component-CpXa1J9-.mjs').then((m) => m.ActivitiesPageComponent),
     },
     {
         path: 'tasks',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-tasks-page.component-MBm-mLFO.mjs').then((m) => m.TasksPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-tasks-page.component-Dj1nWx6V.mjs').then((m) => m.TasksPageComponent),
     },
     {
         path: 'analytics',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-analytics-page.component-D5ze9OdJ.mjs').then((m) => m.AnalyticsPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-analytics-page.component-CmImX5FN.mjs').then((m) => m.AnalyticsPageComponent),
     },
     {
         path: 'audit',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-audit-page.component-DwHRYqNe.mjs').then((m) => m.AuditPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-audit-page.component-DTAB2WTX.mjs').then((m) => m.AuditPageComponent),
     },
     {
         path: 'settings',
@@ -6357,7 +6364,7 @@ const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
     },
     {
         path: 'settings/outbound-purposes',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-outbound-purposes-page.component-DTqLwtvb.mjs').then((m) => m.OutboundPurposesPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-outbound-purposes-page.component-BkIHblSu.mjs').then((m) => m.OutboundPurposesPageComponent),
     },
     {
         path: 'knowledge',
@@ -6366,7 +6373,7 @@ const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
     },
     {
         path: 'wizard',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-wizard-page.component-CgK05X9O.mjs').then((m) => m.WizardPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-wizard-page.component-CQttbEzW.mjs').then((m) => m.WizardPageComponent),
     },
 ];
 /**
@@ -6428,4 +6435,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  */
 
 export { AiReceptionistApiService as A, ToastContainerComponent as B, VOICE_RECEPTIONIST_FEATURE_ROUTES as C, DashboardSocketService as D, EdAvatarComponent as E, VOICE_RECEPTIONIST_ROUTES as F, VOICE_RECEPTIONIST_SESSION as G, provideVoiceReceptionist as H, IconComponent as I, LiveCallsListService as L, ModalComponent as M, ToastService as T, VOICE_RECEPTIONIST_CONFIG as V, AgentOnlineService as a, ageFromDob as b, callerMetaLine as c, historyResultChips as d, historyResolutionLabel as e, EdButtonComponent as f, EdSkeletonComponent as g, historyResolution as h, isUnknownCaller as i, resolveToolKey as j, resolveToolDisplayName as k, toolEventTrackKey as l, DEFAULT_PAGE_SIZE as m, totalPages as n, triggerBlobDownload as o, EdIconButtonComponent as p, activityTypeLabel as q, resultChipIcon as r, ViewportPortalDirective as s, toE164Phone as t, initialsFromName as u, DEFAULT_PLACEHOLDERS as v, EdsAppShellComponent as w, EdsBadgeComponent as x, EdsButtonComponent as y, EdsRouteProgressComponent as z };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BEyM4U02.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs.map