Update js/main.js

js/main.js

@@ -1,55 +1,43 @@
 // js/main.js
 
 // --- INICIO: Importaciones de Módulos ---
-import { renderIaConfigForm, transcriptionProviders, getIaConfig } from './iaConfigModule.js'; // Añadido getIaConfig
+import { renderIaConfigForm, transcriptionProviders, getIaConfig } from './iaConfigModule.js';
 import { initRecorder } from './recordingModule.js';
 import { analyzeMedical } from './analysisModule.js';
 import { copyText } from './clipboardModule.js';
-// NUEVO: Importar funciones del módulo de análisis de laboratorio
-import { analyzeLabResults, displayLabResults } from './labAnalysisModule.js';
+import { analyzeLabResults, displayLabResults } from './labAnalysisModule.js'; // Asegúrate que esta línea está presente
 // --- FIN: Importaciones de Módulos ---
 
 // Esperar a que el DOM esté completamente cargado
 window.addEventListener('DOMContentLoaded', () => {
 
-  // --- INICIO: Variables y Estado Global (dentro del scope del DOMContentLoaded) ---
-  // Variable para guardar el último resultado completo del análisis de laboratorio (para re-filtrar)
-  let lastLabResultText = '';
+  // --- INICIO: Variables y Estado Global ---
+  let lastLabResultText = ''; // Para guardar último resultado lab (filtrado)
   // --- FIN: Variables y Estado Global ---
 
   // --- INICIO: Función para Actualizar Etiquetas de Modelo ---
-  // Actualiza las etiquetas que muestran qué modelo IA se está usando
   function updateModelLabels() {
-    const cfg = getIaConfig(); // Usar la función importada para obtener config
+    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'; // Usar el modelo LLM general
+    const llmModel = cfg?.llm?.model || 'N/A';
 
-    // Etiqueta modelo Transcripción
     const transLabel = document.getElementById('trans-model-label');
     if (transLabel) transLabel.textContent = transModel ? `(${transModel})` : '';
-
-    // Etiqueta modelo Análisis Médico
     const analysisLabel = document.getElementById('analysis-model-label');
     if (analysisLabel) analysisLabel.textContent = llmModel ? `(${llmModel})` : '';
-
-    // NUEVO: Etiqueta modelo Análisis Laboratorio
     const labLabel = document.getElementById('lab-model-label');
     if (labLabel) labLabel.textContent = llmModel ? `(${llmModel})` : '';
   }
-  // Llamada inicial para establecer las etiquetas
-  updateModelLabels();
-  // Escuchar cambios en la config para actualizar etiquetas
-  document.addEventListener('iaConfigChanged', updateModelLabels);
+  updateModelLabels(); // Llamada inicial
+  document.addEventListener('iaConfigChanged', updateModelLabels); // Listener para cambios
   // --- FIN: Función para Actualizar Etiquetas de Modelo ---
 
   // --- INICIO: Selección de Elementos DOM ---
   // Configuración
   const btnConfig = document.getElementById('btnConfig');
   const modal = document.getElementById('configModal');
-  const iaConfigContainer = document.getElementById('iaConfigContainer');
-
   // Pestaña Análisis Médico
   const transcriptEl = document.getElementById('transcript');
   const outputEnfermedadEl = document.getElementById('output-enfermedad');
@@ -58,14 +46,10 @@ window.addEventListener('DOMContentLoaded', () => {
   const btnStop = document.getElementById('btnStop');
   const btnCopyTranscript = document.getElementById('btnCopyTranscript');
   const btnCopyAnalysis = document.getElementById('btnCopyAnalysis');
-
-  // NUEVO: Elementos de Pestañas
-  const tabMedicalAnalysis = document.getElementById('tab-medical-analysis');
-  const tabLabAnalysis = document.getElementById('tab-lab-analysis');
-  const contentMedicalAnalysis = document.getElementById('content-medical-analysis');
-  const contentLabAnalysis = document.getElementById('content-lab-analysis');
-
-  // NUEVO: Elementos Pestaña Análisis de Exámenes
+  // Elementos Pestañas
+  const allTabButtons = document.querySelectorAll('.tab-button'); // Seleccionar todos los botones de pestaña
+  const allTabContents = document.querySelectorAll('.tab-content'); // Seleccionar todos los contenidos de pestaña
+  // Elementos Pestaña Análisis de Exámenes
   const labInputText = document.getElementById('lab-input-text');
   const btnAnalyzeLabs = document.getElementById('btnAnalyzeLabs');
   const labLoadingIndicator = document.getElementById('lab-loading-indicator');
@@ -74,163 +58,134 @@ window.addEventListener('DOMContentLoaded', () => {
   const btnCopyLabResults = document.getElementById('btnCopyLabResults');
   // --- FIN: Selección de Elementos DOM ---
 
-  // --- INICIO: Lógica Modal Configuración ---
-  // Renderizar formulario inicial (no debería modificar config aún)
-  renderIaConfigForm(iaConfigContainer);
+  // --- INICIO: Lógica Modal Configuración (CORREGIDA) ---
+  // Renderizar formulario inicial
+  // !! CORRECCIÓN IMPORTANTE: Pasar el ID como string !!
+  renderIaConfigForm('iaConfigContainer');
 
-  // Abrir modal y renderizar formulario actualizado
+  // Abrir modal
   btnConfig.addEventListener('click', () => {
-    renderIaConfigForm(iaConfigContainer); // Re-renderizar al abrir por si algo cambió
+    // !! CORRECCIÓN IMPORTANTE: Pasar el ID como string !!
+    renderIaConfigForm('iaConfigContainer');
     modal.classList.add('active');
   });
-  // Cerrar modal clicando fuera (manejado en módulo) o en botón X (manejado en módulo)
+  // Cerrar modal
   modal.addEventListener('mousedown', e => {
     if (e.target === modal) modal.classList.remove('active');
   });
   // --- FIN: Lógica Modal Configuración ---
 
-  // --- INICIO: Lógica Pestaña Análisis Médico (Transcripción y Análisis) ---
-  // Evento: Transcripción lista -> Iniciar Análisis Médico
+  // --- INICIO: Lógica Pestaña Análisis Médico (Sin cambios funcionales) ---
   document.addEventListener('transcriptionReady', async e => {
     const transcriptText = e.detail;
-    if (!transcriptText) return; // No analizar si no hay transcripción
-
-    // Limpiar análisis previo y mostrar estado (opcional)
+    if (!transcriptText) return;
     outputEnfermedadEl.textContent = 'Analizando...';
     outputExploracionEl.textContent = '';
-
     try {
-      const result = await analyzeMedical(transcriptText); // Llama al módulo de análisis
-      // Dividir en dos párrafos (o como esté estructurado) y mostrar en UI
-      const sections = result.split(/\n\s*\n/); // Asume división por doble salto de línea
+      const result = await analyzeMedical(transcriptText);
+      const sections = result.split(/\n\s*\n/);
       outputEnfermedadEl.textContent = sections[0]?.trim() || '(No se generó Enfermedad Actual)';
       outputExploracionEl.textContent = sections.slice(1).join('\n\n').trim() || '(No se generó Exploración/Actuación)';
     } catch (err) {
       console.error("Error en análisis médico:", err);
       outputEnfermedadEl.textContent = `Error en análisis: ${err.message}`;
       outputExploracionEl.textContent = '';
-      alert(`Error en análisis médico: ${err.message}`); // Notificar al usuario
+      alert(`Error en análisis médico: ${err.message}`);
     }
   });
 
-  // Inicializar Grabadora de Audio
-  function getTranscriptionProviderUrl() { // Renombrado para claridad
+  function getTranscriptionProviderUrl() {
     const cfg = getIaConfig();
     const providerValue = cfg?.transcription?.provider;
     if (providerValue) {
       const prov = transcriptionProviders.find(p => p.value === providerValue);
       if (prov?.url) return prov.url;
     }
-    console.warn('No se pudo obtener la URL del proveedor de transcripción desde la configuración.');
-    alert('Configuración de transcripción incompleta. Por favor, configura un proveedor y API key.');
-    return ''; // Retornar vacío para prevenir error si no hay config
+    console.warn('No se pudo obtener la URL del proveedor de transcripción.');
+    alert('Configuración de transcripción incompleta.');
+    return '';
   }
-  // Pasar elementos y función para obtener URL del proveedor al módulo de grabación
   initRecorder({
-      btnStart: btnStart,
-      btnStop: btnStop,
-      transcriptEl: transcriptEl,
-      getProvider: getTranscriptionProviderUrl // Pasar la función renombrada
+      btnStart: btnStart, btnStop: btnStop, transcriptEl: transcriptEl,
+      getProvider: getTranscriptionProviderUrl
   });
 
-  // Copiar Transcripción
   if (btnCopyTranscript) {
     btnCopyTranscript.addEventListener('click', async () => {
-      try {
-        await copyText(transcriptEl.value);
-        console.log('Transcripción copiada');
-        // Feedback visual rápido (opcional)
-        const originalText = btnCopyTranscript.innerHTML;
-        btnCopyTranscript.innerHTML = '<i class="fas fa-check mr-2"></i>Copiado';
-        setTimeout(() => { btnCopyTranscript.innerHTML = originalText; }, 1500);
-      } catch (err) {
-        console.error('Error al copiar transcripción:', err);
-        alert('Error al copiar la transcripción.');
-      }
+      try { await copyText(transcriptEl.value); console.log('Transcripción copiada'); /* Add feedback */ }
+      catch (err) { console.error('Error al copiar transcripción:', err); alert('Error al copiar transcripción.'); }
     });
   }
-
-  // Copiar Análisis Médico
   if (btnCopyAnalysis) {
     btnCopyAnalysis.addEventListener('click', async () => {
-      try {
-        const text = `${outputEnfermedadEl.textContent}\n\n${outputExploracionEl.textContent}`;
-        await copyText(text);
-        console.log('Análisis médico copiado');
-        // Feedback visual rápido (opcional)
-        const originalText = btnCopyAnalysis.innerHTML;
-        btnCopyAnalysis.innerHTML = '<i class="fas fa-check mr-2"></i>Copiado';
-        setTimeout(() => { btnCopyAnalysis.innerHTML = originalText; }, 1500);
-      } catch (err) {
-        console.error('Error al copiar análisis médico:', err);
-        alert('Error al copiar el análisis médico.');
-      }
+      try { const text = `${outputEnfermedadEl.textContent}\n\n${outputExploracionEl.textContent}`; await copyText(text); console.log('Análisis médico copiado'); /* Add feedback */ }
+      catch (err) { console.error('Error al copiar análisis médico:', err); alert('Error al copiar análisis médico.'); }
     });
   }
   // --- FIN: Lógica Pestaña Análisis Médico ---
 
-  // --- INICIO: Lógica de Cambio de Pestañas ---
-  function switchTab(event) {
-    // Obtener el botón de pestaña que fue clickeado
-    const clickedTab = event.currentTarget;
-    // Obtener el ID del contenido asociado desde el atributo data-target
-    const targetContentId = clickedTab.dataset.target;
+  // --- INICIO: Lógica de Cambio de Pestañas (CORREGIDA) ---
+  function switchTab(clickedTab) { // Recibe el botón clickeado directamente
+    const targetContentId = clickedTab.dataset.contentId;
     const targetContent = document.getElementById(targetContentId);
 
-    // Si el target existe y no está ya activo
-    if (targetContent && !clickedTab.classList.contains('active')) {
-      // 1. Quitar 'active' de todos los botones de pestaña y contenidos
-      document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));
-      document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
-
-      // 2. Añadir 'active' al botón clickeado y a su contenido asociado
-      clickedTab.classList.add('active');
-      targetContent.classList.add('active');
+    // Si el contenido existe y NO está ya activo
+    if (targetContent && !targetContent.classList.contains('active')) {
+
+      // 1. Desactivar TODOS los botones y contenidos
+      allTabButtons.forEach(btn => {
+        const activeCls = btn.dataset.activeClasses.split(' ');
+        const inactiveCls = btn.dataset.inactiveClasses.split(' ');
+        // Quitar clases activas y añadir inactivas
+        btn.classList.remove(...activeCls.filter(c => c));
+        btn.classList.add(...inactiveCls.filter(c => c));
+      });
+      allTabContents.forEach(content => {
+        content.classList.remove('active');
+      });
+
+      // 2. Activar la pestaña clickeada y su contenido
+      const activeClsToAdd = clickedTab.dataset.activeClasses.split(' ');
+      const inactiveClsToRemove = clickedTab.dataset.inactiveClasses.split(' ');
+      clickedTab.classList.remove(...inactiveClsToRemove.filter(c => c));
+      clickedTab.classList.add(...activeClsToAdd.filter(c => c));
+      targetContent.classList.add('active'); // Mostrar contenido
 
       console.log(`Cambiado a pestaña: ${targetContentId}`);
     }
   }
 
-  // Añadir el event listener a cada botón de pestaña
-  if (tabMedicalAnalysis) tabMedicalAnalysis.addEventListener('click', switchTab);
-  if (tabLabAnalysis) tabLabAnalysis.addEventListener('click', switchTab);
+  // Añadir event listener a cada botón de pestaña
+  allTabButtons.forEach(button => {
+    button.addEventListener('click', (event) => {
+        switchTab(event.currentTarget); // Pasar el botón clickeado a la función
+    });
+  });
   // --- FIN: Lógica de Cambio de Pestañas ---
 
-  // --- INICIO: Lógica Pestaña Análisis de Exámenes ---
-  // Event Listener para el botón "Analizar Resultados"
+  // --- INICIO: Lógica Pestaña Análisis de Exámenes (Sin cambios funcionales aquí) ---
   if (btnAnalyzeLabs) {
     btnAnalyzeLabs.addEventListener('click', async () => {
       const inputText = labInputText.value;
-      if (!inputText.trim()) {
-        alert("Por favor, pega los resultados del laboratorio en el área de texto.");
-        return;
-      }
+      if (!inputText.trim()) { alert("Por favor, pega los resultados."); return; }
 
-      // Mostrar indicador de carga y deshabilitar controles
       labLoadingIndicator.style.display = 'flex';
       btnAnalyzeLabs.disabled = true;
       filterAlteredLabsCheckbox.disabled = true;
-      labResultsOutput.innerHTML = ''; // Limpiar salida anterior
-      lastLabResultText = ''; // Limpiar resultado anterior guardado
+      labResultsOutput.innerHTML = '';
+      lastLabResultText = '';
 
       try {
-        // Llamar al módulo para analizar
         const resultText = await analyzeLabResults(inputText);
-        lastLabResultText = resultText; // Guardar resultado completo para filtrar después
-
-        // Obtener estado actual del filtro
+        lastLabResultText = resultText;
         const filterIsActive = filterAlteredLabsCheckbox.checked;
-        // Mostrar resultado (filtrado o completo)
         displayLabResults(resultText, labResultsOutput, filterIsActive);
-        // Actualizar etiqueta del modelo usado
         updateModelLabels();
-
       } catch (error) {
         console.error("Error en análisis de laboratorio:", error);
         labResultsOutput.innerHTML = `<p class="text-red-600">Error al analizar: ${error.message}</p>`;
         alert(`Error al analizar los resultados: ${error.message}`);
       } finally {
-        // Ocultar indicador de carga y habilitar controles
         labLoadingIndicator.style.display = 'none';
         btnAnalyzeLabs.disabled = false;
         filterAlteredLabsCheckbox.disabled = false;
@@ -238,39 +193,22 @@ window.addEventListener('DOMContentLoaded', () => {
     });
   }
 
-  // Event Listener para el checkbox "Mostrar solo alterados"
   if (filterAlteredLabsCheckbox) {
     filterAlteredLabsCheckbox.addEventListener('change', () => {
-      // Si no hay resultado previo guardado, no hacer nada
       if (!lastLabResultText) return;
-
-      // Obtener estado actual del filtro
       const filterIsActive = filterAlteredLabsCheckbox.checked;
-      // Volver a mostrar los resultados (usando el texto completo guardado) con el nuevo estado del filtro
       displayLabResults(lastLabResultText, labResultsOutput, filterIsActive);
     });
   }
 
-  // Event Listener para el botón "Copiar Resultados" de Laboratorio
   if (btnCopyLabResults) {
     btnCopyLabResults.addEventListener('click', async () => {
-      // Copiar el contenido *actualmente visible* en el div de resultados
       const textToCopy = labResultsOutput.textContent;
       if (!textToCopy || textToCopy.startsWith('Error') || textToCopy.includes('No se generaron resultados')) {
-          alert('No hay resultados válidos para copiar.');
-          return;
-      }
-      try {
-        await copyText(textToCopy);
-        console.log('Resultados de laboratorio copiados');
-        // Feedback visual rápido (opcional)
-        const originalText = btnCopyLabResults.innerHTML;
-        btnCopyLabResults.innerHTML = '<i class="fas fa-check mr-2"></i>Copiado';
-        setTimeout(() => { btnCopyLabResults.innerHTML = originalText; }, 1500);
-      } catch (err) {
-        console.error('Error al copiar resultados de laboratorio:', err);
-        alert('Error al copiar los resultados.');
+          alert('No hay resultados válidos para copiar.'); return;
       }
+      try { await copyText(textToCopy); console.log('Resultados laboratorio copiados'); /* Add feedback */ }
+      catch (err) { console.error('Error al copiar resultados laboratorio:', err); alert('Error al copiar resultados.'); }
     });
   }
   // --- FIN: Lógica Pestaña Análisis de Exámenes ---