@edvak99/voice-receptionist-widget 1.1.3 → 1.1.4

package/fesm2022/edvak99-voice-receptionist-widget-knowledge-hub.page-BngGx_Lc.mjs

@@ -1,609 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, Injectable, inject, EventEmitter, Output, ChangeDetectionStrategy, Component, Input, computed } from '@angular/core';
-import { DatePipe } from '@angular/common';
-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, 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',
-    'location',
-    'parking',
-    'insurance',
-    'services',
-    'policies',
-    'general',
-];
-const FAQ_STARTER_TEMPLATES = [
-    {
-        label: 'Office hours',
-        question: 'What are your office hours?',
-        answer: 'We are open Monday through Friday, 9 AM to 6 PM Eastern.',
-        category: 'hours',
-    },
-    {
-        label: 'Parking / directions',
-        question: 'Where should I park when I visit?',
-        answer: 'Free parking is available in the lot behind the building on Oak Street.',
-        category: 'parking',
-    },
-    {
-        label: 'Insurance accepted',
-        question: 'Do you accept my insurance?',
-        answer: 'We accept most major insurance plans. Please call reception to confirm your specific plan.',
-        category: 'insurance',
-    },
-];
-
-const now = Date.now();
-const SEED_PRACTICE_FAQS = [
-    {
-        faqId: 'faq-1',
-        question: 'What are your office hours?',
-        answer: 'We are open Monday through Friday, 9 AM to 6 PM Eastern.',
-        category: 'hours',
-        sortOrder: 0,
-        isActive: true,
-        hasEmbedding: true,
-        createdAt: new Date(now - 86400000 * 14).toISOString(),
-        updatedAt: new Date(now - 86400000 * 2).toISOString(),
-    },
-    {
-        faqId: 'faq-2',
-        question: 'Where is the clinic located?',
-        answer: 'We are at 1200 Riverside Drive, Suite 200, Austin, Texas.',
-        category: 'location',
-        sortOrder: 1,
-        isActive: true,
-        hasEmbedding: true,
-        createdAt: new Date(now - 86400000 * 10).toISOString(),
-        updatedAt: new Date(now - 86400000 * 5).toISOString(),
-    },
-    {
-        faqId: 'faq-3',
-        question: 'Do you have parking?',
-        answer: 'Yes, free patient parking is available in the lot behind the building.',
-        category: 'parking',
-        sortOrder: 2,
-        isActive: true,
-        hasEmbedding: true,
-        createdAt: new Date(now - 86400000 * 8).toISOString(),
-        updatedAt: new Date(now - 86400000 * 8).toISOString(),
-    },
-    {
-        faqId: 'faq-4',
-        question: 'Which insurance plans do you accept?',
-        answer: 'We accept most major plans including Blue Cross, Aetna, and UnitedHealthcare.',
-        category: 'insurance',
-        sortOrder: 3,
-        isActive: true,
-        hasEmbedding: false,
-        createdAt: new Date(now - 86400000 * 6).toISOString(),
-        updatedAt: new Date(now - 86400000 * 1).toISOString(),
-    },
-    {
-        faqId: 'faq-5',
-        question: 'How do I request a callback?',
-        answer: 'Leave a message with your name and number and we will call you back within one business day.',
-        category: 'general',
-        sortOrder: 4,
-        isActive: false,
-        hasEmbedding: true,
-        createdAt: new Date(now - 86400000 * 3).toISOString(),
-        updatedAt: new Date(now - 86400000 * 3).toISOString(),
-    },
-];
-
-const MOCK_DELAY_MS = 200;
-class PracticeFaqApiMockService {
-    constructor() {
-        this.faqs = signal(structuredClone(SEED_PRACTICE_FAQS));
-    }
-    list(activeOnly = false) {
-        let rows = [...this.faqs()].sort((a, b) => a.sortOrder - b.sortOrder);
-        if (activeOnly)
-            rows = rows.filter((f) => f.isActive);
-        return of(structuredClone(rows)).pipe(delay(MOCK_DELAY_MS));
-    }
-    get(faqId) {
-        const row = this.faqs().find((f) => f.faqId === faqId) ?? null;
-        return of(row ? structuredClone(row) : null).pipe(delay(MOCK_DELAY_MS));
-    }
-    create(body) {
-        const now = new Date().toISOString();
-        const faq = {
-            faqId: `faq-${Date.now()}`,
-            question: body.question.trim(),
-            answer: body.answer.trim(),
-            category: body.category?.trim() || null,
-            sortOrder: body.sortOrder ?? this.faqs().length,
-            isActive: body.isActive ?? true,
-            hasEmbedding: true,
-            createdAt: now,
-            updatedAt: now,
-        };
-        this.faqs.update((list) => [...list, faq]);
-        return of(structuredClone(faq)).pipe(delay(MOCK_DELAY_MS));
-    }
-    update(faqId, body) {
-        let updated;
-        this.faqs.update((list) => list.map((f) => {
-            if (f.faqId !== faqId)
-                return f;
-            updated = {
-                ...f,
-                question: body.question?.trim() ?? f.question,
-                answer: body.answer?.trim() ?? f.answer,
-                category: body.category !== undefined ? body.category : f.category,
-                sortOrder: body.sortOrder ?? f.sortOrder,
-                isActive: body.isActive ?? f.isActive,
-                hasEmbedding: true,
-                updatedAt: new Date().toISOString(),
-            };
-            return updated;
-        }));
-        if (!updated)
-            throw new Error('FAQ not found');
-        const saved = updated;
-        return of(structuredClone(saved)).pipe(delay(MOCK_DELAY_MS));
-    }
-    delete(faqId) {
-        this.faqs.update((list) => list.filter((f) => f.faqId !== faqId));
-        return of({ success: true }).pipe(delay(MOCK_DELAY_MS));
-    }
-    search(q, limit = 3) {
-        const query = q.trim().toLowerCase();
-        if (!query) {
-            return of({ found: false, items: [] }).pipe(delay(MOCK_DELAY_MS));
-        }
-        const scored = this.faqs()
-            .filter((f) => f.isActive)
-            .map((f) => {
-            const hay = `${f.question} ${f.answer}`.toLowerCase();
-            const hit = hay.includes(query);
-            const score = hit ? Math.min(0.95, 0.55 + query.length / Math.max(hay.length, 1)) : 0;
-            return { faq: f, score };
-        })
-            .filter((r) => r.score > 0)
-            .sort((a, b) => b.score - a.score)
-            .slice(0, limit);
-        const items = scored.map(({ faq, score }) => ({
-            faqId: faq.faqId,
-            question: faq.question,
-            answer: faq.answer,
-            category: faq.category,
-            score: Math.round(score * 100) / 100,
-        }));
-        return of({ found: items.length > 0, items }).pipe(delay(MOCK_DELAY_MS));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiMockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiMockService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiMockService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class PracticeFaqApiService {
-    constructor() {
-        this.http = inject(HttpClient);
-        this.mock = inject(PracticeFaqApiMockService);
-        this.config = inject(VOICE_RECEPTIONIST_CONFIG);
-        this.paths = createVoiceReceptionistPaths(this.config);
-        this.base = `${this.paths.aiReceptionistPath()}/knowledge/faqs`;
-    }
-    get useMock() {
-        return !!this.config.useMockApi;
-    }
-    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) => asPaginatedResult(body, page, limit)));
-    }
-    get(faqId) {
-        if (this.useMock)
-            return this.mock.get(faqId);
-        const enc = encodeURIComponent(faqId);
-        return this.http.get(`${this.base}/${enc}`);
-    }
-    create(body) {
-        if (this.useMock)
-            return this.mock.create(body);
-        return this.http.post(this.base, body);
-    }
-    update(faqId, body) {
-        if (this.useMock)
-            return this.mock.update(faqId, body);
-        const enc = encodeURIComponent(faqId);
-        return this.http.patch(`${this.base}/${enc}`, body);
-    }
-    delete(faqId) {
-        if (this.useMock)
-            return this.mock.delete(faqId);
-        const enc = encodeURIComponent(faqId);
-        return this.http.delete(`${this.base}/${enc}`);
-    }
-    search(q, limit = 3) {
-        if (this.useMock)
-            return this.mock.search(q, limit);
-        const params = new HttpParams().set('q', q).set('limit', String(limit));
-        return this.http.get(`${this.base}/search`, { params });
-    }
-    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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PracticeFaqApiService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-function categoryBadgeClass(category) {
-    if (!category)
-        return 'faq-chip--general';
-    const safe = category.toLowerCase().replace(/[^a-z0-9-]/g, '');
-    return `faq-chip--${safe || 'general'}`;
-}
-function truncateText(text, max = 80) {
-    const t = text?.trim() ?? '';
-    if (t.length <= max)
-        return t;
-    return `${t.slice(0, max)}…`;
-}
-function scorePercent(score) {
-    return Math.round(Math.min(1, Math.max(0, score)) * 100);
-}
-
-class FaqEmptyStateComponent {
-    constructor() {
-        this.starters = FAQ_STARTER_TEMPLATES;
-        this.add = new EventEmitter();
-        this.useTemplate = new EventEmitter();
-    }
-    onAdd() {
-        this.add.emit();
-    }
-    onTemplate(t) {
-        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(--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(--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: [{
-                type: Output
-            }] } });
-
-class FaqFormComponent {
-    constructor() {
-        this.open = false;
-        this.faq = null;
-        this.initialQuestion = '';
-        this.initialAnswer = '';
-        this.initialCategory = '';
-        this.closed = new EventEmitter();
-        this.saved = new EventEmitter();
-        this.categories = FAQ_CATEGORY_PRESETS;
-        this.saving = signal(false);
-        this.error = signal(null);
-        this.question = '';
-        this.answer = '';
-        this.category = '';
-        this.sortOrder = 0;
-        this.isActive = true;
-    }
-    get isEdit() {
-        return !!this.faq;
-    }
-    ngOnChanges() {
-        if (this.open)
-            this.resetForm();
-    }
-    close() {
-        this.closed.emit();
-    }
-    submit() {
-        this.error.set(null);
-        const q = this.question.trim();
-        const a = this.answer.trim();
-        if (q.length < 3 || q.length > 500) {
-            this.error.set('Question must be 3–500 characters.');
-            return;
-        }
-        if (a.length < 3 || a.length > 2000) {
-            this.error.set('Answer must be 3–2000 characters.');
-            return;
-        }
-        const cat = this.category.trim();
-        if (cat.length > 64) {
-            this.error.set('Category must be 64 characters or fewer.');
-            return;
-        }
-        const payload = {
-            question: q,
-            answer: a,
-            category: cat || undefined,
-            sortOrder: this.sortOrder,
-            isActive: this.isActive,
-        };
-        this.saved.emit(payload);
-    }
-    resetForm() {
-        this.error.set(null);
-        this.saving.set(false);
-        if (this.faq) {
-            this.question = this.faq.question;
-            this.answer = this.faq.answer;
-            this.category = this.faq.category ?? '';
-            this.sortOrder = this.faq.sortOrder;
-            this.isActive = this.faq.isActive;
-        }
-        else {
-            this.question = this.initialQuestion;
-            this.answer = this.initialAnswer;
-            this.category = this.initialCategory;
-            this.sortOrder = 0;
-            this.isActive = true;
-        }
-    }
-    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(--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(--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: [{
-                type: Input
-            }], initialQuestion: [{
-                type: Input
-            }], initialAnswer: [{
-                type: Input
-            }], initialCategory: [{
-                type: Input
-            }], closed: [{
-                type: Output
-            }], saved: [{
-                type: Output
-            }] } });
-
-class FaqSearchTesterComponent {
-    constructor() {
-        this.api = inject(PracticeFaqApiService);
-        this.query = '';
-        this.loading = signal(false);
-        this.searched = signal(false);
-        this.found = signal(false);
-        this.results = signal([]);
-        this.error = signal(null);
-        this.categoryClass = categoryBadgeClass;
-        this.scorePercent = scorePercent;
-    }
-    search() {
-        const q = this.query.trim();
-        if (!q)
-            return;
-        this.loading.set(true);
-        this.error.set(null);
-        this.searched.set(false);
-        this.api.search(q, 3).subscribe({
-            next: (res) => {
-                this.loading.set(false);
-                this.searched.set(true);
-                this.found.set(res.found);
-                this.results.set(res.items);
-            },
-            error: () => {
-                this.loading.set(false);
-                this.error.set('Search failed. Please try again.');
-            },
-        });
-    }
-    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(--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(--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.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');
-        this.categoryFilter = signal('');
-        this.listSearch = signal('');
-        this.formOpen = signal(false);
-        this.editing = signal(null);
-        this.formSeed = signal({
-            question: '',
-            answer: '',
-            category: '',
-        });
-        this.categories = FAQ_CATEGORY_PRESETS;
-        this.activeTabs = [
-            { id: 'all', label: 'All' },
-            { 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.pageFaqs()];
-            const active = this.activeFilter();
-            if (active === 'inactive')
-                rows = rows.filter((f) => !f.isActive);
-            const cat = this.categoryFilter();
-            if (cat)
-                rows = rows.filter((f) => (f.category ?? '') === cat);
-            const q = this.listSearch().trim().toLowerCase();
-            if (q) {
-                rows = rows.filter((f) => f.question.toLowerCase().includes(q) ||
-                    f.answer.toLowerCase().includes(q) ||
-                    (f.category?.toLowerCase().includes(q) ?? false));
-            }
-            return rows.sort((a, b) => a.sortOrder - b.sortOrder);
-        });
-        this.categoryClass = categoryBadgeClass;
-        this.truncate = truncateText;
-    }
-    ngOnInit() {
-        this.load();
-    }
-    load() {
-        this.loading.set(true);
-        this.error.set(null);
-        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: () => {
-                this.loading.set(false);
-                this.error.set('Failed to load FAQs.');
-            },
-        });
-    }
-    setActiveFilter(id) {
-        this.activeFilter.set(id);
-        this.page.set(1);
-        this.load();
-    }
-    toggleCategory(cat) {
-        this.categoryFilter.update((c) => (c === cat ? '' : cat));
-    }
-    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: '' });
-        this.formOpen.set(true);
-    }
-    openEdit(faq) {
-        this.editing.set(faq);
-        this.formOpen.set(true);
-    }
-    closeForm() {
-        this.formOpen.set(false);
-        this.editing.set(null);
-    }
-    onStarterTemplate(t) {
-        this.editing.set(null);
-        this.formSeed.set({ question: t.question, answer: t.answer, category: t.category });
-        this.formOpen.set(true);
-    }
-    onSave(payload) {
-        const edit = this.editing();
-        if (edit) {
-            this.api.update(edit.faqId, payload).subscribe({
-                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: () => {
-                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.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.pageFaqs.update((list) => list.map((f) => (f.faqId === updated.faqId ? updated : f)));
-            },
-            error: () => {
-                this.pageFaqs.update((list) => list.map((f) => (f.faqId === faq.faqId ? { ...f, isActive: !active } : f)));
-                this.toast.show('Failed to update FAQ status', 'error');
-            },
-        });
-    }
-    deleteFaq(faq) {
-        const msg = 'Remove this FAQ from the knowledge base? The voice agent will no longer use it.';
-        if (!confirm(msg))
-            return;
-        this.api.delete(faq.faqId).subscribe({
-            next: () => {
-                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 (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,
-            args: [{ selector: 'eds-knowledge-hub-page', imports: [
-                        DatePipe,
-                        FormsModule,
-                        EdsButtonComponent,
-                        EdsIconComponent,
-                        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 (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-BngGx_Lc.mjs.map