@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

package/fesm2022/{edvak99-voice-receptionist-widget-call-review.service-WG30w6Jl.mjs → edvak99-voice-receptionist-widget-call-review.service-ft4auA6j.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, signal, Injectable } from '@angular/core';
 import { tap, map } from 'rxjs';
-import { A as AiReceptionistApiService } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs';
+import { A as AiReceptionistApiService } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
 
 class CallReviewService {
     constructor() {
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }] });
 
 export { CallReviewService as C };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.service-WG30w6Jl.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.service-ft4auA6j.mjs.map

package/fesm2022/{edvak99-voice-receptionist-widget-call-review.service-WG30w6Jl.mjs.map → edvak99-voice-receptionist-widget-call-review.service-ft4auA6j.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-call-review.service-WG30w6Jl.mjs","sources":["../../../src/lib/services/call-review.service.ts"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { Observable, map, tap } from 'rxjs';\n\nimport { CallReviewStatus } from '../utils/call-review.util';\nimport { AiReceptionistApiService } from './ai-receptionist-api.service';\n\n@Injectable({ providedIn: 'root' })\nexport class CallReviewService {\n  private readonly api = inject(AiReceptionistApiService);\n\n  /** Cached from dashboard summary; decremented optimistically on review. */\n  readonly needsReviewCount = signal<number | null>(null);\n\n  setNeedsReviewCount(count: number): void {\n    this.needsReviewCount.set(count);\n  }\n\n  markReviewed(callId: string): Observable<CallReviewStatus> {\n    return this.api.postReview(callId).pipe(\n      tap(() => {\n        this.needsReviewCount.update((c) => (c != null && c > 0 ? c - 1 : c));\n      }),\n      map(() => 'reviewed'),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;MAOa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;;AAG9C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC;AAcxD,IAAA;AAZC,IAAA,mBAAmB,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;AAEA,IAAA,YAAY,CAAC,MAAc,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,MAAK;AACP,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,EACF,GAAG,CAAC,MAAM,UAAU,CAAC,CACtB;IACH;+GAjBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA,CAAA;;4FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-review.service-ft4auA6j.mjs","sources":["../../../src/lib/services/call-review.service.ts"],"sourcesContent":["import { Injectable, inject, signal } from '@angular/core';\nimport { Observable, map, tap } from 'rxjs';\n\nimport { CallReviewStatus } from '../utils/call-review.util';\nimport { AiReceptionistApiService } from './ai-receptionist-api.service';\n\n@Injectable({ providedIn: 'root' })\nexport class CallReviewService {\n  private readonly api = inject(AiReceptionistApiService);\n\n  /** Cached from dashboard summary; decremented optimistically on review. */\n  readonly needsReviewCount = signal<number | null>(null);\n\n  setNeedsReviewCount(count: number): void {\n    this.needsReviewCount.set(count);\n  }\n\n  markReviewed(callId: string): Observable<CallReviewStatus> {\n    return this.api.postReview(callId).pipe(\n      tap(() => {\n        this.needsReviewCount.update((c) => (c != null && c > 0 ? c - 1 : c));\n      }),\n      map(() => 'reviewed'),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;MAOa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;;AAG9C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC;AAcxD,IAAA;AAZC,IAAA,mBAAmB,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;AAEA,IAAA,YAAY,CAAC,MAAc,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CACrC,GAAG,CAAC,MAAK;AACP,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,EACF,GAAG,CAAC,MAAM,UAAU,CAAC,CACtB;IACH;+GAjBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA,CAAA;;4FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}

package/fesm2022/{edvak99-voice-receptionist-widget-call-review.util-Deh3jPgo.mjs → edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs}

@@ -2,7 +2,7 @@ function reviewLabel(status) {
     return status === 'reviewed' ? 'Reviewed' : 'Pending review';
 }
 function reviewBadgeTone(status) {
-    return status === 'reviewed' ? 'pos' : 'notice';
+    return status === 'reviewed' ? 'success' : 'warning';
 }
 function isNeedsReview(status) {
     return status === 'needs';
@@ -18,4 +18,4 @@ function matchesReviewFilter(status, tab) {
 }
 
 export { isNeedsReview as i };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.util-Deh3jPgo.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs","sources":["../../../src/lib/utils/call-review.util.ts"],"sourcesContent":["export type CallReviewStatus = 'needs' | 'reviewed';\n\nexport function reviewLabel(status: CallReviewStatus): string {\n  return status === 'reviewed' ? 'Reviewed' : 'Pending review';\n}\n\nimport { BadgeTone } from '../ui/eds-badge.component';\n\nexport function reviewBadgeTone(status: CallReviewStatus): BadgeTone {\n  return status === 'reviewed' ? 'success' : 'warning';\n}\n\nexport function isNeedsReview(status: CallReviewStatus): boolean {\n  return status === 'needs';\n}\n\n/** Normalize legacy or API values to CallReviewStatus. */\nexport function normalizeReviewStatus(value: string | undefined | null): CallReviewStatus {\n  return value === 'reviewed' ? 'reviewed' : 'needs';\n}\n\nexport type ReviewFilterTab = 'all' | 'needs' | 'reviewed';\n\nexport function matchesReviewFilter(\n  status: CallReviewStatus,\n  tab: ReviewFilterTab,\n): boolean {\n  if (tab === 'all') return true;\n  return status === tab;\n}\n"],"names":[],"mappings":"AAEM,SAAU,WAAW,CAAC,MAAwB,EAAA;IAClD,OAAO,MAAM,KAAK,UAAU,GAAG,UAAU,GAAG,gBAAgB;AAC9D;AAIM,SAAU,eAAe,CAAC,MAAwB,EAAA;IACtD,OAAO,MAAM,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS;AACtD;AAEM,SAAU,aAAa,CAAC,MAAwB,EAAA;IACpD,OAAO,MAAM,KAAK,OAAO;AAC3B;AAEA;AACM,SAAU,qBAAqB,CAAC,KAAgC,EAAA;IACpE,OAAO,KAAK,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO;AACpD;AAIM,SAAU,mBAAmB,CACjC,MAAwB,EACxB,GAAoB,EAAA;IAEpB,IAAI,GAAG,KAAK,KAAK;AAAE,QAAA,OAAO,IAAI;IAC9B,OAAO,MAAM,KAAK,GAAG;AACvB;;;;"}

package/fesm2022/edvak99-voice-receptionist-widget-dashboard-page.component-_9K7CA1i.mjs

@@ -0,0 +1,317 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component, computed, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { RouterLink, Router, ActivatedRoute } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { A as AiReceptionistApiService, L as LiveCallsListService, V as VOICE_RECEPTIONIST_CONFIG, h as historyResolution, i as isUnknownCaller, c as callerMetaLine, a as ageFromDob, b as historyResultChips, r as resultChipIcon, d as historyResolutionLabel, E as EdAvatarComponent, 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 { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs';
+import { E as EdsPulseDotComponent } from './edvak99-voice-receptionist-widget-eds-pulse-dot.component-B8yxY-7p.mjs';
+import { E as EdsElapsedPipe } from './edvak99-voice-receptionist-widget-eds-elapsed.pipe-BFCiJOT3.mjs';
+
+class ApiHealthWidgetComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.stats = signal(null);
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.providerLabel = providerLabel;
+        this.providerChipClass = providerChipClass;
+        this.formatDuration = formatApiDuration;
+    }
+    ngOnInit() {
+        this.api.getApiLogStats().subscribe({
+            next: ({ data }) => {
+                this.stats.set(data);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.error.set('Stats unavailable');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ApiHealthWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ApiHealthWidgetComponent, isStandalone: true, selector: "eds-api-health-widget", ngImport: i0, template: "<article class=\"rounded-lg border border-base bg-white api-health-widget p-4 shadow-sm\">\n  <header class=\"mb-3 flex items-center justify-between\">\n    <h2>API health (24h)</h2>\n    <a routerLink=\"../api-logs\" class=\"fs-sm text-light\">View all</a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading\u2026</p>\n  } @else if (error()) {\n    <p class=\"fs-sm text-light api-health-widget__muted\">{{ error() }}</p>\n  } @else if (stats()) {\n    <div class=\"mb-4 grid grid-cols-3 gap-3\">\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Total</span>\n        <span class=\"api-health-widget__value mt-1 block text-[22px] font-semibold\">{{ stats()!.last24h.total }}</span>\n      </div>\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Failed</span>\n        <span class=\"api-health-widget__value api-health-widget__value--fail mt-1 block text-[22px] font-semibold\">{{ stats()!.last24h.failed }}</span>\n      </div>\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Avg duration</span>\n        <span class=\"api-health-widget__value mt-1 block text-[22px] font-semibold\">{{ formatDuration(stats()!.last24h.avgDurationMs) }}</span>\n      </div>\n    </div>\n\n    <h3 class=\"fs-sm font-semibold text-light mb-2\">Recent failures</h3>\n    <ul class=\"flex flex-col gap-2\">\n      @for (f of stats()!.recentFailures.slice(0, 3); track f.id) {\n        <li class=\"flex flex-wrap items-center gap-2\">\n          <span class=\"api-log-chip\" [class]=\"providerChipClass(f.provider)\">\n            {{ providerLabel(f.provider) }}\n          </span>\n          <span class=\"fs-sm font-semibold text-dark\">{{ f.operation }}</span>\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ f.startedAt | date: 'shortTime' }}</span>\n        </li>\n      } @empty {\n        <li class=\"fs-sm text-light api-health-widget__muted\">No failures in the last 24 hours.</li>\n      }\n    </ul>\n  }\n</article>\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-health-widget__failures{list-style:none;margin:0;padding:0}.api-health-widget__value--fail{color:#dc2626}.api-health-widget__muted{color:var(--eds-text-secondary)}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ApiHealthWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-api-health-widget', standalone: true, imports: [DatePipe, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"rounded-lg border border-base bg-white api-health-widget p-4 shadow-sm\">\n  <header class=\"mb-3 flex items-center justify-between\">\n    <h2>API health (24h)</h2>\n    <a routerLink=\"../api-logs\" class=\"fs-sm text-light\">View all</a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading\u2026</p>\n  } @else if (error()) {\n    <p class=\"fs-sm text-light api-health-widget__muted\">{{ error() }}</p>\n  } @else if (stats()) {\n    <div class=\"mb-4 grid grid-cols-3 gap-3\">\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Total</span>\n        <span class=\"api-health-widget__value mt-1 block text-[22px] font-semibold\">{{ stats()!.last24h.total }}</span>\n      </div>\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Failed</span>\n        <span class=\"api-health-widget__value api-health-widget__value--fail mt-1 block text-[22px] font-semibold\">{{ stats()!.last24h.failed }}</span>\n      </div>\n      <div>\n        <span class=\"fs-sm font-semibold text-light\">Avg duration</span>\n        <span class=\"api-health-widget__value mt-1 block text-[22px] font-semibold\">{{ formatDuration(stats()!.last24h.avgDurationMs) }}</span>\n      </div>\n    </div>\n\n    <h3 class=\"fs-sm font-semibold text-light mb-2\">Recent failures</h3>\n    <ul class=\"flex flex-col gap-2\">\n      @for (f of stats()!.recentFailures.slice(0, 3); track f.id) {\n        <li class=\"flex flex-wrap items-center gap-2\">\n          <span class=\"api-log-chip\" [class]=\"providerChipClass(f.provider)\">\n            {{ providerLabel(f.provider) }}\n          </span>\n          <span class=\"fs-sm font-semibold text-dark\">{{ f.operation }}</span>\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ f.startedAt | date: 'shortTime' }}</span>\n        </li>\n      } @empty {\n        <li class=\"fs-sm text-light api-health-widget__muted\">No failures in the last 24 hours.</li>\n      }\n    </ul>\n  }\n</article>\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-health-widget__failures{list-style:none;margin:0;padding:0}.api-health-widget__value--fail{color:#dc2626}.api-health-widget__muted{color:var(--eds-text-secondary)}\n"] }]
+        }] });
+
+class DashboardPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.liveCallsList = inject(LiveCallsListService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
+        /** Standalone dashboard only. */
+        this.showApiLogs = !!this.config.showModuleNav;
+        this.data = signal(null);
+        this.loading = signal(true);
+        this.liveCalls = this.liveCallsList.calls;
+        this.liveCallsLoading = this.liveCallsList.loading;
+        this.liveCallsError = this.liveCallsList.error;
+        this.kpiCards = computed(() => {
+            const stats = this.data()?.stats;
+            if (!stats)
+                return [];
+            const calls = stats.answeredToday;
+            const resolvedCount = Math.round((stats.completionRate / 100) * Math.max(calls, 1));
+            return [
+                {
+                    id: 'calls',
+                    label: 'Calls handled',
+                    value: String(calls),
+                    meta: 'Today',
+                },
+                {
+                    id: 'appointments',
+                    label: 'Appointments booked',
+                    value: String(stats.appointmentsBooked),
+                    meta: 'Created by AI',
+                    link: '../appointments',
+                },
+                {
+                    id: 'tasks',
+                    label: 'Tasks created',
+                    value: String(stats.tasksCreated),
+                    meta: 'Created by AI',
+                    link: '../activities',
+                },
+                {
+                    id: 'resolved',
+                    label: 'Resolved without staff',
+                    value: `${stats.completionRate}%`,
+                    meta: calls > 0 ? `${resolvedCount} of ${calls} calls` : 'AI handled',
+                },
+            ];
+        });
+        this.liveCallRows = computed(() => this.liveCalls().map((call) => this.toLiveCallRow(call)));
+        this.liveCallCount = computed(() => this.liveCallRows().length);
+        this.attentionRows = computed(() => {
+            const fromLive = this.liveCalls()
+                .filter((c) => this.isAssistanceStatus(c.status) || c.sentiment === 'frustrated' || c.sentiment === 'urgent')
+                .map((c) => this.toAttentionFromLive(c));
+            const fromHistory = (this.data()?.recentHistory ?? [])
+                .filter((row) => historyResolution({
+                outcome: row.outcome,
+                resolution: row.resolution,
+                risk: row.risk,
+            }) === 'needs_attention')
+                .map((row) => this.toAttentionFromHistory(row));
+            const seen = new Set();
+            const merged = [];
+            for (const item of [...fromLive, ...fromHistory]) {
+                if (seen.has(item.callId))
+                    continue;
+                seen.add(item.callId);
+                merged.push(item);
+                if (merged.length >= 6)
+                    break;
+            }
+            return merged;
+        });
+        this.attentionCount = computed(() => this.attentionRows().length);
+        this.recentHistoryRows = computed(() => (this.data()?.recentHistory ?? []).map((row) => this.toRecentHistoryRow(row)));
+        this.recentHistoryCount = computed(() => this.recentHistoryRows().length);
+    }
+    ngOnInit() {
+        this.liveCallsList.start();
+        this.api.getDashboard().subscribe(({ data }) => {
+            this.data.set(data);
+            this.loading.set(false);
+        });
+    }
+    ngOnDestroy() {
+        this.liveCallsList.stop();
+    }
+    exportCsv() {
+        // mock export
+    }
+    openHistoryDetail(id) {
+        void this.router.navigate(['../history', id], { relativeTo: this.route });
+    }
+    openLiveCall(id) {
+        void this.router.navigate(['../live', id], { relativeTo: this.route });
+    }
+    openAttention(item) {
+        const live = this.liveCalls().some((c) => c.id === item.callId);
+        void this.router.navigate(live ? ['../live', item.callId] : ['../history', item.callId], {
+            relativeTo: this.route,
+        });
+    }
+    toLiveCallRow(call) {
+        const unknown = isUnknownCaller(call.name, call.matched);
+        const needsAssistance = this.isAssistanceStatus(call.status);
+        const staffHandling = call.status === 'takeover' || call.controlMode === 'takeover';
+        const lastTool = call.tools[call.tools.length - 1];
+        return {
+            id: call.id,
+            name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',
+            initials: unknown ? '?' : call.initials || '?',
+            avatarTone: unknown ? 'gray' : 'warm',
+            metaLine: callerMetaLine({
+                name: call.name,
+                matched: call.matched,
+                phone: call.phone,
+                dob: call.dob,
+                age: call.age ?? ageFromDob(call.dob),
+                gender: call.gender,
+            }),
+            sentiment: call.sentiment,
+            sentimentLabel: this.sentimentLabel(call.sentiment),
+            direction: call.direction,
+            directionIcon: call.direction === 'inbound' ? 'call_received' : 'call_made',
+            goal: call.reason || call.goal || '—',
+            statusSubtitle: lastTool?.result || call.goal || 'In progress…',
+            handlingLabel: needsAssistance
+                ? 'NEED ASSISTANCE'
+                : staffHandling
+                    ? 'STAFF HANDLING'
+                    : 'AI HANDLING',
+            handlingVariant: needsAssistance ? 'danger' : staffHandling ? 'success' : 'opened',
+            needsAssistance,
+            started: call.started,
+        };
+    }
+    toAttentionFromLive(call) {
+        const unknown = isUnknownCaller(call.name, call.matched);
+        return {
+            id: `live-${call.id}`,
+            callId: call.id,
+            name: unknown ? 'Unknown Caller' : call.name.trim() || 'Unknown Caller',
+            initials: unknown ? '?' : call.initials || '?',
+            avatarTone: unknown ? 'gray' : 'violet',
+            metaLine: callerMetaLine({
+                name: call.name,
+                matched: call.matched,
+                phone: call.phone,
+                dob: call.dob,
+                age: call.age ?? ageFromDob(call.dob),
+                gender: call.gender,
+            }),
+            badge: this.attentionBadgeFromLive(call),
+            detail: call.goal || call.reason || 'Needs staff follow-up.',
+            timeLabel: 'Just now',
+        };
+    }
+    toAttentionFromHistory(row) {
+        const unknown = isUnknownCaller(row.name);
+        return {
+            id: `hist-${row.id}`,
+            callId: row.id,
+            name: unknown ? 'Unknown Caller' : row.name.trim() || 'Unknown Caller',
+            initials: unknown || !row.initials ? '?' : row.initials,
+            avatarTone: unknown || row.initials === '?' ? 'gray' : 'violet',
+            metaLine: callerMetaLine({
+                dob: row.dob,
+                age: row.age,
+                gender: row.gender,
+                phone: row.phone,
+                name: row.name,
+            }),
+            badge: this.attentionBadgeFromHistory(row),
+            detail: row.reason || row.outcome || 'Needs review.',
+            timeLabel: row.whenLabel || 'Recently',
+        };
+    }
+    toRecentHistoryRow(row) {
+        const unknown = isUnknownCaller(row.name);
+        const resolution = historyResolution({
+            outcome: row.outcome,
+            resolution: row.resolution,
+            risk: row.risk,
+        });
+        const handledByStaff = row.handledBy === 'staff';
+        const inbound = row.direction === 'inbound';
+        const chips = historyResultChips(row.results, row.outcome);
+        return {
+            id: row.id,
+            name: row.name || 'Unknown Caller',
+            initials: row.initials || '?',
+            avatarTone: unknown || row.initials === '?' ? 'gray' : 'brand',
+            metaLine: callerMetaLine({
+                dob: row.dob,
+                age: row.age,
+                gender: row.gender,
+                phone: row.phone,
+                name: row.name,
+            }),
+            direction: row.direction,
+            directionIcon: inbound ? 'call_received' : 'call_made',
+            directionTitle: inbound ? 'Inbound' : 'Outbound',
+            reason: row.reason || '—',
+            handledByLabel: handledByStaff ? 'STAFF' : 'AI',
+            handledByVariant: handledByStaff ? 'primary' : 'opened',
+            resolution,
+            resolutionLabel: historyResolutionLabel(resolution),
+            resolutionVariant: resolution === 'resolved' ? 'success' : 'warning',
+            resultChips: chips.map((label) => ({ label, icon: resultChipIcon(label) })),
+            durationLabel: row.durationLabel ?? this.formatDuration(row.duration),
+            started: row.started || null,
+            whenLabel: row.whenLabel || '—',
+            needsReview: isNeedsReview(row.review),
+        };
+    }
+    isAssistanceStatus(status) {
+        return status === 'needs-help' || status === 'human-requested' || status === 'urgent';
+    }
+    sentimentLabel(sentiment) {
+        switch (sentiment) {
+            case 'calm':
+                return 'Calm';
+            case 'frustrated':
+                return 'Frustrated';
+            case 'urgent':
+                return 'Urgent';
+            case 'neutral':
+            default:
+                return 'Uncertain';
+        }
+    }
+    attentionBadgeFromLive(call) {
+        if (call.status === 'urgent')
+            return 'SAFETY ESCALATION';
+        if (call.status === 'human-requested')
+            return 'HUMAN REQUESTED';
+        if (call.verification === 'failed' || call.verification === 'unknown')
+            return 'IDENTITY UNRESOLVED';
+        if (call.status === 'needs-help')
+            return 'NEED ASSISTANCE';
+        return 'NEEDS REVIEW';
+    }
+    attentionBadgeFromHistory(row) {
+        const o = (row.outcome || row.reason || '').toLowerCase();
+        if (o.includes('book') || o.includes('appoint'))
+            return 'BOOKING FAILURE';
+        if (o.includes('ident') || row.verification === 'failed' || row.verification === 'unknown') {
+            return 'IDENTITY UNRESOLVED';
+        }
+        if (row.risk === 'urgent')
+            return 'SAFETY ESCALATION';
+        return 'NEEDS REVIEW';
+    }
+    formatDuration(sec) {
+        const m = Math.floor(sec / 60);
+        const s = sec % 60;
+        return `${m}:${s.toString().padStart(2, '0')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: DashboardPageComponent, isStandalone: true, selector: "eds-dashboard-page", ngImport: i0, template: "<div class=\"flex min-h-full flex-col gap-md bg-lighter p-base dashboard-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h4>Dashboard</h4>\n      <p class=\"fs-sm text-light\">Monitor AI receptionist activity and follow up where needed</p>\n    </div>\n    <button\n      type=\"button\"\n      class=\"btn is-secondary is-sm inline-flex shrink-0 items-center gap-2xs\"\n      (click)=\"exportCsv()\"\n    >\n      <ed-icon name=\"download\" [size]=\"16\" />\n      Export CSV\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\">\n      @for (tile of kpiCards(); track tile.id) {\n        @if (tile.link) {\n          <a\n            [routerLink]=\"tile.link\"\n            class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base no-underline text-inherit transition-colors hover:border-primary\"\n          >\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <strong class=\"fs-lg font-semibold text-dark\">{{ tile.value }}</strong>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <strong class=\"fs-lg font-semibold text-dark\">{{ tile.value }}</strong>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </article>\n        }\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-stretch gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\"\n    >\n      <article class=\"grid grid-rows-[auto_1fr] gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h2>Live Calls</h2>\n            <ed-badge-2 variant=\"success\" pill uppercase>\n              {{ liveCallCount() }} LIVE\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../live\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid list-none content-start gap-xs p-0\">\n          @if (liveCallsError()) {\n            <li class=\"fs-sm text-light\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCallRows().length === 0) {\n            <li class=\"fs-sm text-light\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCallRows(); track call.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center gap-sm rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary md:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)_auto_auto]\"\n                [class.border-danger]=\"call.needsAssistance\"\n                [class.bg-danger-50]=\"call.needsAssistance\"\n                (click)=\"openLiveCall(call.id)\"\n              >\n                <div class=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"call.initials\"\n                    [tone]=\"call.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex min-w-0 flex-wrap items-center gap-2xs\">\n                      <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                      <span class=\"inline-flex text-light\">\n                        <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                      </span>\n                      <span\n                        class=\"vr-sentiment inline-flex items-center rounded px-2xs py-2xs fs-xs font-medium\"\n                        [attr.data-sentiment]=\"call.sentiment\"\n                      >\n                        {{ call.sentimentLabel }}\n                      </span>\n                    </div>\n                    <span class=\"fs-xs whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                  </div>\n                </div>\n\n                <div class=\"hidden min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs md:grid\">\n                  <span\n                    class=\"inline-flex h-5 shrink-0 items-center justify-center rounded px-2xs\"\n                    [class.bg-primary-50]=\"call.direction === 'inbound'\"\n                    [class.text-primary]=\"call.direction === 'inbound'\"\n                    [class.bg-secondary-50]=\"call.direction === 'outbound'\"\n                    [class.text-secondary]=\"call.direction === 'outbound'\"\n                  >\n                    <ed-icon [name]=\"call.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"truncate fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                    <span class=\"truncate fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                  </div>\n                </div>\n\n                <div class=\"grid justify-items-end gap-2xs\">\n                  <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                    {{ call.handlingLabel }}\n                  </ed-badge-2>\n                  <span\n                    class=\"inline-flex items-center gap-2xs font-['IBM_Plex_Mono'] fs-xs\"\n                    [class.text-danger]=\"call.needsAssistance\"\n                    [class.text-light]=\"!call.needsAssistance\"\n                  >\n                    @if (!call.needsAssistance) {\n                      <eds-pulse-dot />\n                    }\n                    {{ call.started | edsElapsed }}\n                  </span>\n                </div>\n\n                <span class=\"inline-flex shrink-0 text-light\">\n                  <ed-icon name=\"chevron_right\" [size]=\"20\" color=\"currentColor\" />\n                </span>\n              </button>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"fs-sm text-light\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"grid grid-rows-[auto_1fr] gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h2>Needs Attention</h2>\n            <ed-badge-2 variant=\"warning\" pill>\n              {{ attentionCount() }}\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../history\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid list-none content-start gap-xs p-0\">\n          @for (item of attentionRows(); track item.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"grid w-full cursor-pointer gap-xs overflow-hidden rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                (click)=\"openAttention(item)\"\n              >\n                <div class=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-xs\">\n                  <div class=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"item.initials\"\n                      [tone]=\"item.avatarTone\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.name }}</span>\n                        <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span>\n                      </div>\n                      <span class=\"truncate fs-xs text-light\">{{ item.metaLine }}</span>\n                    </div>\n                  </div>\n                  <ed-badge-2 variant=\"light\" pill uppercase>\n                    {{ item.badge }}\n                  </ed-badge-2>\n                </div>\n                <div class=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-sm\">\n                  <span class=\"min-w-0 fs-sm text-light\">{{ item.detail }}</span>\n                  <span class=\"shrink-0 whitespace-nowrap fs-2xs text-light\">{{ item.timeLabel }}</span>\n                </div>\n              </button>\n            </li>\n          } @empty {\n            <li class=\"fs-sm text-light\">Nothing needs attention right now.</li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    @if (showApiLogs) {\n      <section>\n        <eds-api-health-widget />\n      </section>\n    }\n\n    <article class=\"flex flex-col gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h2>Recent Calls</h2>\n          <ed-badge-2\n            variant=\"light\"\n            pill\n            [attr.aria-label]=\"'Recent calls count ' + recentHistoryCount()\"\n          >\n            {{ recentHistoryCount() }}\n          </ed-badge-2>\n        </div>\n        <a\n          routerLink=\"../history\"\n          class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n        >\n          View All\n          <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n        </a>\n      </header>\n\n      <div class=\"overflow-x-auto\">\n        <table class=\"table-default relative min-w-5xl\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs text-light\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" color=\"currentColor\" />\n                  <span>/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of recentHistoryRows(); track row.id) {\n              <tr\n                class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [class.vr-row--needs-review]=\"row.needsReview\"\n                tabindex=\"0\"\n                role=\"link\"\n                [attr.aria-label]=\"'View call details for ' + row.name\"\n                (click)=\"openHistoryDetail(row.id)\"\n                (keyup.enter)=\"openHistoryDetail(row.id)\"\n              >\n                <td>\n                  <div class=\"flex flex-col gap-2xs whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"fs-xs text-light\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.whenLabel }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-52 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"row.initials\"\n                      [tone]=\"row.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-col gap-2xs\">\n                      <div class=\"flex items-center gap-2xs text-dark\">\n                        <span class=\"fs-sm font-semibold\">{{ row.name }}</span>\n                        <span class=\"inline-flex text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span>\n                      </div>\n                      <span class=\"fs-xs whitespace-nowrap text-light\">{{ row.metaLine }}</span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"text-center\">\n                  <span\n                    class=\"inline-flex h-5 items-center justify-center rounded px-2xs\"\n                    [class.bg-primary-50]=\"row.direction === 'inbound'\"\n                    [class.text-primary]=\"row.direction === 'inbound'\"\n                    [class.bg-secondary-50]=\"row.direction === 'outbound'\"\n                    [class.text-secondary]=\"row.direction === 'outbound'\"\n                    [attr.title]=\"row.directionTitle\"\n                  >\n                    <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                </td>\n\n                <td>\n                  <span class=\"fs-sm font-medium text-light\">{{ row.reason }}</span>\n                </td>\n\n                <td>\n                  <ed-badge-2 [attr.variant]=\"row.handledByVariant\" pill uppercase>\n                    {{ row.handledByLabel }}\n                  </ed-badge-2>\n                </td>\n\n                <td>\n                  @if (row.resolution) {\n                    <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                      {{ row.resolutionLabel }}\n                    </ed-badge-2>\n                  }\n                </td>\n\n                <td>\n                  <div class=\"flex max-w-80 flex-wrap gap-2xs\">\n                    @for (chip of row.resultChips; track chip.label) {\n                      <span\n                        class=\"inline-flex h-5 items-center gap-2xs whitespace-nowrap rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                      >\n                        <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                        {{ chip.label }}\n                      </span>\n                    } @empty {\n                      <span class=\"fs-sm text-light\">\u2014</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap tabular-nums fs-xs font-medium text-light\">\n                  {{ row.durationLabel }}\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"table-no-data\">\n                <td colspan=\"8\" class=\"py-base text-center fs-sm text-light\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: EdAvatarComponent, selector: "ed-avatar", inputs: ["initials", "tone", "shape", "size", "gradient"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdsPulseDotComponent, selector: "eds-pulse-dot" }, { kind: "pipe", type: EdsElapsedPipe, name: "edsElapsed" }, { kind: "component", type: ApiHealthWidgetComponent, selector: "eds-api-health-widget" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-dashboard-page', imports: [
+                        RouterLink,
+                        DatePipe,
+                        EdAvatarComponent,
+                        IconComponent,
+                        EdsPulseDotComponent,
+                        EdsElapsedPipe,
+                        ApiHealthWidgetComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex min-h-full flex-col gap-md bg-lighter p-base dashboard-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"flex flex-col gap-2xs\">\n      <h4>Dashboard</h4>\n      <p class=\"fs-sm text-light\">Monitor AI receptionist activity and follow up where needed</p>\n    </div>\n    <button\n      type=\"button\"\n      class=\"btn is-secondary is-sm inline-flex shrink-0 items-center gap-2xs\"\n      (click)=\"exportCsv()\"\n    >\n      <ed-icon name=\"download\" [size]=\"16\" />\n      Export CSV\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"grid grid-cols-1 gap-base sm:grid-cols-2 xl:grid-cols-4\" aria-label=\"Overview KPIs\">\n      @for (tile of kpiCards(); track tile.id) {\n        @if (tile.link) {\n          <a\n            [routerLink]=\"tile.link\"\n            class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base no-underline text-inherit transition-colors hover:border-primary\"\n          >\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <strong class=\"fs-lg font-semibold text-dark\">{{ tile.value }}</strong>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-xs overflow-hidden rounded-md border border-light bg-white p-base\">\n            <span class=\"fs-xs font-semibold uppercase tracking-wide text-light\">{{ tile.label }}</span>\n            <strong class=\"fs-lg font-semibold text-dark\">{{ tile.value }}</strong>\n            <span class=\"fs-xs text-light\">{{ tile.meta }}</span>\n          </article>\n        }\n      }\n    </section>\n\n    <section\n      class=\"grid grid-cols-1 items-stretch gap-base xl:grid-cols-[minmax(0,785fr)_minmax(0,415fr)]\"\n      aria-label=\"Live calls and needs attention\"\n    >\n      <article class=\"grid grid-rows-[auto_1fr] gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h2>Live Calls</h2>\n            <ed-badge-2 variant=\"success\" pill uppercase>\n              {{ liveCallCount() }} LIVE\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../live\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid list-none content-start gap-xs p-0\">\n          @if (liveCallsError()) {\n            <li class=\"fs-sm text-light\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCallRows().length === 0) {\n            <li class=\"fs-sm text-light\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCallRows(); track call.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"grid w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center gap-sm rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary md:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)_auto_auto]\"\n                [class.border-danger]=\"call.needsAssistance\"\n                [class.bg-danger-50]=\"call.needsAssistance\"\n                (click)=\"openLiveCall(call.id)\"\n              >\n                <div class=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs\">\n                  <ed-avatar\n                    shape=\"box\"\n                    size=\"base\"\n                    [initials]=\"call.initials\"\n                    [tone]=\"call.avatarTone\"\n                  />\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex min-w-0 flex-wrap items-center gap-2xs\">\n                      <span class=\"fs-sm font-semibold text-dark\">{{ call.name }}</span>\n                      <span class=\"inline-flex text-light\">\n                        <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                      </span>\n                      <span\n                        class=\"vr-sentiment inline-flex items-center rounded px-2xs py-2xs fs-xs font-medium\"\n                        [attr.data-sentiment]=\"call.sentiment\"\n                      >\n                        {{ call.sentimentLabel }}\n                      </span>\n                    </div>\n                    <span class=\"fs-xs whitespace-nowrap text-light\">{{ call.metaLine }}</span>\n                  </div>\n                </div>\n\n                <div class=\"hidden min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs md:grid\">\n                  <span\n                    class=\"inline-flex h-5 shrink-0 items-center justify-center rounded px-2xs\"\n                    [class.bg-primary-50]=\"call.direction === 'inbound'\"\n                    [class.text-primary]=\"call.direction === 'inbound'\"\n                    [class.bg-secondary-50]=\"call.direction === 'outbound'\"\n                    [class.text-secondary]=\"call.direction === 'outbound'\"\n                  >\n                    <ed-icon [name]=\"call.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"truncate fs-sm font-medium text-dark\">{{ call.goal }}</span>\n                    <span class=\"truncate fs-xs text-light\">{{ call.statusSubtitle }}</span>\n                  </div>\n                </div>\n\n                <div class=\"grid justify-items-end gap-2xs\">\n                  <ed-badge-2 [attr.variant]=\"call.handlingVariant\" pill uppercase>\n                    {{ call.handlingLabel }}\n                  </ed-badge-2>\n                  <span\n                    class=\"inline-flex items-center gap-2xs font-['IBM_Plex_Mono'] fs-xs\"\n                    [class.text-danger]=\"call.needsAssistance\"\n                    [class.text-light]=\"!call.needsAssistance\"\n                  >\n                    @if (!call.needsAssistance) {\n                      <eds-pulse-dot />\n                    }\n                    {{ call.started | edsElapsed }}\n                  </span>\n                </div>\n\n                <span class=\"inline-flex shrink-0 text-light\">\n                  <ed-icon name=\"chevron_right\" [size]=\"20\" color=\"currentColor\" />\n                </span>\n              </button>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"fs-sm text-light\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"grid grid-rows-[auto_1fr] gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n        <header class=\"flex items-center justify-between gap-sm\">\n          <div class=\"flex items-center gap-sm\">\n            <h2>Needs Attention</h2>\n            <ed-badge-2 variant=\"warning\" pill>\n              {{ attentionCount() }}\n            </ed-badge-2>\n          </div>\n          <a\n            routerLink=\"../history\"\n            class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n          >\n            View All\n            <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n          </a>\n        </header>\n\n        <ul class=\"m-0 grid list-none content-start gap-xs p-0\">\n          @for (item of attentionRows(); track item.id) {\n            <li>\n              <button\n                type=\"button\"\n                class=\"grid w-full cursor-pointer gap-xs overflow-hidden rounded-md border border-light bg-white p-sm text-left transition-colors hover:bg-lighter focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                (click)=\"openAttention(item)\"\n              >\n                <div class=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-xs\">\n                  <div class=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"item.initials\"\n                      [tone]=\"item.avatarTone\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <div class=\"flex min-w-0 items-center gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.name }}</span>\n                        <span class=\"inline-flex shrink-0 text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span>\n                      </div>\n                      <span class=\"truncate fs-xs text-light\">{{ item.metaLine }}</span>\n                    </div>\n                  </div>\n                  <ed-badge-2 variant=\"light\" pill uppercase>\n                    {{ item.badge }}\n                  </ed-badge-2>\n                </div>\n                <div class=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-sm\">\n                  <span class=\"min-w-0 fs-sm text-light\">{{ item.detail }}</span>\n                  <span class=\"shrink-0 whitespace-nowrap fs-2xs text-light\">{{ item.timeLabel }}</span>\n                </div>\n              </button>\n            </li>\n          } @empty {\n            <li class=\"fs-sm text-light\">Nothing needs attention right now.</li>\n          }\n        </ul>\n      </article>\n    </section>\n\n    @if (showApiLogs) {\n      <section>\n        <eds-api-health-widget />\n      </section>\n    }\n\n    <article class=\"flex flex-col gap-md overflow-hidden rounded-lg border border-light bg-white p-base\">\n      <header class=\"flex items-center justify-between gap-xs\">\n        <div class=\"flex items-center gap-sm\">\n          <h2>Recent Calls</h2>\n          <ed-badge-2\n            variant=\"light\"\n            pill\n            [attr.aria-label]=\"'Recent calls count ' + recentHistoryCount()\"\n          >\n            {{ recentHistoryCount() }}\n          </ed-badge-2>\n        </div>\n        <a\n          routerLink=\"../history\"\n          class=\"inline-flex items-center gap-2xs fs-sm font-medium text-primary no-underline\"\n        >\n          View All\n          <ed-icon name=\"chevron_right\" [size]=\"16\" color=\"currentColor\" />\n        </a>\n      </header>\n\n      <div class=\"overflow-x-auto\">\n        <table class=\"table-default relative min-w-5xl\" aria-label=\"Recent calls\">\n          <thead>\n            <tr>\n              <th>Time</th>\n              <th>Patient/Caller</th>\n              <th class=\"w-16 text-center\" aria-label=\"Direction\">\n                <span class=\"inline-flex items-center justify-center gap-2xs text-light\">\n                  <ed-icon name=\"call_received\" [size]=\"12\" color=\"currentColor\" />\n                  <span>/</span>\n                  <ed-icon name=\"call_made\" [size]=\"12\" color=\"currentColor\" />\n                </span>\n              </th>\n              <th>Goal</th>\n              <th>Handled By</th>\n              <th>Resolution</th>\n              <th>Result</th>\n              <th>Duration</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of recentHistoryRows(); track row.id) {\n              <tr\n                class=\"focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary\"\n                [class.vr-row--needs-review]=\"row.needsReview\"\n                tabindex=\"0\"\n                role=\"link\"\n                [attr.aria-label]=\"'View call details for ' + row.name\"\n                (click)=\"openHistoryDetail(row.id)\"\n                (keyup.enter)=\"openHistoryDetail(row.id)\"\n              >\n                <td>\n                  <div class=\"flex flex-col gap-2xs whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"fs-xs text-light\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"fs-xs font-medium text-light\">{{ row.whenLabel }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td>\n                  <div class=\"flex min-w-52 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"row.initials\"\n                      [tone]=\"row.avatarTone\"\n                    />\n                    <div class=\"flex min-w-0 flex-col gap-2xs\">\n                      <div class=\"flex items-center gap-2xs text-dark\">\n                        <span class=\"fs-sm font-semibold\">{{ row.name }}</span>\n                        <span class=\"inline-flex text-light\">\n                          <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\n                        </span>\n                      </div>\n                      <span class=\"fs-xs whitespace-nowrap text-light\">{{ row.metaLine }}</span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"text-center\">\n                  <span\n                    class=\"inline-flex h-5 items-center justify-center rounded px-2xs\"\n                    [class.bg-primary-50]=\"row.direction === 'inbound'\"\n                    [class.text-primary]=\"row.direction === 'inbound'\"\n                    [class.bg-secondary-50]=\"row.direction === 'outbound'\"\n                    [class.text-secondary]=\"row.direction === 'outbound'\"\n                    [attr.title]=\"row.directionTitle\"\n                  >\n                    <ed-icon [name]=\"row.directionIcon\" [size]=\"12\" color=\"currentColor\" />\n                  </span>\n                </td>\n\n                <td>\n                  <span class=\"fs-sm font-medium text-light\">{{ row.reason }}</span>\n                </td>\n\n                <td>\n                  <ed-badge-2 [attr.variant]=\"row.handledByVariant\" pill uppercase>\n                    {{ row.handledByLabel }}\n                  </ed-badge-2>\n                </td>\n\n                <td>\n                  @if (row.resolution) {\n                    <ed-badge-2 [attr.variant]=\"row.resolutionVariant\" pill uppercase>\n                      {{ row.resolutionLabel }}\n                    </ed-badge-2>\n                  }\n                </td>\n\n                <td>\n                  <div class=\"flex max-w-80 flex-wrap gap-2xs\">\n                    @for (chip of row.resultChips; track chip.label) {\n                      <span\n                        class=\"inline-flex h-5 items-center gap-2xs whitespace-nowrap rounded bg-light px-2xs fs-xs font-medium text-dark\"\n                      >\n                        <ed-icon [name]=\"chip.icon\" [size]=\"12\" color=\"currentColor\" />\n                        {{ chip.label }}\n                      </span>\n                    } @empty {\n                      <span class=\"fs-sm text-light\">\u2014</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap tabular-nums fs-xs font-medium text-light\">\n                  {{ row.durationLabel }}\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"table-no-data\">\n                <td colspan=\"8\" class=\"py-base text-center fs-sm text-light\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n</div>\n" }]
+        }] });
+
+export { DashboardPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-dashboard-page.component-_9K7CA1i.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-dashboard-page.component-_9K7CA1i.mjs.map

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

package/fesm2022/{edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs → edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs}

@@ -14,7 +14,7 @@ class EdsSearchFieldComponent {
         this.type = input('search');
         this.placeholder = input('');
         this.ariaLabel = input('');
-        this.inputClass = input('min-w-52 flex-1 rounded-md border border-zinc-200 px-3 py-2 text-sm');
+        this.inputClass = input('form-input');
         this.valueChange = output();
         this.enter = output();
         this.draft = signal('');
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }], ctorParameters: () => [] });
 
 export { EdsSearchFieldComponent as E };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs.map