Update js/main.js

js/main.js

@@ -1,47 +1,15 @@
 // js/main.js
 
 // --- INICIO: Importaciones de Módulos ---
-import { renderIaConfigForm, transcriptionProviders, getIaConfig } from './iaConfigModule.js';
+import { renderIaConfigForm, transcriptionProviders, getIaConfig, llmProviders } from './iaConfigModule.js'; // Asegúrate que llmProviders esté importado si lo usas aquí (no parece necesario aquí)
 import { initRecorder } from './recordingModule.js';
 import { analyzeMedical } from './analysisModule.js';
 import { copyText } from './clipboardModule.js';
 import { analyzeLabResults, displayLabResults } from './labAnalysisModule.js';
 // --- FIN: Importaciones de Módulos ---
 
-console.log("[Main] Script main.js cargado. Definiendo funciones globales y esperando DOMContentLoaded...");
+console.log("[Main] Script main.js cargado. Esperando DOMContentLoaded...");
 
-// --- INICIO: Función Global para Actualizar Etiquetas de Modelo ---
-// !! MOVIDA FUERA del DOMContentLoaded para probar si soluciona el error de scope !!
-function updateModelLabels() {
-    console.log("[Main] Ejecutando updateModelLabels (Definición Global)...");
-    try { // Añadir try-catch aquí también por si acaso
-        const cfg = getIaConfig(); // Necesita getIaConfig importada
-        const transProvider = cfg?.transcription?.provider;
-        const transModel = cfg?.transcription?.models?.[transProvider] || 'N/A';
-        const llmProvider = cfg?.llm?.provider;
-        const llmModel = cfg?.llm?.model || 'N/A';
-
-        const transLabel = document.getElementById('trans-model-label');
-        if (transLabel) { transLabel.textContent = transModel ? `(${transModel})` : ''; }
-        else { console.warn("Elemento #trans-model-label no encontrado."); }
-
-        const analysisLabel = document.getElementById('analysis-model-label');
-        if (analysisLabel) { analysisLabel.textContent = llmModel ? `(${llmModel})` : ''; }
-        else { console.warn("Elemento #analysis-model-label no encontrado."); }
-
-        const labLabel = document.getElementById('lab-model-label');
-        if (labLabel) { labLabel.textContent = llmModel ? `(${llmModel})` : ''; }
-        else { console.warn("Elemento #lab-model-label no encontrado."); }
-
-        console.log("[Main] updateModelLabels (Definición Global) finalizado.");
-    } catch (e) {
-         console.error("Error DENTRO de updateModelLabels:", e);
-    }
-}
-// --- FIN: Función Global para Actualizar Etiquetas de Modelo ---
-
-
-// --- INICIO: Listener DOMContentLoaded ---
 window.addEventListener('DOMContentLoaded', () => {
   console.log("[Main] Evento DOMContentLoaded detectado. Iniciando configuración...");
 
@@ -71,71 +39,112 @@ window.addEventListener('DOMContentLoaded', () => {
   console.log("[Main] Selección de elementos del DOM finalizada.");
   // --- FIN: Selección de Elementos DOM + VALIDACIÓN ---
 
- // --- INICIO: Bloques de Lógica envueltos en try...catch ---
+ // --- INICIO: Bloques de Lógica ---
   try {
-    // Llamada inicial a la función (ahora global)
-    updateModelLabels();
-    // Listener para cambios (la función sigue siendo global)
-    document.addEventListener('iaConfigChanged', updateModelLabels);
-  } catch(e) { console.error("Error en setup inicial/listener etiquetas de modelo:", e); }
+    // --- INICIO: Función para Actualizar Etiquetas de Modelo ---
+    // !! MOVIDA OTRA VEZ DENTRO de DOMContentLoaded !!
+    function updateModelLabels() {
+        console.log("[Main] Ejecutando updateModelLabels (definida DENTRO)...");
+        const cfg = getIaConfig();
+        const transProvider = cfg?.transcription?.provider;
+        const transModel = cfg?.transcription?.models?.[transProvider] || 'N/A';
+        const llmProvider = cfg?.llm?.provider;
+        const llmModel = cfg?.llm?.model || 'N/A';
+
+        const transLabel = document.getElementById('trans-model-label');
+        if (transLabel) transLabel.textContent = transModel ? `(${transModel})` : '';
+        const analysisLabel = document.getElementById('analysis-model-label');
+        if (analysisLabel) analysisLabel.textContent = llmModel ? `(${llmModel})` : '';
+        const labLabel = document.getElementById('lab-model-label');
+        if (labLabel) labLabel.textContent = llmModel ? `(${llmModel})` : '';
+        console.log("[Main] updateModelLabels (definida DENTRO) finalizado.");
+    }
+    updateModelLabels(); // Llamada inicial
+    document.addEventListener('iaConfigChanged', updateModelLabels); // Listener para cambios
+    // --- FIN: Función para Actualizar Etiquetas de Modelo ---
+  } catch(e) { console.error("Error en setup de etiquetas de modelo:", e); }
 
   try {
-    // Lógica Modal Configuración (sin cambios aquí)
-    renderIaConfigForm('iaConfigContainer');
+    // --- INICIO: Lógica Modal Configuración ---
+    renderIaConfigForm('iaConfigContainer'); // ID como string
     if(btnConfig) { btnConfig.addEventListener('click', () => { renderIaConfigForm('iaConfigContainer'); if (modal) modal.classList.add('active'); }); }
     if(modal) { modal.addEventListener('mousedown', e => { if (e.target === modal) modal.classList.remove('active'); }); }
+    // --- FIN: Lógica Modal Configuración ---
   } catch(e) { console.error("Error en setup del Modal Configuración:", e); }
 
   try {
-    // Lógica Pestaña Análisis Médico (sin cambios aquí)
-    document.addEventListener('transcriptionReady', async e => { /* ... */ });
-    function getTranscriptionProviderUrl() { /* ... */ return ''; } // Esta función SÍ debe quedar DENTRO de DOMContentLoaded si usa variables definidas aquí
-    if (btnStart && btnStop && transcriptEl && typeof initRecorder === 'function') { initRecorder({ btnStart, btnStop, transcriptEl, getProvider: getTranscriptionProviderUrl }); } else { console.error("Faltan elementos/función para initRecorder"); }
-    if (btnCopyTranscript) { btnCopyTranscript.addEventListener('click', async () => { /* ... */ }); }
-    if (btnCopyAnalysis) { btnCopyAnalysis.addEventListener('click', async () => { /* ... */ }); }
+    // --- INICIO: Lógica Pestaña Análisis Médico ---
+    document.addEventListener('transcriptionReady', async e => { /* ... */ }); // Código interno sin cambios
+
+    // --- INICIO: getTranscriptionProviderUrl con LOGS ---
+    function getTranscriptionProviderUrl() {
+        console.log("[Main] Ejecutando getTranscriptionProviderUrl...");
+        const cfg = getIaConfig();
+        console.log("[Main] Configuración obtenida:", cfg); // LOG Configuración
+        const providerValue = cfg?.transcription?.provider;
+        console.log(`[Main] Proveedor de transcripción en config: ${providerValue}`); // LOG Proveedor
+
+        if (providerValue) {
+            // Log para ver la lista de proveedores importada
+            console.log("[Main] Lista de proveedores de transcripción (importada):", transcriptionProviders);
+            const prov = transcriptionProviders.find(p => p.value === providerValue);
+            console.log(`[Main] Proveedor encontrado en la lista:`, prov); // LOG Proveedor encontrado
+            if (prov?.url) {
+                console.log(`[Main] URL encontrada para ${providerValue}: ${prov.url}`); // LOG URL encontrada
+                return prov.url; // Retorna URL
+            } else {
+                 console.warn(`[Main] URL no encontrada para el proveedor '${providerValue}' en la lista.`);
+            }
+        } else {
+             console.warn('[Main] No se encontró providerValue en cfg.transcription.provider.');
+        }
+        console.error('[Main] Fallo al obtener URL del proveedor de transcripción. Retornando vacío.'); // LOG Error final
+        return ''; // Retorna vacío si falla
+    }
+     // --- FIN: getTranscriptionProviderUrl con LOGS ---
+
+    if (btnStart && btnStop && transcriptEl && typeof initRecorder === 'function') {
+        initRecorder({ btnStart, btnStop, transcriptEl, getProvider: getTranscriptionProviderUrl });
+    } else { console.error("Faltan elementos/función para initRecorder"); }
+    if (btnCopyTranscript) { btnCopyTranscript.addEventListener('click', async () => { /* ... */ }); } // Código interno sin cambios
+    if (btnCopyAnalysis) { btnCopyAnalysis.addEventListener('click', async () => { /* ... */ }); } // Código interno sin cambios
+    // --- FIN: Lógica Pestaña Análisis Médico ---
   } catch(e) { console.error("Error en setup Pestaña Análisis Médico:", e); }
 
   try {
-    // Lógica de Cambio de Pestañas (sin cambios aquí)
-    function switchTab(clickedTab) { /* ... */ } // Esta función SÍ debe quedar DENTRO si usa variables definidas aquí
+    // --- INICIO: Lógica de Cambio de Pestañas ---
+    function switchTab(clickedTab) { const tId=clickedTab.dataset.contentId; const tC=document.getElementById(tId); if(tC&&!tC.classList.contains('active')){ allTabButtons.forEach(b => { const aC=b.dataset.activeClasses.split(' '); const iC=b.dataset.inactiveClasses.split(' '); b.classList.remove(...aC.filter(c=>c)); b.classList.add(...iC.filter(c=>c)); }); allTabContents.forEach(c=>{c.classList.remove('active');}); const aCadd=clickedTab.dataset.activeClasses.split(' '); const iCrem=clickedTab.dataset.inactiveClasses.split(' '); clickedTab.classList.remove(...iCrem.filter(c=>c)); clickedTab.classList.add(...aCadd.filter(c=>c)); tC.classList.add('active'); console.log(`Pestaña: ${tId}`); } }
     if(allTabButtons.length>0){ allTabButtons.forEach(b=>{b.addEventListener('click',(e)=>{switchTab(e.currentTarget);});}); } else { console.error("No se pueden añadir listeners tabs."); }
+    // --- FIN: Lógica de Cambio de Pestañas ---
   } catch(e) { console.error("Error en setup Cambio de Pestañas:", e); }
 
   try {
-    // Listener para Limpiar UI al Iniciar Grabación (sin cambios aquí)
-    document.addEventListener('newRecordingStarted', () => { /* ... */ });
+    // --- INICIO: Listener para Limpiar UI al Iniciar Grabación ---
+    document.addEventListener('newRecordingStarted', () => { console.log('[Main] Evento newRec recibido. Limpiando...'); if(outputEnfermedadEl) outputEnfermedadEl.textContent=''; if(outputExploracionEl) outputExploracionEl.textContent=''; if(labInputText) labInputText.value=''; if(labResultsOutput) labResultsOutput.innerHTML=''; lastLabResultText=''; console.log('[Main] Limpieza UI completada.'); });
+    // --- FIN: Listener para Limpiar UI al Iniciar Grabación ---
   } catch(e) { console.error("Error añadiendo listener Limpiar UI:", e); }
 
   try {
-    // Lógica Pestaña Análisis de Exámenes
+    // --- INICIO: Lógica Pestaña Análisis de Exámenes ---
     if (btnAnalyzeLabs && labInputText && labLoadingIndicator && filterAlteredLabsCheckbox && labResultsOutput) {
         btnAnalyzeLabs.addEventListener('click', async () => {
             const inputText = labInputText.value; if (!inputText.trim()) { alert("Pega resultados."); return; }
             labLoadingIndicator.style.display = 'flex'; btnAnalyzeLabs.disabled = true; filterAlteredLabsCheckbox.disabled = true; labResultsOutput.innerHTML = ''; lastLabResultText = '';
             try {
                 const resultText = await analyzeLabResults(inputText);
-                console.log("========= RAW AI RESPONSE START ========="); console.log(resultText); console.log("========= RAW AI RESPONSE END =========");
-                lastLabResultText = resultText;
+                console.log("RAW AI RESPONSE:", resultText); lastLabResultText = resultText;
                 const filterIsActive = filterAlteredLabsCheckbox.checked;
                 displayLabResults(resultText, labResultsOutput, filterIsActive);
-                // Llamada a la función (ahora global)
-                updateModelLabels(); // Intentar llamar a la función global
-            } catch (error) {
-                // Mostrar el error específico que ocurre aquí
-                console.error("Error DENTRO del listener de btnAnalyzeLabs:", error);
-                if(labResultsOutput) labResultsOutput.innerHTML = `<p class="text-red-600">Error: ${error.message}</p>`;
-                // Mostrar alerta con el error específico
-                alert(`Error al analizar resultados: ${error.message}`);
-            } finally {
-                labLoadingIndicator.style.display = 'none'; btnAnalyzeLabs.disabled = false; filterAlteredLabsCheckbox.disabled = false;
-            }
+                // Llamada a la función (ahora definida dentro de DOMContentLoaded)
+                updateModelLabels();
+            } catch (error) { console.error("Error DENTRO listener btnAnalyzeLabs:", error); if(labResultsOutput) labResultsOutput.innerHTML = `<p class="text-red-600">Error: ${error.message}</p>`; alert(`Error al analizar: ${error.message}`); }
+            finally { labLoadingIndicator.style.display = 'none'; btnAnalyzeLabs.disabled = false; filterAlteredLabsCheckbox.disabled = false; }
         });
-        // Listener para el checkbox de filtro (sin cambios)
-        filterAlteredLabsCheckbox.addEventListener('change', () => { if (!lastLabResultText) return; const filterIsActive = filterAlteredLabsCheckbox.checked; if(labResultsOutput) displayLabResults(lastLabResultText, labResultsOutput, filterIsActive); });
+        filterAlteredLabsCheckbox.addEventListener('change', () => { if (!lastLabResultText || !labResultsOutput) return; const filterIsActive = filterAlteredLabsCheckbox.checked; displayLabResults(lastLabResultText, labResultsOutput, filterIsActive); });
     } else { console.error("Faltan elementos para setup Pestaña Análisis Exámenes"); }
-    // Listener para copiar resultados (sin cambios)
-    if (btnCopyLabResults && labResultsOutput) { btnCopyLabResults.addEventListener('click', async () => { /* ... */ }); }
+    if (btnCopyLabResults && labResultsOutput) { btnCopyLabResults.addEventListener('click', async () => { /* ... */ }); } // Código interno sin cambios
     else { console.error("Faltan elementos para botón Copiar Lab"); }
+    // --- FIN: Lógica Pestaña Análisis de Exámenes ---
    } catch(e) { console.error("Error en setup Pestaña Análisis Exámenes:", e); }
 
   console.log("[Main] Configuración de listeners finalizada.");