@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

package/fesm2022/edvak99-voice-receptionist-widget-activities-page.component-W_1bE_i2.mjs

@@ -0,0 +1,537 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { E as EdAvatarComponent, p as EdIconButtonComponent, s as ViewportPortalDirective, I as IconComponent, A as AiReceptionistApiService, n as DEFAULT_PAGE_SIZE, o as totalPages, b as ageFromDob, u as initialsFromName, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+import { T as TaskDetailDrawerComponent } from './edvak99-voice-receptionist-widget-task-detail-drawer.component-fU9dsmkA.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+import { E as EdsSearchFieldComponent } from './edvak99-voice-receptionist-widget-eds-search-field.component-Bm4ay5d_.mjs';
+
+class PatientProfileDrawerComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.patient = input.required();
+        this.closed = output();
+    }
+    close() {
+        this.closed.emit();
+    }
+    openCallHistory() {
+        const callId = this.patient().callId;
+        if (!callId)
+            return;
+        this.close();
+        void this.router.navigate(['../history', callId], { relativeTo: this.route });
+    }
+    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\r\n  edsViewportPortal\r\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\r\n  (click)=\"onBackdropClick($event)\"\r\n  role=\"presentation\"\r\n>\r\n  <ed-drawer\r\n    size=\"base\"\r\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    [attr.aria-label]=\"display(patient().patientName)\"\r\n  >\r\n    <ed-drawer-header class=\"border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\r\n      <h6 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h6>\r\n      <ed-icon-button\r\n        name=\"close\"\r\n        label=\"Close\"\r\n        size=\"sm\"\r\n        ghost\r\n        (click$)=\"close()\"\r\n      />\r\n    </ed-drawer-header>\r\n\r\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\r\n        <div class=\"flex items-start gap-3\">\r\n          <ed-avatar\r\n            shape=\"box\"\r\n            size=\"base\"\r\n            [initials]=\"patient().patientInitials || '?'\"\r\n            tone=\"brand\"\r\n          />\r\n          <div class=\"min-w-0 flex-1\">\r\n            <h4>\r\n              {{ display(patient().patientName) }}\r\n            </h4>\r\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\r\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\r\n                @if (patient().patientDob) {\r\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\r\n                }\r\n                @if (patient().patientAge != null) {\r\n                  \u00B7 {{ patient().patientAge }}Y\r\n                }\r\n                @if (patient().patientGender) {\r\n                  \u00B7 {{ patient().patientGender }}\r\n                }\r\n              </p>\r\n            }\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\r\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\r\n        </div>\r\n      </section>\r\n\r\n      @if (patient().patientId) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n          <div class=\"flex items-center justify-between gap-3\">\r\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\r\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\r\n          </div>\r\n        </section>\r\n      }\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\r\n          <span\r\n            class=\"vr-insurance-badge inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\r\n            [attr.data-state]=\"insuranceTone()\"\r\n          >\r\n            {{ insuranceLabel() }}\r\n          </span>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\r\n          <span class=\"text-sm text-zinc-600\">\r\n            @if (patient().occurredAt) {\r\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\r\n            } @else {\r\n              \u2014\r\n            }\r\n          </span>\r\n        </div>\r\n      </section>\r\n\r\n      @if (patient().detail) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\r\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\r\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\r\n            {{ patient().detail }}\r\n          </p>\r\n        </section>\r\n      }\r\n\r\n      @if (patient().callId) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n          <div class=\"flex items-center justify-between gap-3\">\r\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\r\n            <button\r\n              type=\"button\"\r\n              class=\"eds-plain-nav text-sm font-medium text-dark\"\r\n              (click)=\"openCallHistory()\"\r\n            >\r\n              View call\r\n            </button>\r\n          </div>\r\n        </section>\r\n      }\r\n    </ed-drawer-body>\r\n  </ed-drawer>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: EdAvatarComponent, selector: "ed-avatar", inputs: ["initials", "tone", "shape", "size", "gradient"] }, { 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: "directive", type: ViewportPortalDirective, selector: "[edsViewportPortal]" }], 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,
+                        EdAvatarComponent,
+                        EdIconButtonComponent,
+                        IconComponent,
+                        ViewportPortalDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  edsViewportPortal\r\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\r\n  (click)=\"onBackdropClick($event)\"\r\n  role=\"presentation\"\r\n>\r\n  <ed-drawer\r\n    size=\"base\"\r\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    [attr.aria-label]=\"display(patient().patientName)\"\r\n  >\r\n    <ed-drawer-header class=\"border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\r\n      <h6 class=\"m-0 text-base font-semibold text-zinc-900\">Patient profile</h6>\r\n      <ed-icon-button\r\n        name=\"close\"\r\n        label=\"Close\"\r\n        size=\"sm\"\r\n        ghost\r\n        (click$)=\"close()\"\r\n      />\r\n    </ed-drawer-header>\r\n\r\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\r\n        <div class=\"flex items-start gap-3\">\r\n          <ed-avatar\r\n            shape=\"box\"\r\n            size=\"base\"\r\n            [initials]=\"patient().patientInitials || '?'\"\r\n            tone=\"brand\"\r\n          />\r\n          <div class=\"min-w-0 flex-1\">\r\n            <h4>\r\n              {{ display(patient().patientName) }}\r\n            </h4>\r\n            @if (patient().patientDob || patient().patientAge != null || patient().patientGender) {\r\n              <p class=\"mt-1 mb-0 text-sm text-zinc-500\">\r\n                @if (patient().patientDob) {\r\n                  DOB: {{ patient().patientDob | date: 'MM/dd/yyyy' }}\r\n                }\r\n                @if (patient().patientAge != null) {\r\n                  \u00B7 {{ patient().patientAge }}Y\r\n                }\r\n                @if (patient().patientGender) {\r\n                  \u00B7 {{ patient().patientGender }}\r\n                }\r\n              </p>\r\n            }\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">MRN</span>\r\n          <span class=\"text-sm text-zinc-600\">{{ display(patient().patientMrn) }}</span>\r\n        </div>\r\n      </section>\r\n\r\n      @if (patient().patientId) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n          <div class=\"flex items-center justify-between gap-3\">\r\n            <span class=\"text-sm font-medium text-zinc-800\">Patient ID</span>\r\n            <span class=\"font-mono text-sm text-zinc-600\">{{ patient().patientId }}</span>\r\n          </div>\r\n        </section>\r\n      }\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">Insurance</span>\r\n          <span\r\n            class=\"vr-insurance-badge inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium\"\r\n            [attr.data-state]=\"insuranceTone()\"\r\n          >\r\n            {{ insuranceLabel() }}\r\n          </span>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n        <div class=\"flex items-center justify-between gap-3\">\r\n          <span class=\"text-sm font-medium text-zinc-800\">Registered</span>\r\n          <span class=\"text-sm text-zinc-600\">\r\n            @if (patient().occurredAt) {\r\n              {{ patient().occurredAt | date: 'MMM d, y, h:mm a' }}\r\n            } @else {\r\n              \u2014\r\n            }\r\n          </span>\r\n        </div>\r\n      </section>\r\n\r\n      @if (patient().detail) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\r\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Details</h3>\r\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\r\n            {{ patient().detail }}\r\n          </p>\r\n        </section>\r\n      }\r\n\r\n      @if (patient().callId) {\r\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\r\n          <div class=\"flex items-center justify-between gap-3\">\r\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\r\n            <button\r\n              type=\"button\"\r\n              class=\"eds-plain-nav text-sm font-medium text-dark\"\r\n              (click)=\"openCallHistory()\"\r\n            >\r\n              View call\r\n            </button>\r\n          </div>\r\n        </section>\r\n      }\r\n    </ed-drawer-body>\r\n  </ed-drawer>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\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.skeletonRows = TABLE_SKELETON_ROWS;
+        this.selectedTask = signal(null);
+        this.selectedPatient = signal(null);
+        this.searchTimer = 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();
+    }
+    ngOnDestroy() {
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+    }
+    onSearchInput(value) {
+        this.search.set(value);
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+        this.searchTimer = setTimeout(() => {
+            this.page.set(1);
+            this.load();
+        }, value.trim() ? 300 : 0);
+    }
+    applySearch() {
+        if (this.searchTimer)
+            clearTimeout(this.searchTimer);
+        this.page.set(1);
+        this.load();
+    }
+    clearSearch() {
+        this.search.set('');
+        this.applySearch();
+    }
+    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('en-US', {
+            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';
+    }
+    /** Subtitle under the task title; omitted when it duplicates the title. */
+    taskDetail(item) {
+        const detail = (item.detail || '').trim();
+        if (!detail)
+            return null;
+        const title = this.taskTitle(item).trim().toLowerCase();
+        if (detail.toLowerCase() === title)
+            return null;
+        if (/^task created$/i.test(detail))
+            return null;
+        return detail;
+    }
+    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", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"activities-page flex h-full min-h-0 min-w-0 max-w-full flex-col overflow-hidden bg-lighter p-base\">\r\n  <div class=\"mb-sm flex shrink-0 flex-col gap-sm\">\r\n  <header class=\"relative z-10 flex items-start justify-between gap-base bg-lighter\">\r\n    <div class=\"grid gap-2xs\">\r\n      <h4>Activities</h4>\r\n      <p class=\"fs-sm text-light\">All activities done by the AI at one place</p>\r\n    </div>\r\n    <div class=\"flex shrink-0 items-center gap-base\">\r\n      <div class=\"relative w-60\">\r\n        <eds-search-field\r\n          type=\"text\"\r\n          inputClass=\"form-input w-full pr-10\"\r\n          placeholder=\"Search here\"\r\n          ariaLabel=\"Search activities\"\r\n          [value]=\"search()\"\r\n          (valueChange)=\"onSearchInput($event)\"\r\n          (enter)=\"applySearch()\" />\r\n        @if (search()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"absolute inset-y-0 right-2 inline-flex cursor-pointer items-center border-none bg-transparent px-2xs text-lighter\"\r\n            aria-label=\"Clear search\"\r\n            (click)=\"clearSearch()\"\r\n          >\r\n            <ed-icon name=\"close\" [size]=\"16\" color=\"currentColor\" />\r\n          </button>\r\n        } @else {\r\n          <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\r\n            <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\r\n          </span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </header>\r\n\r\n  @if (callIdFilter(); as callId) {\r\n    <div class=\"flex flex-wrap items-center justify-between gap-sm rounded-lg bg-primary-50 px-base py-sm fs-sm text-body\"\r\n      role=\"status\">\r\n      <span>Showing activities for call <strong class=\"text-dark\">{{ callId }}</strong></span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"cursor-pointer border-none bg-transparent px-0 py-2xs fs-sm text-primary hover:underline\"\r\n        (click)=\"clearCallFilter()\">\r\n        Clear filter\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  <nav class=\"flex flex-wrap gap-xs bg-white rounded-md px-xs py-xs\" aria-label=\"Activity type\">\r\n    @for (tab of tabs; track tab.id) {\r\n      <button\r\n        type=\"button\"\r\n        [class]=\"\r\n          activeTab() === tab.id\r\n            ? 'cursor-pointer rounded-full border-none bg-primary-50 px-base py-xs text-primary transition-colors'\r\n            : 'cursor-pointer rounded-full border-none bg-transparent px-base py-xs text-light transition-colors hover:bg-white hover:text-dark'\"\r\n        (click)=\"setTab(tab.id)\">\r\n        {{ tab.label }}\r\n      </button>\r\n    }\r\n  </nav>\r\n  </div>\r\n\r\n  @if (loadError()) {\r\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ loadError() }}</p>\r\n  } @else {\r\n    <div class=\"flex min-h-0 min-w-0 max-w-full flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n      <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n      @if (activeTab() === 'task_created') {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Tasks\">\r\n          <thead>\r\n            <tr>\r\n              <th>Priority</th>\r\n              <th>Task</th>\r\n              <th>Patient / Caller</th>\r\n              <th>Created date</th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-2.5 w-2.5 !rounded-sm\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-14\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-44\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative cursor-pointer\"\r\n                role=\"button\"\r\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\r\n                [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\r\n                (click)=\"openTask(item)\"\r\n                (keyup.enter)=\"openTask(item)\"\r\n              >\r\n                <td>\r\n                  <div\r\n                    class=\"inline-flex items-center gap-xs text-dark\"\r\n                    [attr.data-tone]=\"priorityTone(item)\"\r\n                  >\r\n                    <span\r\n                      class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\r\n                      aria-hidden=\"true\"\r\n                    ></span>\r\n                    <span class=\"fs-sm capitalize\">{{ priorityLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <span\r\n                      class=\"inline-block min-w-0 max-w-72 truncate fs-sm font-semibold text-dark\"\r\n                      [smartTooltip]=\"taskTitle(item)\"\r\n                      [tooltipOnlyWhenTruncated]=\"true\"\r\n                    >{{ taskTitle(item) }}</span>\r\n                    <span\r\n                      class=\"inline-block min-w-0 max-w-72\"\r\n                      [smartTooltip]=\"categoryLabel(item)\"\r\n                      [tooltipOnlyWhenTruncated]=\"true\"\r\n                    >\r\n                      <ed-badge-2 variant=\"light\" pill uppercase class=\"max-w-full\">\r\n                        <span class=\"block truncate text-dark\">{{ categoryLabel(item) }}</span>\r\n                      </ed-badge-2>\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"/>\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown caller'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\">{{ item.patientName || 'Unknown caller' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\">{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td class=\"whitespace-nowrap fs-sm text-light\">{{ dueLabel(item) }}</td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"4\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      } @else if (activeTab() === 'appointment_booked') {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Appointments\">\r\n          <thead>\r\n            <tr>\r\n              <th>Date</th>\r\n              <th>Patient</th>\r\n              <th>Provider</th>\r\n              <th class=\"align-middle\">\r\n                <div class=\"flex w-full items-center justify-center\">Insurance</div>\r\n              </th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td class=\"align-middle\">\r\n                    <div class=\"flex w-full items-center justify-center\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative\"\r\n                [class.cursor-pointer]=\"!!item.callId\"\r\n                [attr.role]=\"item.callId ? 'button' : null\"\r\n                [attr.tabindex]=\"item.callId ? (i === 0 ? 0 : -1) : null\"\r\n                [attr.aria-label]=\"item.callId ? 'Open call history' : null\"\r\n                (click)=\"openCallHistory(item.callId, $event)\"\r\n                (keyup.enter)=\"openCallHistory(item.callId)\"\r\n              >\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <div class=\"flex flex-wrap items-center gap-2xs\">\r\n                      <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ appointmentTimeRange(item) }}</span>\r\n                      @if (durationLabel(item); as duration) {\r\n                        <span class=\"inline-flex h-5 items-center rounded bg-light px-2xs fs-xs font-medium text-dark\">\r\n                          {{ duration }}\r\n                        </span>\r\n                      }\r\n                    </div>\r\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\r\n                    <span class=\"fs-xs text-light\">{{ appointmentDayLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\r\n                    />\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown patient'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\"\r\n                      >{{ item.patientName || 'Unknown patient' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  @if (item.providerName) {\r\n                    <div class=\"flex min-w-0 items-center gap-xs\">\r\n                      <ed-avatar\r\n                        shape=\"circle\"\r\n                        size=\"base\"\r\n                        [initials]=\"providerInitials(item)\"\r\n                        [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\r\n                      />\r\n                      <div class=\"grid min-w-0 gap-2xs\">\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                          [smartTooltip]=\"item.providerName\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ item.providerName }}</span>\r\n                        @if (providerSpecialtyLabel(item); as specialty) {\r\n                          <span\r\n                            class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                            [smartTooltip]=\"specialty\"\r\n                            [tooltipOnlyWhenTruncated]=\"true\"\r\n                          >{{ specialty }}</span>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  } @else {\r\n                    <span class=\"fs-xs text-light\">No provider assigned</span>\r\n                  }\r\n                </td>\r\n                <td class=\"align-middle\">\r\n                  <div class=\"flex w-full items-center justify-center\">\r\n                    <span\r\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\r\n                      [attr.data-state]=\"insuranceState(item)\"\r\n                      [title]=\"insuranceTitle(item)\"\r\n                      [attr.aria-label]=\"insuranceLabel(item)\">\r\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"4\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      } @else {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Registrations\">\r\n          <thead>\r\n            <tr>\r\n              <th>Date</th>\r\n              <th>Name</th>\r\n              <th>MRN</th>\r\n              <th>Payer</th>\r\n              <th class=\"align-middle\">\r\n                <div class=\"flex w-full items-center justify-center\">Insurance</div>\r\n              </th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                  <td class=\"align-middle\">\r\n                    <div class=\"flex w-full items-center justify-center\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative cursor-pointer\"\r\n                role=\"button\"\r\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\r\n                [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\r\n                (click)=\"openPatient(item)\"\r\n                (keyup.enter)=\"openPatient(item)\">\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ timestampLabel(item) }}</span>\r\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\r\n                    />\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown patient'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\"\r\n                      >{{ item.patientName || 'Unknown patient' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td class=\"fs-sm text-body\">{{ displayMrn(item) }}</td>\r\n                <td>\r\n                  @if (insuranceState(item) === 'covered') {\r\n                    <span class=\"fs-sm text-dark\">{{ item.insuranceName || 'Insured' }}</span>\r\n                  } @else {\r\n                    <span class=\"fs-sm text-dark\">Add Insurance</span>\r\n                  }\r\n                </td>\r\n                <td class=\"align-middle\">\r\n                  <div class=\"flex w-full items-center justify-center\">\r\n                    <span\r\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\r\n                      [attr.data-state]=\"insuranceState(item)\"\r\n                      [title]=\"insuranceTitle(item)\"\r\n                      [attr.aria-label]=\"insuranceLabel(item)\"\r\n                    >\r\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"5\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      }\r\n      </div>\r\n\r\n    @if (!loading() && total() > pageSize) {\r\n      <footer class=\"mt-sm flex shrink-0 flex-wrap items-center justify-between gap-sm border-t border-light pt-sm\">\r\n        <span class=\"fs-sm text-light\">\r\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\r\n        </span>\r\n        <div class=\"flex gap-xs\">\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"page() <= 1\"\r\n            (click$)=\"prevPage()\"\r\n          >\r\n            Previous\r\n          </ed-button>\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"page() >= totalPages()\"\r\n            (click$)=\"nextPage()\"\r\n          >\r\n            Next\r\n          </ed-button>\r\n        </div>\r\n      </footer>\r\n    }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n@if (selectedTask(); as task) {\r\n  <eds-task-detail-drawer\r\n    [task]=\"task\"\r\n    (closed)=\"closeTaskDrawer()\"\r\n    (statusChange)=\"onTaskStatusChange($event)\"\r\n  />\r\n}\r\n\r\n@if (selectedPatient(); as patient) {\r\n  <eds-patient-profile-drawer\r\n    [patient]=\"patient\"\r\n    (closed)=\"closePatientDrawer()\"\r\n  />\r\n}\r\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: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }, { kind: "component", type: EdsSearchFieldComponent, selector: "eds-search-field", inputs: ["value", "inputId", "type", "placeholder", "ariaLabel", "inputClass"], outputs: ["valueChange", "enter"] }, { kind: "directive", type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip", "tooltipAllowHtml", "tooltipTemplate", "tooltipTemplateContext", "tooltipPlacement", "tooltipTrigger", "tooltipDelayShow", "tooltipDelayHide", "tooltipOffset", "tooltipMaxWidth", "tooltipZIndex", "tooltipClass", "tooltipDisabled", "tooltipArrow", "tooltipHoverIntentMs", "tooltipHoverIntentRadius", "tooltipId", "tooltipRole", "tooltipAnimEnterMs", "tooltipAnimExitMs", "tooltipAnimEasing", "tooltipHoverable", "tooltipHandoffMs", "tooltipOpen", "tooltipOnlyWhenTruncated"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }, { kind: "component", type: 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,
+                        EdButtonComponent,
+                        EdsSearchFieldComponent,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                        TaskDetailDrawerComponent,
+                        PatientProfileDrawerComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], host: { class: 'block h-full min-h-0' }, template: "<div class=\"activities-page flex h-full min-h-0 min-w-0 max-w-full flex-col overflow-hidden bg-lighter p-base\">\r\n  <div class=\"mb-sm flex shrink-0 flex-col gap-sm\">\r\n  <header class=\"relative z-10 flex items-start justify-between gap-base bg-lighter\">\r\n    <div class=\"grid gap-2xs\">\r\n      <h4>Activities</h4>\r\n      <p class=\"fs-sm text-light\">All activities done by the AI at one place</p>\r\n    </div>\r\n    <div class=\"flex shrink-0 items-center gap-base\">\r\n      <div class=\"relative w-60\">\r\n        <eds-search-field\r\n          type=\"text\"\r\n          inputClass=\"form-input w-full pr-10\"\r\n          placeholder=\"Search here\"\r\n          ariaLabel=\"Search activities\"\r\n          [value]=\"search()\"\r\n          (valueChange)=\"onSearchInput($event)\"\r\n          (enter)=\"applySearch()\" />\r\n        @if (search()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"absolute inset-y-0 right-2 inline-flex cursor-pointer items-center border-none bg-transparent px-2xs text-lighter\"\r\n            aria-label=\"Clear search\"\r\n            (click)=\"clearSearch()\"\r\n          >\r\n            <ed-icon name=\"close\" [size]=\"16\" color=\"currentColor\" />\r\n          </button>\r\n        } @else {\r\n          <span class=\"pointer-events-none absolute inset-y-0 right-3 inline-flex items-center text-lighter\">\r\n            <ed-icon name=\"search\" [size]=\"20\" color=\"currentColor\" />\r\n          </span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </header>\r\n\r\n  @if (callIdFilter(); as callId) {\r\n    <div class=\"flex flex-wrap items-center justify-between gap-sm rounded-lg bg-primary-50 px-base py-sm fs-sm text-body\"\r\n      role=\"status\">\r\n      <span>Showing activities for call <strong class=\"text-dark\">{{ callId }}</strong></span>\r\n      <button\r\n        type=\"button\"\r\n        class=\"cursor-pointer border-none bg-transparent px-0 py-2xs fs-sm text-primary hover:underline\"\r\n        (click)=\"clearCallFilter()\">\r\n        Clear filter\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  <nav class=\"flex flex-wrap gap-xs bg-white rounded-md px-xs py-xs\" aria-label=\"Activity type\">\r\n    @for (tab of tabs; track tab.id) {\r\n      <button\r\n        type=\"button\"\r\n        [class]=\"\r\n          activeTab() === tab.id\r\n            ? 'cursor-pointer rounded-full border-none bg-primary-50 px-base py-xs text-primary transition-colors'\r\n            : 'cursor-pointer rounded-full border-none bg-transparent px-base py-xs text-light transition-colors hover:bg-white hover:text-dark'\"\r\n        (click)=\"setTab(tab.id)\">\r\n        {{ tab.label }}\r\n      </button>\r\n    }\r\n  </nav>\r\n  </div>\r\n\r\n  @if (loadError()) {\r\n    <p class=\"fs-sm text-danger\" role=\"alert\">{{ loadError() }}</p>\r\n  } @else {\r\n    <div class=\"flex min-h-0 min-w-0 max-w-full flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\r\n      <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\r\n      @if (activeTab() === 'task_created') {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Tasks\">\r\n          <thead>\r\n            <tr>\r\n              <th>Priority</th>\r\n              <th>Task</th>\r\n              <th>Patient / Caller</th>\r\n              <th>Created date</th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-2.5 w-2.5 !rounded-sm\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-14\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-44\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative cursor-pointer\"\r\n                role=\"button\"\r\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\r\n                [attr.aria-label]=\"'View task: ' + taskTitle(item)\"\r\n                (click)=\"openTask(item)\"\r\n                (keyup.enter)=\"openTask(item)\"\r\n              >\r\n                <td>\r\n                  <div\r\n                    class=\"inline-flex items-center gap-xs text-dark\"\r\n                    [attr.data-tone]=\"priorityTone(item)\"\r\n                  >\r\n                    <span\r\n                      class=\"activities-page__priority-mark h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\r\n                      aria-hidden=\"true\"\r\n                    ></span>\r\n                    <span class=\"fs-sm capitalize\">{{ priorityLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <span\r\n                      class=\"inline-block min-w-0 max-w-72 truncate fs-sm font-semibold text-dark\"\r\n                      [smartTooltip]=\"taskTitle(item)\"\r\n                      [tooltipOnlyWhenTruncated]=\"true\"\r\n                    >{{ taskTitle(item) }}</span>\r\n                    <span\r\n                      class=\"inline-block min-w-0 max-w-72\"\r\n                      [smartTooltip]=\"categoryLabel(item)\"\r\n                      [tooltipOnlyWhenTruncated]=\"true\"\r\n                    >\r\n                      <ed-badge-2 variant=\"light\" pill uppercase class=\"max-w-full\">\r\n                        <span class=\"block truncate text-dark\">{{ categoryLabel(item) }}</span>\r\n                      </ed-badge-2>\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"/>\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown caller'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\">{{ item.patientName || 'Unknown caller' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\">{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td class=\"whitespace-nowrap fs-sm text-light\">{{ dueLabel(item) }}</td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"4\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      } @else if (activeTab() === 'appointment_booked') {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Appointments\">\r\n          <thead>\r\n            <tr>\r\n              <th>Date</th>\r\n              <th>Patient</th>\r\n              <th>Provider</th>\r\n              <th class=\"align-middle\">\r\n                <div class=\"flex w-full items-center justify-center\">Insurance</div>\r\n              </th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-24\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td class=\"align-middle\">\r\n                    <div class=\"flex w-full items-center justify-center\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative\"\r\n                [class.cursor-pointer]=\"!!item.callId\"\r\n                [attr.role]=\"item.callId ? 'button' : null\"\r\n                [attr.tabindex]=\"item.callId ? (i === 0 ? 0 : -1) : null\"\r\n                [attr.aria-label]=\"item.callId ? 'Open call history' : null\"\r\n                (click)=\"openCallHistory(item.callId, $event)\"\r\n                (keyup.enter)=\"openCallHistory(item.callId)\"\r\n              >\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <div class=\"flex flex-wrap items-center gap-2xs\">\r\n                      <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ appointmentTimeRange(item) }}</span>\r\n                      @if (durationLabel(item); as duration) {\r\n                        <span class=\"inline-flex h-5 items-center rounded bg-light px-2xs fs-xs font-medium text-dark\">\r\n                          {{ duration }}\r\n                        </span>\r\n                      }\r\n                    </div>\r\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\r\n                    <span class=\"fs-xs text-light\">{{ appointmentDayLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\r\n                    />\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown patient'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\"\r\n                      >{{ item.patientName || 'Unknown patient' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  @if (item.providerName) {\r\n                    <div class=\"flex min-w-0 items-center gap-xs\">\r\n                      <ed-avatar\r\n                        shape=\"circle\"\r\n                        size=\"base\"\r\n                        [initials]=\"providerInitials(item)\"\r\n                        [tone]=\"avatarTone(item.providerId || item.providerName, i + 3)\"\r\n                      />\r\n                      <div class=\"grid min-w-0 gap-2xs\">\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                          [smartTooltip]=\"item.providerName\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ item.providerName }}</span>\r\n                        @if (providerSpecialtyLabel(item); as specialty) {\r\n                          <span\r\n                            class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                            [smartTooltip]=\"specialty\"\r\n                            [tooltipOnlyWhenTruncated]=\"true\"\r\n                          >{{ specialty }}</span>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  } @else {\r\n                    <span class=\"fs-xs text-light\">No provider assigned</span>\r\n                  }\r\n                </td>\r\n                <td class=\"align-middle\">\r\n                  <div class=\"flex w-full items-center justify-center\">\r\n                    <span\r\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\r\n                      [attr.data-state]=\"insuranceState(item)\"\r\n                      [title]=\"insuranceTitle(item)\"\r\n                      [attr.aria-label]=\"insuranceLabel(item)\">\r\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"4\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      } @else {\r\n        <table class=\"table-default eds-sticky-table min-w-5xl w-full\" aria-label=\"Registrations\">\r\n          <thead>\r\n            <tr>\r\n              <th>Date</th>\r\n              <th>Name</th>\r\n              <th>MRN</th>\r\n              <th>Payer</th>\r\n              <th class=\"align-middle\">\r\n                <div class=\"flex w-full items-center justify-center\">Insurance</div>\r\n              </th>\r\n            </tr>\r\n          </thead>\r\n          @if (loading()) {\r\n            <tbody aria-busy=\"true\">\r\n              @for (_ of skeletonRows; track _) {\r\n                <tr>\r\n                  <td>\r\n                    <div class=\"grid gap-2xs py-2xs\">\r\n                      <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                      <ed-skeleton class=\"h-3 w-20\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"flex items-center gap-xs py-2xs\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-md\"></ed-skeleton>\r\n                      <div class=\"grid gap-2xs\">\r\n                        <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\r\n                        <ed-skeleton class=\"h-3 w-36\"></ed-skeleton>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\r\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\r\n                  <td class=\"align-middle\">\r\n                    <div class=\"flex w-full items-center justify-center\">\r\n                      <ed-skeleton class=\"h-8 w-8 !rounded-full\"></ed-skeleton>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          } @else {\r\n          <tbody>\r\n            @for (item of items(); track item.id; let i = $index) {\r\n              <tr\r\n                class=\"hover-parent relative cursor-pointer\"\r\n                role=\"button\"\r\n                [attr.tabindex]=\"i === 0 ? 0 : -1\"\r\n                [attr.aria-label]=\"'View patient: ' + (item.patientName || 'Unknown patient')\"\r\n                (click)=\"openPatient(item)\"\r\n                (keyup.enter)=\"openPatient(item)\">\r\n                <td>\r\n                  <div class=\"grid min-w-0 gap-2xs\">\r\n                    <span class=\"whitespace-nowrap fs-sm font-semibold text-dark\">{{ timestampLabel(item) }}</span>\r\n                    <span class=\"fs-sm text-light\">{{ categoryLabel(item) }}</span>\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div class=\"flex min-w-0 items-center gap-xs\">\r\n                    <ed-avatar\r\n                      shape=\"box\"\r\n                      size=\"base\"\r\n                      [initials]=\"patientInitials(item)\"\r\n                      [tone]=\"avatarTone(item.patientId || item.patientName || item.id, i)\"\r\n                    />\r\n                    <div class=\"grid min-w-0 gap-2xs\">\r\n                      <span\r\n                        class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\r\n                        [smartTooltip]=\"item.patientName || 'Unknown patient'\"\r\n                        [tooltipOnlyWhenTruncated]=\"true\"\r\n                      >{{ item.patientName || 'Unknown patient' }}</span>\r\n                      @if (patientMeta(item); as meta) {\r\n                        <span\r\n                          class=\"inline-block min-w-0 max-w-64 truncate fs-xs text-light\"\r\n                          [smartTooltip]=\"meta\"\r\n                          [tooltipOnlyWhenTruncated]=\"true\"\r\n                        >{{ meta }}</span>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n                <td class=\"fs-sm text-body\">{{ displayMrn(item) }}</td>\r\n                <td>\r\n                  @if (insuranceState(item) === 'covered') {\r\n                    <span class=\"fs-sm text-dark\">{{ item.insuranceName || 'Insured' }}</span>\r\n                  } @else {\r\n                    <span class=\"fs-sm text-dark\">Add Insurance</span>\r\n                  }\r\n                </td>\r\n                <td class=\"align-middle\">\r\n                  <div class=\"flex w-full items-center justify-center\">\r\n                    <span\r\n                      class=\"activities-page__insurance inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent\"\r\n                      [attr.data-state]=\"insuranceState(item)\"\r\n                      [title]=\"insuranceTitle(item)\"\r\n                      [attr.aria-label]=\"insuranceLabel(item)\"\r\n                    >\r\n                      <ed-icon [name]=\"insuranceIcon(item)\" [size]=\"18\" />\r\n                    </span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            } @empty {\r\n              <tr class=\"empty-row\">\r\n                <td colspan=\"5\" class=\"py-lg fs-sm text-light\">{{ emptyLabel() }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n          }\r\n        </table>\r\n      }\r\n      </div>\r\n\r\n    @if (!loading() && total() > pageSize) {\r\n      <footer class=\"mt-sm flex shrink-0 flex-wrap items-center justify-between gap-sm border-t border-light pt-sm\">\r\n        <span class=\"fs-sm text-light\">\r\n          Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\r\n        </span>\r\n        <div class=\"flex gap-xs\">\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"page() <= 1\"\r\n            (click$)=\"prevPage()\"\r\n          >\r\n            Previous\r\n          </ed-button>\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"page() >= totalPages()\"\r\n            (click$)=\"nextPage()\"\r\n          >\r\n            Next\r\n          </ed-button>\r\n        </div>\r\n      </footer>\r\n    }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n@if (selectedTask(); as task) {\r\n  <eds-task-detail-drawer\r\n    [task]=\"task\"\r\n    (closed)=\"closeTaskDrawer()\"\r\n    (statusChange)=\"onTaskStatusChange($event)\"\r\n  />\r\n}\r\n\r\n@if (selectedPatient(); as patient) {\r\n  <eds-patient-profile-drawer\r\n    [patient]=\"patient\"\r\n    (closed)=\"closePatientDrawer()\"\r\n  />\r\n}\r\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-W_1bE_i2.mjs.map