@edvak99/voice-receptionist-widget 1.1.13 → 1.1.15

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-C1YznNYs.mjs

@@ -0,0 +1,150 @@
+import { DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { A as AiReceptionistApiService, m as DEFAULT_PAGE_SIZE, n as totalPages, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dtc9wTzh.mjs';
+import { a as TASK_TYPE_OPTIONS, t as taskStatusLabel, b as taskStatusTone, c as taskPriorityTone, d as taskSourceLabel, e as taskTypeTone, f as taskCallRoute, T as TaskDetailDrawerComponent } from './edvak99-voice-receptionist-widget-task-detail-drawer.component-Bhl6t6Y3.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-ChEdIem3.mjs';
+import { T as TABLE_SKELETON_ROWS } from './edvak99-voice-receptionist-widget-table-skeleton.constants-C1Dg9Z_2.mjs';
+
+class TasksPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.route = inject(ActivatedRoute);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.tasks = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.skeletonRows = TABLE_SKELETON_ROWS;
+        this.selectedTask = signal(null);
+        /** Default to Open so staff see actionable work; Done tab for completed. */
+        this.statusFilter = signal('open');
+        this.typeFilter = signal('');
+        this.sourceFilter = signal('');
+        this.callIdFilter = signal('');
+        this.statusTabs = [
+            { id: 'open', label: 'Open' },
+            { id: 'in_progress', label: 'In progress' },
+            { id: 'done', label: 'Done' },
+            { id: '', label: 'All' },
+        ];
+        this.typeOptions = TASK_TYPE_OPTIONS;
+        this.taskStatusLabel = taskStatusLabel;
+        this.taskStatusTone = taskStatusTone;
+        this.taskPriorityTone = taskPriorityTone;
+        this.taskSourceLabel = taskSourceLabel;
+        this.taskTypeTone = taskTypeTone;
+        this.taskCallRoute = taskCallRoute;
+        this.hasActiveFilters = computed(() => !!this.typeFilter() ||
+            !!this.sourceFilter() ||
+            !!this.callIdFilter());
+    }
+    ngOnInit() {
+        const callId = this.route.snapshot.queryParamMap.get('callId') ?? '';
+        if (callId)
+            this.callIdFilter.set(callId);
+        this.load();
+    }
+    setStatusFilter(value) {
+        this.statusFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setTypeFilter(value) {
+        this.typeFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setSourceFilter(value) {
+        this.sourceFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    setCallIdFilter(value) {
+        this.callIdFilter.set(value);
+        this.page.set(1);
+        this.load();
+    }
+    clearFilters() {
+        this.statusFilter.set('open');
+        this.typeFilter.set('');
+        this.sourceFilter.set('');
+        this.callIdFilter.set('');
+        this.page.set(1);
+        this.load();
+    }
+    openTask(task) {
+        this.selectedTask.set(task);
+    }
+    closeDrawer() {
+        this.selectedTask.set(null);
+    }
+    onStatusChange(status) {
+        const task = this.selectedTask();
+        if (!task)
+            return;
+        this.api.patchTask(task.id, status).subscribe(({ data }) => {
+            if (data) {
+                this.selectedTask.set(data);
+                // Refresh list so Open/Done tabs stay accurate after status change.
+                this.load();
+            }
+        });
+    }
+    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();
+    }
+    load() {
+        this.loading.set(true);
+        const filters = {
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        };
+        if (this.statusFilter())
+            filters.status = this.statusFilter();
+        if (this.typeFilter())
+            filters.type = this.typeFilter();
+        if (this.sourceFilter())
+            filters.source = this.sourceFilter();
+        if (this.callIdFilter().trim())
+            filters.callId = this.callIdFilter().trim();
+        this.api.getTasks(filters).subscribe({
+            next: ({ items, total, page }) => {
+                this.tasks.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TasksPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TasksPageComponent, isStandalone: true, selector: "eds-tasks-page", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div>\n      <h4>Tasks & follow-ups</h4>\n      <p class=\"fs-sm text-light\">Action items from calls \u2014 all types, not just refills</p>\n    </div>\n  </header>\n\n  <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\n    @for (tab of statusTabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          statusFilter() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\n        \"\n        (click)=\"setStatusFilter(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\n    <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\n      <div class=\"mb-sm\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"form-select min-w-36\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"form-select min-w-36\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          class=\"form-input\"\n          type=\"text\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        />\n      </div>\n      @if (hasActiveFilters()) {\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\n          (click)=\"clearFilters()\"\n        >\n          Clear filters\n        </button>\n      }\n    </div>\n\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n      <table class=\"table-default relative min-w-3xl w-full\">\n          <thead class=\"sticky top-0 z-[1] bg-light\">\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          @if (loading()) {\n            <tbody aria-busy=\"true\">\n              @for (_ of skeletonRows; track _) {\n                <tr>\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\n                </tr>\n              }\n            </tbody>\n          } @else {\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\n                <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\n                    [smartTooltip]=\"task.title\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.title }}</span>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate\"\n                    [smartTooltip]=\"task.patient\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.patient }}</span>\n                </td>\n                <td>\n                  <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </ed-badge-2>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\n                <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a\n                      [routerLink]=\"taskCallRoute(task.callId)\"\n                      class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n                    >{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"text-zinc-500\">\u2014</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"fs-sm text-light p-8 text-center\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n          }\n        </table>\n      </div>\n\n    <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\n      <div class=\"flex gap-2\">\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\n      </div>\n    </footer>\n  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}\n", dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: TaskDetailDrawerComponent, selector: "eds-task-detail-drawer", inputs: ["task"], outputs: ["closed", "statusChange"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TasksPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-tasks-page', imports: [
+                        DatePipe,
+                        RouterLink,
+                        EdButtonComponent,
+                        TaskDetailDrawerComponent,
+                        SmartTooltipDirective,
+                        EdSkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block h-full min-h-0' }, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div>\n      <h4>Tasks & follow-ups</h4>\n      <p class=\"fs-sm text-light\">Action items from calls \u2014 all types, not just refills</p>\n    </div>\n  </header>\n\n  <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\n    @for (tab of statusTabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          statusFilter() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\n        \"\n        (click)=\"setStatusFilter(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\n    <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\n      <div class=\"mb-sm\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"form-select min-w-36\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"form-select min-w-36\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          class=\"form-input\"\n          type=\"text\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        />\n      </div>\n      @if (hasActiveFilters()) {\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\n          (click)=\"clearFilters()\"\n        >\n          Clear filters\n        </button>\n      }\n    </div>\n\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n      <table class=\"table-default relative min-w-3xl w-full\">\n          <thead class=\"sticky top-0 z-[1] bg-light\">\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          @if (loading()) {\n            <tbody aria-busy=\"true\">\n              @for (_ of skeletonRows; track _) {\n                <tr>\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\n                </tr>\n              }\n            </tbody>\n          } @else {\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\n                <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\n                    [smartTooltip]=\"task.title\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.title }}</span>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate\"\n                    [smartTooltip]=\"task.patient\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.patient }}</span>\n                </td>\n                <td>\n                  <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </ed-badge-2>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\n                <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a\n                      [routerLink]=\"taskCallRoute(task.callId)\"\n                      class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n                    >{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"text-zinc-500\">\u2014</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"fs-sm text-light p-8 text-center\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n          }\n        </table>\n      </div>\n\n    <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\n      <span>Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total</span>\n      <div class=\"flex gap-2\">\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\n      </div>\n    </footer>\n  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}\n" }]
+        }] });
+
+export { TasksPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-tasks-page.component-C1YznNYs.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-tasks-page.component-C1YznNYs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-tasks-page.component-C1YznNYs.mjs","sources":["../../../src/lib/pages/tasks-page/tasks-page.component.ts","../../../src/lib/pages/tasks-page/tasks-page.component.html"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\n\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { TaskDetailDrawerComponent } from '../../components/task-detail-drawer/task-detail-drawer.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport {\n  TaskFilters,\n  TaskItem,\n  TaskSource,\n  TaskStatus,\n} from '../../models/ai-receptionist.types';\nimport { DEFAULT_PAGE_SIZE, totalPages as calcTotalPages } from '../../models/pagination';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport {\n  TASK_TYPE_OPTIONS,\n  taskCallRoute,\n  taskPriorityTone,\n  taskSourceLabel,\n  taskStatusLabel,\n  taskStatusTone,\n  taskTypeTone,\n} from '../../utils/task.util';\n\n@Component({\n  selector: 'eds-tasks-page',\n  imports: [\n    DatePipe,\n    RouterLink,\n    EdButtonComponent,\n    TaskDetailDrawerComponent,\n    SmartTooltipDirective,\n    EdSkeletonComponent,\n  ],\n  templateUrl: './tasks-page.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'block h-full min-h-0' },\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class TasksPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly pageSize = DEFAULT_PAGE_SIZE;\n  protected readonly tasks = signal<TaskItem[]>([]);\n  protected readonly total = signal(0);\n  protected readonly page = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n  protected readonly selectedTask = signal<TaskItem | null>(null);\n\n  /** Default to Open so staff see actionable work; Done tab for completed. */\n  protected readonly statusFilter = signal<'' | TaskStatus>('open');\n  protected readonly typeFilter = signal('');\n  protected readonly sourceFilter = signal<'' | TaskSource>('');\n  protected readonly callIdFilter = signal('');\n\n  protected readonly statusTabs: { id: '' | TaskStatus; label: string }[] = [\n    { id: 'open', label: 'Open' },\n    { id: 'in_progress', label: 'In progress' },\n    { id: 'done', label: 'Done' },\n    { id: '', label: 'All' },\n  ];\n\n  protected readonly typeOptions = TASK_TYPE_OPTIONS;\n  protected readonly taskStatusLabel = taskStatusLabel;\n  protected readonly taskStatusTone = taskStatusTone;\n  protected readonly taskPriorityTone = taskPriorityTone;\n  protected readonly taskSourceLabel = taskSourceLabel;\n  protected readonly taskTypeTone = taskTypeTone;\n  protected readonly taskCallRoute = taskCallRoute;\n\n  protected readonly hasActiveFilters = computed(\n    () =>\n      !!this.typeFilter() ||\n      !!this.sourceFilter() ||\n      !!this.callIdFilter(),\n  );\n\n  ngOnInit(): void {\n    const callId = this.route.snapshot.queryParamMap.get('callId') ?? '';\n    if (callId) this.callIdFilter.set(callId);\n    this.load();\n  }\n\n  protected setStatusFilter(value: string): void {\n    this.statusFilter.set(value as '' | TaskStatus);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setTypeFilter(value: string): void {\n    this.typeFilter.set(value);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setSourceFilter(value: string): void {\n    this.sourceFilter.set(value as '' | TaskSource);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected setCallIdFilter(value: string): void {\n    this.callIdFilter.set(value);\n    this.page.set(1);\n    this.load();\n  }\n\n  protected clearFilters(): void {\n    this.statusFilter.set('open');\n    this.typeFilter.set('');\n    this.sourceFilter.set('');\n    this.callIdFilter.set('');\n    this.page.set(1);\n    this.load();\n  }\n\n  protected openTask(task: TaskItem): void {\n    this.selectedTask.set(task);\n  }\n\n  protected closeDrawer(): void {\n    this.selectedTask.set(null);\n  }\n\n  protected onStatusChange(status: TaskStatus): void {\n    const task = this.selectedTask();\n    if (!task) return;\n    this.api.patchTask(task.id, status).subscribe(({ data }) => {\n      if (data) {\n        this.selectedTask.set(data);\n        // Refresh list so Open/Done tabs stay accurate after status change.\n        this.load();\n      }\n    });\n  }\n\n  protected totalPages(): number {\n    return calcTotalPages(this.total(), DEFAULT_PAGE_SIZE);\n  }\n\n  protected prevPage(): void {\n    if (this.page() <= 1) return;\n    this.page.update((p) => p - 1);\n    this.load();\n  }\n\n  protected nextPage(): void {\n    if (this.page() >= this.totalPages()) return;\n    this.page.update((p) => p + 1);\n    this.load();\n  }\n\n  private load(): void {\n    this.loading.set(true);\n    const filters: TaskFilters = {\n      page: this.page(),\n      limit: DEFAULT_PAGE_SIZE,\n    };\n    if (this.statusFilter()) filters.status = this.statusFilter() as TaskStatus;\n    if (this.typeFilter()) filters.type = this.typeFilter();\n    if (this.sourceFilter()) filters.source = this.sourceFilter() as TaskSource;\n    if (this.callIdFilter().trim()) filters.callId = this.callIdFilter().trim();\n\n    this.api.getTasks(filters).subscribe({\n      next: ({ items, total, page }) => {\n        this.tasks.set(items);\n        this.total.set(total);\n        this.page.set(page);\n        this.loading.set(false);\n      },\n      error: () => this.loading.set(false),\n    });\n  }\n}\n","<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base tasks-page\">\n  <header class=\"mb-base flex shrink-0 items-start justify-between gap-base\">\n    <div>\n      <h4>Tasks & follow-ups</h4>\n      <p class=\"fs-sm text-light\">Action items from calls — all types, not just refills</p>\n    </div>\n  </header>\n\n  <nav class=\"mb-4 flex flex-wrap gap-2\" aria-label=\"Task status\">\n    @for (tab of statusTabs; track tab.id) {\n      <button\n        type=\"button\"\n        [class]=\"\n          statusFilter() === tab.id\n            ? 'cursor-pointer rounded-full border-none bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors'\n            : 'cursor-pointer rounded-full border-none bg-transparent px-4 py-2 text-sm font-medium text-zinc-500 transition-colors hover:bg-white hover:text-zinc-700'\n        \"\n        (click)=\"setStatusFilter(tab.id)\"\n      >\n        {{ tab.label }}\n      </button>\n    }\n  </nav>\n\n  <section class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-base bg-white shadow-sm\">\n    <div class=\"flex flex-wrap items-end gap-4 border-b border-zinc-200 px-6 py-4 max-[920px]:px-4 max-[920px]:py-4\">\n      <div class=\"mb-sm\">\n        <label for=\"task-type\">Type</label>\n        <select\n          id=\"task-type\"\n          class=\"form-select min-w-36\"\n          [value]=\"typeFilter()\"\n          (change)=\"setTypeFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All types</option>\n          @for (t of typeOptions; track t) {\n            <option [value]=\"t\">{{ t }}</option>\n          }\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-source\">Source</label>\n        <select\n          id=\"task-source\"\n          class=\"form-select min-w-36\"\n          [value]=\"sourceFilter()\"\n          (change)=\"setSourceFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        >\n          <option value=\"\">All sources</option>\n          <option value=\"voice\">Voice</option>\n          <option value=\"sync\">Sync</option>\n          <option value=\"manual\">Manual</option>\n        </select>\n      </div>\n      <div class=\"mb-sm\">\n        <label for=\"task-call\">Call ID</label>\n        <input\n          id=\"task-call\"\n          class=\"form-input\"\n          type=\"text\"\n          [value]=\"callIdFilter()\"\n          placeholder=\"Filter by call\"\n          (change)=\"setCallIdFilter($any($event.target).value)\"\n          autocomplete=\"off\"\n        />\n      </div>\n      @if (hasActiveFilters()) {\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-blue-600 hover:underline\"\n          (click)=\"clearFilters()\"\n        >\n          Clear filters\n        </button>\n      }\n    </div>\n\n    <div class=\"min-h-0 min-w-0 flex-1 overflow-auto\">\n      <table class=\"table-default relative min-w-3xl w-full\">\n          <thead class=\"sticky top-0 z-[1] bg-light\">\n            <tr>\n              <th>Created</th>\n              <th>Title</th>\n              <th>Type</th>\n              <th>Patient</th>\n              <th>Priority</th>\n              <th>Status</th>\n              <th>Source</th>\n              <th>Call</th>\n            </tr>\n          </thead>\n          @if (loading()) {\n            <tbody aria-busy=\"true\">\n              @for (_ of skeletonRows; track _) {\n                <tr>\n                  <td><ed-skeleton class=\"h-3 w-24\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-28\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-16\"></ed-skeleton></td>\n                  <td><ed-skeleton class=\"h-3 w-20\"></ed-skeleton></td>\n                </tr>\n              }\n            </tbody>\n          } @else {\n          <tbody>\n            @for (task of tasks(); track task.id) {\n              <tr tabindex=\"0\" (click)=\"openTask(task)\" (keyup.enter)=\"openTask(task)\">\n                <td class=\"fs-sm text-light\">{{ task.created | date: 'MM/dd/yy, h:mm a' }}</td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-72 truncate font-medium text-dark\"\n                    [smartTooltip]=\"task.title\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.title }}</span>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskTypeTone(task.type)\">{{ task.type }}</ed-badge-2></td>\n                <td>\n                  <span\n                    class=\"inline-block min-w-0 max-w-56 truncate\"\n                    [smartTooltip]=\"task.patient\"\n                    [tooltipOnlyWhenTruncated]=\"true\"\n                  >{{ task.patient }}</span>\n                </td>\n                <td>\n                  <ed-badge-2 [attr.variant]=\"taskPriorityTone(task.priority)\">\n                    {{ task.priority === 'urgent' ? 'Urgent' : 'Normal' }}\n                  </ed-badge-2>\n                </td>\n                <td><ed-badge-2 [attr.variant]=\"taskStatusTone(task.status)\">{{ taskStatusLabel(task.status) }}</ed-badge-2></td>\n                <td class=\"fs-sm text-light\">{{ taskSourceLabel(task.source) }}</td>\n                <td (click)=\"$event.stopPropagation()\">\n                  @if (task.callId) {\n                    <a\n                      [routerLink]=\"taskCallRoute(task.callId)\"\n                      class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n                    >{{ task.callId }}</a>\n                  } @else {\n                    <span class=\"text-zinc-500\">—</span>\n                  }\n                </td>\n              </tr>\n            } @empty {\n              <tr>\n                <td colspan=\"8\" class=\"fs-sm text-light p-8 text-center\">No tasks match these filters.</td>\n              </tr>\n            }\n          </tbody>\n          }\n        </table>\n      </div>\n\n    <footer class=\"flex items-center justify-between border-t border-zinc-200 px-6 py-4 text-sm text-zinc-500\">\n      <span>Page {{ page() }} of {{ totalPages() }} · {{ total() }} total</span>\n      <div class=\"flex gap-2\">\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() <= 1\" (click$)=\"prevPage()\">Previous</ed-button>\n        <ed-button variant=\"secondary\" outline size=\"sm\" [disabled]=\"page() >= totalPages()\" (click$)=\"nextPage()\">Next</ed-button>\n      </div>\n    </footer>\n  </section>\n</div>\n\n@if (selectedTask(); as task) {\n  <eds-task-detail-drawer\n    [task]=\"task\"\n    (closed)=\"closeDrawer()\"\n    (statusChange)=\"onStatusChange($event)\"\n  />\n}\n"],"names":["calcTotalPages"],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget-wizard-page.component-D9ToAsfM.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AiReceptionistApiService, I as IconComponent, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dtc9wTzh.mjs';
+
+class WizardPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.setup = signal(null);
+        this.activeStep = signal(1);
+        this.loading = signal(true);
+        this.activated = signal(false);
+        this.stepSkeletonRows = [0, 1, 2, 3, 4];
+        this.transcriptSkeletonRows = [0, 1, 2];
+        this.completedCount = computed(() => {
+            return this.setup()?.steps.filter((s) => s.complete).length ?? 0;
+        });
+    }
+    ngOnInit() {
+        this.api.getSetup().subscribe(({ data }) => {
+            this.setup.set(data);
+            const firstIncomplete = data.steps.find((s) => !s.complete);
+            this.activeStep.set(firstIncomplete?.id ?? 1);
+            this.loading.set(false);
+        });
+    }
+    selectStep(step) {
+        this.activeStep.set(step.id);
+    }
+    progressPercent() {
+        return this.setup()?.readiness ?? 0;
+    }
+    activate() {
+        this.api.activateSetup().subscribe(() => {
+            this.api.setAgentOn(true);
+            this.activated.set(true);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WizardPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: WizardPageComponent, isStandalone: true, selector: "eds-wizard-page", ngImport: i0, template: "<div class=\"p-md bg-lighter min-h-full wizard-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-5\">\n    <div>\n      <h4>Setup wizard</h4>\n      <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"flex min-w-52 flex-col items-end gap-2\">\n      <span class=\"fs-sm font-semibold text-light\">Readiness</span>\n      <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\n        <span\n          class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\n          [style.width.%]=\"progressPercent()\"\n        ></span>\n      </div>\n      <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <div class=\"wizard-page__layout\" aria-busy=\"true\">\n      <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (_ of stepSkeletonRows; track _) {\n          <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\n            <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\n            <div class=\"grid flex-1 gap-2xs\">\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n            </div>\n          </div>\n        }\n      </nav>\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-3\">\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\n          <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\n        </header>\n        <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\n          @for (_ of transcriptSkeletonRows; track _) {\n            <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\n              <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\n            </div>\n          }\n        </section>\n      </article>\n    </div>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\n              @if (step.complete) {\n                <ed-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div class=\"flex flex-col gap-1\">\n              <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\n              <span class=\"fs-sm text-light\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"mb-3 flex items-center justify-between gap-3\">\n              <h2>Step {{ step.id }}: {{ step.title }}</h2>\n              <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </ed-badge-2>\n            </header>\n            <p class=\"fs-base text-dark\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <h3>Test transcript preview</h3>\n          <div class=\"mt-3 flex flex-col gap-3\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\n                <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\n                <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\n          <p class=\"fs-sm text-light\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\n          } @else {\n            <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\n              <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\n            </ed-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__steps{max-height:600px}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__step--active{background:#2563eb1a;outline:1px solid rgba(37,99,235,.25)}.wizard-page__step--done .wizard-page__step-num{background:#22c55e;color:#fff}.wizard-page__line[data-who=ai]{border-left:3px solid #2563eb}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"], dependencies: [{ 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: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WizardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-wizard-page', imports: [IconComponent, EdButtonComponent, EdSkeletonComponent], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"p-md bg-lighter min-h-full wizard-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-5\">\n    <div>\n      <h4>Setup wizard</h4>\n      <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"flex min-w-52 flex-col items-end gap-2\">\n      <span class=\"fs-sm font-semibold text-light\">Readiness</span>\n      <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\n        <span\n          class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\n          [style.width.%]=\"progressPercent()\"\n        ></span>\n      </div>\n      <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <div class=\"wizard-page__layout\" aria-busy=\"true\">\n      <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (_ of stepSkeletonRows; track _) {\n          <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\n            <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\n            <div class=\"grid flex-1 gap-2xs\">\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n            </div>\n          </div>\n        }\n      </nav>\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-3\">\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\n          <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\n        </header>\n        <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\n          @for (_ of transcriptSkeletonRows; track _) {\n            <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\n              <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\n            </div>\n          }\n        </section>\n      </article>\n    </div>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\n              @if (step.complete) {\n                <ed-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div class=\"flex flex-col gap-1\">\n              <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\n              <span class=\"fs-sm text-light\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"mb-3 flex items-center justify-between gap-3\">\n              <h2>Step {{ step.id }}: {{ step.title }}</h2>\n              <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </ed-badge-2>\n            </header>\n            <p class=\"fs-base text-dark\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <h3>Test transcript preview</h3>\n          <div class=\"mt-3 flex flex-col gap-3\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\n                <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\n                <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\n          <p class=\"fs-sm text-light\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\n          } @else {\n            <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\n              <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\n            </ed-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n", styles: [".wizard-page__steps{max-height:600px}.wizard-page__layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.wizard-page__step--active{background:#2563eb1a;outline:1px solid rgba(37,99,235,.25)}.wizard-page__step--done .wizard-page__step-num{background:#22c55e;color:#fff}.wizard-page__line[data-who=ai]{border-left:3px solid #2563eb}@media(max-width:900px){.wizard-page__layout{grid-template-columns:1fr}}\n"] }]
+        }] });
+
+export { WizardPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-D9ToAsfM.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-wizard-page.component-D9ToAsfM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-D9ToAsfM.mjs","sources":["../../../src/lib/pages/wizard-page/wizard-page.component.ts","../../../src/lib/pages/wizard-page/wizard-page.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, OnInit, signal } from '@angular/core';\n\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SetupData, SetupStep } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\n@Component({\n    selector: 'eds-wizard-page',\n    imports: [IconComponent, EdButtonComponent, EdSkeletonComponent],\n    templateUrl: './wizard-page.component.html',\n    styleUrl: './wizard-page.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class WizardPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  protected readonly setup = signal<SetupData | null>(null);\n  protected readonly activeStep = signal(1);\n  protected readonly loading = signal(true);\n  protected readonly activated = signal(false);\n  protected readonly stepSkeletonRows = [0, 1, 2, 3, 4] as const;\n  protected readonly transcriptSkeletonRows = [0, 1, 2] as const;\n\n  protected readonly completedCount = computed(() => {\n    return this.setup()?.steps.filter((s) => s.complete).length ?? 0;\n  });\n\n  ngOnInit(): void {\n    this.api.getSetup().subscribe(({ data }) => {\n      this.setup.set(data);\n      const firstIncomplete = data.steps.find((s) => !s.complete);\n      this.activeStep.set(firstIncomplete?.id ?? 1);\n      this.loading.set(false);\n    });\n  }\n\n  protected selectStep(step: SetupStep): void {\n    this.activeStep.set(step.id);\n  }\n\n  protected progressPercent(): number {\n    return this.setup()?.readiness ?? 0;\n  }\n\n  protected activate(): void {\n    this.api.activateSetup().subscribe(() => {\n      this.api.setAgentOn(true);\n      this.activated.set(true);\n    });\n  }\n}\n","<div class=\"p-md bg-lighter min-h-full wizard-page\">\n  <header class=\"mb-5 flex items-start justify-between gap-5\">\n    <div>\n      <h4>Setup wizard</h4>\n      <p class=\"fs-sm text-light\">Configure and activate your AI receptionist</p>\n    </div>\n    <div class=\"flex min-w-52 flex-col items-end gap-2\">\n      <span class=\"fs-sm font-semibold text-light\">Readiness</span>\n      <div class=\"h-2 w-52 overflow-hidden rounded bg-zinc-100\">\n        <span\n          class=\"block h-full rounded bg-gradient-to-r from-blue-600 to-violet-600 transition-[width] duration-300 ease-in-out\"\n          [style.width.%]=\"progressPercent()\"\n        ></span>\n      </div>\n      <span class=\"fs-sm font-semibold text-dark\">{{ progressPercent() }}%</span>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <div class=\"wizard-page__layout\" aria-busy=\"true\">\n      <nav class=\"rounded-lg border border-base bg-white flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (_ of stepSkeletonRows; track _) {\n          <div class=\"flex w-full items-start gap-3 rounded-md p-3\">\n            <ed-skeleton class=\"h-7 w-7 !rounded-full\"></ed-skeleton>\n            <div class=\"grid flex-1 gap-2xs\">\n              <ed-skeleton class=\"h-3 w-28\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\n            </div>\n          </div>\n        }\n      </nav>\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        <header class=\"mb-3 flex items-center justify-between gap-3\">\n          <ed-skeleton class=\"h-6 w-48\"></ed-skeleton>\n          <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\n        </header>\n        <ed-skeleton class=\"mb-6 h-4 w-72\"></ed-skeleton>\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <ed-skeleton class=\"mb-3 h-5 w-40\"></ed-skeleton>\n          @for (_ of transcriptSkeletonRows; track _) {\n            <div class=\"mb-3 rounded-md bg-zinc-50 px-3 py-3\">\n              <ed-skeleton class=\"mb-1 h-3 w-16\"></ed-skeleton>\n              <ed-skeleton class=\"h-3 w-full\"></ed-skeleton>\n            </div>\n          }\n        </section>\n      </article>\n    </div>\n  } @else if (setup()) {\n    <div class=\"wizard-page__layout\">\n      <nav class=\"rounded-lg border border-base bg-white wizard-page__steps flex flex-col gap-1 overflow-y-auto p-2 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          <button\n            type=\"button\"\n            class=\"wizard-page__step flex w-full cursor-pointer items-start gap-3 rounded-md border-none bg-transparent p-3 text-left hover:bg-zinc-50\"\n            [class.wizard-page__step--active]=\"activeStep() === step.id\"\n            [class.wizard-page__step--done]=\"step.complete\"\n            (click)=\"selectStep(step)\"\n          >\n            <span class=\"wizard-page__step-num flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-zinc-100 text-xs font-semibold\">\n              @if (step.complete) {\n                <ed-icon name=\"check\" [size]=\"16\" />\n              } @else {\n                {{ step.id }}\n              }\n            </span>\n            <div class=\"flex flex-col gap-1\">\n              <span class=\"fs-sm font-semibold text-dark\">{{ step.title }}</span>\n              <span class=\"fs-sm text-light\">{{ step.description }}</span>\n            </div>\n          </button>\n        }\n      </nav>\n\n      <article class=\"rounded-lg border border-base bg-white p-5 shadow-sm\">\n        @for (step of setup()!.steps; track step.id) {\n          @if (activeStep() === step.id) {\n            <header class=\"mb-3 flex items-center justify-between gap-3\">\n              <h2>Step {{ step.id }}: {{ step.title }}</h2>\n              <ed-badge-2 [attr.variant]=\"step.complete ? 'success' : 'warning'\">\n                {{ step.complete ? 'Complete' : 'Incomplete' }}\n              </ed-badge-2>\n            </header>\n            <p class=\"fs-base text-dark\">{{ step.description }}</p>\n          }\n        }\n\n        <section class=\"mt-6 border-t border-zinc-200 pt-5\">\n          <h3>Test transcript preview</h3>\n          <div class=\"mt-3 flex flex-col gap-3\">\n            @for (line of setup()!.testTranscript; track $index) {\n              <div class=\"wizard-page__line rounded-md bg-zinc-50 px-3 py-3\" [attr.data-who]=\"line.who\">\n                <span class=\"fs-sm font-semibold text-light\">{{ line.who }}</span>\n                <p class=\"m-0 mt-1 text-sm\">{{ line.text }}</p>\n              </div>\n            }\n          </div>\n        </section>\n\n        <footer class=\"mt-6 flex items-center justify-between border-t border-zinc-200 pt-4\">\n          <p class=\"fs-sm text-light\">\n            {{ completedCount() }} of {{ setup()!.steps.length }} steps complete\n          </p>\n          @if (activated()) {\n            <ed-badge-2 variant=\"success\">Agent activated</ed-badge-2>\n          } @else {\n            <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"activate()\">\n              <ed-icon slot=\"prefix\" name=\"rocket_launch\" [size]=\"16\" /> Activate AI receptionist\n            </ed-button>\n          }\n        </footer>\n      </article>\n    </div>\n  }\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/edvak99-voice-receptionist-widget.mjs

@@ -1,2 +1,2 @@
-export { u as EdsAppShellComponent, l as EdsBadgeComponent, E as EdsButtonComponent, d as EdsIconComponent, v as EdsRouteProgressComponent, w as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, x as VOICE_RECEPTIONIST_FEATURE_ROUTES, y as VOICE_RECEPTIONIST_ROUTES, o as VOICE_RECEPTIONIST_SESSION, z as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs';
+export { E as EdAvatarComponent, I as EdIconComponent, v as EdsAppShellComponent, w as EdsBadgeComponent, x as EdsButtonComponent, y as EdsRouteProgressComponent, I as IconComponent, z as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, B as VOICE_RECEPTIONIST_FEATURE_ROUTES, C as VOICE_RECEPTIONIST_ROUTES, F as VOICE_RECEPTIONIST_SESSION, G as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dtc9wTzh.mjs';
 //# sourceMappingURL=edvak99-voice-receptionist-widget.mjs.map

package/lib/components/agent-settings-drawer/agent-settings-drawer.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class AgentSettingsDrawerComponent {
+    private readonly drawer;
+    private readonly settingsForm;
+    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    protected close(): void;
+    protected onBackdropClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgentSettingsDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgentSettingsDrawerComponent, "eds-agent-settings-drawer", never, {}, {}, never, never, true, never>;
+}

package/lib/components/call-tasks-panel/call-tasks-panel.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit } from '@angular/core';
+import { BadgeTone } from '../../ui/eds-badge.component';
 import { AgentActivity, activityTypeLabel } from '../../models/agent-activity.types';
 import * as i0 from "@angular/core";
 export declare class CallTasksPanelComponent implements OnInit {
@@ -8,12 +9,13 @@ export declare class CallTasksPanelComponent implements OnInit {
     protected readonly activities: import("@angular/core").WritableSignal<AgentActivity[]>;
     protected readonly total: import("@angular/core").WritableSignal<number>;
     protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly listSkeletonRows: readonly [0, 1, 2];
     protected readonly previewLimit = 4;
     protected readonly activityTypeLabel: typeof activityTypeLabel;
     protected readonly previewActivities: import("@angular/core").Signal<AgentActivity[]>;
     ngOnInit(): void;
     protected activitySubline(item: AgentActivity): string;
-    protected activityTone(type: string): 'brand' | 'pos' | 'notice' | 'violet' | 'gray';
+    protected activityTone(type: string): BadgeTone;
     static ɵfac: i0.ɵɵFactoryDeclaration<CallTasksPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CallTasksPanelComponent, "eds-call-tasks-panel", never, { "callId": { "alias": "callId"; "required": true; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/live-transcript-panel/live-transcript-panel.component.d.ts

@@ -6,6 +6,10 @@ export declare class LiveTranscriptPanelComponent implements AfterViewChecked {
     readonly paused: import("@angular/core").InputSignal<boolean>;
     readonly humanTakeover: import("@angular/core").InputSignal<boolean>;
     readonly showStaffInput: import("@angular/core").InputSignal<boolean>;
+    /** Co-Pilot chips + purple send control (Figma live monitor). */
+    readonly showCopilot: import("@angular/core").InputSignal<boolean>;
+    /** Call start ms for the Recording timer pill. */
+    readonly callStarted: import("@angular/core").InputSignal<number | null>;
     readonly staffMessage: import("@angular/core").InputSignal<string>;
     /** Resolved patient display name from the live call. */
     readonly callerName: import("@angular/core").InputSignal<string | null>;
@@ -22,6 +26,7 @@ export declare class LiveTranscriptPanelComponent implements AfterViewChecked {
     protected readonly connected: import("@angular/core").WritableSignal<boolean>;
     protected readonly error: import("@angular/core").WritableSignal<string | null>;
     protected readonly callerLabel: import("@angular/core").Signal<string>;
+    protected readonly copilotChips: readonly ["Ask for MRN", "Create Task: Follow Up", "Ask for full Name & DOB", "Verify Phone Number"];
     private shouldScroll;
     constructor();
     ngAfterViewChecked(): void;
@@ -29,8 +34,9 @@ export declare class LiveTranscriptPanelComponent implements AfterViewChecked {
     protected speakerIcon(who: TranscriptWho): string;
     protected systemIcon(flag?: string): string;
     protected onStaffInput(value: string): void;
+    protected onChipClick(chip: string): void;
     protected onSend(): void;
     private requestScroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<LiveTranscriptPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LiveTranscriptPanelComponent, "eds-live-transcript-panel", never, { "live": { "alias": "live"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; "humanTakeover": { "alias": "humanTakeover"; "required": false; "isSignal": true; }; "showStaffInput": { "alias": "showStaffInput"; "required": false; "isSignal": true; }; "staffMessage": { "alias": "staffMessage"; "required": false; "isSignal": true; }; "callerName": { "alias": "callerName"; "required": false; "isSignal": true; }; "callerMatched": { "alias": "callerMatched"; "required": false; "isSignal": true; }; }, { "staffMessageChange": "staffMessageChange"; "sendMessage": "sendMessage"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LiveTranscriptPanelComponent, "eds-live-transcript-panel", never, { "live": { "alias": "live"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; "humanTakeover": { "alias": "humanTakeover"; "required": false; "isSignal": true; }; "showStaffInput": { "alias": "showStaffInput"; "required": false; "isSignal": true; }; "showCopilot": { "alias": "showCopilot"; "required": false; "isSignal": true; }; "callStarted": { "alias": "callStarted"; "required": false; "isSignal": true; }; "staffMessage": { "alias": "staffMessage"; "required": false; "isSignal": true; }; "callerName": { "alias": "callerName"; "required": false; "isSignal": true; }; "callerMatched": { "alias": "callerMatched"; "required": false; "isSignal": true; }; }, { "staffMessageChange": "staffMessageChange"; "sendMessage": "sendMessage"; }, never, never, true, never>;
 }

package/lib/components/outbound-dial-modal/outbound-dial-modal.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OutboundAppointmentHit, OutboundPatientHit } from '../../models/outbound-patient.types';
+import { OutboundPurpose } from '../../models/outbound-purpose.types';
+import { requiredFieldLabel } from '../../utils/outbound-purpose.util';
+import * as i0 from "@angular/core";
+export declare class OutboundDialModalComponent implements OnChanges {
+    private readonly api;
+    private readonly toast;
+    private readonly destroyRef;
+    open: boolean;
+    readonly closed: EventEmitter<void>;
+    readonly dialed: EventEmitter<void>;
+    protected readonly purposes: import("@angular/core").WritableSignal<OutboundPurpose[]>;
+    protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly formSkeletonRows: readonly [0, 1, 2, 3];
+    protected readonly appointmentSkeletonRows: readonly [0, 1, 2];
+    protected readonly submitting: import("@angular/core").WritableSignal<boolean>;
+    protected readonly serverError: import("@angular/core").WritableSignal<string | null>;
+    protected readonly patientHits: import("@angular/core").WritableSignal<OutboundPatientHit[]>;
+    protected readonly searchingPatients: import("@angular/core").WritableSignal<boolean>;
+    protected readonly selectedPatient: import("@angular/core").WritableSignal<OutboundPatientHit | null>;
+    protected readonly appointments: import("@angular/core").WritableSignal<OutboundAppointmentHit[]>;
+    protected readonly loadingAppointments: import("@angular/core").WritableSignal<boolean>;
+    protected readonly selectedAppointmentId: import("@angular/core").WritableSignal<string | null>;
+    protected readonly showManualEntry: import("@angular/core").WritableSignal<boolean>;
+    protected readonly practiceName: import("@angular/core").WritableSignal<string>;
+    /** Bumps OnPush re-render when plain ngModel fields change. */
+    protected readonly formEpoch: import("@angular/core").WritableSignal<number>;
+    protected readonly patientQuery: import("@angular/core").WritableSignal<string>;
+    protected phone: string;
+    protected name: string;
+    protected purposeId: string;
+    protected appointmentDate: string;
+    protected appointmentTime: string;
+    protected providerName: string;
+    protected customScript: string;
+    protected requiredFieldLabel: typeof requiredFieldLabel;
+    private readonly search$;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    protected get selectedPurpose(): OutboundPurpose | null;
+    protected get selectedAppointment(): OutboundAppointmentHit | null;
+    protected get previewText(): string;
+    protected showsField(field: 'appointmentDate' | 'appointmentTime' | 'providerName'): boolean;
+    protected showsCustomScript(): boolean;
+    protected customScriptRequired(): boolean;
+    protected canPlaceCall(): boolean;
+    protected touchForm(): void;
+    protected onPatientQueryChange(value: string): void;
+    protected selectPatient(patient: OutboundPatientHit): void;
+    protected clearPatient(): void;
+    protected selectAppointment(appt: OutboundAppointmentHit | null): void;
+    protected onPurposeChange(): void;
+    protected close(): void;
+    protected submit(): void;
+    private preferAppointmentPurpose;
+    private applyAppointmentFields;
+    private clearApptDerivedFields;
+    private loadAppointments;
+    private loadPracticeName;
+    private resetForm;
+    private loadPurposes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OutboundDialModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OutboundDialModalComponent, "eds-outbound-dial-modal", never, { "open": { "alias": "open"; "required": false; }; }, { "closed": "closed"; "dialed": "dialed"; }, never, never, true, never>;
+}

package/lib/config.d.ts

@@ -25,7 +25,6 @@ export interface VoiceReceptionistConfig {
     /**
      * Show the AI Receptionist side nav (Dashboard, Live Calls, …).
      * Default false for EHR embed (host owns primary nav). Standalone Voice Hub should set true.
-     * Also gates dashboard-only surfaces such as API Logs.
      */
     showModuleNav?: boolean;
 }

package/lib/layout/eds-app-shell.component.d.ts

@@ -7,6 +7,7 @@ export declare class EdsAppShellComponent {
      * this shell still need a nav loader — enable when host nav is hidden.
      */
     protected readonly showRouteProgress: boolean;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<EdsAppShellComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EdsAppShellComponent, "eds-app-shell", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/eds-module-nav.component.d.ts

@@ -11,14 +11,32 @@ interface NavItem {
 export declare class EdsModuleNavComponent {
     private readonly config;
     private readonly session;
+    private readonly agentOnline;
+    private readonly toast;
+    private readonly settingsDrawer;
     protected readonly includePracticeNav: boolean;
     /** Standalone Voice Hub only — never show logout in EHR embed (no module nav there). */
     protected readonly showLogout: import("@angular/core").Signal<boolean>;
     protected readonly userEmail: import("@angular/core").Signal<string | null>;
+    protected readonly online: import("@angular/core").Signal<import("../services/agent-online.service").AgentOnlineKnownState>;
+    protected readonly agentLoading: import("@angular/core").Signal<boolean>;
+    protected readonly toggling: import("@angular/core").Signal<boolean>;
+    protected readonly confirmOffOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly headerMenuOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly agentSwitchDisabled: import("@angular/core").Signal<boolean>;
     protected readonly receptionistNav: NavItem[];
     protected readonly practiceNav: NavItem[];
+    constructor();
     protected showNavItem(item: NavItem): boolean;
+    protected toggleHeaderMenu(): void;
+    protected closeHeaderMenu(): void;
+    protected onHeaderMenuDocClick(event: MouseEvent): void;
+    protected onAgentToggleClick(): void;
+    protected cancelConfirmOff(): void;
+    protected confirmTurnOff(): void;
     protected logout(): void;
+    protected openSettingsDrawer(): void;
+    private applyOnline;
     static ɵfac: i0.ɵɵFactoryDeclaration<EdsModuleNavComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EdsModuleNavComponent, "eds-module-nav", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/eds-topbar.component.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export declare class EdsTopbarComponent {
+    private readonly router;
+    private readonly config;
+    private readonly sessionAdapter;
+    private readonly agentOnline;
+    protected readonly pageTitle: import("@angular/core").WritableSignal<string>;
+    protected readonly online: import("@angular/core").Signal<import("../services/agent-online.service").AgentOnlineKnownState>;
+    protected readonly loading: import("@angular/core").Signal<boolean>;
+    protected readonly userEmail: import("@angular/core").Signal<string | null>;
+    protected readonly showUser: import("@angular/core").Signal<boolean>;
+    /** Standalone only — hide logout when embedded in EHR (`showModuleNav` false). */
+    protected readonly showLogout: import("@angular/core").Signal<boolean>;
+    protected readonly userInitials: import("@angular/core").Signal<string>;
+    protected readonly statusLabel: import("@angular/core").Signal<"Checking status…" | "Status unknown" | "AI receptionist is answering calls" | "AI is offline — calls go to front desk">;
+    constructor();
+    protected logout(): void;
+    private updateTitle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdsTopbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EdsTopbarComponent, "eds-topbar", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/activities-page/activities-page.component.d.ts

@@ -17,8 +17,10 @@ export declare class ActivitiesPageComponent implements OnInit {
     protected readonly page: import("@angular/core").WritableSignal<number>;
     protected readonly activeTab: import("@angular/core").WritableSignal<ActivitiesTab>;
     protected readonly callIdFilter: import("@angular/core").WritableSignal<string | null>;
+    protected readonly search: import("@angular/core").WritableSignal<string>;
     protected readonly loading: import("@angular/core").WritableSignal<boolean>;
     protected readonly loadError: import("@angular/core").WritableSignal<string | null>;
+    protected readonly skeletonRows: readonly number[];
     protected readonly selectedTask: import("@angular/core").WritableSignal<TaskItem | null>;
     protected readonly selectedPatient: import("@angular/core").WritableSignal<AgentActivity | null>;
     ngOnInit(): void;
@@ -26,6 +28,7 @@ export declare class ActivitiesPageComponent implements OnInit {
     private tabFromQuery;
     private tabQueryValue;
     protected clearCallFilter(): void;
+    protected applySearch(): void;
     protected load(): void;
     protected totalPages(): number;
     protected prevPage(): void;
@@ -43,6 +46,9 @@ export declare class ActivitiesPageComponent implements OnInit {
     /** Day-anchored stamp — a bare clock time gave no idea which day a row belonged to. */
     protected timestampLabel(item: AgentActivity): string;
     protected durationLabel(item: AgentActivity): string | null;
+    protected appointmentTimeRange(item: AgentActivity): string;
+    protected appointmentDayLabel(item: AgentActivity): string;
+    protected dueLabel(item: AgentActivity): string;
     protected categoryLabel(item: AgentActivity): string;
     protected patientMeta(item: AgentActivity): string | null;
     protected patientInitials(item: AgentActivity): string;
@@ -54,6 +60,8 @@ export declare class ActivitiesPageComponent implements OnInit {
     protected insuranceTitle(item: AgentActivity): string;
     protected isTaskRow(item: AgentActivity): boolean;
     protected taskTitle(item: AgentActivity): string;
+    /** Subtitle under the task title; omitted when it duplicates the title. */
+    protected taskDetail(item: AgentActivity): string | null;
     protected priorityLabel(item: AgentActivity): string;
     protected priorityTone(item: AgentActivity): string;
     protected isRegistrationTab(): boolean;