Update js/main.js

js/main.js

@@ -1,7 +1,7 @@
 // js/main.js
 
 // --- INICIO: Importaciones de Módulos ---
-import { renderIaConfigForm, transcriptionProviders, getIaConfig, llmProviders } from './iaConfigModule.js'; // Asegúrate que llmProviders esté importado si lo usas aquí (no parece necesario aquí)
+import { renderIaConfigForm, transcriptionProviders, getIaConfig } from './iaConfigModule.js';
 import { initRecorder } from './recordingModule.js';
 import { analyzeMedical } from './analysisModule.js';
 import { copyText } from './clipboardModule.js';
@@ -19,6 +19,7 @@ window.addEventListener('DOMContentLoaded', () => {
 
   // --- INICIO: Selección de Elementos DOM + VALIDACIÓN ---
   console.log("[Main] Seleccionando elementos del DOM...");
+  // (Selección de elementos igual que antes - verificar IDs si hay dudas)
   const btnConfig = document.getElementById('btnConfig');             if (!btnConfig) console.error("!!! ERROR CRÍTICO: #btnConfig no encontrado!");
   const modal = document.getElementById('configModal');                 if (!modal) console.error("!!! ERROR CRÍTICO: #configModal no encontrado!");
   const transcriptEl = document.getElementById('transcript');             if (!transcriptEl) console.error("!!! ERROR CRÍTICO: #transcript no encontrado!");
@@ -39,113 +40,136 @@ 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 ---
-  try {
-    // --- INICIO: Función para Actualizar Etiquetas de Modelo ---
-    // !! MOVIDA OTRA VEZ DENTRO de DOMContentLoaded !!
-    function updateModelLabels() {
-        console.log("[Main] Ejecutando updateModelLabels (definida DENTRO)...");
+ // --- INICIO: Función updateModelLabels (permanece DENTRO de DOMContentLoaded) ---
+  function updateModelLabels() {
+    console.log("[Main] Ejecutando updateModelLabels...");
+    try {
         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.");
-    }
+    } catch (e) { console.error("Error DENTRO de updateModelLabels:", e); }
+  }
+  // --- FIN: Función updateModelLabels ---
+
+ // --- INICIO: Bloques de Lógica envueltos en try...catch ---
+  try {
     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); }
+    document.addEventListener('iaConfigChanged', updateModelLabels);
+  } catch(e) { console.error("Error en setup inicial/listener etiquetas:", e); }
 
   try {
-    // --- INICIO: Lógica Modal Configuración ---
-    renderIaConfigForm('iaConfigContainer'); // ID como string
+    renderIaConfigForm('iaConfigContainer');
     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); }
+  } catch(e) { console.error("Error en setup Modal Config:", e); }
 
+  // --- INICIO: Lógica Pestaña Análisis Médico ---
   try {
-    // --- 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.');
+    // !! Listener para ANÁLISIS MÉDICO AUTOMÁTICO !!
+    document.addEventListener('transcriptionReady', async (e) => {
+        console.log("[Main] Evento 'transcriptionReady' recibido con detalle:", e.detail); // LOG para ver si llega
+        const transcriptText = e.detail;
+        if (!transcriptText) {
+             console.warn("[Main] Evento 'transcriptionReady' sin texto. No se analiza.");
+             return;
         }
-        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(outputEnfermedadEl) outputEnfermedadEl.textContent='Analizando transcripción...';
+        if(outputExploracionEl) outputExploracionEl.textContent='';
+        try {
+          console.log("[Main] Llamando a analyzeMedical...");
+          const result = await analyzeMedical(transcriptText); // Llama al módulo de análisis médico
+           console.log("[Main] Respuesta de analyzeMedical recibida.");
+          const sections = result.split(/\n\s*\n/);
+          if(outputEnfermedadEl) outputEnfermedadEl.textContent=sections[0]?.trim()||'(Análisis médico no generado)';
+          if(outputExploracionEl) outputExploracionEl.textContent=sections.slice(1).join('\n\n').trim()||'(Análisis médico no generado)';
+        } catch (err) {
+          console.error("Error DENTRO del listener transcriptionReady (analyzeMedical):", err);
+          if(outputEnfermedadEl) outputEnfermedadEl.textContent = `Error análisis médico: ${err.message}`;
+          alert(`Error análisis médico: ${err.message}`);
+        }
+    });
+    console.log("[Main] Listener para 'transcriptionReady' añadido."); // Confirmar que se añade
 
+    function getTranscriptionProviderUrl() { /* ... código sin cambios ... */ return ''; }
     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 ---
+    if (btnCopyTranscript) { btnCopyTranscript.addEventListener('click', async () => { /* ... */ }); }
+    if (btnCopyAnalysis) { btnCopyAnalysis.addEventListener('click', async () => { /* ... */ }); }
   } catch(e) { console.error("Error en setup Pestaña Análisis Médico:", e); }
