@edvak99/voice-receptionist-widget 1.1.2 → 1.1.4

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

@@ -1,509 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { RouterLink } from '@angular/router';
-import { A as AiReceptionistApiService, T as ToastService, W as WELCOME_MESSAGE_MAX, f as buildAutoWelcomeTemplate, g as resolveWelcomePreview, a as EdsBadgeComponent, E as EdsButtonComponent, b as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-CMhknpGf.mjs';
-
-/** 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 SETTINGS_SECTION_META = {
-    general: {
-        title: 'General',
-        description: 'Practice identity and how the AI introduces itself on calls.',
-    },
-    phone: {
-        title: 'Phone',
-        description: 'Inbound routing, after-hours behavior, and ring timing.',
-    },
-    tasks: {
-        title: 'Tasks & follow-ups',
-        description: 'When the AI should create staff tasks after a call.',
-    },
-    scheduling: {
-        title: 'Scheduling',
-        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: 'Escalation',
-        description: 'When to offer a human or transfer to reception.',
-    },
-    outbound: {
-        title: 'Outbound calling',
-        description: 'Outbound dialer defaults. Purpose templates are managed separately.',
-    },
-    transcripts: {
-        title: 'Transcripts & recording',
-        description: 'Retention and PHI handling for call transcripts.',
-    },
-    advanced: {
-        title: 'Advanced',
-        description: 'Model and debug options — read-only. Contact Edvak support to change.',
-    },
-};
-/** Entire sections where every field is read-only (including unknown API fields). */
-const READ_ONLY_SECTIONS = new Set(['advanced', 'verify']);
-/** Settings tabs that stay visible but cannot be selected/edited. */
-const DISABLED_SETTINGS_TABS = new Set(['verify']);
-/** Individual fields locked for compliance, telephony, or core agent identity. */
-const READ_ONLY_FIELD_KEYS = [
-    { section: 'general', key: 'practiceName', reason: 'Core practice identity' },
-    { section: 'general', key: 'agentName', reason: 'AI agent identity' },
-    { section: 'general', key: 'timezone', reason: 'Practice timezone' },
-    { section: 'general', key: 'language', reason: 'Default language' },
-    { section: 'phone', key: 'mainNumber', reason: 'Inbound phone routing' },
-    { section: 'outbound', key: 'callerId', reason: 'Outbound caller ID' },
-    { section: 'transcripts', key: 'retainDays', reason: 'Recording retention policy' },
-    { section: 'transcripts', key: 'redactPhi', reason: 'PHI redaction policy' },
-    { 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: 'practiceName',
-            label: 'Practice name',
-            description: 'Spoken on greetings and confirmations.',
-            type: 'text',
-        },
-        {
-            key: 'agentName',
-            label: 'AI agent name',
-            description: 'How the assistant introduces itself (e.g. “Ava”).',
-            type: 'text',
-        },
-        {
-            key: 'timezone',
-            label: 'Timezone',
-            description: 'Used for hours, scheduling, and call timestamps.',
-            type: 'text',
-        },
-        {
-            key: 'language',
-            label: 'Default language',
-            description: 'Primary language for the AI receptionist.',
-            type: 'text',
-        },
-        {
-            key: 'ttsVoiceId',
-            label: 'Voice',
-            description: 'Spoken voice used on phone calls for this practice.',
-            type: 'select',
-            options: TTS_VOICE_PRESETS.map((p) => ({ value: p.id, label: p.label })),
-        },
-    ],
-    phone: [
-        {
-            key: 'mainNumber',
-            label: 'Main phone number',
-            description: 'Primary inbound number patients call.',
-            type: 'text',
-        },
-        {
-            key: 'afterHours',
-            label: 'After-hours mode',
-            description: 'Use after-hours greeting and routing outside business hours.',
-            type: 'boolean',
-        },
-        {
-            key: 'ringTimeout',
-            label: 'Ring timeout (seconds)',
-            description: 'How long to ring before the AI answers.',
-            type: 'number',
-        },
-    ],
-    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',
-        },
-    ],
-    transcripts: [
-        {
-            key: 'retainDays',
-            label: 'Retention (days)',
-            description: 'How long transcripts and recordings are kept.',
-            type: 'number',
-        },
-        {
-            key: 'redactPhi',
-            label: 'Redact PHI in transcripts',
-            description: 'Mask sensitive identifiers in stored transcripts.',
-            type: 'boolean',
-        },
-    ],
-    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',
-    };
-}
-
-const GENERAL_IDENTITY_KEYS = new Set(['practiceName', 'agentName']);
-const GENERAL_OTHER_KEYS = new Set(['timezone', 'language', 'ttsVoiceId']);
-class SettingsPageComponent {
-    constructor() {
-        this.api = inject(AiReceptionistApiService);
-        this.toast = inject(ToastService);
-        this.originalSettings = null;
-        this.isFieldReadOnly = isFieldReadOnly;
-        this.readOnlySections = READ_ONLY_SECTIONS;
-        this.disabledTabs = DISABLED_SETTINGS_TABS;
-        this.settings = signal(null);
-        this.tab = signal('general');
-        this.loading = signal(true);
-        this.saving = signal(false);
-        this.saved = signal(false);
-        this.welcomeMax = WELCOME_MESSAGE_MAX;
-        this.previewingVoice = signal(false);
-        this.voicePreviewAudio = null;
-        this.tabs = [
-            { id: 'general', label: 'General', icon: 'business' },
-            { id: 'phone', label: 'Phone', icon: 'call' },
-            { id: 'tasks', label: 'Tasks', icon: 'task_alt' },
-            { id: 'scheduling', label: 'Scheduling', icon: 'calendar_month' },
-            { id: 'refill', label: 'Refills', icon: 'medication' },
-            { id: 'verify', label: 'Verification', icon: 'verified_user' },
-            { id: 'escalation', label: 'Escalation', icon: 'warning' },
-            { id: 'outbound', label: 'Outbound', icon: 'call_made' },
-            { id: 'transcripts', label: 'Transcripts', icon: 'transcribe' },
-            { id: 'advanced', label: 'Advanced', icon: 'tune' },
-            { id: 'safety', label: 'Safety', icon: 'health_and_safety' },
-        ];
-        this.sectionMeta = computed(() => {
-            const id = this.tab();
-            if (id === 'safety') {
-                return { title: 'Safety checklist', description: '' };
-            }
-            return SETTINGS_SECTION_META[id];
-        });
-        this.fieldsForTab = computed(() => {
-            const s = this.settings();
-            const id = this.tab();
-            if (!s || id === 'safety')
-                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) => key !== 'welcomeMessage' && !configuredKeys.has(key))
-                .map((key) => resolveFieldMeta(id, key, section[key]));
-            return [...configured, ...extras];
-        });
-        this.generalIdentityFields = computed(() => this.fieldsForTab().filter((f) => GENERAL_IDENTITY_KEYS.has(f.key)));
-        this.generalOtherFields = computed(() => this.fieldsForTab().filter((f) => GENERAL_OTHER_KEYS.has(f.key)));
-        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 '';
-            return resolveWelcomePreview(String(s.general['welcomeMessage'] ?? ''), String(s.general['practiceName'] ?? ''), String(s.general['agentName'] ?? ''));
-        });
-        this.usingDefaultWelcome = computed(() => !this.welcomeMessage().trim());
-        this.showRecordingConsentHint = computed(() => {
-            const t = this.settings()?.transcripts;
-            if (!t)
-                return false;
-            const retain = Number(t['retainDays'] ?? 0);
-            return retain > 0 || t['redactPhi'] === true;
-        });
-    }
-    ngOnInit() {
-        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');
-            },
-        });
-    }
-    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));
-    }
-    resetWelcomeMessage() {
-        this.updateField('general', 'welcomeMessage', '');
-    }
-    previewSelectedVoice() {
-        const voiceId = String(this.fieldValue('general', 'ttsVoiceId') ?? '').trim();
-        if (!voiceId || this.previewingVoice())
-            return;
-        this.previewingVoice.set(true);
-        this.api.previewVoice(voiceId).subscribe({
-            next: (blob) => {
-                this.previewingVoice.set(false);
-                if (this.voicePreviewAudio) {
-                    this.voicePreviewAudio.pause();
-                    URL.revokeObjectURL(this.voicePreviewAudio.src);
-                    this.voicePreviewAudio = null;
-                }
-                const url = URL.createObjectURL(blob);
-                const audio = new Audio(url);
-                this.voicePreviewAudio = audio;
-                audio.onended = () => {
-                    URL.revokeObjectURL(url);
-                    if (this.voicePreviewAudio === audio)
-                        this.voicePreviewAudio = null;
-                };
-                void audio.play().catch(() => {
-                    this.toast.show('Could not play voice preview in this browser.', 'error');
-                    URL.revokeObjectURL(url);
-                });
-            },
-            error: () => {
-                this.previewingVoice.set(false);
-                this.toast.show('Could not generate voice preview. Try again.', 'error');
-            },
-        });
-    }
-    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);
-        const wm = String(payload.general['welcomeMessage'] ?? '').trim();
-        payload.general['welcomeMessage'] = wm;
-        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: () => {
-                this.saving.set(false);
-                this.toast.show('Failed to save agent settings', 'error');
-            },
-        });
-    }
-    restoreReadOnlyFields(payload, orig) {
-        const editableSections = [
-            'general',
-            'phone',
-            'tasks',
-            'scheduling',
-            'refill',
-            'verify',
-            'escalation',
-            'outbound',
-            '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            <eds-icon [name]=\"t.icon\" [size]=\"18\" />\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        @if (tab() === 'safety') {\n          <header class=\"settings-page__panel-head\">\n            <h2 class=\"settings-page__panel-title\">Safety checklist</h2>\n            <p class=\"settings-page__panel-desc\">\n              Read-only compliance status. Contact Edvak support to change safety configuration.\n            </p>\n          </header>\n          <ul class=\"settings-page__safety\">\n            @for (item of settings()!.safety; track item.id) {\n              <li>\n                <eds-icon\n                  [name]=\"item.status === 'ok' ? 'check_circle' : 'error'\"\n                  [size]=\"22\"\n                />\n                <span class=\"settings-page__safety-label\">{{ item.label }}</span>\n                <eds-badge [tone]=\"item.status === 'ok' ? 'pos' : 'notice'\">\n                  {{ item.status === 'ok' ? 'Pass' : 'Needs attention' }}\n                </eds-badge>\n              </li>\n            }\n          </ul>\n        } @else {\n          <header class=\"settings-page__panel-head\">\n            <h2 class=\"settings-page__panel-title\">{{ sectionMeta().title }}</h2>\n            <p class=\"settings-page__panel-desc\">{{ sectionMeta().description }}</p>\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() === 'general') {\n            <a routerLink=\"../knowledge\" class=\"settings-page__quick-link\">\n              <eds-icon name=\"menu_book\" [size]=\"22\" />\n              <div>\n                <span class=\"settings-page__quick-link-title\">Practice Knowledge Base</span>\n                <span class=\"settings-page__quick-link-desc\">FAQ answers your AI uses on phone calls</span>\n              </div>\n              <eds-icon name=\"chevron_right\" [size]=\"20\" />\n            </a>\n\n            <div class=\"settings-page__fields settings-page__fields--general\">\n              @for (field of generalIdentityFields(); track field.key) {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"isFieldReadOnly('general', field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                    @if (isFieldReadOnly('general', field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  <input\n                    type=\"text\"\n                    class=\"settings-page__input\"\n                    [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                    [disabled]=\"isFieldReadOnly('general', field.key)\"\n                    [ngModel]=\"fieldValue('general', field.key)\"\n                    (ngModelChange)=\"updateField('general', field.key, $event)\"\n                  />\n                </label>\n              }\n\n              <section class=\"settings-page__welcome\">\n                <label class=\"settings-page__field settings-page__field--full\">\n                  <span class=\"settings-page__field-label\">Welcome message</span>\n                  <span class=\"settings-page__field-desc\">\n                    Spoken automatically when a caller connects. Leave blank to use the default template.\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                  ></textarea>\n                  <span class=\"settings-page__char-count\">\n                    {{ welcomeMessage().length }}/{{ welcomeMax }}\n                  </span>\n                  @if (showRecordingConsentHint()) {\n                    <p class=\"settings-page__recording-hint\">\n                      Call recording is enabled \u2014 consider mentioning that the call may be recorded or monitored.\n                    </p>\n                  }\n                </label>\n\n                <div class=\"settings-page__welcome-preview eds-card\">\n                  <div class=\"settings-page__welcome-preview-head\">\n                    <eds-icon name=\"record_voice_over\" [size]=\"20\" />\n                    <span class=\"settings-page__field-label\">Live preview</span>\n                    @if (usingDefaultWelcome()) {\n                      <eds-badge tone=\"gray\">Default template</eds-badge>\n                    }\n                  </div>\n                  <p class=\"settings-page__welcome-preview-text\">\u201C{{ welcomePreview() }}\u201D</p>\n                </div>\n\n                @if (!usingDefaultWelcome()) {\n                  <eds-button variant=\"secondary\" type=\"button\" (click)=\"resetWelcomeMessage()\">\n                    Reset to default\n                  </eds-button>\n                }\n              </section>\n\n              @for (field of generalOtherFields(); track field.key) {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"isFieldReadOnly('general', field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                    @if (isFieldReadOnly('general', field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  @if (field.type === 'select' && field.options?.length) {\n                    <select\n                      class=\"settings-page__input settings-page__select\"\n                      [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                      [disabled]=\"isFieldReadOnly('general', field.key)\"\n                      [ngModel]=\"fieldValue('general', field.key)\"\n                      (ngModelChange)=\"updateField('general', field.key, $event)\"\n                    >\n                      @for (opt of field.options; track opt.value) {\n                        <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                      }\n                    </select>\n                    @if (field.key === 'ttsVoiceId') {\n                      <div class=\"settings-page__voice-preview-row\">\n                        <eds-button\n                          variant=\"secondary\"\n                          type=\"button\"\n                          [disabled]=\"previewingVoice()\"\n                          (click)=\"previewSelectedVoice()\"\n                        >\n                          {{ previewingVoice() ? 'Generating\u2026' : 'Preview voice' }}\n                        </eds-button>\n                        <span class=\"settings-page__field-desc\">\n                          Plays a short sample in the browser \u2014 save to use on phone calls.\n                        </span>\n                      </div>\n                    }\n                  } @else {\n                    <input\n                      type=\"text\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                      [disabled]=\"isFieldReadOnly('general', field.key)\"\n                      [ngModel]=\"fieldValue('general', field.key)\"\n                      (ngModelChange)=\"updateField('general', field.key, $event)\"\n                    />\n                  }\n                </label>\n              }\n            </div>\n          } @else {\n          @if (tab() === 'outbound') {\n            <a [routerLink]=\"['../settings/outbound-purposes']\" class=\"settings-page__quick-link\">\n              <eds-icon name=\"call_made\" [size]=\"22\" />\n              <div>\n                <span class=\"settings-page__quick-link-title\">Outbound Call Purposes</span>\n                <span class=\"settings-page__quick-link-desc\">Templates, required fields, and opening scripts</span>\n              </div>\n              <eds-icon name=\"chevron_right\" [size]=\"20\" />\n            </a>\n          }\n\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                      @if (fieldIsReadOnly(tab(), field.key)) {\n                        <span class=\"settings-page__readonly-badge\">Read-only</span>\n                      }\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                  />\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                    @if (fieldIsReadOnly(tab(), field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\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                    />\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                    >\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                    />\n                  }\n                </label>\n              }\n            }\n          </div>\n          }\n        }\n      </article>\n    </div>\n  }\n</div>\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(--color-text-muted, #64748b)}.settings-page__save-row{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-page__saved{color:var(--color-success, #22c55e);font-weight:600;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;gap:10px;padding:11px 14px;border:none;background:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:var(--color-text-muted, #64748b);width:100%;line-height:1.3}.settings-page__nav-item:hover{background:var(--surface-l1, #f9fafb);color:var(--color-text, #0f172a)}.settings-page__nav-item--active{background:var(--color-primary-light, #eaf2ff);color:var(--color-primary, #3681f4);font-weight:600}.settings-page__nav-item--disabled,.settings-page__nav-item:disabled{opacity:.45;cursor:not-allowed;color:var(--color-text-muted, #94a3b8)}.settings-page__nav-item--disabled:hover,.settings-page__nav-item:disabled:hover{background:none;color:var(--color-text-muted, #94a3b8)}.settings-page__nav-disabled-badge{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted, #94a3b8)}.settings-page__panel{padding:28px 32px;min-height:420px}.settings-page__panel-head{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, #e2e8f0)}.settings-page__panel-title{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--color-text, #0f172a);letter-spacing:-.01em}.settings-page__panel-desc{margin:0;font-size:15px;line-height:1.55;color:var(--color-text-muted, #64748b);max-width:640px}.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(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-primary, #3681f4);box-shadow:var(--shadow-sm)}.settings-page__quick-link-title{font-size:15px;font-weight:600;color:var(--color-text, #0f172a)}.settings-page__quick-link-desc{font-size:14px;line-height:1.45;color:var(--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:600;color:var(--color-text, #0f172a);line-height:1.35}.settings-page__readonly-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f1f5f9);border:1px solid var(--color-border, #e2e8f0)}.settings-page__readonly-banner{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border-radius:var(--radius-md, 8px);font-size:14px;line-height:1.45;color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f8fafc);border:1px solid var(--color-border, #e2e8f0)}.settings-page__field--readonly .settings-page__field-desc{color:var(--color-text-soft, #94a3b8)}.settings-page__input--readonly,.settings-page__input:disabled{color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f1f5f9);border-color:var(--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(--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(--color-border-strong, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:15px;line-height:1.5;color:var(--color-text, #0f172a);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(--color-primary, #3681f4)}.settings-page__char-count{font-size:12px;color:var(--color-text-muted, #64748b);text-align:right}.settings-page__recording-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--color-warning, #f59e0b)}.settings-page__welcome{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-text, #0f172a);font-style:italic}.settings-page__fields--general{margin-top:0}.settings-page__input{width:100%;padding:10px 12px;border:1px solid var(--color-border-strong, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:15px;line-height:1.4;color:var(--color-text, #0f172a);background:#fff}.settings-page__input:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--color-primary, #3681f4)}.settings-page__input::placeholder{color:var(--color-text-soft, #94a3b8)}.settings-page__select{appearance:auto;cursor:pointer}.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(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-primary, #3681f4);cursor:pointer}.settings-page__safety{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.settings-page__safety li{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--color-surface-alt, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px)}.settings-page__safety-label{flex:1;font-size:15px;font-weight:500;color:var(--color-text, #0f172a);line-height:1.4}@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}}\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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { 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: SettingsPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eds-settings-page', imports: [FormsModule, RouterLink, EdsBadgeComponent, EdsButtonComponent, EdsIconComponent], 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            <eds-icon [name]=\"t.icon\" [size]=\"18\" />\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        @if (tab() === 'safety') {\n          <header class=\"settings-page__panel-head\">\n            <h2 class=\"settings-page__panel-title\">Safety checklist</h2>\n            <p class=\"settings-page__panel-desc\">\n              Read-only compliance status. Contact Edvak support to change safety configuration.\n            </p>\n          </header>\n          <ul class=\"settings-page__safety\">\n            @for (item of settings()!.safety; track item.id) {\n              <li>\n                <eds-icon\n                  [name]=\"item.status === 'ok' ? 'check_circle' : 'error'\"\n                  [size]=\"22\"\n                />\n                <span class=\"settings-page__safety-label\">{{ item.label }}</span>\n                <eds-badge [tone]=\"item.status === 'ok' ? 'pos' : 'notice'\">\n                  {{ item.status === 'ok' ? 'Pass' : 'Needs attention' }}\n                </eds-badge>\n              </li>\n            }\n          </ul>\n        } @else {\n          <header class=\"settings-page__panel-head\">\n            <h2 class=\"settings-page__panel-title\">{{ sectionMeta().title }}</h2>\n            <p class=\"settings-page__panel-desc\">{{ sectionMeta().description }}</p>\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() === 'general') {\n            <a routerLink=\"../knowledge\" class=\"settings-page__quick-link\">\n              <eds-icon name=\"menu_book\" [size]=\"22\" />\n              <div>\n                <span class=\"settings-page__quick-link-title\">Practice Knowledge Base</span>\n                <span class=\"settings-page__quick-link-desc\">FAQ answers your AI uses on phone calls</span>\n              </div>\n              <eds-icon name=\"chevron_right\" [size]=\"20\" />\n            </a>\n\n            <div class=\"settings-page__fields settings-page__fields--general\">\n              @for (field of generalIdentityFields(); track field.key) {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"isFieldReadOnly('general', field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                    @if (isFieldReadOnly('general', field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  <input\n                    type=\"text\"\n                    class=\"settings-page__input\"\n                    [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                    [disabled]=\"isFieldReadOnly('general', field.key)\"\n                    [ngModel]=\"fieldValue('general', field.key)\"\n                    (ngModelChange)=\"updateField('general', field.key, $event)\"\n                  />\n                </label>\n              }\n\n              <section class=\"settings-page__welcome\">\n                <label class=\"settings-page__field settings-page__field--full\">\n                  <span class=\"settings-page__field-label\">Welcome message</span>\n                  <span class=\"settings-page__field-desc\">\n                    Spoken automatically when a caller connects. Leave blank to use the default template.\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                  ></textarea>\n                  <span class=\"settings-page__char-count\">\n                    {{ welcomeMessage().length }}/{{ welcomeMax }}\n                  </span>\n                  @if (showRecordingConsentHint()) {\n                    <p class=\"settings-page__recording-hint\">\n                      Call recording is enabled \u2014 consider mentioning that the call may be recorded or monitored.\n                    </p>\n                  }\n                </label>\n\n                <div class=\"settings-page__welcome-preview eds-card\">\n                  <div class=\"settings-page__welcome-preview-head\">\n                    <eds-icon name=\"record_voice_over\" [size]=\"20\" />\n                    <span class=\"settings-page__field-label\">Live preview</span>\n                    @if (usingDefaultWelcome()) {\n                      <eds-badge tone=\"gray\">Default template</eds-badge>\n                    }\n                  </div>\n                  <p class=\"settings-page__welcome-preview-text\">\u201C{{ welcomePreview() }}\u201D</p>\n                </div>\n\n                @if (!usingDefaultWelcome()) {\n                  <eds-button variant=\"secondary\" type=\"button\" (click)=\"resetWelcomeMessage()\">\n                    Reset to default\n                  </eds-button>\n                }\n              </section>\n\n              @for (field of generalOtherFields(); track field.key) {\n                <label\n                  class=\"settings-page__field\"\n                  [class.settings-page__field--readonly]=\"isFieldReadOnly('general', field.key)\"\n                >\n                  <span class=\"settings-page__field-label\">\n                    {{ field.label }}\n                    @if (isFieldReadOnly('general', field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\n                  </span>\n                  @if (field.description) {\n                    <span class=\"settings-page__field-desc\">{{ field.description }}</span>\n                  }\n                  @if (field.type === 'select' && field.options?.length) {\n                    <select\n                      class=\"settings-page__input settings-page__select\"\n                      [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                      [disabled]=\"isFieldReadOnly('general', field.key)\"\n                      [ngModel]=\"fieldValue('general', field.key)\"\n                      (ngModelChange)=\"updateField('general', field.key, $event)\"\n                    >\n                      @for (opt of field.options; track opt.value) {\n                        <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                      }\n                    </select>\n                    @if (field.key === 'ttsVoiceId') {\n                      <div class=\"settings-page__voice-preview-row\">\n                        <eds-button\n                          variant=\"secondary\"\n                          type=\"button\"\n                          [disabled]=\"previewingVoice()\"\n                          (click)=\"previewSelectedVoice()\"\n                        >\n                          {{ previewingVoice() ? 'Generating\u2026' : 'Preview voice' }}\n                        </eds-button>\n                        <span class=\"settings-page__field-desc\">\n                          Plays a short sample in the browser \u2014 save to use on phone calls.\n                        </span>\n                      </div>\n                    }\n                  } @else {\n                    <input\n                      type=\"text\"\n                      class=\"settings-page__input\"\n                      [class.settings-page__input--readonly]=\"isFieldReadOnly('general', field.key)\"\n                      [disabled]=\"isFieldReadOnly('general', field.key)\"\n                      [ngModel]=\"fieldValue('general', field.key)\"\n                      (ngModelChange)=\"updateField('general', field.key, $event)\"\n                    />\n                  }\n                </label>\n              }\n            </div>\n          } @else {\n          @if (tab() === 'outbound') {\n            <a [routerLink]=\"['../settings/outbound-purposes']\" class=\"settings-page__quick-link\">\n              <eds-icon name=\"call_made\" [size]=\"22\" />\n              <div>\n                <span class=\"settings-page__quick-link-title\">Outbound Call Purposes</span>\n                <span class=\"settings-page__quick-link-desc\">Templates, required fields, and opening scripts</span>\n              </div>\n              <eds-icon name=\"chevron_right\" [size]=\"20\" />\n            </a>\n          }\n\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                      @if (fieldIsReadOnly(tab(), field.key)) {\n                        <span class=\"settings-page__readonly-badge\">Read-only</span>\n                      }\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                  />\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                    @if (fieldIsReadOnly(tab(), field.key)) {\n                      <span class=\"settings-page__readonly-badge\">Read-only</span>\n                    }\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                    />\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                    >\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                    />\n                  }\n                </label>\n              }\n            }\n          </div>\n          }\n        }\n      </article>\n    </div>\n  }\n</div>\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(--color-text-muted, #64748b)}.settings-page__save-row{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-page__saved{color:var(--color-success, #22c55e);font-weight:600;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;gap:10px;padding:11px 14px;border:none;background:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:var(--color-text-muted, #64748b);width:100%;line-height:1.3}.settings-page__nav-item:hover{background:var(--surface-l1, #f9fafb);color:var(--color-text, #0f172a)}.settings-page__nav-item--active{background:var(--color-primary-light, #eaf2ff);color:var(--color-primary, #3681f4);font-weight:600}.settings-page__nav-item--disabled,.settings-page__nav-item:disabled{opacity:.45;cursor:not-allowed;color:var(--color-text-muted, #94a3b8)}.settings-page__nav-item--disabled:hover,.settings-page__nav-item:disabled:hover{background:none;color:var(--color-text-muted, #94a3b8)}.settings-page__nav-disabled-badge{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted, #94a3b8)}.settings-page__panel{padding:28px 32px;min-height:420px}.settings-page__panel-head{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, #e2e8f0)}.settings-page__panel-title{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--color-text, #0f172a);letter-spacing:-.01em}.settings-page__panel-desc{margin:0;font-size:15px;line-height:1.55;color:var(--color-text-muted, #64748b);max-width:640px}.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(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-primary, #3681f4);box-shadow:var(--shadow-sm)}.settings-page__quick-link-title{font-size:15px;font-weight:600;color:var(--color-text, #0f172a)}.settings-page__quick-link-desc{font-size:14px;line-height:1.45;color:var(--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:600;color:var(--color-text, #0f172a);line-height:1.35}.settings-page__readonly-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f1f5f9);border:1px solid var(--color-border, #e2e8f0)}.settings-page__readonly-banner{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border-radius:var(--radius-md, 8px);font-size:14px;line-height:1.45;color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f8fafc);border:1px solid var(--color-border, #e2e8f0)}.settings-page__field--readonly .settings-page__field-desc{color:var(--color-text-soft, #94a3b8)}.settings-page__input--readonly,.settings-page__input:disabled{color:var(--color-text-muted, #64748b);background:var(--color-surface-alt, #f1f5f9);border-color:var(--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(--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(--color-border-strong, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:15px;line-height:1.5;color:var(--color-text, #0f172a);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(--color-primary, #3681f4)}.settings-page__char-count{font-size:12px;color:var(--color-text-muted, #64748b);text-align:right}.settings-page__recording-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--color-warning, #f59e0b)}.settings-page__welcome{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-text, #0f172a);font-style:italic}.settings-page__fields--general{margin-top:0}.settings-page__input{width:100%;padding:10px 12px;border:1px solid var(--color-border-strong, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:15px;line-height:1.4;color:var(--color-text, #0f172a);background:#fff}.settings-page__input:focus{outline:2px solid rgba(54,129,244,.35);outline-offset:1px;border-color:var(--color-primary, #3681f4)}.settings-page__input::placeholder{color:var(--color-text-soft, #94a3b8)}.settings-page__select{appearance:auto;cursor:pointer}.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(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--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(--color-primary, #3681f4);cursor:pointer}.settings-page__safety{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.settings-page__safety li{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--color-surface-alt, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px)}.settings-page__safety-label{flex:1;font-size:15px;font-weight:500;color:var(--color-text, #0f172a);line-height:1.4}@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}}\n"] }]
-        }] });
-
-export { SettingsPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-settings-page.component-Bo3XNK3b.mjs.map