@edvak99/voice-receptionist-widget 1.0.0 → 1.1.0

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

@@ -0,0 +1,575 @@
+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, E as EdsButtonComponent, M as ModalComponent, T as ToastService, b as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DClMfxeY.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(activeOnly = false) {
+        if (this.useMock)
+            return this.mock.list(activeOnly);
+        let params = new HttpParams();
+        if (activeOnly)
+            params = params.set('activeOnly', 'true');
+        return this.http.get(this.base, { params }).pipe(map((body) => this.asList(body)));
+    }
+    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 });
+    }
+    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' }); }
+}
+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(--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 }); }
+}
+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"] }]
+        }], 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(--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 }); }
+}
+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"] }]
+        }], 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(--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 }); }
+}
+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"] }]
+        }] });
+
+class KnowledgeHubPageComponent {
+    constructor() {
+        this.api = inject(PracticeFaqApiService);
+        this.toast = inject(ToastService);
+        this.allFaqs = signal([]);
+        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' },
+        ];
+        this.faqs = computed(() => {
+            let rows = [...this.allFaqs()];
+            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();
+            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().subscribe({
+            next: (items) => {
+                this.allFaqs.set(items);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.error.set('Failed to load FAQs.');
+            },
+        });
+    }
+    setActiveFilter(id) {
+        this.activeFilter.set(id);
+    }
+    toggleCategory(cat) {
+        this.categoryFilter.update((c) => (c === cat ? '' : cat));
+    }
+    isCategorySelected(cat) {
+        return this.categoryFilter() === cat;
+    }
+    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: (updated) => {
+                    this.allFaqs.update((list) => list.map((f) => (f.faqId === updated.faqId ? updated : f)));
+                    this.closeForm();
+                    this.toast.show('FAQ saved — voice agent updated', 'success');
+                },
+                error: () => this.toast.show('Failed to save FAQ', 'error'),
+            });
+            return;
+        }
+        this.api.create(payload).subscribe({
+            next: (created) => {
+                this.allFaqs.update((list) => [...list, created]);
+                this.closeForm();
+                this.toast.show('Your AI receptionist can now answer this on live calls.', 'success');
+            },
+            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.api.update(faq.faqId, { isActive: active }).subscribe({
+            next: (updated) => {
+                this.allFaqs.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.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.allFaqs.update((list) => list.filter((f) => f.faqId !== faq.faqId));
+                this.toast.show('FAQ removed', 'success');
+            },
+            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 }); }
+}
+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 (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"] }]
+        }] });
+
+export { KnowledgeHubPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-knowledge-hub.page-BNsM-o3z.mjs.map