@edvak99/voice-receptionist-widget 1.1.3 → 1.1.4

package/fesm2022/edvak99-voice-receptionist-widget-settings-page.component-Bok64X2q.mjs

@@ -0,0 +1,968 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component, Injectable, computed } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { A as AiReceptionistApiService, W as WELCOME_MESSAGE_MAX, n as buildAutoWelcomeTemplate, o as resolveWelcomePreview } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-48cifVPF.mjs';
+import { E as EdsButtonComponent } from './edvak99-voice-receptionist-widget-eds-button.component-Bg5T5BN8.mjs';
+import { T as ToastService, E as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-BsBQIS_f.mjs';
+import { M as ModalComponent } from './edvak99-voice-receptionist-widget-modal.component-COfi7biN.mjs';
+import { switchMap, catchError, of, tap, throwError, finalize } from 'rxjs';
+
+const QUESTION_MAX = 500;
+class KnowledgeTestModalComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.toast = inject(ToastService);
+        this.open = false;
+        this.whatToSay = '';
+        this.whatNotToSay = '';
+        this.voiceId = '';
+        this.closed = new EventEmitter();
+        this.questionMax = QUESTION_MAX;
+        this.question = signal('');
+        this.testing = signal(false);
+        this.answer = signal(null);
+        this.playing = signal(false);
+        this.audio = null;
+        this.objectUrl = null;
+    }
+    ngOnChanges(changes) {
+        if (changes['open'] && this.open) {
+            this.question.set('');
+            this.answer.set(null);
+            this.stopAudio();
+        }
+        if (changes['open'] && !this.open) {
+            this.stopAudio();
+        }
+    }
+    ngOnDestroy() {
+        this.stopAudio();
+    }
+    close() {
+        this.stopAudio();
+        this.closed.emit();
+    }
+    onQuestionChange(value) {
+        this.question.set(value.slice(0, QUESTION_MAX));
+    }
+    runTest() {
+        const q = this.question().trim();
+        if (!q || this.testing())
+            return;
+        const whatToSay = this.whatToSay.trim();
+        const whatNotToSay = this.whatNotToSay.trim();
+        if (!whatToSay || !whatNotToSay) {
+            this.toast.show('Fill in both “What to say” and “What not to say” before testing.', 'error');
+            return;
+        }
+        this.testing.set(true);
+        this.answer.set(null);
+        this.stopAudio();
+        this.api
+            .testKnowledgeAnswer({
+            question: q,
+            whatToSay,
+            whatNotToSay,
+            voiceId: this.voiceId.trim() || undefined,
+        })
+            .subscribe({
+            next: (result) => {
+                this.testing.set(false);
+                this.answer.set(result.answer);
+                this.playAudio(result.audioBlob);
+            },
+            error: (err) => {
+                this.testing.set(false);
+                const message = err instanceof Error && err.message.trim()
+                    ? err.message
+                    : 'Could not generate a test answer.';
+                this.toast.show(message, 'error');
+            },
+        });
+    }
+    replay() {
+        if (!this.audio)
+            return;
+        this.audio.currentTime = 0;
+        this.playing.set(true);
+        void this.audio.play().catch(() => {
+            this.playing.set(false);
+            this.toast.show('Could not play audio in this browser.', 'error');
+        });
+    }
+    playAudio(blob) {
+        this.stopAudio();
+        this.objectUrl = URL.createObjectURL(blob);
+        const audio = new Audio(this.objectUrl);
+        this.audio = audio;
+        this.playing.set(true);
+        audio.onended = () => this.playing.set(false);
+        audio.onerror = () => {
+            this.playing.set(false);
+            this.toast.show('Could not play audio in this browser.', 'error');
+        };
+        void audio.play().catch(() => {
+            this.playing.set(false);
+            this.toast.show('Could not play audio in this browser.', 'error');
+        });
+    }
+    stopAudio() {
+        if (this.audio) {
+            this.audio.pause();
+            this.audio.onended = null;
+            this.audio.onerror = null;
+            this.audio = null;
+        }
+        if (this.objectUrl) {
+            URL.revokeObjectURL(this.objectUrl);
+            this.objectUrl = null;
+        }
+        this.playing.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KnowledgeTestModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: KnowledgeTestModalComponent, isStandalone: true, selector: "eds-knowledge-test-modal", inputs: { open: "open", whatToSay: "whatToSay", whatNotToSay: "whatNotToSay", voiceId: "voiceId" }, outputs: { closed: "closed" }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <app-modal\n    title=\"Test Knowledge Base\"\n    subtitle=\"Ask a sample caller question \u2014 hear how the agent answers with your guidance and voice\"\n    maxWidth=\"560px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"kb-test\" (ngSubmit)=\"runTest()\" novalidate autocomplete=\"off\">\n      <label class=\"kb-test__field\">\n        <span class=\"kb-test__label\">\n          What might a caller ask? <span class=\"kb-test__req\">*</span>\n        </span>\n        <textarea\n          class=\"kb-test__textarea\"\n          rows=\"3\"\n          [maxlength]=\"questionMax\"\n          [ngModel]=\"question()\"\n          (ngModelChange)=\"onQuestionChange($event)\"\n          name=\"question\"\n          placeholder=\"e.g. What are your Saturday hours? Is parking free?\"\n          [disabled]=\"testing()\"\n          autocomplete=\"off\"\n        ></textarea>\n        <span class=\"kb-test__hint\">{{ question().length }}/{{ questionMax }}</span>\n      </label>\n\n      @if (answer(); as spoken) {\n        <div class=\"kb-test__answer\" role=\"status\">\n          <div class=\"kb-test__answer-head\">\n            <eds-icon name=\"graphic_eq\" [size]=\"18\" />\n            <span>Agent reply</span>\n            @if (playing()) {\n              <span class=\"kb-test__playing\">Playing\u2026</span>\n            } @else {\n              <button type=\"button\" class=\"kb-test__replay\" (click)=\"replay()\">\n                Replay\n              </button>\n            }\n          </div>\n          <p class=\"kb-test__answer-text\">{{ spoken }}</p>\n        </div>\n      }\n\n      <footer class=\"kb-test__actions\">\n        <eds-button type=\"button\" variant=\"secondary\" (click)=\"close()\" [disabled]=\"testing()\">\n          Close\n        </eds-button>\n        <eds-button type=\"submit\" variant=\"primary\" [disabled]=\"testing() || !question().trim()\">\n          @if (testing()) {\n            Generating\u2026\n          } @else {\n            <eds-icon name=\"play_arrow\" [size]=\"18\" />\n            Test\n          }\n        </eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".kb-test{display:flex;flex-direction:column;gap:16px}.kb-test__field{display:flex;flex-direction:column;gap:6px}.kb-test__label{font-size:13px;font-weight:600;color:var(--eds-color-text, #0f172a)}.kb-test__req{color:#dc2626}.kb-test__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:8px;font:inherit;font-size:14px;line-height:1.45;resize:vertical;min-height:84px;background:#fff}.kb-test__textarea:focus{outline:2px solid color-mix(in srgb,var(--eds-primary, #2563eb) 35%,transparent);outline-offset:1px;border-color:var(--eds-primary, #2563eb)}.kb-test__textarea:disabled{opacity:.7;background:var(--eds-color-surface-alt, #f8fafc)}.kb-test__hint{font-size:12px;color:var(--eds-color-text-muted, #64748b);align-self:flex-end}.kb-test__answer{padding:12px 14px;border-radius:8px;border:1px solid var(--eds-color-border, #e2e8f0);background:var(--eds-color-surface-alt, #f8fafc)}.kb-test__answer-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--eds-color-text-muted, #64748b);margin-bottom:8px}.kb-test__playing{margin-left:auto;font-weight:500;text-transform:none;letter-spacing:0;color:var(--eds-primary, #2563eb)}.kb-test__replay{margin-left:auto;border:none;background:transparent;color:var(--eds-primary, #2563eb);font:inherit;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;padding:2px 4px}.kb-test__answer-text{margin:0;font-size:14px;line-height:1.55;color:var(--eds-color-text, #0f172a)}.kb-test__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KnowledgeTestModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-knowledge-test-modal', imports: [FormsModule, ModalComponent, EdsButtonComponent, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <app-modal\n    title=\"Test Knowledge Base\"\n    subtitle=\"Ask a sample caller question \u2014 hear how the agent answers with your guidance and voice\"\n    maxWidth=\"560px\"\n    (closed)=\"close()\"\n  >\n    <form class=\"kb-test\" (ngSubmit)=\"runTest()\" novalidate autocomplete=\"off\">\n      <label class=\"kb-test__field\">\n        <span class=\"kb-test__label\">\n          What might a caller ask? <span class=\"kb-test__req\">*</span>\n        </span>\n        <textarea\n          class=\"kb-test__textarea\"\n          rows=\"3\"\n          [maxlength]=\"questionMax\"\n          [ngModel]=\"question()\"\n          (ngModelChange)=\"onQuestionChange($event)\"\n          name=\"question\"\n          placeholder=\"e.g. What are your Saturday hours? Is parking free?\"\n          [disabled]=\"testing()\"\n          autocomplete=\"off\"\n        ></textarea>\n        <span class=\"kb-test__hint\">{{ question().length }}/{{ questionMax }}</span>\n      </label>\n\n      @if (answer(); as spoken) {\n        <div class=\"kb-test__answer\" role=\"status\">\n          <div class=\"kb-test__answer-head\">\n            <eds-icon name=\"graphic_eq\" [size]=\"18\" />\n            <span>Agent reply</span>\n            @if (playing()) {\n              <span class=\"kb-test__playing\">Playing\u2026</span>\n            } @else {\n              <button type=\"button\" class=\"kb-test__replay\" (click)=\"replay()\">\n                Replay\n              </button>\n            }\n          </div>\n          <p class=\"kb-test__answer-text\">{{ spoken }}</p>\n        </div>\n      }\n\n      <footer class=\"kb-test__actions\">\n        <eds-button type=\"button\" variant=\"secondary\" (click)=\"close()\" [disabled]=\"testing()\">\n          Close\n        </eds-button>\n        <eds-button type=\"submit\" variant=\"primary\" [disabled]=\"testing() || !question().trim()\">\n          @if (testing()) {\n            Generating\u2026\n          } @else {\n            <eds-icon name=\"play_arrow\" [size]=\"18\" />\n            Test\n          }\n        </eds-button>\n      </footer>\n    </form>\n  </app-modal>\n}\n", styles: [".kb-test{display:flex;flex-direction:column;gap:16px}.kb-test__field{display:flex;flex-direction:column;gap:6px}.kb-test__label{font-size:13px;font-weight:600;color:var(--eds-color-text, #0f172a)}.kb-test__req{color:#dc2626}.kb-test__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:8px;font:inherit;font-size:14px;line-height:1.45;resize:vertical;min-height:84px;background:#fff}.kb-test__textarea:focus{outline:2px solid color-mix(in srgb,var(--eds-primary, #2563eb) 35%,transparent);outline-offset:1px;border-color:var(--eds-primary, #2563eb)}.kb-test__textarea:disabled{opacity:.7;background:var(--eds-color-surface-alt, #f8fafc)}.kb-test__hint{font-size:12px;color:var(--eds-color-text-muted, #64748b);align-self:flex-end}.kb-test__answer{padding:12px 14px;border-radius:8px;border:1px solid var(--eds-color-border, #e2e8f0);background:var(--eds-color-surface-alt, #f8fafc)}.kb-test__answer-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--eds-color-text-muted, #64748b);margin-bottom:8px}.kb-test__playing{margin-left:auto;font-weight:500;text-transform:none;letter-spacing:0;color:var(--eds-primary, #2563eb)}.kb-test__replay{margin-left:auto;border:none;background:transparent;color:var(--eds-primary, #2563eb);font:inherit;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;padding:2px 4px}.kb-test__answer-text{margin:0;font-size:14px;line-height:1.55;color:var(--eds-color-text, #0f172a)}.kb-test__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input,
+                args: [{ required: true }]
+            }], whatToSay: [{
+                type: Input
+            }], whatNotToSay: [{
+                type: Input
+            }], voiceId: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+/**
+ * Shared source of truth for Ava online/offline across topbar + module nav.
+ * Always re-fetches GET /status after mutations.
+ */
+class AgentOnlineService {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        /** true = online, false = offline, null = unknown / not loaded */
+        this._online = signal(null);
+        this._loading = signal(false);
+        this._toggling = signal(false);
+        this._error = signal(null);
+        this._readiness = signal(null);
+        this.online = this._online.asReadonly();
+        this.loading = this._loading.asReadonly();
+        this.toggling = this._toggling.asReadonly();
+        this.error = this._error.asReadonly();
+        this.readiness = this._readiness.asReadonly();
+    }
+    refresh() {
+        this._loading.set(true);
+        this._error.set(null);
+        this.api.getStatus().subscribe({
+            next: ({ data }) => {
+                this._online.set(data.agentOn);
+                this._readiness.set(data.readiness);
+                this._loading.set(false);
+            },
+            error: (err) => {
+                this._online.set(null);
+                this._error.set(err.message ?? 'Could not load agent status.');
+                this._loading.set(false);
+            },
+        });
+    }
+    /**
+     * PUT /agent-online then re-fetch GET /status.
+     */
+    setOnline(enabled) {
+        this._toggling.set(true);
+        this._error.set(null);
+        return this.api.setAgentOnline(enabled).pipe(switchMap(() => this.api.getStatus().pipe(catchError((err) => {
+            this._error.set(err.message ?? 'Status refresh failed after toggle.');
+            return of(null);
+        }))), tap((result) => {
+            if (result) {
+                this._online.set(result.data.agentOn);
+                this._readiness.set(result.data.readiness);
+            }
+            else {
+                // Toggle likely succeeded; use requested value until refresh works.
+                this._online.set(enabled);
+            }
+        }), catchError((err) => {
+            this._error.set(err.message ?? 'Failed to update agent online status.');
+            return throwError(() => err);
+        }), finalize(() => this._toggling.set(false)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AgentOnlineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AgentOnlineService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AgentOnlineService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/** Curated ElevenLabs voices — keep in sync with backend `tts-voice-presets.ts`. */
+const DEFAULT_TTS_VOICE_ID = '7EzWGsX10sAS4c9m9cPf';
+const TTS_VOICE_PRESETS = [
+    {
+        id: '7EzWGsX10sAS4c9m9cPf',
+        label: 'Jack John – Conversational and Upbeat',
+    },
+    {
+        id: 'NUjosfEayZAdRcDmcHM8',
+        label: 'Madison – Cool, Calm & Conversational',
+    },
+    {
+        id: 'gE0owC0H9C8SzfDyIUtB',
+        label: 'Ivanna – Sassy, Condescending and Clear',
+    },
+    {
+        id: 'Uc7anshoV8mdBhDnEZEX',
+        label: 'Cecily – Clear and Warm',
+    },
+];
+
+const AGENT_TONE_OPTIONS = [
+    { value: 'warm_friendly', label: 'Warm & friendly' },
+    { value: 'professional', label: 'Professional' },
+    { value: 'efficient_brief', label: 'Efficient & brief' },
+    { value: 'casual_friendly', label: 'Casual & friendly' },
+];
+const LANGUAGE_OPTIONS = [
+    { value: 'English', label: 'English' },
+    { value: 'Spanish', label: 'Spanish' },
+    { value: 'Chinese', label: 'Chinese' },
+    { value: 'Hindi', label: 'Hindi' },
+    { value: 'French', label: 'French' },
+    { value: 'German', label: 'German' },
+    { value: 'Portuguese', label: 'Portuguese' },
+    { value: 'Arabic', label: 'Arabic' },
+    { value: 'Korean', label: 'Korean' },
+    { value: 'Japanese', label: 'Japanese' },
+];
+const GREETING_VARIABLES = [
+    { key: 'practiceName', label: 'Practice Name', token: '{{practiceName}}' },
+    { key: 'agentName', label: 'Agent Name', token: '{{agentName}}' },
+    { key: 'locationName', label: 'Location Name', token: '{{locationName}}' },
+    { key: 'businessHours', label: 'Business Hours', token: '{{businessHours}}' },
+];
+const RETENTION_DAY_OPTIONS = [
+    { value: '7', label: '7 days' },
+    { value: '14', label: '14 days' },
+    { value: '30', label: '30 days' },
+    { value: '60', label: '60 days' },
+    { value: '90', label: '90 days' },
+    { value: '180', label: '180 days' },
+    { value: '365', label: '1 year' },
+];
+const RING_TIMEOUT_OPTIONS = [
+    { value: '10', label: '10 sec' },
+    { value: '15', label: '15 sec' },
+    { value: '20', label: '20 sec' },
+    { value: '30', label: '30 sec' },
+    { value: '45', label: '45 sec' },
+    { value: '60', label: '60 sec' },
+];
+const MAX_CALL_DURATION_OPTIONS = [
+    { value: '3', label: '3 min' },
+    { value: '5', label: '5 min' },
+    { value: '10', label: '10 min' },
+    { value: '15', label: '15 min' },
+    { value: '20', label: '20 min' },
+    { value: '30', label: '30 min' },
+];
+const SILENCE_TIMEOUT_OPTIONS = [
+    { value: '10', label: '10 seconds' },
+    { value: '15', label: '15 seconds' },
+    { value: '20', label: '20 seconds' },
+    { value: '30', label: '30 seconds' },
+    { value: '45', label: '45 seconds' },
+    { value: '60', label: '60 seconds' },
+];
+const AI_ANSWER_MODE_OPTIONS = [
+    { value: 'always_first', label: 'Always first' },
+    { value: 'ring_then_ai', label: 'Ring staff, then AI' },
+    { value: 'ai_backup', label: 'AI as backup only' },
+];
+const AFTER_HOURS_OPTIONS = [
+    { value: 'ai_answers', label: 'AI answers' },
+    { value: 'voicemail', label: 'Voicemail' },
+    { value: 'transfer', label: 'Transfer to after-hours number' },
+];
+const DEFAULT_DISCLOSURE_WARNING = 'This call may be handled by an automated assistant and could be recorded for quality and training. You can ask to speak with a staff member at any time.';
+const SETTINGS_SECTION_META = {
+    general: {
+        title: 'AI Identity',
+        description: 'Name, voice, languages, tone, and inbound greeting.',
+    },
+    phone: {
+        title: 'Phone & Availability',
+        description: 'Inbound routing, ring timing, locations, and after-hours behavior.',
+    },
+    tasks: {
+        title: 'Task Rules',
+        description: 'When the AI should create staff tasks after a call.',
+    },
+    scheduling: {
+        title: 'Scheduling Rules',
+        description: 'Rules for booking and rescheduling appointments.',
+    },
+    refill: {
+        title: 'Medication refills',
+        description: 'Refill approval windows and staff review requirements.',
+    },
+    verify: {
+        title: 'Patient Verification',
+        description: 'Identity checks before accessing chart or scheduling data.',
+    },
+    escalation: {
+        title: 'Safety Escalation',
+        description: 'When to offer a human or transfer to reception.',
+    },
+    outbound: {
+        title: 'Outbound Purpose',
+        description: 'Outbound dialer defaults. Purpose templates are managed separately.',
+    },
+    knowledge: {
+        title: 'Knowledge Base',
+        description: 'Practice information the AI should share — and topics it must avoid.',
+    },
+    transcripts: {
+        title: 'Data & Compliance',
+        description: 'Recording retention, transcripts, and disclosure warnings.',
+    },
+    advanced: {
+        title: 'Advanced',
+        description: 'Agent online status and model options.',
+    },
+};
+/** Entire sections where every field is read-only (including unknown API fields). */
+const READ_ONLY_SECTIONS = new Set(['verify']);
+/** Settings tabs that stay visible but cannot be selected/edited. */
+const DISABLED_SETTINGS_TABS = new Set(['verify', 'escalation']);
+/** Individual fields locked for compliance, telephony, or core agent identity. */
+const READ_ONLY_FIELD_KEYS = [
+    { section: 'general', key: 'timezone', reason: 'Practice timezone' },
+    { section: 'phone', key: 'mainNumber', reason: 'AI phone number' },
+    { section: 'phone', key: 'transferNumber', reason: 'Transfer number' },
+    { section: 'tasks', key: 'defaultAssignee', reason: 'Default task assignee' },
+    { section: 'outbound', key: 'callerId', reason: 'Outbound caller ID' },
+    { section: 'advanced', key: 'modelVersion', reason: 'Voice AI model profile' },
+    { section: 'advanced', key: 'debugMode', reason: 'Debug logging' },
+];
+const READ_ONLY_LOOKUP = new Set(READ_ONLY_FIELD_KEYS.map(({ section, key }) => `${section}.${key}`));
+function isFieldReadOnly(section, key) {
+    if (READ_ONLY_SECTIONS.has(section))
+        return true;
+    return READ_ONLY_LOOKUP.has(`${section}.${key}`);
+}
+function readOnlyFieldReason(section, key) {
+    return READ_ONLY_FIELD_KEYS.find((f) => f.section === section && f.key === key)?.reason;
+}
+const SETTINGS_FIELDS = {
+    general: [
+        {
+            key: 'agentName',
+            label: 'Name',
+            description: 'How the assistant introduces itself.',
+            type: 'text',
+        },
+        {
+            key: 'ttsVoiceId',
+            label: 'Voice',
+            description: 'Spoken voice used on phone calls.',
+            type: 'select',
+            options: TTS_VOICE_PRESETS.map((p) => ({ value: p.id, label: p.label })),
+        },
+        {
+            key: 'languages',
+            label: 'Language',
+            description: 'Languages the AI can speak on calls.',
+            type: 'text',
+        },
+        {
+            key: 'tone',
+            label: 'Tone',
+            description: 'Conversational style for the AI.',
+            type: 'select',
+            options: AGENT_TONE_OPTIONS,
+        },
+        {
+            key: 'welcomeMessage',
+            label: 'Inbound Greetings',
+            description: 'Spoken when a caller connects.',
+            type: 'text',
+        },
+    ],
+    phone: [
+        {
+            key: 'answerMode',
+            label: 'AI Answer Mode',
+            description: 'When the AI picks up inbound calls.',
+            type: 'select',
+            options: AI_ANSWER_MODE_OPTIONS,
+        },
+        {
+            key: 'mainNumber',
+            label: 'AI Phone Number',
+            description: 'Number patients dial for the AI receptionist.',
+            type: 'text',
+        },
+        {
+            key: 'transferNumber',
+            label: 'Transfer Number',
+            description: 'Staff / front-desk number for handoff.',
+            type: 'text',
+        },
+        {
+            key: 'ringTimeout',
+            label: 'Ringing Time Wait',
+            description: 'How long to ring before the AI answers.',
+            type: 'select',
+            options: RING_TIMEOUT_OPTIONS,
+        },
+        {
+            key: 'createFollowUpTask',
+            label: 'Create Follow-up Task',
+            description: 'If no one answers in time, the agent auto-creates a high priority task.',
+            type: 'boolean',
+        },
+        {
+            key: 'locationIds',
+            label: 'Location Handled',
+            description: 'Locations this AI receptionist covers.',
+            type: 'text',
+        },
+        {
+            key: 'maxCallDurationMin',
+            label: 'Max AI Call Duration',
+            description: 'Longest call the AI will stay on before wrapping up.',
+            type: 'select',
+            options: MAX_CALL_DURATION_OPTIONS,
+        },
+        {
+            key: 'silenceTimeoutSec',
+            label: 'Silence Timeout',
+            description: 'How long silence lasts before the AI prompts or ends.',
+            type: 'select',
+            options: SILENCE_TIMEOUT_OPTIONS,
+        },
+        {
+            key: 'afterHoursBehavior',
+            label: 'After-Hours Behaviour',
+            description: 'What happens outside business hours.',
+            type: 'select',
+            options: AFTER_HOURS_OPTIONS,
+        },
+    ],
+    tasks: [
+        {
+            key: 'autoCreate',
+            label: 'Auto-create tasks',
+            description: 'Create a staff task when the AI cannot fully resolve a request.',
+            type: 'boolean',
+        },
+        {
+            key: 'defaultAssignee',
+            label: 'Default assignee',
+            description: 'Team or role new tasks are routed to.',
+            type: 'text',
+        },
+    ],
+    scheduling: [
+        {
+            key: 'leadTimeHours',
+            label: 'Minimum lead time (hours)',
+            description: 'Earliest bookable slot from now.',
+            type: 'number',
+        },
+        {
+            key: 'allowSameDay',
+            label: 'Allow same-day booking',
+            description: 'Let patients book appointments later today.',
+            type: 'boolean',
+        },
+    ],
+    refill: [
+        {
+            key: 'autoApproveDays',
+            label: 'Auto-approve within (days)',
+            description: 'Refills due within this window may be auto-approved.',
+            type: 'number',
+        },
+        {
+            key: 'requireStaffReview',
+            label: 'Require staff review',
+            description: 'All refill requests need staff approval before sending to pharmacy.',
+            type: 'boolean',
+        },
+    ],
+    verify: [
+        {
+            key: 'requireDob',
+            label: 'Require date of birth',
+            description: 'Ask for DOB before lookup or scheduling.',
+            type: 'boolean',
+        },
+        {
+            key: 'requireName',
+            label: 'Require full name',
+            description: 'Ask for patient name during verification.',
+            type: 'boolean',
+        },
+        {
+            key: 'maxAttempts',
+            label: 'Max verification attempts',
+            description: 'After this many failures, offer transfer to staff.',
+            type: 'number',
+        },
+    ],
+    escalation: [
+        {
+            key: 'sentimentThreshold',
+            label: 'Sentiment threshold',
+            description: 'Escalate when caller sentiment reaches this level (e.g. frustrated).',
+            type: 'text',
+        },
+        {
+            key: 'urgentKeywords',
+            label: 'Urgent keywords',
+            description: 'Comma-separated phrases that trigger immediate escalation.',
+            type: 'text',
+        },
+    ],
+    outbound: [
+        {
+            key: 'enabled',
+            label: 'Outbound calls enabled',
+            description: 'Allow staff to place outbound calls from the dashboard.',
+            type: 'boolean',
+        },
+        {
+            key: 'callerId',
+            label: 'Outbound caller ID',
+            description: 'Number shown to patients on outbound calls.',
+            type: 'text',
+        },
+    ],
+    knowledge: [
+        {
+            key: 'whatToSay',
+            label: 'What to say',
+            description: 'Facts and guidance the AI may share with callers.',
+            type: 'text',
+        },
+        {
+            key: 'whatNotToSay',
+            label: 'What not to say',
+            description: 'Topics the AI must refuse or escalate.',
+            type: 'text',
+        },
+    ],
+    transcripts: [
+        {
+            key: 'recordingRetainDays',
+            label: 'Keep Call Recordings',
+            description: 'How long call recordings are retained.',
+            type: 'select',
+            options: RETENTION_DAY_OPTIONS,
+        },
+        {
+            key: 'transcriptRetainDays',
+            label: 'Keep Transcripts',
+            description: 'How long call transcripts are retained.',
+            type: 'select',
+            options: RETENTION_DAY_OPTIONS,
+        },
+        {
+            key: 'disclosureWarningEnabled',
+            label: 'Disclosure Warning',
+            description: 'Play or show a disclosure when the AI answers.',
+            type: 'boolean',
+        },
+        {
+            key: 'disclosureWarningText',
+            label: 'Disclosure text',
+            description: 'Spoken or shown disclosure message.',
+            type: 'text',
+        },
+    ],
+    advanced: [
+        {
+            key: 'modelVersion',
+            label: 'Model version',
+            description: 'Voice AI model profile (set by Edvak support).',
+            type: 'text',
+        },
+        {
+            key: 'debugMode',
+            label: 'Debug mode',
+            description: 'Verbose logging for troubleshooting — not for production.',
+            type: 'boolean',
+        },
+    ],
+};
+/** Fallback label for API fields not listed in config. */
+function humanizeFieldKey(key) {
+    return key
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/_/g, ' ')
+        .trim()
+        .replace(/^\w/, (c) => c.toUpperCase());
+}
+function resolveFieldMeta(section, key, value) {
+    const known = SETTINGS_FIELDS[section]?.find((f) => f.key === key);
+    if (known)
+        return known;
+    return {
+        key,
+        label: humanizeFieldKey(key),
+        description: '',
+        type: typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'text',
+    };
+}
+function parseCsvList(value) {
+    return String(value ?? '')
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean);
+}
+function toCsvList(values) {
+    return values.map((v) => v.trim()).filter(Boolean).join(',');
+}
+
+const CUSTOM_PANEL_TABS = new Set([
+    'general',
+    'phone',
+    'transcripts',
+    'knowledge',
+    'advanced',
+]);
+const HIDDEN_GENERIC_KEYS = new Set([
+    'welcomeMessage',
+    'practiceName',
+    'language',
+    'languages',
+    'tone',
+    'timezone',
+]);
+const KNOWLEDGE_MAX = 8000;
+const DISCLOSURE_MAX = 1000;
+class SettingsPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.toast = inject(ToastService);
+        this.route = inject(ActivatedRoute);
+        this.agentOnline = inject(AgentOnlineService);
+        this.originalSettings = null;
+        this.isFieldReadOnly = isFieldReadOnly;
+        this.knowledgeMax = KNOWLEDGE_MAX;
+        this.disclosureMax = DISCLOSURE_MAX;
+        this.welcomeMax = WELCOME_MESSAGE_MAX;
+        this.voicePresets = TTS_VOICE_PRESETS;
+        this.toneOptions = AGENT_TONE_OPTIONS;
+        this.greetingVariables = GREETING_VARIABLES;
+        this.retentionOptions = RETENTION_DAY_OPTIONS;
+        this.ringTimeoutOptions = RING_TIMEOUT_OPTIONS;
+        this.maxCallDurationOptions = MAX_CALL_DURATION_OPTIONS;
+        this.silenceTimeoutOptions = SILENCE_TIMEOUT_OPTIONS;
+        this.answerModeOptions = AI_ANSWER_MODE_OPTIONS;
+        this.afterHoursOptions = AFTER_HOURS_OPTIONS;
+        this.settings = signal(null);
+        this.tab = signal('general');
+        this.loading = signal(true);
+        this.saving = signal(false);
+        this.saved = signal(false);
+        this.knowledgeTestOpen = signal(false);
+        this.locations = signal([]);
+        this.confirmOffOpen = signal(false);
+        this.online = this.agentOnline.online;
+        this.agentLoading = this.agentOnline.loading;
+        this.toggling = this.agentOnline.toggling;
+        this.tabs = [
+            { id: 'general', label: 'Identity & Greetings' },
+            { id: 'phone', label: 'Phone & Availability' },
+            { id: 'scheduling', label: 'Scheduling Rules' },
+            { id: 'outbound', label: 'Outbound Purpose' },
+            { id: 'knowledge', label: 'Knowledge Base' },
+            { id: 'transcripts', label: 'Data & Compliance' },
+            { id: 'advanced', label: 'Advanced' },
+        ];
+        this.sectionMeta = computed(() => {
+            const id = this.tab();
+            return SETTINGS_SECTION_META[id] ?? { title: String(id), description: '' };
+        });
+        this.fieldsForTab = computed(() => {
+            const s = this.settings();
+            const id = this.tab();
+            if (!s || CUSTOM_PANEL_TABS.has(id))
+                return [];
+            const section = s[id];
+            const configured = SETTINGS_FIELDS[id] ?? [];
+            const configuredKeys = new Set(configured.map((f) => f.key));
+            const extras = Object.keys(section)
+                .filter((key) => !HIDDEN_GENERIC_KEYS.has(key) && !configuredKeys.has(key))
+                .map((key) => resolveFieldMeta(id, key, section[key]));
+            return [...configured, ...extras];
+        });
+        this.welcomeMessage = computed(() => String(this.settings()?.general['welcomeMessage'] ?? ''));
+        this.welcomePlaceholder = computed(() => {
+            const s = this.settings();
+            if (!s)
+                return '';
+            return buildAutoWelcomeTemplate(String(s.general['practiceName'] ?? ''), String(s.general['agentName'] ?? ''));
+        });
+        this.welcomePreview = computed(() => {
+            const s = this.settings();
+            if (!s)
+                return '';
+            const raw = resolveWelcomePreview(String(s.general['welcomeMessage'] ?? ''), String(s.general['practiceName'] ?? ''), String(s.general['agentName'] ?? ''));
+            return raw
+                .replaceAll('{{practiceName}}', String(s.general['practiceName'] || 'our practice'))
+                .replaceAll('{{agentName}}', String(s.general['agentName'] || 'your AI receptionist'))
+                .replaceAll('{{locationName}}', 'Main location')
+                .replaceAll('{{businessHours}}', 'Mon–Fri 8am–5pm');
+        });
+        this.whatToSay = computed(() => String(this.settings()?.knowledge?.['whatToSay'] ?? ''));
+        this.whatNotToSay = computed(() => String(this.settings()?.knowledge?.['whatNotToSay'] ?? ''));
+        this.selectedLocationIds = computed(() => parseCsvList(this.settings()?.phone?.['locationIds']));
+        this.selectedTone = computed(() => String(this.settings()?.general?.['tone'] ?? 'professional'));
+        this.disclosureEnabled = computed(() => this.settings()?.transcripts?.['disclosureWarningEnabled'] !== false);
+        this.disclosureText = computed(() => String(this.settings()?.transcripts?.['disclosureWarningText'] ?? DEFAULT_DISCLOSURE_WARNING));
+        this.agentSwitchDisabled = computed(() => this.agentLoading() || this.toggling() || this.online() === null);
+    }
+    ngOnInit() {
+        this.agentOnline.refresh();
+        const dataTab = this.route.snapshot.data['settingsTab'];
+        const tabParam = this.route.snapshot.queryParamMap.get('tab');
+        if (dataTab && this.tabs.some((t) => t.id === dataTab)) {
+            this.tab.set(dataTab);
+        }
+        else if (tabParam && this.tabs.some((t) => t.id === tabParam)) {
+            this.tab.set(tabParam);
+        }
+        this.api.getSettings().subscribe({
+            next: ({ data }) => {
+                this.originalSettings = structuredClone(data);
+                this.settings.set(structuredClone(data));
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.toast.show('Failed to load agent settings', 'error');
+            },
+        });
+        this.api.getLocations().subscribe({
+            next: ({ data }) => this.locations.set(data ?? []),
+            error: () => this.locations.set([]),
+        });
+    }
+    fieldIsReadOnly(section, key) {
+        if (section === 'safety' || section === 'effectiveWelcomeMessage')
+            return true;
+        return isFieldReadOnly(section, key);
+    }
+    sectionIsReadOnly(section) {
+        if (section === 'safety' || section === 'effectiveWelcomeMessage')
+            return true;
+        return READ_ONLY_SECTIONS.has(section);
+    }
+    isTabDisabled(id) {
+        return id !== 'safety' && id !== 'effectiveWelcomeMessage' && DISABLED_SETTINGS_TABS.has(id);
+    }
+    setTab(id) {
+        if (this.isTabDisabled(id))
+            return;
+        this.tab.set(id);
+    }
+    updateField(section, key, value) {
+        const current = this.settings();
+        if (!current || section === 'safety' || isFieldReadOnly(section, key))
+            return;
+        const sectionData = { ...current[section] };
+        sectionData[key] = value;
+        this.settings.set({ ...current, [section]: sectionData });
+    }
+    updateWelcomeMessage(value) {
+        this.updateField('general', 'welcomeMessage', value.slice(0, WELCOME_MESSAGE_MAX));
+    }
+    insertGreetingVariable(token) {
+        const current = this.welcomeMessage();
+        const next = `${current}${current && !/\s$/.test(current) ? ' ' : ''}${token}`;
+        this.updateWelcomeMessage(next);
+    }
+    updateKnowledgeField(key, value) {
+        this.updateField('knowledge', key, value.slice(0, KNOWLEDGE_MAX));
+    }
+    setTone(tone) {
+        this.updateField('general', 'tone', tone);
+    }
+    toggleLocation(id) {
+        const current = this.selectedLocationIds();
+        const next = current.includes(id) ? current.filter((x) => x !== id) : [...current, id];
+        this.updateField('phone', 'locationIds', toCsvList(next));
+    }
+    selectNumberField(section, key, value) {
+        this.updateField(section, key, Number(value));
+    }
+    numberFieldAsString(section, key) {
+        return String(this.fieldValue(section, key) ?? '');
+    }
+    setDisclosureEnabled(enabled) {
+        this.updateField('transcripts', 'disclosureWarningEnabled', enabled);
+        if (enabled && !String(this.settings()?.transcripts?.['disclosureWarningText'] ?? '').trim()) {
+            this.updateField('transcripts', 'disclosureWarningText', DEFAULT_DISCLOSURE_WARNING);
+        }
+    }
+    updateDisclosureText(value) {
+        this.updateField('transcripts', 'disclosureWarningText', value.slice(0, DISCLOSURE_MAX));
+    }
+    openTestCall() {
+        const whatToSay = this.whatToSay().trim();
+        const whatNotToSay = this.whatNotToSay().trim();
+        if (!whatToSay || !whatNotToSay) {
+            this.toast.show('Fill in both “What to say” and “What not to say” before testing.', 'error');
+            return;
+        }
+        this.knowledgeTestOpen.set(true);
+    }
+    closeTestCall() {
+        this.knowledgeTestOpen.set(false);
+    }
+    selectedVoiceId() {
+        return String(this.settings()?.general?.['ttsVoiceId'] ?? '').trim();
+    }
+    onAgentToggleClick() {
+        if (this.agentSwitchDisabled())
+            return;
+        if (this.online()) {
+            this.confirmOffOpen.set(true);
+            return;
+        }
+        this.applyOnline(true);
+    }
+    cancelConfirmOff() {
+        this.confirmOffOpen.set(false);
+    }
+    confirmTurnOff() {
+        this.confirmOffOpen.set(false);
+        this.applyOnline(false);
+    }
+    applyOnline(enabled) {
+        this.agentOnline.setOnline(enabled).subscribe({
+            next: () => {
+                this.toast.show(enabled
+                    ? 'AI receptionist is online — it will answer inbound calls.'
+                    : 'AI receptionist is offline — calls go to the front desk.', 'success');
+            },
+            error: (err) => {
+                this.toast.show(err.message ?? 'Failed to update agent status.', 'error');
+                this.agentOnline.refresh();
+            },
+        });
+    }
+    fieldValue(section, key) {
+        const s = this.settings();
+        if (!s || section === 'safety')
+            return '';
+        return s[section][key];
+    }
+    save() {
+        const s = this.settings();
+        const orig = this.originalSettings;
+        if (!s || !orig)
+            return;
+        const payload = structuredClone(s);
+        payload.general['welcomeMessage'] = String(payload.general['welcomeMessage'] ?? '').trim();
+        payload.general['agentName'] = String(payload.general['agentName'] ?? '').trim();
+        if (!String(payload.general['agentName'] ?? '').trim()) {
+            this.tab.set('general');
+            this.toast.show('Agent name is required.', 'error');
+            return;
+        }
+        if (!String(payload.general['welcomeMessage'] ?? '').trim()) {
+            this.tab.set('general');
+            this.toast.show('Inbound greeting is required.', 'error');
+            return;
+        }
+        const whatToSay = String(payload.knowledge?.['whatToSay'] ?? '').trim();
+        const whatNotToSay = String(payload.knowledge?.['whatNotToSay'] ?? '').trim();
+        if (!whatToSay || !whatNotToSay) {
+            this.tab.set('knowledge');
+            this.toast.show('Knowledge Base requires both “What to say” and “What not to say”.', 'error');
+            return;
+        }
+        payload.knowledge = { whatToSay, whatNotToSay };
+        // Keep legacy retainDays in sync for older BE consumers.
+        const recDays = Number(payload.transcripts['recordingRetainDays'] ?? 30);
+        const txDays = Number(payload.transcripts['transcriptRetainDays'] ?? 30);
+        payload.transcripts['retainDays'] = Math.max(recDays, txDays);
+        this.restoreReadOnlyFields(payload, orig);
+        this.saving.set(true);
+        this.api.putSettings(payload).subscribe({
+            next: ({ data }) => {
+                this.originalSettings = structuredClone(data);
+                this.settings.set(structuredClone(data));
+                this.saving.set(false);
+                this.saved.set(true);
+                this.toast.show('Agent settings saved', 'success');
+                setTimeout(() => this.saved.set(false), 2000);
+            },
+            error: (err) => {
+                this.saving.set(false);
+                const message = err instanceof Error && err.message.trim()
+                    ? err.message
+                    : 'Failed to save agent settings';
+                this.toast.show(message, 'error');
+            },
+        });
+    }
+    restoreReadOnlyFields(payload, orig) {
+        const editableSections = [
+            'general',
+            'phone',
+            'tasks',
+            'scheduling',
+            'refill',
+            'verify',
+            'escalation',
+            'outbound',
+            'knowledge',
+            'transcripts',
+            'advanced',
+        ];
+        for (const sectionKey of editableSections) {
+            if (READ_ONLY_SECTIONS.has(sectionKey)) {
+                payload[sectionKey] = structuredClone(orig[sectionKey]);
+                continue;
+            }
+            const payloadSection = payload[sectionKey];
+            const origSection = orig[sectionKey];
+            for (const key of Object.keys(payloadSection)) {
+                if (isFieldReadOnly(sectionKey, key)) {
+                    payloadSection[key] = origSection[key];
+                }
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SettingsPageComponent, isStandalone: true, selector: "eds-settings-page", ngImport: i0, template: "<div class=\"eds-page settings-page\">\n  <header class=\"settings-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Agent settings</h1>\n      <p class=\"settings-page__subtitle\">Configure AI receptionist behavior and safety</p>\n    </div>\n    <div class=\"settings-page__save-row\">\n      @if (saved()) {\n        <span class=\"settings-page__saved\">Saved</span>\n      }\n      <eds-button variant=\"primary\" [disabled]=\"saving()\" (click)=\"save()\">\n        <eds-icon name=\"save\" [size]=\"18\" />\n        {{ saving() ? 'Saving\u2026' : 'Save changes' }}\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"settings-page__loading\">Loading settings\u2026</p>\n  } @else if (settings()) {\n    <div class=\"settings-page__layout\">\n      <nav class=\"eds-card settings-page__sidebar\" aria-label=\"Settings sections\">\n        @for (t of tabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"settings-page__nav-item\"\n            [class.settings-page__nav-item--active]=\"tab() === t.id\"\n            [class.settings-page__nav-item--disabled]=\"isTabDisabled(t.id)\"\n            [disabled]=\"isTabDisabled(t.id)\"\n            [attr.title]=\"isTabDisabled(t.id) ? 'This section is currently disabled' : null\"\n            (click)=\"setTab(t.id)\"\n          >\n            {{ t.label }}\n            @if (isTabDisabled(t.id)) {\n              <span class=\"settings-page__nav-disabled-badge\">Disabled</span>\n            }\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card settings-page__panel\">\n        <header class=\"settings-page__panel-head\">\n          <div class=\"settings-page__panel-head-text\">\n            <h2 class=\"settings-page__panel-title\">{{ sectionMeta().title }}</h2>\n            @if (tab() !== 'knowledge' && tab() !== 'general' && tab() !== 'phone' && tab() !== 'transcripts') {\n              <p class=\"settings-page__panel-desc\">{{ sectionMeta().description }}</p>\n            }\n          </div>\n          @if (tab() === 'knowledge') {\n            <eds-button variant=\"secondary\" type=\"button\" (click)=\"openTestCall()\">\n              <eds-icon name=\"phone_in_talk\" [size]=\"18\" />\n              Test Call\n            </eds-button>\n          }\n        </header>\n\n        @if (sectionIsReadOnly(tab())) {\n          <p class=\"settings-page__readonly-banner\">\n            <eds-icon name=\"lock\" [size]=\"18\" />\n            These settings are managed by Edvak. Contact support to request changes.\n          </p>\n        }\n\n        @if (tab() === 'knowledge') {\n          <div class=\"settings-page__knowledge\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                What to say <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea settings-page__textarea--knowledge\"\n                rows=\"10\"\n                [maxlength]=\"knowledgeMax\"\n                [ngModel]=\"whatToSay()\"\n                (ngModelChange)=\"updateKnowledgeField('whatToSay', $event)\"\n                placeholder=\"Hours, parking, payment options, arrival instructions, emergencies\u2026\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ whatToSay().length }}/{{ knowledgeMax }}</span>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                What not to say <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea settings-page__textarea--knowledge\"\n                rows=\"10\"\n                [maxlength]=\"knowledgeMax\"\n                [ngModel]=\"whatNotToSay()\"\n                (ngModelChange)=\"updateKnowledgeField('whatNotToSay', $event)\"\n                placeholder=\"Clinical advice, unverified prices, PHI, promises the practice cannot keep\u2026\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ whatNotToSay().length }}/{{ knowledgeMax }}</span>\n            </label>\n          </div>\n        } @else if (tab() === 'general') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Name <span class=\"settings-page__req\">*</span>\n                <eds-icon name=\"info\" [size]=\"16\" class=\"settings-page__info\" title=\"How the AI introduces itself on calls\" />\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [ngModel]=\"fieldValue('general', 'agentName')\"\n                (ngModelChange)=\"updateField('general', 'agentName', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <div class=\"settings-page__voice-row\">\n              <label class=\"settings-page__field settings-page__field--grow\">\n                <span class=\"settings-page__field-label\">\n                  Voice <span class=\"settings-page__req\">*</span>\n                </span>\n                <div class=\"settings-page__select-wrap\">\n                  <select\n                    class=\"settings-page__input settings-page__select\"\n                    [ngModel]=\"fieldValue('general', 'ttsVoiceId')\"\n                    (ngModelChange)=\"updateField('general', 'ttsVoiceId', $event)\"\n                    autocomplete=\"off\"\n                  >\n                    @for (v of voicePresets; track v.id) {\n                      <option [ngValue]=\"v.id\">{{ v.label }}</option>\n                    }\n                  </select>\n                  <eds-icon name=\"expand_more\" [size]=\"20\" class=\"settings-page__select-caret\" />\n                </div>\n              </label>\n            </div>\n\n            <div class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">Tone</span>\n              <div class=\"settings-page__tone-row\" role=\"radiogroup\" aria-label=\"Tone\">\n                @for (tone of toneOptions; track tone.value) {\n                  <button\n                    type=\"button\"\n                    class=\"settings-page__tone\"\n                    [class.settings-page__tone--active]=\"selectedTone() === tone.value\"\n                    (click)=\"setTone(tone.value)\"\n                  >\n                    {{ tone.label }}\n                  </button>\n                }\n              </div>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Inbound Greetings <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea\"\n                rows=\"4\"\n                [maxlength]=\"welcomeMax\"\n                [placeholder]=\"welcomePlaceholder()\"\n                [ngModel]=\"welcomeMessage()\"\n                (ngModelChange)=\"updateWelcomeMessage($event)\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ welcomeMessage().length }}/{{ welcomeMax }}</span>\n              <div class=\"settings-page__variables\">\n                <span class=\"settings-page__variables-label\">Variables</span>\n                @for (v of greetingVariables; track v.key) {\n                  <button\n                    type=\"button\"\n                    class=\"settings-page__var-chip\"\n                    (click)=\"insertGreetingVariable(v.token)\"\n                    [title]=\"'Insert ' + v.token\"\n                  >\n                    {{ v.label }}\n                  </button>\n                }\n              </div>\n            </label>\n          </div>\n        } @else if (tab() === 'phone') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                AI Answer Mode <span class=\"settings-page__req\">*</span>\n                <eds-icon name=\"info\" [size]=\"16\" class=\"settings-page__info\" title=\"When the AI picks up inbound calls\" />\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"fieldValue('phone', 'answerMode')\"\n                (ngModelChange)=\"updateField('phone', 'answerMode', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of answerModeOptions; track opt.value) {\n                  <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label\n              class=\"settings-page__field settings-page__field--full\"\n              [class.settings-page__field--readonly]=\"isFieldReadOnly('phone', 'mainNumber')\"\n            >\n              <span class=\"settings-page__field-label\">\n                AI Phone Number <span class=\"settings-page__req\">*</span>\n                @if (isFieldReadOnly('phone', 'mainNumber')) {\n                }\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [class.settings-page__input--readonly]=\"isFieldReadOnly('phone', 'mainNumber')\"\n                [disabled]=\"isFieldReadOnly('phone', 'mainNumber')\"\n                [ngModel]=\"fieldValue('phone', 'mainNumber')\"\n                (ngModelChange)=\"updateField('phone', 'mainNumber', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label\n              class=\"settings-page__field settings-page__field--full\"\n              [class.settings-page__field--readonly]=\"isFieldReadOnly('phone', 'transferNumber')\"\n            >\n              <span class=\"settings-page__field-label\">\n                Transfer Number <span class=\"settings-page__req\">*</span>\n                @if (isFieldReadOnly('phone', 'transferNumber')) {\n                }\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [class.settings-page__input--readonly]=\"isFieldReadOnly('phone', 'transferNumber')\"\n                [disabled]=\"isFieldReadOnly('phone', 'transferNumber')\"\n                [ngModel]=\"fieldValue('phone', 'transferNumber')\"\n                (ngModelChange)=\"updateField('phone', 'transferNumber', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Ringing Time Wait <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'ringTimeout')\"\n                (ngModelChange)=\"selectNumberField('phone', 'ringTimeout', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of ringTimeoutOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <div class=\"settings-page__feature-card\">\n              <eds-icon name=\"event_available\" [size]=\"22\" class=\"settings-page__feature-icon\" />\n              <div class=\"settings-page__feature-copy\">\n                <span class=\"settings-page__feature-title\">Create Follow-up Task</span>\n                <span class=\"settings-page__feature-desc\">\n                  If no one answers in time, the agent auto-creates a high priority task.\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                class=\"settings-page__switch\"\n                [class.settings-page__switch--on]=\"!!fieldValue('phone', 'createFollowUpTask')\"\n                [attr.aria-pressed]=\"!!fieldValue('phone', 'createFollowUpTask')\"\n                (click)=\"updateField('phone', 'createFollowUpTask', !fieldValue('phone', 'createFollowUpTask'))\"\n              >\n                <span class=\"settings-page__switch-thumb\"></span>\n              </button>\n            </div>\n\n            <div class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Location Handled <span class=\"settings-page__req\">*</span>\n              </span>\n              <div class=\"settings-page__check-grid\" role=\"group\" aria-label=\"Locations handled\">\n                @for (loc of locations(); track loc.id) {\n                  <label class=\"settings-page__check-item\">\n                    <input\n                      type=\"checkbox\"\n                      [checked]=\"selectedLocationIds().includes(loc.id)\"\n                      (change)=\"toggleLocation(loc.id)\"\n                      autocomplete=\"off\"\n                    />\n                    <span>{{ loc.name }}</span>\n                  </label>\n                } @empty {\n                  <p class=\"settings-page__menu-empty\">No locations available.</p>\n                }\n              </div>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Max AI Call Duration <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'maxCallDurationMin')\"\n                (ngModelChange)=\"selectNumberField('phone', 'maxCallDurationMin', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of maxCallDurationOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Silence Timeout <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'silenceTimeoutSec')\"\n                (ngModelChange)=\"selectNumberField('phone', 'silenceTimeoutSec', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of silenceTimeoutOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                After-Hours Behaviour <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"fieldValue('phone', 'afterHoursBehavior')\"\n                (ngModelChange)=\"updateField('phone', 'afterHoursBehavior', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of afterHoursOptions; track opt.value) {\n                  <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n          </div>\n        } @else if (tab() === 'transcripts') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Keep Call Recordings <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('transcripts', 'recordingRetainDays')\"\n                (ngModelChange)=\"selectNumberField('transcripts', 'recordingRetainDays', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of retentionOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Keep Transcripts <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('transcripts', 'transcriptRetainDays')\"\n                (ngModelChange)=\"selectNumberField('transcripts', 'transcriptRetainDays', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of retentionOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <div class=\"settings-page__disclosure\">\n              <div class=\"settings-page__disclosure-head\">\n                <span class=\"settings-page__field-label\">Disclosure Warning</span>\n                <button\n                  type=\"button\"\n                  class=\"settings-page__switch\"\n                  [class.settings-page__switch--on]=\"disclosureEnabled()\"\n                  [attr.aria-pressed]=\"disclosureEnabled()\"\n                  (click)=\"setDisclosureEnabled(!disclosureEnabled())\"\n                >\n                  <span class=\"settings-page__switch-thumb\"></span>\n                </button>\n              </div>\n              @if (disclosureEnabled()) {\n                <textarea\n                  class=\"settings-page__textarea\"\n                  rows=\"4\"\n                  [maxlength]=\"disclosureMax\"\n                  [ngModel]=\"disclosureText()\"\n                  (ngModelChange)=\"updateDisclosureText($event)\"\n                  autocomplete=\"off\"\n                ></textarea>\n              }\n            </div>\n          </div>\n        } @else if (tab() === 'advanced') {\n          <div class=\"settings-page__form\">\n            <div class=\"settings-page__feature-card\">\n              <eds-icon name=\"smart_toy\" [size]=\"22\" class=\"settings-page__feature-icon\" />\n              <div class=\"settings-page__feature-copy\">\n                <span class=\"settings-page__feature-title\">\n                  @if (toggling()) {\n                    Updating\u2026\n                  } @else if (online() === true) {\n                    Agent online\n                  } @else if (online() === false) {\n                    Agent offline\n                  } @else {\n                    Status unknown\n                  }\n                </span>\n                <span class=\"settings-page__feature-desc\">\n                  @if (online() === true) {\n                    AI receptionist is answering inbound calls.\n                  } @else if (online() === false) {\n                    AI is offline \u2014 calls go to the front desk.\n                  } @else {\n                    Checking agent status\u2026\n                  }\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                class=\"settings-page__switch\"\n                [class.settings-page__switch--on]=\"online() === true\"\n                [disabled]=\"agentSwitchDisabled()\"\n                [attr.aria-pressed]=\"online() === true\"\n                (click)=\"onAgentToggleClick()\"\n              >\n                <span class=\"settings-page__switch-thumb\"></span>\n              </button>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full settings-page__field--readonly\">\n              <span class=\"settings-page__field-label\">\n                Model version\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input settings-page__input--readonly\"\n                [ngModel]=\"fieldValue('advanced', 'modelVersion')\"\n                disabled\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label class=\"settings-page__toggle-row settings-page__toggle-row--readonly\">\n              <div class=\"settings-page__toggle-copy\">\n                <span class=\"settings-page__field-label\">\n                  Debug mode\n                </span>\n                <span class=\"settings-page__field-desc\">Verbose logging \u2014 contact Edvak to change.</span>\n              </div>\n              <input\n                type=\"checkbox\"\n                class=\"settings-page__checkbox\"\n                [ngModel]=\"fieldValue('advanced', 'debugMode')\"\n                disabled\n                autocomplete=\"off\"\n              />\n            </label>\n          </div>\n        } @else {\n          <div class=\"settings-page__fields\">\n            @for (field of fieldsForTab(); track field.key) {\n              @if (field.type === 'boolean') {\n                <label\n                  class=\"settings-page__toggle-row\"\n                  [class.settings-page__toggle-row--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                >\n                  <div class=\"settings-page__toggle-copy\">\n                    <span class=\"settings-page__field-label\">\n                      {{ field.label }}\n                    </span>\n                    @if (field.description) {\n                      <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                    }\n                  </div>\n                  <input\n                    type=\"checkbox\"\n                    class=\"settings-page__checkbox\"\n                    [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                    [ngModel]=\"fieldValue(tab(), field.key)\"\n                    (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                    autocomplete=\"off\"\n                  />\n                </label>\n              } @else {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  @if (field.type === 'number') {\n                    <input\n                      type=\"number\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, +$event)\"\n                      autocomplete=\"off\"\n                    />\n                  } @else if (field.type === 'select' && field.options?.length) {\n                    <select\n                      class=\"settings-page__input settings-page__select\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                      autocomplete=\"off\"\n                    >\n                      @for (opt of field.options; track opt.value) {\n                        <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                      }\n                    </select>\n                  } @else {\n                    <input\n                      type=\"text\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                      autocomplete=\"off\"\n                    />\n                  }\n                </label>\n              }\n            }\n          </div>\n        }\n      </article>\n    </div>\n  }\n</div>\n\n<eds-knowledge-test-modal\n  [open]=\"knowledgeTestOpen()\"\n  [whatToSay]=\"whatToSay()\"\n  [whatNotToSay]=\"whatNotToSay()\"\n  [voiceId]=\"selectedVoiceId()\"\n  (closed)=\"closeTestCall()\"\n/>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of the AI.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"settings-page__confirm-body\">\n      While offline, the AI will not answer calls. Callers are routed to the human receptionist.\n    </p>\n    <div class=\"settings-page__confirm-actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".settings-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.settings-page__subtitle,.settings-page__loading{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--eds-color-text-muted, #64748b)}.settings-page__save-row{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-page__saved{color:var(--eds-color-success, #22c55e);font-weight:500;font-size:14px}.settings-page__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.settings-page__sidebar{padding:8px;display:flex;flex-direction:column;gap:2px;position:sticky;top:16px;max-height:calc(100vh - 120px);overflow-y:auto}.settings-page__nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:none;background:none;border-radius:var(--eds-radius-md, 8px);font-family:var(--eds-font-inter, Inter, sans-serif);font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:var(--eds-text-secondary, #53575c);width:100%;line-height:1.3}.settings-page__nav-item:hover{background:var(--eds-surface-l1, #f7f9fa);color:var(--eds-text-primary, #41464c)}.settings-page__nav-item--active{background:var(--eds-color-primary-light, #eaf1fe);color:var(--eds-text-brand, #2162f0);font-weight:500}.settings-page__nav-item--disabled,.settings-page__nav-item:disabled{opacity:.45;cursor:not-allowed;color:var(--eds-text-tertiary, #767676)}.settings-page__nav-item--disabled:hover,.settings-page__nav-item:disabled:hover{background:none;color:var(--eds-text-tertiary, #767676)}.settings-page__nav-disabled-badge{margin-left:auto;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--eds-color-text-muted, #94a3b8)}.settings-page__panel{padding:28px 32px;min-height:420px}.settings-page__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--eds-color-border, #e2e8f0)}.settings-page__panel-head-text{min-width:0}.settings-page__panel-title{margin:0 0 8px;font-size:22px;font-weight:500;color:var(--eds-text-primary, #41464c);letter-spacing:-.01em}.settings-page__panel-desc{margin:0;font-size:15px;line-height:1.55;color:var(--eds-color-text-muted, #64748b);max-width:640px}.settings-page__req{color:#dc2626;font-weight:500}.settings-page__knowledge{display:flex;flex-direction:column;gap:28px;max-width:920px}.settings-page__textarea--knowledge{min-height:220px;font-size:14px;line-height:1.55}.settings-page__quick-link{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:24px;text-decoration:none;color:inherit;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc);transition:border-color .15s ease,box-shadow .15s ease}.settings-page__quick-link div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.settings-page__quick-link:hover{border-color:var(--eds-color-primary, #3681f4);box-shadow:var(--eds-shadow-sm)}.settings-page__quick-link-title{font-size:15px;font-weight:500;color:var(--eds-text-primary, #41464c)}.settings-page__quick-link-desc{font-size:14px;line-height:1.45;color:var(--eds-color-text-muted, #64748b)}.settings-page__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.settings-page__field{display:flex;flex-direction:column;gap:6px}.settings-page__field-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--eds-text-primary, #41464c);line-height:1.35}.settings-page__readonly-badge{display:none}.settings-page__readonly-banner{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border-radius:var(--eds-radius-md, 8px);font-size:14px;line-height:1.45;color:var(--eds-color-text-muted, #64748b);background:var(--eds-color-surface-alt, #f8fafc);border:1px solid var(--eds-color-border, #e2e8f0)}.settings-page__field--readonly .settings-page__field-desc{color:var(--eds-color-text-soft, #94a3b8)}.settings-page__input--readonly,.settings-page__input:disabled{color:var(--eds-color-text-muted, #64748b);background:var(--eds-color-surface-alt, #f1f5f9);border-color:var(--eds-color-border, #e2e8f0);cursor:not-allowed;opacity:1}.settings-page__toggle-row--readonly{cursor:default;opacity:.92}.settings-page__toggle-row--readonly .settings-page__checkbox:disabled{cursor:not-allowed}.settings-page__field-desc{font-size:13px;line-height:1.45;color:var(--eds-color-text-muted, #64748b);margin-bottom:2px}.settings-page__field--full{grid-column:1/-1}.settings-page__textarea{width:100%;padding:10px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:var(--eds-radius-md, 8px);font-size:15px;line-height:1.5;color:var(--eds-text-primary, #41464c);font-family:inherit;resize:vertical;min-height:96px}.settings-page__textarea:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--eds-color-primary, #3681f4)}.settings-page__char-count{font-size:12px;color:var(--eds-color-text-muted, #64748b);text-align:right}.settings-page__recording-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--eds-color-warning, #f59e0b)}.settings-page__welcome{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__welcome-preview{padding:14px 16px;background:#fff}.settings-page__welcome-preview-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.settings-page__welcome-preview-text{margin:0;font-size:15px;line-height:1.55;color:var(--eds-text-primary, #41464c);font-style:italic}.settings-page__fields--general{margin-top:0}.settings-page__input{width:100%;padding:10px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:var(--eds-radius-md, 8px);font-size:15px;line-height:1.4;color:var(--eds-text-primary, #41464c);background:#fff}.settings-page__input:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--eds-color-primary, #3681f4)}.settings-page__input::placeholder{color:var(--eds-color-text-soft, #94a3b8)}.settings-page__select-wrap{position:relative;width:100%}.settings-page__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px;background-image:none}.settings-page__select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--eds-color-text-muted, #64748b);pointer-events:none}.settings-page__voice-preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.settings-page__toggle-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc);cursor:pointer}.settings-page__toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-page__checkbox{width:18px;height:18px;flex-shrink:0;accent-color:var(--eds-color-primary, #3681f4);cursor:pointer}.settings-page__confirm-body{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--eds-color-text-muted, #64748b)}.settings-page__confirm-actions{display:flex;justify-content:flex-end;gap:8px}.settings-page__form{display:flex;flex-direction:column;gap:20px;max-width:720px}.settings-page__info{color:var(--eds-color-text-muted, #94a3b8);margin-left:auto}.settings-page__voice-row{display:flex;align-items:flex-end;gap:10px}.settings-page__field--grow{flex:1;min-width:0}.settings-page__icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--eds-color-border-strong, #cbd5e1);background:#fff;color:var(--eds-brand-600, #2162f0);cursor:pointer;flex-shrink:0}.settings-page__icon-btn:hover:not(:disabled){background:#2162f00f}.settings-page__icon-btn:disabled{opacity:.55;cursor:not-allowed}.settings-page__chips-field{position:relative}.settings-page__chips-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:10px;background:#fff;cursor:pointer;text-align:left}.settings-page__chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.settings-page__chips-placeholder{color:var(--eds-color-text-muted, #94a3b8);font-size:14px}.settings-page__chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:999px;background:#2162f01a;color:var(--eds-brand-600, #2162f0);font:500 12px/1 var(--eds-font-inter, inherit)}.settings-page__chip--more{background:#2162f029}.settings-page__chip-x{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}.settings-page__menu{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;padding:8px;border-radius:10px;border:1px solid var(--eds-color-border, #e2e8f0);background:#fff;box-shadow:0 8px 24px #0f172a14}.settings-page__menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer}.settings-page__menu-item:hover{background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__menu-empty{margin:0;padding:10px;font-size:13px;color:var(--eds-color-text-muted, #64748b)}.settings-page__check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:10px;background:#fff}.settings-page__check-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--eds-text-primary, #41464c);cursor:pointer}.settings-page__check-item:hover{background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__check-item input{width:16px;height:16px;accent-color:var(--eds-brand-600, #2162f0)}.settings-page__tone-row{display:flex;flex-wrap:wrap;gap:8px}.settings-page__tone{height:36px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--eds-color-surface-alt, #f1f5f9);color:var(--eds-color-text-muted, #64748b);font:500 13px/1 var(--eds-font-inter, inherit);cursor:pointer}.settings-page__tone--active{background:#fff;border-color:var(--eds-brand-600, #2162f0);color:var(--eds-brand-600, #2162f0)}.settings-page__variables{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.settings-page__variables-label{font-size:13px;color:var(--eds-color-text-muted, #64748b)}.settings-page__var-chip{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--eds-color-border, #e2e8f0);background:#fff;color:var(--eds-color-text, #41464c);font:500 12px/1 var(--eds-font-inter, inherit);cursor:pointer}.settings-page__var-chip:hover{border-color:var(--eds-brand-300, #94c5f9);color:var(--eds-brand-600, #2162f0)}.settings-page__preview-line{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--eds-color-text-muted, #64748b)}.settings-page__feature-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:12px;background:#fff}.settings-page__feature-icon{color:var(--eds-brand-600, #2162f0);flex-shrink:0}.settings-page__feature-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.settings-page__feature-title{font:500 14px/1.3 var(--eds-font-inter, inherit);color:var(--eds-text-primary, #41464c)}.settings-page__feature-desc{font:400 12px/1.4 var(--eds-font-inter, inherit);color:var(--eds-color-text-muted, #64748b)}.settings-page__switch{width:44px;height:26px;border-radius:999px;border:none;background:#cbd5e1;padding:3px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.settings-page__switch--on{background:var(--eds-brand-600, #2162f0)}.settings-page__switch:disabled{opacity:.55;cursor:not-allowed}.settings-page__switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease}.settings-page__switch--on .settings-page__switch-thumb{transform:translate(18px)}.settings-page__disclosure{display:flex;flex-direction:column;gap:12px}.settings-page__disclosure-head{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:960px){.settings-page__layout{grid-template-columns:1fr}.settings-page__sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap}.settings-page__nav-item{width:auto;flex:1 1 auto}.settings-page__fields{grid-template-columns:1fr}.settings-page__panel{padding:20px}.settings-page__voice-row{flex-wrap:wrap}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: KnowledgeTestModalComponent, selector: "eds-knowledge-test-modal", inputs: ["open", "whatToSay", "whatNotToSay", "voiceId"], outputs: ["closed"] }, { kind: "component", type: ModalComponent, selector: "app-modal", inputs: ["title", "subtitle", "maxWidth"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SettingsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-settings-page', imports: [
+                        FormsModule,
+                        EdsButtonComponent,
+                        EdsIconComponent,
+                        KnowledgeTestModalComponent,
+                        ModalComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page settings-page\">\n  <header class=\"settings-page__header\">\n    <div>\n      <h1 class=\"eds-h1\">Agent settings</h1>\n      <p class=\"settings-page__subtitle\">Configure AI receptionist behavior and safety</p>\n    </div>\n    <div class=\"settings-page__save-row\">\n      @if (saved()) {\n        <span class=\"settings-page__saved\">Saved</span>\n      }\n      <eds-button variant=\"primary\" [disabled]=\"saving()\" (click)=\"save()\">\n        <eds-icon name=\"save\" [size]=\"18\" />\n        {{ saving() ? 'Saving\u2026' : 'Save changes' }}\n      </eds-button>\n    </div>\n  </header>\n\n  @if (loading()) {\n    <p class=\"settings-page__loading\">Loading settings\u2026</p>\n  } @else if (settings()) {\n    <div class=\"settings-page__layout\">\n      <nav class=\"eds-card settings-page__sidebar\" aria-label=\"Settings sections\">\n        @for (t of tabs; track t.id) {\n          <button\n            type=\"button\"\n            class=\"settings-page__nav-item\"\n            [class.settings-page__nav-item--active]=\"tab() === t.id\"\n            [class.settings-page__nav-item--disabled]=\"isTabDisabled(t.id)\"\n            [disabled]=\"isTabDisabled(t.id)\"\n            [attr.title]=\"isTabDisabled(t.id) ? 'This section is currently disabled' : null\"\n            (click)=\"setTab(t.id)\"\n          >\n            {{ t.label }}\n            @if (isTabDisabled(t.id)) {\n              <span class=\"settings-page__nav-disabled-badge\">Disabled</span>\n            }\n          </button>\n        }\n      </nav>\n\n      <article class=\"eds-card settings-page__panel\">\n        <header class=\"settings-page__panel-head\">\n          <div class=\"settings-page__panel-head-text\">\n            <h2 class=\"settings-page__panel-title\">{{ sectionMeta().title }}</h2>\n            @if (tab() !== 'knowledge' && tab() !== 'general' && tab() !== 'phone' && tab() !== 'transcripts') {\n              <p class=\"settings-page__panel-desc\">{{ sectionMeta().description }}</p>\n            }\n          </div>\n          @if (tab() === 'knowledge') {\n            <eds-button variant=\"secondary\" type=\"button\" (click)=\"openTestCall()\">\n              <eds-icon name=\"phone_in_talk\" [size]=\"18\" />\n              Test Call\n            </eds-button>\n          }\n        </header>\n\n        @if (sectionIsReadOnly(tab())) {\n          <p class=\"settings-page__readonly-banner\">\n            <eds-icon name=\"lock\" [size]=\"18\" />\n            These settings are managed by Edvak. Contact support to request changes.\n          </p>\n        }\n\n        @if (tab() === 'knowledge') {\n          <div class=\"settings-page__knowledge\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                What to say <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea settings-page__textarea--knowledge\"\n                rows=\"10\"\n                [maxlength]=\"knowledgeMax\"\n                [ngModel]=\"whatToSay()\"\n                (ngModelChange)=\"updateKnowledgeField('whatToSay', $event)\"\n                placeholder=\"Hours, parking, payment options, arrival instructions, emergencies\u2026\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ whatToSay().length }}/{{ knowledgeMax }}</span>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                What not to say <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea settings-page__textarea--knowledge\"\n                rows=\"10\"\n                [maxlength]=\"knowledgeMax\"\n                [ngModel]=\"whatNotToSay()\"\n                (ngModelChange)=\"updateKnowledgeField('whatNotToSay', $event)\"\n                placeholder=\"Clinical advice, unverified prices, PHI, promises the practice cannot keep\u2026\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ whatNotToSay().length }}/{{ knowledgeMax }}</span>\n            </label>\n          </div>\n        } @else if (tab() === 'general') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Name <span class=\"settings-page__req\">*</span>\n                <eds-icon name=\"info\" [size]=\"16\" class=\"settings-page__info\" title=\"How the AI introduces itself on calls\" />\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [ngModel]=\"fieldValue('general', 'agentName')\"\n                (ngModelChange)=\"updateField('general', 'agentName', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <div class=\"settings-page__voice-row\">\n              <label class=\"settings-page__field settings-page__field--grow\">\n                <span class=\"settings-page__field-label\">\n                  Voice <span class=\"settings-page__req\">*</span>\n                </span>\n                <div class=\"settings-page__select-wrap\">\n                  <select\n                    class=\"settings-page__input settings-page__select\"\n                    [ngModel]=\"fieldValue('general', 'ttsVoiceId')\"\n                    (ngModelChange)=\"updateField('general', 'ttsVoiceId', $event)\"\n                    autocomplete=\"off\"\n                  >\n                    @for (v of voicePresets; track v.id) {\n                      <option [ngValue]=\"v.id\">{{ v.label }}</option>\n                    }\n                  </select>\n                  <eds-icon name=\"expand_more\" [size]=\"20\" class=\"settings-page__select-caret\" />\n                </div>\n              </label>\n            </div>\n\n            <div class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">Tone</span>\n              <div class=\"settings-page__tone-row\" role=\"radiogroup\" aria-label=\"Tone\">\n                @for (tone of toneOptions; track tone.value) {\n                  <button\n                    type=\"button\"\n                    class=\"settings-page__tone\"\n                    [class.settings-page__tone--active]=\"selectedTone() === tone.value\"\n                    (click)=\"setTone(tone.value)\"\n                  >\n                    {{ tone.label }}\n                  </button>\n                }\n              </div>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Inbound Greetings <span class=\"settings-page__req\">*</span>\n              </span>\n              <textarea\n                class=\"settings-page__textarea\"\n                rows=\"4\"\n                [maxlength]=\"welcomeMax\"\n                [placeholder]=\"welcomePlaceholder()\"\n                [ngModel]=\"welcomeMessage()\"\n                (ngModelChange)=\"updateWelcomeMessage($event)\"\n                autocomplete=\"off\"\n              ></textarea>\n              <span class=\"settings-page__char-count\">{{ welcomeMessage().length }}/{{ welcomeMax }}</span>\n              <div class=\"settings-page__variables\">\n                <span class=\"settings-page__variables-label\">Variables</span>\n                @for (v of greetingVariables; track v.key) {\n                  <button\n                    type=\"button\"\n                    class=\"settings-page__var-chip\"\n                    (click)=\"insertGreetingVariable(v.token)\"\n                    [title]=\"'Insert ' + v.token\"\n                  >\n                    {{ v.label }}\n                  </button>\n                }\n              </div>\n            </label>\n          </div>\n        } @else if (tab() === 'phone') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                AI Answer Mode <span class=\"settings-page__req\">*</span>\n                <eds-icon name=\"info\" [size]=\"16\" class=\"settings-page__info\" title=\"When the AI picks up inbound calls\" />\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"fieldValue('phone', 'answerMode')\"\n                (ngModelChange)=\"updateField('phone', 'answerMode', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of answerModeOptions; track opt.value) {\n                  <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label\n              class=\"settings-page__field settings-page__field--full\"\n              [class.settings-page__field--readonly]=\"isFieldReadOnly('phone', 'mainNumber')\"\n            >\n              <span class=\"settings-page__field-label\">\n                AI Phone Number <span class=\"settings-page__req\">*</span>\n                @if (isFieldReadOnly('phone', 'mainNumber')) {\n                }\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [class.settings-page__input--readonly]=\"isFieldReadOnly('phone', 'mainNumber')\"\n                [disabled]=\"isFieldReadOnly('phone', 'mainNumber')\"\n                [ngModel]=\"fieldValue('phone', 'mainNumber')\"\n                (ngModelChange)=\"updateField('phone', 'mainNumber', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label\n              class=\"settings-page__field settings-page__field--full\"\n              [class.settings-page__field--readonly]=\"isFieldReadOnly('phone', 'transferNumber')\"\n            >\n              <span class=\"settings-page__field-label\">\n                Transfer Number <span class=\"settings-page__req\">*</span>\n                @if (isFieldReadOnly('phone', 'transferNumber')) {\n                }\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input\"\n                [class.settings-page__input--readonly]=\"isFieldReadOnly('phone', 'transferNumber')\"\n                [disabled]=\"isFieldReadOnly('phone', 'transferNumber')\"\n                [ngModel]=\"fieldValue('phone', 'transferNumber')\"\n                (ngModelChange)=\"updateField('phone', 'transferNumber', $event)\"\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Ringing Time Wait <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'ringTimeout')\"\n                (ngModelChange)=\"selectNumberField('phone', 'ringTimeout', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of ringTimeoutOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <div class=\"settings-page__feature-card\">\n              <eds-icon name=\"event_available\" [size]=\"22\" class=\"settings-page__feature-icon\" />\n              <div class=\"settings-page__feature-copy\">\n                <span class=\"settings-page__feature-title\">Create Follow-up Task</span>\n                <span class=\"settings-page__feature-desc\">\n                  If no one answers in time, the agent auto-creates a high priority task.\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                class=\"settings-page__switch\"\n                [class.settings-page__switch--on]=\"!!fieldValue('phone', 'createFollowUpTask')\"\n                [attr.aria-pressed]=\"!!fieldValue('phone', 'createFollowUpTask')\"\n                (click)=\"updateField('phone', 'createFollowUpTask', !fieldValue('phone', 'createFollowUpTask'))\"\n              >\n                <span class=\"settings-page__switch-thumb\"></span>\n              </button>\n            </div>\n\n            <div class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Location Handled <span class=\"settings-page__req\">*</span>\n              </span>\n              <div class=\"settings-page__check-grid\" role=\"group\" aria-label=\"Locations handled\">\n                @for (loc of locations(); track loc.id) {\n                  <label class=\"settings-page__check-item\">\n                    <input\n                      type=\"checkbox\"\n                      [checked]=\"selectedLocationIds().includes(loc.id)\"\n                      (change)=\"toggleLocation(loc.id)\"\n                      autocomplete=\"off\"\n                    />\n                    <span>{{ loc.name }}</span>\n                  </label>\n                } @empty {\n                  <p class=\"settings-page__menu-empty\">No locations available.</p>\n                }\n              </div>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Max AI Call Duration <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'maxCallDurationMin')\"\n                (ngModelChange)=\"selectNumberField('phone', 'maxCallDurationMin', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of maxCallDurationOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Silence Timeout <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('phone', 'silenceTimeoutSec')\"\n                (ngModelChange)=\"selectNumberField('phone', 'silenceTimeoutSec', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of silenceTimeoutOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                After-Hours Behaviour <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"fieldValue('phone', 'afterHoursBehavior')\"\n                (ngModelChange)=\"updateField('phone', 'afterHoursBehavior', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of afterHoursOptions; track opt.value) {\n                  <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n          </div>\n        } @else if (tab() === 'transcripts') {\n          <div class=\"settings-page__form\">\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Keep Call Recordings <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('transcripts', 'recordingRetainDays')\"\n                (ngModelChange)=\"selectNumberField('transcripts', 'recordingRetainDays', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of retentionOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <label class=\"settings-page__field settings-page__field--full\">\n              <span class=\"settings-page__field-label\">\n                Keep Transcripts <span class=\"settings-page__req\">*</span>\n              </span>\n              <select\n                class=\"settings-page__input settings-page__select\"\n                [ngModel]=\"numberFieldAsString('transcripts', 'transcriptRetainDays')\"\n                (ngModelChange)=\"selectNumberField('transcripts', 'transcriptRetainDays', $event)\"\n                autocomplete=\"off\"\n              >\n                @for (opt of retentionOptions; track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            </label>\n\n            <div class=\"settings-page__disclosure\">\n              <div class=\"settings-page__disclosure-head\">\n                <span class=\"settings-page__field-label\">Disclosure Warning</span>\n                <button\n                  type=\"button\"\n                  class=\"settings-page__switch\"\n                  [class.settings-page__switch--on]=\"disclosureEnabled()\"\n                  [attr.aria-pressed]=\"disclosureEnabled()\"\n                  (click)=\"setDisclosureEnabled(!disclosureEnabled())\"\n                >\n                  <span class=\"settings-page__switch-thumb\"></span>\n                </button>\n              </div>\n              @if (disclosureEnabled()) {\n                <textarea\n                  class=\"settings-page__textarea\"\n                  rows=\"4\"\n                  [maxlength]=\"disclosureMax\"\n                  [ngModel]=\"disclosureText()\"\n                  (ngModelChange)=\"updateDisclosureText($event)\"\n                  autocomplete=\"off\"\n                ></textarea>\n              }\n            </div>\n          </div>\n        } @else if (tab() === 'advanced') {\n          <div class=\"settings-page__form\">\n            <div class=\"settings-page__feature-card\">\n              <eds-icon name=\"smart_toy\" [size]=\"22\" class=\"settings-page__feature-icon\" />\n              <div class=\"settings-page__feature-copy\">\n                <span class=\"settings-page__feature-title\">\n                  @if (toggling()) {\n                    Updating\u2026\n                  } @else if (online() === true) {\n                    Agent online\n                  } @else if (online() === false) {\n                    Agent offline\n                  } @else {\n                    Status unknown\n                  }\n                </span>\n                <span class=\"settings-page__feature-desc\">\n                  @if (online() === true) {\n                    AI receptionist is answering inbound calls.\n                  } @else if (online() === false) {\n                    AI is offline \u2014 calls go to the front desk.\n                  } @else {\n                    Checking agent status\u2026\n                  }\n                </span>\n              </div>\n              <button\n                type=\"button\"\n                class=\"settings-page__switch\"\n                [class.settings-page__switch--on]=\"online() === true\"\n                [disabled]=\"agentSwitchDisabled()\"\n                [attr.aria-pressed]=\"online() === true\"\n                (click)=\"onAgentToggleClick()\"\n              >\n                <span class=\"settings-page__switch-thumb\"></span>\n              </button>\n            </div>\n\n            <label class=\"settings-page__field settings-page__field--full settings-page__field--readonly\">\n              <span class=\"settings-page__field-label\">\n                Model version\n              </span>\n              <input\n                type=\"text\"\n                class=\"settings-page__input settings-page__input--readonly\"\n                [ngModel]=\"fieldValue('advanced', 'modelVersion')\"\n                disabled\n                autocomplete=\"off\"\n              />\n            </label>\n\n            <label class=\"settings-page__toggle-row settings-page__toggle-row--readonly\">\n              <div class=\"settings-page__toggle-copy\">\n                <span class=\"settings-page__field-label\">\n                  Debug mode\n                </span>\n                <span class=\"settings-page__field-desc\">Verbose logging \u2014 contact Edvak to change.</span>\n              </div>\n              <input\n                type=\"checkbox\"\n                class=\"settings-page__checkbox\"\n                [ngModel]=\"fieldValue('advanced', 'debugMode')\"\n                disabled\n                autocomplete=\"off\"\n              />\n            </label>\n          </div>\n        } @else {\n          <div class=\"settings-page__fields\">\n            @for (field of fieldsForTab(); track field.key) {\n              @if (field.type === 'boolean') {\n                <label\n                  class=\"settings-page__toggle-row\"\n                  [class.settings-page__toggle-row--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                >\n                  <div class=\"settings-page__toggle-copy\">\n                    <span class=\"settings-page__field-label\">\n                      {{ field.label }}\n                    </span>\n                    @if (field.description) {\n                      <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                    }\n                  </div>\n                  <input\n                    type=\"checkbox\"\n                    class=\"settings-page__checkbox\"\n                    [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                    [ngModel]=\"fieldValue(tab(), field.key)\"\n                    (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                    autocomplete=\"off\"\n                  />\n                </label>\n              } @else {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  @if (field.type === 'number') {\n                    <input\n                      type=\"number\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, +$event)\"\n                      autocomplete=\"off\"\n                    />\n                  } @else if (field.type === 'select' && field.options?.length) {\n                    <select\n                      class=\"settings-page__input settings-page__select\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                      autocomplete=\"off\"\n                    >\n                      @for (opt of field.options; track opt.value) {\n                        <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                      }\n                    </select>\n                  } @else {\n                    <input\n                      type=\"text\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [disabled]=\"fieldIsReadOnly(tab(), field.key)\"\n                      [ngModel]=\"fieldValue(tab(), field.key)\"\n                      (ngModelChange)=\"updateField(tab(), field.key, $event)\"\n                      autocomplete=\"off\"\n                    />\n                  }\n                </label>\n              }\n            }\n          </div>\n        }\n      </article>\n    </div>\n  }\n</div>\n\n<eds-knowledge-test-modal\n  [open]=\"knowledgeTestOpen()\"\n  [whatToSay]=\"whatToSay()\"\n  [whatNotToSay]=\"whatNotToSay()\"\n  [voiceId]=\"selectedVoiceId()\"\n  (closed)=\"closeTestCall()\"\n/>\n\n@if (confirmOffOpen()) {\n  <app-modal\n    title=\"Turn off AI receptionist?\"\n    subtitle=\"Inbound callers will be transferred to the front desk instead of the AI.\"\n    maxWidth=\"480px\"\n    (closed)=\"cancelConfirmOff()\"\n  >\n    <p class=\"settings-page__confirm-body\">\n      While offline, the AI will not answer calls. Callers are routed to the human receptionist.\n    </p>\n    <div class=\"settings-page__confirm-actions\">\n      <eds-button variant=\"secondary\" type=\"button\" (click)=\"cancelConfirmOff()\">Cancel</eds-button>\n      <eds-button variant=\"danger\" type=\"button\" [disabled]=\"toggling()\" (click)=\"confirmTurnOff()\">\n        Turn off\n      </eds-button>\n    </div>\n  </app-modal>\n}\n", styles: [".settings-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.settings-page__subtitle,.settings-page__loading{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--eds-color-text-muted, #64748b)}.settings-page__save-row{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-page__saved{color:var(--eds-color-success, #22c55e);font-weight:500;font-size:14px}.settings-page__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.settings-page__sidebar{padding:8px;display:flex;flex-direction:column;gap:2px;position:sticky;top:16px;max-height:calc(100vh - 120px);overflow-y:auto}.settings-page__nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:none;background:none;border-radius:var(--eds-radius-md, 8px);font-family:var(--eds-font-inter, Inter, sans-serif);font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:var(--eds-text-secondary, #53575c);width:100%;line-height:1.3}.settings-page__nav-item:hover{background:var(--eds-surface-l1, #f7f9fa);color:var(--eds-text-primary, #41464c)}.settings-page__nav-item--active{background:var(--eds-color-primary-light, #eaf1fe);color:var(--eds-text-brand, #2162f0);font-weight:500}.settings-page__nav-item--disabled,.settings-page__nav-item:disabled{opacity:.45;cursor:not-allowed;color:var(--eds-text-tertiary, #767676)}.settings-page__nav-item--disabled:hover,.settings-page__nav-item:disabled:hover{background:none;color:var(--eds-text-tertiary, #767676)}.settings-page__nav-disabled-badge{margin-left:auto;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--eds-color-text-muted, #94a3b8)}.settings-page__panel{padding:28px 32px;min-height:420px}.settings-page__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--eds-color-border, #e2e8f0)}.settings-page__panel-head-text{min-width:0}.settings-page__panel-title{margin:0 0 8px;font-size:22px;font-weight:500;color:var(--eds-text-primary, #41464c);letter-spacing:-.01em}.settings-page__panel-desc{margin:0;font-size:15px;line-height:1.55;color:var(--eds-color-text-muted, #64748b);max-width:640px}.settings-page__req{color:#dc2626;font-weight:500}.settings-page__knowledge{display:flex;flex-direction:column;gap:28px;max-width:920px}.settings-page__textarea--knowledge{min-height:220px;font-size:14px;line-height:1.55}.settings-page__quick-link{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:24px;text-decoration:none;color:inherit;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc);transition:border-color .15s ease,box-shadow .15s ease}.settings-page__quick-link div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.settings-page__quick-link:hover{border-color:var(--eds-color-primary, #3681f4);box-shadow:var(--eds-shadow-sm)}.settings-page__quick-link-title{font-size:15px;font-weight:500;color:var(--eds-text-primary, #41464c)}.settings-page__quick-link-desc{font-size:14px;line-height:1.45;color:var(--eds-color-text-muted, #64748b)}.settings-page__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.settings-page__field{display:flex;flex-direction:column;gap:6px}.settings-page__field-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--eds-text-primary, #41464c);line-height:1.35}.settings-page__readonly-badge{display:none}.settings-page__readonly-banner{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border-radius:var(--eds-radius-md, 8px);font-size:14px;line-height:1.45;color:var(--eds-color-text-muted, #64748b);background:var(--eds-color-surface-alt, #f8fafc);border:1px solid var(--eds-color-border, #e2e8f0)}.settings-page__field--readonly .settings-page__field-desc{color:var(--eds-color-text-soft, #94a3b8)}.settings-page__input--readonly,.settings-page__input:disabled{color:var(--eds-color-text-muted, #64748b);background:var(--eds-color-surface-alt, #f1f5f9);border-color:var(--eds-color-border, #e2e8f0);cursor:not-allowed;opacity:1}.settings-page__toggle-row--readonly{cursor:default;opacity:.92}.settings-page__toggle-row--readonly .settings-page__checkbox:disabled{cursor:not-allowed}.settings-page__field-desc{font-size:13px;line-height:1.45;color:var(--eds-color-text-muted, #64748b);margin-bottom:2px}.settings-page__field--full{grid-column:1/-1}.settings-page__textarea{width:100%;padding:10px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:var(--eds-radius-md, 8px);font-size:15px;line-height:1.5;color:var(--eds-text-primary, #41464c);font-family:inherit;resize:vertical;min-height:96px}.settings-page__textarea:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--eds-color-primary, #3681f4)}.settings-page__char-count{font-size:12px;color:var(--eds-color-text-muted, #64748b);text-align:right}.settings-page__recording-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--eds-color-warning, #f59e0b)}.settings-page__welcome{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__welcome-preview{padding:14px 16px;background:#fff}.settings-page__welcome-preview-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.settings-page__welcome-preview-text{margin:0;font-size:15px;line-height:1.55;color:var(--eds-text-primary, #41464c);font-style:italic}.settings-page__fields--general{margin-top:0}.settings-page__input{width:100%;padding:10px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:var(--eds-radius-md, 8px);font-size:15px;line-height:1.4;color:var(--eds-text-primary, #41464c);background:#fff}.settings-page__input:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--eds-color-primary, #3681f4)}.settings-page__input::placeholder{color:var(--eds-color-text-soft, #94a3b8)}.settings-page__select-wrap{position:relative;width:100%}.settings-page__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px;background-image:none}.settings-page__select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--eds-color-text-muted, #64748b);pointer-events:none}.settings-page__voice-preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.settings-page__toggle-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:var(--eds-radius-md, 8px);background:var(--eds-color-surface-alt, #f8fafc);cursor:pointer}.settings-page__toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-page__checkbox{width:18px;height:18px;flex-shrink:0;accent-color:var(--eds-color-primary, #3681f4);cursor:pointer}.settings-page__confirm-body{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--eds-color-text-muted, #64748b)}.settings-page__confirm-actions{display:flex;justify-content:flex-end;gap:8px}.settings-page__form{display:flex;flex-direction:column;gap:20px;max-width:720px}.settings-page__info{color:var(--eds-color-text-muted, #94a3b8);margin-left:auto}.settings-page__voice-row{display:flex;align-items:flex-end;gap:10px}.settings-page__field--grow{flex:1;min-width:0}.settings-page__icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--eds-color-border-strong, #cbd5e1);background:#fff;color:var(--eds-brand-600, #2162f0);cursor:pointer;flex-shrink:0}.settings-page__icon-btn:hover:not(:disabled){background:#2162f00f}.settings-page__icon-btn:disabled{opacity:.55;cursor:not-allowed}.settings-page__chips-field{position:relative}.settings-page__chips-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:10px;background:#fff;cursor:pointer;text-align:left}.settings-page__chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.settings-page__chips-placeholder{color:var(--eds-color-text-muted, #94a3b8);font-size:14px}.settings-page__chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:999px;background:#2162f01a;color:var(--eds-brand-600, #2162f0);font:500 12px/1 var(--eds-font-inter, inherit)}.settings-page__chip--more{background:#2162f029}.settings-page__chip-x{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}.settings-page__menu{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;padding:8px;border-radius:10px;border:1px solid var(--eds-color-border, #e2e8f0);background:#fff;box-shadow:0 8px 24px #0f172a14}.settings-page__menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer}.settings-page__menu-item:hover{background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__menu-empty{margin:0;padding:10px;font-size:13px;color:var(--eds-color-text-muted, #64748b)}.settings-page__check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:12px;border:1px solid var(--eds-color-border-strong, #cbd5e1);border-radius:10px;background:#fff}.settings-page__check-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--eds-text-primary, #41464c);cursor:pointer}.settings-page__check-item:hover{background:var(--eds-color-surface-alt, #f8fafc)}.settings-page__check-item input{width:16px;height:16px;accent-color:var(--eds-brand-600, #2162f0)}.settings-page__tone-row{display:flex;flex-wrap:wrap;gap:8px}.settings-page__tone{height:36px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--eds-color-surface-alt, #f1f5f9);color:var(--eds-color-text-muted, #64748b);font:500 13px/1 var(--eds-font-inter, inherit);cursor:pointer}.settings-page__tone--active{background:#fff;border-color:var(--eds-brand-600, #2162f0);color:var(--eds-brand-600, #2162f0)}.settings-page__variables{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.settings-page__variables-label{font-size:13px;color:var(--eds-color-text-muted, #64748b)}.settings-page__var-chip{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--eds-color-border, #e2e8f0);background:#fff;color:var(--eds-color-text, #41464c);font:500 12px/1 var(--eds-font-inter, inherit);cursor:pointer}.settings-page__var-chip:hover{border-color:var(--eds-brand-300, #94c5f9);color:var(--eds-brand-600, #2162f0)}.settings-page__preview-line{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--eds-color-text-muted, #64748b)}.settings-page__feature-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--eds-color-border, #e2e8f0);border-radius:12px;background:#fff}.settings-page__feature-icon{color:var(--eds-brand-600, #2162f0);flex-shrink:0}.settings-page__feature-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.settings-page__feature-title{font:500 14px/1.3 var(--eds-font-inter, inherit);color:var(--eds-text-primary, #41464c)}.settings-page__feature-desc{font:400 12px/1.4 var(--eds-font-inter, inherit);color:var(--eds-color-text-muted, #64748b)}.settings-page__switch{width:44px;height:26px;border-radius:999px;border:none;background:#cbd5e1;padding:3px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.settings-page__switch--on{background:var(--eds-brand-600, #2162f0)}.settings-page__switch:disabled{opacity:.55;cursor:not-allowed}.settings-page__switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease}.settings-page__switch--on .settings-page__switch-thumb{transform:translate(18px)}.settings-page__disclosure{display:flex;flex-direction:column;gap:12px}.settings-page__disclosure-head{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:960px){.settings-page__layout{grid-template-columns:1fr}.settings-page__sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap}.settings-page__nav-item{width:auto;flex:1 1 auto}.settings-page__fields{grid-template-columns:1fr}.settings-page__panel{padding:20px}.settings-page__voice-row{flex-wrap:wrap}}\n"] }]
+        }] });
+
+export { SettingsPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-settings-page.component-Bok64X2q.mjs.map