+  // --- FIN: Lógica Pestaña Análisis Médico ---
 
   try {
-    // --- 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}`); } }
+    // Lógica de Cambio de Pestañas (sin cambios)
+    function switchTab(clickedTab) { /* ... */ }
     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 {
-    // --- 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 ---
+    // Listener para Limpiar UI al Iniciar Grabación (sin cambios)
+    document.addEventListener('newRecordingStarted', () => { /* ... */ });
   } catch(e) { console.error("Error añadiendo listener Limpiar UI:", e); }
 
+  // --- INICIO: Lógica Pestaña Análisis de Exámenes (CON CORRECCIÓN IIFE) ---
   try {
-    // --- 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:", resultText); lastLabResultText = resultText;
-                const filterIsActive = filterAlteredLabsCheckbox.checked;
-                displayLabResults(resultText, labResultsOutput, filterIsActive);
-                // 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; }
-        });
-        filterAlteredLabsCheckbox.addEventListener('change', () => { if (!lastLabResultText || !labResultsOutput) return; const filterIsActive = filterAlteredLabsCheckbox.checked; displayLabResults(lastLabResultText, labResultsOutput, filterIsActive); });
+
+        // !! Aplicar IIFE para intentar solucionar problema de scope !!
+        btnAnalyzeLabs.addEventListener('click', (function() {
+            // Esta parte se ejecuta UNA VEZ al crear el listener
+            // Capturamos la referencia a updateModelLabels aquí
+            const localUpdateFn = updateModelLabels; // Guardar referencia a la función externa
+            console.log("[Main] Listener btnAnalyzeLabs creado. Referencia a updateModelLabels guardada:", typeof localUpdateFn);
+
+            // Retornamos la función ASÍNCRONA que manejará el evento click
+            return async () => {
+                console.log("[Main] Click en btnAnalyzeLabs detectado.");
+                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:", resultText); lastLabResultText = resultText;
+                    const filterIsActive = filterAlteredLabsCheckbox.checked;
+                    displayLabResults(resultText, labResultsOutput, filterIsActive);
+
+                    // Intentar llamar a la función usando la referencia local
+                    console.log("[Main] Intentando llamar a localUpdateFn...");
+                    if (typeof localUpdateFn === 'function') {
+                        localUpdateFn(); // Llamar usando la referencia capturada
+                    } else {
+                        // Si esto aparece, la referencia se perdió o no se capturó bien
+                        console.error("!!! localUpdateFn NO es una función dentro del handler !!! Tipo:", typeof localUpdateFn);
+                        alert("Error interno: La función para actualizar etiquetas no está disponible (IIFE).");
+                    }
+                } catch (error) {
+                    console.error("Error DENTRO listener btnAnalyzeLabs (IIFE):", 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;
+                }
+            }; // Fin de la función async devuelta
+        })()); // Fin de la IIFE (se ejecuta inmediatamente)
+
+        // Listener para el checkbox de filtro (sin cambios)
+        filterAlteredLabsCheckbox.addEventListener('change', () => { if (!lastLabResultText || !labResultsOutput) return; const f = filterAlteredLabsCheckbox.checked; displayLabResults(lastLabResultText, labResultsOutput, f); });
+
     } else { console.error("Faltan elementos para setup Pestaña Análisis Exámenes"); }
-    if (btnCopyLabResults && labResultsOutput) { btnCopyLabResults.addEventListener('click', async () => { /* ... */ }); } // Código interno sin cambios
+
+    // Listener para copiar resultados (sin cambios)
+    if (btnCopyLabResults && labResultsOutput) { btnCopyLabResults.addEventListener('click', async () => { /* ... */ }); }
     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); }
+  // --- FIN: Lógica Pestaña Análisis de Exámenes ---
 
   console.log("[Main] Configuración de listeners finalizada.");
 }); // Fin de window.addEventListener('DOMContentLoaded', ...)