@edvak99/voice-receptionist-widget 1.1.2 → 1.1.3

package/fesm2022/{edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs → edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dn0GrZ6_.mjs}

@@ -50,11 +50,11 @@ class ToastContainerComponent {
         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=\"toast-stack\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div class=\"toast\" [class]=\"'toast-' + toast.variant\" role=\"status\">\n      <span class=\"toast-icon\" aria-hidden=\"true\">\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=\"toast-text\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"toast-dismiss\"\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: [":host{position:fixed;bottom:24px;right:24px;z-index:1100;pointer-events:none}.toast-stack{display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 6px 24px #141e321f;font-size:13px;color:var(--color-text);animation:slide-in .16s ease}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.toast-info .toast-icon{background:var(--color-primary-soft);color:var(--color-primary)}.toast-success .toast-icon{background:var(--color-success-soft);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger-soft);color:var(--color-danger)}.toast-text{flex:1;line-height:1.45}.toast-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-soft);border-radius:4px;transition:background .12s ease,color .12s ease}.toast-dismiss:hover{background:var(--color-surface-alt);color:var(--color-text)}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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=\"toast-stack\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div class=\"toast\" [class]=\"'toast-' + toast.variant\" role=\"status\">\n      <span class=\"toast-icon\" aria-hidden=\"true\">\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=\"toast-text\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"toast-dismiss\"\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: [":host{position:fixed;bottom:24px;right:24px;z-index:1100;pointer-events:none}.toast-stack{display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--eds-color-surface);border:1px solid var(--eds-color-border);border-radius:var(--eds-radius-md);box-shadow:0 6px 24px #141e321f;font-size:13px;color:var(--eds-color-text);animation:slide-in .16s ease}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.toast-info .toast-icon{background:var(--eds-color-primary-soft);color:var(--eds-color-primary)}.toast-success .toast-icon{background:var(--eds-color-success-soft);color:var(--eds-color-success)}.toast-error .toast-icon{background:var(--eds-color-danger-soft);color:var(--eds-color-danger)}.toast-text{flex:1;line-height:1.45}.toast-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--eds-color-text-soft);border-radius:4px;transition:background .12s ease,color .12s ease}.toast-dismiss:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-text)}@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=\"toast-stack\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div class=\"toast\" [class]=\"'toast-' + toast.variant\" role=\"status\">\n      <span class=\"toast-icon\" aria-hidden=\"true\">\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=\"toast-text\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"toast-dismiss\"\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: [":host{position:fixed;bottom:24px;right:24px;z-index:1100;pointer-events:none}.toast-stack{display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 6px 24px #141e321f;font-size:13px;color:var(--color-text);animation:slide-in .16s ease}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.toast-info .toast-icon{background:var(--color-primary-soft);color:var(--color-primary)}.toast-success .toast-icon{background:var(--color-success-soft);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger-soft);color:var(--color-danger)}.toast-text{flex:1;line-height:1.45}.toast-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-soft);border-radius:4px;transition:background .12s ease,color .12s ease}.toast-dismiss:hover{background:var(--color-surface-alt);color:var(--color-text)}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+            args: [{ selector: 'app-toast-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toast-stack\" aria-live=\"polite\" aria-atomic=\"false\">\n  @for (toast of toastService.toasts(); track toast.id) {\n    <div class=\"toast\" [class]=\"'toast-' + toast.variant\" role=\"status\">\n      <span class=\"toast-icon\" aria-hidden=\"true\">\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=\"toast-text\">{{ toast.text }}</span>\n      <button\n        type=\"button\"\n        class=\"toast-dismiss\"\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: [":host{position:fixed;bottom:24px;right:24px;z-index:1100;pointer-events:none}.toast-stack{display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--eds-color-surface);border:1px solid var(--eds-color-border);border-radius:var(--eds-radius-md);box-shadow:0 6px 24px #141e321f;font-size:13px;color:var(--eds-color-text);animation:slide-in .16s ease}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.toast-info .toast-icon{background:var(--eds-color-primary-soft);color:var(--eds-color-primary)}.toast-success .toast-icon{background:var(--eds-color-success-soft);color:var(--eds-color-success)}.toast-error .toast-icon{background:var(--eds-color-danger-soft);color:var(--eds-color-danger)}.toast-text{flex:1;line-height:1.45}.toast-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--eds-color-text-soft);border-radius:4px;transition:background .12s ease,color .12s ease}.toast-dismiss:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-text)}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }] });
 
 /** Build URL helpers from a config (or raw base URL). Safe outside injection context. */
@@ -87,6 +87,32 @@ function extractApiRows(body) {
     return [];
 }
 
+const DEFAULT_PAGE_SIZE = 50;
+/** Parse `{ items, total, page, limit }` or a bare array (legacy). */
+function asPaginatedResult(body, fallbackPage = 1, fallbackLimit = DEFAULT_PAGE_SIZE) {
+    if (Array.isArray(body)) {
+        return {
+            items: body,
+            total: body.length,
+            page: fallbackPage,
+            limit: fallbackLimit,
+        };
+    }
+    if (!body || typeof body !== 'object') {
+        return { items: [], total: 0, page: fallbackPage, limit: fallbackLimit };
+    }
+    const o = body;
+    const rawItems = o['items'] ?? o['data'];
+    const items = Array.isArray(rawItems) ? rawItems : [];
+    const total = typeof o['total'] === 'number' ? o['total'] : items.length;
+    const page = typeof o['page'] === 'number' ? o['page'] : fallbackPage;
+    const limit = typeof o['limit'] === 'number' ? o['limit'] : fallbackLimit;
+    return { items, total, page, limit };
+}
+function totalPages(total, pageSize) {
+    return Math.max(1, Math.ceil(total / pageSize));
+}
+
 const WELCOME_MESSAGE_MAX = 500;
 function buildAutoWelcomeTemplate(practiceName, agentName) {
     const practice = practiceName.trim() || 'our office';
@@ -653,7 +679,8 @@ function asTaskList(body) {
 function asAuditList(body) {
     if (Array.isArray(body))
         return body;
-    return [];
+    const list = body;
+    return list?.items ?? [];
 }
 function asAttentionList(body) {
     if (Array.isArray(body))
@@ -1413,6 +1440,17 @@ class AiReceptionistApiMockService {
     mock(data) {
         return of({ data }).pipe(delay(MOCK_DELAY_MS));
     }
+    paginate(rows, page = 1, limit = DEFAULT_PAGE_SIZE) {
+        const safePage = Math.max(1, page);
+        const safeLimit = Math.min(100, Math.max(1, limit));
+        const start = (safePage - 1) * safeLimit;
+        return of({
+            items: rows.slice(start, start + safeLimit),
+            total: rows.length,
+            page: safePage,
+            limit: safeLimit,
+        }).pipe(delay(MOCK_DELAY_MS));
+    }
     getStatus() {
         return this.mock(this.status());
     }
@@ -1495,7 +1533,7 @@ class AiReceptionistApiMockService {
             rows = rows.filter((h) => h.location === filters.location);
         if (filters?.review)
             rows = rows.filter((h) => h.review === filters.review);
-        return this.mock(rows);
+        return this.paginate(rows, filters?.page, filters?.limit);
     }
     getCallDetail(id) {
         const detail = SEED_HISTORY_DETAILS[id] ?? null;
@@ -1566,10 +1604,10 @@ class AiReceptionistApiMockService {
             rows = rows.filter((t) => t.source === filters.source);
         if (filters?.callId)
             rows = rows.filter((t) => t.callId === filters.callId);
-        return this.mock(rows);
+        return this.paginate(rows, filters?.page, filters?.limit);
     }
     getCallTasks(callId) {
-        return this.getTasks({ callId });
+        return this.getTasks({ callId, limit: 100 }).pipe(map((page) => ({ data: page.items })));
     }
     createTask(req) {
         let description = req.description?.trim() ?? '';
@@ -1629,7 +1667,7 @@ class AiReceptionistApiMockService {
             effectiveWelcomeMessage: computeEffectiveWelcomeMessage(settings),
         };
     }
-    getAudit(q, actor) {
+    getAudit(q, actor, opts) {
         let rows = SEED_AUDIT;
         if (q) {
             const needle = q.toLowerCase();
@@ -1639,7 +1677,7 @@ class AiReceptionistApiMockService {
         }
         if (actor)
             rows = rows.filter((e) => e.actor.toLowerCase().includes(actor.toLowerCase()));
-        return this.mock(rows);
+        return this.paginate(rows, opts?.page, opts?.limit);
     }
     getSetup() {
         return this.mock(SEED_SETUP);
@@ -1937,7 +1975,9 @@ class AiReceptionistApiService {
     getHistory(filters) {
         if (this.useMock)
             return this.mock.getHistory(filters);
-        let params = new HttpParams().set('page', '1').set('limit', '100');
+        const page = filters?.page ?? 1;
+        const limit = filters?.limit ?? DEFAULT_PAGE_SIZE;
+        let params = new HttpParams().set('page', String(page)).set('limit', String(limit));
         if (filters?.q)
             params = params.set('search', filters.q);
         if (filters?.dir)
@@ -1948,7 +1988,13 @@ class AiReceptionistApiService {
             params = params.set('location', filters.location);
         if (filters?.review)
             params = params.set('review', filters.review);
-        return this.http.get(`${this.arBase}/calls/history`, { params }).pipe(map((body) => ({ data: asHistoryList(body).map(mapHistoryCallDto) })));
+        return this.http.get(`${this.arBase}/calls/history`, { params }).pipe(map((body) => {
+            const pageResult = asPaginatedResult(body, page, limit);
+            return {
+                ...pageResult,
+                items: pageResult.items.map(mapHistoryCallDto),
+            };
+        }));
     }
     getCallDetail(id) {
         if (this.useMock)
@@ -2026,7 +2072,9 @@ class AiReceptionistApiService {
     getTasks(filters) {
         if (this.useMock)
             return this.mock.getTasks(filters);
-        let params = new HttpParams();
+        const page = filters?.page ?? 1;
+        const limit = filters?.limit ?? DEFAULT_PAGE_SIZE;
+        let params = new HttpParams().set('page', String(page)).set('limit', String(limit));
         if (filters?.status) {
             const apiStatus = filters.status === 'in_progress' ? 'in-progress' : filters.status;
             params = params.set('status', apiStatus);
@@ -2037,9 +2085,13 @@ class AiReceptionistApiService {
             params = params.set('source', filters.source);
         if (filters?.callId)
             params = params.set('callId', filters.callId);
-        if (filters?.limit != null)
-            params = params.set('limit', String(filters.limit));
-        return this.http.get(`${this.arBase}/tasks`, { params }).pipe(map((body) => ({ data: asTaskList(body).map(mapTaskDto) })));
+        return this.http.get(`${this.arBase}/tasks`, { params }).pipe(map((body) => {
+            const pageResult = asPaginatedResult(body, page, limit);
+            return {
+                ...pageResult,
+                items: pageResult.items.map(mapTaskDto),
+            };
+        }));
     }
     getCallTasks(callId) {
         if (this.useMock)
@@ -2093,15 +2145,21 @@ class AiReceptionistApiService {
             responseType: 'blob',
         });
     }
-    getAudit(q) {
+    getAudit(q, opts) {
         if (this.useMock)
-            return this.mock.getAudit(q);
-        let params = new HttpParams();
+            return this.mock.getAudit(q, undefined, opts);
+        const page = opts?.page ?? 1;
+        const limit = opts?.limit ?? DEFAULT_PAGE_SIZE;
+        let params = new HttpParams().set('page', String(page)).set('limit', String(limit));
         if (q)
             params = params.set('search', q);
-        return this.http.get(`${this.arBase}/audit`, { params }).pipe(map((body) => ({
-            data: asAuditList(body).map((e, i) => mapAuditEventDto(e, i)),
-        })));
+        return this.http.get(`${this.arBase}/audit`, { params }).pipe(map((body) => {
+            const pageResult = asPaginatedResult(body, page, limit);
+            return {
+                ...pageResult,
+                items: asAuditList(body).map((e, i) => mapAuditEventDto(e, i)),
+            };
+        }));
     }
     getSetup() {
         if (this.useMock)
@@ -2326,11 +2384,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 
 class EdsPulseDotComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsPulseDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EdsPulseDotComponent, isStandalone: true, selector: "eds-pulse-dot", ngImport: i0, template: `<span class="eds-pulse-dot"><span class="eds-pulse-dot__core"></span></span>`, isInline: true, styles: [".eds-pulse-dot{position:relative;display:inline-flex;width:8px;height:8px}.eds-pulse-dot__core{width:8px;height:8px;border-radius:50%;background:var(--green-500)}.eds-pulse-dot__core:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--green-500);animation:eds-ping 1.4s cubic-bezier(0,0,.2,1) infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EdsPulseDotComponent, isStandalone: true, selector: "eds-pulse-dot", ngImport: i0, template: `<span class="eds-pulse-dot"><span class="eds-pulse-dot__core"></span></span>`, isInline: true, styles: [".eds-pulse-dot{position:relative;display:inline-flex;width:8px;height:8px}.eds-pulse-dot__core{width:8px;height:8px;border-radius:50%;background:var(--eds-green-500)}.eds-pulse-dot__core:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--eds-green-500);animation:eds-ping 1.4s cubic-bezier(0,0,.2,1) infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsPulseDotComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-pulse-dot', standalone: true, template: `<span class="eds-pulse-dot"><span class="eds-pulse-dot__core"></span></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-pulse-dot{position:relative;display:inline-flex;width:8px;height:8px}.eds-pulse-dot__core{width:8px;height:8px;border-radius:50%;background:var(--green-500)}.eds-pulse-dot__core:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--green-500);animation:eds-ping 1.4s cubic-bezier(0,0,.2,1) infinite}\n"] }]
+            args: [{ selector: 'eds-pulse-dot', standalone: true, template: `<span class="eds-pulse-dot"><span class="eds-pulse-dot__core"></span></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-pulse-dot{position:relative;display:inline-flex;width:8px;height:8px}.eds-pulse-dot__core{width:8px;height:8px;border-radius:50%;background:var(--eds-green-500)}.eds-pulse-dot__core:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--eds-green-500);animation:eds-ping 1.4s cubic-bezier(0,0,.2,1) infinite}\n"] }]
         }] });
 
 class EdsModuleNavComponent {
@@ -2363,11 +2421,11 @@ class EdsModuleNavComponent {
         return !item.adminOnly || !!this.session?.isAdmin();
     }
     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", ngImport: i0, template: "<nav class=\"eds-modnav\" aria-label=\"AI Receptionist\">\n  <div class=\"eds-modnav-header\">\n    <span class=\"eds-modnav-icon eds-gradient-brand\">\n      <eds-icon name=\"graphic_eq\" [size]=\"18\" [fill]=\"1\" />\n    </span>\n    <div class=\"eds-modnav-titles\">\n      <span class=\"eds-modnav-name\">AI Receptionist</span>\n      <span class=\"eds-modnav-status\">\n        @if (agentOn() === true) {\n          <eds-pulse-dot />\n          Answering calls\n        } @else if (agentOn() === false) {\n          Offline \u2014 front desk\n        } @else {\n          Status unknown\n        }\n      </span>\n    </div>\n  </div>\n\n  <div class=\"eds-modnav-links\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n        <span class=\"eds-modnav-label\">{{ item.label }}</span>\n        @if (item.pulse) {\n          <eds-pulse-dot class=\"eds-modnav-pulse\" />\n        }\n        @if (item.badge) {\n          <span class=\"eds-modnav-badge\">{{ item.badge }}</span>\n        }\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"eds-modnav-section\">Practice</p>\n    <div class=\"eds-modnav-links eds-modnav-links--practice\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a [routerLink]=\"item.route\" routerLinkActive=\"active\">\n            <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n            <span class=\"eds-modnav-label\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</nav>\n", styles: [":host{display:block;flex-shrink:0}.eds-modnav{width:var(--eds-nav-width);min-height:100vh;background:var(--surface-l0);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.eds-modnav-header{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--border-default);margin-bottom:12px}.eds-modnav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);color:#fff}.eds-modnav-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.eds-modnav-name{font-family:var(--font-inter);font-size:14px;font-weight:600;color:var(--text-primary)}.eds-modnav-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green-500);font-weight:500}.eds-modnav-links{display:flex;flex-direction:column;gap:2px}.eds-modnav-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--eds-radius-md);text-decoration:none;color:var(--text-secondary);font-size:13px;font-weight:500;position:relative}.eds-modnav-links a:hover{background:var(--surface-l1);color:var(--text-primary)}.eds-modnav-links a.active{background:#3681f41a;color:var(--brand-600)}.eds-modnav-links--practice{margin-bottom:12px}.eds-modnav-section{margin:14px 10px 6px;font-family:var(--font-inter);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500)}.eds-modnav-label{flex:1;min-width:0}.eds-modnav-pulse{margin-left:auto}.eds-modnav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-600);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.eds-readiness-card{margin-top:auto;padding:12px;border-radius:var(--eds-radius-lg);border:1px solid var(--border-default);background:var(--surface-l1);text-decoration:none;color:inherit;transition:box-shadow .15s ease}.eds-readiness-card:hover{box-shadow:var(--eds-shadow-md)}.eds-readiness-top{display:flex;justify-content:space-between;margin-bottom:8px}.eds-readiness-bar{height:6px;background:var(--gray-200);border-radius:999px;overflow:hidden}.eds-readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-500),var(--violet-500));border-radius:999px}\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"] }, { kind: "component", type: EdsPulseDotComponent, selector: "eds-pulse-dot" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsModuleNavComponent, isStandalone: true, selector: "eds-module-nav", ngImport: i0, template: "<nav class=\"eds-modnav\" aria-label=\"AI Receptionist\">\n  <div class=\"eds-modnav-header\">\n    <span class=\"eds-modnav-icon eds-gradient-brand\">\n      <eds-icon name=\"graphic_eq\" [size]=\"18\" [fill]=\"1\" />\n    </span>\n    <div class=\"eds-modnav-titles\">\n      <span class=\"eds-modnav-name\">AI Receptionist</span>\n      <span class=\"eds-modnav-status\">\n        @if (agentOn() === true) {\n          <eds-pulse-dot />\n          Answering calls\n        } @else if (agentOn() === false) {\n          Offline \u2014 front desk\n        } @else {\n          Status unknown\n        }\n      </span>\n    </div>\n  </div>\n\n  <div class=\"eds-modnav-links\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n        <span class=\"eds-modnav-label\">{{ item.label }}</span>\n        @if (item.pulse) {\n          <eds-pulse-dot class=\"eds-modnav-pulse\" />\n        }\n        @if (item.badge) {\n          <span class=\"eds-modnav-badge\">{{ item.badge }}</span>\n        }\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"eds-modnav-section\">Practice</p>\n    <div class=\"eds-modnav-links eds-modnav-links--practice\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a [routerLink]=\"item.route\" routerLinkActive=\"active\">\n            <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n            <span class=\"eds-modnav-label\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</nav>\n", styles: [":host{display:block;flex-shrink:0}.eds-modnav{width:var(--eds-nav-width);min-height:100vh;background:var(--eds-surface-l0);border-right:1px solid var(--eds-border-default);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.eds-modnav-header{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--eds-border-default);margin-bottom:12px}.eds-modnav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);color:#fff}.eds-modnav-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.eds-modnav-name{font-family:var(--eds-font-inter);font-size:14px;font-weight:600;color:var(--eds-text-primary)}.eds-modnav-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--eds-green-500);font-weight:500}.eds-modnav-links{display:flex;flex-direction:column;gap:2px}.eds-modnav-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--eds-radius-md);text-decoration:none;color:var(--eds-text-secondary);font-size:13px;font-weight:500;position:relative}.eds-modnav-links a:hover{background:var(--eds-surface-l1);color:var(--eds-text-primary)}.eds-modnav-links a.active{background:#3681f41a;color:var(--eds-brand-600)}.eds-modnav-links--practice{margin-bottom:12px}.eds-modnav-section{margin:14px 10px 6px;font-family:var(--eds-font-inter);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eds-gray-500)}.eds-modnav-label{flex:1;min-width:0}.eds-modnav-pulse{margin-left:auto}.eds-modnav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--eds-brand-600);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.eds-readiness-card{margin-top:auto;padding:12px;border-radius:var(--eds-radius-lg);border:1px solid var(--eds-border-default);background:var(--eds-surface-l1);text-decoration:none;color:inherit;transition:box-shadow .15s ease}.eds-readiness-card:hover{box-shadow:var(--eds-shadow-md)}.eds-readiness-top{display:flex;justify-content:space-between;margin-bottom:8px}.eds-readiness-bar{height:6px;background:var(--eds-gray-200);border-radius:999px;overflow:hidden}.eds-readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--eds-brand-500),var(--eds-violet-500));border-radius:999px}\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"] }, { kind: "component", type: EdsPulseDotComponent, selector: "eds-pulse-dot" }], 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, EdsPulseDotComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"eds-modnav\" aria-label=\"AI Receptionist\">\n  <div class=\"eds-modnav-header\">\n    <span class=\"eds-modnav-icon eds-gradient-brand\">\n      <eds-icon name=\"graphic_eq\" [size]=\"18\" [fill]=\"1\" />\n    </span>\n    <div class=\"eds-modnav-titles\">\n      <span class=\"eds-modnav-name\">AI Receptionist</span>\n      <span class=\"eds-modnav-status\">\n        @if (agentOn() === true) {\n          <eds-pulse-dot />\n          Answering calls\n        } @else if (agentOn() === false) {\n          Offline \u2014 front desk\n        } @else {\n          Status unknown\n        }\n      </span>\n    </div>\n  </div>\n\n  <div class=\"eds-modnav-links\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n        <span class=\"eds-modnav-label\">{{ item.label }}</span>\n        @if (item.pulse) {\n          <eds-pulse-dot class=\"eds-modnav-pulse\" />\n        }\n        @if (item.badge) {\n          <span class=\"eds-modnav-badge\">{{ item.badge }}</span>\n        }\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"eds-modnav-section\">Practice</p>\n    <div class=\"eds-modnav-links eds-modnav-links--practice\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a [routerLink]=\"item.route\" routerLinkActive=\"active\">\n            <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n            <span class=\"eds-modnav-label\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</nav>\n", styles: [":host{display:block;flex-shrink:0}.eds-modnav{width:var(--eds-nav-width);min-height:100vh;background:var(--surface-l0);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.eds-modnav-header{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--border-default);margin-bottom:12px}.eds-modnav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);color:#fff}.eds-modnav-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.eds-modnav-name{font-family:var(--font-inter);font-size:14px;font-weight:600;color:var(--text-primary)}.eds-modnav-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green-500);font-weight:500}.eds-modnav-links{display:flex;flex-direction:column;gap:2px}.eds-modnav-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--eds-radius-md);text-decoration:none;color:var(--text-secondary);font-size:13px;font-weight:500;position:relative}.eds-modnav-links a:hover{background:var(--surface-l1);color:var(--text-primary)}.eds-modnav-links a.active{background:#3681f41a;color:var(--brand-600)}.eds-modnav-links--practice{margin-bottom:12px}.eds-modnav-section{margin:14px 10px 6px;font-family:var(--font-inter);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500)}.eds-modnav-label{flex:1;min-width:0}.eds-modnav-pulse{margin-left:auto}.eds-modnav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-600);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.eds-readiness-card{margin-top:auto;padding:12px;border-radius:var(--eds-radius-lg);border:1px solid var(--border-default);background:var(--surface-l1);text-decoration:none;color:inherit;transition:box-shadow .15s ease}.eds-readiness-card:hover{box-shadow:var(--eds-shadow-md)}.eds-readiness-top{display:flex;justify-content:space-between;margin-bottom:8px}.eds-readiness-bar{height:6px;background:var(--gray-200);border-radius:999px;overflow:hidden}.eds-readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-500),var(--violet-500));border-radius:999px}\n"] }]
+            args: [{ selector: 'eds-module-nav', imports: [RouterLink, RouterLinkActive, EdsIconComponent, EdsPulseDotComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"eds-modnav\" aria-label=\"AI Receptionist\">\n  <div class=\"eds-modnav-header\">\n    <span class=\"eds-modnav-icon eds-gradient-brand\">\n      <eds-icon name=\"graphic_eq\" [size]=\"18\" [fill]=\"1\" />\n    </span>\n    <div class=\"eds-modnav-titles\">\n      <span class=\"eds-modnav-name\">AI Receptionist</span>\n      <span class=\"eds-modnav-status\">\n        @if (agentOn() === true) {\n          <eds-pulse-dot />\n          Answering calls\n        } @else if (agentOn() === false) {\n          Offline \u2014 front desk\n        } @else {\n          Status unknown\n        }\n      </span>\n    </div>\n  </div>\n\n  <div class=\"eds-modnav-links\">\n    @for (item of receptionistNav; track item.id) {\n      <a\n        [routerLink]=\"item.route\"\n        routerLinkActive=\"active\"\n        [routerLinkActiveOptions]=\"{ exact: item.route === 'dashboard' }\"\n      >\n        <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n        <span class=\"eds-modnav-label\">{{ item.label }}</span>\n        @if (item.pulse) {\n          <eds-pulse-dot class=\"eds-modnav-pulse\" />\n        }\n        @if (item.badge) {\n          <span class=\"eds-modnav-badge\">{{ item.badge }}</span>\n        }\n      </a>\n    }\n  </div>\n\n  @if (includePracticeNav) {\n    <p class=\"eds-modnav-section\">Practice</p>\n    <div class=\"eds-modnav-links eds-modnav-links--practice\">\n      @for (item of practiceNav; track item.id) {\n        @if (showNavItem(item)) {\n          <a [routerLink]=\"item.route\" routerLinkActive=\"active\">\n            <eds-icon [name]=\"item.icon\" [size]=\"18\" />\n            <span class=\"eds-modnav-label\">{{ item.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</nav>\n", styles: [":host{display:block;flex-shrink:0}.eds-modnav{width:var(--eds-nav-width);min-height:100vh;background:var(--eds-surface-l0);border-right:1px solid var(--eds-border-default);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.eds-modnav-header{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--eds-border-default);margin-bottom:12px}.eds-modnav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);color:#fff}.eds-modnav-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.eds-modnav-name{font-family:var(--eds-font-inter);font-size:14px;font-weight:600;color:var(--eds-text-primary)}.eds-modnav-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--eds-green-500);font-weight:500}.eds-modnav-links{display:flex;flex-direction:column;gap:2px}.eds-modnav-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--eds-radius-md);text-decoration:none;color:var(--eds-text-secondary);font-size:13px;font-weight:500;position:relative}.eds-modnav-links a:hover{background:var(--eds-surface-l1);color:var(--eds-text-primary)}.eds-modnav-links a.active{background:#3681f41a;color:var(--eds-brand-600)}.eds-modnav-links--practice{margin-bottom:12px}.eds-modnav-section{margin:14px 10px 6px;font-family:var(--eds-font-inter);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eds-gray-500)}.eds-modnav-label{flex:1;min-width:0}.eds-modnav-pulse{margin-left:auto}.eds-modnav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--eds-brand-600);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.eds-readiness-card{margin-top:auto;padding:12px;border-radius:var(--eds-radius-lg);border:1px solid var(--eds-border-default);background:var(--eds-surface-l1);text-decoration:none;color:inherit;transition:box-shadow .15s ease}.eds-readiness-card:hover{box-shadow:var(--eds-shadow-md)}.eds-readiness-top{display:flex;justify-content:space-between;margin-bottom:8px}.eds-readiness-bar{height:6px;background:var(--eds-gray-200);border-radius:999px;overflow:hidden}.eds-readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--eds-brand-500),var(--eds-violet-500));border-radius:999px}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -2394,11 +2452,11 @@ class ModalComponent {
         this.closed.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", subtitle: "subtitle", maxWidth: "maxWidth" }, outputs: { closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: "<div class=\"modal-backdrop\" (click)=\"onBackdropClick($event)\" role=\"presentation\">\n  <div\n    class=\"modal-card\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"title\"\n    [style.max-width]=\"maxWidth\"\n  >\n    <header class=\"modal-header\">\n      <div class=\"modal-titles\">\n        <h2 class=\"modal-title\">{{ title }}</h2>\n        @if (subtitle) {\n          <p class=\"modal-subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n      <button type=\"button\" class=\"modal-close\" (click)=\"close()\" aria-label=\"Close dialog\">\n        <svg width=\"18\" height=\"18\" 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    </header>\n\n    <div class=\"modal-body\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}.modal-backdrop{position:fixed;inset:0;background:#141e326b;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fade-in .14s ease}.modal-card{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:pop-in .14s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--color-border)}.modal-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.modal-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--color-text)}.modal-subtitle{margin:0;font-size:13px;color:var(--color-text-muted)}.modal-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);transition:background .12s ease,color .12s ease}.modal-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:20px 24px 24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", subtitle: "subtitle", maxWidth: "maxWidth" }, outputs: { closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: "<div class=\"modal-backdrop\" (click)=\"onBackdropClick($event)\" role=\"presentation\">\n  <div\n    class=\"modal-card\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"title\"\n    [style.max-width]=\"maxWidth\"\n  >\n    <header class=\"modal-header\">\n      <div class=\"modal-titles\">\n        <h2 class=\"modal-title\">{{ title }}</h2>\n        @if (subtitle) {\n          <p class=\"modal-subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n      <button type=\"button\" class=\"modal-close\" (click)=\"close()\" aria-label=\"Close dialog\">\n        <svg width=\"18\" height=\"18\" 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    </header>\n\n    <div class=\"modal-body\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}.modal-backdrop{position:fixed;inset:0;background:#141e326b;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fade-in .14s ease}.modal-card{width:100%;background:var(--eds-color-surface);border-radius:var(--eds-radius-lg);border:1px solid var(--eds-color-border);box-shadow:var(--eds-shadow-modal);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:pop-in .14s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--eds-color-border)}.modal-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.modal-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--eds-color-text)}.modal-subtitle{margin:0;font-size:13px;color:var(--eds-color-text-muted)}.modal-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);border:1px solid transparent;background:transparent;color:var(--eds-color-text-muted);transition:background .12s ease,color .12s ease}.modal-close:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-text)}.modal-close:focus-visible{outline:2px solid var(--eds-color-primary);outline-offset:2px}.modal-body{padding:20px 24px 24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modal-backdrop\" (click)=\"onBackdropClick($event)\" role=\"presentation\">\n  <div\n    class=\"modal-card\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"title\"\n    [style.max-width]=\"maxWidth\"\n  >\n    <header class=\"modal-header\">\n      <div class=\"modal-titles\">\n        <h2 class=\"modal-title\">{{ title }}</h2>\n        @if (subtitle) {\n          <p class=\"modal-subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n      <button type=\"button\" class=\"modal-close\" (click)=\"close()\" aria-label=\"Close dialog\">\n        <svg width=\"18\" height=\"18\" 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    </header>\n\n    <div class=\"modal-body\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}.modal-backdrop{position:fixed;inset:0;background:#141e326b;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fade-in .14s ease}.modal-card{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:pop-in .14s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--color-border)}.modal-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.modal-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--color-text)}.modal-subtitle{margin:0;font-size:13px;color:var(--color-text-muted)}.modal-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);transition:background .12s ease,color .12s ease}.modal-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:20px 24px 24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
+            args: [{ selector: 'app-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modal-backdrop\" (click)=\"onBackdropClick($event)\" role=\"presentation\">\n  <div\n    class=\"modal-card\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"title\"\n    [style.max-width]=\"maxWidth\"\n  >\n    <header class=\"modal-header\">\n      <div class=\"modal-titles\">\n        <h2 class=\"modal-title\">{{ title }}</h2>\n        @if (subtitle) {\n          <p class=\"modal-subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n      <button type=\"button\" class=\"modal-close\" (click)=\"close()\" aria-label=\"Close dialog\">\n        <svg width=\"18\" height=\"18\" 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    </header>\n\n    <div class=\"modal-body\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: [":host{display:contents}.modal-backdrop{position:fixed;inset:0;background:#141e326b;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fade-in .14s ease}.modal-card{width:100%;background:var(--eds-color-surface);border-radius:var(--eds-radius-lg);border:1px solid var(--eds-color-border);box-shadow:var(--eds-shadow-modal);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:pop-in .14s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--eds-color-border)}.modal-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.modal-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--eds-color-text)}.modal-subtitle{margin:0;font-size:13px;color:var(--eds-color-text-muted)}.modal-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--eds-radius-md);border:1px solid transparent;background:transparent;color:var(--eds-color-text-muted);transition:background .12s ease,color .12s ease}.modal-close:hover{background:var(--eds-color-surface-alt);color:var(--eds-color-text)}.modal-close:focus-visible{outline:2px solid var(--eds-color-primary);outline-offset:2px}.modal-body{padding:20px 24px 24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
         }], propDecorators: { title: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2424,7 +2482,7 @@ class EdsButtonComponent {
     <button [type]="type()" [disabled]="disabled()" [attr.data-variant]="variant()" class="eds-btn">
       <ng-content />
     </button>
-  `, isInline: true, styles: [".eds-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--eds-radius-md);border:1px solid transparent;font-family:var(--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(--brand-600);color:#fff}.eds-btn[data-variant=primary]:hover:not(:disabled){background:var(--brand-500)}.eds-btn[data-variant=secondary]{background:var(--surface-l0);color:var(--text-primary);border-color:var(--border-default)}.eds-btn[data-variant=secondary]:hover:not(:disabled){background:var(--surface-l1)}.eds-btn[data-variant=ghost]{background:transparent;color:var(--text-secondary)}.eds-btn[data-variant=ghost]:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.eds-btn[data-variant=danger]{background:#f037401a;color:var(--red-500);border-color:#f0374040}.eds-btn[data-variant=positive]{background:#0abf521f;color:var(--green-500);border-color:#0abf5240}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".eds-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;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,
@@ -2432,7 +2490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
     <button [type]="type()" [disabled]="disabled()" [attr.data-variant]="variant()" class="eds-btn">
       <ng-content />
     </button>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--eds-radius-md);border:1px solid transparent;font-family:var(--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(--brand-600);color:#fff}.eds-btn[data-variant=primary]:hover:not(:disabled){background:var(--brand-500)}.eds-btn[data-variant=secondary]{background:var(--surface-l0);color:var(--text-primary);border-color:var(--border-default)}.eds-btn[data-variant=secondary]:hover:not(:disabled){background:var(--surface-l1)}.eds-btn[data-variant=ghost]{background:transparent;color:var(--text-secondary)}.eds-btn[data-variant=ghost]:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.eds-btn[data-variant=danger]{background:#f037401a;color:var(--red-500);border-color:#f0374040}.eds-btn[data-variant=positive]{background:#0abf521f;color:var(--green-500);border-color:#0abf5240}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;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"] }]
         }] });
 
 const PAGE_TITLES = {
@@ -2544,11 +2602,11 @@ class EdsTopbarComponent {
         this.pageTitle.set(PAGE_TITLES[last] ?? 'AI Receptionist');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsTopbarComponent, isStandalone: true, selector: "eds-topbar", ngImport: i0, template: "<header class=\"eds-topbar\">\n  <div class=\"eds-topbar-left\">\n    <nav class=\"eds-breadcrumb eds-body-sm\" aria-label=\"Breadcrumb\">\n      <span>AI Receptionist</span>\n      <eds-icon name=\"chevron_right\" [size]=\"16\" />\n      <span class=\"eds-breadcrumb-current\">{{ pageTitle() }}</span>\n    </nav>\n  </div>\n\n  <div class=\"eds-topbar-right\">\n    <div class=\"eds-agent-online\" [attr.data-state]=\"online() === null ? 'unknown' : online() ? 'on' : 'off'\">\n      <button\n        type=\"button\"\n        class=\"eds-agent-toggle\"\n        [disabled]=\"switchDisabled()\"\n        [attr.aria-pressed]=\"online() === true\"\n        [attr.aria-busy]=\"toggling()\"\n        [title]=\"statusLabel()\"\n        (click)=\"onToggleClick()\"\n      >\n        <span\n          class=\"eds-agent-toggle__track\"\n          [class.on]=\"online() === true\"\n          [class.unknown]=\"online() === null\"\n        >\n          <span class=\"eds-agent-toggle__thumb\"></span>\n        </span>\n        <span class=\"eds-agent-toggle__copy\">\n          <span class=\"eds-body-sm eds-agent-toggle__label\">\n            @if (toggling()) {\n              Updating\u2026\n            } @else if (online() === true) {\n              Agent online\n            } @else if (online() === false) {\n              Agent offline\n            } @else {\n              Status unknown\n            }\n          </span>\n          <span class=\"eds-agent-toggle__hint\">{{ statusLabel() }}</span>\n        </span>\n      </button>\n      @if (statusError() && online() === null) {\n        <button type=\"button\" class=\"eds-agent-retry eds-body-sm\" (click)=\"agentOnline.refresh()\">\n          Retry\n        </button>\n      }\n    </div>\n\n    @if (showUser()) {\n      <div class=\"eds-topbar-user\" [title]=\"userEmail()!\">\n        <span class=\"eds-topbar-user__avatar\">{{ userInitials() }}</span>\n        <span class=\"eds-topbar-user__email eds-body-sm\">{{ userEmail() }}</span>\n      </div>\n    }\n\n    @if (showLogout()) {\n      <button type=\"button\" class=\"eds-topbar-logout\" (click)=\"logout()\" aria-label=\"Sign out\" title=\"Sign out\">\n        <eds-icon name=\"logout\" [size]=\"18\" />\n        <span class=\"eds-body-sm\">Log out</span>\n      </button>\n    }\n  </div>\n</header>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of Ava.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"eds-agent-confirm__body\">\n      While offline, Ava will not answer calls. Callers are routed to the human receptionist\n      at the front desk.\n    </p>\n    <div class=\"eds-agent-confirm__actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".eds-topbar{height:var(--eds-topbar-height);display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--surface-l0);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:10}.eds-topbar-left{flex-shrink:0}.eds-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}.eds-breadcrumb-current{color:var(--text-primary);font-weight:600}.eds-topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.eds-agent-online{display:inline-flex;align-items:center;gap:8px;max-width:min(360px,42vw)}.eds-agent-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-default);background:var(--surface-l0);border-radius:var(--eds-radius-md);cursor:pointer;padding:6px 10px;text-align:left;font:inherit;color:inherit}.eds-agent-toggle:disabled{opacity:.65;cursor:not-allowed}.eds-agent-toggle:hover:not(:disabled){background:var(--surface-l1)}.eds-agent-toggle__track{width:36px;height:20px;border-radius:999px;background:var(--gray-300);position:relative;transition:background .15s ease;flex-shrink:0}.eds-agent-toggle__track.on{background:var(--green-500)}.eds-agent-toggle__track.unknown{background:var(--gray-400)}.eds-agent-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:var(--eds-shadow-sm)}.on .eds-agent-toggle__thumb{transform:translate(16px)}.eds-agent-toggle__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.eds-agent-toggle__label{font-weight:600;color:var(--text-primary);white-space:nowrap}.eds-agent-toggle__hint{font-size:11px;line-height:1.3;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.eds-agent-retry{border:none;background:transparent;color:var(--color-primary, #3681f4);cursor:pointer;padding:4px 6px;text-decoration:underline}.eds-agent-confirm__body{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.eds-agent-confirm__body code{font-size:12px}.eds-agent-confirm__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1100px){.eds-agent-toggle__hint{display:none}}.eds-topbar-user{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:4px 8px;border-radius:var(--eds-radius-md)}.eds-topbar-user__avatar{width:28px;height:28px;border-radius:50%;background:var(--gray-200);color:var(--gray-700);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eds-topbar-user__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.eds-topbar-logout{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);background:var(--surface-l0);color:var(--text-secondary);border-radius:var(--eds-radius-md);padding:6px 10px;cursor:pointer;font:inherit}.eds-topbar-logout:hover{background:var(--surface-l1);color:var(--text-primary);border-color:var(--gray-300)}@media(max-width:1100px){.eds-topbar-user__email{display:none}}\n"], dependencies: [{ kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EdsTopbarComponent, isStandalone: true, selector: "eds-topbar", ngImport: i0, template: "<header class=\"eds-topbar\">\n  <div class=\"eds-topbar-left\">\n    <nav class=\"eds-breadcrumb eds-body-sm\" aria-label=\"Breadcrumb\">\n      <span>AI Receptionist</span>\n      <eds-icon name=\"chevron_right\" [size]=\"16\" />\n      <span class=\"eds-breadcrumb-current\">{{ pageTitle() }}</span>\n    </nav>\n  </div>\n\n  <div class=\"eds-topbar-right\">\n    <div class=\"eds-agent-online\" [attr.data-state]=\"online() === null ? 'unknown' : online() ? 'on' : 'off'\">\n      <button\n        type=\"button\"\n        class=\"eds-agent-toggle\"\n        [disabled]=\"switchDisabled()\"\n        [attr.aria-pressed]=\"online() === true\"\n        [attr.aria-busy]=\"toggling()\"\n        [title]=\"statusLabel()\"\n        (click)=\"onToggleClick()\"\n      >\n        <span\n          class=\"eds-agent-toggle__track\"\n          [class.on]=\"online() === true\"\n          [class.unknown]=\"online() === null\"\n        >\n          <span class=\"eds-agent-toggle__thumb\"></span>\n        </span>\n        <span class=\"eds-agent-toggle__copy\">\n          <span class=\"eds-body-sm eds-agent-toggle__label\">\n            @if (toggling()) {\n              Updating\u2026\n            } @else if (online() === true) {\n              Agent online\n            } @else if (online() === false) {\n              Agent offline\n            } @else {\n              Status unknown\n            }\n          </span>\n          <span class=\"eds-agent-toggle__hint\">{{ statusLabel() }}</span>\n        </span>\n      </button>\n      @if (statusError() && online() === null) {\n        <button type=\"button\" class=\"eds-agent-retry eds-body-sm\" (click)=\"agentOnline.refresh()\">\n          Retry\n        </button>\n      }\n    </div>\n\n    @if (showUser()) {\n      <div class=\"eds-topbar-user\" [title]=\"userEmail()!\">\n        <span class=\"eds-topbar-user__avatar\">{{ userInitials() }}</span>\n        <span class=\"eds-topbar-user__email eds-body-sm\">{{ userEmail() }}</span>\n      </div>\n    }\n\n    @if (showLogout()) {\n      <button type=\"button\" class=\"eds-topbar-logout\" (click)=\"logout()\" aria-label=\"Sign out\" title=\"Sign out\">\n        <eds-icon name=\"logout\" [size]=\"18\" />\n        <span class=\"eds-body-sm\">Log out</span>\n      </button>\n    }\n  </div>\n</header>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of Ava.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"eds-agent-confirm__body\">\n      While offline, Ava will not answer calls. Callers are routed to the human receptionist\n      at the front desk.\n    </p>\n    <div class=\"eds-agent-confirm__actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".eds-topbar{height:var(--eds-topbar-height);display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--eds-surface-l0);border-bottom:1px solid var(--eds-border-default);position:sticky;top:0;z-index:10}.eds-topbar-left{flex-shrink:0}.eds-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--eds-text-secondary)}.eds-breadcrumb-current{color:var(--eds-text-primary);font-weight:600}.eds-topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.eds-agent-online{display:inline-flex;align-items:center;gap:8px;max-width:min(360px,42vw)}.eds-agent-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--eds-border-default);background:var(--eds-surface-l0);border-radius:var(--eds-radius-md);cursor:pointer;padding:6px 10px;text-align:left;font:inherit;color:inherit}.eds-agent-toggle:disabled{opacity:.65;cursor:not-allowed}.eds-agent-toggle:hover:not(:disabled){background:var(--eds-surface-l1)}.eds-agent-toggle__track{width:36px;height:20px;border-radius:999px;background:var(--eds-gray-300);position:relative;transition:background .15s ease;flex-shrink:0}.eds-agent-toggle__track.on{background:var(--eds-green-500)}.eds-agent-toggle__track.unknown{background:var(--eds-gray-400)}.eds-agent-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:var(--eds-shadow-sm)}.on .eds-agent-toggle__thumb{transform:translate(16px)}.eds-agent-toggle__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.eds-agent-toggle__label{font-weight:600;color:var(--eds-text-primary);white-space:nowrap}.eds-agent-toggle__hint{font-size:11px;line-height:1.3;color:var(--eds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.eds-agent-retry{border:none;background:transparent;color:var(--eds-color-primary, #3681f4);cursor:pointer;padding:4px 6px;text-decoration:underline}.eds-agent-confirm__body{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--eds-text-secondary)}.eds-agent-confirm__body code{font-size:12px}.eds-agent-confirm__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1100px){.eds-agent-toggle__hint{display:none}}.eds-topbar-user{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:4px 8px;border-radius:var(--eds-radius-md)}.eds-topbar-user__avatar{width:28px;height:28px;border-radius:50%;background:var(--eds-gray-200);color:var(--eds-gray-700);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eds-topbar-user__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eds-text-secondary)}.eds-topbar-logout{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--eds-border-default);background:var(--eds-surface-l0);color:var(--eds-text-secondary);border-radius:var(--eds-radius-md);padding:6px 10px;cursor:pointer;font:inherit}.eds-topbar-logout:hover{background:var(--eds-surface-l1);color:var(--eds-text-primary);border-color:var(--eds-gray-300)}@media(max-width:1100px){.eds-topbar-user__email{display:none}}\n"], dependencies: [{ kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsTopbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-topbar', imports: [EdsIconComponent, EdsButtonComponent, ModalComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"eds-topbar\">\n  <div class=\"eds-topbar-left\">\n    <nav class=\"eds-breadcrumb eds-body-sm\" aria-label=\"Breadcrumb\">\n      <span>AI Receptionist</span>\n      <eds-icon name=\"chevron_right\" [size]=\"16\" />\n      <span class=\"eds-breadcrumb-current\">{{ pageTitle() }}</span>\n    </nav>\n  </div>\n\n  <div class=\"eds-topbar-right\">\n    <div class=\"eds-agent-online\" [attr.data-state]=\"online() === null ? 'unknown' : online() ? 'on' : 'off'\">\n      <button\n        type=\"button\"\n        class=\"eds-agent-toggle\"\n        [disabled]=\"switchDisabled()\"\n        [attr.aria-pressed]=\"online() === true\"\n        [attr.aria-busy]=\"toggling()\"\n        [title]=\"statusLabel()\"\n        (click)=\"onToggleClick()\"\n      >\n        <span\n          class=\"eds-agent-toggle__track\"\n          [class.on]=\"online() === true\"\n          [class.unknown]=\"online() === null\"\n        >\n          <span class=\"eds-agent-toggle__thumb\"></span>\n        </span>\n        <span class=\"eds-agent-toggle__copy\">\n          <span class=\"eds-body-sm eds-agent-toggle__label\">\n            @if (toggling()) {\n              Updating\u2026\n            } @else if (online() === true) {\n              Agent online\n            } @else if (online() === false) {\n              Agent offline\n            } @else {\n              Status unknown\n            }\n          </span>\n          <span class=\"eds-agent-toggle__hint\">{{ statusLabel() }}</span>\n        </span>\n      </button>\n      @if (statusError() && online() === null) {\n        <button type=\"button\" class=\"eds-agent-retry eds-body-sm\" (click)=\"agentOnline.refresh()\">\n          Retry\n        </button>\n      }\n    </div>\n\n    @if (showUser()) {\n      <div class=\"eds-topbar-user\" [title]=\"userEmail()!\">\n        <span class=\"eds-topbar-user__avatar\">{{ userInitials() }}</span>\n        <span class=\"eds-topbar-user__email eds-body-sm\">{{ userEmail() }}</span>\n      </div>\n    }\n\n    @if (showLogout()) {\n      <button type=\"button\" class=\"eds-topbar-logout\" (click)=\"logout()\" aria-label=\"Sign out\" title=\"Sign out\">\n        <eds-icon name=\"logout\" [size]=\"18\" />\n        <span class=\"eds-body-sm\">Log out</span>\n      </button>\n    }\n  </div>\n</header>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of Ava.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"eds-agent-confirm__body\">\n      While offline, Ava will not answer calls. Callers are routed to the human receptionist\n      at the front desk.\n    </p>\n    <div class=\"eds-agent-confirm__actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".eds-topbar{height:var(--eds-topbar-height);display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--surface-l0);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:10}.eds-topbar-left{flex-shrink:0}.eds-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}.eds-breadcrumb-current{color:var(--text-primary);font-weight:600}.eds-topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.eds-agent-online{display:inline-flex;align-items:center;gap:8px;max-width:min(360px,42vw)}.eds-agent-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-default);background:var(--surface-l0);border-radius:var(--eds-radius-md);cursor:pointer;padding:6px 10px;text-align:left;font:inherit;color:inherit}.eds-agent-toggle:disabled{opacity:.65;cursor:not-allowed}.eds-agent-toggle:hover:not(:disabled){background:var(--surface-l1)}.eds-agent-toggle__track{width:36px;height:20px;border-radius:999px;background:var(--gray-300);position:relative;transition:background .15s ease;flex-shrink:0}.eds-agent-toggle__track.on{background:var(--green-500)}.eds-agent-toggle__track.unknown{background:var(--gray-400)}.eds-agent-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:var(--eds-shadow-sm)}.on .eds-agent-toggle__thumb{transform:translate(16px)}.eds-agent-toggle__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.eds-agent-toggle__label{font-weight:600;color:var(--text-primary);white-space:nowrap}.eds-agent-toggle__hint{font-size:11px;line-height:1.3;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.eds-agent-retry{border:none;background:transparent;color:var(--color-primary, #3681f4);cursor:pointer;padding:4px 6px;text-decoration:underline}.eds-agent-confirm__body{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.eds-agent-confirm__body code{font-size:12px}.eds-agent-confirm__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1100px){.eds-agent-toggle__hint{display:none}}.eds-topbar-user{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:4px 8px;border-radius:var(--eds-radius-md)}.eds-topbar-user__avatar{width:28px;height:28px;border-radius:50%;background:var(--gray-200);color:var(--gray-700);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eds-topbar-user__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.eds-topbar-logout{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);background:var(--surface-l0);color:var(--text-secondary);border-radius:var(--eds-radius-md);padding:6px 10px;cursor:pointer;font:inherit}.eds-topbar-logout:hover{background:var(--surface-l1);color:var(--text-primary);border-color:var(--gray-300)}@media(max-width:1100px){.eds-topbar-user__email{display:none}}\n"] }]
+            args: [{ selector: 'eds-topbar', imports: [EdsIconComponent, EdsButtonComponent, ModalComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"eds-topbar\">\n  <div class=\"eds-topbar-left\">\n    <nav class=\"eds-breadcrumb eds-body-sm\" aria-label=\"Breadcrumb\">\n      <span>AI Receptionist</span>\n      <eds-icon name=\"chevron_right\" [size]=\"16\" />\n      <span class=\"eds-breadcrumb-current\">{{ pageTitle() }}</span>\n    </nav>\n  </div>\n\n  <div class=\"eds-topbar-right\">\n    <div class=\"eds-agent-online\" [attr.data-state]=\"online() === null ? 'unknown' : online() ? 'on' : 'off'\">\n      <button\n        type=\"button\"\n        class=\"eds-agent-toggle\"\n        [disabled]=\"switchDisabled()\"\n        [attr.aria-pressed]=\"online() === true\"\n        [attr.aria-busy]=\"toggling()\"\n        [title]=\"statusLabel()\"\n        (click)=\"onToggleClick()\"\n      >\n        <span\n          class=\"eds-agent-toggle__track\"\n          [class.on]=\"online() === true\"\n          [class.unknown]=\"online() === null\"\n        >\n          <span class=\"eds-agent-toggle__thumb\"></span>\n        </span>\n        <span class=\"eds-agent-toggle__copy\">\n          <span class=\"eds-body-sm eds-agent-toggle__label\">\n            @if (toggling()) {\n              Updating\u2026\n            } @else if (online() === true) {\n              Agent online\n            } @else if (online() === false) {\n              Agent offline\n            } @else {\n              Status unknown\n            }\n          </span>\n          <span class=\"eds-agent-toggle__hint\">{{ statusLabel() }}</span>\n        </span>\n      </button>\n      @if (statusError() && online() === null) {\n        <button type=\"button\" class=\"eds-agent-retry eds-body-sm\" (click)=\"agentOnline.refresh()\">\n          Retry\n        </button>\n      }\n    </div>\n\n    @if (showUser()) {\n      <div class=\"eds-topbar-user\" [title]=\"userEmail()!\">\n        <span class=\"eds-topbar-user__avatar\">{{ userInitials() }}</span>\n        <span class=\"eds-topbar-user__email eds-body-sm\">{{ userEmail() }}</span>\n      </div>\n    }\n\n    @if (showLogout()) {\n      <button type=\"button\" class=\"eds-topbar-logout\" (click)=\"logout()\" aria-label=\"Sign out\" title=\"Sign out\">\n        <eds-icon name=\"logout\" [size]=\"18\" />\n        <span class=\"eds-body-sm\">Log out</span>\n      </button>\n    }\n  </div>\n</header>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of Ava.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"eds-agent-confirm__body\">\n      While offline, Ava will not answer calls. Callers are routed to the human receptionist\n      at the front desk.\n    </p>\n    <div class=\"eds-agent-confirm__actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".eds-topbar{height:var(--eds-topbar-height);display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--eds-surface-l0);border-bottom:1px solid var(--eds-border-default);position:sticky;top:0;z-index:10}.eds-topbar-left{flex-shrink:0}.eds-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--eds-text-secondary)}.eds-breadcrumb-current{color:var(--eds-text-primary);font-weight:600}.eds-topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.eds-agent-online{display:inline-flex;align-items:center;gap:8px;max-width:min(360px,42vw)}.eds-agent-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--eds-border-default);background:var(--eds-surface-l0);border-radius:var(--eds-radius-md);cursor:pointer;padding:6px 10px;text-align:left;font:inherit;color:inherit}.eds-agent-toggle:disabled{opacity:.65;cursor:not-allowed}.eds-agent-toggle:hover:not(:disabled){background:var(--eds-surface-l1)}.eds-agent-toggle__track{width:36px;height:20px;border-radius:999px;background:var(--eds-gray-300);position:relative;transition:background .15s ease;flex-shrink:0}.eds-agent-toggle__track.on{background:var(--eds-green-500)}.eds-agent-toggle__track.unknown{background:var(--eds-gray-400)}.eds-agent-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:var(--eds-shadow-sm)}.on .eds-agent-toggle__thumb{transform:translate(16px)}.eds-agent-toggle__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.eds-agent-toggle__label{font-weight:600;color:var(--eds-text-primary);white-space:nowrap}.eds-agent-toggle__hint{font-size:11px;line-height:1.3;color:var(--eds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.eds-agent-retry{border:none;background:transparent;color:var(--eds-color-primary, #3681f4);cursor:pointer;padding:4px 6px;text-decoration:underline}.eds-agent-confirm__body{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--eds-text-secondary)}.eds-agent-confirm__body code{font-size:12px}.eds-agent-confirm__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1100px){.eds-agent-toggle__hint{display:none}}.eds-topbar-user{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:4px 8px;border-radius:var(--eds-radius-md)}.eds-topbar-user__avatar{width:28px;height:28px;border-radius:50%;background:var(--eds-gray-200);color:var(--eds-gray-700);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eds-topbar-user__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eds-text-secondary)}.eds-topbar-logout{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--eds-border-default);background:var(--eds-surface-l0);color:var(--eds-text-secondary);border-radius:var(--eds-radius-md);padding:6px 10px;cursor:pointer;font:inherit}.eds-topbar-logout:hover{background:var(--eds-surface-l1);color:var(--eds-text-primary);border-color:var(--eds-gray-300)}@media(max-width:1100px){.eds-topbar-user__email{display:none}}\n"] }]
         }], ctorParameters: () => [] });
 
 class EdsAppShellComponent {
@@ -2557,7 +2615,7 @@ class EdsAppShellComponent {
         this.showModuleNav = !!inject(VOICE_RECEPTIONIST_CONFIG).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\">\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main\">\n    <eds-topbar />\n    <div class=\"eds-content\">\n      <router-outlet />\n    </div>\n  </div>\n</div>\n<app-toast-container />\n", styles: [":host{display:block}.eds-layout{display:flex;min-height:100vh;background:var(--surface-l1)}.eds-main{flex:1;min-width:0;display:flex;flex-direction:column}.eds-content{flex:1;overflow:auto}\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: EdsTopbarComponent, selector: "eds-topbar" }, { kind: "component", type: ToastContainerComponent, selector: "app-toast-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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\">\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main\">\n    <eds-topbar />\n    <div class=\"eds-content\">\n      <router-outlet />\n    </div>\n  </div>\n  <app-toast-container />\n</div>\n", styles: [":host{display:block}.eds-layout{display:flex;min-height:100vh;background:var(--eds-surface-l1)}.eds-main{flex:1;min-width:0;display:flex;flex-direction:column}.eds-content{flex:1;overflow:auto}\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: EdsTopbarComponent, selector: "eds-topbar" }, { kind: "component", type: ToastContainerComponent, selector: "app-toast-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EdsAppShellComponent, decorators: [{
             type: Component,
@@ -2566,7 +2624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         EdsModuleNavComponent,
                         EdsTopbarComponent,
                         ToastContainerComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-layout\">\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main\">\n    <eds-topbar />\n    <div class=\"eds-content\">\n      <router-outlet />\n    </div>\n  </div>\n</div>\n<app-toast-container />\n", styles: [":host{display:block}.eds-layout{display:flex;min-height:100vh;background:var(--surface-l1)}.eds-main{flex:1;min-width:0;display:flex;flex-direction:column}.eds-content{flex:1;overflow:auto}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-layout\">\n  @if (showModuleNav) {\n    <eds-module-nav />\n  }\n  <div class=\"eds-main\">\n    <eds-topbar />\n    <div class=\"eds-content\">\n      <router-outlet />\n    </div>\n  </div>\n  <app-toast-container />\n</div>\n", styles: [":host{display:block}.eds-layout{display:flex;min-height:100vh;background:var(--eds-surface-l1)}.eds-main{flex:1;min-width:0;display:flex;flex-direction:column}.eds-content{flex:1;overflow:auto}\n"] }]
         }] });
 
 /** Feature child routes (under the embed shell). */
@@ -2574,51 +2632,51 @@ const VOICE_RECEPTIONIST_FEATURE_ROUTES = [
     { path: '', pathMatch: 'full', redirectTo: 'dashboard' },
     {
         path: 'dashboard',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-dashboard-page.component-DzdIt2A7.mjs').then((m) => m.DashboardPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-dashboard-page.component-BNdnbAVM.mjs').then((m) => m.DashboardPageComponent),
     },
     {
         path: 'live',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-live-calls-page.component-DrYzXJQW.mjs').then((m) => m.LiveCallsPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-live-calls-page.component-DfLmK89M.mjs').then((m) => m.LiveCallsPageComponent),
     },
     {
         path: 'live/:id',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-live-monitor-page.component-D7dlk0y2.mjs').then((m) => m.LiveMonitorPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-live-monitor-page.component-DNpLFqBw.mjs').then((m) => m.LiveMonitorPageComponent),
     },
     {
         path: 'history',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-page.component-Cj4wxd4e.mjs').then((m) => m.CallHistoryPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-page.component-B5AnEjoh.mjs').then((m) => m.CallHistoryPageComponent),
     },
     {
         path: 'history/:id',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-detail-page.component-CTwfUHUf.mjs').then((m) => m.CallHistoryDetailPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-call-history-detail-page.component-2K9W77As.mjs').then((m) => m.CallHistoryDetailPageComponent),
     },
     {
         path: 'tasks',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-tasks-page.component-CBwl15NP.mjs').then((m) => m.TasksPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-tasks-page.component-DXxjMVUv.mjs').then((m) => m.TasksPageComponent),
     },
     {
         path: 'analytics',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-analytics-page.component-CW5OKmik.mjs').then((m) => m.AnalyticsPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-analytics-page.component-Dsujn5az.mjs').then((m) => m.AnalyticsPageComponent),
     },
     {
         path: 'settings',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-settings-page.component-Bo3XNK3b.mjs').then((m) => m.SettingsPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-settings-page.component-B9nv6wtB.mjs').then((m) => m.SettingsPageComponent),
     },
     {
         path: 'settings/outbound-purposes',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-outbound-purposes-page.component-CJ8NEjcj.mjs').then((m) => m.OutboundPurposesPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-outbound-purposes-page.component-CYSZ832p.mjs').then((m) => m.OutboundPurposesPageComponent),
     },
     {
         path: 'knowledge',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-knowledge-hub.page-cZqBuull.mjs').then((m) => m.KnowledgeHubPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-knowledge-hub.page-BngGx_Lc.mjs').then((m) => m.KnowledgeHubPageComponent),
     },
     {
         path: 'audit',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-audit-page.component-DL1GfQyF.mjs').then((m) => m.AuditPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-audit-page.component-xoLlHj8K.mjs').then((m) => m.AuditPageComponent),
     },
     {
         path: 'wizard',
-        loadComponent: () => import('./edvak99-voice-receptionist-widget-wizard-page.component-CJLa5pia.mjs').then((m) => m.WizardPageComponent),
+        loadComponent: () => import('./edvak99-voice-receptionist-widget-wizard-page.component-C1Z6yC0q.mjs').then((m) => m.WizardPageComponent),
     },
 ];
 /**
@@ -2638,11 +2696,11 @@ class EdsBadgeComponent {
         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" [attr.data-tone]="tone()"><ng-content /></span>`, isInline: true, styles: [".eds-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--eds-radius-sm);font-family:var(--font-inter);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.eds-badge[data-tone=brand]{background:#3681f41f;color:var(--brand-600)}.eds-badge[data-tone=pos]{background:#0abf521f;color:var(--green-500)}.eds-badge[data-tone=notice]{background:#ffb90026;color:#b45309}.eds-badge[data-tone=neg]{background:#f037401f;color:var(--red-500)}.eds-badge[data-tone=violet]{background:#8e51ff1f;color:var(--violet-500)}.eds-badge[data-tone=gray]{background:var(--gray-100);color:var(--gray-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" [attr.data-tone]="tone()"><ng-content /></span>`, isInline: true, styles: [".eds-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--eds-radius-sm);font-family:var(--eds-font-inter);font-size:11px;font-weight:600;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" [attr.data-tone]="tone()"><ng-content /></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--eds-radius-sm);font-family:var(--font-inter);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.eds-badge[data-tone=brand]{background:#3681f41f;color:var(--brand-600)}.eds-badge[data-tone=pos]{background:#0abf521f;color:var(--green-500)}.eds-badge[data-tone=notice]{background:#ffb90026;color:#b45309}.eds-badge[data-tone=neg]{background:#f037401f;color:var(--red-500)}.eds-badge[data-tone=violet]{background:#8e51ff1f;color:var(--violet-500)}.eds-badge[data-tone=gray]{background:var(--gray-100);color:var(--gray-600)}\n"] }]
+            args: [{ selector: 'eds-badge', standalone: true, template: `<span class="eds-badge" [attr.data-tone]="tone()"><ng-content /></span>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eds-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--eds-radius-sm);font-family:var(--eds-font-inter);font-size:11px;font-weight:600;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"] }]
         }] });
 
 /*
@@ -2653,5 +2711,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AiReceptionistApiService as A, DEFAULT_PLACEHOLDERS as D, EdsButtonComponent as E, ModalComponent as M, ToastService as T, VOICE_RECEPTIONIST_CONFIG as V, WELCOME_MESSAGE_MAX as W, EdsBadgeComponent as a, EdsIconComponent as b, EdsPulseDotComponent as c, resolveToolDisplayName as d, createVoiceReceptionistPaths as e, buildAutoWelcomeTemplate as f, resolveWelcomePreview as g, EdsAppShellComponent as h, VOICE_RECEPTIONIST_FEATURE_ROUTES as i, VOICE_RECEPTIONIST_ROUTES as j, VOICE_RECEPTIONIST_SESSION as k, provideVoiceReceptionist as p, resolveToolKey as r, toolEventTrackKey as t };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs.map
+export { AiReceptionistApiService as A, DEFAULT_PAGE_SIZE as D, EdsButtonComponent as E, ModalComponent as M, ToastService as T, VOICE_RECEPTIONIST_CONFIG as V, WELCOME_MESSAGE_MAX as W, EdsBadgeComponent as a, EdsIconComponent as b, EdsPulseDotComponent as c, resolveToolDisplayName as d, createVoiceReceptionistPaths as e, totalPages as f, buildAutoWelcomeTemplate as g, resolveWelcomePreview as h, DEFAULT_PLACEHOLDERS as i, asPaginatedResult as j, EdsAppShellComponent as k, VOICE_RECEPTIONIST_FEATURE_ROUTES as l, VOICE_RECEPTIONIST_ROUTES as m, VOICE_RECEPTIONIST_SESSION as n, provideVoiceReceptionist as p, resolveToolKey as r, toolEventTrackKey as t };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dn0GrZ6_.mjs.map