@edvak99/voice-receptionist-widget 1.1.11 → 1.1.13

package/fesm2022/{edvak99-voice-receptionist-widget-ai-receptionist-api.service-DcRiHn8q.mjs → edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs}

@@ -1,8 +1,227 @@
-import { HttpClient, HttpParams } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { signal, Injectable, inject } from '@angular/core';
-import { of, delay, throwError, map, catchError, forkJoin, switchMap } from 'rxjs';
-import { VOICE_RECEPTIONIST_CONFIG } from './edvak99-voice-receptionist-widget.mjs';
+import { InjectionToken, makeEnvironmentProviders, inject, signal, Injectable, ChangeDetectionStrategy, Component, input, computed, DestroyRef } from '@angular/core';
+import { Router, RouterLink, RouterLinkActive, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, RouterOutlet } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { filter } from 'rxjs/operators';
+import { of, delay, throwError, map, catchError, forkJoin, switchMap, interval, filter as filter$1 } from 'rxjs';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { io } from 'socket.io-client';
+
+const VOICE_RECEPTIONIST_CONFIG = new InjectionToken('VOICE_RECEPTIONIST_CONFIG');
+const VOICE_RECEPTIONIST_SESSION = new InjectionToken('VOICE_RECEPTIONIST_SESSION', { factory: () => null });
+
+function provideVoiceReceptionist(options) {
+    const { session, ...config } = options;
+    const providers = [
+        { provide: VOICE_RECEPTIONIST_CONFIG, useValue: config },
+    ];
+    // Only set SESSION when the host passes one — otherwise leave the token
+    // unset so a separate host factory (or the token default) can provide it.
+    if (session !== undefined) {
+        providers.push({ provide: VOICE_RECEPTIONIST_SESSION, useValue: session });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
+/**
+ * API Logs is standalone-dashboard only.
+ * EHR embeds leave `showModuleNav` unset/false — redirect to dashboard.
+ */
+const apiLogsStandaloneGuard = () => {
+    const config = inject(VOICE_RECEPTIONIST_CONFIG);
+    const router = inject(Router);
+    if (config.showModuleNav)
+        return true;
+    const url = router.url.split('?')[0];
+    const base = url.replace(/\/api-logs(?:\/.*)?$/, '') || '';
+    const target = `${base.replace(/\/$/, '')}/dashboard` || '/dashboard';
+    return router.parseUrl(target);
+};
+
+class ToastService {
+    constructor() {
+        this.nextId = 1;
+        this.timers = new Map();
+        this._toasts = signal([]);
+        this.toasts = this._toasts.asReadonly();
+    }
+    show(text, variant = 'info', durationMs = 3500) {
+        const id = this.nextId++;
+        this._toasts.update((list) => [...list, { id, text, variant }]);
+        const timer = setTimeout(() => this.dismiss(id), durationMs);
+        this.timers.set(id, timer);
+    }
+    dismiss(id) {
+        const timer = this.timers.get(id);
+        if (timer) {
+            clearTimeout(timer);
+            this.timers.delete(id);
+        }
+        this._toasts.update((list) => list.filter((t) => t.id !== id));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ToastContainerComponent {
+    constructor() {
+        this.toastService = inject(ToastService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ToastContainerComponent, isStandalone: true, selector: "app-toast-container", ngImport: i0, template: "<div class=\"fixed bottom-6 right-6 z-[1100] flex max-w-[380px] flex-col gap-3 pointer-events-none\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div\n      class=\"toast pointer-events-auto flex items-start gap-3 rounded-[var(--eds-radius-md)] border border-[var(--eds-color-border)] bg-[var(--eds-color-surface)] px-4 py-3 text-[13px] text-[var(--eds-color-text)] shadow-[0_6px_24px_rgba(20,30,50,0.12)]\"\n      role=\"status\"\n    >\n      <span\n        class=\"inline-flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full\"\n        [class]=\"toast.variant === 'success' ? 'bg-[var(--eds-color-success-soft)] text-[var(--eds-color-success)]' : toast.variant === 'error' ? 'bg-[var(--eds-color-danger-soft)] text-[var(--eds-color-danger)]' : 'bg-[var(--eds-color-primary-soft)] text-[var(--eds-color-primary)]'\"\n        aria-hidden=\"true\"\n      >\n        @switch (toast.variant) {\n          @case ('success') {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n          }\n          @case ('error') {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\" />\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n            </svg>\n          }\n          @default {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n            </svg>\n          }\n        }\n      </span>\n      <span class=\"flex-1 leading-snug\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center rounded border-none bg-transparent text-[var(--eds-color-text-soft)] transition-colors duration-150 hover:bg-[var(--eds-color-surface-alt)] hover:text-[var(--eds-color-text)]\"\n        (click)=\"toastService.dismiss(toast.id)\"\n        aria-label=\"Dismiss notification\"\n      >\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n             stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  }\n</div>\n", styles: [".toast{animation:slide-in .16s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-toast-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fixed bottom-6 right-6 z-[1100] flex max-w-[380px] flex-col gap-3 pointer-events-none\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div\n      class=\"toast pointer-events-auto flex items-start gap-3 rounded-[var(--eds-radius-md)] border border-[var(--eds-color-border)] bg-[var(--eds-color-surface)] px-4 py-3 text-[13px] text-[var(--eds-color-text)] shadow-[0_6px_24px_rgba(20,30,50,0.12)]\"\n      role=\"status\"\n    >\n      <span\n        class=\"inline-flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full\"\n        [class]=\"toast.variant === 'success' ? 'bg-[var(--eds-color-success-soft)] text-[var(--eds-color-success)]' : toast.variant === 'error' ? 'bg-[var(--eds-color-danger-soft)] text-[var(--eds-color-danger)]' : 'bg-[var(--eds-color-primary-soft)] text-[var(--eds-color-primary)]'\"\n        aria-hidden=\"true\"\n      >\n        @switch (toast.variant) {\n          @case ('success') {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n          }\n          @case ('error') {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\" />\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n            </svg>\n          }\n          @default {\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                 stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n            </svg>\n          }\n        }\n      </span>\n      <span class=\"flex-1 leading-snug\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center rounded border-none bg-transparent text-[var(--eds-color-text-soft)] transition-colors duration-150 hover:bg-[var(--eds-color-surface-alt)] hover:text-[var(--eds-color-text)]\"\n        (click)=\"toastService.dismiss(toast.id)\"\n        aria-label=\"Dismiss notification\"\n      >\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n             stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  }\n</div>\n", styles: [".toast{animation:slide-in .16s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }] });
+
+class EdsIconComponent {
+    constructor() {
+        this.name = input.required();
+        this.size = input(20);
+        this.fill = input(0);
+        this.weight = input(400);
+        this.variation = computed(() => `'FILL' ${this.fill()}, 'wght' ${this.weight()}, 'GRAD' 0, 'opsz' ${this.size()}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EdsIconComponent, isStandalone: true, selector: "eds-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<span class="eds-icon" [style.font-size.px]="size()" [style.font-variation-settings]="variation()">{{ name() }}</span>`, isInline: true, styles: [":host{display:inline-flex;line-height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-icon', standalone: true, template: `<span class="eds-icon" [style.font-size.px]="size()" [style.font-variation-settings]="variation()">{{ name() }}</span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;line-height:0}\n"] }]
+        }] });
+
+class EdsModuleNavComponent {
+    constructor() {
+        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
+        this.session = inject(VOICE_RECEPTIONIST_SESSION);
+        this.includePracticeNav = !!this.config.includePracticeNav;
+        /** Standalone Voice Hub only — never show logout in EHR embed (no module nav there). */
+        this.showLogout = computed(() => !!this.session);
+        this.userEmail = computed(() => this.session?.email() ?? null);
+        this.receptionistNav = [
+            { id: 'dashboard', label: 'Home', icon: 'home', route: 'dashboard' },
+            { id: 'live', label: 'Live Calls', icon: 'phone_in_talk', route: 'live' },
+            { id: 'history', label: 'Call History', icon: 'history', route: 'history' },
+            { id: 'activities', label: 'Activities', icon: 'format_list_bulleted', route: 'activities' },
+            { id: 'analytics', label: 'Analytics', icon: 'show_chart', route: 'analytics' },
+            { id: 'api-logs', label: 'API Logs', icon: 'terminal', route: 'api-logs' },
+            { id: 'settings', label: 'Agent Setting', icon: 'settings', route: 'settings' },
+        ];
+        this.practiceNav = [
+            { id: 'patients', label: 'Patients', icon: 'groups', route: 'patients' },
+            { id: 'providers', label: 'Providers', icon: 'medical_services', route: 'providers' },
+            { id: 'appointments', label: 'Appointments', icon: 'calendar_month', route: 'appointments' },
+            { id: 'admin', label: 'Admin', icon: 'admin_panel_settings', route: 'admin', adminOnly: true },
+        ];
+    }
+    showNavItem(item) {
+        if (!item.adminOnly)
+            return true;
+        return !!this.session?.isAdmin() || !!this.session?.isSuperAdmin?.();
+    }
+    logout() {
+        this.session?.logout();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsModuleNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsModuleNavComponent, isStandalone: true, selector: "eds-module-nav", host: { classAttribute: "block shrink-0" }, ngImport: i0, template: "<nav\n  class=\"flex h-screen min-h-screen w-[var(--eds-nav-width)] flex-col overflow-y-auto sticky top-0 border-r border-[var(--eds-border-default)] bg-white py-5 px-4\"\n  aria-label=\"AI Receptionist\"\n>\n  <div class=\"mb-4 flex items-center gap-3 border-b border-[var(--eds-border-default)] px-1 pb-4 pt-1\">\n    <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-[10px] bg-violet-500/15 text-[var(--eds-violet-500)]\" aria-hidden=\"true\">\n      <eds-icon name=\"auto_awesome\" [size]=\"20\" [fill]=\"1\" />\n    </span>\n    <div class=\"flex min-w-0 flex-col gap-1\">\n      <span class=\"text-[15px] font-semibold leading-tight tracking-tight text-[var(--eds-text-primary)]\">AI Receptionist</span>\n    </div>\n  </div>\n\n  <div class=\"flex flex-col gap-1\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        class=\"group/link relative flex items-center gap-3 rounded-[10px] px-3 py-3 text-sm font-medium leading-tight text-slate-700 no-underline transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900 [&.active]:bg-slate-100 [&.active]:font-semibold [&.active]:text-slate-900\"\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900 group-[.active]/link:text-slate-900\" [name]=\"item.icon\" [size]=\"24\" />\n        <span class=\"min-w-0 flex-1\">{{ item.label }}</span>\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"mx-3 mb-2 mt-4 text-sm font-semibold text-[var(--eds-text-table-header,#4d5573)]\">Practice</p>\n    <div class=\"mb-3 flex flex-col gap-1\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a\n            class=\"group/link relative flex items-center gap-3 rounded-[10px] px-3 py-3 text-sm font-medium leading-tight text-slate-700 no-underline transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900 [&.active]:bg-slate-100 [&.active]:font-semibold [&.active]:text-slate-900\"\n            [routerLink]=\"item.route\"\n            routerLinkActive=\"active\"\n          >\n            <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900 group-[.active]/link:text-slate-900\" [name]=\"item.icon\" [size]=\"24\" />\n            <span class=\"min-w-0 flex-1\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n\n  @if (showLogout()) {\n    <div class=\"mt-auto border-t border-[var(--eds-border-default)] pt-3\">\n      @if (userEmail(); as email) {\n        <p class=\"mb-2 truncate px-3 text-xs text-slate-500\" [title]=\"email\">{{ email }}</p>\n      }\n      <button\n        type=\"button\"\n        class=\"group/link relative flex w-full cursor-pointer items-center gap-3 rounded-[10px] border-0 bg-transparent px-3 py-3 text-left text-sm font-medium leading-tight text-slate-700 transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900\"\n        (click)=\"logout()\"\n        aria-label=\"Log out\"\n        title=\"Log out\"\n      >\n        <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900\" name=\"logout\" [size]=\"24\" />\n        <span class=\"min-w-0 flex-1\">Log out</span>\n      </button>\n    </div>\n  }\n</nav>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsModuleNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-module-nav', imports: [RouterLink, RouterLinkActive, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block shrink-0' }, template: "<nav\n  class=\"flex h-screen min-h-screen w-[var(--eds-nav-width)] flex-col overflow-y-auto sticky top-0 border-r border-[var(--eds-border-default)] bg-white py-5 px-4\"\n  aria-label=\"AI Receptionist\"\n>\n  <div class=\"mb-4 flex items-center gap-3 border-b border-[var(--eds-border-default)] px-1 pb-4 pt-1\">\n    <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-[10px] bg-violet-500/15 text-[var(--eds-violet-500)]\" aria-hidden=\"true\">\n      <eds-icon name=\"auto_awesome\" [size]=\"20\" [fill]=\"1\" />\n    </span>\n    <div class=\"flex min-w-0 flex-col gap-1\">\n      <span class=\"text-[15px] font-semibold leading-tight tracking-tight text-[var(--eds-text-primary)]\">AI Receptionist</span>\n    </div>\n  </div>\n\n  <div class=\"flex flex-col gap-1\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        class=\"group/link relative flex items-center gap-3 rounded-[10px] px-3 py-3 text-sm font-medium leading-tight text-slate-700 no-underline transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900 [&.active]:bg-slate-100 [&.active]:font-semibold [&.active]:text-slate-900\"\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900 group-[.active]/link:text-slate-900\" [name]=\"item.icon\" [size]=\"24\" />\n        <span class=\"min-w-0 flex-1\">{{ item.label }}</span>\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"mx-3 mb-2 mt-4 text-sm font-semibold text-[var(--eds-text-table-header,#4d5573)]\">Practice</p>\n    <div class=\"mb-3 flex flex-col gap-1\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a\n            class=\"group/link relative flex items-center gap-3 rounded-[10px] px-3 py-3 text-sm font-medium leading-tight text-slate-700 no-underline transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900 [&.active]:bg-slate-100 [&.active]:font-semibold [&.active]:text-slate-900\"\n            [routerLink]=\"item.route\"\n            routerLinkActive=\"active\"\n          >\n            <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900 group-[.active]/link:text-slate-900\" [name]=\"item.icon\" [size]=\"24\" />\n            <span class=\"min-w-0 flex-1\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n\n  @if (showLogout()) {\n    <div class=\"mt-auto border-t border-[var(--eds-border-default)] pt-3\">\n      @if (userEmail(); as email) {\n        <p class=\"mb-2 truncate px-3 text-xs text-slate-500\" [title]=\"email\">{{ email }}</p>\n      }\n      <button\n        type=\"button\"\n        class=\"group/link relative flex w-full cursor-pointer items-center gap-3 rounded-[10px] border-0 bg-transparent px-3 py-3 text-left text-sm font-medium leading-tight text-slate-700 transition-colors duration-150 hover:bg-slate-50 hover:text-slate-900\"\n        (click)=\"logout()\"\n        aria-label=\"Log out\"\n        title=\"Log out\"\n      >\n        <eds-icon class=\"shrink-0 text-slate-600 group-hover/link:text-slate-900\" name=\"logout\" [size]=\"24\" />\n        <span class=\"min-w-0 flex-1\">Log out</span>\n      </button>\n    </div>\n  }\n</nav>\n" }]
+        }] });
+
+/**
+ * Thin top progress bar + soft content veil while Angular navigates
+ * (lazy chunks, guards). Use once at the host root or app shell.
+ */
+class EdsRouteProgressComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.destroyRef = inject(DestroyRef);
+        this.hideTimer = null;
+        this.active = signal(false);
+        this.router.events
+            .pipe(filter((e) => e instanceof NavigationStart ||
+            e instanceof NavigationEnd ||
+            e instanceof NavigationCancel ||
+            e instanceof NavigationError), takeUntilDestroyed(this.destroyRef))
+            .subscribe((e) => {
+            if (e instanceof NavigationStart) {
+                this.clearHideTimer();
+                this.active.set(true);
+                return;
+            }
+            // Keep visible briefly so fast navigations still feel intentional.
+            this.clearHideTimer();
+            this.hideTimer = setTimeout(() => this.active.set(false), 180);
+        });
+        this.destroyRef.onDestroy(() => this.clearHideTimer());
+    }
+    clearHideTimer() {
+        if (this.hideTimer) {
+            clearTimeout(this.hideTimer);
+            this.hideTimer = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsRouteProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsRouteProgressComponent, isStandalone: true, selector: "eds-route-progress", ngImport: i0, template: `
+    @if (active()) {
+      <div class="eds-route-progress" role="progressbar" aria-busy="true" aria-label="Loading page">
+        <div class="eds-route-progress__bar"></div>
+      </div>
+      <div class="eds-route-progress__veil" aria-hidden="true">
+        <div class="eds-route-progress__panel">
+          <span class="eds-route-progress__spinner"></span>
+          <span class="eds-route-progress__label">Loading…</span>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:contents}.eds-route-progress{position:fixed;inset:0 0 auto;z-index:9999;height:3px;overflow:hidden;pointer-events:none;background:transparent}.eds-route-progress__bar{height:100%;width:40%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#2162f0,#8e51ff);animation:eds-route-progress-slide 1.05s ease-in-out infinite}.eds-route-progress__veil{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:all;background:#f7faff8c;backdrop-filter:blur(1px)}.eds-route-progress__panel{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;box-shadow:0 8px 24px #0f172a14;color:#334155;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500}.eds-route-progress__spinner{width:1.1rem;height:1.1rem;border:2px solid #dbeafe;border-top-color:#2162f0;border-radius:999px;animation:eds-route-progress-spin .7s linear infinite}.eds-route-progress__label{letter-spacing:-.01em}@keyframes eds-route-progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes eds-route-progress-spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsRouteProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-route-progress', standalone: true, template: `
+    @if (active()) {
+      <div class="eds-route-progress" role="progressbar" aria-busy="true" aria-label="Loading page">
+        <div class="eds-route-progress__bar"></div>
+      </div>
+      <div class="eds-route-progress__veil" aria-hidden="true">
+        <div class="eds-route-progress__panel">
+          <span class="eds-route-progress__spinner"></span>
+          <span class="eds-route-progress__label">Loading…</span>
+        </div>
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}.eds-route-progress{position:fixed;inset:0 0 auto;z-index:9999;height:3px;overflow:hidden;pointer-events:none;background:transparent}.eds-route-progress__bar{height:100%;width:40%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#2162f0,#8e51ff);animation:eds-route-progress-slide 1.05s ease-in-out infinite}.eds-route-progress__veil{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:all;background:#f7faff8c;backdrop-filter:blur(1px)}.eds-route-progress__panel{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;box-shadow:0 8px 24px #0f172a14;color:#334155;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500}.eds-route-progress__spinner{width:1.1rem;height:1.1rem;border:2px solid #dbeafe;border-top-color:#2162f0;border-radius:999px;animation:eds-route-progress-spin .7s linear infinite}.eds-route-progress__label{letter-spacing:-.01em}@keyframes eds-route-progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes eds-route-progress-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class EdsAppShellComponent {
+    constructor() {
+        /** EHR embed: false (default). Standalone Voice Hub: set showModuleNav: true. */
+        this.showModuleNav = !!inject(VOICE_RECEPTIONIST_CONFIG).showModuleNav;
+        /**
+         * Standalone Voice Hub mounts progress on app-root. EHR embeds that only use
+         * this shell still need a nav loader — enable when host nav is hidden.
+         */
+        this.showRouteProgress = !this.showModuleNav;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAppShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsAppShellComponent, isStandalone: true, selector: "eds-app-shell", ngImport: i0, template: "<div class=\"eds-layout flex min-h-screen\">\n  @if (showRouteProgress) {\n    <eds-route-progress />\n  }\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main flex min-w-0 flex-1 flex-col\">\n    <div class=\"eds-content flex-1 overflow-auto\">\n      <router-outlet />\n    </div>\n  </div>\n  <app-toast-container />\n</div>\n", styles: [":host{display:block}.eds-layout{background:var(--eds-surface-l1);font-family:var(--eds-font-inter, \"Inter\", sans-serif);font-size:var(--eds-font-size-base, 13px);font-weight:var(--eds-font-weight-regular, 400);color:var(--eds-text-primary, #41464c)}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EdsModuleNavComponent, selector: "eds-module-nav" }, { kind: "component", type: ToastContainerComponent, selector: "app-toast-container" }, { kind: "component", type: EdsRouteProgressComponent, selector: "eds-route-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAppShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-app-shell', imports: [
+                        RouterOutlet,
+                        EdsModuleNavComponent,
+                        ToastContainerComponent,
+                        EdsRouteProgressComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-layout flex min-h-screen\">\n  @if (showRouteProgress) {\n    <eds-route-progress />\n  }\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main flex min-w-0 flex-1 flex-col\">\n    <div class=\"eds-content flex-1 overflow-auto\">\n      <router-outlet />\n    </div>\n  </div>\n  <app-toast-container />\n</div>\n", styles: [":host{display:block}.eds-layout{background:var(--eds-surface-l1);font-family:var(--eds-font-inter, \"Inter\", sans-serif);font-size:var(--eds-font-size-base, 13px);font-weight:var(--eds-font-weight-regular, 400);color:var(--eds-text-primary, #41464c)}\n"] }]
+        }] });
 
 /** Build URL helpers from a config (or raw base URL). Safe outside injection context. */
 function createVoiceReceptionistPaths(configOrBase) {
@@ -434,8 +653,15 @@ function computeEffectiveWelcomeMessage(settings) {
 function historyResolution(input) {
     if (input.risk === 'urgent' || input.risk === 'review')
         return 'needs_attention';
+    const r = String(input.resolution ?? '').trim().toLowerCase();
+    if (r === 'resolved')
+        return 'resolved';
+    if (r === 'unresolved' || r.includes('needs') || r.includes('attention')) {
+        return 'needs_attention';
+    }
     const o = String(input.outcome ?? '').toLowerCase();
-    if (o.includes('fail') ||
+    if (o.includes('unresolved') ||
+        o.includes('fail') ||
         o.includes('escalat') ||
         o.includes('abandon') ||
         o.includes('attention') ||
@@ -443,6 +669,8 @@ function historyResolution(input) {
         o === 'transferred') {
         return 'needs_attention';
     }
+    if (o === 'completed' || o.includes('completed'))
+        return 'resolved';
     return 'resolved';
 }
 function historyResolutionLabel(resolution) {
@@ -770,6 +998,7 @@ function mapHistoryCallDto(dto) {
         phone: dto.phone,
         direction: dto.dir,
         outcome: dto.outcome,
+        resolution: dto.resolution ?? null,
         reason: dto.reason,
         duration: parseDurToSeconds(dto.dur),
         durationLabel: dto.dur,
@@ -1205,7 +1434,11 @@ function asHistoryList(body) {
 function asLiveCallList(body) {
     if (Array.isArray(body))
         return body;
-    return [];
+    if (!body || typeof body !== 'object')
+        return [];
+    const o = body;
+    const list = o['items'] ?? o['data'] ?? o['calls'] ?? o['liveCalls'];
+    return Array.isArray(list) ? list : [];
 }
 function asTaskList(body) {
     if (Array.isArray(body))
@@ -3481,5 +3714,376 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-export { AiReceptionistApiService as A, DEFAULT_PAGE_SIZE as D, WELCOME_MESSAGE_MAX as W, historyResolutionLabel as a, historyResolution as b, callerMetaLine as c, ageFromDob as d, resolveToolKey as e, resolveToolDisplayName as f, totalPages as g, historyResultChips as h, isUnknownCaller as i, activityTypeLabel as j, createVoiceReceptionistPaths as k, initialsFromName as l, buildAutoWelcomeTemplate as m, resolveWelcomePreview as n, DEFAULT_PLACEHOLDERS as o, resultChipIcon as r, toolEventTrackKey as t };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-ai-receptionist-api.service-DcRiHn8q.mjs.map
+/**
+ * Single shared Socket.io connection to the `/dashboard` namespace.
+ * Used by live calls list + per-call transcript stream.
+ */
+class DashboardSocketService {
+    constructor() {
+        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
+        this.paths = createVoiceReceptionistPaths(this.config);
+        this.connected = signal(false);
+        this.socket = null;
+        this.refCount = 0;
+        this.handlers = new Map();
+        this.connectCallbacks = new Set();
+    }
+    acquire() {
+        this.refCount++;
+        if (this.refCount === 1) {
+            this.connect();
+        }
+    }
+    release() {
+        this.refCount = Math.max(0, this.refCount - 1);
+        if (this.refCount === 0) {
+            this.disconnect();
+        }
+    }
+    onConnect(callback) {
+        this.connectCallbacks.add(callback);
+        if (this.connected()) {
+            callback();
+        }
+    }
+    offConnect(callback) {
+        this.connectCallbacks.delete(callback);
+    }
+    on(event, handler) {
+        const wrapped = (payload) => handler(payload);
+        if (!this.handlers.has(event)) {
+            this.handlers.set(event, new Map());
+        }
+        this.handlers.get(event).set(handler, wrapped);
+        if (this.socket) {
+            this.socket.on(event, wrapped);
+        }
+    }
+    off(event, handler) {
+        const eventHandlers = this.handlers.get(event);
+        const wrapped = eventHandlers?.get(handler);
+        if (wrapped) {
+            this.socket?.off(event, wrapped);
+            eventHandlers.delete(handler);
+        }
+    }
+    emit(event, payload) {
+        this.socket?.emit(event, payload);
+    }
+    connect() {
+        if (this.config.useMockApi) {
+            this.connected.set(true);
+            this.fireConnectCallbacks();
+            return;
+        }
+        this.socket = io(`${this.paths.apiRoot()}/dashboard`, {
+            path: '/socket.io',
+            transports: ['websocket'],
+            autoConnect: false,
+        });
+        this.socket.on('connect', () => {
+            this.connected.set(true);
+            this.fireConnectCallbacks();
+        });
+        this.socket.on('disconnect', () => {
+            this.connected.set(false);
+        });
+        this.socket.io.on('reconnect', () => {
+            this.fireConnectCallbacks();
+        });
+        for (const [event, handlerMap] of this.handlers) {
+            for (const wrapped of handlerMap.values()) {
+                this.socket.on(event, wrapped);
+            }
+        }
+        this.socket.connect();
+    }
+    disconnect() {
+        if (!this.socket) {
+            this.connected.set(false);
+            return;
+        }
+        for (const [event, handlerMap] of this.handlers) {
+            for (const wrapped of handlerMap.values()) {
+                this.socket.off(event, wrapped);
+            }
+        }
+        this.socket.removeAllListeners();
+        this.socket.disconnect();
+        this.socket = null;
+        this.connected.set(false);
+    }
+    fireConnectCallbacks() {
+        for (const cb of this.connectCallbacks) {
+            cb();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DashboardSocketService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const DEFAULT_POLL_MS = 12_000;
+/**
+ * Shared live calls list — REST + `live_calls_updated` socket + fallback poll.
+ */
+class LiveCallsListService {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.socket = inject(DashboardSocketService);
+        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
+        this.calls = signal([]);
+        this.loading = signal(false);
+        this.error = signal(null);
+        this.lastUpdated = signal(null);
+        this.subscriberCount = 0;
+        this.refreshId = 0;
+        this.mockPollTimer = null;
+        this.onLiveCallsUpdated = () => this.refresh(false);
+        this.onSocketConnect = () => this.refresh(false);
+    }
+    start() {
+        this.subscriberCount++;
+        if (this.subscriberCount > 1) {
+            this.refresh(false);
+            return;
+        }
+        this.socket.acquire();
+        this.socket.on('live_calls_updated', this.onLiveCallsUpdated);
+        this.socket.onConnect(this.onSocketConnect);
+        this.bindVisibility();
+        this.refresh(true);
+        this.startFallbackPoll();
+    }
+    stop() {
+        this.subscriberCount = Math.max(0, this.subscriberCount - 1);
+        if (this.subscriberCount > 0) {
+            return;
+        }
+        this.refreshId++;
+        this.refreshSub?.unsubscribe();
+        this.refreshSub = undefined;
+        this.stopFallbackPoll();
+        this.unbindVisibility();
+        this.socket.off('live_calls_updated', this.onLiveCallsUpdated);
+        this.socket.offConnect(this.onSocketConnect);
+        this.socket.release();
+    }
+    refresh(showLoading = true) {
+        const requestId = ++this.refreshId;
+        if (showLoading && this.calls().length === 0) {
+            this.loading.set(true);
+        }
+        this.refreshSub?.unsubscribe();
+        this.refreshSub = this.api.getLiveCalls().subscribe({
+            next: ({ data }) => {
+                if (requestId !== this.refreshId)
+                    return;
+                this.calls.set(data);
+                this.lastUpdated.set(Date.now());
+                this.loading.set(false);
+                this.error.set(null);
+            },
+            error: (err) => {
+                if (requestId !== this.refreshId)
+                    return;
+                this.loading.set(false);
+                const message = err instanceof Error ? err.message : 'Could not load live calls.';
+                this.error.set(message);
+            },
+        });
+    }
+    startFallbackPoll() {
+        const pollMs = this.config.liveCallsPollIntervalMs ?? DEFAULT_POLL_MS;
+        if (this.config.useMockApi) {
+            this.mockPollTimer = setInterval(() => {
+                if (!document.hidden) {
+                    this.refresh(false);
+                }
+            }, pollMs);
+            return;
+        }
+        this.pollSub = interval(pollMs)
+            .pipe(filter$1(() => !document.hidden))
+            .subscribe(() => this.refresh(false));
+    }
+    stopFallbackPoll() {
+        this.pollSub?.unsubscribe();
+        this.pollSub = undefined;
+        if (this.mockPollTimer) {
+            clearInterval(this.mockPollTimer);
+            this.mockPollTimer = null;
+        }
+    }
+    bindVisibility() {
+        this.visibilityHandler = () => {
+            if (!document.hidden) {
+                this.refresh(false);
+            }
+        };
+        document.addEventListener('visibilitychange', this.visibilityHandler);
+    }
+    unbindVisibility() {
+        if (this.visibilityHandler) {
+            document.removeEventListener('visibilitychange', this.visibilityHandler);
+            this.visibilityHandler = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveCallsListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveCallsListService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveCallsListService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Owns live-calls polling/socket for both the list and the per-call monitor
+ * so navigating list → detail → back does not tear down the shared list.
+ */
+class LiveCallsShellComponent {
+    constructor() {
+        this.liveCallsList = inject(LiveCallsListService);
+    }
+    ngOnInit() {
+        this.liveCallsList.start();
+    }
+    ngOnDestroy() {
+        this.liveCallsList.stop();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveCallsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: LiveCallsShellComponent, isStandalone: true, selector: "eds-live-calls-shell", ngImport: i0, template: '<router-outlet />', isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LiveCallsShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-live-calls-shell', imports: [RouterOutlet], template: '<router-outlet />', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}\n"] }]
+        }] });
+
+/** Feature child routes (under the embed shell). */
+const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
+    { path: '', pathMatch: 'full', redirectTo: 'dashboard' },
+    {
+        path: 'dashboard',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-dashboard-page.component-B_EYljRs.mjs').then((m) => m.DashboardPageComponent),
+    },
+    {
+        path: 'live',
+        component: LiveCallsShellComponent,
+        children: [
+            {
+                path: '',
+                pathMatch: 'full',
+                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-calls-page.component-1woGuh0J.mjs').then((m) => m.LiveCallsPageComponent),
+            },
+            {
+                path: ':id',
+                loadComponent: () => import('./edvak99-voice-receptionist-widget-live-monitor-page.component-ihwm1LNn.mjs').then((m) => m.LiveMonitorPageComponent),
+            },
+        ],
+    },
+    {
+        path: 'history',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-page.component-DoYJFpSa.mjs').then((m) => m.CallHistoryPageComponent),
+    },
+    {
+        path: 'history/:id',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-detail-page.component-ENq2c-sm.mjs').then((m) => m.CallHistoryDetailPageComponent),
+    },
+    {
+        path: 'activities',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-activities-page.component-Br2Vi1Im.mjs').then((m) => m.ActivitiesPageComponent),
+    },
+    {
+        path: 'tasks',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-tasks-page.component-Cf76XyCz.mjs').then((m) => m.TasksPageComponent),
+    },
+    {
+        path: 'analytics',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-analytics-page.component-CglgGV6H.mjs').then((m) => m.AnalyticsPageComponent),
+    },
+    {
+        path: 'api-logs',
+        canActivate: [apiLogsStandaloneGuard],
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-api-logs-page.component-DPJiuNjk.mjs').then((m) => m.ApiLogsPageComponent),
+    },
+    {
+        path: 'settings',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-settings-page.component-C6F-Hgmk.mjs').then((m) => m.SettingsPageComponent),
+    },
+    {
+        path: 'settings/outbound-purposes',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-outbound-purposes-page.component-B2koBFU3.mjs').then((m) => m.OutboundPurposesPageComponent),
+    },
+    {
+        path: 'knowledge',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-settings-page.component-C6F-Hgmk.mjs').then((m) => m.SettingsPageComponent),
+        data: { settingsTab: 'knowledge' },
+    },
+    {
+        path: 'wizard',
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-wizard-page.component-BQTlz2F5.mjs').then((m) => m.WizardPageComponent),
+    },
+];
+/**
+ * Lazy-loadable routes for EHR (and standalone hosts).
+ * Mount under a host path, e.g. `{ path: 'ai-receptionist', children: VOICE_RECEPTIONIST_ROUTES }`.
+ */
+const VOICE_RECEPTIONIST_ROUTES = [
+    {
+        path: '',
+        component: EdsAppShellComponent,
+        children: VOICE_RECEPTIONIST_FEATURE_ROUTES,
+    },
+];
+
+class EdsBadgeComponent {
+    constructor() {
+        this.tone = input('gray');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EdsBadgeComponent, isStandalone: true, selector: "eds-badge", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<span class="eds-badge inline-flex items-center gap-2 py-1 px-2" [attr.data-tone]="tone()"><ng-content /></span>`, isInline: true, styles: [".eds-badge{border-radius:var(--eds-radius-sm);font-family:var(--eds-font-inter);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.eds-badge[data-tone=brand]{background:#3681f41f;color:var(--eds-brand-600)}.eds-badge[data-tone=pos]{background:#0abf521f;color:var(--eds-green-500)}.eds-badge[data-tone=notice]{background:#ffb90026;color:#b45309}.eds-badge[data-tone=neg]{background:#f037401f;color:var(--eds-red-500)}.eds-badge[data-tone=violet]{background:#8e51ff1f;color:var(--eds-violet-500)}.eds-badge[data-tone=gray]{background:var(--eds-gray-100);color:var(--eds-gray-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-badge', standalone: true, template: `<span class="eds-badge inline-flex items-center gap-2 py-1 px-2" [attr.data-tone]="tone()"><ng-content /></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-badge{border-radius:var(--eds-radius-sm);font-family:var(--eds-font-inter);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.eds-badge[data-tone=brand]{background:#3681f41f;color:var(--eds-brand-600)}.eds-badge[data-tone=pos]{background:#0abf521f;color:var(--eds-green-500)}.eds-badge[data-tone=notice]{background:#ffb90026;color:#b45309}.eds-badge[data-tone=neg]{background:#f037401f;color:var(--eds-red-500)}.eds-badge[data-tone=violet]{background:#8e51ff1f;color:var(--eds-violet-500)}.eds-badge[data-tone=gray]{background:var(--eds-gray-100);color:var(--eds-gray-600)}\n"] }]
+        }] });
+
+class EdsButtonComponent {
+    constructor() {
+        this.variant = input('secondary');
+        this.type = input('button');
+        this.disabled = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EdsButtonComponent, isStandalone: true, selector: "eds-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <button [type]="type()" [disabled]="disabled()" [attr.data-variant]="variant()" class="eds-btn inline-flex items-center justify-center gap-2 py-2 px-4">
+      <ng-content />
+    </button>
+  `, isInline: true, styles: [".eds-btn{border-radius:var(--eds-radius-md);border:1px solid transparent;font-family:var(--eds-font-inter);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.eds-btn:disabled{opacity:.5;cursor:not-allowed}.eds-btn[data-variant=primary]{background:var(--eds-brand-600);color:#fff}.eds-btn[data-variant=primary]:hover:not(:disabled){background:var(--eds-brand-500)}.eds-btn[data-variant=secondary]{background:var(--eds-surface-l0);color:var(--eds-text-primary);border-color:var(--eds-border-default)}.eds-btn[data-variant=secondary]:hover:not(:disabled){background:var(--eds-surface-l1)}.eds-btn[data-variant=ghost]{background:transparent;color:var(--eds-text-secondary)}.eds-btn[data-variant=ghost]:hover:not(:disabled){background:var(--eds-gray-100);color:var(--eds-text-primary)}.eds-btn[data-variant=danger]{background:#f037401a;color:var(--eds-red-500);border-color:#f0374040}.eds-btn[data-variant=positive]{background:#0abf521f;color:var(--eds-green-500);border-color:#0abf5240}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-button', standalone: true, template: `
+    <button [type]="type()" [disabled]="disabled()" [attr.data-variant]="variant()" class="eds-btn inline-flex items-center justify-center gap-2 py-2 px-4">
+      <ng-content />
+    </button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-btn{border-radius:var(--eds-radius-md);border:1px solid transparent;font-family:var(--eds-font-inter);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.eds-btn:disabled{opacity:.5;cursor:not-allowed}.eds-btn[data-variant=primary]{background:var(--eds-brand-600);color:#fff}.eds-btn[data-variant=primary]:hover:not(:disabled){background:var(--eds-brand-500)}.eds-btn[data-variant=secondary]{background:var(--eds-surface-l0);color:var(--eds-text-primary);border-color:var(--eds-border-default)}.eds-btn[data-variant=secondary]:hover:not(:disabled){background:var(--eds-surface-l1)}.eds-btn[data-variant=ghost]{background:transparent;color:var(--eds-text-secondary)}.eds-btn[data-variant=ghost]:hover:not(:disabled){background:var(--eds-gray-100);color:var(--eds-text-primary)}.eds-btn[data-variant=danger]{background:#f037401a;color:var(--eds-red-500);border-color:#f0374040}.eds-btn[data-variant=positive]{background:#0abf521f;color:var(--eds-green-500);border-color:#0abf5240}\n"] }]
+        }] });
+
+/*
+ * Public API Surface of @edvak99/voice-receptionist-widget
+ *
+ * Only export host-facing symbols here. Internal pages/services stay private
+ * and are reached via VOICE_RECEPTIONIST_ROUTES / FEATURE_ROUTES.
+ */
+// Config & DI
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AiReceptionistApiService as A, DashboardSocketService as D, EdsButtonComponent as E, LiveCallsListService as L, ToastService as T, VOICE_RECEPTIONIST_CONFIG as V, WELCOME_MESSAGE_MAX as W, historyResolutionLabel as a, historyResolution as b, callerMetaLine as c, EdsIconComponent as d, ageFromDob as e, resolveToolKey as f, resolveToolDisplayName as g, historyResultChips as h, isUnknownCaller as i, DEFAULT_PAGE_SIZE as j, totalPages as k, EdsBadgeComponent as l, activityTypeLabel as m, initialsFromName as n, VOICE_RECEPTIONIST_SESSION as o, buildAutoWelcomeTemplate as p, resolveWelcomePreview as q, resultChipIcon as r, DEFAULT_PLACEHOLDERS as s, toolEventTrackKey as t, EdsAppShellComponent as u, EdsRouteProgressComponent as v, ToastContainerComponent as w, VOICE_RECEPTIONIST_FEATURE_ROUTES as x, VOICE_RECEPTIONIST_ROUTES as y, provideVoiceReceptionist as z };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-pS2jeB4x.mjs.map