reneco-advanced-input-module 0.0.20 → 0.0.22

package/dist/components/voice-input-module.js

@@ -1,69 +1,96 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h as h$1 } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './ocr-file-uploader2.js';
 
+const TRANSCRIPTION_MODELS = {
+    openai: ['gpt-4o-transcribe', 'gpt-4o-mini-transcribe', 'whisper-1'],
+    mistral: ['voxtral-mini-latest', 'voxtral-mini-transcribe-realtime-latest'],
+};
+const COMPLETION_MODELS = {
+    openai: ['gpt-5', 'gpt-5-mini', 'gpt-5.5', 'gpt-4.1', 'gpt-4.1-mini', 'gpt-4o', 'gpt-4o-mini', 'o4-mini', 'gpt-5.2', 'gpt-5.3', 'gpt-5.4', 'gpt-5.4-mini', 'gpt-5.4-pro', 'gpt-5.4-nano'],
+    anthropic: ['claude-opus-4', 'claude-sonnet-4', 'claude-haiku-4', 'claude-3.7-sonnet', 'claude-3.5-sonnet', 'claude-opus-4.7', 'claude-opus-4.6', 'claude-opus-4.5', 'claude-sonnet-4.6', 'claude-sonnet-4.5'],
+    mistral: ['mistral-large-latest', 'mistral-medium-latest', 'mistral-small-latest', 'ministral', 'mistral-nemo'],
+};
+
 class AudioRecorderService {
     constructor() {
         this.mediaRecorder = null;
         this.audioChunks = [];
         this.stream = null;
+        this.audioContext = null;
+        this.scriptProcessor = null;
+        this.pcmChunks = [];
+        this.sampleRate = 16000;
     }
     async startRecording() {
-        try {
-            // Check if the API exists before calling
-            if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
-                console.error('Failed to start recording:', 'Microphone access is not supported in this browser or the page is not served over HTTPS/localhost.');
-                return; // Exit gracefully instead of throwing
-            }
-            this.stream = await navigator.mediaDevices.getUserMedia({
-                audio: {
-                    echoCancellation: true,
-                    noiseSuppression: true,
-                    autoGainControl: true
-                }
-            });
-            this.audioChunks = [];
-            this.mediaRecorder = new MediaRecorder(this.stream, {
-                mimeType: 'audio/webm;codecs=opus'
-            });
-            this.mediaRecorder.ondataavailable = (event) => {
-                if (event.data && event.data.size > 0) {
-                    this.audioChunks.push(event.data);
-                }
-            };
-            this.mediaRecorder.start(100); // Collect data every 100ms
-        }
-        catch (error) {
-            console.error('Failed to start recording:', error);
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+            throw new Error('Microphone access is not supported in this browser or the page is not served over HTTPS/localhost.');
         }
+        this.stream = await navigator.mediaDevices.getUserMedia({
+            audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
+        });
+        this.audioContext = new AudioContext({ sampleRate: this.sampleRate });
+        const source = this.audioContext.createMediaStreamSource(this.stream);
+        this.scriptProcessor = this.audioContext.createScriptProcessor(4096, 1, 1);
+        this.pcmChunks = [];
+        this.scriptProcessor.onaudioprocess = (e) => {
+            const input = e.inputBuffer.getChannelData(0);
+            this.pcmChunks.push(new Float32Array(input));
+        };
+        source.connect(this.scriptProcessor);
+        this.scriptProcessor.connect(this.audioContext.destination);
     }
     async stopRecording() {
-        return new Promise((resolve, reject) => {
-            if (!this.mediaRecorder) {
-                reject(new Error('No active recording found'));
-                return;
+        if (!this.audioContext || !this.scriptProcessor) {
+            throw new Error('No active recording found');
+        }
+        this.scriptProcessor.disconnect();
+        await this.audioContext.close();
+        const wavBlob = this.encodeWav(this.pcmChunks, this.sampleRate);
+        this.cleanup();
+        return wavBlob;
+    }
+    encodeWav(chunks, sampleRate) {
+        const totalSamples = chunks.reduce((acc, c) => acc + c.length, 0);
+        const buffer = new ArrayBuffer(44 + totalSamples * 2);
+        const view = new DataView(buffer);
+        const writeStr = (offset, str) => {
+            for (let i = 0; i < str.length; i++)
+                view.setUint8(offset + i, str.charCodeAt(i));
+        };
+        writeStr(0, 'RIFF');
+        view.setUint32(4, 36 + totalSamples * 2, true);
+        writeStr(8, 'WAVE');
+        writeStr(12, 'fmt ');
+        view.setUint32(16, 16, true); // PCM chunk size
+        view.setUint16(20, 1, true); // PCM format
+        view.setUint16(22, 1, true); // mono
+        view.setUint32(24, sampleRate, true);
+        view.setUint32(28, sampleRate * 2, true); // byte rate
+        view.setUint16(32, 2, true); // block align
+        view.setUint16(34, 16, true); // bits per sample
+        writeStr(36, 'data');
+        view.setUint32(40, totalSamples * 2, true);
+        let offset = 44;
+        for (const chunk of chunks) {
+            for (let i = 0; i < chunk.length; i++) {
+                const s = Math.max(-1, Math.min(1, chunk[i]));
+                view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
+                offset += 2;
             }
-            this.mediaRecorder.onstop = () => {
-                const audioBlob = new Blob(this.audioChunks, { type: 'audio/webm' });
-                this.cleanup();
-                resolve(audioBlob);
-            };
-            this.mediaRecorder.onerror = (event) => {
-                reject(new Error(`Recording error: ${event}`));
-            };
-            this.mediaRecorder.stop();
-        });
+        }
+        return new Blob([buffer], { type: 'audio/wav' });
     }
     isRecording() {
-        var _a;
-        return ((_a = this.mediaRecorder) === null || _a === void 0 ? void 0 : _a.state) === 'recording';
+        return this.scriptProcessor !== null;
     }
     cleanup() {
         if (this.stream) {
             this.stream.getTracks().forEach(track => track.stop());
             this.stream = null;
         }
-        this.mediaRecorder = null;
-        this.audioChunks = [];
+        this.audioContext = null;
+        this.scriptProcessor = null;
+        this.pcmChunks = [];
     }
 }
 
