npm - @edvak99/voice-receptionist-widget - Versions diffs - 1.1.13 → 1.1.14 - Mend

@edvak99/voice-receptionist-widget 1.1.13 → 1.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2257) hide show

package/README.md CHANGED Viewed

@@ -61,16 +61,27 @@ provideVoiceReceptionist({
 ## Styles & fonts
-In the host global stylesheet:
+Load styles **once** in the host global stylesheet (not in individual components):
 ```scss
 @use '@edvak99/voice-receptionist-widget/styles';
 ```
-Design tokens are **`--eds-*` only**, scoped to `eds-app-shell` / `.voice-receptionist-host`.
-Importing this package **does not** set `:root --color-primary` (safe for EHR Tailwind `hsl(var(--color-primary))`).
+That package entry (`styles/_index.scss`) loads [`src/styles.scss`](src/styles.scss), which pulls:
-Also load Material Symbols + fonts (Inter, DM Sans, Figtree, IBM Plex Mono) in `index.html`, same as the Voice Hub app.
+1. Tailwind base/components/utilities (host or this package must process Tailwind)
+2. Design-system assets under `src/assets/` (fonts, `_root` tokens, forms, buttons, badges, layout, icons, …)
+Also load **Material Symbols** in the host `index.html` if icons fall back to that font (ehr_frontend already does this).
+**Custom Elements / Shoelace:** CE styles (`custom-elements`, `shoelace-edit`, `badge`, `_root`) ship in this package. The host must provide Shoelace base theme the same way as ehr_frontend (`<html class="sl-theme-default">` + Shoelace `light.css` CDN in `index.html`). EHR embed already has this; standalone demo mirrors it in `projects/demo/src/index.html`. Use `CUSTOM_ELEMENTS_SCHEMA` on components that render `ed-*` or `sl-*` tags (ehr_frontend `app.component.ts` pattern).
+### Local scripts
+```bash
+npm run build   # one-shot library build → dist/
+npm run dev     # watch rebuild (same as npm run watch)
+```
 ## Local path mapping (no npm publish)

package/fesm2022/edvak99-voice-receptionist-widget-activities-page.component-DDzSBb6x.mjs ADDED Viewed

@@ -0,0 +1,485 @@
+import * as i0 from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+import { RouterLink, ActivatedRoute, Router } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { E as EdAvatarComponent, I as IconComponent, A as AiReceptionistApiService, j as DEFAULT_PAGE_SIZE, k as totalPages, a as ageFromDob, n as initialsFromName, l as EdIconButtonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-D5VJ5SkB.mjs';
+import { T as TaskDetailDrawerComponent } from './edvak99-voice-receptionist-widget-task-detail-drawer.component-L5HY3Dxd.mjs';
+import { E as EdsSearchFieldComponent } from './edvak99-voice-receptionist-widget-eds-search-field.component-BDGCmkoP.mjs';
+class PatientProfileDrawerComponent {
+    constructor() {
+        this.patient = input.required();
+        this.closed = output();
+    }
+    close() {
+        this.closed.emit();
+    }
+    onBackdropClick(event) {
+        if (event.target === event.currentTarget)
+            this.close();
+    }
+    display(value) {
+        const s = String(value ?? '').trim();
+        return s || '—';
+    }
+    insuranceLabel() {
+        const p = this.patient();
+        if (p.hasInsurance === true) {
+            return p.insuranceName ? `Insured — ${p.insuranceName}` : 'Insured';
+        }
+        if (p.hasInsurance === false)
+            return 'No insurance on file';
+        return p.insuranceName || 'Not verified';
+    }
+    insuranceTone() {
+        const p = this.patient();
+        if (p.hasInsurance === true)
+            return 'covered';
+        if (p.hasInsurance === false)
+            return 'none';
+        return 'unknown';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PatientProfileDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: PatientProfileDrawerComponent, isStandalone: true, selector: "eds-patient-profile-drawer", inputs: { patient: { classPropertyName: "patient", publicName: "patient", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\" (click)=\"onBackdropClick($event)\">\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"display(patient().patientName)\"\n  >\n    <ed-drawer-header class=\"border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <h6 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h6>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <ed-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex flex-col gap-3\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <div class=\"flex items-start gap-3\">\n          <ed-avatar\n            shape=\"box\"\n            size=\"base\"\n            [initials]=\"patient().patientInitials || '?'\"\n            tone=\"brand\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <h3 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">\n              {{ display(patient().patientName) }}\n            </h3>\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\n                @if (patient().patientDob) {\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\n                }\n                @if (patient().patientAge != null) {\n                  \u00B7 {{ patient().patientAge }}Y\n                }\n                @if (patient().patientGender) {\n                  \u00B7 {{ patient().patientGender }}\n                }\n              </p>\n            }\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\n        </div>\n      </section>\n\n      @if (patient().patientId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\n          </div>\n        </section>\n      }\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\n          <span\n            class=\"vr-insurance-badge inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\n            [attr.data-state]=\"insuranceTone()\"\n          >\n            {{ insuranceLabel() }}\n          </span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\n          <span class=\"text-sm text-zinc-600\">\n            @if (patient().occurredAt) {\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\n            } @else {\n              \u2014\n            }\n          </span>\n        </div>\n      </section>\n\n      @if (patient().detail) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ patient().detail }}\n          </p>\n        </section>\n      }\n\n      @if (patient().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"['../history', patient().callId]\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n              (click)=\"close()\"\n            >\n              {{ patient().callId }}\n            </a>\n          </div>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n", styles: [""], 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"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PatientProfileDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-patient-profile-drawer', imports: [DatePipe, RouterLink, EdAvatarComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"fixed inset-0 z-[200] flex justify-end bg-[rgba(15,23,42,0.4)]\" (click)=\"onBackdropClick($event)\">\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"display(patient().patientName)\"\n  >\n    <ed-drawer-header class=\"border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <h6 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h6>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800\"\n        (click)=\"close()\"\n        aria-label=\"Close\"\n      >\n        <ed-icon name=\"close\" [size]=\"22\" />\n      </button>\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex flex-col gap-3\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <div class=\"flex items-start gap-3\">\n          <ed-avatar\n            shape=\"box\"\n            size=\"base\"\n            [initials]=\"patient().patientInitials || '?'\"\n            tone=\"brand\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <h3 class=\"m-0 text-xl font-semibold leading-snug text-zinc-900\">\n              {{ display(patient().patientName) }}\n            </h3>\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\n                @if (patient().patientDob) {\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\n                }\n                @if (patient().patientAge != null) {\n                  \u00B7 {{ patient().patientAge }}Y\n                }\n                @if (patient().patientGender) {\n                  \u00B7 {{ patient().patientGender }}\n                }\n              </p>\n            }\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\n        </div>\n      </section>\n\n      @if (patient().patientId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\n          </div>\n        </section>\n      }\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\n          <span\n            class=\"vr-insurance-badge inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\n            [attr.data-state]=\"insuranceTone()\"\n          >\n            {{ insuranceLabel() }}\n          </span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\n          <span class=\"text-sm text-zinc-600\">\n            @if (patient().occurredAt) {\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\n            } @else {\n              \u2014\n            }\n          </span>\n        </div>\n      </section>\n\n      @if (patient().detail) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ patient().detail }}\n          </p>\n        </section>\n      }\n\n      @if (patient().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"['../history', patient().callId]\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n              (click)=\"close()\"\n            >\n              {{ patient().callId }}\n            </a>\n          </div>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n" }]
+        }] });
+const TABS = [
+    { id: 'task_created', label: 'Tasks' },
+    { id: 'appointment_booked', label: 'Appointments' },
+    { id: 'patient_created', label: 'Registrations' },
+];
+const AVATAR_TONES = ['green', 'amber', 'brand', 'violet', 'rose'];
+class ActivitiesPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.tabs = TABS;
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.items = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.activeTab = signal('task_created');
+        this.callIdFilter = signal(null);
+        this.search = signal('');
+        this.loading = signal(true);
+        this.loadError = signal(null);
+        this.selectedTask = signal(null);
+        this.selectedPatient = signal(null);
+    }
+    ngOnInit() {
+        const callId = this.route.snapshot.queryParamMap.get('callId')?.trim() || null;
+        if (callId)
+            this.callIdFilter.set(callId);
+        const tabParam = (this.route.snapshot.queryParamMap.get('tab') || '').trim().toLowerCase();
+        const tabFromQuery = this.tabFromQuery(tabParam);
+        if (tabFromQuery) {
+            this.activeTab.set(tabFromQuery);
+        }
+        else {
+            this.activeTab.set('task_created');
+            void this.router.navigate([], {
+                relativeTo: this.route,
+                queryParams: { tab: 'tasks' },
+                queryParamsHandling: 'merge',
+                replaceUrl: true,
+            });
+        }
+        this.load();
+    }
+    setTab(tab) {
+        if (this.activeTab() === tab)
+            return;
+        this.activeTab.set(tab);
+        this.page.set(1);
+        void this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: { tab: this.tabQueryValue(tab) },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        this.load();
+    }
+    tabFromQuery(raw) {
+        switch (raw) {
+            case 'tasks':
+            case 'task':
+            case 'task_created':
+                return 'task_created';
+            case 'appointments':
+            case 'appointment':
+            case 'appointment_booked':
+                return 'appointment_booked';
+            case 'registrations':
+            case 'registration':
+            case 'patient_created':
+                return 'patient_created';
+            default:
+                return null;
+        }
+    }
+    tabQueryValue(tab) {
+        switch (tab) {
+            case 'task_created':
+                return 'tasks';
+            case 'patient_created':
+                return 'registrations';
+            default:
+                return 'appointments';
+        }
+    }
+    clearCallFilter() {
+        this.callIdFilter.set(null);
+        this.page.set(1);
+        this.load();
+    }
+    applySearch() {
+        this.page.set(1);
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        this.loadError.set(null);
+        const tab = this.activeTab();
+        this.api
+            .getActivities({
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+            types: tab,
+            callId: this.callIdFilter() || undefined,
+            search: this.search().trim() || undefined,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                this.items.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.items.set([]);
+                this.total.set(0);
+                this.loadError.set('Activities feed is unavailable. Confirm GET /api/ai-receptionist/activities is deployed.');
+            },
+        });
+    }
+    totalPages() {
+        return totalPages(this.total(), DEFAULT_PAGE_SIZE);
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
+    historyLink(callId) {
+        return callId ? ['../history', callId] : null;
+    }
+    openCallHistory(callId, ev) {
+        if (!callId)
+            return;
+        if (ev && ev.target.closest('a,button'))
+            return;
+        void this.router.navigate(['../history', callId], { relativeTo: this.route });
+    }
+    openTask(item) {
+        this.selectedPatient.set(null);
+        this.selectedTask.set(this.activityToTask(item));
+    }
+    openPatient(item) {
+        this.selectedTask.set(null);
+        this.selectedPatient.set(item);
+    }
+    closeTaskDrawer() {
+        this.selectedTask.set(null);
+    }
+    closePatientDrawer() {
+        this.selectedPatient.set(null);
+    }
+    onTaskStatusChange(status) {
+        const task = this.selectedTask();
+        if (!task)
+            return;
+        this.api.patchTask(task.id, status).subscribe({
+            next: ({ data }) => {
+                if (data) {
+                    this.selectedTask.set(data);
+                }
+                else {
+                    this.selectedTask.set({ ...task, status });
+                }
+            },
+            error: () => {
+                // Optimistic local update if patch fails (activity-sourced ids may not exist).
+                this.selectedTask.set({ ...task, status });
+            },
+        });
+    }
+    activityToTask(item) {
+        const priority = item.priority === 'urgent' || item.priority === 'high' ? 'urgent' : 'normal';
+        const created = this.parseDate(item.occurredAt)?.getTime() ?? Date.now();
+        return {
+            id: item.taskId || item.id,
+            created,
+            title: this.taskTitle(item),
+            type: 'task',
+            description: item.detail || '',
+            patient: item.patientName || 'Unknown caller',
+            priority,
+            status: 'open',
+            source: 'voice',
+            assignee: 'AI Receptionist',
+            callId: item.callId || undefined,
+        };
+    }
+    displayMrn(item) {
+        return item.patientMrn?.trim() || '—';
+    }
+    providerSpecialtyLabel(item) {
+        const s = item.providerSpecialty?.trim();
+        if (!s)
+            return null;
+        // Hide stray numeric IDs that sometimes land in specialty.
+        if (/^\d+(\.\d+)?$/.test(s))
+            return null;
+        return s;
+    }
+    /** Day-anchored stamp — a bare clock time gave no idea which day a row belonged to. */
+    timestampLabel(item) {
+        const start = this.parseDate(item.startAt || item.occurredAt);
+        if (!start)
+            return '—';
+        const stamp = `${this.formatDay(start)}, ${this.formatClock(start)}`;
+        const end = this.parseDate(item.endAt);
+        if (end && end.getTime() > start.getTime()) {
+            return `${stamp} – ${this.formatClock(end)}`;
+        }
+        return stamp;
+    }
+    durationLabel(item) {
+        const mins = item.durationMinutes;
+        if (mins == null || mins <= 0) {
+            if (item.startAt && item.endAt) {
+                const ms = Date.parse(item.endAt) - Date.parse(item.startAt);
+                if (Number.isFinite(ms) && ms > 0) {
+                    return `${Math.round(ms / 60000)} MIN`;
+                }
+            }
+            return null;
+        }
+        return `${mins} MIN`;
+    }
+    appointmentTimeRange(item) {
+        const start = this.parseDate(item.startAt || item.occurredAt);
+        if (!start)
+            return '—';
+        const end = this.parseDate(item.endAt);
+        if (end && end.getTime() > start.getTime()) {
+            return `${this.formatClock(start)} - ${this.formatClock(end)}`;
+        }
+        return this.formatClock(start);
+    }
+    appointmentDayLabel(item) {
+        const start = this.parseDate(item.startAt || item.occurredAt);
+        return start ? this.formatDay(start) : '—';
+    }
+    dueLabel(item) {
+        const d = this.parseDate(item.occurredAt || item.startAt);
+        if (!d)
+            return '—';
+        return d.toLocaleDateString(undefined, {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        });
+    }
+    categoryLabel(item) {
+        if (item.visitType)
+            return item.visitType;
+        switch (item.type) {
+            case 'appointment_booked':
+                return 'Appointment';
+            case 'patient_created':
+                return 'Registration';
+            case 'task_created':
+                return item.title && !/^task created$/i.test(item.title) ? item.title : 'Task';
+            default:
+                return item.title || 'Activity';
+        }
+    }
+    patientMeta(item) {
+        const parts = [];
+        const dob = item.patientDob;
+        const age = item.patientAge ?? (dob ? ageFromDob(dob) : null);
+        if (dob && age != null)
+            parts.push(`DOB: ${this.formatDob(dob)} · ${age}Y`);
+        else if (dob)
+            parts.push(`DOB: ${this.formatDob(dob)}`);
+        else if (age != null)
+            parts.push(`${age}Y`);
+        if (item.patientGender)
+            parts.push(item.patientGender);
+        return parts.length ? parts.join(' | ') : null;
+    }
+    patientInitials(item) {
+        return item.patientInitials || initialsFromName(item.patientName) || '?';
+    }
+    providerInitials(item) {
+        return item.providerInitials || initialsFromName(item.providerName) || '?';
+    }
+    avatarTone(key, salt) {
+        const raw = `${key || 'x'}:${salt}`;
+        let hash = 0;
+        for (let i = 0; i < raw.length; i++)
+            hash = (hash + raw.charCodeAt(i) * (i + 1)) % 997;
+        return AVATAR_TONES[hash % AVATAR_TONES.length];
+    }
+    insuranceState(item) {
+        if (item.hasInsurance === true)
+            return 'covered';
+        if (item.hasInsurance === false)
+            return 'none';
+        return 'unknown';
+    }
+    insuranceIcon(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return 'verified_user';
+            case 'none':
+                return 'gpp_bad';
+            default:
+                return 'gpp_maybe';
+        }
+    }
+    insuranceLabel(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return 'Insured';
+            case 'none':
+                return 'No insurance';
+            default:
+                return 'Unverified';
+        }
+    }
+    insuranceTitle(item) {
+        switch (this.insuranceState(item)) {
+            case 'covered':
+                return item.insuranceName ? `Insured — ${item.insuranceName}` : 'Insured';
+            case 'none':
+                return 'No insurance on file';
+            default:
+                return 'Insurance not verified';
+        }
+    }
+    isTaskRow(item) {
+        return item.type === 'task_created';
+    }
+    taskTitle(item) {
+        const title = (item.title || '').trim();
+        if (title && !/^task created$/i.test(title))
+            return title;
+        return item.visitType || 'Task';
+    }
+    priorityLabel(item) {
+        switch (item.priority) {
+            case 'urgent':
+                return 'Urgent';
+            case 'high':
+                return 'High';
+            case 'low':
+                return 'Low';
+            case 'medium':
+            case 'normal':
+            default:
+                return 'Medium';
+        }
+    }
+    priorityTone(item) {
+        switch (item.priority) {
+            case 'urgent':
+                return 'urgent';
+            case 'high':
+                return 'high';
+            case 'low':
+                return 'low';
+            default:
+                return 'medium';
+        }
+    }
+    isRegistrationTab() {
+        return this.activeTab() === 'patient_created';
+    }
+    emptyLabel() {
+        if (this.callIdFilter())
+            return 'No activities found for this call.';
+        switch (this.activeTab()) {
+            case 'task_created':
+                return 'No tasks created by the AI yet.';
+            case 'patient_created':
+                return 'No patient registrations yet.';
+            default:
+                return 'No appointments booked by the AI yet.';
+        }
+    }
+    parseDate(iso) {
+        if (!iso)
+            return null;
+        const d = new Date(iso);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    formatDay(d) {
+        const midnight = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+        const now = new Date();
+        const days = Math.round((midnight(d) - midnight(now)) / 86_400_000);
+        if (days === 0)
+            return 'Today';
+        if (days === 1)
+            return 'Tomorrow';
+        if (days === -1)
+            return 'Yesterday';
+        return d.toLocaleDateString(undefined, d.getFullYear() === now.getFullYear()
+            ? { weekday: 'short', month: 'short', day: 'numeric' }
+            : { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+    formatClock(d) {
+        return d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+    }
+    formatDob(iso) {
+        const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(iso.trim());
+        if (m)
+            return `${m[2]}-${m[3]}-${m[1]}`;
+        const d = new Date(iso);
+        if (Number.isNaN(d.getTime()))
+            return iso;
+        const mm = String(d.getMonth() + 1).padStart(2, '0');
+        const dd = String(d.getDate()).padStart(2, '0');
+        return `${mm}-${dd}-${d.getFullYear()}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActivitiesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ActivitiesPageComponent, isStandalone: true, selector: "eds-activities-page", ngImport: i0, template: "<div class=\"grid min-h-full content-start gap-md bg-lighter p-base activities-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"grid gap-2xs\">\n      <h4>Activities</h4>\n      <p class=\"fs-sm text-light\">Review all the activities done by the AI at one place</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input is-sm w-full pr-10\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search activities\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applySearch()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"md\"\n        outline\n        (click)=\"applySearch()\"\n      />\n    </div>\n  </header>\n\n  @if (callIdFilter(); as callId) {\n    <div\n      class=\"flex flex-wrap items-center justify-between gap-sm rounded-lg bg-primary-50 px-base py-sm fs-sm text-body\"\n      role=\"status\"\n    >\n      <span>Showing activities for call <strong class=\"text-dark\">{{ callId }}</strong></span>\n      <button\n        type=\"button\"\n        class=\"cursor-pointer border-none bg-transparent px-0 py-2xs fs-sm text-primary hover:underline\"\n        (click)=\"clearCallFilter()\"\n      >\n        Clear filter\n      </button>\n    </div>\n  }\n\n  <nav class=\"flex flex-wrap gap-xs\" aria-label=\"Activity type\">\n    @for (tab of tabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          activeTab() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-primary-50 px-base py-xs text-primary transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-base py-xs text-light transition-colors hover:bg-white hover:text-dark'\n        \"\n        (click)=\"setTab(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading activities\u2026</p>\n  } @else if (loadError()) {\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ loadError() }}</p>\n  } @else {\n    <div class=\"min-w-0 flex-1 overflow-auto\">\n      @if (activeTab() === 'task_created') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Tasks\">\n          <thead>\n            <tr>\n              <th>Priority</th>\n              <th>Task</th>\n              <th>Assigned to</th>\n              <th>Patient / Caller</th>\n              <th>Due</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\n                (click)=\"openTask(item)\"\n                (keyup.enter)=\"openTask(item)\"\n              >\n                <td>\n                  <div\n                    class=\"inline-flex items-center gap-xs text-dark\"\n                    [attr.data-tone]=\"priorityTone(item)\"\n                  >\n                    <span\n                      class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n                      aria-hidden=\"true\"\n                    ></span>\n                    <span class=\"fs-sm capitalize\">{{ priorityLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"truncate fs-sm font-semibold text-dark\">{{ taskTitle(item) }}</span>\n                    <ed-badge-2 variant=\"primary\" pill uppercase>\n                      {{ categoryLabel(item) }}\n                    </ed-badge-2>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar shape=\"circle\" size=\"base\" initials=\"AI\" tone=\"brand\" />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">AI Receptionist</span>\n                      <span class=\"truncate fs-xs text-light\">Voice agent</span>\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown caller' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"whitespace-nowrap fs-sm text-light\">{{ dueLabel(item) }}</td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else if (activeTab() === 'appointment_booked') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Appointments\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Patient</th>\n              <th>Provider</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative\"\n                [class.cursor-pointer]=\"!!item.callId\"\n                [attr.role]=\"item.callId ? 'link' : null\"\n                [attr.tabindex]=\"item.callId ? (i === 0 ? 0 : -1) : null\"\n                [attr.aria-label]=\"item.callId ? 'Open call history' : null\"\n                (click)=\"openCallHistory(item.callId, $event)\"\n                (keyup.enter)=\"openCallHistory(item.callId)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex flex-wrap items-center gap-2xs\">\n                      <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ appointmentTimeRange(item) }}</span>\n                      @if (durationLabel(item); as duration) {\n                        <span class=\"inline-flex h-5 items-center rounded bg-light px-2xs fs-xs font-medium text-dark\">\n                          {{ duration }}\n                        </span>\n                      }\n                    </div>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                    <span class=\"fs-xs text-light\">{{ appointmentDayLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  @if (item.providerName) {\n                    <div class=\"flex min-w-0 items-center gap-xs\">\n                      <ed-avatar\n                        shape=\"circle\"\n                        size=\"base\"\n                        [initials]=\"providerInitials(item)\"\n                        [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\n                      />\n                      <div class=\"grid min-w-0 gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.providerName }}</span>\n                        @if (providerSpecialtyLabel(item); as specialty) {\n                          <span class=\"truncate fs-xs text-light\">{{ specialty }}</span>\n                        }\n                      </div>\n                    </div>\n                  } @else {\n                    <span class=\"fs-xs text-light\">No provider assigned</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"4\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Registrations\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Name</th>\n              <th>MRN</th>\n              <th>Payer</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\n                (click)=\"openPatient(item)\"\n                (keyup.enter)=\"openPatient(item)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ timestampLabel(item) }}</span>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"fs-sm text-body\">{{ displayMrn(item) }}</td>\n                <td>\n                  @if (insuranceState(item) === 'covered') {\n                    <span class=\"fs-sm text-dark\">{{ item.insuranceName || 'Insured' }}</span>\n                  } @else {\n                    <span class=\"fs-sm text-primary\">Add Insurance</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n\n    @if (total() > pageSize) {\n      <footer class=\"flex flex-wrap items-center justify-between gap-sm border-t border-light pt-sm\">\n        <span class=\"fs-sm text-light\">\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n        </span>\n        <div class=\"flex gap-xs\">\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() <= 1\"\n            (click)=\"prevPage()\"\n          >\n            Previous\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() >= totalPages()\"\n            (click)=\"nextPage()\"\n          >\n            Next\n          </button>\n        </div>\n      </footer>\n    }\n  }\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeTaskDrawer()\"\n    (statusChange)=\"onTaskStatusChange($event)\"\n  />\n}\n\n@if (selectedPatient(); as patient) {\n  <eds-patient-profile-drawer\n    [patient]=\"patient\"\n    (closed)=\"closePatientDrawer()\"\n  />\n}\n", styles: [".activities-page__priority-mark{background:#f59e0b}[data-tone=urgent] .activities-page__priority-mark{background:#dc2626}[data-tone=high] .activities-page__priority-mark{background:#ea580c}[data-tone=medium] .activities-page__priority-mark{background:#f59e0b}[data-tone=low] .activities-page__priority-mark{background:#94a3b8}.activities-page__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.activities-page__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.activities-page__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}\n"], dependencies: [{ 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: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }, { kind: "component", type: EdsSearchFieldComponent, selector: "eds-search-field", inputs: ["value", "inputId", "type", "placeholder", "ariaLabel", "inputClass"], outputs: ["valueChange", "enter"] }, { kind: "component", type: TaskDetailDrawerComponent, selector: "eds-task-detail-drawer", inputs: ["task"], outputs: ["closed", "statusChange"] }, { kind: "component", type: PatientProfileDrawerComponent, selector: "eds-patient-profile-drawer", inputs: ["patient"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActivitiesPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-activities-page', imports: [
+                        EdAvatarComponent,
+                        IconComponent,
+                        EdIconButtonComponent,
+                        EdsSearchFieldComponent,
+                        TaskDetailDrawerComponent,
+                        PatientProfileDrawerComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"grid min-h-full content-start gap-md bg-lighter p-base activities-page\">\n  <header class=\"flex items-start justify-between gap-base\">\n    <div class=\"grid gap-2xs\">\n      <h4>Activities</h4>\n      <p class=\"fs-sm text-light\">Review all the activities done by the AI at one place</p>\n    </div>\n    <div class=\"flex shrink-0 items-center gap-base\">\n      <div class=\"relative w-60\">\n        <eds-search-field\n          inputClass=\"form-input is-sm w-full pr-10\"\n          placeholder=\"Search here\"\n          ariaLabel=\"Search activities\"\n          [value]=\"search()\"\n          (valueChange)=\"search.set($event)\"\n          (enter)=\"applySearch()\"\n        />\n        <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\n          <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\n        </span>\n      </div>\n      <ed-icon-button\n        name=\"filter_alt\"\n        label=\"Filters\"\n        size=\"md\"\n        outline\n        (click)=\"applySearch()\"\n      />\n    </div>\n  </header>\n\n  @if (callIdFilter(); as callId) {\n    <div\n      class=\"flex flex-wrap items-center justify-between gap-sm rounded-lg bg-primary-50 px-base py-sm fs-sm text-body\"\n      role=\"status\"\n    >\n      <span>Showing activities for call <strong class=\"text-dark\">{{ callId }}</strong></span>\n      <button\n        type=\"button\"\n        class=\"cursor-pointer border-none bg-transparent px-0 py-2xs fs-sm text-primary hover:underline\"\n        (click)=\"clearCallFilter()\"\n      >\n        Clear filter\n      </button>\n    </div>\n  }\n\n  <nav class=\"flex flex-wrap gap-xs\" aria-label=\"Activity type\">\n    @for (tab of tabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          activeTab() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-primary-50 px-base py-xs text-primary transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-base py-xs text-light transition-colors hover:bg-white hover:text-dark'\n        \"\n        (click)=\"setTab(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  @if (loading()) {\n    <p class=\"fs-sm text-light\">Loading activities\u2026</p>\n  } @else if (loadError()) {\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ loadError() }}</p>\n  } @else {\n    <div class=\"min-w-0 flex-1 overflow-auto\">\n      @if (activeTab() === 'task_created') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Tasks\">\n          <thead>\n            <tr>\n              <th>Priority</th>\n              <th>Task</th>\n              <th>Assigned to</th>\n              <th>Patient / Caller</th>\n              <th>Due</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\n                (click)=\"openTask(item)\"\n                (keyup.enter)=\"openTask(item)\"\n              >\n                <td>\n                  <div\n                    class=\"inline-flex items-center gap-xs text-dark\"\n                    [attr.data-tone]=\"priorityTone(item)\"\n                  >\n                    <span\n                      class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n                      aria-hidden=\"true\"\n                    ></span>\n                    <span class=\"fs-sm capitalize\">{{ priorityLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"truncate fs-sm font-semibold text-dark\">{{ taskTitle(item) }}</span>\n                    <ed-badge-2 variant=\"primary\" pill uppercase>\n                      {{ categoryLabel(item) }}\n                    </ed-badge-2>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar shape=\"circle\" size=\"base\" initials=\"AI\" tone=\"brand\" />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">AI Receptionist</span>\n                      <span class=\"truncate fs-xs text-light\">Voice agent</span>\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown caller' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"whitespace-nowrap fs-sm text-light\">{{ dueLabel(item) }}</td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else if (activeTab() === 'appointment_booked') {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Appointments\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Patient</th>\n              <th>Provider</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative\"\n                [class.cursor-pointer]=\"!!item.callId\"\n                [attr.role]=\"item.callId ? 'link' : null\"\n                [attr.tabindex]=\"item.callId ? (i === 0 ? 0 : -1) : null\"\n                [attr.aria-label]=\"item.callId ? 'Open call history' : null\"\n                (click)=\"openCallHistory(item.callId, $event)\"\n                (keyup.enter)=\"openCallHistory(item.callId)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <div class=\"flex flex-wrap items-center gap-2xs\">\n                      <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ appointmentTimeRange(item) }}</span>\n                      @if (durationLabel(item); as duration) {\n                        <span class=\"inline-flex h-5 items-center rounded bg-light px-2xs fs-xs font-medium text-dark\">\n                          {{ duration }}\n                        </span>\n                      }\n                    </div>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                    <span class=\"fs-xs text-light\">{{ appointmentDayLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td>\n                  @if (item.providerName) {\n                    <div class=\"flex min-w-0 items-center gap-xs\">\n                      <ed-avatar\n                        shape=\"circle\"\n                        size=\"base\"\n                        [initials]=\"providerInitials(item)\"\n                        [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\n                      />\n                      <div class=\"grid min-w-0 gap-2xs\">\n                        <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.providerName }}</span>\n                        @if (providerSpecialtyLabel(item); as specialty) {\n                          <span class=\"truncate fs-xs text-light\">{{ specialty }}</span>\n                        }\n                      </div>\n                    </div>\n                  } @else {\n                    <span class=\"fs-xs text-light\">No provider assigned</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"4\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      } @else {\n        <table class=\"table-main-v2 relative min-w-5xl border-spacing-y-xs\" aria-label=\"Registrations\">\n          <thead>\n            <tr>\n              <th>When</th>\n              <th>Name</th>\n              <th>MRN</th>\n              <th>Payer</th>\n              <th class=\"text-right\">Insurance</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of items(); track item.id; let i = $index) {\n              <tr\n                class=\"hover-parent relative cursor-pointer\"\n                role=\"button\"\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\n                [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\n                (click)=\"openPatient(item)\"\n                (keyup.enter)=\"openPatient(item)\"\n              >\n                <td>\n                  <div class=\"grid min-w-0 gap-2xs\">\n                    <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ timestampLabel(item) }}</span>\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\n                  </div>\n                </td>\n                <td>\n                  <div class=\"flex min-w-0 items-center gap-xs\">\n                    <ed-avatar\n                      shape=\"box\"\n                      size=\"base\"\n                      [initials]=\"patientInitials(item)\"\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\n                    />\n                    <div class=\"grid min-w-0 gap-2xs\">\n                      <span class=\"truncate fs-sm font-semibold text-dark\">{{ item.patientName || 'Unknown patient' }}</span>\n                      @if (patientMeta(item); as meta) {\n                        <span class=\"truncate fs-xs text-light\">{{ meta }}</span>\n                      }\n                    </div>\n                  </div>\n                </td>\n                <td class=\"fs-sm text-body\">{{ displayMrn(item) }}</td>\n                <td>\n                  @if (insuranceState(item) === 'covered') {\n                    <span class=\"fs-sm text-dark\">{{ item.insuranceName || 'Insured' }}</span>\n                  } @else {\n                    <span class=\"fs-sm text-primary\">Add Insurance</span>\n                  }\n                </td>\n                <td>\n                  <div class=\"flex items-center justify-end\">\n                    <span\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\n                      [attr.data-state]=\"insuranceState(item)\"\n                      [title]=\"insuranceTitle(item)\"\n                      [attr.aria-label]=\"insuranceLabel(item)\"\n                    >\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            } @empty {\n              <tr class=\"empty-row\">\n                <td colspan=\"5\" class=\"py-lg text-center fs-sm text-light\">{{ emptyLabel() }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n\n    @if (total() > pageSize) {\n      <footer class=\"flex flex-wrap items-center justify-between gap-sm border-t border-light pt-sm\">\n        <span class=\"fs-sm text-light\">\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n        </span>\n        <div class=\"flex gap-xs\">\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() <= 1\"\n            (click)=\"prevPage()\"\n          >\n            Previous\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn is-secondary is-outline is-sm inline-flex items-center gap-2xs\"\n            [disabled]=\"page() >= totalPages()\"\n            (click)=\"nextPage()\"\n          >\n            Next\n          </button>\n        </div>\n      </footer>\n    }\n  }\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeTaskDrawer()\"\n    (statusChange)=\"onTaskStatusChange($event)\"\n  />\n}\n\n@if (selectedPatient(); as patient) {\n  <eds-patient-profile-drawer\n    [patient]=\"patient\"\n    (closed)=\"closePatientDrawer()\"\n  />\n}\n", styles: [".activities-page__priority-mark{background:#f59e0b}[data-tone=urgent] .activities-page__priority-mark{background:#dc2626}[data-tone=high] .activities-page__priority-mark{background:#ea580c}[data-tone=medium] .activities-page__priority-mark{background:#f59e0b}[data-tone=low] .activities-page__priority-mark{background:#94a3b8}.activities-page__insurance[data-state=covered]{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.activities-page__insurance[data-state=none]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.activities-page__insurance[data-state=unknown]{background:#f4f4f5;border-color:#e4e4e7;color:#71717a}\n"] }]
+        }] });
+export { ActivitiesPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-activities-page.component-DDzSBb6x.mjs.map