@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

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

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-analytics-page.component-DPE4-h5L.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';\n\nimport {\n  AnalyticsData,\n  AnalyticsKpiCard,\n  AnalyticsVolumePoint,\n} from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\n\n/** Figma pastel palette for horizontal reason bars */\nconst REASON_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD', '#74D4FF', 'rgba(255,32,86,0.2)', '#BBF451', '#FFD230'];\n/** Figma pastel palette for transfer / stuck bars */\nconst STUCK_COLORS = ['#DAB2FF', '#A3B3FF', '#74D4FF', '#FFD230'];\n\nconst OUTCOME_TEXT_COLORS = ['#8200DB', '#2162F0', '#DB0C15'];\nconst OUTCOME_FALLBACK_COLORS = ['#DAB2FF', '#A3B3FF', '#FFA1AD'];\n\ninterface DistributionSegVm {\n  label: string;\n  value: number;\n  color: string;\n  textColor: string;\n  width: number;\n  tooltip: string;\n  callsText: string;\n}\n\ninterface SecondaryKpiVm {\n  label: string;\n  value: string;\n  sub?: string;\n  delta?: string;\n  tone: string;\n  trendIcon: string;\n}\n\ninterface HbarRowVm {\n  label: string;\n  value: number;\n  widthPct: number;\n  color: string;\n  tooltip: string;\n  delayMs: number;\n}\n\ninterface PeakRowVm {\n  hour: number;\n  label: string;\n  heightPct: number;\n  tooltip: string;\n  showLabel: boolean;\n  delayMs: number;\n}\n\ninterface VolumePointVm {\n  trackKey: string;\n  tooltip: string;\n}\n\n@Component({\n  selector: 'eds-analytics-page',\n  imports: [IconComponent, EdIconButtonComponent],\n  templateUrl: './analytics-page.component.html',\n  styleUrl: './analytics-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AnalyticsPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  protected readonly data = signal<AnalyticsData | null>(null);\n  protected readonly range = signal('30d');\n  protected readonly loading = signal(true);\n  protected readonly chartsReady = signal(false);\n  protected readonly hoveredVolume = signal<number | null>(null);\n  protected readonly filtersOpen = signal(false);\n\n  protected readonly ranges = [\n    { id: '7d', label: '7 days' },\n    { id: '30d', label: '30 days' },\n    { id: '90d', label: '90 days' },\n  ];\n\n  protected readonly impactKpi = computed(() =>\n    this.findKpi(/(impact|hours|front-desk|time saved)/i),\n  );\n  protected readonly resolutionKpi = computed(() =>\n    this.findKpi(/(autonomous|resolution)/i),\n  );\n\n  protected readonly impactSubPrimary = computed(() => {\n    const sub = this.impactKpi()?.sub || 'of front-desk time handled by the AI';\n    const tilde = sub.indexOf('~');\n    if (tilde === -1) return sub;\n    return sub.slice(0, tilde).trim();\n  });\n\n  protected readonly impactSubSecondary = computed(() => {\n    const sub = this.impactKpi()?.sub || '';\n    const tilde = sub.indexOf('~');\n    if (tilde === -1) return null;\n    return sub.slice(tilde).trim();\n  });\n\n  protected readonly resolutionTrend = computed(() => {\n    const kpi = this.resolutionKpi();\n    if (!kpi?.delta) return null;\n    const tone = this.deltaTone(kpi);\n    return {\n      delta: kpi.delta.replace(/^[+\\s]+/, ''),\n      tone,\n      icon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',\n    };\n  });\n\n  protected readonly secondaryKpis = computed((): SecondaryKpiVm[] => {\n    const cards = this.data()?.kpiCards ?? [];\n    const preferred = [\n      /appointment/i,\n      /task/i,\n      /patient|registr/i,\n      /calls?\\s*handled|total\\s*calls|^calls$/i,\n    ];\n    const picked: AnalyticsKpiCard[] = [];\n    for (const re of preferred) {\n      const hit = cards.find((c) => re.test(c.label) && !picked.includes(c));\n      if (hit) picked.push(hit);\n    }\n    const list =\n      picked.length >= 4\n        ? picked.slice(0, 4)\n        : [\n            ...picked,\n            ...cards.filter(\n              (c) =>\n                !picked.includes(c) &&\n                !/(impact|hours|front-desk|autonomous|resolution)/i.test(c.label),\n            ),\n          ].slice(0, 4);\n\n    return list.map((kpi) => {\n      const tone = this.deltaTone(kpi);\n      return {\n        label: kpi.label,\n        value: kpi.value,\n        sub: kpi.sub,\n        delta: kpi.delta ? kpi.delta.replace(/^[+\\s]+/, '') : undefined,\n        tone,\n        trendIcon: tone === 'pos' ? 'growth_chart_trend_up' : 'growth_chart_trend_down',\n      };\n    });\n  });\n\n  protected readonly distribution = computed((): DistributionSegVm[] => {\n    const outcomes = this.data()?.outcomes ?? [];\n    const total = outcomes.reduce((s, o) => s + o.value, 0) || 1;\n    return outcomes.map((o, i) => {\n      const width = (o.value / total) * 100;\n      const calls = this.estimatedCalls(o.value);\n      return {\n        ...o,\n        color: o.color || OUTCOME_FALLBACK_COLORS[i % OUTCOME_FALLBACK_COLORS.length],\n        textColor: OUTCOME_TEXT_COLORS[i % OUTCOME_TEXT_COLORS.length],\n        pct: Math.round(width),\n        width,\n        tooltip: `${o.label}: ${o.value}% (${calls.toLocaleString()} calls)`,\n        callsText: `${calls.toLocaleString()} calls`,\n      };\n    });\n  });\n\n  protected readonly totalCallsLabel = computed(() => {\n    const handled = this.findKpi(/calls?\\s*handled|total\\s*calls|^calls$/i);\n    if (handled?.value) return handled.value.includes('Call') ? handled.value : `${handled.value} Calls`;\n    const n = this.data()?.kpis.totalCalls;\n    return n ? `${n.toLocaleString()} Calls` : 'Calls';\n  });\n\n  protected readonly directionSub = computed(() => {\n    const handled = this.findKpi(/calls?\\s*handled|total\\s*calls|^calls$/i);\n    if (handled?.sub && /inbound|outbound/i.test(handled.sub)) return handled.sub;\n    return null;\n  });\n\n  protected readonly volumePoints = computed(() => this.data()?.volume.points ?? []);\n\n  protected readonly volumeTotalPath = computed(() => this.buildVolumePath('total'));\n  protected readonly volumeInboundPath = computed(() => this.buildVolumePath('inbound'));\n  protected readonly volumeOutboundPath = computed(() => this.buildVolumePath('outbound'));\n  protected readonly volumeAreaPath = computed(() => {\n    const line = this.volumeTotalPath();\n    if (!line) return '';\n    return `${line} L100,100 L0,100 Z`;\n  });\n\n  protected readonly volumePointVms = computed((): VolumePointVm[] =>\n    this.volumePoints().map((point) => ({\n      trackKey: point.date || point.label,\n      tooltip: this.volumeTooltip(point),\n    })),\n  );\n\n  protected readonly reasonRows = computed((): HbarRowVm[] => {\n    const items = this.data()?.reasons ?? [];\n    const max = Math.max(...items.map((i) => i.value), 1);\n    return items.map((item, i) => ({\n      label: item.label,\n      value: item.value,\n      widthPct: (item.value / max) * 100,\n      color: REASON_COLORS[i % REASON_COLORS.length],\n      tooltip: `${item.label}: ${item.value}%`,\n      delayMs: i * 40,\n    }));\n  });\n\n  protected readonly transferRows = computed((): HbarRowVm[] => {\n    const items = this.data()?.transfers ?? [];\n    const max = Math.max(...items.map((i) => i.value), 1);\n    return items.map((item, i) => ({\n      label: item.label,\n      value: item.value,\n      widthPct: (item.value / max) * 100,\n      color: STUCK_COLORS[i % STUCK_COLORS.length],\n      tooltip: `${item.label}: ${item.value}%`,\n      delayMs: i * 40,\n    }));\n  });\n\n  protected readonly peakRows = computed((): PeakRowVm[] => {\n    const points = this.data()?.peakHours.points ?? [];\n    const max = Math.max(...points.map((p) => p.count), 1);\n    return points.map((point, i) => ({\n      hour: point.hour,\n      label: point.label,\n      heightPct: point.count <= 0 ? 0 : (point.count / max) * 100,\n      tooltip: `${point.label}: ${point.count} call${point.count === 1 ? '' : 's'}`,\n      showLabel: this.showPeakAxisLabel(i, points.length),\n      delayMs: i * 18,\n    }));\n  });\n\n  /** Human date span for the selected analytics window (month + year included). */\n  protected readonly periodLabel = computed(() => {\n    const vol = this.data()?.volume;\n    const start =\n      this.parseIsoDate(vol?.startDate) ?? this.parseIsoDate(vol?.points?.[0]?.date) ?? null;\n    const end =\n      this.parseIsoDate(vol?.endDate) ??\n      this.parseIsoDate(vol?.points?.[vol.points.length - 1]?.date) ??\n      null;\n    if (start && end) return this.formatPeriodRange(start, end);\n\n    const days = this.range() === '7d' ? 7 : this.range() === '90d' ? 90 : 30;\n    const endD = new Date();\n    const startD = new Date();\n    startD.setDate(endD.getDate() - (days - 1));\n    return this.formatPeriodRange(startD, endD);\n  });\n\n  protected readonly volumeAxisLabels = computed(() => {\n    const points = this.volumePoints();\n    return points.map((p, i) => this.volumeAxisLabel(p, i, points.length));\n  });\n\n  ngOnInit(): void {\n    this.load();\n  }\n\n  protected toggleFilters(): void {\n    this.filtersOpen.update((open) => !open);\n  }\n\n  protected setRange(id: string): void {\n    this.range.set(id);\n    this.load();\n  }\n\n  protected onVolumeEnter(index: number): void {\n    this.hoveredVolume.set(index);\n  }\n\n  protected onVolumeLeave(): void {\n    this.hoveredVolume.set(null);\n  }\n\n  private buildVolumePath(series: 'total' | 'inbound' | 'outbound'): string {\n    const points = this.volumePoints();\n    if (!points.length) return '';\n    const max = Math.max(\n      ...points.map((p) => Math.max(p.count, p.inbound ?? 0, p.outbound ?? 0)),\n      1,\n    );\n    const w = 100;\n    const h = 100;\n    const step = points.length === 1 ? 0 : w / (points.length - 1);\n    return points\n      .map((p, i) => {\n        const yVal =\n          series === 'inbound'\n            ? (p.inbound ?? Math.round(p.count * 0.8))\n            : series === 'outbound'\n              ? (p.outbound ?? Math.round(p.count * 0.2))\n              : p.count;\n        const x = i * step;\n        const y = h - (yVal / max) * h;\n        return `${i === 0 ? 'M' : 'L'}${x.toFixed(2)},${y.toFixed(2)}`;\n      })\n      .join(' ');\n  }\n\n  private volumeTooltip(point: AnalyticsVolumePoint): string {\n    const inbound = point.inbound ?? Math.round(point.count * 0.8);\n    const outbound = point.outbound ?? Math.max(0, point.count - inbound);\n    const headline = this.volumePointHeadline(point);\n    return `${headline}\\nTotal ${point.count} · In ${inbound} · Out ${outbound}`;\n  }\n\n  private showPeakAxisLabel(index: number, total: number): boolean {\n    if (total <= 12) return true;\n    const hour = this.data()?.peakHours.points[index]?.hour;\n    if (hour != null && [9, 12, 15, 18, 21].includes(hour)) return true;\n    const step = total <= 24 ? 3 : 4;\n    return index % step === 0 || index === total - 1;\n  }\n\n  private volumeAxisLabel(point: AnalyticsVolumePoint, index: number, total: number): string {\n    if (/week/i.test(point.day) || /week/i.test(point.label)) {\n      const week = point.day || point.label;\n      const month = point.date ? this.formatMonthYear(point.date) : '';\n      return month ? `${week} · ${month}` : week;\n    }\n    if (point.date) {\n      if (total <= 7) return this.formatChartDate(point.date);\n      const step = total <= 14 ? 2 : total <= 31 ? 5 : 7;\n      if (index % step !== 0 && index !== total - 1) return '';\n      return this.formatChartDate(point.date);\n    }\n    return point.day || point.label;\n  }\n\n  private deltaTone(kpi: AnalyticsKpiCard | null | undefined): string {\n    if (!kpi?.delta) return 'neutral';\n    if (kpi.tone === 'pos' || kpi.tone === 'warn' || kpi.tone === 'neg') return kpi.tone;\n    if (/^\\+/.test(kpi.delta.trim())) return 'pos';\n    if (/^-|−/.test(kpi.delta.trim())) return 'warn';\n    return 'neutral';\n  }\n\n  private formatChartDate(date: string): string {\n    const iso = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(date.trim());\n    if (iso) return `${iso[2]}/${iso[3]}`;\n    return date;\n  }\n\n  private estimatedCalls(pct: number): number {\n    const total = this.data()?.kpis.totalCalls ?? 0;\n    if (!total) return Math.round(pct);\n    return Math.round((total * pct) / 100);\n  }\n\n  private volumePointHeadline(point: AnalyticsVolumePoint): string {\n    const raw = (point.label || point.day || '').trim();\n    if (/week/i.test(raw) && point.date) {\n      return `${raw} · ${this.formatMonthYear(point.date)}`;\n    }\n    if (point.date) return this.formatFullChartDate(point.date);\n    return raw || 'Period';\n  }\n\n  private formatMonthYear(date: string): string {\n    const d = this.parseIsoDate(date);\n    if (!d) return '';\n    return d.toLocaleDateString(undefined, { month: 'short', year: 'numeric' });\n  }\n\n  private formatFullChartDate(date: string): string {\n    const d = this.parseIsoDate(date);\n    if (!d) return this.formatChartDate(date);\n    return d.toLocaleDateString(undefined, {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  }\n\n  private formatPeriodRange(start: Date, end: Date): string {\n    const sameYear = start.getFullYear() === end.getFullYear();\n    const sameMonth = sameYear && start.getMonth() === end.getMonth();\n    if (sameMonth) {\n      return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.getDate()}, ${end.getFullYear()}`;\n    }\n    if (sameYear) {\n      return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;\n    }\n    return `${start.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })} – ${end.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}`;\n  }\n\n  private parseIsoDate(value: string | null | undefined): Date | null {\n    if (!value?.trim()) return null;\n    const iso = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(value.trim());\n    if (iso) {\n      const d = new Date(Number(iso[1]), Number(iso[2]) - 1, Number(iso[3]));\n      return Number.isNaN(d.getTime()) ? null : d;\n    }\n    const d = new Date(value);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  private findKpi(re: RegExp): AnalyticsKpiCard | null {\n    return this.data()?.kpiCards.find((c) => re.test(c.label)) ?? null;\n  }\n\n  private load(): void {\n    this.loading.set(true);\n    this.chartsReady.set(false);\n    this.hoveredVolume.set(null);\n    this.api.getAnalytics(this.range()).subscribe(({ data }) => {\n      this.data.set(data);\n      this.loading.set(false);\n      // Next frame so CSS enter animations run after paint.\n      requestAnimationFrame(() => this.chartsReady.set(true));\n    });\n  }\n}\n","<div class=\"flex min-h-full flex-col gap-md bg-lighter p-base analytics-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h4>Analytics</h4>\n      <p class=\"fs-sm text-light\">How the AI is doing over time, and what’s worth changing</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\">\n        <ed-icon name=\"download\" [size]=\"16\" />\n        Export\n      </button>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"base\"\n        outline\n        [pressed]=\"filtersOpen()\"\n        toggle\n        (click)=\"toggleFilters()\"\n      />\n    </div>\n  </header>\n\n  @if (filtersOpen()) {\n    <div\n      class=\"flex flex-wrap items-center gap-sm rounded-lg border border-light bg-white p-base\"\n      role=\"group\"\n      aria-label=\"Date range\"\n    >\n      @for (r of ranges; track r.id) {\n        <button\n          type=\"button\"\n          class=\"analytics-page__range-btn cursor-pointer rounded border-none bg-transparent px-3 py-2 text-light\"\n          [class.analytics-page__range-btn--active]=\"range() === r.id\"\n          (click)=\"setRange(r.id)\"\n        >\n          {{ r.label }}\n        </button>\n      }\n      <span class=\"fs-sm text-light\">Showing data for {{ periodLabel() }}</span>\n    </div>\n  }\n\n  @if (loading()) {\n    <div class=\"flex flex-col gap-base\" aria-busy=\"true\" aria-live=\"polite\">\n      <div class=\"analytics-page__skeleton analytics-page__skeleton--hero h-36 rounded-md border border-light\"></div>\n      <div class=\"flex gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--stat h-24 flex-1 rounded-md border border-light\"></div>\n      </div>\n      <div class=\"flex flex-wrap gap-base\">\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n        <div class=\"analytics-page__skeleton analytics-page__skeleton--chart h-72 flex-1 rounded-lg border border-light\"></div>\n      </div>\n      <p class=\"fs-sm text-light\">Loading analytics…</p>\n    </div>\n  } @else {\n    @if (data(); as d) {\n      <div class=\"analytics-page__body flex flex-col gap-base\" [class.analytics-page__body--ready]=\"chartsReady()\">\n        <section class=\"flex flex-col gap-base lg:flex-row\" aria-label=\"Key outcomes\">\n          <article\n            class=\"analytics-page__impact flex min-h-36 shrink-0 flex-col gap-sm rounded-md p-base text-white lg:w-72\"\n          >\n            <div class=\"flex items-center gap-2xs\">\n              <ed-icon name=\"lightning\" [size]=\"12\" color=\"currentColor\" />\n              <span class=\"fs-xs font-semibold uppercase tracking-wide opacity-90\">\n                {{ impactKpi()?.label || 'Estimated Impact This Month' }}\n              </span>\n            </div>\n            <strong class=\"fs-lg font-semibold leading-tight\">\n              {{ impactKpi()?.value || '—' }}\n            </strong>\n            <div class=\"flex flex-col gap-2xs opacity-90\">\n              <p class=\"m-0 fs-sm\">{{ impactSubPrimary() }}</p>\n              @if (impactSubSecondary(); as secondary) {\n                <p class=\"m-0 fs-xs opacity-90\">{{ secondary }}</p>\n              }\n            </div>\n          </article>\n\n          <article\n            class=\"analytics-page__card flex min-w-0 flex-1 flex-col gap-base overflow-hidden rounded-lg bg-white p-base lg:flex-row lg:items-center\"\n          >\n            <div class=\"flex w-full shrink-0 flex-col gap-sm lg:w-52\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">\n                {{ resolutionKpi()?.label || 'AI Autonomous Resolution' }}\n              </span>\n              <strong class=\"fs-lg font-semibold text-dark\">\n                {{ resolutionKpi()?.value || '—' }}\n              </strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                <span class=\"fs-sm text-body\">\n                  {{ resolutionKpi()?.sub || 'without staff intervention' }}\n                </span>\n                @if (resolutionTrend(); as trend) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"trend.tone\"\n                  >\n                    <ed-icon [name]=\"trend.icon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ trend.delta }}\n                  </span>\n                }\n              </div>\n            </div>\n\n            <div class=\"analytics-page__v-divider hidden lg:block\" aria-hidden=\"true\"></div>\n\n            <div class=\"analytics-page__distribution flex min-w-0 flex-1 flex-col gap-sm\">\n              <div class=\"flex flex-wrap items-center justify-between gap-sm\">\n                <strong class=\"fs-sm font-semibold text-body\">{{ totalCallsLabel() }}</strong>\n                @if (directionSub(); as dir) {\n                  <span class=\"fs-sm text-body\">{{ dir }}</span>\n                }\n              </div>\n              <div\n                class=\"analytics-page__stack flex h-8 gap-2xs overflow-hidden rounded-md\"\n                role=\"img\"\n                aria-label=\"Call distribution\"\n              >\n                @for (seg of distribution(); track seg.label) {\n                  <span\n                    class=\"analytics-page__stack-seg relative flex min-w-0 items-center justify-center\"\n                    [style.flex-grow]=\"seg.width\"\n                    [style.background]=\"seg.color\"\n                    [attr.aria-label]=\"seg.tooltip\"\n                  >\n                    @if (seg.width >= 8) {\n                      <span\n                        class=\"analytics-page__stack-pct fs-xs font-semibold uppercase tracking-wide\"\n                        [style.color]=\"seg.textColor\"\n                      >\n                        {{ seg.value }}%\n                      </span>\n                    }\n                    <span class=\"analytics-page__tooltip\">{{ seg.tooltip }}</span>\n                  </span>\n                }\n              </div>\n              <ul class=\"m-0 flex list-none flex-wrap gap-x-md gap-y-xs p-0\">\n                @for (seg of distribution(); track seg.label) {\n                  <li class=\"inline-flex items-center gap-xs\">\n                    <span\n                      class=\"h-4 w-4 shrink-0 rounded-sm\"\n                      [style.background]=\"seg.color\"\n                    ></span>\n                    <span class=\"inline-flex items-center gap-2xs\">\n                      <strong class=\"fs-sm font-semibold text-body\">{{ seg.label }}</strong>\n                      <span class=\"fs-xs text-light\">{{ seg.callsText }}</span>\n                    </span>\n                  </li>\n                }\n              </ul>\n            </div>\n          </article>\n        </section>\n\n        <section\n          class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\"\n          aria-label=\"Activity KPIs\"\n        >\n          @for (kpi of secondaryKpis(); track kpi.label) {\n            <article class=\"analytics-page__card flex flex-col gap-2xs rounded-md bg-white p-base\">\n              <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ kpi.label }}</span>\n              <strong class=\"font-semibold text-dark\">{{ kpi.value }}</strong>\n              <div class=\"flex flex-wrap items-center gap-xs\">\n                @if (kpi.sub) {\n                  <span class=\"fs-sm text-body\">{{ kpi.sub }}</span>\n                }\n                @if (kpi.delta) {\n                  <span class=\"analytics-page__divider\" aria-hidden=\"true\"></span>\n                  <span\n                    class=\"analytics-page__trend inline-flex items-center gap-2xs\"\n                    [attr.data-tone]=\"kpi.tone\"\n                  >\n                    <ed-icon [name]=\"kpi.trendIcon\" [size]=\"12\" color=\"currentColor\" />\n                    {{ kpi.delta }}\n                  </span>\n                }\n              </div>\n            </article>\n          }\n        </section>\n\n        <div class=\"grid grid-cols-1 gap-base md:grid-cols-2\">\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <div class=\"flex flex-wrap items-center justify-between gap-base\">\n              <h3>Call Volume</h3>\n              <ul class=\"m-0 flex list-none flex-wrap items-center justify-end gap-md p-0\">\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--total h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Total Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--in h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Inbound Calls</span>\n                </li>\n                <li class=\"inline-flex items-center gap-2xs\">\n                  <span class=\"analytics-page__dot analytics-page__dot--out h-2 w-2 rounded-full\"></span>\n                  <span class=\"fs-sm font-semibold text-body\">Outbound Calls</span>\n                </li>\n              </ul>\n            </div>\n            <div class=\"analytics-page__line-chart relative h-60\">\n              <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n                <path class=\"analytics-page__area\" [attr.d]=\"volumeAreaPath()\" />\n                <path\n                  class=\"analytics-page__line analytics-page__line--total\"\n                  [attr.d]=\"volumeTotalPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--in\"\n                  [attr.d]=\"volumeInboundPath()\"\n                  fill=\"none\"\n                />\n                <path\n                  class=\"analytics-page__line analytics-page__line--out\"\n                  [attr.d]=\"volumeOutboundPath()\"\n                  fill=\"none\"\n                />\n              </svg>\n              <div\n                class=\"analytics-page__volume-hit flex\"\n                role=\"list\"\n                aria-label=\"Call volume by period\"\n                (mouseleave)=\"onVolumeLeave()\"\n              >\n                @for (point of volumePointVms(); track point.trackKey; let i = $index) {\n                  <button\n                    type=\"button\"\n                    class=\"analytics-page__volume-col relative min-w-0 flex-1 cursor-default border-none bg-transparent p-0\"\n                    role=\"listitem\"\n                    [class.analytics-page__volume-col--active]=\"hoveredVolume() === i\"\n                    [attr.aria-label]=\"point.tooltip\"\n                    (mouseenter)=\"onVolumeEnter(i)\"\n                    (focus)=\"onVolumeEnter(i)\"\n                    (blur)=\"onVolumeLeave()\"\n                  >\n                    <span class=\"analytics-page__tooltip analytics-page__tooltip--multiline\">\n                      {{ point.tooltip }}\n                    </span>\n                  </button>\n                }\n              </div>\n              <div class=\"mt-xs flex justify-between gap-2xs\">\n                @for (label of volumeAxisLabels(); track $index) {\n                  <span class=\"flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    {{ label }}\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Top Call Reasons</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of reasonRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-base overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Reasons AI got stuck</h3>\n            <div class=\"flex flex-col gap-md\">\n              @for (item of transferRows(); track item.label) {\n                <div\n                  class=\"analytics-page__hbar-row grid items-center gap-sm\"\n                  [attr.aria-label]=\"item.tooltip\"\n                >\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-light text-right\">\n                    {{ item.label }}\n                  </span>\n                  <div class=\"analytics-page__hbar-track relative h-3 overflow-hidden rounded-r-xl\">\n                    <span\n                      class=\"analytics-page__hbar-fill block h-full min-w-1 rounded-r-xl\"\n                      [style.width.%]=\"item.widthPct\"\n                      [style.background]=\"item.color\"\n                      [style.animation-delay.ms]=\"item.delayMs\"\n                    ></span>\n                    <span class=\"analytics-page__tooltip\">{{ item.tooltip }}</span>\n                  </div>\n                  <span class=\"fs-xs font-semibold uppercase tracking-wide text-dark text-right\">\n                    {{ item.value }}%\n                  </span>\n                </div>\n              }\n            </div>\n          </article>\n\n          <article class=\"flex flex-col gap-md overflow-hidden rounded-lg bg-white p-base analytics-page__chart\">\n            <h3>Peak Hours</h3>\n            <div class=\"flex flex-col gap-xs\">\n              <div class=\"flex h-40 items-end gap-xs\" role=\"list\" aria-label=\"Call volume by hour\">\n                @for (point of peakRows(); track point.hour) {\n                  <div\n                    class=\"analytics-page__peak-col flex h-full min-w-0 flex-1 flex-col\"\n                    role=\"listitem\"\n                    [attr.aria-label]=\"point.tooltip\"\n                  >\n                    <div class=\"analytics-page__peak-wrap relative flex min-h-0 flex-1 items-end justify-center\">\n                      <div\n                        class=\"analytics-page__peak-bar w-3 min-h-0.5 rounded-t-full\"\n                        [style.height.%]=\"point.heightPct\"\n                        [style.animation-delay.ms]=\"point.delayMs\"\n                      ></div>\n                      <span class=\"analytics-page__tooltip\">{{ point.tooltip }}</span>\n                    </div>\n                  </div>\n                }\n              </div>\n              <div class=\"flex gap-xs\">\n                @for (point of peakRows(); track point.hour) {\n                  <span class=\"min-h-3.5 flex-1 text-center fs-xs font-semibold uppercase tracking-wide text-light\">\n                    @if (point.showLabel) {\n                      {{ point.label }}\n                    }\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n        </div>\n      </div>\n    }\n  }\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-api-log.util-C0TOKF1q.mjs → edvak99-voice-receptionist-widget-api-log.util-CBVDx4jk.mjs}

@@ -17,7 +17,7 @@ function providerChipClass(provider) {
     return `api-log-chip--${provider}`;
 }
 function statusBadgeTone(success) {
-    return success ? 'pos' : 'neg';
+    return success ? 'success' : 'danger';
 }
 function statusLabel(success, statusCode) {
     if (statusCode != null)
@@ -54,4 +54,4 @@ function formatPreview(text) {
 }
 
 export { providerChipClass as a, statusLabel as b, prettyJson as c, formatPreview as d, formatApiDuration as f, providerLabel as p, statusBadgeTone as s, truncatePreview as t };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-api-log.util-C0TOKF1q.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-api-log.util-CBVDx4jk.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-api-log.util-CBVDx4jk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-api-log.util-CBVDx4jk.mjs","sources":["../../../src/lib/utils/api-log.util.ts"],"sourcesContent":["import { BadgeTone } from '../ui/eds-badge.component';\nimport { ApiProvider } from '../models/api-log.types';\n\nexport function formatApiDuration(ms: number): string {\n  if (ms >= 1000) {\n    return `${(ms / 1000).toFixed(1)}s`;\n  }\n  return `${Math.round(ms)}ms`;\n}\n\nexport function providerLabel(provider: ApiProvider): string {\n  const labels: Record<ApiProvider, string> = {\n    edvak: 'Edvak',\n    vonage: 'Vonage',\n    openai: 'OpenAI',\n    livekit: 'LiveKit',\n  };\n  return labels[provider] ?? provider;\n}\n\nexport function providerChipClass(provider: ApiProvider): string {\n  return `api-log-chip--${provider}`;\n}\n\nexport function statusBadgeTone(success: boolean): BadgeTone {\n  return success ? 'success' : 'danger';\n}\n\nexport function statusLabel(success: boolean, statusCode: number | null): string {\n  if (statusCode != null) return String(statusCode);\n  return success ? 'OK' : 'TIMEOUT';\n}\n\nexport function truncatePreview(text: string, max = 80): string {\n  const t = text?.trim() ?? '';\n  if (t.length <= max) return t;\n  return `${t.slice(0, max)}…`;\n}\n\nexport function prettyJson(value: unknown): string {\n  if (value == null) return '—';\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\n/** Pretty-print a redacted preview string when it looks like JSON. */\nexport function formatPreview(text: string | null | undefined): string {\n  const t = text?.trim() ?? '';\n  if (!t) return '—';\n  try {\n    return JSON.stringify(JSON.parse(t), null, 2);\n  } catch {\n    return t;\n  }\n}\n"],"names":[],"mappings":"AAGM,SAAU,iBAAiB,CAAC,EAAU,EAAA;AAC1C,IAAA,IAAI,EAAE,IAAI,IAAI,EAAE;AACd,QAAA,OAAO,CAAA,EAAG,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG;IACrC;IACA,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI;AAC9B;AAEM,SAAU,aAAa,CAAC,QAAqB,EAAA;AACjD,IAAA,MAAM,MAAM,GAAgC;AAC1C,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,OAAO,EAAE,SAAS;KACnB;AACD,IAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,QAAQ;AACrC;AAEM,SAAU,iBAAiB,CAAC,QAAqB,EAAA;IACrD,OAAO,CAAA,cAAA,EAAiB,QAAQ,CAAA,CAAE;AACpC;AAEM,SAAU,eAAe,CAAC,OAAgB,EAAA;IAC9C,OAAO,OAAO,GAAG,SAAS,GAAG,QAAQ;AACvC;AAEM,SAAU,WAAW,CAAC,OAAgB,EAAE,UAAyB,EAAA;IACrE,IAAI,UAAU,IAAI,IAAI;AAAE,QAAA,OAAO,MAAM,CAAC,UAAU,CAAC;IACjD,OAAO,OAAO,GAAG,IAAI,GAAG,SAAS;AACnC;SAEgB,eAAe,CAAC,IAAY,EAAE,GAAG,GAAG,EAAE,EAAA;IACpD,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC5B,IAAA,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG;AAAE,QAAA,OAAO,CAAC;IAC7B,OAAO,CAAA,EAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,CAAG;AAC9B;AAEM,SAAU,UAAU,CAAC,KAAc,EAAA;IACvC,IAAI,KAAK,IAAI,IAAI;AAAE,QAAA,OAAO,GAAG;AAC7B,IAAA,IAAI;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC;AAAE,IAAA,MAAM;AACN,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB;AACF;AAEA;AACM,SAAU,aAAa,CAAC,IAA+B,EAAA;IAC3D,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAC5B,IAAA,IAAI,CAAC,CAAC;AAAE,QAAA,OAAO,GAAG;AAClB,IAAA,IAAI;AACF,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/C;AAAE,IAAA,MAAM;AACN,QAAA,OAAO,CAAC;IACV;AACF;;;;"}

package/fesm2022/edvak99-voice-receptionist-widget-api-logs-page.component-C3QOPro9.mjs

@@ -0,0 +1,225 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { A as ApiLogsTableComponent, a as ApiLogDetailDrawerComponent } from './edvak99-voice-receptionist-widget-api-logs-table.component-Bl7gMi0P.mjs';
+import { A as AiReceptionistApiService, o as VOICE_RECEPTIONIST_SESSION, I as IconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
+import { p as providerLabel, a as providerChipClass, f as formatApiDuration } from './edvak99-voice-receptionist-widget-api-log.util-CBVDx4jk.mjs';
+import { E as EdsSearchFieldComponent } from './edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs';
+
+/** Roles that may pass `practiceId` / view all practices. */
+function isSuperAdminRole(role) {
+    const key = String(role ?? '')
+        .trim()
+        .toLowerCase()
+        .replace(/[\s-]+/g, '_');
+    return key === 'super_admin' || key === 'superadmin' || key === 'platform_admin';
+}
+
+const PROVIDERS = ['edvak', 'vonage', 'openai', 'livekit'];
+const PAGE_SIZE = 50;
+class ApiLogsPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.session = inject(VOICE_RECEPTIONIST_SESSION);
+        this.providers = PROVIDERS;
+        this.pageSize = PAGE_SIZE;
+        this.providerLabel = providerLabel;
+        this.providerChipClass = providerChipClass;
+        this.formatDuration = formatApiDuration;
+        this.items = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.stats = signal(null);
+        this.statsError = signal(null);
+        this.selectedProviders = signal(new Set());
+        this.successFilter = signal('all');
+        this.statusCode = signal('');
+        this.search = signal('');
+        this.callIdFilter = signal('');
+        this.fromDate = signal('');
+        this.toDate = signal('');
+        /** Empty string = all practices (super-admin). */
+        this.practiceIdFilter = signal('');
+        this.selected = signal(null);
+        this.drawerOpen = signal(false);
+        this.isSuperAdmin = computed(() => {
+            if (this.session?.isSuperAdmin?.())
+                return true;
+            const role = this.session?.role?.() ?? null;
+            return isSuperAdminRole(role);
+        });
+        this.showPracticeColumn = computed(() => this.isSuperAdmin() && !this.practiceIdFilter().trim());
+    }
+    ngOnInit() {
+        const callId = this.route.snapshot.queryParamMap.get('callId');
+        if (callId)
+            this.callIdFilter.set(callId);
+        const practiceId = this.route.snapshot.queryParamMap.get('practiceId');
+        if (practiceId && this.isSuperAdmin())
+            this.practiceIdFilter.set(practiceId);
+        this.loadStats();
+        this.load();
+    }
+    toggleProvider(p) {
+        this.selectedProviders.update((set) => {
+            const next = new Set(set);
+            if (next.has(p))
+                next.delete(p);
+            else
+                next.add(p);
+            return next;
+        });
+    }
+    isProviderSelected(p) {
+        return this.selectedProviders().has(p);
+    }
+    applyFilters() {
+        this.page.set(1);
+        this.loadStats();
+        this.load();
+    }
+    clearFilters() {
+        this.selectedProviders.set(new Set());
+        this.successFilter.set('all');
+        this.statusCode.set('');
+        this.search.set('');
+        this.callIdFilter.set('');
+        this.fromDate.set('');
+        this.toDate.set('');
+        this.practiceIdFilter.set('');
+        this.page.set(1);
+        this.loadStats();
+        this.load();
+    }
+    prevPage() {
+        if (this.page() > 1) {
+            this.page.update((p) => p - 1);
+            this.load();
+        }
+    }
+    nextPage() {
+        if (this.page() < this.totalPages()) {
+            this.page.update((p) => p + 1);
+            this.load();
+        }
+    }
+    onRowSelected(item) {
+        this.selected.set(item);
+        this.drawerOpen.set(true);
+    }
+    closeDrawer() {
+        this.drawerOpen.set(false);
+        this.selected.set(null);
+    }
+    exportCsv() {
+        const header = [
+            'time',
+            'provider',
+            'operation',
+            'method',
+            'status',
+            'duration',
+            'success',
+            'callId',
+            'practiceId',
+            'error',
+        ];
+        const rows = this.items().map((r) => [
+            r.startedAt,
+            r.provider,
+            r.operation,
+            r.method,
+            r.statusCode != null ? String(r.statusCode) : r.success ? 'OK' : 'TIMEOUT',
+            String(r.durationMs),
+            r.success ? 'true' : 'false',
+            r.callId ?? '',
+            r.clientPracticeId ?? '',
+            r.errorMessage ?? '',
+        ]);
+        const csv = [header, ...rows]
+            .map((row) => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(','))
+            .join('\n');
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `api-logs-page-${this.page()}.csv`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    totalPages() {
+        return Math.max(1, Math.ceil(this.total() / PAGE_SIZE));
+    }
+    practiceIdParam() {
+        if (!this.isSuperAdmin())
+            return undefined;
+        const id = this.practiceIdFilter().trim();
+        return id || undefined;
+    }
+    loadStats() {
+        this.statsError.set(null);
+        this.api.getApiLogStats(this.practiceIdParam()).subscribe({
+            next: ({ data }) => this.stats.set(data),
+            error: () => {
+                this.stats.set(null);
+                this.statsError.set('Stats unavailable');
+            },
+        });
+    }
+    load() {
+        this.loading.set(true);
+        this.error.set(null);
+        const providers = [...this.selectedProviders()];
+        this.api
+            .getApiLogs({
+            provider: providers.length ? providers.join(',') : undefined,
+            success: this.successFilter() === 'all'
+                ? undefined
+                : this.successFilter() === 'ok',
+            statusCode: this.statusCode() ? Number(this.statusCode()) : undefined,
+            callId: this.callIdFilter() || undefined,
+            from: this.fromDate() ? new Date(this.fromDate()).toISOString() : undefined,
+            to: this.toDate() ? new Date(this.toDate()).toISOString() : undefined,
+            search: this.search() || undefined,
+            page: this.page(),
+            limit: PAGE_SIZE,
+            practiceId: this.practiceIdParam(),
+        })
+            .subscribe({
+            next: ({ items, total }) => {
+                this.items.set(items);
+                this.total.set(total);
+                this.loading.set(false);
+            },
+            error: (err) => {
+                this.loading.set(false);
+                if (err?.status === 403) {
+                    this.error.set('You do not have access to that practice’s API logs.');
+                }
+                else {
+                    this.error.set(err?.message ?? 'Failed to load API logs.');
+                }
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ApiLogsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ApiLogsPageComponent, isStandalone: true, selector: "eds-api-logs-page", ngImport: i0, template: "<div class=\"p-md bg-lighter min-h-full api-logs-page\">\n  <header class=\"api-logs-page__header mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <h4>API Logs</h4>\n      <p class=\"fs-sm text-light\">Edvak EHR, Vonage, OpenAI, and LiveKit request history</p>\n    </div>\n    <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"exportCsv()\">\n      <ed-icon name=\"download\" [size]=\"18\" /> Export CSV\n    </button>\n  </header>\n\n  <section class=\"mb-4 grid grid-cols-2 gap-3 md:grid-cols-4\" aria-label=\"API health last 24 hours\">\n    @if (stats(); as s) {\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Total (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ s.last24h.total }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Failed (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-red-600\">{{ s.last24h.failed }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Avg latency</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ formatDuration(s.last24h.avgDurationMs) }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">By provider</span>\n        <ul class=\"m-0 mt-1 flex list-none flex-wrap gap-1.5 p-0\">\n          @for (row of s.byProvider; track row.provider) {\n            <li class=\"inline-flex items-center gap-1 text-xs text-zinc-600\">\n              <span class=\"api-log-chip\" [class]=\"providerChipClass(row.provider)\">{{ providerLabel(row.provider) }}</span>\n              {{ row.total }}\n            </li>\n          } @empty {\n            <li class=\"text-sm text-zinc-500\">\u2014</li>\n          }\n        </ul>\n      </article>\n    } @else if (statsError()) {\n      <p class=\"col-span-full fs-sm text-light text-zinc-500\">{{ statsError() }}</p>\n    } @else {\n      <p class=\"col-span-full fs-sm text-light\">Loading stats\u2026</p>\n    }\n  </section>\n\n  <section class=\"rounded-lg border border-base bg-white api-logs-page__filters mb-4 p-4 shadow-sm\">\n    <div class=\"api-logs-page__filter-row mb-3\">\n      <span class=\"fs-sm font-semibold text-light\">Provider</span>\n      <div class=\"api-logs-page__chips mt-2 flex flex-wrap gap-2\">\n        @for (p of providers; track p) {\n          <button\n            type=\"button\"\n            class=\"api-log-chip api-logs-page__chip\"\n            [class]=\"'api-log-chip--' + p\"\n            [class.api-logs-page__chip--on]=\"isProviderSelected(p)\"\n            (click)=\"toggleProvider(p)\"\n          >\n            {{ p }}\n          </button>\n        }\n      </div>\n    </div>\n\n    <div class=\"api-logs-page__filter-grid mb-3 grid grid-cols-2 gap-3 md:grid-cols-3\">\n      <div class=\"mb-sm\">\n        <label>Result</label>\n        <select class=\"form-select\" [ngModel]=\"successFilter()\" (ngModelChange)=\"successFilter.set($event)\" autocomplete=\"off\">\n          <option value=\"all\">All</option>\n          <option value=\"ok\">Success</option>\n          <option value=\"fail\">Failed</option>\n        </select>\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Status code</label>\n        <input\n          class=\"form-input\"\n          type=\"number\"\n          placeholder=\"e.g. 500\"\n          [ngModel]=\"statusCode()\"\n          (ngModelChange)=\"statusCode.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Call ID</label>\n        <eds-search-field\n          type=\"text\"\n          inputClass=\"form-input\"\n          placeholder=\"LC-4821\"\n          [value]=\"callIdFilter()\"\n          (valueChange)=\"callIdFilter.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Search</label>\n        <eds-search-field\n          inputClass=\"form-input\"\n          placeholder=\"operation, path, error\u2026\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>From</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"fromDate()\"\n          (ngModelChange)=\"fromDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>To</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"toDate()\"\n          (ngModelChange)=\"toDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      @if (isSuperAdmin()) {\n        <div class=\"mb-sm md:col-span-2\">\n          <label>Practice ID (super-admin)</label>\n          <eds-search-field\n            type=\"text\"\n            inputClass=\"form-input\"\n            placeholder=\"Leave empty for all practices\"\n            [value]=\"practiceIdFilter()\"\n            (valueChange)=\"practiceIdFilter.set($event)\"\n            (enter)=\"applyFilters()\"\n          />\n        </div>\n      }\n    </div>\n\n    <div class=\"api-logs-page__filter-actions flex gap-2\">\n      <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"applyFilters()\">Apply filters</button>\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"clearFilters()\">Clear</button>\n    </div>\n  </section>\n\n  <article class=\"rounded-lg border border-base bg-white api-logs-page__table-card p-4 shadow-sm\">\n    @if (loading()) {\n      <p class=\"fs-sm text-light\">Loading\u2026</p>\n    } @else if (error()) {\n      <p class=\"api-logs-page__error fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n    } @else if (items().length === 0) {\n      <p class=\"fs-sm text-light\">No API logs match your filters.</p>\n    } @else {\n      <eds-api-logs-table\n        [items]=\"items()\"\n        [showCallId]=\"true\"\n        [showPracticeId]=\"showPracticeColumn()\"\n        (rowSelected)=\"onRowSelected($event)\"\n      />\n    }\n\n    <footer class=\"api-logs-page__pager mt-4 flex items-center justify-between pt-3\">\n      <span class=\"fs-sm text-light\">\n        Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n      </span>\n      <div class=\"api-logs-page__pager-actions flex gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</button>\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</button>\n      </div>\n    </footer>\n  </article>\n\n  <eds-api-log-detail-drawer\n    [open]=\"drawerOpen()\"\n    [listItem]=\"selected()\"\n    (closed)=\"closeDrawer()\"\n  />\n</div>\n", styles: [".api-log-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.api-log-chip--edvak{background:#3b82f626;color:#3b82f6}.api-log-chip--vonage{background:#8b5cf626;color:#8b5cf6}.api-log-chip--openai{background:#22c55e26;color:#22c55e}.api-log-chip--livekit{background:#f9731626;color:#f97316}.api-logs-page__chip{border:1px solid transparent;cursor:pointer;opacity:.55}.api-logs-page__chip--on{opacity:1;border-color:currentColor}.api-logs-page__pager{border-top:1px solid var(--eds-border-subtle, #e4e4e7)}@media(max-width:900px){.api-logs-page__filter-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ApiLogsTableComponent, selector: "eds-api-logs-table", inputs: ["items", "showCallId", "showPracticeId", "callLinkBase"], outputs: ["rowSelected"] }, { kind: "component", type: ApiLogDetailDrawerComponent, selector: "eds-api-log-detail-drawer", inputs: ["open", "listItem", "listOnly"], outputs: ["closed"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdsSearchFieldComponent, selector: "eds-search-field", inputs: ["value", "inputId", "type", "placeholder", "ariaLabel", "inputClass"], outputs: ["valueChange", "enter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ApiLogsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-api-logs-page', imports: [
+                        FormsModule,
+                        ApiLogsTableComponent,
+                        ApiLogDetailDrawerComponent,
+                        IconComponent,
+                        EdsSearchFieldComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"p-md bg-lighter min-h-full api-logs-page\">\n  <header class=\"api-logs-page__header mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <h4>API Logs</h4>\n      <p class=\"fs-sm text-light\">Edvak EHR, Vonage, OpenAI, and LiveKit request history</p>\n    </div>\n    <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"exportCsv()\">\n      <ed-icon name=\"download\" [size]=\"18\" /> Export CSV\n    </button>\n  </header>\n\n  <section class=\"mb-4 grid grid-cols-2 gap-3 md:grid-cols-4\" aria-label=\"API health last 24 hours\">\n    @if (stats(); as s) {\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Total (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ s.last24h.total }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Failed (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-red-600\">{{ s.last24h.failed }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Avg latency</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ formatDuration(s.last24h.avgDurationMs) }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">By provider</span>\n        <ul class=\"m-0 mt-1 flex list-none flex-wrap gap-1.5 p-0\">\n          @for (row of s.byProvider; track row.provider) {\n            <li class=\"inline-flex items-center gap-1 text-xs text-zinc-600\">\n              <span class=\"api-log-chip\" [class]=\"providerChipClass(row.provider)\">{{ providerLabel(row.provider) }}</span>\n              {{ row.total }}\n            </li>\n          } @empty {\n            <li class=\"text-sm text-zinc-500\">\u2014</li>\n          }\n        </ul>\n      </article>\n    } @else if (statsError()) {\n      <p class=\"col-span-full fs-sm text-light text-zinc-500\">{{ statsError() }}</p>\n    } @else {\n      <p class=\"col-span-full fs-sm text-light\">Loading stats\u2026</p>\n    }\n  </section>\n\n  <section class=\"rounded-lg border border-base bg-white api-logs-page__filters mb-4 p-4 shadow-sm\">\n    <div class=\"api-logs-page__filter-row mb-3\">\n      <span class=\"fs-sm font-semibold text-light\">Provider</span>\n      <div class=\"api-logs-page__chips mt-2 flex flex-wrap gap-2\">\n        @for (p of providers; track p) {\n          <button\n            type=\"button\"\n            class=\"api-log-chip api-logs-page__chip\"\n            [class]=\"'api-log-chip--' + p\"\n            [class.api-logs-page__chip--on]=\"isProviderSelected(p)\"\n            (click)=\"toggleProvider(p)\"\n          >\n            {{ p }}\n          </button>\n        }\n      </div>\n    </div>\n\n    <div class=\"api-logs-page__filter-grid mb-3 grid grid-cols-2 gap-3 md:grid-cols-3\">\n      <div class=\"mb-sm\">\n        <label>Result</label>\n        <select class=\"form-select\" [ngModel]=\"successFilter()\" (ngModelChange)=\"successFilter.set($event)\" autocomplete=\"off\">\n          <option value=\"all\">All</option>\n          <option value=\"ok\">Success</option>\n          <option value=\"fail\">Failed</option>\n        </select>\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Status code</label>\n        <input\n          class=\"form-input\"\n          type=\"number\"\n          placeholder=\"e.g. 500\"\n          [ngModel]=\"statusCode()\"\n          (ngModelChange)=\"statusCode.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Call ID</label>\n        <eds-search-field\n          type=\"text\"\n          inputClass=\"form-input\"\n          placeholder=\"LC-4821\"\n          [value]=\"callIdFilter()\"\n          (valueChange)=\"callIdFilter.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Search</label>\n        <eds-search-field\n          inputClass=\"form-input\"\n          placeholder=\"operation, path, error\u2026\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>From</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"fromDate()\"\n          (ngModelChange)=\"fromDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>To</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"toDate()\"\n          (ngModelChange)=\"toDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      @if (isSuperAdmin()) {\n        <div class=\"mb-sm md:col-span-2\">\n          <label>Practice ID (super-admin)</label>\n          <eds-search-field\n            type=\"text\"\n            inputClass=\"form-input\"\n            placeholder=\"Leave empty for all practices\"\n            [value]=\"practiceIdFilter()\"\n            (valueChange)=\"practiceIdFilter.set($event)\"\n            (enter)=\"applyFilters()\"\n          />\n        </div>\n      }\n    </div>\n\n    <div class=\"api-logs-page__filter-actions flex gap-2\">\n      <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"applyFilters()\">Apply filters</button>\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"clearFilters()\">Clear</button>\n    </div>\n  </section>\n\n  <article class=\"rounded-lg border border-base bg-white api-logs-page__table-card p-4 shadow-sm\">\n    @if (loading()) {\n      <p class=\"fs-sm text-light\">Loading\u2026</p>\n    } @else if (error()) {\n      <p class=\"api-logs-page__error fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n    } @else if (items().length === 0) {\n      <p class=\"fs-sm text-light\">No API logs match your filters.</p>\n    } @else {\n      <eds-api-logs-table\n        [items]=\"items()\"\n        [showCallId]=\"true\"\n        [showPracticeId]=\"showPracticeColumn()\"\n        (rowSelected)=\"onRowSelected($event)\"\n      />\n    }\n\n    <footer class=\"api-logs-page__pager mt-4 flex items-center justify-between pt-3\">\n      <span class=\"fs-sm text-light\">\n        Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n      </span>\n      <div class=\"api-logs-page__pager-actions flex gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</button>\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</button>\n      </div>\n    </footer>\n  </article>\n\n  <eds-api-log-detail-drawer\n    [open]=\"drawerOpen()\"\n    [listItem]=\"selected()\"\n    (closed)=\"closeDrawer()\"\n  />\n</div>\n", styles: [".api-log-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.api-log-chip--edvak{background:#3b82f626;color:#3b82f6}.api-log-chip--vonage{background:#8b5cf626;color:#8b5cf6}.api-log-chip--openai{background:#22c55e26;color:#22c55e}.api-log-chip--livekit{background:#f9731626;color:#f97316}.api-logs-page__chip{border:1px solid transparent;cursor:pointer;opacity:.55}.api-logs-page__chip--on{opacity:1;border-color:currentColor}.api-logs-page__pager{border-top:1px solid var(--eds-border-subtle, #e4e4e7)}@media(max-width:900px){.api-logs-page__filter-grid{grid-template-columns:1fr}}\n"] }]
+        }] });
+
+export { ApiLogsPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-api-logs-page.component-C3QOPro9.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-api-logs-page.component-C3QOPro9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-api-logs-page.component-C3QOPro9.mjs","sources":["../../../src/lib/models/api-log.types.ts","../../../src/lib/pages/api-logs-page/api-logs-page.component.ts","../../../src/lib/pages/api-logs-page/api-logs-page.component.html"],"sourcesContent":["export type ApiProvider = 'edvak' | 'vonage' | 'openai' | 'livekit';\n\nexport interface ApiLogListItem {\n  id: string;\n  callId: string | null;\n  /** Present when viewing cross-practice (super-admin). */\n  clientPracticeId?: string | null;\n  provider: ApiProvider;\n  operation: string;\n  method: string;\n  urlPath: string;\n  statusCode: number | null;\n  success: boolean;\n  durationMs: number;\n  toolName: string | null;\n  errorMessage: string | null;\n  startedAt: string;\n  requestPreview: string;\n  responsePreview: string;\n}\n\nexport interface ApiLogDetail extends ApiLogListItem {\n  traceId: string | null;\n  requestBody: Record<string, unknown> | null;\n  responseBody: Record<string, unknown> | null;\n  metadata: Record<string, unknown> | null;\n  completedAt: string | null;\n}\n\nexport interface ApiLogStats {\n  last24h: { total: number; failed: number; avgDurationMs: number };\n  byProvider: { provider: ApiProvider; total: number; failed: number }[];\n  recentFailures: ApiLogListItem[];\n}\n\nexport interface ApiLogListResponse {\n  items: ApiLogListItem[];\n  total: number;\n  page?: number;\n  limit?: number;\n  /** Filter applied; null = all practices (super-admin). */\n  practiceId?: string | null;\n}\n\nexport interface ApiLogFilters {\n  provider?: string;\n  success?: boolean;\n  statusCode?: number;\n  operation?: string;\n  callId?: string;\n  from?: string;\n  to?: string;\n  search?: string;\n  page?: number;\n  limit?: number;\n  /** Super-admin only. Omit for all practices. */\n  practiceId?: string;\n}\n\n/** Roles that may pass `practiceId` / view all practices. */\nexport function isSuperAdminRole(role: string | null | undefined): boolean {\n  const key = String(role ?? '')\n    .trim()\n    .toLowerCase()\n    .replace(/[\\s-]+/g, '_');\n  return key === 'super_admin' || key === 'superadmin' || key === 'platform_admin';\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\n\nimport { ApiLogDetailDrawerComponent } from '../../components/api-log-detail-drawer/api-log-detail-drawer.component';\nimport { ApiLogsTableComponent } from '../../components/api-logs-table/api-logs-table.component';\nimport { VOICE_RECEPTIONIST_SESSION } from '../../config';\nimport {\n  ApiLogListItem,\n  ApiLogStats,\n  ApiProvider,\n  isSuperAdminRole,\n} from '../../models/api-log.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { formatApiDuration, providerChipClass, providerLabel } from '../../utils/api-log.util';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport { EdsSearchFieldComponent } from '../../ui/eds-search-field.component';\n\nconst PROVIDERS: ApiProvider[] = ['edvak', 'vonage', 'openai', 'livekit'];\nconst PAGE_SIZE = 50;\n\n@Component({\n  selector: 'eds-api-logs-page',\n  imports: [\n    FormsModule,\n    ApiLogsTableComponent,\n    ApiLogDetailDrawerComponent,\n    IconComponent,\n    EdsSearchFieldComponent,\n  ],\n  templateUrl: './api-logs-page.component.html',\n  styleUrl: './api-logs-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ApiLogsPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly route = inject(ActivatedRoute);\n  private readonly session = inject(VOICE_RECEPTIONIST_SESSION);\n\n  protected readonly providers = PROVIDERS;\n  protected readonly pageSize = PAGE_SIZE;\n  protected readonly providerLabel = providerLabel;\n  protected readonly providerChipClass = providerChipClass;\n  protected readonly formatDuration = formatApiDuration;\n\n  protected readonly items = signal<ApiLogListItem[]>([]);\n  protected readonly total = signal(0);\n  protected readonly page = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly error = signal<string | null>(null);\n  protected readonly stats = signal<ApiLogStats | null>(null);\n  protected readonly statsError = signal<string | null>(null);\n\n  protected readonly selectedProviders = signal<Set<ApiProvider>>(new Set());\n  protected readonly successFilter = signal<'all' | 'ok' | 'fail'>('all');\n  protected readonly statusCode = signal('');\n  protected readonly search = signal('');\n  protected readonly callIdFilter = signal('');\n  protected readonly fromDate = signal('');\n  protected readonly toDate = signal('');\n  /** Empty string = all practices (super-admin). */\n  protected readonly practiceIdFilter = signal('');\n\n  protected readonly selected = signal<ApiLogListItem | null>(null);\n  protected readonly drawerOpen = signal(false);\n\n  protected readonly isSuperAdmin = computed(() => {\n    if (this.session?.isSuperAdmin?.()) return true;\n    const role = this.session?.role?.() ?? null;\n    return isSuperAdminRole(role);\n  });\n\n  protected readonly showPracticeColumn = computed(\n    () => this.isSuperAdmin() && !this.practiceIdFilter().trim(),\n  );\n\n  ngOnInit(): void {\n    const callId = this.route.snapshot.queryParamMap.get('callId');\n    if (callId) this.callIdFilter.set(callId);\n    const practiceId = this.route.snapshot.queryParamMap.get('practiceId');\n    if (practiceId && this.isSuperAdmin()) this.practiceIdFilter.set(practiceId);\n    this.loadStats();\n    this.load();\n  }\n\n  protected toggleProvider(p: ApiProvider): void {\n    this.selectedProviders.update((set) => {\n      const next = new Set(set);\n      if (next.has(p)) next.delete(p);\n      else next.add(p);\n      return next;\n    });\n  }\n\n  protected isProviderSelected(p: ApiProvider): boolean {\n    return this.selectedProviders().has(p);\n  }\n\n  protected applyFilters(): void {\n    this.page.set(1);\n    this.loadStats();\n    this.load();\n  }\n\n  protected clearFilters(): void {\n    this.selectedProviders.set(new Set());\n    this.successFilter.set('all');\n    this.statusCode.set('');\n    this.search.set('');\n    this.callIdFilter.set('');\n    this.fromDate.set('');\n    this.toDate.set('');\n    this.practiceIdFilter.set('');\n    this.page.set(1);\n    this.loadStats();\n    this.load();\n  }\n\n  protected prevPage(): void {\n    if (this.page() > 1) {\n      this.page.update((p) => p - 1);\n      this.load();\n    }\n  }\n\n  protected nextPage(): void {\n    if (this.page() < this.totalPages()) {\n      this.page.update((p) => p + 1);\n      this.load();\n    }\n  }\n\n  protected onRowSelected(item: ApiLogListItem): void {\n    this.selected.set(item);\n    this.drawerOpen.set(true);\n  }\n\n  protected closeDrawer(): void {\n    this.drawerOpen.set(false);\n    this.selected.set(null);\n  }\n\n  protected exportCsv(): void {\n    const header = [\n      'time',\n      'provider',\n      'operation',\n      'method',\n      'status',\n      'duration',\n      'success',\n      'callId',\n      'practiceId',\n      'error',\n    ];\n    const rows = this.items().map((r) => [\n      r.startedAt,\n      r.provider,\n      r.operation,\n      r.method,\n      r.statusCode != null ? String(r.statusCode) : r.success ? 'OK' : 'TIMEOUT',\n      String(r.durationMs),\n      r.success ? 'true' : 'false',\n      r.callId ?? '',\n      r.clientPracticeId ?? '',\n      r.errorMessage ?? '',\n    ]);\n    const csv = [header, ...rows]\n      .map((row) => row.map((cell) => `\"${String(cell).replace(/\"/g, '\"\"')}\"`).join(','))\n      .join('\\n');\n    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `api-logs-page-${this.page()}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  }\n\n  protected totalPages(): number {\n    return Math.max(1, Math.ceil(this.total() / PAGE_SIZE));\n  }\n\n  private practiceIdParam(): string | undefined {\n    if (!this.isSuperAdmin()) return undefined;\n    const id = this.practiceIdFilter().trim();\n    return id || undefined;\n  }\n\n  private loadStats(): void {\n    this.statsError.set(null);\n    this.api.getApiLogStats(this.practiceIdParam()).subscribe({\n      next: ({ data }) => this.stats.set(data),\n      error: () => {\n        this.stats.set(null);\n        this.statsError.set('Stats unavailable');\n      },\n    });\n  }\n\n  private load(): void {\n    this.loading.set(true);\n    this.error.set(null);\n    const providers = [...this.selectedProviders()];\n    this.api\n      .getApiLogs({\n        provider: providers.length ? providers.join(',') : undefined,\n        success:\n          this.successFilter() === 'all'\n            ? undefined\n            : this.successFilter() === 'ok',\n        statusCode: this.statusCode() ? Number(this.statusCode()) : undefined,\n        callId: this.callIdFilter() || undefined,\n        from: this.fromDate() ? new Date(this.fromDate()).toISOString() : undefined,\n        to: this.toDate() ? new Date(this.toDate()).toISOString() : undefined,\n        search: this.search() || undefined,\n        page: this.page(),\n        limit: PAGE_SIZE,\n        practiceId: this.practiceIdParam(),\n      })\n      .subscribe({\n        next: ({ items, total }) => {\n          this.items.set(items);\n          this.total.set(total);\n          this.loading.set(false);\n        },\n        error: (err: { status?: number; message?: string }) => {\n          this.loading.set(false);\n          if (err?.status === 403) {\n            this.error.set('You do not have access to that practice’s API logs.');\n          } else {\n            this.error.set(err?.message ?? 'Failed to load API logs.');\n          }\n        },\n      });\n  }\n}\n","<div class=\"p-md bg-lighter min-h-full api-logs-page\">\n  <header class=\"api-logs-page__header mb-5 flex items-start justify-between gap-4\">\n    <div>\n      <h4>API Logs</h4>\n      <p class=\"fs-sm text-light\">Edvak EHR, Vonage, OpenAI, and LiveKit request history</p>\n    </div>\n    <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"exportCsv()\">\n      <ed-icon name=\"download\" [size]=\"18\" /> Export CSV\n    </button>\n  </header>\n\n  <section class=\"mb-4 grid grid-cols-2 gap-3 md:grid-cols-4\" aria-label=\"API health last 24 hours\">\n    @if (stats(); as s) {\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Total (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ s.last24h.total }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Failed (24h)</span>\n        <strong class=\"text-3xl font-bold leading-tight text-red-600\">{{ s.last24h.failed }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">Avg latency</span>\n        <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">{{ formatDuration(s.last24h.avgDurationMs) }}</strong>\n      </article>\n      <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n        <span class=\"fs-sm font-semibold text-light\">By provider</span>\n        <ul class=\"m-0 mt-1 flex list-none flex-wrap gap-1.5 p-0\">\n          @for (row of s.byProvider; track row.provider) {\n            <li class=\"inline-flex items-center gap-1 text-xs text-zinc-600\">\n              <span class=\"api-log-chip\" [class]=\"providerChipClass(row.provider)\">{{ providerLabel(row.provider) }}</span>\n              {{ row.total }}\n            </li>\n          } @empty {\n            <li class=\"text-sm text-zinc-500\">—</li>\n          }\n        </ul>\n      </article>\n    } @else if (statsError()) {\n      <p class=\"col-span-full fs-sm text-light text-zinc-500\">{{ statsError() }}</p>\n    } @else {\n      <p class=\"col-span-full fs-sm text-light\">Loading stats…</p>\n    }\n  </section>\n\n  <section class=\"rounded-lg border border-base bg-white api-logs-page__filters mb-4 p-4 shadow-sm\">\n    <div class=\"api-logs-page__filter-row mb-3\">\n      <span class=\"fs-sm font-semibold text-light\">Provider</span>\n      <div class=\"api-logs-page__chips mt-2 flex flex-wrap gap-2\">\n        @for (p of providers; track p) {\n          <button\n            type=\"button\"\n            class=\"api-log-chip api-logs-page__chip\"\n            [class]=\"'api-log-chip--' + p\"\n            [class.api-logs-page__chip--on]=\"isProviderSelected(p)\"\n            (click)=\"toggleProvider(p)\"\n          >\n            {{ p }}\n          </button>\n        }\n      </div>\n    </div>\n\n    <div class=\"api-logs-page__filter-grid mb-3 grid grid-cols-2 gap-3 md:grid-cols-3\">\n      <div class=\"mb-sm\">\n        <label>Result</label>\n        <select class=\"form-select\" [ngModel]=\"successFilter()\" (ngModelChange)=\"successFilter.set($event)\" autocomplete=\"off\">\n          <option value=\"all\">All</option>\n          <option value=\"ok\">Success</option>\n          <option value=\"fail\">Failed</option>\n        </select>\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Status code</label>\n        <input\n          class=\"form-input\"\n          type=\"number\"\n          placeholder=\"e.g. 500\"\n          [ngModel]=\"statusCode()\"\n          (ngModelChange)=\"statusCode.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Call ID</label>\n        <eds-search-field\n          type=\"text\"\n          inputClass=\"form-input\"\n          placeholder=\"LC-4821\"\n          [value]=\"callIdFilter()\"\n          (valueChange)=\"callIdFilter.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>Search</label>\n        <eds-search-field\n          inputClass=\"form-input\"\n          placeholder=\"operation, path, error…\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applyFilters()\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>From</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"fromDate()\"\n          (ngModelChange)=\"fromDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      <div class=\"mb-sm\">\n        <label>To</label>\n        <input\n          class=\"form-input\"\n          type=\"datetime-local\"\n          [ngModel]=\"toDate()\"\n          (ngModelChange)=\"toDate.set($event)\"\n          autocomplete=\"off\"\n        />\n      </div>\n\n      @if (isSuperAdmin()) {\n        <div class=\"mb-sm md:col-span-2\">\n          <label>Practice ID (super-admin)</label>\n          <eds-search-field\n            type=\"text\"\n            inputClass=\"form-input\"\n            placeholder=\"Leave empty for all practices\"\n            [value]=\"practiceIdFilter()\"\n            (valueChange)=\"practiceIdFilter.set($event)\"\n            (enter)=\"applyFilters()\"\n          />\n        </div>\n      }\n    </div>\n\n    <div class=\"api-logs-page__filter-actions flex gap-2\">\n      <button type=\"button\" class=\"btn is-primary is-sm inline-flex items-center gap-2xs\" (click)=\"applyFilters()\">Apply filters</button>\n      <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" (click)=\"clearFilters()\">Clear</button>\n    </div>\n  </section>\n\n  <article class=\"rounded-lg border border-base bg-white api-logs-page__table-card p-4 shadow-sm\">\n    @if (loading()) {\n      <p class=\"fs-sm text-light\">Loading…</p>\n    } @else if (error()) {\n      <p class=\"api-logs-page__error fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n    } @else if (items().length === 0) {\n      <p class=\"fs-sm text-light\">No API logs match your filters.</p>\n    } @else {\n      <eds-api-logs-table\n        [items]=\"items()\"\n        [showCallId]=\"true\"\n        [showPracticeId]=\"showPracticeColumn()\"\n        (rowSelected)=\"onRowSelected($event)\"\n      />\n    }\n\n    <footer class=\"api-logs-page__pager mt-4 flex items-center justify-between pt-3\">\n      <span class=\"fs-sm text-light\">\n        Page {{ page() }} of {{ totalPages() }} · {{ total() }} total\n      </span>\n      <div class=\"api-logs-page__pager-actions flex gap-2\">\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</button>\n        <button type=\"button\" class=\"btn is-secondary is-sm inline-flex items-center gap-2xs\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</button>\n      </div>\n    </footer>\n  </article>\n\n  <eds-api-log-detail-drawer\n    [open]=\"drawerOpen()\"\n    [listItem]=\"selected()\"\n    (closed)=\"closeDrawer()\"\n  />\n</div>\n"],"names":[],"mappings":"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"}