@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

package/fesm2022/edvak99-voice-receptionist-widget-analytics-page.component-BYnys-zI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-analytics-page.component-BYnys-zI.mjs","sources":["../../../src/lib/pages/analytics-page/analytics-page.component.ts","../../../src/lib/pages/analytics-page/analytics-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, OnInit, signal } from '@angular/core';\r\n\r\nimport {\r\n  AnalyticsData,\r\n  AnalyticsKpiCard,\r\n  AnalyticsQuery,\r\n  AnalyticsVolumePoint,\r\n} from '../../models/ai-receptionist.types';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport { ToastService } from '../../shared/toast.service';\r\nimport { triggerBlobDownload } from '../../utils/csv-download.util';\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\n\r\nimport { IconComponent } from '../../ui/ed-icon.component';\r\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\r\n\r\n/** Figma pastel palette for horizontal reason bars */\r\nconst REASON_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD', '#74D4FF', 'rgba(255,32,86,0.2)', '#BBF451', '#FFD230'];\r\n/** Figma pastel palette for transfer / stuck bars */\r\nconst STUCK_COLORS = ['#DAB2FF', '#A3B3FF', '#74D4FF', '#FFD230'];\r\n\r\nconst OUTCOME_FALLBACK_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD'];\r\n/** Soft violet so Needs Attention stays distinct from the blue segments. */\r\nconst NEEDS_ATTENTION_COLOR = 'rgb(218, 178, 255)';\r\n\r\ninterface DistributionSegVm {\r\n  label: string;\r\n  value: number;\r\n  color: string;\r\n  textColor: string;\r\n  width: number;\r\n  tooltip: string;\r\n  callsText: string;\r\n}\r\n\r\ninterface SecondaryKpiVm {\r\n  label: string;\r\n  value: string;\r\n  sub?: string;\r\n  delta?: string;\r\n  tone: string;\r\n  trendIcon: string;\r\n}\r\n\r\ninterface HbarRowVm {\r\n  label: string;\r\n  value: number;\r\n  widthPct: number;\r\n  color: string;\r\n  tooltip: string;\r\n  delayMs: number;\r\n}\r\n\r\ninterface PeakRowVm {\r\n  hour: number;\r\n  label: string;\r\n  heightPct: number;\r\n  tooltip: string;\r\n  showLabel: boolean;\r\n  delayMs: number;\r\n}\r\n\r\ninterface VolumePointVm {\r\n  trackKey: string;\r\n  tooltip: string;\r\n}\r\n\r\nfunction contrastText(color: string): string {\r\n  const hex = /^#([0-9a-f]{6})$/i.exec(color.trim());\r\n  if (!hex) return '#1f2328';\r\n  const value = Number.parseInt(hex[1], 16);\r\n  const r = (value >> 16) & 255;\r\n  const g = (value >> 8) & 255;\r\n  const b = value & 255;\r\n  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n  return luminance > 0.62 ? '#1f2328' : '#ffffff';\r\n}\r\n\r\n@Component({\r\n  selector: 'eds-analytics-page',\r\n  imports: [IconComponent, EdButtonComponent, EdIconButtonComponent, EdSkeletonComponent],\r\n  templateUrl: './analytics-page.component.html',\r\n  styleUrl: './analytics-page.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'block h-full min-h-0' },\r\n})\r\nexport class AnalyticsPageComponent implements OnInit {\r\n  private readonly api = inject(AiReceptionistApiService);\r\n  private readonly toast = inject(ToastService);\r\n\r\n  protected readonly data = signal<AnalyticsData | null>(null);\r\n  protected readonly range = signal('30d');\r\n  protected readonly startDate = signal('');\r\n  protected readonly endDate = signal('');\r\n  protected readonly loading = signal(true);\r\n  protected readonly exporting = signal(false);\r\n  protected readonly kpiSkeletonRows = [0, 1, 2, 3] as const;\r\n  protected readonly legendSkeletonRows = [0, 1, 2] as const;\r\n  protected readonly chartRowSkeletonRows = [0, 1, 2, 3, 4] as const;\r\n  protected readonly peakSkeletonRows = [\r\n    'h-16',\r\n    'h-24',\r\n    'h-20',\r\n    'h-32',\r\n    'h-28',\r\n    'h-36',\r\n    'h-24',\r\n    'h-40',\r\n    'h-28',\r\n    'h-20',\r\n    'h-16',\r\n    'h-12',\r\n  ] as const;\r\n  protected readonly chartsReady = signal(false);\r\n  protected readonly hoveredVolume = signal<number | null>(null);\r\n  protected readonly filtersOpen = signal(false);\r\n\r\n  protected readonly ranges = [\r\n    { id: '7d', label: '7 days' },\r\n    { id: '30d', label: '30 days' },\r\n    { id: '90d', label: '90 days' },\r\n  ] as const;\r\n\r\n  protected readonly impactKpi = computed(() =>\r\n    this.findKpi(/(impact|hours|front-desk|time saved)/i),\r\n  );\r\n  protected readonly resolutionKpi = computed(() =>\r\n    this.findKpi(/(autonomous|resolution)/i),\r\n  );\r\n\r\n  protected readonly impactSubPrimary = computed(() => {\r\n    const sub = this.impactKpi()?.sub || 'of front-desk time handled by the AI';\r\n    const tilde = sub.indexOf('~');\r\n    if (tilde === -1) return sub;\r\n    return sub.slice(0, tilde).trim();\r\n  });\r\n\r\n  protected readonly impactSubSecondary = computed(() => {\r\n    const sub = this.impactKpi()?.sub || '';\r\n    const tilde = sub.indexOf('~');\r\n    if (tilde === -1) return null;\r\n    return sub.slice(tilde).trim();\r\n  });\r\n\r\n  protected readonly resolutionTrend = computed(() => {\r\n    const kpi = this.resolutionKpi();\r\n    if (!kpi?.delta) return null;\r\n    const tone = this.deltaTone(kpi);\r\n    return {\r\n      delta: kpi.delta.replace(/^[+\\s]+/, ''),\r\n      tone,\r\n      icon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',\r\n    };\r\n  });\r\n\r\n  protected readonly secondaryKpis = computed((): SecondaryKpiVm[] => {\r\n    const cards = this.data()?.kpiCards ?? [];\r\n    const preferred = [\r\n      /appointment/i,\r\n      /task/i,\r\n      /patient|registr/i,\r\n      /calls?\\s*handled|total\\s*calls|^calls$/i,\r\n    ];\r\n    const picked: AnalyticsKpiCard[] = [];\r\n    for (const re of preferred) {\r\n      const hit = cards.find((c) => re.test(c.label) && !picked.includes(c));\r\n      if (hit) picked.push(hit);\r\n    }\r\n    const list =\r\n      picked.length >= 4\r\n        ? picked.slice(0, 4)\r\n        : [\r\n            ...picked,\r\n            ...cards.filter(\r\n              (c) =>\r\n                !picked.includes(c) &&\r\n                !/(impact|hours|front-desk|autonomous|resolution)/i.test(c.label),\r\n            ),\r\n          ].slice(0, 4);\r\n\r\n    return list.map((kpi) => {\r\n      const tone = this.deltaTone(kpi);\r\n      return {\r\n        label: kpi.label,\r\n        value: kpi.value,\r\n        sub: kpi.sub,\r\n        delta: kpi.delta ? kpi.delta.replace(/^[+\\s]+/, '') : undefined,\r\n        tone,\r\n        trendIcon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',\r\n      };\r\n    });\r\n  });\r\n\r\n  protected readonly distribution = computed((): DistributionSegVm[] => {\r\n    const outcomes = this.data()?.outcomes ?? [];\r\n    const total = outcomes.reduce((s, o) => s + o.value, 0) || 1;\r\n    return outcomes.map((o, i) => {\r\n      const width = (o.value / total) * 100;\r\n      const calls = this.estimatedCalls(o.value);\r\n      const color = /needs\\s*attention/i.test(o.label)\r\n        ? NEEDS_ATTENTION_COLOR\r\n        : o.color || OUTCOME_FALLBACK_COLORS[i % OUTCOME_FALLBACK_COLORS.length];\r\n      return {\r\n        ...o,\r\n        color,\r\n        textColor: contrastText(color),\r\n        pct: Math.round(width),\r\n        width,\r\n        tooltip: `${o.label}: ${o.value}% (${calls.toLocaleString()} calls)`,\r\n        callsText: `${calls.toLocaleString()} calls`,\r\n      };\r\n    });\r\n  });\r\n\r\n  protected readonly totalCallsLabel = computed(() => {\r\n    const handled = this.findKpi(/calls?\\s*handled|total\\s*calls|^calls$/i);\r\n    if (handled?.value) return handled.value.includes('Call') ? handled.value : `${handled.value} Calls`;\r\n    const n = this.data()?.kpis.totalCalls;\r\n    return n ? `${n.toLocaleString()} Calls` : 'Calls';\r\n  });\r\n\r\n  protected readonly directionSub = computed(() => {\r\n    const handled = this.findKpi(/calls?\\s*handled|total\\s*calls|^calls$/i);\r\n    if (handled?.sub && /inbound|outbound/i.test(handled.sub)) return handled.sub;\r\n    return null;\r\n  });\r\n\r\n  protected readonly volumePoints = computed(() => this.data()?.volume.points ?? []);\r\n\r\n  protected readonly volumeTotalPath = computed(() => this.buildVolumePath('total'));\r\n  protected readonly volumeInboundPath = computed(() => this.buildVolumePath('inbound'));\r\n  protected readonly volumeOutboundPath = computed(() => this.buildVolumePath('outbound'));\r\n  protected readonly volumeAreaPath = computed(() => {\r\n    const line = this.volumeTotalPath();\r\n    if (!line) return '';\r\n    return `${line} L100,100 L0,100 Z`;\r\n  });\r\n\r\n  protected readonly volumePointVms = computed((): VolumePointVm[] =>\r\n    this.volumePoints().map((point) => ({\r\n      trackKey: point.date || point.label,\r\n      tooltip: this.volumeTooltip(point),\r\n    })),\r\n  );\r\n\r\n  protected readonly reasonRows = computed((): HbarRowVm[] => {\r\n    const items = this.data()?.reasons ?? [];\r\n    const max = Math.max(...items.map((i) => i.value), 1);\r\n    return items.map((item, i) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n      widthPct: (item.value / max) * 100,\r\n      color: REASON_COLORS[i % REASON_COLORS.length],\r\n      tooltip: `${item.label}: ${item.value}%`,\r\n      delayMs: i * 40,\r\n    }));\r\n  });\r\n\r\n  protected readonly transferRows = computed((): HbarRowVm[] => {\r\n    const items = this.data()?.transfers ?? [];\r\n    const max = Math.max(...items.map((i) => i.value), 1);\r\n    return items.map((item, i) => ({\r\n      label: item.label,\r\n      value: item.value,\r\n      widthPct: (item.value / max) * 100,\r\n      color: STUCK_COLORS[i % STUCK_COLORS.length],\r\n      tooltip: `${item.label}: ${item.value}%`,\r\n      delayMs: i * 40,\r\n    }));\r\n  });\r\n\r\n  protected readonly peakRows = computed((): PeakRowVm[] => {\r\n    const points = this.data()?.peakHours.points ?? [];\r\n    const max = Math.max(...points.map((p) => p.count), 1);\r\n    return points.map((point, i) => ({\r\n      hour: point.hour,\r\n      label: point.label,\r\n      heightPct: point.count <= 0 ? 0 : (point.count / max) * 100,\r\n      tooltip: `${point.label}: ${point.count} call${point.count === 1 ? '' : 's'}`,\r\n      showLabel: this.showPeakAxisLabel(i, points.length),\r\n      delayMs: i * 18,\r\n    }));\r\n  });\r\n\r\n  /** Human date span for the selected analytics window (month + year included). */\r\n  protected readonly periodLabel = computed(() => {\r\n    const customStart = this.parseIsoDate(this.startDate());\r\n    const customEnd = this.parseIsoDate(this.endDate());\r\n    if (customStart && customEnd) return this.formatPeriodRange(customStart, customEnd);\r\n\r\n    const vol = this.data()?.volume;\r\n    const start =\r\n      this.parseIsoDate(vol?.startDate) ?? this.parseIsoDate(vol?.points?.[0]?.date) ?? null;\r\n    const end =\r\n      this.parseIsoDate(vol?.endDate) ??\r\n      this.parseIsoDate(vol?.points?.[vol.points.length - 1]?.date) ??\r\n      null;\r\n    if (start && end) return this.formatPeriodRange(start, end);\r\n\r\n    const days = this.range() === '7d' ? 7 : this.range() === '90d' ? 90 : 30;\r\n    const endD = new Date();\r\n    const startD = new Date();\r\n    startD.setDate(endD.getDate() - (days - 1));\r\n    return this.formatPeriodRange(startD, endD);\r\n  });\r\n\r\n  protected readonly volumeAxisLabels = computed(() => {\r\n    const points = this.volumePoints();\r\n    return points.map((p, i) => this.volumeAxisLabel(p, i, points.length));\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.applyPresetDates(this.range());\r\n    this.load();\r\n  }\r\n\r\n  protected toggleFilters(event?: Event): void {\r\n    event?.stopPropagation();\r\n    this.filtersOpen.update((open) => !open);\r\n  }\r\n\r\n  protected closeFilters(): void {\r\n    this.filtersOpen.set(false);\r\n  }\r\n\r\n  protected onFiltersDocClick(event: MouseEvent): void {\r\n    const target = event.target as HTMLElement | null;\r\n    if (!target?.closest('[data-analytics-filters]')) {\r\n      this.filtersOpen.set(false);\r\n    }\r\n  }\r\n\r\n  protected setRange(id: string): void {\r\n    this.range.set(id);\r\n    this.applyPresetDates(id);\r\n  }\r\n\r\n  protected onStartDate(value: string): void {\r\n    this.startDate.set(value);\r\n    this.range.set('custom');\r\n  }\r\n\r\n  protected onEndDate(value: string): void {\r\n    this.endDate.set(value);\r\n    this.range.set('custom');\r\n  }\r\n\r\n  protected applyFilters(): void {\r\n    this.load();\r\n  }\r\n\r\n  protected resetFilters(): void {\r\n    this.range.set('30d');\r\n    this.applyPresetDates('30d');\r\n    this.load();\r\n  }\r\n\r\n  protected exportCsv(): void {\r\n    if (this.exporting()) return;\r\n    this.exporting.set(true);\r\n    this.api.exportAnalyticsCsv(this.activeFilters()).subscribe({\r\n      next: ({ blob, filename }) => {\r\n        triggerBlobDownload(blob, filename);\r\n        this.exporting.set(false);\r\n        this.toast.show('Export downloaded', 'success');\r\n      },\r\n      error: (err: { message?: string }) => {\r\n        this.exporting.set(false);\r\n        this.toast.show(err.message ?? 'Failed to export CSV', 'error');\r\n      },\r\n    });\r\n  }\r\n\r\n  protected onVolumeEnter(index: number): void {\r\n    this.hoveredVolume.set(index);\r\n  }\r\n\r\n  protected onVolumeLeave(): void {\r\n    this.hoveredVolume.set(null);\r\n  }\r\n\r\n  private buildVolumePath(series: 'total' | 'inbound' | 'outbound'): string {\r\n    const points = this.volumePoints();\r\n    if (!points.length) return '';\r\n    const max = Math.max(\r\n      ...points.map((p) => Math.max(p.count, p.inbound ?? 0, p.outbound ?? 0)),\r\n      1,\r\n    );\r\n    const w = 100;\r\n    const h = 100;\r\n    const step = points.length === 1 ? 0 : w / (points.length - 1);\r\n    return points\r\n      .map((p, i) => {\r\n        const yVal =\r\n          series === 'inbound'\r\n            ? (p.inbound ?? Math.round(p.count * 0.8))\r\n            : series === 'outbound'\r\n              ? (p.outbound ?? Math.round(p.count * 0.2))\r\n              : p.count;\r\n        const x = i * step;\r\n        const y = h - (yVal / max) * h;\r\n        return `${i === 0 ? 'M' : 'L'}${x.toFixed(2)},${y.toFixed(2)}`;\r\n      })\r\n      .join(' ');\r\n  }\r\n\r\n  private volumeTooltip(point: AnalyticsVolumePoint): string {\r\n    const inbound = point.inbound ?? Math.round(point.count * 0.8);\r\n    const outbound = point.outbound ?? Math.max(0, point.count - inbound);\r\n    const headline = this.volumePointHeadline(point);\r\n    return `${headline}\\nTotal ${point.count} · In ${inbound} · Out ${outbound}`;\r\n  }\r\n\r\n  private showPeakAxisLabel(index: number, total: number): boolean {\r\n    if (total <= 12) return true;\r\n    const hour = this.data()?.peakHours.points[index]?.hour;\r\n    if (hour != null && [9, 12, 15, 18, 21].includes(hour)) return true;\r\n    const step = total <= 24 ? 3 : 4;\r\n    return index % step === 0 || index === total - 1;\r\n  }\r\n\r\n  private volumeAxisLabel(\r\n    point: AnalyticsVolumePoint,\r\n    index: number,\r\n    total: number,\r\n  ): { top: string; bottom: string } {\r\n    if (/week/i.test(point.day) || /week/i.test(point.label)) {\r\n      if (total > 10 && index % 2 !== 0 && index !== total - 1) return { top: '', bottom: '' };\r\n      const raw = (point.day || point.label).replace(/^week\\s*/i, '').trim();\r\n      const crowded = total > 8;\r\n      const top = crowded ? `W${raw}` : `Week ${raw}`;\r\n      const month = point.date ? this.formatAxisMonth(point.date, crowded) : '';\r\n      return { top, bottom: month };\r\n    }\r\n    if (point.date) {\r\n      if (total <= 7) return { top: this.formatChartDate(point.date), bottom: '' };\r\n      const step = total <= 14 ? 2 : total <= 31 ? 5 : 7;\r\n      if (index % step !== 0 && index !== total - 1) return { top: '', bottom: '' };\r\n      return { top: this.formatChartDate(point.date), bottom: '' };\r\n    }\r\n    return { top: point.day || point.label, bottom: '' };\r\n  }\r\n\r\n  private formatAxisMonth(date: string, crowded: boolean): string {\r\n    const d = this.parseIsoDate(date);\r\n    if (!d) return '';\r\n    const month = d.toLocaleDateString(undefined, { month: 'short' });\r\n    const year = crowded ? String(d.getFullYear()).slice(2) : String(d.getFullYear());\r\n    return `${month} ${year}`;\r\n  }\r\n\r\n  private deltaTone(kpi: AnalyticsKpiCard | null | undefined): string {\r\n    if (!kpi?.delta) return 'neutral';\r\n    if (kpi.tone === 'pos' || kpi.tone === 'warn' || kpi.tone === 'neg') return kpi.tone;\r\n    if (/^\\+/.test(kpi.delta.trim())) return 'pos';\r\n    if (/^-|−/.test(kpi.delta.trim())) return 'warn';\r\n    return 'neutral';\r\n  }\r\n\r\n  private formatChartDate(date: string): string {\r\n    const iso = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(date.trim());\r\n    if (iso) return `${iso[2]}/${iso[3]}`;\r\n    return date;\r\n  }\r\n\r\n  private estimatedCalls(pct: number): number {\r\n    const total = this.data()?.kpis.totalCalls ?? 0;\r\n    if (!total) return Math.round(pct);\r\n    return Math.round((total * pct) / 100);\r\n  }\r\n\r\n  private volumePointHeadline(point: AnalyticsVolumePoint): string {\r\n    const raw = (point.label || point.day || '').trim();\r\n    if (/week/i.test(raw) && point.date) {\r\n      return `${raw} · ${this.formatMonthYear(point.date)}`;\r\n    }\r\n    if (point.date) return this.formatFullChartDate(point.date);\r\n    return raw || 'Period';\r\n  }\r\n\r\n  private formatMonthYear(date: string): string {\r\n    const d = this.parseIsoDate(date);\r\n    if (!d) return '';\r\n    return d.toLocaleDateString(undefined, { month: 'short', year: 'numeric' });\r\n  }\r\n\r\n  private formatFullChartDate(date: string): string {\r\n    const d = this.parseIsoDate(date);\r\n    if (!d) return this.formatChartDate(date);\r\n    return d.toLocaleDateString(undefined, {\r\n      month: 'short',\r\n      day: 'numeric',\r\n      year: 'numeric',\r\n    });\r\n  }\r\n\r\n  private formatPeriodRange(start: Date, end: Date): string {\r\n    const sameYear = start.getFullYear() === end.getFullYear();\r\n    const sameMonth = sameYear && start.getMonth() === end.getMonth();\r\n    if (sameMonth) {\r\n      return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.getDate()}, ${end.getFullYear()}`;\r\n    }\r\n    if (sameYear) {\r\n      return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;\r\n    }\r\n    return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;\r\n  }\r\n\r\n  private parseIsoDate(value: string | null | undefined): Date | null {\r\n    if (!value?.trim()) return null;\r\n    const iso = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(value.trim());\r\n    if (iso) {\r\n      const d = new Date(Number(iso[1]), Number(iso[2]) - 1, Number(iso[3]));\r\n      return Number.isNaN(d.getTime()) ? null : d;\r\n    }\r\n    const d = new Date(value);\r\n    return Number.isNaN(d.getTime()) ? null : d;\r\n  }\r\n\r\n  private findKpi(re: RegExp): AnalyticsKpiCard | null {\r\n    return this.data()?.kpiCards.find((c) => re.test(c.label)) ?? null;\r\n  }\r\n\r\n  private activeFilters(): AnalyticsQuery {\r\n    return {\r\n      range: this.range(),\r\n      startDate: this.startDate() || undefined,\r\n      endDate: this.endDate() || undefined,\r\n    };\r\n  }\r\n\r\n  private applyPresetDates(id: string): void {\r\n    const days = id === '7d' ? 7 : id === '90d' ? 90 : 30;\r\n    const end = new Date();\r\n    const start = new Date();\r\n    start.setDate(end.getDate() - (days - 1));\r\n    this.startDate.set(this.toIsoDate(start));\r\n    this.endDate.set(this.toIsoDate(end));\r\n  }\r\n\r\n  private toIsoDate(d: Date): string {\r\n    const y = d.getFullYear();\r\n    const m = String(d.getMonth() + 1).padStart(2, '0');\r\n    const day = String(d.getDate()).padStart(2, '0');\r\n    return `${y}-${m}-${day}`;\r\n  }\r\n\r\n  private load(): void {\r\n    this.loading.set(true);\r\n    this.chartsReady.set(false);\r\n    this.hoveredVolume.set(null);\r\n    this.api.getAnalytics(this.activeFilters()).subscribe(({ data }) => {\r\n      this.data.set(data);\r\n      this.loading.set(false);\r\n      // Next frame so CSS enter animations run after paint.\r\n      requestAnimationFrame(() => this.chartsReady.set(true));\r\n    });\r\n  }\r\n}\r\n","<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base analytics-page\">\r\n  <header class=\"mb-md flex shrink-0 items-start justify-between gap-base\">\r\n    <div class=\"flex flex-col gap-2xs\">\r\n      <h4>Analytics</h4>\r\n      <p class=\"fs-sm text-light\">Call volume, outcomes, and agent performance</p>\r\n    </div>\r\n    <div class=\"flex shrink-0 items-center gap-base\">\r\n      <!--\r\n      <ed-button\r\n        variant=\"default\"\r\n        outline\r\n        size=\"sm\"\r\n        [disabled]=\"exporting()\"\r\n        (click$)=\"exportCsv()\"\r\n      >\r\n        <ed-icon slot=\"prefix\" name=\"download\" [size]=\"16\" />\r\n        Export\r\n      </ed-button>\r\n      -->\r\n      <div\r\n        class=\"relative\"\r\n        data-analytics-filters\r\n        (document:click)=\"onFiltersDocClick($event)\"\r\n      >\r\n        <ed-icon-button\r\n          name=\"filter_alt\"\r\n          label=\"Filters\"\r\n          size=\"md\"\r\n          outline\r\n          allowBubble\r\n          [pressed]=\"filtersOpen()\"\r\n          toggle\r\n          (click$)=\"toggleFilters($event)\"\r\n        />\r\n        @if (filtersOpen()) {\r\n          <div\r\n            class=\"absolute right-0 top-[calc(100%+4px)] z-20 w-[22rem] rounded-md border border-light bg-white shadow-md\"\r\n            role=\"dialog\"\r\n            aria-label=\"Analytics Filter\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            <header class=\"flex items-center justify-between border-b border-light px-base py-sm\">\r\n              <h5 class=\"m-0\">Analytics Filter</h5>\r\n              <ed-icon-button\r\n                name=\"close\"\r\n                size=\"sm\"\r\n                label=\"Close filters\"\r\n                (click$)=\"closeFilters()\"\r\n              />\r\n            </header>\r\n            <section class=\"grid gap-base p-base\">\r\n              <div class=\"grid gap-2xs\">\r\n                <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">Range</span>\r\n                <div class=\"analytics-page__range-row\" role=\"group\" aria-label=\"Preset range\">\r\n                  @for (r of ranges; track r.id) {\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"analytics-page__range-btn\"\r\n                      [class.analytics-page__range-btn--active]=\"range() === r.id\"\r\n                      (click)=\"setRange(r.id)\"\r\n                    >\r\n                      {{ r.label }}\r\n                    </button>\r\n                  }\r\n                </div>\r\n              </div>\r\n              <div class=\"grid grid-cols-2 gap-sm\">\r\n                <div class=\"grid gap-2xs\">\r\n                  <label class=\"fs-sm font-semibold text-light\" for=\"analytics-start-date\">From</label>\r\n                  <input\r\n                    id=\"analytics-start-date\"\r\n                    class=\"form-input is-sm w-full\"\r\n                    type=\"date\"\r\n                    [value]=\"startDate()\"\r\n                    [max]=\"endDate() || undefined\"\r\n                    (input)=\"onStartDate($any($event.target).value)\"\r\n                  />\r\n                </div>\r\n                <div class=\"grid gap-2xs\">\r\n                  <label class=\"fs-sm font-semibold text-light\" for=\"analytics-end-date\">To</label>\r\n                  <input\r\n                    id=\"analytics-end-date\"\r\n                    class=\"form-input is-sm w-full\"\r\n                    type=\"date\"\r\n                    [value]=\"endDate()\"\r\n                    [min]=\"startDate() || undefined\"\r\n                    (input)=\"onEndDate($any($event.target).value)\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </section>\r\n            <footer class=\"flex flex-row-reverse flex-wrap items-center gap-sm border-t border-light px-base py-sm\">\r\n              <ed-button\r\n                variant=\"primary\"\r\n                fill\r\n                size=\"sm\"\r\n                (click$)=\"applyFilters(); closeFilters()\"\r\n              >\r\n                Apply\r\n              </ed-button>\r\n              <ed-button\r\n                variant=\"secondary\"\r\n                outline\r\n                size=\"sm\"\r\n                (click$)=\"resetFilters()\"\r\n              >\r\n                Reset\r\n              </ed-button>\r\n            </footer>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </header>\r\n\r\n  <div class=\"flex min-h-0 flex-1 flex-col gap-md overflow-y-auto\">\r\n  @if (loading()) {\r\n    <div class=\"flex flex-col gap-base\" aria-busy=\"true\" aria-live=\"polite\">\r\n      <section class=\"flex flex-col gap-base lg:flex-row\" aria-label=\"Key outcomes\">\r\n        <article class=\"flex min-h-36 shrink-0 flex-col gap-sm rounded-md border border-light bg-white p-base lg:w-72\">\r\n          <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-7 w-28\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n        </article>\r\n        <article class=\"flex min-w-0 flex-1 flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base lg:flex-row lg:items-center\">\r\n          <div class=\"flex w-full shrink-0 flex-col gap-sm lg:w-52\">\r\n            <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n            <ed-skeleton class=\"h-7 w-20\"></ed-skeleton>\r\n            <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n          </div>\r\n          <div class=\"flex min-w-0 flex-1 flex-col gap-sm\">\r\n            <div class=\"flex items-center justify-between gap-sm\">\r\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\r\n            </div>\r\n            <ed-skeleton class=\"h-8 w-full !rounded-md\"></ed-skeleton>\r\n            <div class=\"flex flex-wrap gap-md\">\r\n              @for (_ of legendSkeletonRows; track _) {\r\n                <div class=\"inline-flex items-center gap-xs\">\r\n                  <ed-skeleton class=\"h-4 w-4 !rounded-sm\"></ed-skeleton>\r\n                  <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </article>\r\n      </section>\r\n\r\n      <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Activity KPIs\">\r\n        @for (_ of kpiSkeletonRows; track _) {\r\n          <article class=\"flex flex-col gap-2xs rounded-md border border-light bg-white p-base\">\r\n            <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n            <ed-skeleton class=\"h-6 w-14\"></ed-skeleton>\r\n            <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\r\n          </article>\r\n        }\r\n      </section>\r\n\r\n      <div class=\"grid grid-cols-1 gap-base md:grid-cols-2\">\r\n        <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\r\n          <div class=\"flex flex-wrap items-center justify-between gap-base\">\r\n            <h3>Call Volume</h3>\r\n            <div class=\"flex flex-wrap gap-md\">\r\n              @for (_ of legendSkeletonRows; track _) {\r\n                <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n              }\r\n            </div>\r\n          </div>\r\n          <ed-skeleton class=\"h-60 w-full !rounded-md\"></ed-skeleton>\r\n        </article>\r\n        <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\r\n          <h3>Top Call Reasons</h3>\r\n          <div class=\"flex flex-col gap-md\">\r\n            @for (_ of chartRowSkeletonRows; track _) {\r\n              <div class=\"grid grid-cols-[minmax(110px,140px)_1fr_42px] items-center gap-sm\">\r\n                <ed-skeleton class=\"h-3 w-20 justify-self-end\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-full !rounded-r-xl\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-8 justify-self-end\"></ed-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        </article>\r\n        <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\r\n          <h3>Reasons AI got stuck</h3>\r\n          <div class=\"flex flex-col gap-md\">\r\n            @for (_ of chartRowSkeletonRows; track _) {\r\n              <div class=\"grid grid-cols-[minmax(110px,140px)_1fr_42px] items-center gap-sm\">\r\n                <ed-skeleton class=\"h-3 w-20 justify-self-end\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-full !rounded-r-xl\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-8 justify-self-end\"></ed-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        </article>\r\n        <article class=\"flex flex-col gap-base overflow-hidden rounded-lg border border-light bg-white p-base\">\r\n          <h3>Peak Hours</h3>\r\n          <div class=\"flex h-40 items-end gap-xs\">\r\n            @for (heightClass of peakSkeletonRows; track $index) {\r\n              <ed-skeleton [class]=\"'min-w-0 flex-1 !rounded-t-full ' + heightClass\"></ed-skeleton>\r\n            }\r\n          </div>\r\n        </article>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    @if (data(); as d) {\r\n      <div class=\"analytics-page__body flex flex-col gap-base\" [class.analytics-page__body--ready]=\"chartsReady()\">\r\n        <section class=\"flex flex-col gap-base lg:flex-row\" aria-label=\"Key outcomes\">\r\n          <article\r\n            class=\"analytics-page__impact flex min-h-36 shrink-0 flex-col gap-sm rounded-md p-base text-white lg:w-72\"\r\n          >\r\n            <div class=\"flex items-center gap-2xs\">\r\n              <ed-icon name=\"lightning\" [size]=\"12\" color=\"currentColor\" />\r\n              <span class=\"fs-xs font-semibold uppercase tracking-wide opacity-90\">\r\n                {{ impactKpi()?.label || 'Estimated Impact This Month' }}\r\n              </span>\r\n            </div>\r\n            <strong class=\"fs-lg font-semibold leading-tight\">\r\n              {{ impactKpi()?.value || '—' }}\r\n            </strong>\r\n            <div class=\"flex flex-col gap-2xs opacity-90\">\r\n              <p class=\"m-0 fs-sm\">{{ impactSubPrimary() }}</p>\r\n              @if (impactSubSecondary(); as secondary) {\r\n                <p class=\"m-0 fs-xs opacity-90\">{{ secondary }}</p>\r\n              }\r\n            </div>\r\n          </article>\r\n\r\n          <article\r\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\"\r\n          >\r\n            <div class=\"flex w-full shrink-0 flex-col gap-sm lg:w-52\">\r\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">\r\n                {{ resolutionKpi()?.label || 'AI Autonomous Resolution' }}\r\n              </span>\r\n              <strong class=\"fs-lg font-semibold text-dark\">\r\n                {{ resolutionKpi()?.value || '—' }}\r\n              </strong>\r\n              <div class=\"flex flex-wrap items-center gap-xs\">\r\n                <span class=\"fs-sm text-body\">\r\n                  {{ resolutionKpi()?.sub || 'without staff intervention' }}\r\n                </span>\r\n                @if (resolutionTrend(); as trend) {\r\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\r\n                  <span\r\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\r\n                    [attr.data-tone]=\"trend.tone\"\r\n                  >\r\n                    <ed-icon [name]=\"trend.icon\" [size]=\"12\" color=\"currentColor\" />\r\n                    {{ trend.delta }}\r\n                  </span>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"analytics-page__v-divider hidden lg:block\" aria-hidden=\"true\"></div>\r\n\r\n            <div class=\"analytics-page__distribution flex min-w-0 flex-1 flex-col gap-sm\">\r\n              <div class=\"flex flex-wrap items-center justify-between gap-sm\">\r\n                <strong class=\"fs-sm font-semibold text-body\">{{ totalCallsLabel() }}</strong>\r\n                @if (directionSub(); as dir) {\r\n                  <span class=\"fs-sm text-body\">{{ dir }}</span>\r\n                }\r\n              </div>\r\n              <div\r\n                class=\"analytics-page__stack flex h-8 gap-2xs overflow-hidden rounded-md\"\r\n                role=\"img\"\r\n                aria-label=\"Call distribution\"\r\n              >\r\n                @for (seg of distribution(); track seg.label) {\r\n                  <span\r\n                    class=\"analytics-page__stack-seg relative flex min-w-0 items-center justify-center\"\r\n                    [style.flex-grow]=\"seg.width\"\r\n                    [style.background]=\"seg.color\"\r\n                    [attr.aria-label]=\"seg.tooltip\"\r\n                  >\r\n                    @if (seg.width >= 8) {\r\n                      <span\r\n                        class=\"analytics-page__stack-pct fs-xs font-semibold uppercase tracking-wide\"\r\n                        [style.color]=\"seg.textColor\"\r\n                      >\r\n                        {{ seg.value }}%\r\n                      </span>\r\n                    }\r\n                    <span class=\"analytics-page__tooltip\">{{ seg.tooltip }}</span>\r\n                  </span>\r\n                }\r\n              </div>\r\n              <ul class=\"m-0 flex list-none flex-wrap gap-x-md gap-y-xs p-0\">\r\n                @for (seg of distribution(); track seg.label) {\r\n                  <li class=\"inline-flex items-center gap-xs\">\r\n                    <span\r\n                      class=\"h-4 w-4 shrink-0 rounded-sm\"\r\n                      [style.background]=\"seg.color\"\r\n                    ></span>\r\n                    <span class=\"inline-flex items-center gap-2xs\">\r\n                      <strong class=\"fs-sm font-semibold text-body\">{{ seg.label }}</strong>\r\n                      <span class=\"fs-xs text-light\">{{ seg.callsText }}</span>\r\n                    </span>\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </div>\r\n          </article>\r\n        </section>\r\n\r\n        <section\r\n          class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\"\r\n          aria-label=\"Activity KPIs\"\r\n        >\r\n          @for (kpi of secondaryKpis(); track kpi.label) {\r\n            <article class=\"analytics-page__card flex flex-col gap-2xs rounded-md bg-white p-base\">\r\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ kpi.label }}</span>\r\n              <strong class=\"font-semibold text-dark\">{{ kpi.value }}</strong>\r\n              <div class=\"flex flex-wrap items-center gap-xs\">\r\n                @if (kpi.sub) {\r\n                  <span class=\"fs-sm text-body\">{{ kpi.sub }}</span>\r\n                }\r\n                @if (kpi.delta) {\r\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\r\n                  <span\r\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\r\n                    [attr.data-tone]=\"kpi.tone\"\r\n                  >\r\n                    <ed-icon [name]=\"kpi.trendIcon\" [size]=\"12\" color=\"currentColor\" />\r\n                    {{ kpi.delta }}\r\n                  </span>\r\n                }\r\n              </div>\r\n            </article>\r\n          }\r\n        </section>\r\n\r\n        <div class=\"grid grid-cols-1 gap-base md:grid-cols-2\">\r\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\r\n            <div class=\"flex flex-wrap items-center justify-between gap-base\">\r\n              <h3>Call Volume</h3>\r\n              <ul class=\"m-0 flex list-none flex-wrap items-center justify-end gap-md p-0\">\r\n                <li class=\"inline-flex items-center gap-2xs\">\r\n                  <span class=\"analytics-page__dot analytics-page__dot--total h-2 w-2 rounded-full\"></span>\r\n                  <span class=\"fs-sm font-semibold text-body\">Total Calls</span>\r\n                </li>\r\n                <li class=\"inline-flex items-center gap-2xs\">\r\n                  <span class=\"analytics-page__dot analytics-page__dot--in h-2 w-2 rounded-full\"></span>\r\n                  <span class=\"fs-sm font-semibold text-body\">Inbound Calls</span>\r\n                </li>\r\n                <li class=\"inline-flex items-center gap-2xs\">\r\n                  <span class=\"analytics-page__dot analytics-page__dot--out h-2 w-2 rounded-full\"></span>\r\n                  <span class=\"fs-sm font-semibold text-body\">Outbound Calls</span>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n            <div class=\"analytics-page__line-chart relative h-72\">\r\n              <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                <path class=\"analytics-page__area\" [attr.d]=\"volumeAreaPath()\" />\r\n                <path\r\n                  class=\"analytics-page__line analytics-page__line--total\"\r\n                  [attr.d]=\"volumeTotalPath()\"\r\n                  fill=\"none\"\r\n                />\r\n                <path\r\n                  class=\"analytics-page__line analytics-page__line--in\"\r\n                  [attr.d]=\"volumeInboundPath()\"\r\n                  fill=\"none\"\r\n                />\r\n                <path\r\n                  class=\"analytics-page__line analytics-page__line--out\"\r\n                  [attr.d]=\"volumeOutboundPath()\"\r\n                  fill=\"none\"\r\n                />\r\n              </svg>\r\n              <div\r\n                class=\"analytics-page__volume-hit flex\"\r\n                role=\"list\"\r\n                aria-label=\"Call volume by period\"\r\n                (mouseleave)=\"onVolumeLeave()\"\r\n              >\r\n                @for (point of volumePointVms(); track point.trackKey; let i = $index) {\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"analytics-page__volume-col relative min-w-0 flex-1 cursor-default border-none bg-transparent p-0\"\r\n                    role=\"listitem\"\r\n                    [class.analytics-page__volume-col--active]=\"hoveredVolume() === i\"\r\n                    [attr.aria-label]=\"point.tooltip\"\r\n                    (mouseenter)=\"onVolumeEnter(i)\"\r\n                    (focus)=\"onVolumeEnter(i)\"\r\n                    (blur)=\"onVolumeLeave()\"\r\n                  >\r\n                    <span class=\"analytics-page__tooltip analytics-page__tooltip--multiline\">\r\n                      {{ point.tooltip }}\r\n                    </span>\r\n                  </button>\r\n                }\r\n              </div>\r\n              <div class=\"analytics-page__volume-axis\">\r\n                @for (label of volumeAxisLabels(); track $index) {\r\n                  <span class=\"analytics-page__volume-axis-label\">\r\n                    @if (label.top) {\r\n                      <span>{{ label.top }}</span>\r\n                    }\r\n                    @if (label.bottom) {\r\n                      <span>{{ label.bottom }}</span>\r\n                    }\r\n                  </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </article>\r\n\r\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\r\n            <h3>Top Call Reasons</h3>\r\n            <div class=\"flex flex-col gap-md\">\r\n              @for (item of reasonRows(); track item.label) {\r\n                <div\r\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\r\n                  [attr.aria-label]=\"item.tooltip\"\r\n                >\r\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\r\n                    {{ item.label }}\r\n                  </span>\r\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\r\n                    <span\r\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\r\n                      [style.width.%]=\"item.widthPct\"\r\n                      [style.background]=\"item.color\"\r\n                      [style.animation-delay.ms]=\"item.delayMs\"\r\n                    ></span>\r\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\r\n                  </div>\r\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\r\n                    {{ item.value }}%\r\n                  </span>\r\n                </div>\r\n              }\r\n            </div>\r\n          </article>\r\n\r\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\r\n            <h3>Reasons AI got stuck</h3>\r\n            <div class=\"flex flex-col gap-md\">\r\n              @for (item of transferRows(); track item.label) {\r\n                <div\r\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\r\n                  [attr.aria-label]=\"item.tooltip\"\r\n                >\r\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\r\n                    {{ item.label }}\r\n                  </span>\r\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\r\n                    <span\r\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\r\n                      [style.width.%]=\"item.widthPct\"\r\n                      [style.background]=\"item.color\"\r\n                      [style.animation-delay.ms]=\"item.delayMs\"\r\n                    ></span>\r\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\r\n                  </div>\r\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\r\n                    {{ item.value }}%\r\n                  </span>\r\n                </div>\r\n              }\r\n            </div>\r\n          </article>\r\n\r\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\r\n            <h3>Peak Hours</h3>\r\n            <div class=\"flex flex-col gap-xs\">\r\n              <div class=\"flex h-40 items-end gap-xs\" role=\"list\" aria-label=\"Call volume by hour\">\r\n                @for (point of peakRows(); track point.hour) {\r\n                  <div\r\n                    class=\"analytics-page__peak-col flex h-full min-w-0 flex-1 flex-col\"\r\n                    role=\"listitem\"\r\n                    [attr.aria-label]=\"point.tooltip\"\r\n                  >\r\n                    <div class=\"analytics-page__peak-wrap relative flex min-h-0 flex-1 items-end justify-center\">\r\n                      <div\r\n                        class=\"analytics-page__peak-bar w-3 min-h-0.5 rounded-t-full\"\r\n                        [style.height.%]=\"point.heightPct\"\r\n                        [style.animation-delay.ms]=\"point.delayMs\"\r\n                      ></div>\r\n                      <span class=\"analytics-page__tooltip\">{{ point.tooltip }}</span>\r\n                    </div>\r\n                  </div>\r\n                }\r\n              </div>\r\n              <div class=\"flex gap-xs\">\r\n                @for (point of peakRows(); track point.hour) {\r\n                  <span class=\"min-h-3.5 flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\r\n                    @if (point.showLabel) {\r\n                      {{ point.label }}\r\n                    }\r\n                  </span>\r\n                }\r\n              </div>\r\n            </div>\r\n          </article>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n  </div>\r\n</div>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-audit-page.component-CT-iaUNh.mjs