@@ -125,15 +152,49 @@ class WhisperSpeechToTextService {
         }
     }
 }
+class MistralSpeechToTextService {
+    constructor(config) {
+        this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
+        this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
+        this.model = (config === null || config === void 0 ? void 0 : config.model) || 'voxtral-mini-latest';
+        this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
+        if (!this.useProxy && !this.apiKey) {
+            throw new Error('Mistral API key is required for speech-to-text service');
+        }
+    }
+    async transcribe(audioContent, lang = 'en') {
+        var _a;
+        try {
+            const formData = new FormData();
+            formData.append('file', audioContent);
+            formData.append('model', this.model);
+            formData.append('language', lang);
+            const endpoint = this.useProxy ? `${this.proxyUrl}/transcribe-mistral` : 'https://api.mistral.ai/v1/audio/transcriptions';
+            const headers = {};
+            if (!this.useProxy) {
+                headers['Authorization'] = `Bearer ${this.apiKey}`;
+            }
+            const response = await fetch(endpoint, { method: 'POST', headers, body: formData });
+            if (!response.ok) {
+                const err = await response.json().catch(() => ({ error: 'Unknown error' }));
+                throw new Error(`Transcription failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
+            }
+            const result = await response.json();
+            return result.text || '';
+        }
+        catch (error) {
+            throw new Error(`Mistral speech-to-text failed: ${error.message}`);
+        }
+    }
+}
 class SpeechToTextServiceFactory {
     static create(config) {
         var _a;
-        const provider = ((_a = config.speechToText) === null || _a === void 0 ? void 0 : _a.provider) || 'whisper';
+        const provider = ((_a = config.speechToText) === null || _a === void 0 ? void 0 : _a.provider) || 'openai';
         switch (provider) {
-            case 'whisper':
-                return new WhisperSpeechToTextService(config.speechToText);
-            default:
-                throw new Error(`Unsupported speech-to-text provider: ${provider}`);
+            case 'openai': return new WhisperSpeechToTextService(config.speechToText);
+            case 'mistral': return new MistralSpeechToTextService(config.speechToText);
+            default: throw new Error(`Unsupported speech-to-text provider: ${provider}`);
         }
     }
 }
@@ -323,8 +384,10 @@ class OpenAILLMService {
                     `(${field.type}` +
                     `${field.required ? ', required' : ''}` +
                     `${field.readonly ? ', readonly' : ''}` +
+                    `${field.default !== undefined && field.default !== null && field.default !== '' ? ', default=' + field.default : ''}` +
                     `${field.min && field.min !== "" ? ', min=' + field.min : ''}` +
-                    `${field.max && field.max !== "" ? ', max=' + field.max : ''}`;
+                    `${field.max && field.max !== "" ? ', max=' + field.max : ''}` +
+                    `${field.pattern && field.pattern !== "" ? ', pattern=' + field.pattern : ''}`;
                 if (field.options && field.options.length > 0) {
                     if (field.options.length < 50) {
                         description += `) - options: ${field.options.join(', ')}`;
@@ -344,8 +407,10 @@ class OpenAILLMService {
                 `(${field.type}` +
                 `${field.required ? ', required' : ''}` +
                 `${field.readonly ? ', readonly' : ''}` +
+                `${field.default !== undefined && field.default !== null && field.default !== '' ? ', default=' + field.default : ''}` +
                 `${field.min && field.min !== "" ? ', min=' + field.min : ''}` +
-                `${field.max && field.max !== "" ? ', max=' + field.max : ''}`;
+                `${field.max && field.max !== "" ? ', max=' + field.max : ''}` +
+                `${field.pattern && field.pattern !== "" ? ', pattern=' + field.pattern : ''}`;
             if (field.options && field.options.length > 0) {
                 if (field.options.length < 50) {
                     description += `) - options: ${field.options.join(', ')}`;
@@ -489,11 +554,14 @@ class OpenAILLMService {
           7. Only include fields where relevant information is found
           8. The current GMT datetime is ${new Date().toGMTString()}
           9. Respect the constraints written between parenthesis for readonly status (readonly fields MUST NOT be filled with values), min and max values, whatever the transcription says
+          9b. CRITICAL - DATE/DATETIME OUT OF RANGE: For date and datetime fields with min and/or max constraints, if the value from the transcription falls outside the allowed range, leave the field EMPTY. NEVER clamp, adjust, or substitute a boundary date - either the date is valid and within range, or the field is left empty
           10. IMPORTANT: Fields marked as "readonly" are presentation elements (headers, labels) that provide context but MUST NOT receive values
           11. CRITICAL - DUPLICATE FIELDS: When you see multiple fields with the same name but different IDs (e.g., "ID:field1 | Event date" and "ID:field2 | Event date"), these are DIFFERENT fields in DIFFERENT sections. The user may explicitly say which section they are filling (e.g., "for the first/second sub-form"). Listen VERY CAREFULLY to these contextual clues. Use the readonly headers to understand which section each field belongs to. If the user says "for the clinical sign, the event date is X", you must fill the Event date field that comes AFTER the "MC Clinical sign" header, NOT the first Event date you see
           12. Use readonly fields as contextual hints to understand form structure and field grouping, but never fill them
-          13. CRITICAL: For select fields, options like "No", "Non", "Non applicable", "Inconnu", "Unknown", "N/A" are VALID VALUES that can be selected. When the user says these words, treat them as legitimate option choices, NOT always as negations or refusals to answer. HOWEVER, for non-select fields (string, number, date, etc.), if the user says "I don't know", "unknown", "not known", "inconnu", "je ne sais pas", this usually means they have NO VALUE to provide, unless explicitely precised - leave the field empty, do NOT fill it with the literal text "unknown" or "I don't know"
+          13. CRITICAL - UNKNOWN/NO/N-A VALUES: The interpretation of words like "Unknown", "Inconnu", "No", "Non", "N/A", "Non applicable" depends ENTIRELY on whether the field has those words as explicit options. Rule: if the user says "field X is Unknown" (or any similar phrasing) AND "Unknown" (or a close variant) exists in the options list for that field, then SELECT that option - it is a valid value. If the user says such words for a field that does NOT have them as options (string, number, date, etc.), then it means the user has no value to provide - leave the field empty, do NOT fill it with the literal text
           14. CRITICAL: Each field has a unique ID shown as "ID:xxx" at the start of its description. You MUST include this exact ID in your response for each field you fill. The ID is the ONLY way to distinguish between fields with the same name
+          15. CRITICAL - DEFAULT VALUES: Some fields have default values shown as "default=xxx". If the user does NOT mention a specific value for that field in the transcription, you MUST return the default value. Default values should be preserved unless explicitly overridden by the user
+          16. CRITICAL - PATTERN VALIDATION: Some fields have a regex pattern shown as "pattern=xxx". The value you extract MUST match this pattern exactly. If the transcription is too ambiguous to produce a value that matches the pattern, leave the field EMPTY
 
           Respond with JSON in this exact format: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
                 let userPrompt = `
@@ -562,10 +630,12 @@ class OpenAILLMService {
         8. Return the same schema structure with 'default' values filled
         9. The current GMT datetime is ${new Date().toGMTString()}
         10. Respect the constraints written between parenthesis for readonly status (readonly fields MUST NOT be filled with values), min and max values, whatever the transcription says
+        10b. CRITICAL - DATE/DATETIME OUT OF RANGE: For date and datetime fields with min and/or max constraints, if the value from the transcription falls outside the allowed range, leave the field EMPTY. NEVER clamp, adjust, or substitute a boundary date - either the date is valid and within range, or the field is left empty
         11. IMPORTANT: Fields marked as "readonly" are presentation elements (headers, labels) that provide context but MUST NOT receive values
         12. CRITICAL - DUPLICATE FIELDS: When you see multiple fields with the same name but different IDs (e.g., "ID:field1 | Event date" and "ID:field2 | Event date"), these are DIFFERENT fields in DIFFERENT sections. The user will explicitly say which section they are filling (e.g., "for the first/second sub-form", "in the anamnesis section", "for the clinical sign"). Listen VERY CAREFULLY to these contextual clues. Use the readonly headers to understand which section each field belongs to. If the user says "for the clinical sign, the event date is X", you must fill the Event date field that comes AFTER the "MC Clinical sign" header, NOT the first Event date you see
         13. Use readonly fields as contextual hints to understand form structure and field grouping, but never fill them
-        14. CRITICAL: For select fields, options like "No", "Non", "Non applicable", "Inconnu", "Unknown", "N/A" are VALID VALUES that can be selected. When the user says these words, treat them as legitimate option choices, NOT always as negations or refusals to answer. HOWEVER, for non-select fields (string, number, date, etc.), if the user says "I don't know", "unknown", "not known", "inconnu", "je ne sais pas", this usually means they have NO VALUE to provide, unless explicitely precised - leave the field empty, do NOT fill it with the literal text "unknown" or "I don't know"
+        14. CRITICAL - UNKNOWN/NO/N-A VALUES: The interpretation of words like "Unknown", "Inconnu", "No", "Non", "N/A", "Non applicable" depends ENTIRELY on whether the field has those words as explicit options. Rule: if the user says "field X is Unknown" (or any similar phrasing) AND "Unknown" (or a close variant) exists in the options list for that field, then SELECT that option - it is a valid value. If the user says such words for a field that does NOT have them as options (string, number, date, etc.), then it means the user has no value to provide - leave the field empty, do NOT fill it with the literal text
+        15. CRITICAL - PATTERN VALIDATION: Some fields have a regex pattern shown as "pattern=xxx". The value you extract MUST match this pattern exactly. If the transcription is too ambiguous to produce a value that matches the pattern, leave the field EMPTY
 
         Respond with JSON in this exact format: {"schema": {...}}`;
             let userPrompt = `
@@ -629,15 +699,138 @@ class OpenAILLMService {
         }
     }
 }
+class AnthropicLLMService {
+    constructor(config) {
+        this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
+        this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
+        this.model = (config === null || config === void 0 ? void 0 : config.model) || 'claude-sonnet-4.5';
+        this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
+        if (!this.useProxy && !this.apiKey) {
+            throw new Error('Anthropic API key is required');
+        }
+    }
+    async fillFormFromTranscription(transcription, schema) {
+        return this.fillForm(transcription, schema);
+    }
+    async fillFormFromJson(json, schema) {
+        return this.fillForm(json, schema);
+    }
+    async fillForm(data, schema) {
+        var _a;
+        const endpoint = this.useProxy ? `${this.proxyUrl}/complete-anthropic` : 'https://api.anthropic.com/v1/messages';
+        const headers = { 'Content-Type': 'application/json' };
+        if (!this.useProxy) {
+            headers['x-api-key'] = this.apiKey;
+            headers['anthropic-version'] = '2023-06-01';
+        }
+        const finalSchema = (schema === null || schema === void 0 ? void 0 : schema.fields) || (schema === null || schema === void 0 ? void 0 : schema.schema) || schema;
+        const systemPrompt = this.buildSystemPrompt();
+        const userPrompt = `Data: "${data}"
+
+Form fields:
+${JSON.stringify(finalSchema, null, 2)}
+
+Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
+        const body = this.useProxy
+            ? { model: this.model, messages: [{ role: 'user', content: userPrompt }], system: systemPrompt }
+            : { model: this.model, max_tokens: 4096, system: systemPrompt, messages: [{ role: 'user', content: userPrompt }] };
+        const response = await fetch(endpoint, { method: 'POST', headers, body: JSON.stringify(body) });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ error: 'Unknown error' }));
+            throw new Error(`Anthropic API failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
+        }
+        const result = await response.json();
+        const content = this.useProxy ? result.choices[0].message.content : result.content[0].text;
+        return JSON.parse(content);
+    }
+    buildSystemPrompt() {
+        return `You are an expert form-filling assistant. Extract values from the input data and fill form fields.
+Rules:
+1. Only extract values that can be confidently determined
+2. Respect field types (string, number, datetime, boolean, select)
+3. For datetime fields, use ISO format (YYYY-MM-DDTHH:MM)
+4. For date fields, use DD/MM/YYYY format
+5. For select fields, use exact option values from the provided choices
+6. Leave fields empty if no relevant information is found
+7. Fields marked readonly MUST NOT receive values
+8. DATE/DATETIME OUT OF RANGE: if a date falls outside min/max constraints, leave the field EMPTY
+9. PATTERN VALIDATION: if a field has a pattern, the value MUST match it exactly, otherwise leave empty
+10. UNKNOWN VALUES: if the user says "Unknown" and it exists as an option, select it; otherwise leave empty
+Respond ONLY with valid JSON.`;
+    }
+}
+class MistralLLMService {
+    constructor(config) {
+        this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
+        this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
+        this.model = (config === null || config === void 0 ? void 0 : config.model) || 'mistral-medium-latest';
+        this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
+        if (!this.useProxy && !this.apiKey) {
+            throw new Error('Mistral API key is required');
+        }
+    }
+    async fillFormFromTranscription(transcription, schema) {
+        return this.fillForm(transcription, schema);
+    }
+    async fillFormFromJson(json, schema) {
+        return this.fillForm(json, schema);
+    }
+    async fillForm(data, schema) {
+        var _a;
+        const endpoint = this.useProxy ? `${this.proxyUrl}/complete-mistral` : 'https://api.mistral.ai/v1/chat/completions';
+        const headers = { 'Content-Type': 'application/json' };
+        if (!this.useProxy) {
+            headers['Authorization'] = `Bearer ${this.apiKey}`;
+        }
+        const finalSchema = (schema === null || schema === void 0 ? void 0 : schema.fields) || (schema === null || schema === void 0 ? void 0 : schema.schema) || schema;
+        const systemPrompt = this.buildSystemPrompt();
+        const userPrompt = `Data: "${data}"
+
+Form fields:
+${JSON.stringify(finalSchema, null, 2)}
+
+Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({
+                model: this.model,
+                messages: [{ role: 'system', content: systemPrompt }, { role: 'user', content: userPrompt }],
+                response_format: { type: 'json_object' },
+            }),
+        });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ error: 'Unknown error' }));
+            throw new Error(`Mistral API failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
+        }
+        const result = await response.json();
+        return JSON.parse(result.choices[0].message.content);
+    }
+    buildSystemPrompt() {
+        return `You are an expert form-filling assistant. Extract values from the input data and fill form fields.
+Rules:
+1. Only extract values that can be confidently determined
+2. Respect field types (string, number, datetime, boolean, select)
+3. For datetime fields, use ISO format (YYYY-MM-DDTHH:MM)
+4. For date fields, use DD/MM/YYYY format
+5. For select fields, use exact option values from the provided choices
+6. Leave fields empty if no relevant information is found
+7. Fields marked readonly MUST NOT receive values
+8. DATE/DATETIME OUT OF RANGE: if a date falls outside min/max constraints, leave the field EMPTY
+9. PATTERN VALIDATION: if a field has a pattern, the value MUST match it exactly, otherwise leave empty
+10. UNKNOWN VALUES: if the user says "Unknown" and it exists as an option, select it; otherwise leave empty
+Respond ONLY with valid JSON.`;
+    }
+}
 class LLMServiceFactory {
     static create(config) {
         var _a;
         const provider = ((_a = config.llm) === null || _a === void 0 ? void 0 : _a.provider) || 'openai';
         switch (provider) {
-            case 'openai':
-                return new OpenAILLMService(config.llm);
-            default:
-                throw new Error(`Unsupported LLM provider: ${provider}`);
+            case 'openai': return new OpenAILLMService(config.llm);
+            case 'anthropic': return new AnthropicLLMService(config.llm);
+            case 'mistral': return new MistralLLMService(config.llm);
+            default: throw new Error(`Unsupported LLM provider: ${provider}`);
         }
     }
 }
@@ -4159,6 +4352,8 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
         this.apiProxyUrl = 'http://localhost:8492';
         this.transcriptionModel = 'gpt-4o-transcribe';
         this.completionModel = 'gpt-5-mini';
+        this.transcriptionProvider = 'openai';
+        this.completionProvider = 'openai';
         this.context = undefined;
         this.classificationRootUrl = 'http://localhost';
         this.language = 'en';
@@ -4206,17 +4401,33 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
                 this.updateDebugInfo(errorMessage, { error: errorMessage });
             }
             else {
+                // Validate transcription provider/model
+                const allowedTranscriptionModels = TRANSCRIPTION_MODELS[this.transcriptionProvider];
+                if (!allowedTranscriptionModels) {
+                    throw new Error(`Unsupported transcription provider: '${this.transcriptionProvider}'. Allowed: openai, mistral`);
+                }
+                if (!allowedTranscriptionModels.includes(this.transcriptionModel)) {
+                    throw new Error(`Model '${this.transcriptionModel}' is not allowed for transcription provider '${this.transcriptionProvider}'. Allowed: ${allowedTranscriptionModels.join(', ')}`);
+                }
+                // Validate completion provider/model
+                const allowedCompletionModels = COMPLETION_MODELS[this.completionProvider];
+                if (!allowedCompletionModels) {
+                    throw new Error(`Unsupported completion provider: '${this.completionProvider}'. Allowed: openai, anthropic, mistral`);
+                }
+                if (!allowedCompletionModels.includes(this.completionModel)) {
+                    throw new Error(`Model '${this.completionModel}' is not allowed for completion provider '${this.completionProvider}'. Allowed: ${allowedCompletionModels.join(', ')}`);
+                }
                 // Parse form schema
                 this.parsedSchema = JSON.parse(this.formJson || '{}');
                 // Parse service configuration
                 this.parsedConfig = JSON.parse(this.serviceConfig || '{}');
                 // Add API key to config if provided via prop
                 if (this.apiKey) {
-                    this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { apiKey: this.apiKey, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { apiKey: this.apiKey, model: this.completionModel }) });
+                    this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { provider: this.transcriptionProvider, apiKey: this.apiKey, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { provider: this.completionProvider, apiKey: this.apiKey, model: this.completionModel }) });
                 }
                 else {
                     // Use proxy API if no API key provided
-                    this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { useProxy: true, proxyUrl: this.apiProxyUrl, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { useProxy: true, proxyUrl: this.apiProxyUrl, model: this.completionModel }) });
+                    this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { provider: this.transcriptionProvider, useProxy: true, proxyUrl: this.apiProxyUrl, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { provider: this.completionProvider, useProxy: true, proxyUrl: this.apiProxyUrl, model: this.completionModel }) });
                 }
                 // Initialize services
                 this.speechToTextService = SpeechToTextServiceFactory.create(this.parsedConfig);
