@edvak99/voice-receptionist-widget 1.1.21 → 1.1.22

package/fesm2022/edvak99-voice-receptionist-widget-outbound-purposes-page.component-Aws6TaaE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-outbound-purposes-page.component-Aws6TaaE.mjs","sources":["../../../src/lib/components/outbound-purpose-form-modal/outbound-purpose-form-modal.component.ts","../../../src/lib/components/outbound-purpose-form-modal/outbound-purpose-form-modal.component.html","../../../src/lib/pages/outbound-purposes-page/outbound-purposes-page.component.ts","../../../src/lib/pages/outbound-purposes-page/outbound-purposes-page.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { EdButtonComponent } from '../../ui/ed-button.component';\n\nimport {\n  CreateOutboundPurposeRequest,\n  OutboundPurpose,\n  OutboundPurposePlaceholder,\n  OutboundRequiredField,\n  UpdateOutboundPurposeRequest,\n} from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport {\n  REQUIRED_FIELD_OPTIONS,\n  renderOpeningPreview,\n} from '../../utils/outbound-purpose.util';\nimport { DEFAULT_PLACEHOLDERS } from '../../mocks/outbound-purpose.seed';\nimport { ModalComponent } from '../../shared/modal.component';\n\n@Component({\n    selector: 'eds-outbound-purpose-form-modal',\n    imports: [FormsModule, ModalComponent, EdButtonComponent],\n    templateUrl: './outbound-purpose-form-modal.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OutboundPurposeFormModalComponent implements OnChanges {\n  private readonly api = inject(AiReceptionistApiService);\n\n  @Input() open = false;\n  @Input() purpose: OutboundPurpose | null = null;\n  @Output() readonly closed = new EventEmitter<void>();\n  @Output() readonly saved = new EventEmitter<OutboundPurpose>();\n\n  @ViewChild('templateInput') templateInput?: ElementRef<HTMLTextAreaElement>;\n\n  protected readonly fieldOptions = REQUIRED_FIELD_OPTIONS;\n  protected readonly saving = signal(false);\n  protected readonly error = signal<string | null>(null);\n\n  protected label = '';\n  protected description = '';\n  protected sampleOpening = '';\n  protected openingTemplate = '';\n  protected agentContextHint = '';\n  protected requiredFields = new Set<OutboundRequiredField>();\n  protected allowsCustomScript = false;\n  protected sortOrder = 1;\n  protected isActive = true;\n  protected placeholders: OutboundPurposePlaceholder[] = DEFAULT_PLACEHOLDERS;\n\n  protected get isEdit(): boolean {\n    return !!this.purpose;\n  }\n\n  protected get previewText(): string {\n    return renderOpeningPreview(this.sampleOpening, this.openingTemplate, this.placeholders);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['open']?.currentValue || changes['purpose']) {\n      this.resetForm();\n    }\n  }\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected toggleRequired(field: OutboundRequiredField): void {\n    const next = new Set(this.requiredFields);\n    if (next.has(field)) next.delete(field);\n    else next.add(field);\n    this.requiredFields = next;\n  }\n\n  protected isRequiredSelected(field: OutboundRequiredField): boolean {\n    return this.requiredFields.has(field);\n  }\n\n  protected insertPlaceholder(token: string): void {\n    const el = this.templateInput?.nativeElement;\n    if (!el) {\n      this.openingTemplate += token;\n      return;\n    }\n    const start = el.selectionStart ?? this.openingTemplate.length;\n    const end = el.selectionEnd ?? start;\n    this.openingTemplate =\n      this.openingTemplate.slice(0, start) + token + this.openingTemplate.slice(end);\n    const pos = start + token.length;\n    requestAnimationFrame(() => {\n      el.focus();\n      el.setSelectionRange(pos, pos);\n    });\n  }\n\n  protected submit(): void {\n    this.error.set(null);\n    const trimmedLabel = this.label.trim();\n    const trimmedTemplate = this.openingTemplate.trim();\n    if (!trimmedLabel) {\n      this.error.set('Label is required.');\n      return;\n    }\n    if (!trimmedTemplate) {\n      this.error.set('Opening template is required.');\n      return;\n    }\n    if (this.sampleOpening.length > 500) {\n      this.error.set('Sample opening must be 500 characters or fewer.');\n      return;\n    }\n\n    this.saving.set(true);\n    const fields = [...this.requiredFields];\n\n    if (this.isEdit && this.purpose) {\n      const body: UpdateOutboundPurposeRequest = {\n        label: trimmedLabel,\n        description: this.description.trim(),\n        sampleOpening: this.sampleOpening.trim(),\n        openingTemplate: trimmedTemplate,\n        agentContextHint: this.agentContextHint.trim() || null,\n        requiredFields: fields,\n        allowsCustomScript: this.allowsCustomScript,\n        sortOrder: this.sortOrder,\n        isActive: this.isActive,\n      };\n      this.api.updateOutboundPurpose(this.purpose.purposeId, body).subscribe({\n        next: (updated) => {\n          this.saving.set(false);\n          this.saved.emit(updated);\n          this.close();\n        },\n        error: () => {\n          this.saving.set(false);\n          this.error.set('Failed to save purpose template.');\n        },\n      });\n      return;\n    }\n\n    const body: CreateOutboundPurposeRequest = {\n      label: trimmedLabel,\n      description: this.description.trim(),\n      sampleOpening: this.sampleOpening.trim(),\n      openingTemplate: trimmedTemplate,\n      agentContextHint: this.agentContextHint.trim() || null,\n      requiredFields: fields,\n      allowsCustomScript: this.allowsCustomScript,\n      sortOrder: this.sortOrder,\n    };\n    this.api.createOutboundPurpose(body).subscribe({\n      next: (created) => {\n        this.saving.set(false);\n        this.saved.emit(created);\n        this.close();\n      },\n      error: () => {\n        this.saving.set(false);\n        this.error.set('Failed to create purpose template.');\n      },\n    });\n  }\n\n  private resetForm(): void {\n    this.error.set(null);\n    this.saving.set(false);\n    if (this.purpose) {\n      this.label = this.purpose.label;\n      this.description = this.purpose.description;\n      this.sampleOpening = this.purpose.sampleOpening;\n      this.openingTemplate = this.purpose.openingTemplate;\n      this.agentContextHint = this.purpose.agentContextHint ?? '';\n      this.requiredFields = new Set(this.purpose.requiredFields);\n      this.allowsCustomScript = this.purpose.allowsCustomScript;\n      this.sortOrder = this.purpose.sortOrder;\n      this.isActive = this.purpose.isActive;\n      this.placeholders = this.purpose.placeholders?.length\n        ? [...this.purpose.placeholders]\n        : [...DEFAULT_PLACEHOLDERS];\n    } else {\n      this.label = '';\n      this.description = '';\n      this.sampleOpening = '';\n      this.openingTemplate = 'Hi {{patientName}}, this is {{practiceName}}.';\n      this.agentContextHint = '';\n      this.requiredFields = new Set();\n      this.allowsCustomScript = false;\n      this.sortOrder = 1;\n      this.isActive = true;\n      this.placeholders = [...DEFAULT_PLACEHOLDERS];\n    }\n  }\n}\n","@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit outbound purpose' : 'New outbound purpose'\"\n    subtitle=\"Configure dialer fields and AI opening script\"\n    maxWidth=\"720px\"\n    (closed)=\"close()\"\n  >\n    <form id=\"outbound-purpose-form\" class=\"flex flex-col gap-4\" (ngSubmit)=\"submit()\" novalidate autocomplete=\"off\">\n      <div class=\"grid grid-cols-2 gap-3\">\n        <div class=\"mb-sm col-span-full\">\n          <label>Label<span required></span></label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"label\" name=\"label\" required autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Description</label>\n          <input class=\"form-input\" type=\"text\" [(ngModel)]=\"description\" name=\"description\" autocomplete=\"off\" />\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Sample opening (plain preview, max 500)</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"3\"\n            maxlength=\"500\"\n            [(ngModel)]=\"sampleOpening\"\n            name=\"sampleOpening\"\n            autocomplete=\"off\"\n          ></textarea>\n          <span class=\"text-xs text-light\">{{ sampleOpening.length }}/500</span>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Opening template<span required></span></label>\n          <div class=\"mb-2 flex flex-wrap gap-2\">\n            @for (chip of placeholders; track chip.token) {\n              <button type=\"button\" class=\"cursor-pointer rounded-full border border-base bg-lighter px-3 py-1 text-xs hover:border-primary\" (click)=\"insertPlaceholder(chip.token)\">\n                {{ chip.label }}\n              </button>\n            }\n          </div>\n          <textarea\n            #templateInput\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"4\"\n            [(ngModel)]=\"openingTemplate\"\n            name=\"openingTemplate\"\n            required\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <div class=\"mb-sm col-span-full\">\n          <label>Agent context hint</label>\n          <textarea\n            class=\"form-textarea min-h-[72px]\"\n            rows=\"2\"\n            [(ngModel)]=\"agentContextHint\"\n            name=\"agentContextHint\"\n            placeholder=\"Optional guidance for the AI after the opening\"\n            autocomplete=\"off\"\n          ></textarea>\n        </div>\n\n        <fieldset class=\"col-span-full flex flex-col gap-2\">\n          <legend>Required fields</legend>\n          <div class=\"grid grid-cols-2 gap-2\">\n            @for (opt of fieldOptions; track opt.value) {\n              <label class=\"flex items-center gap-2 text-[13px]\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isRequiredSelected(opt.value)\"\n                  (change)=\"toggleRequired(opt.value)\"\n                  autocomplete=\"off\"\n                />\n                {{ opt.label }}\n              </label>\n            }\n          </div>\n        </fieldset>\n\n        <label class=\"col-span-full flex items-center gap-2 text-[13px]\">\n          <input type=\"checkbox\" [(ngModel)]=\"allowsCustomScript\" name=\"allowsCustomScript\" autocomplete=\"off\" />\n          Allows custom script (dialer shows free-text script field)\n        </label>\n\n        <div class=\"mb-sm\">\n          <label>Sort order</label>\n          <input class=\"form-input\" type=\"number\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" autocomplete=\"off\" />\n        </div>\n\n        @if (isEdit) {\n          <label class=\"flex items-center gap-2 text-[13px]\">\n            <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" autocomplete=\"off\" />\n            Active\n          </label>\n        }\n      </div>\n\n      <section class=\"rounded-lg border border-base bg-lighter-2 p-3 shadow-sm\">\n        <h3 class=\"fs-sm font-semibold text-light\">Live preview</h3>\n        <p class=\"mt-2 whitespace-pre-wrap text-sm leading-normal\">{{ previewText }}</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"m-0 text-[13px] text-[#b91c1c]\" role=\"alert\">{{ error() }}</p>\n      }\n    </form>\n\n    <div modalFooter class=\"border-t border-base bg-white px-6 py-4\">\n      <div class=\"flex justify-end gap-2\">\n        <ed-button variant=\"secondary\" outline size=\"sm\" (click$)=\"close()\" [disabled]=\"saving()\">\n          Cancel\n        </ed-button>\n        <ed-button\n          type=\"button\"\n          variant=\"primary\"\n          fill\n          size=\"sm\"\n          [disabled]=\"saving()\"\n          (click$)=\"submit()\"\n        >\n          {{ saving() ? 'Saving…' : isEdit ? 'Save changes' : 'Create purpose' }}\n        </ed-button>\n      </div>\n    </div>\n  </app-modal>\n}\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { OutboundPurpose } from '../../models/outbound-purpose.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { formatRequiredFields } from '../../utils/outbound-purpose.util';\nimport { EdButtonComponent } from '../../ui/ed-button.component';\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\n\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\nimport { TABLE_SKELETON_ROWS } from '../../shared/table-skeleton.constants';\nimport { OutboundPurposeFormModalComponent } from '../../components/outbound-purpose-form-modal/outbound-purpose-form-modal.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\n\n@Component({\n    selector: 'eds-outbound-purposes-page',\n    imports: [\n        IconComponent,\n        OutboundPurposeFormModalComponent,\n        SmartTooltipDirective,\n        EdSkeletonComponent,\n        EdButtonComponent,\n    ],\n    templateUrl: './outbound-purposes-page.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'block h-full min-h-0' },\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class OutboundPurposesPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly purposes = signal<OutboundPurpose[]>([]);\n  protected readonly loading = signal(true);\n  protected readonly skeletonRows = TABLE_SKELETON_ROWS;\n  protected readonly error = signal<string | null>(null);\n  protected readonly modalOpen = signal(false);\n  protected readonly editing = signal<OutboundPurpose | null>(null);\n\n  protected formatRequiredFields = formatRequiredFields;\n\n  ngOnInit(): void {\n    this.load();\n  }\n\n  protected goToSettings(): void {\n    void this.router.navigate(['../settings'], { relativeTo: this.route });\n  }\n\n  protected load(): void {\n    this.loading.set(true);\n    this.error.set(null);\n    this.api.getOutboundPurposes(true).subscribe({\n      next: ({ purposes }) => {\n        this.purposes.set(purposes);\n        this.loading.set(false);\n      },\n      error: () => {\n        this.loading.set(false);\n        this.error.set('Failed to load outbound purposes.');\n      },\n    });\n  }\n\n  protected openCreate(): void {\n    this.editing.set(null);\n    this.modalOpen.set(true);\n  }\n\n  protected openEdit(purpose: OutboundPurpose): void {\n    this.editing.set(purpose);\n    this.modalOpen.set(true);\n  }\n\n  protected closeModal(): void {\n    this.modalOpen.set(false);\n    this.editing.set(null);\n  }\n\n  protected onSaved(): void {\n    this.load();\n  }\n\n  protected toggleActive(purpose: OutboundPurpose, active: boolean): void {\n    this.api.updateOutboundPurpose(purpose.purposeId, { isActive: active }).subscribe({\n      next: (updated) => {\n        this.purposes.update((list) =>\n          list.map((p) => (p.purposeId === updated.purposeId ? updated : p)),\n        );\n      },\n      error: () => this.load(),\n    });\n  }\n\n  protected deletePurpose(purpose: OutboundPurpose): void {\n    if (purpose.isSystem) {\n      this.toggleActive(purpose, false);\n      return;\n    }\n    if (!confirm(`Delete \"${purpose.label}\"? This cannot be undone.`)) return;\n    this.api.deleteOutboundPurpose(purpose.purposeId).subscribe({\n      next: () => this.load(),\n      error: () => this.error.set('Failed to delete purpose.'),\n    });\n  }\n\n  protected actionLabel(purpose: OutboundPurpose): string {\n    return purpose.isSystem ? 'Deactivate' : 'Delete';\n  }\n}\n","<div class=\"flex h-full min-h-0 flex-col overflow-hidden bg-lighter p-base outbound-purposes-page\">\n  <header class=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\n    <div>\n      <button type=\"button\" class=\"eds-plain-nav fs-sm text-light mb-2\" (click)=\"goToSettings()\">\n        <ed-icon name=\"arrow_back\" [size]=\"16\" /> Settings\n      </button>\n      <h4>Outbound Call Purposes</h4>\n      <p class=\"fs-sm text-light\">Templates that drive outbound dialer fields and AI opening scripts</p>\n    </div>\n    <ed-button variant=\"primary\" fill size=\"sm\" (click$)=\"openCreate()\">\n      <ed-icon slot=\"prefix\" name=\"add\" [size]=\"16\" />\n      New purpose\n    </ed-button>\n  </header>\n\n  @if (error()) {\n    <p class=\"fs-sm text-light text-red-700\" role=\"alert\">{{ error() }}</p>\n  } @else {\n    <article class=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-white p-base\">\n      <div class=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n        <table class=\"table-default eds-sticky-table eds-centered-table w-full\" aria-label=\"Outbound purposes\">\n        <thead>\n          <tr>\n            <th class=\"bg-light\">Label</th>\n            <th class=\"bg-light\">Description</th>\n            <th class=\"bg-light\">Required fields</th>\n            <th class=\"bg-light\">System</th>\n            <th class=\"bg-light\">Active</th>\n            <th class=\"bg-light\">Sort</th>\n            <th class=\"bg-light\">Actions</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-32\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-48\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-40\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-5 w-16 !rounded-full\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-4 w-4 !rounded-sm\"></ed-skeleton></td>\n                <td><ed-skeleton class=\"h-3 w-8\"></ed-skeleton></td>\n                <td>\n                  <div class=\"flex gap-3\">\n                    <ed-skeleton class=\"h-3 w-10\"></ed-skeleton>\n                    <ed-skeleton class=\"h-3 w-12\"></ed-skeleton>\n                  </div>\n                </td>\n              </tr>\n            }\n          </tbody>\n        } @else {\n        <tbody>\n          @for (p of purposes(); track p.purposeId) {\n            <tr>\n              <td>\n                <span\n                  class=\"inline-block min-w-0 max-w-56 truncate fs-sm font-semibold text-dark\"\n                  [smartTooltip]=\"p.label\"\n                  [tooltipOnlyWhenTruncated]=\"true\"\n                >{{ p.label }}</span>\n              </td>\n              <td>\n                <span\n                  class=\"inline-block min-w-0 max-w-72 truncate fs-sm text-light\"\n                  [smartTooltip]=\"p.description || '—'\"\n                  [tooltipOnlyWhenTruncated]=\"true\"\n                >{{ p.description || '—' }}</span>\n              </td>\n              <td>\n                <span\n                  class=\"inline-block min-w-0 max-w-64 truncate fs-sm text-light\"\n                  [smartTooltip]=\"formatRequiredFields(p.requiredFields)\"\n                  [tooltipOnlyWhenTruncated]=\"true\"\n                >{{ formatRequiredFields(p.requiredFields) }}</span>\n              </td>\n              <td>\n                @if (p.isSystem) {\n                  <ed-badge-2 variant=\"primary\">System</ed-badge-2>\n                } @else {\n                  <span class=\"fs-sm text-light\">—</span>\n                }\n              </td>\n              <td>\n                <label>\n                  <input\n                    type=\"checkbox\"\n                    class=\"h-4 w-4\"\n                    [checked]=\"p.isActive\"\n                    (change)=\"toggleActive(p, $any($event.target).checked)\" autocomplete=\"off\" />\n                </label>\n              </td>\n              <td class=\"font-['IBM_Plex_Mono'] fs-sm text-light\">{{ p.sortOrder }}</td>\n              <td class=\"flex gap-3 whitespace-nowrap\">\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"openEdit(p)\">\n                  Edit\n                </button>\n                <button type=\"button\" class=\"text-primary fs-sm cursor-pointer border-none bg-transparent p-0\" (click)=\"deletePurpose(p)\">\n                  {{ actionLabel(p) }}\n                </button>\n              </td>\n            </tr>\n          } @empty {\n            <tr class=\"empty-row\">\n              <td colspan=\"7\" class=\"py-lg text-center fs-sm text-light\">No outbound purposes configured.</td>\n            </tr>\n          }\n        </tbody>\n        }\n        </table>\n      </div>\n    </article>\n  }\n\n  <eds-outbound-purpose-form-modal\n    [open]=\"modalOpen()\"\n    [purpose]=\"editing()\"\n    (closed)=\"closeModal()\"\n    (saved)=\"onSaved()\"\n  />\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-task-detail-drawer.component-aDTKTV79.mjs → edvak99-voice-receptionist-widget-task-detail-drawer.component-DVWdArqj.mjs}

@@ -1,8 +1,8 @@
 import { DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, Input, ChangeDetectionStrategy, Component, input, output, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { RouterLink } from '@angular/router';
-import { T as ToastService, f as EdButtonComponent, p as EdIconButtonComponent, I as IconComponent, s as ViewportPortalDirective } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs';
+import { Router, ActivatedRoute } from '@angular/router';
+import { T as ToastService, f as EdButtonComponent, p as EdIconButtonComponent, I as IconComponent, s as ViewportPortalDirective } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
 
 class CopyButtonComponent {
     constructor() {
@@ -149,6 +149,8 @@ function taskCallRoute(callId) {
 
 class TaskDetailDrawerComponent {
     constructor() {
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
         this.task = input.required();
         this.closed = output();
         this.statusChange = output();
@@ -172,6 +174,13 @@ class TaskDetailDrawerComponent {
     close() {
         this.closed.emit();
     }
+    openCall() {
+        const callId = this.task().callId;
+        if (!callId)
+            return;
+        this.close();
+        void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });
+    }
     markDone() {
         const t = this.task();
         this.statusChange.emit(t.status === 'done' ? 'open' : 'done');
@@ -181,20 +190,19 @@ class TaskDetailDrawerComponent {
             this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TaskDetailDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TaskDetailDrawerComponent, isStandalone: true, selector: "eds-task-detail-drawer", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", statusChange: "statusChange" }, ngImport: i0, template: "<div\n  edsViewportPortal\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\n  (click)=\"onBackdropClick($event)\"\n  role=\"presentation\"\n>\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <ed-button\n        class=\"mr-auto\"\n        variant=\"primary\"\n        fill\n        size=\"sm\"\n        (click$)=\"markDone()\"\n      >\n        <ed-icon slot=\"prefix\" name=\"check\" [size]=\"16\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </ed-button>\n      <ed-icon-button\n        name=\"close\"\n        label=\"Close\"\n        size=\"sm\"\n        ghost\n        (click$)=\"close()\"\n      />\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h4>{{ task().title }}</h4>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"taskCallRoute(task().callId!)\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n            >\n              {{ task().callId }}\n            </a>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\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: CopyButtonComponent, selector: "app-copy-btn", inputs: ["value", "label"] }, { 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: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "directive", type: ViewportPortalDirective, selector: "[edsViewportPortal]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TaskDetailDrawerComponent, isStandalone: true, selector: "eds-task-detail-drawer", inputs: { task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed", statusChange: "statusChange" }, ngImport: i0, template: "<div\n  edsViewportPortal\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\n  (click)=\"onBackdropClick($event)\"\n  role=\"presentation\"\n>\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <ed-button\n        class=\"mr-auto\"\n        variant=\"primary\"\n        fill\n        size=\"sm\"\n        (click$)=\"markDone()\"\n      >\n        <ed-icon slot=\"prefix\" name=\"check\" [size]=\"16\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </ed-button>\n      <ed-icon-button\n        name=\"close\"\n        label=\"Close\"\n        size=\"sm\"\n        ghost\n        (click$)=\"close()\"\n      />\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h4>{{ task().title }}</h4>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <button\n              type=\"button\"\n              class=\"eds-plain-nav text-sm font-medium text-dark\"\n              (click)=\"openCall()\"\n            >\n              View call\n            </button>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: CopyButtonComponent, selector: "app-copy-btn", inputs: ["value", "label"] }, { 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: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "directive", type: ViewportPortalDirective, selector: "[edsViewportPortal]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TaskDetailDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-task-detail-drawer', imports: [
                         DatePipe,
-                        RouterLink,
                         CopyButtonComponent,
                         EdButtonComponent,
                         EdIconButtonComponent,
                         IconComponent,
                         ViewportPortalDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n  edsViewportPortal\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\n  (click)=\"onBackdropClick($event)\"\n  role=\"presentation\"\n>\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <ed-button\n        class=\"mr-auto\"\n        variant=\"primary\"\n        fill\n        size=\"sm\"\n        (click$)=\"markDone()\"\n      >\n        <ed-icon slot=\"prefix\" name=\"check\" [size]=\"16\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </ed-button>\n      <ed-icon-button\n        name=\"close\"\n        label=\"Close\"\n        size=\"sm\"\n        ghost\n        (click$)=\"close()\"\n      />\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h4>{{ task().title }}</h4>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <a\n              [routerLink]=\"taskCallRoute(task().callId!)\"\n              class=\"text-sm font-medium text-blue-600 no-underline hover:underline\"\n            >\n              {{ task().callId }}\n            </a>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n  edsViewportPortal\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\n  (click)=\"onBackdropClick($event)\"\n  role=\"presentation\"\n>\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <ed-button\n        class=\"mr-auto\"\n        variant=\"primary\"\n        fill\n        size=\"sm\"\n        (click$)=\"markDone()\"\n      >\n        <ed-icon slot=\"prefix\" name=\"check\" [size]=\"16\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </ed-button>\n      <ed-icon-button\n        name=\"close\"\n        label=\"Close\"\n        size=\"sm\"\n        ghost\n        (click$)=\"close()\"\n      />\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h4>{{ task().title }}</h4>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '\u2014' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '\u2014' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <button\n              type=\"button\"\n              class=\"eds-plain-nav text-sm font-medium text-dark\"\n              (click)=\"openCall()\"\n            >\n              View call\n            </button>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n", styles: ["@charset \"UTF-8\";.eds-drawer-backdrop{background-color:#0f172a66}\n"] }]
         }] });
 
 export { TaskDetailDrawerComponent as T, TASK_TYPE_OPTIONS as a, taskStatusTone as b, taskPriorityTone as c, taskSourceLabel as d, taskTypeTone as e, taskCallRoute as f, taskStatusLabel as t };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-task-detail-drawer.component-aDTKTV79.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-task-detail-drawer.component-DVWdArqj.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-task-detail-drawer.component-DVWdArqj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-task-detail-drawer.component-DVWdArqj.mjs","sources":["../../../src/lib/shared/copy-button.component.ts","../../../src/lib/utils/task.util.ts","../../../src/lib/components/task-detail-drawer/task-detail-drawer.component.ts","../../../src/lib/components/task-detail-drawer/task-detail-drawer.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  inject,\n  signal,\n} from '@angular/core';\n\nimport { ToastService } from './toast.service';\n\n@Component({\n  selector: 'app-copy-btn',\n  standalone: true,\n  template: `\n    @if (copyValue) {\n      <button\n        type=\"button\"\n        class=\"inline-flex h-[22px] w-[22px] shrink-0 cursor-pointer items-center justify-center rounded border border-base bg-white p-0 text-light transition hover:border-dark hover:bg-lighter hover:text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-1\"\n        (click)=\"onCopy($event)\"\n        [attr.aria-label]=\"ariaLabel\"\n        [title]=\"copied() ? 'Copied' : 'Copy to clipboard'\"\n      >\n        @if (copied()) {\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n               stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <polyline points=\"20 6 9 17 4 12\" />\n          </svg>\n        } @else {\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n               stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n            <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n          </svg>\n        }\n      </button>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CopyButtonComponent {\n  /** Raw value to copy (full ID / phone / etc.) */\n  @Input() value: string | null | undefined = '';\n  /** Accessible label, e.g. \"patient ID\" */\n  @Input() label = 'value';\n\n  private readonly toast = inject(ToastService);\n\n  protected readonly copied = signal(false);\n\n  protected get copyValue(): string {\n    const v = this.value?.trim();\n    return v && v !== '—' ? v : '';\n  }\n\n  protected get ariaLabel(): string {\n    return this.copied() ? 'Copied' : `Copy ${this.label}`;\n  }\n\n  async onCopy(event: MouseEvent): Promise<void> {\n    event.stopPropagation();\n    const text = this.copyValue;\n    if (!text) return;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      this.copied.set(true);\n      setTimeout(() => this.copied.set(false), 1500);\n    } catch {\n      this.toast.show('Could not copy — clipboard unavailable', 'error', 2500);\n    }\n  }\n}\n","import { BadgeTone } from '../ui/eds-badge.component';\nimport { TaskPriority, TaskSource, TaskStatus } from '../models/ai-receptionist.types';\n\nexport const TASK_TYPE_OPTIONS = [\n  'Refill request',\n  'Callback',\n  'Billing',\n  'Scheduling',\n  'Clinical',\n  'Other',\n] as const;\n\nexport function taskStatusLabel(status: TaskStatus): string {\n  if (status === 'in_progress') return 'In progress';\n  if (status === 'done') return 'Done';\n  return 'Open';\n}\n\nexport function taskStatusTone(status: TaskStatus): BadgeTone {\n  const map: Record<TaskStatus, BadgeTone> = {\n    open: 'primary',\n    in_progress: 'warning',\n    done: 'success',\n  };\n  return map[status];\n}\n\nexport function taskPriorityTone(priority: TaskPriority): BadgeTone {\n  return priority === 'urgent' ? 'danger' : 'light';\n}\n\nexport function taskPriorityLabel(priority: TaskPriority): string {\n  return priority === 'urgent' ? 'Urgent' : 'Normal';\n}\n\nexport function taskSourceLabel(source: TaskSource): string {\n  if (source === 'voice') return 'Voice';\n  if (source === 'sync') return 'Sync';\n  return 'Manual';\n}\n\nexport function taskTypeTone(type: string): BadgeTone {\n  const key = type.toLowerCase();\n  if (key.includes('refill')) return 'opened';\n  if (key.includes('callback')) return 'primary';\n  if (key.includes('billing')) return 'warning';\n  return 'light';\n}\n\nexport function taskCallRoute(callId: string): string[] {\n  return callId.startsWith('LC') ? ['../live', callId] : ['../history', callId];\n}\n","import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\nimport { EdButtonComponent } from '../../ui/ed-button.component';\n\nimport { TaskItem, TaskStatus } from '../../models/ai-receptionist.types';\nimport { CopyButtonComponent } from '../../shared/copy-button.component';\nimport { ViewportPortalDirective } from '../../shared/viewport-portal.directive';\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\nimport { IconComponent } from '../../ui/ed-icon.component';\nimport {\n  taskCallRoute,\n  taskPriorityLabel,\n  taskPriorityTone,\n  taskSourceLabel,\n  taskStatusLabel,\n  taskStatusTone,\n  taskTypeTone,\n} from '../../utils/task.util';\n\n@Component({\n    selector: 'eds-task-detail-drawer',\n    imports: [\n        DatePipe,\n        CopyButtonComponent,\n        EdButtonComponent,\n        EdIconButtonComponent,\n        IconComponent,\n        ViewportPortalDirective,\n    ],\n  templateUrl: './task-detail-drawer.component.html',\n  styleUrl: './task-detail-drawer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class TaskDetailDrawerComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly task = input.required<TaskItem>();\n\n  readonly closed = output<void>();\n  readonly statusChange = output<TaskStatus>();\n\n  protected readonly taskStatusLabel = taskStatusLabel;\n  protected readonly taskStatusTone = taskStatusTone;\n  protected readonly taskPriorityLabel = taskPriorityLabel;\n  protected readonly taskPriorityTone = taskPriorityTone;\n  protected readonly taskSourceLabel = taskSourceLabel;\n  protected readonly taskTypeTone = taskTypeTone;\n  protected readonly taskCallRoute = taskCallRoute;\n\n  protected assigneeInitials(): string {\n    const name = this.task().assignee?.trim();\n    if (!name || name === '—') return '?';\n    const parts = name.split(/\\s+/).filter(Boolean);\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n    return `${parts[0][0] ?? ''}${parts[parts.length - 1][0] ?? ''}`.toUpperCase();\n  }\n\n  protected close(): void {\n    this.closed.emit();\n  }\n\n  protected openCall(): void {\n    const callId = this.task().callId;\n    if (!callId) return;\n    this.close();\n    void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });\n  }\n\n  protected markDone(): void {\n    const t = this.task();\n    this.statusChange.emit(t.status === 'done' ? 'open' : 'done');\n  }\n\n  protected onBackdropClick(event: MouseEvent): void {\n    if (event.target === event.currentTarget) this.close();\n  }\n}\n","<div\n  edsViewportPortal\n  class=\"eds-drawer-backdrop fixed left-0 top-0 z-[100100] flex h-[100vh] w-[100vw] justify-end\"\n  (click)=\"onBackdropClick($event)\"\n  role=\"presentation\"\n>\n  <ed-drawer\n    size=\"base\"\n    class=\"slide-in-rtl ed-main-sidepanel h-full bg-[#f7f8fa]\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"task().title\"\n  >\n    <ed-drawer-header class=\"gap-3 border-b border-zinc-200 bg-white px-4 py-3 shadow-none\">\n      <ed-button\n        class=\"mr-auto\"\n        variant=\"primary\"\n        fill\n        size=\"sm\"\n        (click$)=\"markDone()\"\n      >\n        <ed-icon slot=\"prefix\" name=\"check\" [size]=\"16\" />\n        {{ task().status === 'done' ? 'Reopen task' : 'Mark as completed' }}\n      </ed-button>\n      <ed-icon-button\n        name=\"close\"\n        label=\"Close\"\n        size=\"sm\"\n        ghost\n        (click$)=\"close()\"\n      />\n    </ed-drawer-header>\n\n    <ed-drawer-body class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto\">\n      <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n        <h4>{{ task().title }}</h4>\n\n        <div class=\"mt-4\">\n          <h3 class=\"m-0 text-sm font-semibold text-zinc-800\">Description</h3>\n          <p class=\"mt-2 mb-0 whitespace-pre-wrap text-sm leading-relaxed text-zinc-600\">\n            {{ task().description || '—' }}\n          </p>\n        </div>\n\n        <div class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-3 border-t border-zinc-100 pt-4 text-sm\">\n          <div class=\"inline-flex items-center gap-2 font-medium\" [class.text-red-600]=\"task().priority === 'urgent'\" [class.text-zinc-700]=\"task().priority !== 'urgent'\">\n            <span\n              class=\"h-2.5 w-2.5 shrink-0 rotate-45 rounded-sm\"\n              [class.bg-red-600]=\"task().priority === 'urgent'\"\n              [class.bg-amber-500]=\"task().priority !== 'urgent'\"\n              aria-hidden=\"true\"\n            ></span>\n            {{ task().priority === 'urgent' ? 'High Priority' : taskPriorityLabel(task().priority) }}\n          </div>\n\n          <div class=\"inline-flex items-center gap-2 text-zinc-700\">\n            <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-teal-100 text-[11px] font-bold text-teal-800\">\n              {{ assigneeInitials() }}\n            </span>\n            <span class=\"text-zinc-500\">{{ task().assignee || 'Unassigned' }}</span>\n          </div>\n\n          <div class=\"inline-flex items-center gap-1.5 text-zinc-500\">\n            <ed-icon name=\"schedule\" [size]=\"16\" />\n            Created: {{ task().created | date: 'MM-dd-yyyy' }}\n          </div>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Patient</span>\n          <span class=\"text-sm text-zinc-600\">{{ task().patient || '—' }}</span>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Status</span>\n          <ed-badge-2 [attr.variant]=\"taskStatusTone(task().status)\">{{ taskStatusLabel(task().status) }}</ed-badge-2>\n        </div>\n      </section>\n\n      <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n        <div class=\"flex items-center justify-between gap-3\">\n          <span class=\"text-sm font-medium text-zinc-800\">Source</span>\n          <span class=\"text-sm text-zinc-600\">{{ taskSourceLabel(task().source) }}</span>\n        </div>\n      </section>\n\n      @if (task().callId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white px-4 py-3\">\n          <div class=\"flex items-center justify-between gap-3\">\n            <span class=\"text-sm font-medium text-zinc-800\">Call</span>\n            <button\n              type=\"button\"\n              class=\"eds-plain-nav text-sm font-medium text-dark\"\n              (click)=\"openCall()\"\n            >\n              View call\n            </button>\n          </div>\n        </section>\n      }\n\n      @if (task().edvakTaskId || task().edvakStatus || task().medicationName || task().medicationId) {\n        <section class=\"rounded-xl border border-zinc-200 bg-white p-4\">\n          <h3 class=\"m-0 mb-3 text-sm font-semibold text-zinc-800\">Edvak / refill details</h3>\n          <dl class=\"m-0 grid grid-cols-2 gap-4\">\n            @if (task().edvakTaskId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak task ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().edvakTaskId }}</code>\n                  <app-copy-btn [value]=\"task().edvakTaskId\" label=\"Edvak task ID\" />\n                </dd>\n              </div>\n            }\n            @if (task().edvakStatus) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Edvak status</dt>\n                <dd class=\"m-0 text-sm\"><ed-badge-2 variant=\"primary\">{{ task().edvakStatus }}</ed-badge-2></dd>\n              </div>\n            }\n            @if (task().medicationName) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication</dt>\n                <dd class=\"m-0 text-sm text-zinc-700\">{{ task().medicationName }}</dd>\n              </div>\n            }\n            @if (task().medicationId) {\n              <div>\n                <dt class=\"fs-sm font-semibold text-light mb-1\">Medication ID</dt>\n                <dd class=\"inline-flex items-center gap-2 text-sm\">\n                  <code class=\"rounded bg-zinc-100 px-2 py-1 font-mono text-xs\">{{ task().medicationId }}</code>\n                  <app-copy-btn [value]=\"task().medicationId\" label=\"medication ID\" />\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      }\n    </ed-drawer-body>\n  </ed-drawer>\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{edvak99-voice-receptionist-widget-tasks-page.component-Dj1nWx6V.mjs → edvak99-voice-receptionist-widget-tasks-page.component-CBDmGLol.mjs}

@@ -1,9 +1,9 @@
 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-DDS7VdnD.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-aDTKTV79.mjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import { A as AiReceptionistApiService, n as DEFAULT_PAGE_SIZE, o as totalPages, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.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-DVWdArqj.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';
 
@@ -11,6 +11,7 @@ class TasksPageComponent {
     constructor() {
         this.api = inject(AiReceptionistApiService);
         this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
         this.pageSize = DEFAULT_PAGE_SIZE;
         this.tasks = signal([]);
         this.total = signal(0);
@@ -74,6 +75,10 @@ class TasksPageComponent {
         this.page.set(1);
         this.load();
     }
+    openCall(callId, event) {
+        event.stopPropagation();
+        void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });
+    }
     openTask(task) {
         this.selectedTask.set(task);
     }
@@ -132,19 +137,18 @@ class TasksPageComponent {
         });
     }
     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=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\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=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n      <table class=\"table-default eds-sticky-table min-w-3xl w-full\">\n          <thead>\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 }); }
+    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=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\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=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n      <table class=\"table-default eds-sticky-table eds-centered-table min-w-3xl w-full\">\n          <thead>\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                    <button\n                      type=\"button\"\n                      class=\"eds-plain-nav text-sm font-medium text-dark\"\n                      (click)=\"openCall(task.callId, $event)\"\n                    >View call</button>\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: "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=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\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=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n      <table class=\"table-default eds-sticky-table min-w-3xl w-full\">\n          <thead>\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" }]
+                    ], 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=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\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=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n      <table class=\"table-default eds-sticky-table eds-centered-table min-w-3xl w-full\">\n          <thead>\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                    <button\n                      type=\"button\"\n                      class=\"eds-plain-nav text-sm font-medium text-dark\"\n                      (click)=\"openCall(task.callId, $event)\"\n                    >View call</button>\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-Dj1nWx6V.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-tasks-page.component-CBDmGLol.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-tasks-page.component-CBDmGLol.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, Router } 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    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  private readonly router = inject(Router);\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 openCall(callId: string, event: Event): void {\n    event.stopPropagation();\n    void this.router.navigate(taskCallRoute(callId), { relativeTo: this.route });\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=\"relative z-10 mb-base flex shrink-0 items-start justify-between gap-base bg-lighter\">\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=\"eds-table-scroll min-h-0 min-w-0 flex-1\">\n      <table class=\"table-default eds-sticky-table eds-centered-table min-w-3xl w-full\">\n          <thead>\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                    <button\n                      type=\"button\"\n                      class=\"eds-plain-nav text-sm font-medium text-dark\"\n                      (click)=\"openCall(task.callId, $event)\"\n                    >View call</button>\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":";;;;;;;;;MA2Ca,kBAAkB,CAAA;AAd/B,IAAA,WAAA,GAAA;AAemB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACtC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAErB,IAAA,CAAA,QAAQ,GAAG,iBAAiB;AAC5B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAa,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;AAChB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QACtB,IAAA,CAAA,YAAY,GAAG,mBAAmB;AAClC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAkB,IAAI,CAAC;;AAG5C,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAkB,MAAM,CAAC;AAC9C,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,EAAE,CAAC;AACvB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAkB,EAAE,CAAC;AAC1C,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;AAEzB,QAAA,IAAA,CAAA,UAAU,GAA6C;AACxE,YAAA,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC7B,YAAA,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;AAC3C,YAAA,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC7B,YAAA,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;SACzB;QAEkB,IAAA,CAAA,WAAW,GAAG,iBAAiB;QAC/B,IAAA,CAAA,eAAe,GAAG,eAAe;QACjC,IAAA,CAAA,cAAc,GAAG,cAAc;QAC/B,IAAA,CAAA,gBAAgB,GAAG,gBAAgB;QACnC,IAAA,CAAA,eAAe,GAAG,eAAe;QACjC,IAAA,CAAA,YAAY,GAAG,YAAY;QAC3B,IAAA,CAAA,aAAa,GAAG,aAAa;QAE7B,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAC5C,MACE,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CACxB;AAuGF,IAAA;IArGC,QAAQ,GAAA;AACN,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE;AACpE,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,IAAI,EAAE;IACb;AAEU,IAAA,eAAe,CAAC,KAAa,EAAA;AACrC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAwB,CAAC;AAC/C,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,EAAE;IACb;AAEU,IAAA,aAAa,CAAC,KAAa,EAAA;AACnC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,EAAE;IACb;AAEU,IAAA,eAAe,CAAC,KAAa,EAAA;AACrC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAwB,CAAC;AAC/C,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,EAAE;IACb;AAEU,IAAA,eAAe,CAAC,KAAa,EAAA;AACrC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,EAAE;IACb;IAEU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,EAAE;IACb;IAEU,QAAQ,CAAC,MAAc,EAAE,KAAY,EAAA;QAC7C,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,KAAK,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IAC9E;AAEU,IAAA,QAAQ,CAAC,IAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;IAEU,WAAW,GAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;AAEU,IAAA,cAAc,CAAC,MAAkB,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;AAChC,QAAA,IAAI,CAAC,IAAI;YAAE;AACX,QAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;YACzD,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;;gBAE3B,IAAI,CAAC,IAAI,EAAE;YACb;AACF,QAAA,CAAC,CAAC;IACJ;IAEU,UAAU,GAAA;QAClB,OAAOA,UAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,iBAAiB,CAAC;IACxD;IAEU,QAAQ,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YAAE;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE;IACb;IAEU,QAAQ,GAAA;QAChB,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE;IACb;IAEQ,IAAI,GAAA;AACV,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,MAAM,OAAO,GAAgB;AAC3B,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,KAAK,EAAE,iBAAiB;SACzB;QACD,IAAI,IAAI,CAAC,YAAY,EAAE;AAAE,YAAA,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAgB;QAC3E,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;QACvD,IAAI,IAAI,CAAC,YAAY,EAAE;AAAE,YAAA,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAgB;AAC3E,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE;QAE3E,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC;YACnC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;AAC/B,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB,CAAC;YACD,KAAK,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACrC,SAAA,CAAC;IACJ;+GA7IW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3C/B,8nOA8KA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,ED9II,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,yBAAyB,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACzB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAOV,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EACjB;wBACP,QAAQ;wBACR,iBAAiB;wBACjB,yBAAyB;wBACzB,qBAAqB;wBACrB,mBAAmB;AACpB,qBAAA,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAA,OAAA,EAC9B,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,8nOAAA,EAAA;;;;;"}

package/fesm2022/{edvak99-voice-receptionist-widget-wizard-page.component-CQttbEzW.mjs → edvak99-voice-receptionist-widget-wizard-page.component-C-hdBQIV.mjs}

@@ -1,6 +1,6 @@
 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-DDS7VdnD.mjs';
+import { A as AiReceptionistApiService, I as IconComponent, f as EdButtonComponent, g as EdSkeletonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
 
 class WizardPageComponent {
     constructor() {
@@ -44,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }] });
 
 export { WizardPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-CQttbEzW.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-wizard-page.component-C-hdBQIV.mjs.map

package/fesm2022/{edvak99-voice-receptionist-widget-wizard-page.component-CQttbEzW.mjs.map → edvak99-voice-receptionist-widget-wizard-page.component-C-hdBQIV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-CQttbEzW.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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"}
+{"version":3,"file":"edvak99-voice-receptionist-widget-wizard-page.component-C-hdBQIV.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 { E as EdAvatarComponent, I as EdIconComponent, w as EdsAppShellComponent, x as EdsBadgeComponent, y as EdsButtonComponent, z as EdsRouteProgressComponent, I as IconComponent, B as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, C as VOICE_RECEPTIONIST_FEATURE_ROUTES, F as VOICE_RECEPTIONIST_ROUTES, G as VOICE_RECEPTIONIST_SESSION, H as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DDS7VdnD.mjs';
+export { E as EdAvatarComponent, I as EdIconComponent, w as EdsAppShellComponent, x as EdsBadgeComponent, y as EdsButtonComponent, z as EdsRouteProgressComponent, I as IconComponent, B as ToastContainerComponent, T as ToastService, V as VOICE_RECEPTIONIST_CONFIG, C as VOICE_RECEPTIONIST_FEATURE_ROUTES, F as VOICE_RECEPTIONIST_ROUTES, G as VOICE_RECEPTIONIST_SESSION, H as provideVoiceReceptionist } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CJ1L6QeE.mjs';
 //# sourceMappingURL=edvak99-voice-receptionist-widget.mjs.map

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

@@ -4,6 +4,8 @@ import { AgentActivity, activityTypeLabel } from '../../models/agent-activity.ty
 import * as i0 from "@angular/core";
 export declare class CallTasksPanelComponent implements OnInit {
     private readonly api;
+    private readonly router;
+    private readonly route;
     readonly callId: import("@angular/core").InputSignal<string>;
     readonly compact: import("@angular/core").InputSignal<boolean>;
     protected readonly activities: import("@angular/core").WritableSignal<AgentActivity[]>;
@@ -13,6 +15,7 @@ export declare class CallTasksPanelComponent implements OnInit {
     protected readonly previewLimit = 4;
     protected readonly activityTypeLabel: typeof activityTypeLabel;
     protected readonly previewActivities: import("@angular/core").Signal<AgentActivity[]>;
+    protected openActivities(): void;
     ngOnInit(): void;
     protected activitySubline(item: AgentActivity): string;
     protected activityTone(type: string): BadgeTone;