Update js/main.js

js/main.js

@@ -1,92 +1,278 @@
 // js/main.js
-import { renderIaConfigForm, transcriptionProviders } from './iaConfigModule.js';
+
+// --- INICIO: Importaciones de Módulos ---
+import { renderIaConfigForm, transcriptionProviders, getIaConfig } from './iaConfigModule.js'; // Añadido getIaConfig
 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';
+// --- 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 = '';
+  // --- 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 = JSON.parse(localStorage.getItem('iaConfig'));
-    const transModel = cfg?.transcription?.models?.[cfg.transcription.provider] || '';
-    const llmModel = cfg?.llm?.model || '';
+    const cfg = getIaConfig(); // Usar la función importada para obtener config
+    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
+
+    // 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);
+  // --- FIN: Función para Actualizar Etiquetas de Modelo ---
 
-  // Elements
+  // --- 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');
   const outputExploracionEl = document.getElementById('output-exploracion');
-  let iaConfig = renderIaConfigForm('iaConfigContainer'); // render initial form, returns config if modified
+  const btnStart = document.getElementById('btnStart');
+  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
+  const labInputText = document.getElementById('lab-input-text');
+  const btnAnalyzeLabs = document.getElementById('btnAnalyzeLabs');
+  const labLoadingIndicator = document.getElementById('lab-loading-indicator');
+  const filterAlteredLabsCheckbox = document.getElementById('filterAlteredLabs');
+  const labResultsOutput = document.getElementById('lab-results-output');
+  const btnCopyLabResults = document.getElementById('btnCopyLabResults');
+  // --- FIN: Selección de Elementos DOM ---
 
-  // Open modal and render form
+  // --- INICIO: Lógica Modal Configuración ---
+  // Renderizar formulario inicial (no debería modificar config aún)
+  renderIaConfigForm(iaConfigContainer);
+
+  // Abrir modal y renderizar formulario actualizado
   btnConfig.addEventListener('click', () => {
-    renderIaConfigForm('iaConfigContainer');
+    renderIaConfigForm(iaConfigContainer); // Re-renderizar al abrir por si algo cambió
     modal.classList.add('active');
   });
-  // Close modal clicking outside or on close button (handled in module)
+  // Cerrar modal clicando fuera (manejado en módulo) o en botón X (manejado en módulo)
   modal.addEventListener('mousedown', e => {
     if (e.target === modal) modal.classList.remove('active');
   });
+  // --- FIN: Lógica Modal Configuración ---
 
-  // Análisis médico automático tras recibir transcripción usando módulo local
+  // --- INICIO: Lógica Pestaña Análisis Médico (Transcripción y Análisis) ---
+  // Evento: Transcripción lista -> Iniciar Análisis Médico
   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)
+    outputEnfermedadEl.textContent = 'Analizando...';
+    outputExploracionEl.textContent = '';
+
     try {
-      const result = await analyzeMedical(e.detail);
-      // Dividir en dos párrafos y mostrar en UI
-      const sections = result.split(/\n\s*\n/);
-      outputEnfermedadEl.textContent = sections[0] || '';
-      outputExploracionEl.textContent = sections[1] || '';
+      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
+      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(err);
-      alert('Error en análisis médico');
+      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
     }
   });
 
-  // Initialize recorder
-  const btnStart = document.getElementById('btnStart');
-  const btnStop = document.getElementById('btnStop');
-  const transcript = transcriptEl;
-  function getProvider() {
-    const cfg = JSON.parse(localStorage.getItem('iaConfig'));
-    if (cfg && cfg.transcription && cfg.transcription.provider) {
-      const prov = transcriptionProviders.find(p => p.value === cfg.transcription.provider);
-      if (prov && prov.url) return prov.url;
+  // Inicializar Grabadora de Audio
+  function getTranscriptionProviderUrl() { // Renombrado para claridad
+    const cfg = getIaConfig();
+    const providerValue = cfg?.transcription?.provider;
+    if (providerValue) {
+      const prov = transcriptionProviders.find(p => p.value === providerValue);
+      if (prov?.url) return prov.url;
     }
-    alert('Debes configurar un proveedor de transcripción primero.');
-    return '';
+    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
   }
-  initRecorder({ btnStart, btnStop, transcriptEl: transcript, getProvider });
+  // 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
+  });
 
-  // Copiar transcripción
-  const btnCopyTranscript = document.getElementById('btnCopyTranscript');
+  // Copiar Transcripción
   if (btnCopyTranscript) {
     btnCopyTranscript.addEventListener('click', async () => {
       try {
         await copyText(transcriptEl.value);
-        console.log('Transcripción copiada al portapapeles');
-      } catch {
-        console.error('Error al copiar transcripción');
+        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.');
       }
     });
   }
-  // Copiar análisis médico
-  const btnCopyAnalysis = document.getElementById('btnCopyAnalysis');
+
+  // 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 al portapapeles');
-      } catch {
-        console.error('Error al copiar análisis médico');
+        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.');
+      }
+    });
+  }
+  // --- 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;
+    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');
+
+      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);
+  // --- 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"
+  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;
+      }
+
+      // 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
+
+      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
+        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;
+      }
+    });
+  }
+
+  // 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.');
       }
     });
   }
-});
+  // --- FIN: Lógica Pestaña Análisis de Exámenes ---
+
+}); // Fin de window.addEventListener('DOMContentLoaded', ...)