@edvak99/voice-receptionist-widget 1.1.2 → 1.1.3

package/fesm2022/{edvak99-voice-receptionist-widget-knowledge-hub.page-cZqBuull.mjs → edvak99-voice-receptionist-widget-knowledge-hub.page-BngGx_Lc.mjs}

@@ -5,7 +5,7 @@ import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { of, delay, map } from 'rxjs';
-import { V as VOICE_RECEPTIONIST_CONFIG, e as createVoiceReceptionistPaths, E as EdsButtonComponent, M as ModalComponent, T as ToastService, b as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs';
+import { V as VOICE_RECEPTIONIST_CONFIG, e as createVoiceReceptionistPaths, D as DEFAULT_PAGE_SIZE, j as asPaginatedResult, E as EdsButtonComponent, M as ModalComponent, T as ToastService, f as totalPages, b as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-Dn0GrZ6_.mjs';
 
 const FAQ_CATEGORY_PRESETS = [
     'hours',
@@ -197,13 +197,24 @@ class PracticeFaqApiService {
     get useMock() {
         return !!this.config.useMockApi;
     }
-    list(activeOnly = false) {
-        if (this.useMock)
-            return this.mock.list(activeOnly);
-        let params = new HttpParams();
-        if (activeOnly)
+    list(opts) {
+        const page = opts?.page ?? 1;
+        const limit = opts?.limit ?? DEFAULT_PAGE_SIZE;
+        if (this.useMock) {
+            return this.mock.list(!!opts?.activeOnly).pipe(map((items) => {
+                const start = (page - 1) * limit;
+                return {
+                    items: items.slice(start, start + limit),
+                    total: items.length,
+                    page,
+                    limit,
+                };
+            }));
+        }
+        let params = new HttpParams().set('page', String(page)).set('limit', String(limit));
+        if (opts?.activeOnly)
             params = params.set('activeOnly', 'true');
-        return this.http.get(this.base, { params }).pipe(map((body) => this.asList(body)));
+        return this.http.get(this.base, { params }).pipe(map((body) => asPaginatedResult(body, page, limit)));
     }
     get(faqId) {
         if (this.useMock)
@@ -234,11 +245,6 @@ class PracticeFaqApiService {
         const params = new HttpParams().set('q', q).set('limit', String(limit));
         return this.http.get(`${this.base}/search`, { params });
     }
-    asList(body) {
-        if (Array.isArray(body))
-            return body;
-        return body.items ?? [];
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiService, providedIn: 'root' }); }
 }
@@ -276,11 +282,11 @@ class FaqEmptyStateComponent {
         this.useTemplate.emit(t);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqEmptyStateComponent, isStandalone: true, selector: "eds-faq-empty-state", outputs: { add: "add", useTemplate: "useTemplate" }, ngImport: i0, template: "<div class=\"faq-empty-state\">\n  <div class=\"faq-empty-state__icon\" aria-hidden=\"true\">?</div>\n  <h2 class=\"eds-h2\">No FAQs yet</h2>\n  <p class=\"eds-body-sm\">Add answers your AI receptionist can use on live calls.</p>\n  <eds-button variant=\"primary\" (click)=\"onAdd()\">Add your first FAQ</eds-button>\n\n  <p class=\"eds-label faq-empty-state__suggest\">Suggested starters</p>\n  <ul class=\"faq-empty-state__starters\">\n    @for (t of starters; track t.label) {\n      <li>\n        <button type=\"button\" class=\"faq-empty-state__starter\" (click)=\"onTemplate(t)\">\n          {{ t.label }}\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".faq-empty-state{text-align:center;padding:48px 24px}.faq-empty-state__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#0d94881f;color:#0d9488;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-empty-state__suggest{margin:24px 0 8px}.faq-empty-state__starters{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faq-empty-state__starter{border:1px dashed var(--border-subtle, #d1d5db);background:var(--surface-l0, #fff);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.faq-empty-state__starter:hover{border-color:var(--eds-brand, #0d9488);color:var(--eds-brand, #0d9488)}\n"], dependencies: [{ kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqEmptyStateComponent, isStandalone: true, selector: "eds-faq-empty-state", outputs: { add: "add", useTemplate: "useTemplate" }, ngImport: i0, template: "<div class=\"faq-empty-state\">\n  <div class=\"faq-empty-state__icon\" aria-hidden=\"true\">?</div>\n  <h2 class=\"eds-h2\">No FAQs yet</h2>\n  <p class=\"eds-body-sm\">Add answers your AI receptionist can use on live calls.</p>\n  <eds-button variant=\"primary\" (click)=\"onAdd()\">Add your first FAQ</eds-button>\n\n  <p class=\"eds-label faq-empty-state__suggest\">Suggested starters</p>\n  <ul class=\"faq-empty-state__starters\">\n    @for (t of starters; track t.label) {\n      <li>\n        <button type=\"button\" class=\"faq-empty-state__starter\" (click)=\"onTemplate(t)\">\n          {{ t.label }}\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".faq-empty-state{text-align:center;padding:48px 24px}.faq-empty-state__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#0d94881f;color:#0d9488;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-empty-state__suggest{margin:24px 0 8px}.faq-empty-state__starters{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faq-empty-state__starter{border:1px dashed var(--eds-border-subtle, #d1d5db);background:var(--eds-surface-l0, #fff);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.faq-empty-state__starter:hover{border-color:var(--eds-brand, #0d9488);color:var(--eds-brand, #0d9488)}\n"], dependencies: [{ kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqEmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-faq-empty-state', imports: [EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"faq-empty-state\">\n  <div class=\"faq-empty-state__icon\" aria-hidden=\"true\">?</div>\n  <h2 class=\"eds-h2\">No FAQs yet</h2>\n  <p class=\"eds-body-sm\">Add answers your AI receptionist can use on live calls.</p>\n  <eds-button variant=\"primary\" (click)=\"onAdd()\">Add your first FAQ</eds-button>\n\n  <p class=\"eds-label faq-empty-state__suggest\">Suggested starters</p>\n  <ul class=\"faq-empty-state__starters\">\n    @for (t of starters; track t.label) {\n      <li>\n        <button type=\"button\" class=\"faq-empty-state__starter\" (click)=\"onTemplate(t)\">\n          {{ t.label }}\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".faq-empty-state{text-align:center;padding:48px 24px}.faq-empty-state__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#0d94881f;color:#0d9488;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-empty-state__suggest{margin:24px 0 8px}.faq-empty-state__starters{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faq-empty-state__starter{border:1px dashed var(--border-subtle, #d1d5db);background:var(--surface-l0, #fff);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.faq-empty-state__starter:hover{border-color:var(--eds-brand, #0d9488);color:var(--eds-brand, #0d9488)}\n"] }]
+            args: [{ selector: 'eds-faq-empty-state', imports: [EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"faq-empty-state\">\n  <div class=\"faq-empty-state__icon\" aria-hidden=\"true\">?</div>\n  <h2 class=\"eds-h2\">No FAQs yet</h2>\n  <p class=\"eds-body-sm\">Add answers your AI receptionist can use on live calls.</p>\n  <eds-button variant=\"primary\" (click)=\"onAdd()\">Add your first FAQ</eds-button>\n\n  <p class=\"eds-label faq-empty-state__suggest\">Suggested starters</p>\n  <ul class=\"faq-empty-state__starters\">\n    @for (t of starters; track t.label) {\n      <li>\n        <button type=\"button\" class=\"faq-empty-state__starter\" (click)=\"onTemplate(t)\">\n          {{ t.label }}\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [".faq-empty-state{text-align:center;padding:48px 24px}.faq-empty-state__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#0d94881f;color:#0d9488;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-empty-state__suggest{margin:24px 0 8px}.faq-empty-state__starters{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.faq-empty-state__starter{border:1px dashed var(--eds-border-subtle, #d1d5db);background:var(--eds-surface-l0, #fff);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.faq-empty-state__starter:hover{border-color:var(--eds-brand, #0d9488);color:var(--eds-brand, #0d9488)}\n"] }]
         }], propDecorators: { add: [{
                 type: Output
             }], useTemplate: [{
@@ -360,11 +366,11 @@ class FaqFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqFormComponent, isStandalone: true, selector: "eds-faq-form", inputs: { open: "open", faq: "faq", initialQuestion: "initialQuestion", initialAnswer: "initialAnswer", initialCategory: "initialCategory" }, outputs: { closed: "closed", saved: "saved" }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit FAQ' : 'Add FAQ'\"\n    subtitle=\"Short, speakable answers work best on phone calls\"\n    maxWidth=\"640px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"faq-form\" (ngSubmit)=\"submit()\" novalidate>\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Question <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">How a caller might ask</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"2\"\n          maxlength=\"500\"\n          [(ngModel)]=\"question\"\n          name=\"question\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ question.length }}/500</span>\n      </label>\n\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Answer <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">Write how you want the AI to speak on the phone \u2014 short, clear, no bullet points.</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"4\"\n          maxlength=\"2000\"\n          [(ngModel)]=\"answer\"\n          name=\"answer\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ answer.length }}/2000</span>\n      </label>\n\n      <div class=\"faq-form__row\">\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Category</span>\n          <select class=\"faq-form__input\" [(ngModel)]=\"category\" name=\"category\">\n            <option value=\"\">\u2014 None \u2014</option>\n            @for (c of categories; track c) {\n              <option [value]=\"c\">{{ c }}</option>\n            }\n          </select>\n        </label>\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Sort order</span>\n          <input type=\"number\" class=\"faq-form__input\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" />\n        </label>\n      </div>\n\n      <label class=\"faq-form__check\">\n        <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" />\n        Active (voice agent can use this answer)\n      </label>\n\n      <section class=\"faq-form__preview eds-card\">\n        <h3 class=\"eds-label\">Live preview</h3>\n        <p class=\"faq-form__preview-line\"><strong>Caller asks:</strong> \u201C{{ question || '\u2026' }}\u201D</p>\n        <p class=\"faq-form__preview-line\"><strong>AI would say:</strong> \u201C{{ answer || '\u2026' }}\u201D</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"faq-form__error\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"faq-form__footer\">\n        <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\">Cancel</eds-button>\n        <eds-button variant=\"primary\" type=\"submit\">Save</eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".faq-form{display:flex;flex-direction:column;gap:14px}.faq-form__field{display:flex;flex-direction:column;gap:4px}.faq-form__hint{font-size:12px;color:var(--text-secondary)}.faq-form__textarea,.faq-form__input{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-form__textarea{resize:vertical}.faq-form__count{font-size:11px;color:var(--text-secondary);text-align:right}.faq-form__req{color:#dc2626}.faq-form__row{display:grid;grid-template-columns:1fr 120px;gap:12px}.faq-form__check{display:flex;align-items:center;gap:8px;font-size:13px}.faq-form__preview{padding:12px;background:var(--surface-muted, #f8fafc)}.faq-form__preview-line{margin:6px 0 0;font-size:14px;line-height:1.5}.faq-form__error{color:#b91c1c;font-size:13px;margin:0}.faq-form__footer{display:flex;justify-content:flex-end;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqFormComponent, isStandalone: true, selector: "eds-faq-form", inputs: { open: "open", faq: "faq", initialQuestion: "initialQuestion", initialAnswer: "initialAnswer", initialCategory: "initialCategory" }, outputs: { closed: "closed", saved: "saved" }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit FAQ' : 'Add FAQ'\"\n    subtitle=\"Short, speakable answers work best on phone calls\"\n    maxWidth=\"640px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"faq-form\" (ngSubmit)=\"submit()\" novalidate>\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Question <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">How a caller might ask</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"2\"\n          maxlength=\"500\"\n          [(ngModel)]=\"question\"\n          name=\"question\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ question.length }}/500</span>\n      </label>\n\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Answer <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">Write how you want the AI to speak on the phone \u2014 short, clear, no bullet points.</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"4\"\n          maxlength=\"2000\"\n          [(ngModel)]=\"answer\"\n          name=\"answer\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ answer.length }}/2000</span>\n      </label>\n\n      <div class=\"faq-form__row\">\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Category</span>\n          <select class=\"faq-form__input\" [(ngModel)]=\"category\" name=\"category\">\n            <option value=\"\">\u2014 None \u2014</option>\n            @for (c of categories; track c) {\n              <option [value]=\"c\">{{ c }}</option>\n            }\n          </select>\n        </label>\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Sort order</span>\n          <input type=\"number\" class=\"faq-form__input\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" />\n        </label>\n      </div>\n\n      <label class=\"faq-form__check\">\n        <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" />\n        Active (voice agent can use this answer)\n      </label>\n\n      <section class=\"faq-form__preview eds-card\">\n        <h3 class=\"eds-label\">Live preview</h3>\n        <p class=\"faq-form__preview-line\"><strong>Caller asks:</strong> \u201C{{ question || '\u2026' }}\u201D</p>\n        <p class=\"faq-form__preview-line\"><strong>AI would say:</strong> \u201C{{ answer || '\u2026' }}\u201D</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"faq-form__error\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"faq-form__footer\">\n        <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\">Cancel</eds-button>\n        <eds-button variant=\"primary\" type=\"submit\">Save</eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".faq-form{display:flex;flex-direction:column;gap:14px}.faq-form__field{display:flex;flex-direction:column;gap:4px}.faq-form__hint{font-size:12px;color:var(--eds-text-secondary)}.faq-form__textarea,.faq-form__input{padding:8px 10px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-form__textarea{resize:vertical}.faq-form__count{font-size:11px;color:var(--eds-text-secondary);text-align:right}.faq-form__req{color:#dc2626}.faq-form__row{display:grid;grid-template-columns:1fr 120px;gap:12px}.faq-form__check{display:flex;align-items:center;gap:8px;font-size:13px}.faq-form__preview{padding:12px;background:var(--eds-surface-muted, #f8fafc)}.faq-form__preview-line{margin:6px 0 0;font-size:14px;line-height:1.5}.faq-form__error{color:#b91c1c;font-size:13px;margin:0}.faq-form__footer{display:flex;justify-content:flex-end;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-faq-form', imports: [FormsModule, ModalComponent, EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit FAQ' : 'Add FAQ'\"\n    subtitle=\"Short, speakable answers work best on phone calls\"\n    maxWidth=\"640px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"faq-form\" (ngSubmit)=\"submit()\" novalidate>\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Question <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">How a caller might ask</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"2\"\n          maxlength=\"500\"\n          [(ngModel)]=\"question\"\n          name=\"question\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ question.length }}/500</span>\n      </label>\n\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Answer <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">Write how you want the AI to speak on the phone \u2014 short, clear, no bullet points.</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"4\"\n          maxlength=\"2000\"\n          [(ngModel)]=\"answer\"\n          name=\"answer\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ answer.length }}/2000</span>\n      </label>\n\n      <div class=\"faq-form__row\">\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Category</span>\n          <select class=\"faq-form__input\" [(ngModel)]=\"category\" name=\"category\">\n            <option value=\"\">\u2014 None \u2014</option>\n            @for (c of categories; track c) {\n              <option [value]=\"c\">{{ c }}</option>\n            }\n          </select>\n        </label>\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Sort order</span>\n          <input type=\"number\" class=\"faq-form__input\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" />\n        </label>\n      </div>\n\n      <label class=\"faq-form__check\">\n        <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" />\n        Active (voice agent can use this answer)\n      </label>\n\n      <section class=\"faq-form__preview eds-card\">\n        <h3 class=\"eds-label\">Live preview</h3>\n        <p class=\"faq-form__preview-line\"><strong>Caller asks:</strong> \u201C{{ question || '\u2026' }}\u201D</p>\n        <p class=\"faq-form__preview-line\"><strong>AI would say:</strong> \u201C{{ answer || '\u2026' }}\u201D</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"faq-form__error\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"faq-form__footer\">\n        <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\">Cancel</eds-button>\n        <eds-button variant=\"primary\" type=\"submit\">Save</eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".faq-form{display:flex;flex-direction:column;gap:14px}.faq-form__field{display:flex;flex-direction:column;gap:4px}.faq-form__hint{font-size:12px;color:var(--text-secondary)}.faq-form__textarea,.faq-form__input{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-form__textarea{resize:vertical}.faq-form__count{font-size:11px;color:var(--text-secondary);text-align:right}.faq-form__req{color:#dc2626}.faq-form__row{display:grid;grid-template-columns:1fr 120px;gap:12px}.faq-form__check{display:flex;align-items:center;gap:8px;font-size:13px}.faq-form__preview{padding:12px;background:var(--surface-muted, #f8fafc)}.faq-form__preview-line{margin:6px 0 0;font-size:14px;line-height:1.5}.faq-form__error{color:#b91c1c;font-size:13px;margin:0}.faq-form__footer{display:flex;justify-content:flex-end;gap:8px}\n"] }]
+            args: [{ selector: 'eds-faq-form', imports: [FormsModule, ModalComponent, EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <app-modal\n    [title]=\"isEdit ? 'Edit FAQ' : 'Add FAQ'\"\n    subtitle=\"Short, speakable answers work best on phone calls\"\n    maxWidth=\"640px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"faq-form\" (ngSubmit)=\"submit()\" novalidate>\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Question <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">How a caller might ask</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"2\"\n          maxlength=\"500\"\n          [(ngModel)]=\"question\"\n          name=\"question\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ question.length }}/500</span>\n      </label>\n\n      <label class=\"faq-form__field\">\n        <span class=\"eds-label\">Answer <span class=\"faq-form__req\">*</span></span>\n        <span class=\"faq-form__hint\">Write how you want the AI to speak on the phone \u2014 short, clear, no bullet points.</span>\n        <textarea\n          class=\"faq-form__textarea\"\n          rows=\"4\"\n          maxlength=\"2000\"\n          [(ngModel)]=\"answer\"\n          name=\"answer\"\n          required\n        ></textarea>\n        <span class=\"faq-form__count\">{{ answer.length }}/2000</span>\n      </label>\n\n      <div class=\"faq-form__row\">\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Category</span>\n          <select class=\"faq-form__input\" [(ngModel)]=\"category\" name=\"category\">\n            <option value=\"\">\u2014 None \u2014</option>\n            @for (c of categories; track c) {\n              <option [value]=\"c\">{{ c }}</option>\n            }\n          </select>\n        </label>\n        <label class=\"faq-form__field\">\n          <span class=\"eds-label\">Sort order</span>\n          <input type=\"number\" class=\"faq-form__input\" [(ngModel)]=\"sortOrder\" name=\"sortOrder\" min=\"0\" />\n        </label>\n      </div>\n\n      <label class=\"faq-form__check\">\n        <input type=\"checkbox\" [(ngModel)]=\"isActive\" name=\"isActive\" />\n        Active (voice agent can use this answer)\n      </label>\n\n      <section class=\"faq-form__preview eds-card\">\n        <h3 class=\"eds-label\">Live preview</h3>\n        <p class=\"faq-form__preview-line\"><strong>Caller asks:</strong> \u201C{{ question || '\u2026' }}\u201D</p>\n        <p class=\"faq-form__preview-line\"><strong>AI would say:</strong> \u201C{{ answer || '\u2026' }}\u201D</p>\n      </section>\n\n      @if (error()) {\n        <p class=\"faq-form__error\" role=\"alert\">{{ error() }}</p>\n      }\n\n      <footer class=\"faq-form__footer\">\n        <eds-button variant=\"secondary\" type=\"button\" (click)=\"close()\">Cancel</eds-button>\n        <eds-button variant=\"primary\" type=\"submit\">Save</eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".faq-form{display:flex;flex-direction:column;gap:14px}.faq-form__field{display:flex;flex-direction:column;gap:4px}.faq-form__hint{font-size:12px;color:var(--eds-text-secondary)}.faq-form__textarea,.faq-form__input{padding:8px 10px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-form__textarea{resize:vertical}.faq-form__count{font-size:11px;color:var(--eds-text-secondary);text-align:right}.faq-form__req{color:#dc2626}.faq-form__row{display:grid;grid-template-columns:1fr 120px;gap:12px}.faq-form__check{display:flex;align-items:center;gap:8px;font-size:13px}.faq-form__preview{padding:12px;background:var(--eds-surface-muted, #f8fafc)}.faq-form__preview-line{margin:6px 0 0;font-size:14px;line-height:1.5}.faq-form__error{color:#b91c1c;font-size:13px;margin:0}.faq-form__footer{display:flex;justify-content:flex-end;gap:8px}\n"] }]
         }], propDecorators: { open: [{
                 type: Input
             }], faq: [{
@@ -414,18 +420,21 @@ class FaqSearchTesterComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqSearchTesterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqSearchTesterComponent, isStandalone: true, selector: "eds-faq-search-tester", ngImport: i0, template: "<aside class=\"eds-card faq-search-tester\">\n  <h2 class=\"eds-h2\">Test voice search</h2>\n  <p class=\"eds-body-sm faq-search-tester__help\">This uses the same search as live calls.</p>\n\n  <label class=\"faq-search-tester__field\">\n    <span class=\"eds-label\">What a caller might ask\u2026</span>\n    <input\n      type=\"search\"\n      class=\"faq-search-tester__input\"\n      placeholder=\"Do you have Saturday hours?\"\n      [(ngModel)]=\"query\"\n      (keyup.enter)=\"search()\"\n    />\n  </label>\n\n  <eds-button variant=\"primary\" [disabled]=\"loading() || !query.trim()\" (click)=\"search()\">\n    {{ loading() ? 'Searching\u2026' : 'Test search' }}\n  </eds-button>\n\n  @if (error()) {\n    <p class=\"faq-search-tester__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (searched()) {\n    @if (found()) {\n      <ul class=\"faq-search-tester__results\">\n        @for (item of results(); track item.faqId) {\n          <li class=\"faq-search-tester__result\">\n            <div class=\"faq-search-tester__score-row\">\n              <span class=\"eds-label\">Relevance</span>\n              <div class=\"faq-search-tester__score-bar\">\n                <span class=\"faq-search-tester__score-fill\" [style.width.%]=\"scorePercent(item.score)\"></span>\n              </div>\n              <span class=\"eds-mono-sm\">{{ scorePercent(item.score) }}%</span>\n            </div>\n            @if (item.category) {\n              <span class=\"faq-chip\" [class]=\"categoryClass(item.category)\">{{ item.category }}</span>\n            }\n            <p class=\"faq-search-tester__question\">{{ item.question }}</p>\n            <p class=\"faq-search-tester__answer\">{{ item.answer }}</p>\n          </li>\n        }\n      </ul>\n    } @else {\n      <p class=\"faq-search-tester__no-match\" role=\"status\">\n        No match \u2014 voice agent will offer to transfer to reception\n      </p>\n    }\n  }\n</aside>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.faq-search-tester{padding:16px;position:sticky;top:calc(var(--eds-topbar-height, 56px) + 16px)}.faq-search-tester__help{color:var(--text-secondary);margin:4px 0 12px}.faq-search-tester__field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.faq-search-tester__input{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-search-tester__error{color:#b91c1c;font-size:13px;margin-top:10px}.faq-search-tester__no-match{margin-top:14px;padding:12px;border-radius:8px;background:#f59e0b1f;color:#b45309;font-size:13px}.faq-search-tester__results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.faq-search-tester__result{padding:12px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px}.faq-search-tester__score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.faq-search-tester__score-bar{height:6px;border-radius:999px;background:var(--surface-muted, #e5e7eb);overflow:hidden}.faq-search-tester__score-fill{display:block;height:100%;background:var(--eds-brand, #0d9488);border-radius:999px}.faq-search-tester__question{font-weight:600;font-size:13px;margin:6px 0 4px}.faq-search-tester__answer{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FaqSearchTesterComponent, isStandalone: true, selector: "eds-faq-search-tester", ngImport: i0, template: "<aside class=\"eds-card faq-search-tester\">\n  <h2 class=\"eds-h2\">Test voice search</h2>\n  <p class=\"eds-body-sm faq-search-tester__help\">This uses the same search as live calls.</p>\n\n  <label class=\"faq-search-tester__field\">\n    <span class=\"eds-label\">What a caller might ask\u2026</span>\n    <input\n      type=\"search\"\n      class=\"faq-search-tester__input\"\n      placeholder=\"Do you have Saturday hours?\"\n      [(ngModel)]=\"query\"\n      (keyup.enter)=\"search()\"\n    />\n  </label>\n\n  <eds-button variant=\"primary\" [disabled]=\"loading() || !query.trim()\" (click)=\"search()\">\n    {{ loading() ? 'Searching\u2026' : 'Test search' }}\n  </eds-button>\n\n  @if (error()) {\n    <p class=\"faq-search-tester__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (searched()) {\n    @if (found()) {\n      <ul class=\"faq-search-tester__results\">\n        @for (item of results(); track item.faqId) {\n          <li class=\"faq-search-tester__result\">\n            <div class=\"faq-search-tester__score-row\">\n              <span class=\"eds-label\">Relevance</span>\n              <div class=\"faq-search-tester__score-bar\">\n                <span class=\"faq-search-tester__score-fill\" [style.width.%]=\"scorePercent(item.score)\"></span>\n              </div>\n              <span class=\"eds-mono-sm\">{{ scorePercent(item.score) }}%</span>\n            </div>\n            @if (item.category) {\n              <span class=\"faq-chip\" [class]=\"categoryClass(item.category)\">{{ item.category }}</span>\n            }\n            <p class=\"faq-search-tester__question\">{{ item.question }}</p>\n            <p class=\"faq-search-tester__answer\">{{ item.answer }}</p>\n          </li>\n        }\n      </ul>\n    } @else {\n      <p class=\"faq-search-tester__no-match\" role=\"status\">\n        No match \u2014 voice agent will offer to transfer to reception\n      </p>\n    }\n  }\n</aside>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.faq-search-tester{padding:16px;position:sticky;top:calc(var(--eds-topbar-height, 56px) + 16px)}.faq-search-tester__help{color:var(--eds-text-secondary);margin:4px 0 12px}.faq-search-tester__field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.faq-search-tester__input{padding:8px 10px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-search-tester__error{color:#b91c1c;font-size:13px;margin-top:10px}.faq-search-tester__no-match{margin-top:14px;padding:12px;border-radius:8px;background:#f59e0b1f;color:#b45309;font-size:13px}.faq-search-tester__results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.faq-search-tester__result{padding:12px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px}.faq-search-tester__score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.faq-search-tester__score-bar{height:6px;border-radius:999px;background:var(--eds-surface-muted, #e5e7eb);overflow:hidden}.faq-search-tester__score-fill{display:block;height:100%;background:var(--eds-brand, #0d9488);border-radius:999px}.faq-search-tester__question{font-weight:600;font-size:13px;margin:6px 0 4px}.faq-search-tester__answer{font-size:13px;color:var(--eds-text-secondary);margin:0;line-height:1.5}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FaqSearchTesterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-faq-search-tester', imports: [FormsModule, EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"eds-card faq-search-tester\">\n  <h2 class=\"eds-h2\">Test voice search</h2>\n  <p class=\"eds-body-sm faq-search-tester__help\">This uses the same search as live calls.</p>\n\n  <label class=\"faq-search-tester__field\">\n    <span class=\"eds-label\">What a caller might ask\u2026</span>\n    <input\n      type=\"search\"\n      class=\"faq-search-tester__input\"\n      placeholder=\"Do you have Saturday hours?\"\n      [(ngModel)]=\"query\"\n      (keyup.enter)=\"search()\"\n    />\n  </label>\n\n  <eds-button variant=\"primary\" [disabled]=\"loading() || !query.trim()\" (click)=\"search()\">\n    {{ loading() ? 'Searching\u2026' : 'Test search' }}\n  </eds-button>\n\n  @if (error()) {\n    <p class=\"faq-search-tester__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (searched()) {\n    @if (found()) {\n      <ul class=\"faq-search-tester__results\">\n        @for (item of results(); track item.faqId) {\n          <li class=\"faq-search-tester__result\">\n            <div class=\"faq-search-tester__score-row\">\n              <span class=\"eds-label\">Relevance</span>\n              <div class=\"faq-search-tester__score-bar\">\n                <span class=\"faq-search-tester__score-fill\" [style.width.%]=\"scorePercent(item.score)\"></span>\n              </div>\n              <span class=\"eds-mono-sm\">{{ scorePercent(item.score) }}%</span>\n            </div>\n            @if (item.category) {\n              <span class=\"faq-chip\" [class]=\"categoryClass(item.category)\">{{ item.category }}</span>\n            }\n            <p class=\"faq-search-tester__question\">{{ item.question }}</p>\n            <p class=\"faq-search-tester__answer\">{{ item.answer }}</p>\n          </li>\n        }\n      </ul>\n    } @else {\n      <p class=\"faq-search-tester__no-match\" role=\"status\">\n        No match \u2014 voice agent will offer to transfer to reception\n      </p>\n    }\n  }\n</aside>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.faq-search-tester{padding:16px;position:sticky;top:calc(var(--eds-topbar-height, 56px) + 16px)}.faq-search-tester__help{color:var(--text-secondary);margin:4px 0 12px}.faq-search-tester__field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.faq-search-tester__input{padding:8px 10px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-search-tester__error{color:#b91c1c;font-size:13px;margin-top:10px}.faq-search-tester__no-match{margin-top:14px;padding:12px;border-radius:8px;background:#f59e0b1f;color:#b45309;font-size:13px}.faq-search-tester__results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.faq-search-tester__result{padding:12px;border:1px solid var(--border-subtle, #e4e4e7);border-radius:8px}.faq-search-tester__score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.faq-search-tester__score-bar{height:6px;border-radius:999px;background:var(--surface-muted, #e5e7eb);overflow:hidden}.faq-search-tester__score-fill{display:block;height:100%;background:var(--eds-brand, #0d9488);border-radius:999px}.faq-search-tester__question{font-weight:600;font-size:13px;margin:6px 0 4px}.faq-search-tester__answer{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}\n"] }]
+            args: [{ selector: 'eds-faq-search-tester', imports: [FormsModule, EdsButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"eds-card faq-search-tester\">\n  <h2 class=\"eds-h2\">Test voice search</h2>\n  <p class=\"eds-body-sm faq-search-tester__help\">This uses the same search as live calls.</p>\n\n  <label class=\"faq-search-tester__field\">\n    <span class=\"eds-label\">What a caller might ask\u2026</span>\n    <input\n      type=\"search\"\n      class=\"faq-search-tester__input\"\n      placeholder=\"Do you have Saturday hours?\"\n      [(ngModel)]=\"query\"\n      (keyup.enter)=\"search()\"\n    />\n  </label>\n\n  <eds-button variant=\"primary\" [disabled]=\"loading() || !query.trim()\" (click)=\"search()\">\n    {{ loading() ? 'Searching\u2026' : 'Test search' }}\n  </eds-button>\n\n  @if (error()) {\n    <p class=\"faq-search-tester__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  @if (searched()) {\n    @if (found()) {\n      <ul class=\"faq-search-tester__results\">\n        @for (item of results(); track item.faqId) {\n          <li class=\"faq-search-tester__result\">\n            <div class=\"faq-search-tester__score-row\">\n              <span class=\"eds-label\">Relevance</span>\n              <div class=\"faq-search-tester__score-bar\">\n                <span class=\"faq-search-tester__score-fill\" [style.width.%]=\"scorePercent(item.score)\"></span>\n              </div>\n              <span class=\"eds-mono-sm\">{{ scorePercent(item.score) }}%</span>\n            </div>\n            @if (item.category) {\n              <span class=\"faq-chip\" [class]=\"categoryClass(item.category)\">{{ item.category }}</span>\n            }\n            <p class=\"faq-search-tester__question\">{{ item.question }}</p>\n            <p class=\"faq-search-tester__answer\">{{ item.answer }}</p>\n          </li>\n        }\n      </ul>\n    } @else {\n      <p class=\"faq-search-tester__no-match\" role=\"status\">\n        No match \u2014 voice agent will offer to transfer to reception\n      </p>\n    }\n  }\n</aside>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.faq-search-tester{padding:16px;position:sticky;top:calc(var(--eds-topbar-height, 56px) + 16px)}.faq-search-tester__help{color:var(--eds-text-secondary);margin:4px 0 12px}.faq-search-tester__field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.faq-search-tester__input{padding:8px 10px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px;font:inherit}.faq-search-tester__error{color:#b91c1c;font-size:13px;margin-top:10px}.faq-search-tester__no-match{margin-top:14px;padding:12px;border-radius:8px;background:#f59e0b1f;color:#b45309;font-size:13px}.faq-search-tester__results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.faq-search-tester__result{padding:12px;border:1px solid var(--eds-border-subtle, #e4e4e7);border-radius:8px}.faq-search-tester__score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.faq-search-tester__score-bar{height:6px;border-radius:999px;background:var(--eds-surface-muted, #e5e7eb);overflow:hidden}.faq-search-tester__score-fill{display:block;height:100%;background:var(--eds-brand, #0d9488);border-radius:999px}.faq-search-tester__question{font-weight:600;font-size:13px;margin:6px 0 4px}.faq-search-tester__answer{font-size:13px;color:var(--eds-text-secondary);margin:0;line-height:1.5}\n"] }]
         }] });
 
 class KnowledgeHubPageComponent {
     constructor() {
         this.api = inject(PracticeFaqApiService);
         this.toast = inject(ToastService);
-        this.allFaqs = signal([]);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.pageFaqs = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
         this.loading = signal(true);
         this.error = signal(null);
         this.activeFilter = signal('all');
@@ -444,11 +453,10 @@ class KnowledgeHubPageComponent {
             { id: 'active', label: 'Active only' },
             { id: 'inactive', label: 'Inactive' },
         ];
+        /** Client filters still applied on the current page (category / local search / inactive). */
         this.faqs = computed(() => {
-            let rows = [...this.allFaqs()];
+            let rows = [...this.pageFaqs()];
             const active = this.activeFilter();
-            if (active === 'active')
-                rows = rows.filter((f) => f.isActive);
             if (active === 'inactive')
                 rows = rows.filter((f) => !f.isActive);
             const cat = this.categoryFilter();
@@ -471,9 +479,17 @@ class KnowledgeHubPageComponent {
     load() {
         this.loading.set(true);
         this.error.set(null);
-        this.api.list().subscribe({
-            next: (items) => {
-                this.allFaqs.set(items);
+        this.api
+            .list({
+            activeOnly: this.activeFilter() === 'active',
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                this.pageFaqs.set(items);
+                this.total.set(total);
+                this.page.set(page);
                 this.loading.set(false);
             },
             error: () => {
@@ -484,6 +500,8 @@ class KnowledgeHubPageComponent {
     }
     setActiveFilter(id) {
         this.activeFilter.set(id);
+        this.page.set(1);
+        this.load();
     }
     toggleCategory(cat) {
         this.categoryFilter.update((c) => (c === cat ? '' : cat));
@@ -491,6 +509,21 @@ class KnowledgeHubPageComponent {
     isCategorySelected(cat) {
         return this.categoryFilter() === cat;
     }
+    totalPages() {
+        return totalPages(this.total(), DEFAULT_PAGE_SIZE);
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
     openCreate() {
         this.editing.set(null);
         this.formSeed.set({ question: '', answer: '', category: '' });
@@ -513,32 +546,33 @@ class KnowledgeHubPageComponent {
         const edit = this.editing();
         if (edit) {
             this.api.update(edit.faqId, payload).subscribe({
-                next: (updated) => {
-                    this.allFaqs.update((list) => list.map((f) => (f.faqId === updated.faqId ? updated : f)));
+                next: () => {
                     this.closeForm();
                     this.toast.show('FAQ saved — voice agent updated', 'success');
+                    this.load();
                 },
                 error: () => this.toast.show('Failed to save FAQ', 'error'),
             });
             return;
         }
         this.api.create(payload).subscribe({
-            next: (created) => {
-                this.allFaqs.update((list) => [...list, created]);
+            next: () => {
                 this.closeForm();
                 this.toast.show('Your AI receptionist can now answer this on live calls.', 'success');
+                this.page.set(1);
+                this.load();
             },
             error: () => this.toast.show('Failed to create FAQ', 'error'),
         });
     }
     toggleActive(faq, active) {
-        this.allFaqs.update((list) => list.map((f) => (f.faqId === faq.faqId ? { ...f, isActive: active } : f)));
+        this.pageFaqs.update((list) => list.map((f) => (f.faqId === faq.faqId ? { ...f, isActive: active } : f)));
         this.api.update(faq.faqId, { isActive: active }).subscribe({
             next: (updated) => {
-                this.allFaqs.update((list) => list.map((f) => (f.faqId === updated.faqId ? updated : f)));
+                this.pageFaqs.update((list) => list.map((f) => (f.faqId === updated.faqId ? updated : f)));
             },
             error: () => {
-                this.allFaqs.update((list) => list.map((f) => (f.faqId === faq.faqId ? { ...f, isActive: !active } : f)));
+                this.pageFaqs.update((list) => list.map((f) => (f.faqId === faq.faqId ? { ...f, isActive: !active } : f)));
                 this.toast.show('Failed to update FAQ status', 'error');
             },
         });
@@ -549,14 +583,14 @@ class KnowledgeHubPageComponent {
             return;
         this.api.delete(faq.faqId).subscribe({
             next: () => {
-                this.allFaqs.update((list) => list.filter((f) => f.faqId !== faq.faqId));
                 this.toast.show('FAQ removed', 'success');
+                this.load();
             },
             error: () => this.toast.show('Failed to delete FAQ', 'error'),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KnowledgeHubPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: KnowledgeHubPageComponent, isStandalone: true, selector: "eds-knowledge-hub-page", ngImport: i0, template: "<div class=\"eds-page knowledge-hub\">\n  <header class=\"knowledge-hub__header\">\n    <div>\n      <h1 class=\"eds-h1\">Practice knowledge base</h1>\n      <p class=\"eds-body-sm\">\n        Answers here are used by your AI receptionist on phone calls. Keep replies short and factual.\n      </p>\n    </div>\n    <eds-button variant=\"primary\" class=\"knowledge-hub__add-desktop\" (click)=\"openCreate()\">\n      <eds-icon name=\"add\" [size]=\"18\" /> Add FAQ\n    </eds-button>\n  </header>\n\n  <div class=\"knowledge-hub__banner eds-card\" role=\"note\">\n    <eds-icon name=\"info\" [size]=\"18\" />\n    <p class=\"eds-body-sm\">\n      Do not put patient-specific or clinical advice here. Use general practice information only.\n    </p>\n  </div>\n\n  <div class=\"knowledge-hub__layout\">\n    <main class=\"knowledge-hub__main\">\n      <nav class=\"knowledge-hub__tabs\" aria-label=\"FAQ status\">\n        @for (t of activeTabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"knowledge-hub__tab\"\n            [class.knowledge-hub__tab--active]=\"activeFilter() === t.id\"\n            (click)=\"setActiveFilter(t.id)\"\n          >\n            {{ t.label }}\n          </button>\n        }\n      </nav>\n\n      <div class=\"knowledge-hub__filters eds-card\">\n        <input\n          type=\"search\"\n          class=\"knowledge-hub__search\"\n          placeholder=\"Filter by question or answer\u2026\"\n          [ngModel]=\"listSearch()\"\n          (ngModelChange)=\"listSearch.set($event)\"\n        />\n        <div class=\"knowledge-hub__chips\">\n          @for (cat of categories; track cat) {\n            <button\n              type=\"button\"\n              class=\"faq-chip knowledge-hub__chip\"\n              [class]=\"'faq-chip--' + cat\"\n              [class.knowledge-hub__chip--on]=\"isCategorySelected(cat)\"\n              (click)=\"toggleCategory(cat)\"\n            >\n              {{ cat }}\n            </button>\n          }\n        </div>\n      </div>\n\n      @if (loading()) {\n        <div class=\"knowledge-hub__skeleton eds-card\">\n          @for (i of [1, 2, 3]; track i) {\n            <div class=\"knowledge-hub__skel-row\"></div>\n          }\n        </div>\n      } @else if (error()) {\n        <p class=\"knowledge-hub__error eds-body-sm\" role=\"alert\">{{ error() }}</p>\n        <eds-button variant=\"secondary\" (click)=\"load()\">Retry</eds-button>\n      } @else if (allFaqs().length === 0) {\n        <div class=\"eds-card\">\n          <eds-faq-empty-state (add)=\"openCreate()\" (useTemplate)=\"onStarterTemplate($event)\" />\n        </div>\n      } @else if (faqs().length === 0) {\n        <p class=\"eds-body-sm knowledge-hub__empty-filter\">No FAQs match your filters.</p>\n      } @else {\n        <div class=\"eds-card knowledge-hub__table-wrap\">\n          <table class=\"eds-table knowledge-hub__table\">\n            <thead>\n              <tr>\n                <th>Question</th>\n                <th>Answer</th>\n                <th>Category</th>\n                <th>Active</th>\n                <th>Updated</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (faq of faqs(); track faq.faqId) {\n                <tr [class.knowledge-hub__row--inactive]=\"!faq.isActive\">\n                  <td class=\"knowledge-hub__question\" [title]=\"faq.question\">{{ faq.question }}</td>\n                  <td class=\"knowledge-hub__answer\" [title]=\"faq.answer\">{{ truncate(faq.answer, 72) }}</td>\n                  <td>\n                    @if (faq.category) {\n                      <span class=\"faq-chip\" [class]=\"categoryClass(faq.category)\">{{ faq.category }}</span>\n                    } @else {\n                      <span class=\"eds-body-sm\">\u2014</span>\n                    }\n                  </td>\n                  <td>\n                    <label class=\"knowledge-hub__toggle\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"faq.isActive\"\n                        (change)=\"toggleActive(faq, $any($event.target).checked)\"\n                        [attr.aria-label]=\"'Toggle active for ' + faq.question\"\n                      />\n                      <span class=\"knowledge-hub__status\" [class.knowledge-hub__status--on]=\"faq.isActive\">\n                        {{ faq.isActive ? 'Active' : 'Inactive' }}\n                      </span>\n                    </label>\n                  </td>\n                  <td class=\"eds-mono-sm\">{{ faq.updatedAt | date: 'mediumDate' }}</td>\n                  <td class=\"knowledge-hub__actions\">\n                    <button type=\"button\" class=\"knowledge-hub__link\" (click)=\"openEdit(faq)\">Edit</button>\n                    <button type=\"button\" class=\"knowledge-hub__link knowledge-hub__link--danger\" (click)=\"deleteFaq(faq)\">\n                      Delete\n                    </button>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    </main>\n\n    <eds-faq-search-tester />\n  </div>\n\n  <button type=\"button\" class=\"knowledge-hub__fab\" aria-label=\"Add FAQ\" (click)=\"openCreate()\">\n    <eds-icon name=\"add\" [size]=\"24\" />\n  </button>\n\n  <eds-faq-form\n    [open]=\"formOpen()\"\n    [faq]=\"editing()\"\n    [initialQuestion]=\"formSeed().question\"\n    [initialAnswer]=\"formSeed().answer\"\n    [initialCategory]=\"formSeed().category\"\n    (closed)=\"closeForm()\"\n    (saved)=\"onSave($event)\"\n  />\n</div>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.knowledge-hub__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.knowledge-hub__banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:20px;background:#3b82f60f;border-color:#3b82f633}.knowledge-hub__banner p{margin:0}.knowledge-hub__layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.knowledge-hub__tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;width:fit-content;background:var(--surface-l1);border-radius:var(--eds-radius-md)}.knowledge-hub__tab{border:none;background:transparent;padding:8px 14px;border-radius:var(--eds-radius-sm);font-size:13px;cursor:pointer;color:var(--text-secondary)}.knowledge-hub__tab--active{background:var(--surface-l0);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000000f}.knowledge-hub__filters{padding:12px;margin-bottom:12px}.knowledge-hub__search{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--eds-radius-md);font-size:14px;margin-bottom:10px}.knowledge-hub__chips{display:flex;flex-wrap:wrap;gap:6px}.knowledge-hub__chip{border:1px solid transparent;cursor:pointer;opacity:.6}.knowledge-hub__chip--on{opacity:1;border-color:currentColor}.knowledge-hub__table-wrap{overflow-x:auto;padding:0}.knowledge-hub__question{font-weight:600;max-width:220px}.knowledge-hub__answer{color:var(--text-secondary);max-width:260px}.knowledge-hub__row--inactive{opacity:.65}.knowledge-hub__toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.knowledge-hub__status{font-size:12px;color:var(--text-secondary)}.knowledge-hub__status--on{color:#16a34a}.knowledge-hub__status:before{content:\"\";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ca3af;margin-right:4px;vertical-align:middle}.knowledge-hub__status--on:before{background:#22c55e}.knowledge-hub__actions{white-space:nowrap;display:flex;gap:8px}.knowledge-hub__link{border:none;background:none;color:var(--eds-brand, #0d9488);font-size:13px;cursor:pointer;padding:0}.knowledge-hub__link--danger{color:#dc2626}.knowledge-hub__error{color:#b91c1c}.knowledge-hub__empty-filter{padding:24px;text-align:center;color:var(--text-secondary)}.knowledge-hub__skeleton{padding:16px}.knowledge-hub__skel-row{height:48px;border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:faq-shimmer 1.2s infinite;margin-bottom:8px}@keyframes faq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.knowledge-hub__fab{display:none;position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--eds-brand, #0d9488);color:#fff;box-shadow:0 4px 14px #0003;cursor:pointer;align-items:center;justify-content:center}@media(max-width:960px){.knowledge-hub__layout{grid-template-columns:1fr}.knowledge-hub__add-desktop{display:none}.knowledge-hub__fab{display:inline-flex}}@media(min-width:961px){.knowledge-hub__fab{display:none}}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "component", type: FaqEmptyStateComponent, selector: "eds-faq-empty-state", outputs: ["add", "useTemplate"] }, { kind: "component", type: FaqFormComponent, selector: "eds-faq-form", inputs: ["open", "faq", "initialQuestion", "initialAnswer", "initialCategory"], outputs: ["closed", "saved"] }, { kind: "component", type: FaqSearchTesterComponent, selector: "eds-faq-search-tester" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: KnowledgeHubPageComponent, isStandalone: true, selector: "eds-knowledge-hub-page", ngImport: i0, template: "<div class=\"eds-page knowledge-hub\">\n  <header class=\"knowledge-hub__header\">\n    <div>\n      <h1 class=\"eds-h1\">Practice knowledge base</h1>\n      <p class=\"eds-body-sm\">\n        Answers here are used by your AI receptionist on phone calls. Keep replies short and factual.\n      </p>\n    </div>\n    <eds-button variant=\"primary\" class=\"knowledge-hub__add-desktop\" (click)=\"openCreate()\">\n      <eds-icon name=\"add\" [size]=\"18\" /> Add FAQ\n    </eds-button>\n  </header>\n\n  <div class=\"knowledge-hub__banner eds-card\" role=\"note\">\n    <eds-icon name=\"info\" [size]=\"18\" />\n    <p class=\"eds-body-sm\">\n      Do not put patient-specific or clinical advice here. Use general practice information only.\n    </p>\n  </div>\n\n  <div class=\"knowledge-hub__layout\">\n    <main class=\"knowledge-hub__main\">\n      <nav class=\"knowledge-hub__tabs\" aria-label=\"FAQ status\">\n        @for (t of activeTabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"knowledge-hub__tab\"\n            [class.knowledge-hub__tab--active]=\"activeFilter() === t.id\"\n            (click)=\"setActiveFilter(t.id)\"\n          >\n            {{ t.label }}\n          </button>\n        }\n      </nav>\n\n      <div class=\"knowledge-hub__filters eds-card\">\n        <input\n          type=\"search\"\n          class=\"knowledge-hub__search\"\n          placeholder=\"Filter by question or answer\u2026\"\n          [ngModel]=\"listSearch()\"\n          (ngModelChange)=\"listSearch.set($event)\"\n        />\n        <div class=\"knowledge-hub__chips\">\n          @for (cat of categories; track cat) {\n            <button\n              type=\"button\"\n              class=\"faq-chip knowledge-hub__chip\"\n              [class]=\"'faq-chip--' + cat\"\n              [class.knowledge-hub__chip--on]=\"isCategorySelected(cat)\"\n              (click)=\"toggleCategory(cat)\"\n            >\n              {{ cat }}\n            </button>\n          }\n        </div>\n      </div>\n\n      @if (loading()) {\n        <div class=\"knowledge-hub__skeleton eds-card\">\n          @for (i of [1, 2, 3]; track i) {\n            <div class=\"knowledge-hub__skel-row\"></div>\n          }\n        </div>\n      } @else if (error()) {\n        <p class=\"knowledge-hub__error eds-body-sm\" role=\"alert\">{{ error() }}</p>\n        <eds-button variant=\"secondary\" (click)=\"load()\">Retry</eds-button>\n      } @else if (total() === 0 && !categoryFilter() && !listSearch() && activeFilter() === 'all') {\n        <div class=\"eds-card\">\n          <eds-faq-empty-state (add)=\"openCreate()\" (useTemplate)=\"onStarterTemplate($event)\" />\n        </div>\n      } @else if (faqs().length === 0) {\n        <p class=\"eds-body-sm knowledge-hub__empty-filter\">No FAQs match your filters.</p>\n      } @else {\n        <div class=\"eds-card knowledge-hub__table-wrap\">\n          <table class=\"eds-table knowledge-hub__table\">\n            <thead>\n              <tr>\n                <th>Question</th>\n                <th>Answer</th>\n                <th>Category</th>\n                <th>Active</th>\n                <th>Updated</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (faq of faqs(); track faq.faqId) {\n                <tr [class.knowledge-hub__row--inactive]=\"!faq.isActive\">\n                  <td class=\"knowledge-hub__question\" [title]=\"faq.question\">{{ faq.question }}</td>\n                  <td class=\"knowledge-hub__answer\" [title]=\"faq.answer\">{{ truncate(faq.answer, 72) }}</td>\n                  <td>\n                    @if (faq.category) {\n                      <span class=\"faq-chip\" [class]=\"categoryClass(faq.category)\">{{ faq.category }}</span>\n                    } @else {\n                      <span class=\"eds-body-sm\">\u2014</span>\n                    }\n                  </td>\n                  <td>\n                    <label class=\"knowledge-hub__toggle\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"faq.isActive\"\n                        (change)=\"toggleActive(faq, $any($event.target).checked)\"\n                        [attr.aria-label]=\"'Toggle active for ' + faq.question\"\n                      />\n                      <span class=\"knowledge-hub__status\" [class.knowledge-hub__status--on]=\"faq.isActive\">\n                        {{ faq.isActive ? 'Active' : 'Inactive' }}\n                      </span>\n                    </label>\n                  </td>\n                  <td class=\"eds-mono-sm\">{{ faq.updatedAt | date: 'mediumDate' }}</td>\n                  <td class=\"knowledge-hub__actions\">\n                    <button type=\"button\" class=\"knowledge-hub__link\" (click)=\"openEdit(faq)\">Edit</button>\n                    <button type=\"button\" class=\"knowledge-hub__link knowledge-hub__link--danger\" (click)=\"deleteFaq(faq)\">\n                      Delete\n                    </button>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n\n        <footer class=\"knowledge-hub__pager\">\n          <span class=\"eds-body-sm\">\n            Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n          </span>\n          <div class=\"knowledge-hub__pager-actions\">\n            <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n            <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n          </div>\n        </footer>\n      }\n    </main>\n\n    <eds-faq-search-tester />\n  </div>\n\n  <button type=\"button\" class=\"knowledge-hub__fab\" aria-label=\"Add FAQ\" (click)=\"openCreate()\">\n    <eds-icon name=\"add\" [size]=\"24\" />\n  </button>\n\n  <eds-faq-form\n    [open]=\"formOpen()\"\n    [faq]=\"editing()\"\n    [initialQuestion]=\"formSeed().question\"\n    [initialAnswer]=\"formSeed().answer\"\n    [initialCategory]=\"formSeed().category\"\n    (closed)=\"closeForm()\"\n    (saved)=\"onSave($event)\"\n  />\n</div>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.knowledge-hub__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.knowledge-hub__banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:20px;background:#3b82f60f;border-color:#3b82f633}.knowledge-hub__banner p{margin:0}.knowledge-hub__layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.knowledge-hub__tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;width:fit-content;background:var(--eds-surface-l1);border-radius:var(--eds-radius-md)}.knowledge-hub__tab{border:none;background:transparent;padding:8px 14px;border-radius:var(--eds-radius-sm);font-size:13px;cursor:pointer;color:var(--eds-text-secondary)}.knowledge-hub__tab--active{background:var(--eds-surface-l0);color:var(--eds-text-primary);font-weight:600;box-shadow:0 1px 2px #0000000f}.knowledge-hub__filters{padding:12px;margin-bottom:12px}.knowledge-hub__search{width:100%;padding:8px 12px;border:1px solid var(--eds-border-default);border-radius:var(--eds-radius-md);font-size:14px;margin-bottom:10px}.knowledge-hub__chips{display:flex;flex-wrap:wrap;gap:6px}.knowledge-hub__chip{border:1px solid transparent;cursor:pointer;opacity:.6}.knowledge-hub__chip--on{opacity:1;border-color:currentColor}.knowledge-hub__table-wrap{overflow-x:auto;padding:0}.knowledge-hub__question{font-weight:600;max-width:220px}.knowledge-hub__answer{color:var(--eds-text-secondary);max-width:260px}.knowledge-hub__row--inactive{opacity:.65}.knowledge-hub__toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.knowledge-hub__status{font-size:12px;color:var(--eds-text-secondary)}.knowledge-hub__status--on{color:#16a34a}.knowledge-hub__status:before{content:\"\";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ca3af;margin-right:4px;vertical-align:middle}.knowledge-hub__status--on:before{background:#22c55e}.knowledge-hub__actions{white-space:nowrap;display:flex;gap:8px}.knowledge-hub__link{border:none;background:none;color:var(--eds-brand, #0d9488);font-size:13px;cursor:pointer;padding:0}.knowledge-hub__link--danger{color:#dc2626}.knowledge-hub__error{color:#b91c1c}.knowledge-hub__empty-filter{padding:24px;text-align:center;color:var(--eds-text-secondary)}.knowledge-hub__skeleton{padding:16px}.knowledge-hub__skel-row{height:48px;border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:faq-shimmer 1.2s infinite;margin-bottom:8px}@keyframes faq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.knowledge-hub__fab{display:none;position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--eds-brand, #0d9488);color:#fff;box-shadow:0 4px 14px #0003;cursor:pointer;align-items:center;justify-content:center}@media(max-width:960px){.knowledge-hub__layout{grid-template-columns:1fr}.knowledge-hub__add-desktop{display:none}.knowledge-hub__fab{display:inline-flex}}@media(min-width:961px){.knowledge-hub__fab{display:none}}.knowledge-hub__pager{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--eds-border-subtle, #e4e4e7)}.knowledge-hub__pager-actions{display:flex;gap:8px}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }, { kind: "component", type: FaqEmptyStateComponent, selector: "eds-faq-empty-state", outputs: ["add", "useTemplate"] }, { kind: "component", type: FaqFormComponent, selector: "eds-faq-form", inputs: ["open", "faq", "initialQuestion", "initialAnswer", "initialCategory"], outputs: ["closed", "saved"] }, { kind: "component", type: FaqSearchTesterComponent, selector: "eds-faq-search-tester" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KnowledgeHubPageComponent, decorators: [{
             type: Component,
@@ -568,8 +602,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         FaqEmptyStateComponent,
                         FaqFormComponent,
                         FaqSearchTesterComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page knowledge-hub\">\n  <header class=\"knowledge-hub__header\">\n    <div>\n      <h1 class=\"eds-h1\">Practice knowledge base</h1>\n      <p class=\"eds-body-sm\">\n        Answers here are used by your AI receptionist on phone calls. Keep replies short and factual.\n      </p>\n    </div>\n    <eds-button variant=\"primary\" class=\"knowledge-hub__add-desktop\" (click)=\"openCreate()\">\n      <eds-icon name=\"add\" [size]=\"18\" /> Add FAQ\n    </eds-button>\n  </header>\n\n  <div class=\"knowledge-hub__banner eds-card\" role=\"note\">\n    <eds-icon name=\"info\" [size]=\"18\" />\n    <p class=\"eds-body-sm\">\n      Do not put patient-specific or clinical advice here. Use general practice information only.\n    </p>\n  </div>\n\n  <div class=\"knowledge-hub__layout\">\n    <main class=\"knowledge-hub__main\">\n      <nav class=\"knowledge-hub__tabs\" aria-label=\"FAQ status\">\n        @for (t of activeTabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"knowledge-hub__tab\"\n            [class.knowledge-hub__tab--active]=\"activeFilter() === t.id\"\n            (click)=\"setActiveFilter(t.id)\"\n          >\n            {{ t.label }}\n          </button>\n        }\n      </nav>\n\n      <div class=\"knowledge-hub__filters eds-card\">\n        <input\n          type=\"search\"\n          class=\"knowledge-hub__search\"\n          placeholder=\"Filter by question or answer\u2026\"\n          [ngModel]=\"listSearch()\"\n          (ngModelChange)=\"listSearch.set($event)\"\n        />\n        <div class=\"knowledge-hub__chips\">\n          @for (cat of categories; track cat) {\n            <button\n              type=\"button\"\n              class=\"faq-chip knowledge-hub__chip\"\n              [class]=\"'faq-chip--' + cat\"\n              [class.knowledge-hub__chip--on]=\"isCategorySelected(cat)\"\n              (click)=\"toggleCategory(cat)\"\n            >\n              {{ cat }}\n            </button>\n          }\n        </div>\n      </div>\n\n      @if (loading()) {\n        <div class=\"knowledge-hub__skeleton eds-card\">\n          @for (i of [1, 2, 3]; track i) {\n            <div class=\"knowledge-hub__skel-row\"></div>\n          }\n        </div>\n      } @else if (error()) {\n        <p class=\"knowledge-hub__error eds-body-sm\" role=\"alert\">{{ error() }}</p>\n        <eds-button variant=\"secondary\" (click)=\"load()\">Retry</eds-button>\n      } @else if (allFaqs().length === 0) {\n        <div class=\"eds-card\">\n          <eds-faq-empty-state (add)=\"openCreate()\" (useTemplate)=\"onStarterTemplate($event)\" />\n        </div>\n      } @else if (faqs().length === 0) {\n        <p class=\"eds-body-sm knowledge-hub__empty-filter\">No FAQs match your filters.</p>\n      } @else {\n        <div class=\"eds-card knowledge-hub__table-wrap\">\n          <table class=\"eds-table knowledge-hub__table\">\n            <thead>\n              <tr>\n                <th>Question</th>\n                <th>Answer</th>\n                <th>Category</th>\n                <th>Active</th>\n                <th>Updated</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (faq of faqs(); track faq.faqId) {\n                <tr [class.knowledge-hub__row--inactive]=\"!faq.isActive\">\n                  <td class=\"knowledge-hub__question\" [title]=\"faq.question\">{{ faq.question }}</td>\n                  <td class=\"knowledge-hub__answer\" [title]=\"faq.answer\">{{ truncate(faq.answer, 72) }}</td>\n                  <td>\n                    @if (faq.category) {\n                      <span class=\"faq-chip\" [class]=\"categoryClass(faq.category)\">{{ faq.category }}</span>\n                    } @else {\n                      <span class=\"eds-body-sm\">\u2014</span>\n                    }\n                  </td>\n                  <td>\n                    <label class=\"knowledge-hub__toggle\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"faq.isActive\"\n                        (change)=\"toggleActive(faq, $any($event.target).checked)\"\n                        [attr.aria-label]=\"'Toggle active for ' + faq.question\"\n                      />\n                      <span class=\"knowledge-hub__status\" [class.knowledge-hub__status--on]=\"faq.isActive\">\n                        {{ faq.isActive ? 'Active' : 'Inactive' }}\n                      </span>\n                    </label>\n                  </td>\n                  <td class=\"eds-mono-sm\">{{ faq.updatedAt | date: 'mediumDate' }}</td>\n                  <td class=\"knowledge-hub__actions\">\n                    <button type=\"button\" class=\"knowledge-hub__link\" (click)=\"openEdit(faq)\">Edit</button>\n                    <button type=\"button\" class=\"knowledge-hub__link knowledge-hub__link--danger\" (click)=\"deleteFaq(faq)\">\n                      Delete\n                    </button>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    </main>\n\n    <eds-faq-search-tester />\n  </div>\n\n  <button type=\"button\" class=\"knowledge-hub__fab\" aria-label=\"Add FAQ\" (click)=\"openCreate()\">\n    <eds-icon name=\"add\" [size]=\"24\" />\n  </button>\n\n  <eds-faq-form\n    [open]=\"formOpen()\"\n    [faq]=\"editing()\"\n    [initialQuestion]=\"formSeed().question\"\n    [initialAnswer]=\"formSeed().answer\"\n    [initialCategory]=\"formSeed().category\"\n    (closed)=\"closeForm()\"\n    (saved)=\"onSave($event)\"\n  />\n</div>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.knowledge-hub__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.knowledge-hub__banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:20px;background:#3b82f60f;border-color:#3b82f633}.knowledge-hub__banner p{margin:0}.knowledge-hub__layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.knowledge-hub__tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;width:fit-content;background:var(--surface-l1);border-radius:var(--eds-radius-md)}.knowledge-hub__tab{border:none;background:transparent;padding:8px 14px;border-radius:var(--eds-radius-sm);font-size:13px;cursor:pointer;color:var(--text-secondary)}.knowledge-hub__tab--active{background:var(--surface-l0);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000000f}.knowledge-hub__filters{padding:12px;margin-bottom:12px}.knowledge-hub__search{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--eds-radius-md);font-size:14px;margin-bottom:10px}.knowledge-hub__chips{display:flex;flex-wrap:wrap;gap:6px}.knowledge-hub__chip{border:1px solid transparent;cursor:pointer;opacity:.6}.knowledge-hub__chip--on{opacity:1;border-color:currentColor}.knowledge-hub__table-wrap{overflow-x:auto;padding:0}.knowledge-hub__question{font-weight:600;max-width:220px}.knowledge-hub__answer{color:var(--text-secondary);max-width:260px}.knowledge-hub__row--inactive{opacity:.65}.knowledge-hub__toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.knowledge-hub__status{font-size:12px;color:var(--text-secondary)}.knowledge-hub__status--on{color:#16a34a}.knowledge-hub__status:before{content:\"\";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ca3af;margin-right:4px;vertical-align:middle}.knowledge-hub__status--on:before{background:#22c55e}.knowledge-hub__actions{white-space:nowrap;display:flex;gap:8px}.knowledge-hub__link{border:none;background:none;color:var(--eds-brand, #0d9488);font-size:13px;cursor:pointer;padding:0}.knowledge-hub__link--danger{color:#dc2626}.knowledge-hub__error{color:#b91c1c}.knowledge-hub__empty-filter{padding:24px;text-align:center;color:var(--text-secondary)}.knowledge-hub__skeleton{padding:16px}.knowledge-hub__skel-row{height:48px;border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:faq-shimmer 1.2s infinite;margin-bottom:8px}@keyframes faq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.knowledge-hub__fab{display:none;position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--eds-brand, #0d9488);color:#fff;box-shadow:0 4px 14px #0003;cursor:pointer;align-items:center;justify-content:center}@media(max-width:960px){.knowledge-hub__layout{grid-template-columns:1fr}.knowledge-hub__add-desktop{display:none}.knowledge-hub__fab{display:inline-flex}}@media(min-width:961px){.knowledge-hub__fab{display:none}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page knowledge-hub\">\n  <header class=\"knowledge-hub__header\">\n    <div>\n      <h1 class=\"eds-h1\">Practice knowledge base</h1>\n      <p class=\"eds-body-sm\">\n        Answers here are used by your AI receptionist on phone calls. Keep replies short and factual.\n      </p>\n    </div>\n    <eds-button variant=\"primary\" class=\"knowledge-hub__add-desktop\" (click)=\"openCreate()\">\n      <eds-icon name=\"add\" [size]=\"18\" /> Add FAQ\n    </eds-button>\n  </header>\n\n  <div class=\"knowledge-hub__banner eds-card\" role=\"note\">\n    <eds-icon name=\"info\" [size]=\"18\" />\n    <p class=\"eds-body-sm\">\n      Do not put patient-specific or clinical advice here. Use general practice information only.\n    </p>\n  </div>\n\n  <div class=\"knowledge-hub__layout\">\n    <main class=\"knowledge-hub__main\">\n      <nav class=\"knowledge-hub__tabs\" aria-label=\"FAQ status\">\n        @for (t of activeTabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"knowledge-hub__tab\"\n            [class.knowledge-hub__tab--active]=\"activeFilter() === t.id\"\n            (click)=\"setActiveFilter(t.id)\"\n          >\n            {{ t.label }}\n          </button>\n        }\n      </nav>\n\n      <div class=\"knowledge-hub__filters eds-card\">\n        <input\n          type=\"search\"\n          class=\"knowledge-hub__search\"\n          placeholder=\"Filter by question or answer\u2026\"\n          [ngModel]=\"listSearch()\"\n          (ngModelChange)=\"listSearch.set($event)\"\n        />\n        <div class=\"knowledge-hub__chips\">\n          @for (cat of categories; track cat) {\n            <button\n              type=\"button\"\n              class=\"faq-chip knowledge-hub__chip\"\n              [class]=\"'faq-chip--' + cat\"\n              [class.knowledge-hub__chip--on]=\"isCategorySelected(cat)\"\n              (click)=\"toggleCategory(cat)\"\n            >\n              {{ cat }}\n            </button>\n          }\n        </div>\n      </div>\n\n      @if (loading()) {\n        <div class=\"knowledge-hub__skeleton eds-card\">\n          @for (i of [1, 2, 3]; track i) {\n            <div class=\"knowledge-hub__skel-row\"></div>\n          }\n        </div>\n      } @else if (error()) {\n        <p class=\"knowledge-hub__error eds-body-sm\" role=\"alert\">{{ error() }}</p>\n        <eds-button variant=\"secondary\" (click)=\"load()\">Retry</eds-button>\n      } @else if (total() === 0 && !categoryFilter() && !listSearch() && activeFilter() === 'all') {\n        <div class=\"eds-card\">\n          <eds-faq-empty-state (add)=\"openCreate()\" (useTemplate)=\"onStarterTemplate($event)\" />\n        </div>\n      } @else if (faqs().length === 0) {\n        <p class=\"eds-body-sm knowledge-hub__empty-filter\">No FAQs match your filters.</p>\n      } @else {\n        <div class=\"eds-card knowledge-hub__table-wrap\">\n          <table class=\"eds-table knowledge-hub__table\">\n            <thead>\n              <tr>\n                <th>Question</th>\n                <th>Answer</th>\n                <th>Category</th>\n                <th>Active</th>\n                <th>Updated</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (faq of faqs(); track faq.faqId) {\n                <tr [class.knowledge-hub__row--inactive]=\"!faq.isActive\">\n                  <td class=\"knowledge-hub__question\" [title]=\"faq.question\">{{ faq.question }}</td>\n                  <td class=\"knowledge-hub__answer\" [title]=\"faq.answer\">{{ truncate(faq.answer, 72) }}</td>\n                  <td>\n                    @if (faq.category) {\n                      <span class=\"faq-chip\" [class]=\"categoryClass(faq.category)\">{{ faq.category }}</span>\n                    } @else {\n                      <span class=\"eds-body-sm\">\u2014</span>\n                    }\n                  </td>\n                  <td>\n                    <label class=\"knowledge-hub__toggle\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"faq.isActive\"\n                        (change)=\"toggleActive(faq, $any($event.target).checked)\"\n                        [attr.aria-label]=\"'Toggle active for ' + faq.question\"\n                      />\n                      <span class=\"knowledge-hub__status\" [class.knowledge-hub__status--on]=\"faq.isActive\">\n                        {{ faq.isActive ? 'Active' : 'Inactive' }}\n                      </span>\n                    </label>\n                  </td>\n                  <td class=\"eds-mono-sm\">{{ faq.updatedAt | date: 'mediumDate' }}</td>\n                  <td class=\"knowledge-hub__actions\">\n                    <button type=\"button\" class=\"knowledge-hub__link\" (click)=\"openEdit(faq)\">Edit</button>\n                    <button type=\"button\" class=\"knowledge-hub__link knowledge-hub__link--danger\" (click)=\"deleteFaq(faq)\">\n                      Delete\n                    </button>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n\n        <footer class=\"knowledge-hub__pager\">\n          <span class=\"eds-body-sm\">\n            Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n          </span>\n          <div class=\"knowledge-hub__pager-actions\">\n            <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n            <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n          </div>\n        </footer>\n      }\n    </main>\n\n    <eds-faq-search-tester />\n  </div>\n\n  <button type=\"button\" class=\"knowledge-hub__fab\" aria-label=\"Add FAQ\" (click)=\"openCreate()\">\n    <eds-icon name=\"add\" [size]=\"24\" />\n  </button>\n\n  <eds-faq-form\n    [open]=\"formOpen()\"\n    [faq]=\"editing()\"\n    [initialQuestion]=\"formSeed().question\"\n    [initialAnswer]=\"formSeed().answer\"\n    [initialCategory]=\"formSeed().category\"\n    (closed)=\"closeForm()\"\n    (saved)=\"onSave($event)\"\n  />\n</div>\n", styles: [".faq-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.faq-chip--hours{background:#3b82f61f;color:#2563eb}.faq-chip--location{background:#14b8a61f;color:#0d9488}.faq-chip--parking{background:#6b72801f;color:#4b5563}.faq-chip--insurance{background:#8b5cf61f;color:#7c3aed}.faq-chip--services{background:#22c55e1f;color:#16a34a}.faq-chip--policies{background:#f973161f;color:#ea580c}.faq-chip--general{background:#6b72801f;color:#6b7280}.knowledge-hub__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.knowledge-hub__banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:20px;background:#3b82f60f;border-color:#3b82f633}.knowledge-hub__banner p{margin:0}.knowledge-hub__layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.knowledge-hub__tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;width:fit-content;background:var(--eds-surface-l1);border-radius:var(--eds-radius-md)}.knowledge-hub__tab{border:none;background:transparent;padding:8px 14px;border-radius:var(--eds-radius-sm);font-size:13px;cursor:pointer;color:var(--eds-text-secondary)}.knowledge-hub__tab--active{background:var(--eds-surface-l0);color:var(--eds-text-primary);font-weight:600;box-shadow:0 1px 2px #0000000f}.knowledge-hub__filters{padding:12px;margin-bottom:12px}.knowledge-hub__search{width:100%;padding:8px 12px;border:1px solid var(--eds-border-default);border-radius:var(--eds-radius-md);font-size:14px;margin-bottom:10px}.knowledge-hub__chips{display:flex;flex-wrap:wrap;gap:6px}.knowledge-hub__chip{border:1px solid transparent;cursor:pointer;opacity:.6}.knowledge-hub__chip--on{opacity:1;border-color:currentColor}.knowledge-hub__table-wrap{overflow-x:auto;padding:0}.knowledge-hub__question{font-weight:600;max-width:220px}.knowledge-hub__answer{color:var(--eds-text-secondary);max-width:260px}.knowledge-hub__row--inactive{opacity:.65}.knowledge-hub__toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.knowledge-hub__status{font-size:12px;color:var(--eds-text-secondary)}.knowledge-hub__status--on{color:#16a34a}.knowledge-hub__status:before{content:\"\";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ca3af;margin-right:4px;vertical-align:middle}.knowledge-hub__status--on:before{background:#22c55e}.knowledge-hub__actions{white-space:nowrap;display:flex;gap:8px}.knowledge-hub__link{border:none;background:none;color:var(--eds-brand, #0d9488);font-size:13px;cursor:pointer;padding:0}.knowledge-hub__link--danger{color:#dc2626}.knowledge-hub__error{color:#b91c1c}.knowledge-hub__empty-filter{padding:24px;text-align:center;color:var(--eds-text-secondary)}.knowledge-hub__skeleton{padding:16px}.knowledge-hub__skel-row{height:48px;border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:faq-shimmer 1.2s infinite;margin-bottom:8px}@keyframes faq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.knowledge-hub__fab{display:none;position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--eds-brand, #0d9488);color:#fff;box-shadow:0 4px 14px #0003;cursor:pointer;align-items:center;justify-content:center}@media(max-width:960px){.knowledge-hub__layout{grid-template-columns:1fr}.knowledge-hub__add-desktop{display:none}.knowledge-hub__fab{display:inline-flex}}@media(min-width:961px){.knowledge-hub__fab{display:none}}.knowledge-hub__pager{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--eds-border-subtle, #e4e4e7)}.knowledge-hub__pager-actions{display:flex;gap:8px}\n"] }]
         }] });
 
 export { KnowledgeHubPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-knowledge-hub.page-cZqBuull.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-knowledge-hub.page-BngGx_Lc.mjs.map