@@ -4382,7 +4593,7 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
             });
             // Stop recording and get audio blob
             const audioBlob = await this.audioRecorder.stopRecording();
-            const audioContent = new File([audioBlob], 'audio.webm', { type: 'audio/webm' });
+            const audioContent = new File([audioBlob], 'audio.wav', { type: 'audio/wav' });
             this.processAudioContent(audioContent);
         }
         catch (error) {
@@ -4476,12 +4687,13 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
             case "ng":
                 const trimmed = { fields: [] };
                 schema.Children.forEach((child) => {
-                    var _a;
+                    var _a, _b;
                     if (!child.System_Name || !child.Type)
                         return;
                     const fieldData = {
                         name: child.Label || ((_a = child.Settings) === null || _a === void 0 ? void 0 : _a.Label) || child.System_Name,
-                        type: this.mapFieldType(child.Type)
+                        type: this.mapFieldType(child.Type),
+                        default: (_b = child.Settings) === null || _b === void 0 ? void 0 : _b.Default_Value
                     };
                     // Add options for classification/select/multiselect fields
                     const selectTypes = ['InputClassification', 'select', 'multiselect', 'InputMultiSelect'];
@@ -4557,7 +4769,7 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
                             title: field.title,
                             options: field.options,
                             readonly: field.type === 'header' || field.Enabled === false,
-                            default: field.DefaultValue,
+                            default: field.default || field.DefaultValue,
                             pattern: field.Mask,
                             min: field.ValidationMin,
                             max: field.ValidationMax
@@ -4886,12 +5098,16 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
     render() {
         const containerStyle = this.getContainerStyle();
         const statusStyle = this.getStatusStyle();
-        return (h$1("div", { key: '4f71f7f6dc15cb9be9545060fe992b4076f592e6' }, h$1("div", { key: '84b0fbc8e896b2b695bf32cd937763621c7fa62a', class: "voice-recorder-container" + (this.debug || this.renderForm ? "-debug" : ""), style: containerStyle }, h$1("div", { key: 'd84473027ffd89b30ade93eaa9d8e69c532549a3', class: "row-audio-area" }, this.renderRecordButton(), this.renderUploadRecordButton(), this.renderUploadButton()), this.displayStatus ? h$1("div", { class: "status-text", style: statusStyle }, this.statusMessage) : "", this.renderForm ? this.renderFormPreview() : "", this.debug ? this.renderDebugPanel() : "")));
+        return (h$1("div", { key: '8378e98f02e5b7482929d255c5ec12ff8c2731e4' }, h$1("div", { key: 'b8a0d873bd4e1b4c8936747c0919ac8c4c15301b', class: "voice-recorder-container" + (this.debug || this.renderForm ? "-debug" : ""), style: containerStyle }, h$1("div", { key: '86e7783e3686db378ee16aa91a640f33c3255923', class: "row-audio-area" }, this.renderRecordButton(), this.renderUploadRecordButton(), this.renderUploadButton()), this.displayStatus ? h$1("div", { class: "status-text", style: statusStyle }, this.statusMessage) : "", this.renderForm ? this.renderFormPreview() : "", this.debug ? this.renderDebugPanel() : "")));
     }
     static get watchers() { return {
         "formJson": ["initializeServices"],
         "serviceConfig": ["initializeServices"],
-        "theme": ["initializeServices"]
+        "theme": ["initializeServices"],
+        "transcriptionProvider": ["initializeServices"],
+        "completionProvider": ["initializeServices"],
+        "transcriptionModel": ["initializeServices"],
+        "completionModel": ["initializeServices"]
     }; }
     static get style() { return voiceInputModuleCss; }
 }, [257, "voice-input-module", {
@@ -4901,6 +5117,8 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
         "apiProxyUrl": [1, "api-proxy-url"],
         "transcriptionModel": [1, "transcription-model"],
         "completionModel": [1, "completion-model"],
+        "transcriptionProvider": [1, "transcription-provider"],
+        "completionProvider": [1, "completion-provider"],
         "context": [1],
         "classificationRootUrl": [1, "classification-root-url"],
         "language": [1],
@@ -4924,7 +5142,11 @@ const VoiceFormRecorder = /*@__PURE__*/ proxyCustomElement(class VoiceFormRecord
     }, undefined, {
         "formJson": ["initializeServices"],
         "serviceConfig": ["initializeServices"],
-        "theme": ["initializeServices"]
+        "theme": ["initializeServices"],
+        "transcriptionProvider": ["initializeServices"],
+        "completionProvider": ["initializeServices"],
+        "transcriptionModel": ["initializeServices"],
+        "completionModel": ["initializeServices"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {