reneco-advanced-input-module 0.0.24 → 0.0.26

package/dist/esm/ocr-file-uploader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-jmc2yzBp.js';
+import { r as registerInstance, h } from './index-a7QWC-5I.js';
 
 const ocrFileUploaderCss = ".upload-container{display:inline-block;cursor:pointer}.upload-button{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease;user-select:none;width:var(--button-size, 50px);height:var(--button-size, 50px)}.upload-button svg{width:100%;height:100%;stroke:var(--button-bg, #10b981);transition:stroke 0.2s ease, transform 0.2s ease}.upload-button:hover svg{transform:scale(1.05);stroke:var(--button-hover, #059669)}";
 

package/dist/esm/voice-input-module.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$1 } from './index-jmc2yzBp.js';
+import { r as registerInstance, c as createEvent, h as h$1 } from './index-a7QWC-5I.js';
 
 const TRANSCRIPTION_MODELS = {
     openai: ['gpt-4o-transcribe', 'gpt-4o-mini-transcribe', 'whisper-1'],
@@ -561,8 +561,9 @@ class OpenAILLMService {
           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
+          17. CONFIDENCE SCORE: For each field you fill, add a "confidence" property (number between 0.01 and 0.99, maximum 2 decimal places) reflecting how certain you are about the extracted value. Use values close to 0.99 for values that are explicitly and unambiguously stated, lower values when you had to infer, interpret, paraphrase, or when the match was approximate.
 
-          Respond with JSON in this exact format: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
+          Respond with JSON in this exact format: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value", "confidence": 0.87}]}`;
                 let userPrompt = `
           Voice transcription: "${data}"
 
@@ -635,8 +636,9 @@ class OpenAILLMService {
         13. Use readonly fields as contextual hints to understand form structure and field grouping, but never fill them
         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
+        16. CONFIDENCE SCORE: For each field you fill, add its name as a key in a top-level "confidence" object with a score from 0.01 to 0.99 (max 2 decimal places). Use values close to 0.99 for clearly stated values, lower when you had to infer, interpret, or approximate.
 
-        Respond with JSON in this exact format: {"schema": {...}}`;
+        Respond with JSON in this exact format: {"schema": {...}, "confidence": {"field_name": 0.87}}`;
             let userPrompt = `
           Voice transcription: "${data}"
 
@@ -729,7 +731,7 @@ class AnthropicLLMService {
 Form fields:
 ${JSON.stringify(finalSchema, null, 2)}
 
-Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
+Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value", "confidence": 0.87}]}`;
         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 }] };
@@ -755,6 +757,7 @@ Rules:
 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