@@ -0,0 +1,107 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { A as AiReceptionistApiService, n as DEFAULT_PAGE_SIZE, o as totalPages, g as EdSkeletonComponent, f as EdButtonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+
+class AuditPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.searchTimer = null;
+        this.loadSeq = 0;
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.events = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.search = signal('');
+        this.loading = signal(true);
+        this.skeletonRows = TABLE_SKELETON_ROWS;
+    }
+    ngOnInit() {
+        this.load();
+    }
+    ngOnDestroy() {
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+    }
+    load() {
+        const seq = ++this.loadSeq;
+        this.loading.set(true);
+        const query = this.search().trim();
+        this.api
+            .getAudit(query || undefined, {
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                if (seq !== this.loadSeq)
+                    return;
+                this.events.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => {
+                if (seq !== this.loadSeq)
+                    return;
+                this.loading.set(false);
+            },
+        });
+    }
+    onSearchInput(value) {
+        this.search.set(value);
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+        this.searchTimer = setTimeout(() => {
+            this.page.set(1);
+            this.load();
+        }, value.trim() ? 300 : 0);
+    }
+    displayTarget(raw) {
+        const t = String(raw ?? '').trim();
+        if (!t || /^https?:\/\//i.test(t) || /^[0-9a-f]{8}-[0-9a-f]{4}-/i.test(t)) {
+            return '—';
+        }
+        return t;
+    }
+    searchSubmit() {
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+        this.page.set(1);
+        this.load();
+    }
+    totalPages() {
+        return totalPages(this.total(), DEFAULT_PAGE_SIZE);
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: AuditPageComponent, isStandalone: true, selector: "eds-audit-page", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base audit-page\">\r\n  <header class=\"relative z-10 mb-base shrink-0 bg-lighter flex justify-between\">\r\n    <div>\r\n      <h4>Audit log</h4>\r\n      <p class=\"fs-sm text-light\">Track configuration and agent activity</p>\r\n    </div>\r\n    <div class=\"flex items-center gap-sm\">\r\n      <input\r\n        type=\"search\"\r\n        searchInput\r\n        class=\"audit-search form-input\"\r\n        placeholder=\"Search action, target, detail\u2026\"\r\n        aria-label=\"Search audit log\"\r\n        [ngModel]=\"search()\"\r\n        (ngModelChange)=\"onSearchInput($event)\"\r\n        (keyup.enter)=\"searchSubmit()\"\r\n      />\r\n      <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"searchSubmit()\">\r\n        Search\r\n      </ed-button>\r\n    </div>\r\n  </header>\r\n\r\n  <div class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n    <div\r\n      class=\"eds-table-scroll min-h-0 min-w-0 flex-1\"\r\n      [class.is-empty]=\"!loading() && events().length === 0\"\r\n    >\r\n    <table class=\"table-default eds-sticky-table w-full\" aria-label=\"Audit log\">\r\n      <thead>\r\n        <tr>\r\n          <th>Date</th>\r\n          <th>Actor</th>\r\n          <th>Action</th>\r\n          <th>Target</th>\r\n          <th>Detail</th>\r\n        </tr>\r\n      </thead>\r\n      @if (loading()) {\r\n        <tbody aria-busy=\"true\">\r\n          @for (_ of skeletonRows; track _) {\r\n            <tr>\r\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-36\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      } @else {\r\n      <tbody>\r\n          @for (event of events(); track event.id) {\r\n            <tr>\r\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ event.at | date: 'medium' }}</td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-dark\"\r\n                  [smartTooltip]=\"event.actor\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.actor }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                  [smartTooltip]=\"event.action\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.action }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"displayTarget(event.target)\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ displayTarget(event.target) }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-72 truncate\"\r\n                  [smartTooltip]=\"event.detail\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.detail }}</span>\r\n              </td>\r\n            </tr>\r\n          } @empty {\r\n            <tr class=\"empty-row table-no-data\">\r\n              <td colspan=\"5\" class=\"fs-sm text-light\">No events match your filters.</td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      }\r\n    </table>\r\n    </div>\r\n  </div>\r\n\r\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm\">\r\n      <span class=\"fs-sm text-light\">\r\n        Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\r\n      </span>\r\n      <div class=\"flex gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n      </div>\r\n    </footer>\r\n</div>\r\n", styles: [".audit-search{display:block;width:20rem;max-width:100%;flex:0 0 auto;align-self:center}.audit-search::placeholder{color:hsl(var(--text-light, 218 10% 48%));opacity:1}.eds-table-scroll.is-empty{display:flex;flex-direction:column}.eds-table-scroll.is-empty table{flex:1 1 auto}.eds-table-scroll.is-empty table,.eds-table-scroll.is-empty tbody,.eds-table-scroll.is-empty .empty-row,.eds-table-scroll.is-empty .empty-row td{height:100%}.eds-table-scroll.is-empty .empty-row td{text-align:center;vertical-align:middle}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip", "tooltipAllowHtml", "tooltipTemplate", "tooltipTemplateContext", "tooltipPlacement", "tooltipTrigger", "tooltipDelayShow", "tooltipDelayHide", "tooltipOffset", "tooltipMaxWidth", "tooltipZIndex", "tooltipClass", "tooltipDisabled", "tooltipArrow", "tooltipHoverIntentMs", "tooltipHoverIntentRadius", "tooltipId", "tooltipRole", "tooltipAnimEnterMs", "tooltipAnimExitMs", "tooltipAnimEasing", "tooltipHoverable", "tooltipHandoffMs", "tooltipOpen", "tooltipOnlyWhenTruncated"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AuditPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-audit-page', imports: [
+                        DatePipe,
+                        FormsModule,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                        EdButtonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block h-full min-h-0' }, template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base audit-page\">\r\n  <header class=\"relative z-10 mb-base shrink-0 bg-lighter flex justify-between\">\r\n    <div>\r\n      <h4>Audit log</h4>\r\n      <p class=\"fs-sm text-light\">Track configuration and agent activity</p>\r\n    </div>\r\n    <div class=\"flex items-center gap-sm\">\r\n      <input\r\n        type=\"search\"\r\n        searchInput\r\n        class=\"audit-search form-input\"\r\n        placeholder=\"Search action, target, detail\u2026\"\r\n        aria-label=\"Search audit log\"\r\n        [ngModel]=\"search()\"\r\n        (ngModelChange)=\"onSearchInput($event)\"\r\n        (keyup.enter)=\"searchSubmit()\"\r\n      />\r\n      <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"searchSubmit()\">\r\n        Search\r\n      </ed-button>\r\n    </div>\r\n  </header>\r\n\r\n  <div class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n    <div\r\n      class=\"eds-table-scroll min-h-0 min-w-0 flex-1\"\r\n      [class.is-empty]=\"!loading() && events().length === 0\"\r\n    >\r\n    <table class=\"table-default eds-sticky-table w-full\" aria-label=\"Audit log\">\r\n      <thead>\r\n        <tr>\r\n          <th>Date</th>\r\n          <th>Actor</th>\r\n          <th>Action</th>\r\n          <th>Target</th>\r\n          <th>Detail</th>\r\n        </tr>\r\n      </thead>\r\n      @if (loading()) {\r\n        <tbody aria-busy=\"true\">\r\n          @for (_ of skeletonRows; track _) {\r\n            <tr>\r\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-36\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      } @else {\r\n      <tbody>\r\n          @for (event of events(); track event.id) {\r\n            <tr>\r\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ event.at | date: 'medium' }}</td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-dark\"\r\n                  [smartTooltip]=\"event.actor\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.actor }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                  [smartTooltip]=\"event.action\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.action }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"displayTarget(event.target)\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ displayTarget(event.target) }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-72 truncate\"\r\n                  [smartTooltip]=\"event.detail\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.detail }}</span>\r\n              </td>\r\n            </tr>\r\n          } @empty {\r\n            <tr class=\"empty-row table-no-data\">\r\n              <td colspan=\"5\" class=\"fs-sm text-light\">No events match your filters.</td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      }\r\n    </table>\r\n    </div>\r\n  </div>\r\n\r\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm\">\r\n      <span class=\"fs-sm text-light\">\r\n        Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\r\n      </span>\r\n      <div class=\"flex gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n      </div>\r\n    </footer>\r\n</div>\r\n", styles: [".audit-search{display:block;width:20rem;max-width:100%;flex:0 0 auto;align-self:center}.audit-search::placeholder{color:hsl(var(--text-light, 218 10% 48%));opacity:1}.eds-table-scroll.is-empty{display:flex;flex-direction:column}.eds-table-scroll.is-empty table{flex:1 1 auto}.eds-table-scroll.is-empty table,.eds-table-scroll.is-empty tbody,.eds-table-scroll.is-empty .empty-row,.eds-table-scroll.is-empty .empty-row td{height:100%}.eds-table-scroll.is-empty .empty-row td{text-align:center;vertical-align:middle}\n"] }]
+        }] });
+
+export { AuditPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-audit-page.component-CT-iaUNh.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-audit-page.component-CT-iaUNh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-audit-page.component-CT-iaUNh.mjs","sources":["../../../src/lib/pages/audit-page/audit-page.component.ts","../../../src/lib/pages/audit-page/audit-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } from '@angular/core';\r\nimport { DatePipe } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { AuditEvent } from '../../models/ai-receptionist.types';\r\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\n\r\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\r\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\r\n\r\n@Component({\r\n  selector: 'eds-audit-page',\r\n  imports: [\r\n    DatePipe,\r\n    FormsModule,\r\n    SmartTooltipDirective,\r\n    EdSkeletonComponent,\r\n    EdButtonComponent,\r\n  ],\r\n  templateUrl: './audit-page.component.html',\r\n  styles: [`\r\n    .audit-search {\r\n      display: block;\r\n      width: 20rem;\r\n      max-width: 100%;\r\n      flex: 0 0 auto;\r\n      align-self: center;\r\n    }\r\n    .audit-search::placeholder {\r\n      color: hsl(var(--text-light, 218 10% 48%));\r\n      opacity: 1;\r\n    }\r\n    .eds-table-scroll.is-empty {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .eds-table-scroll.is-empty table {\r\n      flex: 1 1 auto;\r\n    }\r\n    .eds-table-scroll.is-empty table,\r\n    .eds-table-scroll.is-empty tbody,\r\n    .eds-table-scroll.is-empty .empty-row,\r\n    .eds-table-scroll.is-empty .empty-row td {\r\n      height: 100%;\r\n    }\r\n    .eds-table-scroll.is-empty .empty-row td {\r\n      text-align: center;\r\n      vertical-align: middle;\r\n    }\r\n  `],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'block h-full min-h-0' },\r\n})\r\nexport class AuditPageComponent implements OnInit, OnDestroy {\r\n  private readonly api = inject(AiReceptionistApiService);\r\n  private searchTimer: ReturnType<typeof setTimeout> | null = null;\r\n  private loadSeq = 0;\r\n\r\n  protected readonly pageSize = DEFAULT_PAGE_SIZE;\r\n  protected readonly events = signal<AuditEvent[]>([]);\r\n  protected readonly total = signal(0);\r\n  protected readonly page = signal(1);\r\n  protected readonly search = signal('');\r\n  protected readonly loading = signal(true);\r\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\r\n\r\n  ngOnInit(): void {\r\n    this.load();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.searchTimer) clearTimeout(this.searchTimer);\r\n  }\r\n\r\n  protected load(): void {\r\n    const seq = ++this.loadSeq;\r\n    this.loading.set(true);\r\n    const query = this.search().trim();\r\n    this.api\r\n      .getAudit(query || undefined, {\r\n        page: this.page(),\r\n        limit: DEFAULT_PAGE_SIZE,\r\n      })\r\n      .subscribe({\r\n        next: ({ items, total, page }) => {\r\n          if (seq !== this.loadSeq) return;\r\n          this.events.set(items);\r\n          this.total.set(total);\r\n          this.page.set(page);\r\n          this.loading.set(false);\r\n        },\r\n        error: () => {\r\n          if (seq !== this.loadSeq) return;\r\n          this.loading.set(false);\r\n        },\r\n      });\r\n  }\r\n\r\n  protected onSearchInput(value: string): void {\r\n    this.search.set(value);\r\n    if (this.searchTimer) clearTimeout(this.searchTimer);\r\n    this.searchTimer = setTimeout(() => {\r\n      this.page.set(1);\r\n      this.load();\r\n    }, value.trim() ? 300 : 0);\r\n  }\r\n\r\n  protected displayTarget(raw: string | null | undefined): string {\r\n    const t = String(raw ?? '').trim();\r\n    if (!t || /^https?:\\/\\//i.test(t) || /^[0-9a-f]{8}-[0-9a-f]{4}-/i.test(t)) {\r\n      return '—';\r\n    }\r\n    return t;\r\n  }\r\n\r\n  protected searchSubmit(): void {\r\n    if (this.searchTimer) clearTimeout(this.searchTimer);\r\n    this.page.set(1);\r\n    this.load();\r\n  }\r\n\r\n  protected totalPages(): number {\r\n    return calcTotalPages(this.total(), DEFAULT_PAGE_SIZE);\r\n  }\r\n\r\n  protected prevPage(): void {\r\n    if (this.page() <= 1) return;\r\n    this.page.update((p) => p - 1);\r\n    this.load();\r\n  }\r\n\r\n  protected nextPage(): void {\r\n    if (this.page() >= this.totalPages()) return;\r\n    this.page.update((p) => p + 1);\r\n    this.load();\r\n  }\r\n}\r\n","<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base audit-page\">\r\n  <header class=\"relative z-10 mb-base shrink-0 bg-lighter flex justify-between\">\r\n    <div>\r\n      <h4>Audit log</h4>\r\n      <p class=\"fs-sm text-light\">Track configuration and agent activity</p>\r\n    </div>\r\n    <div class=\"flex items-center gap-sm\">\r\n      <input\r\n        type=\"search\"\r\n        searchInput\r\n        class=\"audit-search form-input\"\r\n        placeholder=\"Search action, target, detail…\"\r\n        aria-label=\"Search audit log\"\r\n        [ngModel]=\"search()\"\r\n        (ngModelChange)=\"onSearchInput($event)\"\r\n        (keyup.enter)=\"searchSubmit()\"\r\n      />\r\n      <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"searchSubmit()\">\r\n        Search\r\n      </ed-button>\r\n    </div>\r\n  </header>\r\n\r\n  <div class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n    <div\r\n      class=\"eds-table-scroll min-h-0 min-w-0 flex-1\"\r\n      [class.is-empty]=\"!loading() && events().length === 0\"\r\n    >\r\n    <table class=\"table-default eds-sticky-table w-full\" aria-label=\"Audit log\">\r\n      <thead>\r\n        <tr>\r\n          <th>Date</th>\r\n          <th>Actor</th>\r\n          <th>Action</th>\r\n          <th>Target</th>\r\n          <th>Detail</th>\r\n        </tr>\r\n      </thead>\r\n      @if (loading()) {\r\n        <tbody aria-busy=\"true\">\r\n          @for (_ of skeletonRows; track _) {\r\n            <tr>\r\n              <td><ed-skeleton class=\"h-3 w-32\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-36\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\r\n              <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      } @else {\r\n      <tbody>\r\n          @for (event of events(); track event.id) {\r\n            <tr>\r\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ event.at | date: 'medium' }}</td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-dark\"\r\n                  [smartTooltip]=\"event.actor\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.actor }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                  [smartTooltip]=\"event.action\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.action }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-48 truncate fs-sm text-light\"\r\n                  [smartTooltip]=\"displayTarget(event.target)\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ displayTarget(event.target) }}</span>\r\n              </td>\r\n              <td>\r\n                <span\r\n                  class=\"inline-block min-w-0 max-w-72 truncate\"\r\n                  [smartTooltip]=\"event.detail\"\r\n                  [tooltipOnlyWhenTruncated]=\"true\"\r\n                >{{ event.detail }}</span>\r\n              </td>\r\n            </tr>\r\n          } @empty {\r\n            <tr class=\"empty-row table-no-data\">\r\n              <td colspan=\"5\" class=\"fs-sm text-light\">No events match your filters.</td>\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      }\r\n    </table>\r\n    </div>\r\n  </div>\r\n\r\n  <footer class=\"mt-base flex shrink-0 items-center justify-between border-t border-light pt-sm\">\r\n      <span class=\"fs-sm text-light\">\r\n        Page {{ page() }} of {{ totalPages() }} · {{ total() }} total\r\n      </span>\r\n      <div class=\"flex gap-2\">\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\r\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\r\n      </div>\r\n    </footer>\r\n</div>\r\n"],"names":["calcTotalPages"],"mappings":"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"}