@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

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

@@ -1,147 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, ChangeDetectionStrategy, Component } 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, c as callerMetaLine, r as resultChipIcon, h as historyResultChips, a as historyResolutionLabel, b as historyResolution, E as EdsButtonComponent, d as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs';
-import { p as providerLabel, a as providerChipClass, f as formatApiDuration } from './edvak99-voice-receptionist-widget-api-log.util-C0TOKF1q.mjs';
-import { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-Deh3jPgo.mjs';
-import { E as EdsAvatarComponent } from './edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.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=\"eds-card api-health-widget p-4 shadow-sm\">\n  <header class=\"mb-3 flex items-center justify-between\">\n    <h2 class=\"eds-h2\">API health (24h)</h2>\n    <a routerLink=\"../api-logs\" class=\"eds-body-sm\">View all</a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading\u2026</p>\n  } @else if (error()) {\n    <p class=\"eds-body-sm 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=\"eds-label\">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=\"eds-label\">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=\"eds-label\">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=\"eds-label 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=\"eds-body-sm-bold\">{{ f.operation }}</span>\n          <span class=\"eds-mono-sm\">{{ f.startedAt | date: 'shortTime' }}</span>\n        </li>\n      } @empty {\n        <li class=\"eds-body-sm 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=\"eds-card api-health-widget p-4 shadow-sm\">\n  <header class=\"mb-3 flex items-center justify-between\">\n    <h2 class=\"eds-h2\">API health (24h)</h2>\n    <a routerLink=\"../api-logs\" class=\"eds-body-sm\">View all</a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading\u2026</p>\n  } @else if (error()) {\n    <p class=\"eds-body-sm 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=\"eds-label\">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=\"eds-label\">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=\"eds-label\">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=\"eds-label 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=\"eds-body-sm-bold\">{{ f.operation }}</span>\n          <span class=\"eds-mono-sm\">{{ f.startedAt | date: 'shortTime' }}</span>\n        </li>\n      } @empty {\n        <li class=\"eds-body-sm 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.statTiles = [
-            { key: 'activeCalls', label: 'Live calls', icon: 'graphic_eq' },
-            { key: 'answeredToday', label: 'Calls today', icon: 'call' },
-            { key: 'tasksCreated', label: 'Open tasks', icon: 'task_alt' },
-            {
-                key: 'appointmentsBooked',
-                label: 'Appointments booked',
-                icon: 'event_available',
-            },
-            { key: 'completionRate', label: 'AI handled', icon: 'trending_up', suffix: '%' },
-        ];
-        this.isNeedsReview = isNeedsReview;
-        this.callerMetaLine = callerMetaLine;
-        this.resultChipIcon = resultChipIcon;
-        this.historyResultChips = historyResultChips;
-        this.historyResolutionLabel = historyResolutionLabel;
-    }
-    ngOnInit() {
-        this.liveCallsList.start();
-        this.api.getDashboard().subscribe(({ data }) => {
-            this.data.set(data);
-            this.loading.set(false);
-        });
-    }
-    ngOnDestroy() {
-        this.liveCallsList.stop();
-    }
-    statValue(key) {
-        if (key === 'activeCalls') {
-            return this.liveCallsList.calls().length;
-        }
-        return this.data()?.stats[key] ?? 0;
-    }
-    statusTone(status) {
-        const normalized = status || 'ai';
-        const map = {
-            ai: 'brand',
-            'needs-help': 'notice',
-            'human-requested': 'violet',
-            urgent: 'neg',
-            takeover: 'violet',
-            transferring: 'notice',
-        };
-        return map[normalized] ?? 'brand';
-    }
-    statusLabel(status) {
-        return status || 'ai';
-    }
-    historyAvatarTone(row) {
-        if (!row.name?.trim() || /^unknown/i.test(row.name) || row.initials === '?')
-            return 'gray';
-        return 'brand';
-    }
-    resolutionOf(row) {
-        return historyResolution({ outcome: row.outcome, resolution: row.resolution, risk: row.risk });
-    }
-    formatDuration(sec) {
-        const m = Math.floor(sec / 60);
-        const s = sec % 60;
-        return `${m}:${s.toString().padStart(2, '0')}`;
-    }
-    exportCsv() {
-        // mock export
-    }
-    openHistoryDetail(id) {
-        void this.router.navigate(['../history', id], { relativeTo: this.route });
-    }
-    callDetailLink(callId) {
-        return ['../history', callId];
-    }
-    appointmentDetailLink(callId) {
-        return callId ? ['../history', callId] : ['../history'];
-    }
-    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=\"eds-page dashboard-page\">\n  <header class=\"mb-6 flex items-start justify-between gap-4\">\n    <div>\n      <h1 class=\"eds-h1\">Home</h1>\n      <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n    </div>\n    <div class=\"flex shrink-0 gap-2\">\n      <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n        <eds-icon name=\"download\" [size]=\"18\" /> Export\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"mb-5 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-5\" aria-label=\"Overview KPIs\">\n      @for (tile of statTiles; track tile.key) {\n        @if (tile.key === 'appointmentsBooked') {\n          <a\n            routerLink=\"../appointments\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else if (tile.key === 'activeCalls') {\n          <a\n            routerLink=\"../live\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </article>\n        }\n      }\n    </section>\n\n    <section class=\"mb-5 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Live calls</h2>\n          <eds-pulse-dot />\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @if (liveCallsError()) {\n            <li class=\"eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCalls().length === 0) {\n            <li class=\"eds-body-sm\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCalls(); track call.id) {\n            <li>\n              <a [routerLink]=\"['../live', call.id]\" class=\"grid grid-cols-[auto_1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\">\n                <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n                <div class=\"flex min-w-0 flex-col\">\n                  <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n                  <span class=\"eds-body-sm\">{{ call.reason }}</span>\n                </div>\n                <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n              </a>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"eds-body-sm\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Tasks created</h2>\n          <a routerLink=\"../activities\" [queryParams]=\"{ tab: 'tasks' }\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (task of data()!.latestTasks; track task.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../activities']\"\n                [queryParams]=\"task.callId ? null : { tab: 'tasks' }\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-2.5 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View task: ' + task.title\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ task.patient }} \u00B7 {{ task.created | date: 'short' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Appointments created</h2>\n          <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (appointment of data()!.latestAppointments; track appointment.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"appointmentDetailLink(appointment.callId)\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ appointment.providerName ?? 'Provider not assigned' }}\n                    \u00B7 {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n          }\n        </ul>\n      </article>\n\n    </section>\n\n    @if (showApiLogs) {\n      <section class=\"mb-5\">\n        <eds-api-health-widget />\n      </section>\n    }\n\n    <article class=\"eds-card overflow-x-auto p-4 shadow-sm\">\n      <header class=\"mb-3 flex items-center justify-between gap-2\">\n        <h2 class=\"eds-h2\">Recent Call History</h2>\n        <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n      </header>\n      <div class=\"overflow-x-auto\">\n        <table class=\"w-full min-w-5xl border-collapse\">\n          <thead>\n            <tr>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Time</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Patient/Caller</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\"></th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Goal Timeline</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Handled By</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Resolution</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Result</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Duration</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Reviewed</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of data()!.recentHistory; track row.id) {\n              <tr\n                class=\"cursor-pointer hover:[&>td]:bg-zinc-50 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600\"\n                [class.dashboard-page__history-row--needs-review]=\"isNeedsReview(row.review)\"\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 class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex flex-col gap-1 whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"text-sm font-semibold\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"text-xs text-zinc-500\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"text-sm font-semibold\">{{ row.whenLabel || '\u2014' }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex min-w-52 items-center gap-3\">\n                    <eds-avatar\n                      class=\"dashboard-page__avatar\"\n                      [initials]=\"row.initials || '?'\"\n                      [tone]=\"historyAvatarTone(row)\"\n                     />\n                    <div class=\"flex min-w-0 flex-col gap-1\">\n                      <span class=\"text-sm font-semibold text-zinc-900\">{{ row.name || 'Unknown Caller' }}</span>\n                      <span class=\"whitespace-nowrap text-xs text-zinc-500\">\n                        {{\n                          callerMetaLine({\n                            dob: row.dob,\n                            age: row.age,\n                            gender: row.gender,\n                            phone: row.phone,\n                            name: row.name,\n                          })\n                        }}\n                      </span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex h-7 w-7 items-center justify-center rounded-lg\"\n                    [class.bg-blue-50]=\"row.direction === 'inbound'\"\n                    [class.text-blue-600]=\"row.direction === 'inbound'\"\n                    [class.bg-violet-50]=\"row.direction === 'outbound'\"\n                    [class.text-violet-600]=\"row.direction === 'outbound'\"\n                    [attr.title]=\"row.direction === 'inbound' ? 'Inbound' : 'Outbound'\"\n                  >\n                    <eds-icon\n                      [name]=\"row.direction === 'inbound' ? 'call_received' : 'call_made'\"\n                      [size]=\"16\"\n                     />\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span class=\"text-sm text-zinc-700\">{{ row.reason || '\u2014' }}</span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium\"\n                    [class.bg-violet-50]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.text-violet-600]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.bg-blue-50]=\"row.handledBy === 'staff'\"\n                    [class.text-blue-600]=\"row.handledBy === 'staff'\"\n                  >\n                    {{ row.handledBy === 'staff' ? 'STAFF' : 'AI' }}\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  @if (resolutionOf(row); as resolution) {\n                    <span\n                      class=\"inline-flex items-center whitespace-nowrap rounded-full px-3 py-1 text-xs font-medium\"\n                      [class.bg-emerald-50]=\"resolution === 'resolved'\"\n                      [class.text-emerald-700]=\"resolution === 'resolved'\"\n                      [class.bg-orange-50]=\"resolution === 'needs_attention'\"\n                      [class.text-orange-700]=\"resolution === 'needs_attention'\"\n                    >\n                      {{ historyResolutionLabel(resolution) }}\n                    </span>\n                  }\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex max-w-64 flex-wrap gap-2\">\n                    @for (chip of historyResultChips(row.results, row.outcome); track chip) {\n                      <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-zinc-100 px-2 py-1 text-xs font-medium text-zinc-600\">\n                        <eds-icon [name]=\"resultChipIcon(chip)\" [size]=\"14\" />\n                        {{ chip }}\n                      </span>\n                    } @empty {\n                      <span class=\"text-sm text-zinc-500\">\u2014</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap border-b border-slate-100 px-4 py-4 align-middle text-sm tabular-nums text-zinc-700\">\n                  {{ row.durationLabel ?? formatDuration(row.duration) }}\n                </td>\n\n                <td class=\"w-14 border-b border-slate-100 px-4 py-4 text-center align-middle text-sm text-zinc-900\">\n                  @if (row.review === 'reviewed') {\n                    <span class=\"inline-flex text-green-600\" title=\"Reviewed\">\n                      <eds-icon name=\"check_circle\" [size]=\"20\" />\n                    </span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"9\" class=\"px-4 py-4 text-sm text-zinc-500\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n</div>\n", styles: [".dashboard-page__history-row--needs-review td:first-child{box-shadow:inset 3px 0 #f59e0b}.dashboard-page__avatar ::ng-deep .eds-avatar{width:36px;height:36px;border-radius:10px;font-size:12px}\n"], 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: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "shape", "gradient"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { 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,
-                        EdsAvatarComponent,
-                        EdsButtonComponent,
-                        EdsIconComponent,
-                        EdsPulseDotComponent,
-                        EdsElapsedPipe,
-                        ApiHealthWidgetComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page dashboard-page\">\n  <header class=\"mb-6 flex items-start justify-between gap-4\">\n    <div>\n      <h1 class=\"eds-h1\">Home</h1>\n      <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n    </div>\n    <div class=\"flex shrink-0 gap-2\">\n      <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n        <eds-icon name=\"download\" [size]=\"18\" /> Export\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading dashboard\u2026</p>\n  } @else if (data()) {\n    <section class=\"mb-5 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-5\" aria-label=\"Overview KPIs\">\n      @for (tile of statTiles; track tile.key) {\n        @if (tile.key === 'appointmentsBooked') {\n          <a\n            routerLink=\"../appointments\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else if (tile.key === 'activeCalls') {\n          <a\n            routerLink=\"../live\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </article>\n        }\n      }\n    </section>\n\n    <section class=\"mb-5 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Live calls</h2>\n          <eds-pulse-dot />\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @if (liveCallsError()) {\n            <li class=\"eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCalls().length === 0) {\n            <li class=\"eds-body-sm\">Loading live calls\u2026</li>\n          }\n          @for (call of liveCalls(); track call.id) {\n            <li>\n              <a [routerLink]=\"['../live', call.id]\" class=\"grid grid-cols-[auto_1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\">\n                <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n                <div class=\"flex min-w-0 flex-col\">\n                  <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n                  <span class=\"eds-body-sm\">{{ call.reason }}</span>\n                </div>\n                <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n              </a>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"eds-body-sm\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Tasks created</h2>\n          <a routerLink=\"../activities\" [queryParams]=\"{ tab: 'tasks' }\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (task of data()!.latestTasks; track task.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../activities']\"\n                [queryParams]=\"task.callId ? null : { tab: 'tasks' }\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-2.5 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View task: ' + task.title\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ task.patient }} \u00B7 {{ task.created | date: 'short' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Appointments created</h2>\n          <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (appointment of data()!.latestAppointments; track appointment.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"appointmentDetailLink(appointment.callId)\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ appointment.providerName ?? 'Provider not assigned' }}\n                    \u00B7 {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n          }\n        </ul>\n      </article>\n\n    </section>\n\n    @if (showApiLogs) {\n      <section class=\"mb-5\">\n        <eds-api-health-widget />\n      </section>\n    }\n\n    <article class=\"eds-card overflow-x-auto p-4 shadow-sm\">\n      <header class=\"mb-3 flex items-center justify-between gap-2\">\n        <h2 class=\"eds-h2\">Recent Call History</h2>\n        <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n      </header>\n      <div class=\"overflow-x-auto\">\n        <table class=\"w-full min-w-5xl border-collapse\">\n          <thead>\n            <tr>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Time</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Patient/Caller</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\"></th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Goal Timeline</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Handled By</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Resolution</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Result</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Duration</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Reviewed</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of data()!.recentHistory; track row.id) {\n              <tr\n                class=\"cursor-pointer hover:[&>td]:bg-zinc-50 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600\"\n                [class.dashboard-page__history-row--needs-review]=\"isNeedsReview(row.review)\"\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 class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex flex-col gap-1 whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"text-sm font-semibold\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"text-xs text-zinc-500\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"text-sm font-semibold\">{{ row.whenLabel || '\u2014' }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex min-w-52 items-center gap-3\">\n                    <eds-avatar\n                      class=\"dashboard-page__avatar\"\n                      [initials]=\"row.initials || '?'\"\n                      [tone]=\"historyAvatarTone(row)\"\n                     />\n                    <div class=\"flex min-w-0 flex-col gap-1\">\n                      <span class=\"text-sm font-semibold text-zinc-900\">{{ row.name || 'Unknown Caller' }}</span>\n                      <span class=\"whitespace-nowrap text-xs text-zinc-500\">\n                        {{\n                          callerMetaLine({\n                            dob: row.dob,\n                            age: row.age,\n                            gender: row.gender,\n                            phone: row.phone,\n                            name: row.name,\n                          })\n                        }}\n                      </span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex h-7 w-7 items-center justify-center rounded-lg\"\n                    [class.bg-blue-50]=\"row.direction === 'inbound'\"\n                    [class.text-blue-600]=\"row.direction === 'inbound'\"\n                    [class.bg-violet-50]=\"row.direction === 'outbound'\"\n                    [class.text-violet-600]=\"row.direction === 'outbound'\"\n                    [attr.title]=\"row.direction === 'inbound' ? 'Inbound' : 'Outbound'\"\n                  >\n                    <eds-icon\n                      [name]=\"row.direction === 'inbound' ? 'call_received' : 'call_made'\"\n                      [size]=\"16\"\n                     />\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span class=\"text-sm text-zinc-700\">{{ row.reason || '\u2014' }}</span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium\"\n                    [class.bg-violet-50]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.text-violet-600]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.bg-blue-50]=\"row.handledBy === 'staff'\"\n                    [class.text-blue-600]=\"row.handledBy === 'staff'\"\n                  >\n                    {{ row.handledBy === 'staff' ? 'STAFF' : 'AI' }}\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  @if (resolutionOf(row); as resolution) {\n                    <span\n                      class=\"inline-flex items-center whitespace-nowrap rounded-full px-3 py-1 text-xs font-medium\"\n                      [class.bg-emerald-50]=\"resolution === 'resolved'\"\n                      [class.text-emerald-700]=\"resolution === 'resolved'\"\n                      [class.bg-orange-50]=\"resolution === 'needs_attention'\"\n                      [class.text-orange-700]=\"resolution === 'needs_attention'\"\n                    >\n                      {{ historyResolutionLabel(resolution) }}\n                    </span>\n                  }\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex max-w-64 flex-wrap gap-2\">\n                    @for (chip of historyResultChips(row.results, row.outcome); track chip) {\n                      <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-zinc-100 px-2 py-1 text-xs font-medium text-zinc-600\">\n                        <eds-icon [name]=\"resultChipIcon(chip)\" [size]=\"14\" />\n                        {{ chip }}\n                      </span>\n                    } @empty {\n                      <span class=\"text-sm text-zinc-500\">\u2014</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap border-b border-slate-100 px-4 py-4 align-middle text-sm tabular-nums text-zinc-700\">\n                  {{ row.durationLabel ?? formatDuration(row.duration) }}\n                </td>\n\n                <td class=\"w-14 border-b border-slate-100 px-4 py-4 text-center align-middle text-sm text-zinc-900\">\n                  @if (row.review === 'reviewed') {\n                    <span class=\"inline-flex text-green-600\" title=\"Reviewed\">\n                      <eds-icon name=\"check_circle\" [size]=\"20\" />\n                    </span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"9\" class=\"px-4 py-4 text-sm text-zinc-500\">No recent calls.</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </article>\n  }\n</div>\n", styles: [".dashboard-page__history-row--needs-review td:first-child{box-shadow:inset 3px 0 #f59e0b}.dashboard-page__avatar ::ng-deep .eds-avatar{width:36px;height:36px;border-radius:10px;font-size:12px}\n"] }]
-        }] });
-
-export { DashboardPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-dashboard-page.component-B_EYljRs.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-dashboard-page.component-B_EYljRs.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=\"eds-card api-health-widget p-4 shadow-sm\">\n  <header class=\"mb-3 flex items-center justify-between\">\n    <h2 class=\"eds-h2\">API health (24h)</h2>\n    <a routerLink=\"../api-logs\" class=\"eds-body-sm\">View all</a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading…</p>\n  } @else if (error()) {\n    <p class=\"eds-body-sm 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=\"eds-label\">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=\"eds-label\">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=\"eds-label\">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=\"eds-label 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=\"eds-body-sm-bold\">{{ f.operation }}</span>\n          <span class=\"eds-mono-sm\">{{ f.startedAt | date: 'shortTime' }}</span>\n        </li>\n      } @empty {\n        <li class=\"eds-body-sm api-health-widget__muted\">No failures in the last 24 hours.</li>\n      }\n    </ul>\n  }\n</article>\n","import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } 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 { DashboardData, HistoryCall } 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  callerMetaLine,\n  historyResolution,\n  historyResolutionLabel,\n  historyResultChips,\n  resultChipIcon,\n} from '../../utils/call-history-display.util';\nimport { isNeedsReview } from '../../utils/call-review.util';\nimport { EdsAvatarComponent } from '../../ui/eds-avatar.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport { EdsPulseDotComponent } from '../../ui/eds-pulse-dot.component';\nimport { EdsElapsedPipe } from '../../pipes/eds-elapsed.pipe';\n\n@Component({\n  selector: 'eds-dashboard-page',\n  imports: [\n    RouterLink,\n    DatePipe,\n    EdsAvatarComponent,\n    EdsButtonComponent,\n    EdsIconComponent,\n    EdsPulseDotComponent,\n    EdsElapsedPipe,\n    ApiHealthWidgetComponent,\n  ],\n  templateUrl: './dashboard-page.component.html',\n  styleUrl: './dashboard-page.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 statTiles = [\n    { key: 'activeCalls' as const, label: 'Live calls', icon: 'graphic_eq' },\n    { key: 'answeredToday' as const, label: 'Calls today', icon: 'call' },\n    { key: 'tasksCreated' as const, label: 'Open tasks', icon: 'task_alt' },\n    {\n      key: 'appointmentsBooked' as const,\n      label: 'Appointments booked',\n      icon: 'event_available',\n    },\n    { key: 'completionRate' as const, label: 'AI handled', icon: 'trending_up', suffix: '%' },\n  ];\n\n  protected isNeedsReview = isNeedsReview;\n  protected callerMetaLine = callerMetaLine;\n  protected resultChipIcon = resultChipIcon;\n  protected historyResultChips = historyResultChips;\n  protected historyResolutionLabel = historyResolutionLabel;\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 statValue(key: keyof DashboardData['stats']): number {\n    if (key === 'activeCalls') {\n      return this.liveCallsList.calls().length;\n    }\n    return this.data()?.stats[key] ?? 0;\n  }\n\n  protected statusTone(status: string): 'brand' | 'pos' | 'notice' | 'neg' | 'violet' | 'gray' {\n    const normalized = status || 'ai';\n    const map: Record<string, 'brand' | 'pos' | 'notice' | 'neg' | 'violet'> = {\n      ai: 'brand',\n      'needs-help': 'notice',\n      'human-requested': 'violet',\n      urgent: 'neg',\n      takeover: 'violet',\n      transferring: 'notice',\n    };\n    return map[normalized] ?? 'brand';\n  }\n\n  protected statusLabel(status: string): string {\n    return status || 'ai';\n  }\n\n  protected historyAvatarTone(row: HistoryCall): 'gray' | 'brand' {\n    if (!row.name?.trim() || /^unknown/i.test(row.name) || row.initials === '?') return 'gray';\n    return 'brand';\n  }\n\n  protected resolutionOf(row: HistoryCall) {\n    return historyResolution({ outcome: row.outcome, resolution: row.resolution, risk: row.risk });\n  }\n\n  protected 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  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 callDetailLink(callId: string): string[] {\n    return ['../history', callId];\n  }\n\n  protected appointmentDetailLink(callId: string | null | undefined): string[] {\n    return callId ? ['../history', callId] : ['../history'];\n  }\n}\n","<div class=\"eds-page dashboard-page\">\n  <header class=\"mb-6 flex items-start justify-between gap-4\">\n    <div>\n      <h1 class=\"eds-h1\">Home</h1>\n      <p class=\"eds-body-sm\">AI receptionist overview and live activity</p>\n    </div>\n    <div class=\"flex shrink-0 gap-2\">\n      <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n        <eds-icon name=\"download\" [size]=\"18\" /> Export\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading dashboard…</p>\n  } @else if (data()) {\n    <section class=\"mb-5 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-5\" aria-label=\"Overview KPIs\">\n      @for (tile of statTiles; track tile.key) {\n        @if (tile.key === 'appointmentsBooked') {\n          <a\n            routerLink=\"../appointments\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else if (tile.key === 'activeCalls') {\n          <a\n            routerLink=\"../live\"\n            class=\"flex cursor-pointer flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4 no-underline text-inherit transition-colors hover:border-blue-500\"\n          >\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </a>\n        } @else {\n          <article class=\"flex flex-col gap-1.5 rounded-2xl border bg-white px-4 py-4\">\n            <span class=\"eds-label\">{{ tile.label }}</span>\n            <strong class=\"text-3xl font-bold leading-tight text-zinc-900\">\n              {{ statValue(tile.key) }}{{ tile.suffix ?? '' }}\n            </strong>\n          </article>\n        }\n      }\n    </section>\n\n    <section class=\"mb-5 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Live calls</h2>\n          <eds-pulse-dot />\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @if (liveCallsError()) {\n            <li class=\"eds-body-sm\" role=\"alert\">{{ liveCallsError() }}</li>\n          }\n          @if (liveCallsLoading() && liveCalls().length === 0) {\n            <li class=\"eds-body-sm\">Loading live calls…</li>\n          }\n          @for (call of liveCalls(); track call.id) {\n            <li>\n              <a [routerLink]=\"['../live', call.id]\" class=\"grid grid-cols-[auto_1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\">\n                <eds-avatar [initials]=\"call.initials\" tone=\"brand\" />\n                <div class=\"flex min-w-0 flex-col\">\n                  <span class=\"eds-body-sm-bold\">{{ call.name }}</span>\n                  <span class=\"eds-body-sm\">{{ call.reason }}</span>\n                </div>\n                <span class=\"eds-mono-sm\">{{ call.started | edsElapsed }}</span>\n              </a>\n            </li>\n          } @empty {\n            @if (!liveCallsLoading()) {\n              <li class=\"eds-body-sm\">No active calls right now.</li>\n            }\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Tasks created</h2>\n          <a routerLink=\"../activities\" [queryParams]=\"{ tab: 'tasks' }\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (task of data()!.latestTasks; track task.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"task.callId ? callDetailLink(task.callId) : ['../activities']\"\n                [queryParams]=\"task.callId ? null : { tab: 'tasks' }\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-2.5 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View task: ' + task.title\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ task.title }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ task.patient }} · {{ task.created | date: 'short' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-created tasks yet.</li>\n          }\n        </ul>\n      </article>\n\n      <article class=\"eds-card p-4 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 class=\"eds-h2\">Appointments created</h2>\n          <a routerLink=\"../appointments\" class=\"eds-body-sm\">View all</a>\n        </header>\n        <ul class=\"m-0 flex list-none flex-col gap-2 p-0\">\n          @for (appointment of data()!.latestAppointments; track appointment.id) {\n            <li class=\"border-b border-zinc-200 last:border-b-0\">\n              <a\n                [routerLink]=\"appointmentDetailLink(appointment.callId)\"\n                class=\"grid grid-cols-[1fr_auto] items-center gap-3 rounded-md p-2 no-underline text-inherit hover:bg-zinc-50\"\n                [attr.aria-label]=\"'View appointment for ' + appointment.patientName\"\n              >\n                <div>\n                  <span class=\"eds-body-sm-bold\">{{ appointment.patientName }}</span>\n                  <span class=\"eds-body-sm\">\n                    {{ appointment.providerName ?? 'Provider not assigned' }}\n                    · {{ appointment.startTime ? (appointment.startTime | date: 'short') : 'Time pending' }}\n                  </span>\n                </div>\n                <eds-icon name=\"chevron_right\" [size]=\"20\" />\n              </a>\n            </li>\n          } @empty {\n            <li class=\"eds-body-sm\">No AI-booked appointments yet.</li>\n          }\n        </ul>\n      </article>\n\n    </section>\n\n    @if (showApiLogs) {\n      <section class=\"mb-5\">\n        <eds-api-health-widget />\n      </section>\n    }\n\n    <article class=\"eds-card overflow-x-auto p-4 shadow-sm\">\n      <header class=\"mb-3 flex items-center justify-between gap-2\">\n        <h2 class=\"eds-h2\">Recent Call History</h2>\n        <a routerLink=\"../history\" class=\"eds-body-sm\">View all</a>\n      </header>\n      <div class=\"overflow-x-auto\">\n        <table class=\"w-full min-w-5xl border-collapse\">\n          <thead>\n            <tr>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Time</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Patient/Caller</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\"></th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Goal Timeline</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Handled By</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Resolution</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Result</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Duration</th>\n              <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Reviewed</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of data()!.recentHistory; track row.id) {\n              <tr\n                class=\"cursor-pointer hover:[&>td]:bg-zinc-50 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600\"\n                [class.dashboard-page__history-row--needs-review]=\"isNeedsReview(row.review)\"\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 class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex flex-col gap-1 whitespace-nowrap\">\n                    @if (row.started) {\n                      <span class=\"text-sm font-semibold\">{{ row.started | date: 'shortTime' }}</span>\n                      <span class=\"text-xs text-zinc-500\">{{ row.started | date: 'MMM d, y' }}</span>\n                    } @else {\n                      <span class=\"text-sm font-semibold\">{{ row.whenLabel || '—' }}</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex min-w-52 items-center gap-3\">\n                    <eds-avatar\n                      class=\"dashboard-page__avatar\"\n                      [initials]=\"row.initials || '?'\"\n                      [tone]=\"historyAvatarTone(row)\"\n                     />\n                    <div class=\"flex min-w-0 flex-col gap-1\">\n                      <span class=\"text-sm font-semibold text-zinc-900\">{{ row.name || 'Unknown Caller' }}</span>\n                      <span class=\"whitespace-nowrap text-xs text-zinc-500\">\n                        {{\n                          callerMetaLine({\n                            dob: row.dob,\n                            age: row.age,\n                            gender: row.gender,\n                            phone: row.phone,\n                            name: row.name,\n                          })\n                        }}\n                      </span>\n                    </div>\n                  </div>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex h-7 w-7 items-center justify-center rounded-lg\"\n                    [class.bg-blue-50]=\"row.direction === 'inbound'\"\n                    [class.text-blue-600]=\"row.direction === 'inbound'\"\n                    [class.bg-violet-50]=\"row.direction === 'outbound'\"\n                    [class.text-violet-600]=\"row.direction === 'outbound'\"\n                    [attr.title]=\"row.direction === 'inbound' ? 'Inbound' : 'Outbound'\"\n                  >\n                    <eds-icon\n                      [name]=\"row.direction === 'inbound' ? 'call_received' : 'call_made'\"\n                      [size]=\"16\"\n                     />\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span class=\"text-sm text-zinc-700\">{{ row.reason || '—' }}</span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <span\n                    class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium\"\n                    [class.bg-violet-50]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.text-violet-600]=\"(row.handledBy || 'ai') === 'ai'\"\n                    [class.bg-blue-50]=\"row.handledBy === 'staff'\"\n                    [class.text-blue-600]=\"row.handledBy === 'staff'\"\n                  >\n                    {{ row.handledBy === 'staff' ? 'STAFF' : 'AI' }}\n                  </span>\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  @if (resolutionOf(row); as resolution) {\n                    <span\n                      class=\"inline-flex items-center whitespace-nowrap rounded-full px-3 py-1 text-xs font-medium\"\n                      [class.bg-emerald-50]=\"resolution === 'resolved'\"\n                      [class.text-emerald-700]=\"resolution === 'resolved'\"\n                      [class.bg-orange-50]=\"resolution === 'needs_attention'\"\n                      [class.text-orange-700]=\"resolution === 'needs_attention'\"\n                    >\n                      {{ historyResolutionLabel(resolution) }}\n                    </span>\n                  }\n                </td>\n\n                <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                  <div class=\"flex max-w-64 flex-wrap gap-2\">\n                    @for (chip of historyResultChips(row.results, row.outcome); track chip) {\n                      <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-zinc-100 px-2 py-1 text-xs font-medium text-zinc-600\">\n                        <eds-icon [name]=\"resultChipIcon(chip)\" [size]=\"14\" />\n                        {{ chip }}\n                      </span>\n                    } @empty {\n                      <span class=\"text-sm text-zinc-500\">—</span>\n                    }\n                  </div>\n                </td>\n\n                <td class=\"whitespace-nowrap border-b border-slate-100 px-4 py-4 align-middle text-sm tabular-nums text-zinc-700\">\n                  {{ row.durationLabel ?? formatDuration(row.duration) }}\n                </td>\n\n                <td class=\"w-14 border-b border-slate-100 px-4 py-4 text-center align-middle text-sm text-zinc-900\">\n                  @if (row.review === 'reviewed') {\n                    <span class=\"inline-flex text-green-600\" title=\"Reviewed\">\n                      <eds-icon name=\"check_circle\" [size]=\"20\" />\n                    </span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"9\" class=\"px-4 py-4 text-sm text-zinc-500\">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-avatar.component-BJs_TH8X.mjs

@@ -1,38 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class EdsAvatarComponent {
-    constructor() {
-        this.initials = input('?');
-        this.tone = input('gray');
-        this.shape = input('circle');
-        this.gradient = input(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EdsAvatarComponent, isStandalone: true, selector: "eds-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, gradient: { classPropertyName: "gradient", publicName: "gradient", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <span
-      class="eds-avatar inline-flex h-9 w-9 shrink-0 items-center justify-center"
-      [attr.data-tone]="tone()"
-      [attr.data-shape]="shape()"
-      [class.eds-avatar--gradient]="gradient()"
-    >
-      {{ initials() }}
-    </span>
-  `, isInline: true, styles: [".eds-avatar{border-radius:50%;font-family:var(--eds-font-inter);font-size:12px;font-weight:600}.eds-avatar[data-shape=box]{border-radius:10px}.eds-avatar[data-tone=gray]{background:var(--eds-gray-200);color:var(--eds-gray-600)}.eds-avatar[data-tone=brand]{background:#3681f426;color:var(--eds-brand-600)}.eds-avatar[data-tone=green]{background:#dcfce7;color:#15803d}.eds-avatar[data-tone=amber]{background:#ffedd5;color:#c2410c}.eds-avatar[data-tone=violet]{background:#ede9fe;color:#6d28d9}.eds-avatar[data-tone=rose]{background:#ffe4e6;color:#be123c}.eds-avatar--gradient{background:linear-gradient(135deg,var(--eds-brand-500),var(--eds-violet-500));color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eds-avatar', standalone: true, template: `
-    <span
-      class="eds-avatar inline-flex h-9 w-9 shrink-0 items-center justify-center"
-      [attr.data-tone]="tone()"
-      [attr.data-shape]="shape()"
-      [class.eds-avatar--gradient]="gradient()"
-    >
-      {{ initials() }}
-    </span>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-avatar{border-radius:50%;font-family:var(--eds-font-inter);font-size:12px;font-weight:600}.eds-avatar[data-shape=box]{border-radius:10px}.eds-avatar[data-tone=gray]{background:var(--eds-gray-200);color:var(--eds-gray-600)}.eds-avatar[data-tone=brand]{background:#3681f426;color:var(--eds-brand-600)}.eds-avatar[data-tone=green]{background:#dcfce7;color:#15803d}.eds-avatar[data-tone=amber]{background:#ffedd5;color:#c2410c}.eds-avatar[data-tone=violet]{background:#ede9fe;color:#6d28d9}.eds-avatar[data-tone=rose]{background:#ffe4e6;color:#be123c}.eds-avatar--gradient{background:linear-gradient(135deg,var(--eds-brand-500),var(--eds-violet-500));color:#fff}\n"] }]
-        }] });
-
-export { EdsAvatarComponent as E };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs","sources":["../../../src/lib/ui/eds-avatar.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nexport type EdsAvatarTone = 'gray' | 'brand' | 'green' | 'amber' | 'violet' | 'rose';\nexport type EdsAvatarShape = 'circle' | 'box';\n\n@Component({\n  selector: 'eds-avatar',\n  standalone: true,\n  template: `\n    <span\n      class=\"eds-avatar inline-flex h-9 w-9 shrink-0 items-center justify-center\"\n      [attr.data-tone]=\"tone()\"\n      [attr.data-shape]=\"shape()\"\n      [class.eds-avatar--gradient]=\"gradient()\"\n    >\n      {{ initials() }}\n    </span>\n  `,\n  styleUrl: './eds-avatar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsAvatarComponent {\n  readonly initials = input('?');\n  readonly tone = input<EdsAvatarTone | string>('gray');\n  readonly shape = input<EdsAvatarShape>('circle');\n  readonly gradient = input(false);\n}\n"],"names":[],"mappings":";;;MAqBa,kBAAkB,CAAA;AAhB/B,IAAA,WAAA,GAAA;AAiBW,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC;AACrB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,MAAM,CAAC;AAC5C,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAiB,QAAQ,CAAC;AACvC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACjC,IAAA;+GALY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbnB;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2pBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,QAAA,EACN;;;;;;;;;GAST,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2pBAAA,CAAA,EAAA;;;;;"}

package/fesm2022/edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-eds-search-field.component-OGRDvYBp.mjs","sources":["../../../src/lib/ui/eds-search-field.component.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n/**\n * Text search input that keeps the DOM value authoritative while focused.\n * Prevents dropped keystrokes when parent lists re-render or loading flips.\n */\n@Component({\n  selector: 'eds-search-field',\n  standalone: true,\n  imports: [FormsModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <input\n      [id]=\"inputId() || null\"\n      [type]=\"type()\"\n      [class]=\"inputClass()\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-label]=\"ariaLabel() || null\"\n      [ngModel]=\"draft()\"\n      (ngModelChange)=\"onDraftChange($event)\"\n      (focus)=\"focused.set(true)\"\n      (blur)=\"onBlur()\"\n      (keyup.enter)=\"enter.emit()\"\n      autocomplete=\"off\"\n    />\n  `,\n})\nexport class EdsSearchFieldComponent {\n  readonly value = input('');\n  readonly inputId = input('');\n  readonly type = input<'search' | 'text' | 'tel' | 'email'>('search');\n  readonly placeholder = input('');\n  readonly ariaLabel = input('');\n  readonly inputClass = input(\n    'min-w-52 flex-1 rounded-md border border-zinc-200 px-3 py-2 text-sm',\n  );\n\n  readonly valueChange = output<string>();\n  readonly enter = output<void>();\n\n  protected readonly draft = signal('');\n  protected readonly focused = signal(false);\n\n  constructor() {\n    effect(() => {\n      const incoming = this.value();\n      if (!this.focused() && this.draft() !== incoming) {\n        this.draft.set(incoming);\n      }\n    });\n  }\n\n  protected onDraftChange(next: string): void {\n    this.draft.set(next);\n    this.valueChange.emit(next);\n  }\n\n  protected onBlur(): void {\n    this.focused.set(false);\n    const incoming = this.value();\n    if (this.draft() !== incoming) {\n      this.draft.set(incoming);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}