+11. CONFIDENCE SCORE: For each field you fill, add a "confidence" property (number between 0.01 and 0.99, max 2 decimal places) reflecting how certain you are about the extracted value. Use values close to 0.99 for clearly stated values, lower when you had to infer or approximate.
 Respond ONLY with valid JSON.`;
     }
 }
@@ -788,7 +791,7 @@ class MistralLLMService {
 Form fields:
 ${JSON.stringify(finalSchema, null, 2)}
 
-Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
+Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value", "confidence": 0.87}]}`;
         const response = await fetch(endpoint, {
             method: 'POST',
             headers,
@@ -818,6 +821,7 @@ Rules:
 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
+11. CONFIDENCE SCORE: For each field you fill, add a "confidence" property (number between 0.01 and 0.99, max 2 decimal places) reflecting how certain you are about the extracted value. Use values close to 0.99 for clearly stated values, lower when you had to infer or approximate.
 Respond ONLY with valid JSON.`;
     }
 }
@@ -4325,7 +4329,7 @@ const defineCustomElements = async (win, options) => {
 
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a);}})();
 
-const voiceInputModuleCss = ":host{display:block;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.row-audio-area{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.voice-recorder-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#ffffff;margin:0 auto}.voice-recorder-container-debug{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#ffffff;margin:0 auto}.upload-record-container{display:inline-flex;cursor:pointer}.upload-record-button{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, box-shadow 0.2s ease;user-select:none}.upload-record-button svg{width:100%;height:100%;transition:transform 0.2s ease}.upload-record-container:hover .upload-record-button svg{transform:scale(1.05)}.upload-record-button svg path{}.record-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ee4444;color:white;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;flex-shrink:0}.record-button:hover:not(:disabled){background:#dd3333;transform:scale(1.05)}.record-button:disabled{opacity:0.6;cursor:not-allowed}.record-button.recording{background:#dd3333;animation:pulse 1.5s infinite}.record-button.processing{background:#3b82f6}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239, 68, 68, 0.7)}70%{box-shadow:0 0 0 10px rgba(239, 68, 68, 0)}100%{box-shadow:0 0 0 0 rgba(239, 68, 68, 0)}}.record-icon{width:24px;height:24px;fill:currentColor}.status-text{font-size:0.875rem;color:#6b7280;text-align:center;min-height:1.25rem}.status-text.error{color:#ee4444}.status-text.success{color:#10b981}.debug-panel{width:100%;margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.375rem;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.75rem}.debug-title{font-weight:600;margin-bottom:0.5rem;color:#374151}.debug-content{white-space:pre-wrap;word-break:break-word;color:#6b7280;max-height:200px;overflow-y:auto}.permissions-warning{padding:0.75rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:0.375rem;color:#92400e;font-size:0.875rem;text-align:center}.form-preview{width:100%;margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.375rem}.form-preview-title{font-weight:600;margin-bottom:0.5rem;color:#1e293b}.form-field{margin-bottom:0.5rem;font-size:0.875rem}.field-name{font-weight:500;color:#475569}.field-value{color:#64748b;margin-left:0.5rem}.field-value.filled{color:#059669;font-weight:500}.voice-filled-form{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:0.5rem;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:0.15rem}.form-group.full-width{grid-column:1 / -1}.form-header{grid-column:1 / -1;font-weight:600;font-size:1rem;color:#1e293b;margin-top:0.75rem;margin-bottom:0.25rem;padding-bottom:0.25rem;border-bottom:2px solid #e2e8f0}.form-label{font-weight:500;color:#374151;font-size:0.8rem}.required{color:#ee4444;margin-left:0.125rem}.form-input{padding:0.4rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.8rem;transition:border-color 0.2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.form-checkbox{width:auto;padding:0;margin:0}select.form-input{background-color:white;cursor:pointer}input[type=\"date\"].form-input{cursor:pointer}.readonly-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:0.375rem;padding:0.5rem}.select-placeholder{font-size:0.875rem;color:#6b7280;margin-bottom:0.5rem}.select-options-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.25rem;max-height:150px;overflow-y:auto}.select-option{background:#e5e7eb;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;color:#374151}.multiselect-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.25rem;padding:0.5rem;border:1px solid #d1d5db;border-radius:0.375rem;background:white}.multiselect-option{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.25rem;cursor:pointer;transition:background 0.2s ease}.multiselect-option:hover{background:#f3f4f6}.multiselect-option input[type=\"checkbox\"]{width:18px;height:18px;cursor:pointer}.multiselect-option input[type=\"checkbox\"]:checked+.multiselect-label{font-weight:600;color:#059669}.multiselect-label{font-size:0.875rem;color:#374151;user-select:none}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton-circle{border-radius:50%;flex-shrink:0;background:linear-gradient(\r\n    90deg,\r\n    #e2e8f0 25%,\r\n    #f8fafc 50%,\r\n    #e2e8f0 75%\r\n  );background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-status{height:14px;border-radius:7px;width:140px;background:linear-gradient(\r\n    90deg,\r\n    #e2e8f0 25%,\r\n    #f8fafc 50%,\r\n    #e2e8f0 75%\r\n  );background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;animation-delay:0.15s}ocr-file-uploader{display:block;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important}ocr-file-uploader *{max-width:100% !important;max-height:100% !important}";
+const voiceInputModuleCss = ":host{display:block;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.row-audio-area{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.voice-recorder-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#ffffff;margin:0 auto}.voice-recorder-container-debug{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#ffffff;margin:0 auto}.upload-record-container{display:inline-flex;cursor:pointer}.upload-record-button{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, box-shadow 0.2s ease;user-select:none}.upload-record-button svg{width:100%;height:100%;transition:transform 0.2s ease}.upload-record-container:hover .upload-record-button svg{transform:scale(1.05)}.record-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ee4444;color:white;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;flex-shrink:0}.record-button:hover:not(:disabled){background:#dd3333;transform:scale(1.05)}.record-button:disabled{opacity:0.6;cursor:not-allowed}.record-button.recording{background:#dd3333;animation:pulse 1.5s infinite}.record-button.processing{background:#3b82f6}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239, 68, 68, 0.7)}70%{box-shadow:0 0 0 10px rgba(239, 68, 68, 0)}100%{box-shadow:0 0 0 0 rgba(239, 68, 68, 0)}}.record-icon{width:24px;height:24px;fill:currentColor}.status-text{font-size:0.875rem;color:#6b7280;text-align:center;min-height:1.25rem}.status-text.error{color:#ee4444}.status-text.success{color:#10b981}.debug-panel{width:100%;margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.375rem;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.75rem}.debug-title{font-weight:600;margin-bottom:0.5rem;color:#374151}.debug-content{white-space:pre-wrap;word-break:break-word;color:#6b7280;max-height:200px;overflow-y:auto}.permissions-warning{padding:0.75rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:0.375rem;color:#92400e;font-size:0.875rem;text-align:center}.form-preview{width:100%;margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.375rem}.form-preview-title{font-weight:600;margin-bottom:0.5rem;color:#1e293b}.form-field{margin-bottom:0.5rem;font-size:0.875rem}.field-name{font-weight:500;color:#475569}.field-value{color:#64748b;margin-left:0.5rem}.field-value.filled{color:#059669;font-weight:500}.voice-filled-form{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:0.5rem;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:0.15rem}.form-group.full-width{grid-column:1 / -1}.form-header{grid-column:1 / -1;font-weight:600;font-size:1rem;color:#1e293b;margin-top:0.75rem;margin-bottom:0.25rem;padding-bottom:0.25rem;border-bottom:2px solid #e2e8f0}.form-label{font-weight:500;color:#374151;font-size:0.8rem}.required{color:#ee4444;margin-left:0.125rem}.form-input{padding:0.4rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.8rem;transition:border-color 0.2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.form-checkbox{width:auto;padding:0;margin:0}select.form-input{background-color:white;cursor:pointer}input[type=\"date\"].form-input{cursor:pointer}.readonly-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:0.375rem;padding:0.5rem}.select-placeholder{font-size:0.875rem;color:#6b7280;margin-bottom:0.5rem}.select-options-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.25rem;max-height:150px;overflow-y:auto}.select-option{background:#e5e7eb;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;color:#374151}.multiselect-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.25rem;padding:0.5rem;border:1px solid #d1d5db;border-radius:0.375rem;background:white}.multiselect-option{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.25rem;cursor:pointer;transition:background 0.2s ease}.multiselect-option:hover{background:#f3f4f6}.multiselect-option input[type=\"checkbox\"]{width:18px;height:18px;cursor:pointer}.multiselect-option input[type=\"checkbox\"]:checked+.multiselect-label{font-weight:600;color:#059669}.multiselect-label{font-size:0.875rem;color:#374151;user-select:none}.confidence-badge{display:inline-flex;align-items:center;margin-left:4px;padding:1px 5px;border-radius:3px;font-size:0.65rem;font-weight:700;vertical-align:middle;line-height:1.4;cursor:help}.confidence-medium{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.confidence-low{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton-circle{border-radius:50%;flex-shrink:0;background:linear-gradient(\r\n    90deg,\r\n    #e2e8f0 25%,\r\n    #f8fafc 50%,\r\n    #e2e8f0 75%\r\n  );background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-status{height:14px;border-radius:7px;width:140px;background:linear-gradient(\r\n    90deg,\r\n    #e2e8f0 25%,\r\n    #f8fafc 50%,\r\n    #e2e8f0 75%\r\n  );background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;animation-delay:0.15s}ocr-file-uploader{display:block;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important}ocr-file-uploader *{max-width:100% !important;max-height:100% !important}";
 
 // Initialize OCR
 defineCustomElements();
@@ -4365,6 +4369,7 @@ const VoiceFormRecorder = class {
         this.hasTransientError = false;
         this.transcription = '';
         this.filledData = null;
+        this.confidenceScores = null;
         this.debugInfo = {};
         this.isReadonlyMode = true; // Start in readonly preview mode
         this.isInitializing = true;
@@ -4399,9 +4404,17 @@ const VoiceFormRecorder = class {
         this.audioRecorder = new AudioRecorderService();
     }
     componentWillLoad() {
-        this.initializeServices();
+        // Parse theme only so the skeleton can be styled correctly on first render.
+        // Full initialization runs in componentDidLoad() to give the skeleton time to paint.
+        try {
+            this.parsedTheme = this.theme ? JSON.parse(this.theme) : this.getDefaultTheme();
+        }
+        catch (_a) {
+            this.parsedTheme = this.getDefaultTheme();
+        }
     }
     componentDidLoad() {
+        this.initializeServices();
         this.isInitializing = false;
     }
     initializeServices() {
@@ -4604,6 +4617,7 @@ const VoiceFormRecorder = class {
             return;
         this.isProcessing = true;
         this.hasTransientError = false;
+        this.confidenceScores = null;
         this.statusMessage = ((_a = this.parsedTheme.texts) === null || _a === void 0 ? void 0 : _a.processing) || (this.language == 'en' ? 'Processing document...' : 'Traitement du document ...');
         try {
             const extractedData = (ocrData === null || ocrData === void 0 ? void 0 : ocrData.content) || ocrData;
@@ -4621,10 +4635,11 @@ const VoiceFormRecorder = class {
                 throw Object.assign(new Error(llmError.message), { phase: 'llm' });
             }
             this.filledData = this.extractFilledData(filledSchema);
-            this.updateDebugInfo('Form Filled', { filledSchema, extractedData: this.filledData });
+            this.confidenceScores = this.extractConfidenceScores(filledSchema);
+            this.updateDebugInfo('Form Filled', { filledSchema, extractedData: this.filledData, confidence: this.confidenceScores });
             this.parsedSchema = this.filledData;
             this.statusMessage = ((_c = this.parsedTheme.texts) === null || _c === void 0 ? void 0 : _c.completed) || (this.language == 'en' ? 'Form completed!' : 'Formulaire rempli !');
-            this.formFilled.emit({ success: true, data: this.filledData, jsonForm });
+            this.formFilled.emit({ success: true, data: this.filledData, jsonForm, confidence: this.confidenceScores });
         }
         catch (error) {
             console.error('OCR processing error:', error);
@@ -4643,6 +4658,7 @@ const VoiceFormRecorder = class {
             return;
         this.isProcessing = true;
         this.hasTransientError = false;
+        this.confidenceScores = null;
         this.updateDebugInfo('Audio Captured', { size: audioFile.size, type: audioFile.type });
         try {
             // Validate audio file before sending to API
@@ -4663,7 +4679,6 @@ const VoiceFormRecorder = class {
                 this.formFilled.emit({ success: false, error: 'Audio file too large' });
                 return;
             }
-            // Step 1: Transcription
             let transcription;
             try {
                 this.statusMessage = ((_a = this.parsedTheme.texts) === null || _a === void 0 ? void 0 : _a.transcribing) || (this.language == 'en' ? 'Transcribing speech...' : 'Transcription du texte ...');
@@ -4682,7 +4697,6 @@ const VoiceFormRecorder = class {
                 this.formFilled.emit({ success: false, error: 'No speech detected', transcription: '' });
                 return;
             }
-            // Step 2: LLM form filling
             let filledSchema;
             try {
                 this.statusMessage = ((_b = this.parsedTheme.texts) === null || _b === void 0 ? void 0 : _b.filling) || (this.language == 'en' ? 'Filling form fields...' : 'Remplissage du formulaire ...');
@@ -4693,10 +4707,11 @@ const VoiceFormRecorder = class {
                 throw Object.assign(new Error(llmError.message), { phase: 'llm' });
             }
             this.filledData = this.extractFilledData(filledSchema);
-            this.updateDebugInfo('Form Filled', { filledSchema, extractedData: this.filledData });
+            this.confidenceScores = this.extractConfidenceScores(filledSchema);
+            this.updateDebugInfo('Form Filled', { filledSchema, extractedData: this.filledData, confidence: this.confidenceScores });
             this.parsedSchema = this.filledData;
             this.statusMessage = ((_c = this.parsedTheme.texts) === null || _c === void 0 ? void 0 : _c.completed) || (this.language == 'en' ? 'Form completed!' : 'Formulaire rempli !');
-            this.formFilled.emit({ success: true, data: this.filledData, transcription });
+            this.formFilled.emit({ success: true, data: this.filledData, transcription, confidence: this.confidenceScores });
         }
         catch (error) {
             console.error('Audio processing error:', error);
@@ -4720,7 +4735,8 @@ const VoiceFormRecorder = class {
         try {
             const audioBlob = await this.audioRecorder.stopRecording();
             const audioContent = new File([audioBlob], 'audio.wav', { type: 'audio/wav' });
-            // processAudioContent manages isProcessing itself; await ensures we don't return early
+            // Reset isProcessing so the guard inside processAudioContent doesn't block this internal call
+            this.isProcessing = false;
             await this.processAudioContent(audioContent);
         }
         catch (error) {
@@ -4737,12 +4753,52 @@ const VoiceFormRecorder = class {
             this.recordingStateChanged.emit({ isRecording: false, state: 'idle' });
         }
     }
+    extractConfidenceScores(filledData) {
+        const scores = {};
+        if (!filledData)
+            return scores;
+        // Fields array format: [{"id": "...", "name": "...", "value": "...", "confidence": 0.87}]
+        if (filledData.fields && Array.isArray(filledData.fields)) {
+            filledData.fields.forEach((field) => {
+                const raw = typeof field.confidence === 'number' ? field.confidence : parseFloat(field.confidence);
+                if (!isNaN(raw)) {
+                    const clamped = Math.min(0.99, Math.max(0.01, Math.round(raw * 100) / 100));
+                    // Store under both id and name so label-based lookups always work
+                    if (field.id)
+                        scores[field.id] = clamped;
+                    if (field.name)
+                        scores[field.name] = clamped;
+                }
+            });
+        }
+        // Simple schema format: {"schema": {...}, "confidence": {"field_name": 0.87}}
+        if (filledData.confidence && typeof filledData.confidence === 'object') {
+            Object.entries(filledData.confidence).forEach(([k, v]) => {
+                const raw = typeof v === 'number' ? v : parseFloat(v);
+                if (!isNaN(raw)) {
+                    scores[k] = Math.min(0.99, Math.max(0.01, Math.round(raw * 100) / 100));
+                }
+            });
+        }
+        return scores;
+    }
+    getFieldConfidence(primary, fallback) {
+        var _a, _b;
+        if (!this.confidenceScores)
+            return null;
+        return (_a = this.confidenceScores[primary]) !== null && _a !== void 0 ? _a : (fallback ? ((_b = this.confidenceScores[fallback]) !== null && _b !== void 0 ? _b : null) : null);
+    }
+    renderConfidenceIndicator(confidence) {
+        if (confidence === null || confidence >= 0.95)
+            return null;
+        const pct = Math.round(confidence * 100);
+        const isApproximate = confidence >= 0.85;
+        return (h$1("span", { class: `confidence-badge ${isApproximate ? 'confidence-medium' : 'confidence-low'}`, title: this.language === 'en' ? `Confidence: ${pct}%` : `Confiance : ${pct}%` }, pct, "%"));
+    }
     extractFilledData(filledData) {
-        // console.log("extractFilledData", filledData);
         const updatedSchema = JSON.parse(JSON.stringify(this.parsedSchema));
         switch (this.context) {
             case "ecoteka":
-            // console.log("TODO extractFilledData", filledData);
             case "ng":
                 if (filledData === null || filledData === void 0 ? void 0 : filledData.fields) {
                     // Map AI response back to original schema structure
@@ -4757,7 +4813,6 @@ const VoiceFormRecorder = class {
                 }
                 break;
             case "ecoll-veto":
-                // console.log("TODO extractFilledData", filledData, updatedSchema);
                 if (filledData === null || filledData === void 0 ? void 0 : filledData.fields) {
                     // Map AI response back to original schema structure
                     filledData.fields.forEach((field) => {
@@ -4798,15 +4853,12 @@ const VoiceFormRecorder = class {
                 }
                 break;
         }
-        // console.log("extractFilledData result", updatedSchema);
         return updatedSchema;
     }
     async trimSchemaForAI(schema) {
         var _a, _b;
-        // console.log("trimSchemaForAI", schema);
         switch (this.context) {
             case "ecoteka":
-            // console.log("TODO trimSchemaForAI", schema)
             case "ng":
                 const trimmed = { fields: [] };
                 schema.Children.forEach((child) => {
@@ -4825,10 +4877,8 @@ const VoiceFormRecorder = class {
                     }
                     trimmed.fields.push(fieldData);
                 });
-                // console.log("Schema apres transformation, contexte NG:", trimmed);
                 return trimmed;
             case "ecoll-veto":
-                // console.log("TODO trimSchemaForAI", schema)
                 const mergedItemsSchema = (this.parsedSchema[0].items).concat(this.parsedSchema[1].items);
                 if (mergedItemsSchema) {
                     const trimmedSchema = {
@@ -4873,7 +4923,6 @@ const VoiceFormRecorder = class {
                             default: '',
                         };
                     });
-                    // console.log("Schema apres transformation, contexte Track:", trimmedSchema);
                     return trimmedSchema;
                 }
             case "track":
@@ -5070,13 +5119,11 @@ const VoiceFormRecorder = class {
         return (h$1("div", { class: "form-preview" }, h$1("div", { class: "form-preview-title" }, title), h$1("form", { class: "voice-filled-form" }, this.renderFormFields())));
     }
     renderFormFields() {
-        // console.log("renderFormFields", this.parsedSchema);
         if (!this.parsedSchema)
             return null;
         const largeFieldTypes = ['select', 'multiselect', 'classification', 'thesaurus', 'position'];
         switch (this.context) {
             case "ecoteka":
-            // console.log("TODO renderFormFields", this.parsedSchema);
             case "ng":
                 return this.parsedSchema.Children.map((child) => {
                     var _a, _b, _c;
@@ -5088,7 +5135,7 @@ const VoiceFormRecorder = class {
                     const isRequired = child.Required || false;
                     const fieldValue = (_b = child.Settings) === null || _b === void 0 ? void 0 : _b.Default_Value;
                     const isLargeField = largeFieldTypes.includes(fieldType) || (child.Children && child.Children.length > 5);
-                    return (h$1("div", { class: isLargeField ? "form-group full-width" : "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, fieldLabel, isRequired && h$1("span", { class: "required" }, "*")), this.renderFormField(fieldName, {
+                    return (h$1("div", { class: isLargeField ? "form-group full-width" : "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, fieldLabel, isRequired && h$1("span", { class: "required" }, "*"), this.renderConfidenceIndicator(this.getFieldConfidence(fieldLabel, fieldName))), this.renderFormField(fieldName, {
                         type: fieldType,
                         title: fieldLabel,
                         required: isRequired,
@@ -5096,8 +5143,6 @@ const VoiceFormRecorder = class {
                     }, fieldValue)));
                 }).filter(Boolean);
             case "ecoll-veto":
-                // NOTE STEP 2
-                // console.log("TODO renderFormFields", this.parsedSchema);
                 const mergedItemsSchema = (this.parsedSchema[0].items).concat(this.parsedSchema[1].items);
                 return Object.entries(mergedItemsSchema).map(([key, field]) => {
                     var _a, _b;
@@ -5128,7 +5173,7 @@ const VoiceFormRecorder = class {
                     //     console.error("Error fetching classification data:", error);
                     //   }
                     // }
-                    return (h$1("div", { class: "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, fieldLabel, isRequired && h$1("span", { class: "required" }, "*")), this.renderFormField(fieldName, field, ((_b = (_a = this.filledData) === null || _a === void 0 ? void 0 : _a[fieldName]) !== null && _b !== void 0 ? _b : fieldValue))));
+                    return (h$1("div", { class: "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, fieldLabel, isRequired && h$1("span", { class: "required" }, "*"), this.renderConfidenceIndicator(this.getFieldConfidence(fieldLabel, fieldName))), this.renderFormField(fieldName, field, ((_b = (_a = this.filledData) === null || _a === void 0 ? void 0 : _a[fieldName]) !== null && _b !== void 0 ? _b : fieldValue))));
                 });
             case "track":
             default:
@@ -5137,7 +5182,7 @@ const VoiceFormRecorder = class {
                     if (field.type === 'header') {
                         return (h$1("div", { class: "form-header", key: fieldName }, field.title || fieldName));
                     }
-                    return (h$1("div", { class: "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, field.title || fieldName, field.required && h$1("span", { class: "required" }, "*")), this.renderFormField(fieldName, field, ((_b = (_a = this.filledData) === null || _a === void 0 ? void 0 : _a[fieldName]) !== null && _b !== void 0 ? _b : field.value))));
+                    return (h$1("div", { class: "form-group", key: fieldName }, h$1("label", { htmlFor: fieldName, class: "form-label" }, field.title || fieldName, field.required && h$1("span", { class: "required" }, "*"), this.renderConfidenceIndicator(this.getFieldConfidence(fieldName))), this.renderFormField(fieldName, field, ((_b = (_a = this.filledData) === null || _a === void 0 ? void 0 : _a[fieldName]) !== null && _b !== void 0 ? _b : field.value))));
                 });
         }
     }
@@ -5213,7 +5258,8 @@ const VoiceFormRecorder = class {
         };
     }
     getContainerStyle() {
-        const c = this.parsedTheme.container || {};
+        var _a;
+        const c = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.container) || {};
         return {
             width: c.width || 'auto',
             height: c.height || 'auto',
@@ -5225,7 +5271,8 @@ const VoiceFormRecorder = class {
         };
     }
     getStatusStyle() {
-        const s = this.parsedTheme.statusText || {};
+        var _a;
+        const s = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.statusText) || {};
         return {
             color: s.color || '#1e293b',
             fontSize: s.fontSize || '14px'