Update js/recordingModule.js

js/recordingModule.js

@@ -1,17 +1,30 @@
 // js/recordingModule.js
 
-export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
+// Modificamos la firma para aceptar el nuevo callback
+export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider, clearFieldsCallback }) {
   let mediaRecorder, audioChunks = [], transcriptText = '';
 
-  // Listener para el botón Iniciar (CON el disparo de evento TEMPORALMENTE DESACTIVADO)
+  // Listener para el botón Iniciar (MODIFICADO para usar el callback)
   btnStart.addEventListener('click', async () => {
     console.log('[Recorder] Botón Iniciar pulsado');
 
-    // --- INICIO: Limpieza y Evento ---
-    transcriptEl.value = ''; // Limpiar transcripción anterior
-    // document.dispatchEvent(new Event('newRecordingStarted')); // <<--- LÍNEA COMENTADA PARA PRUEBA
-    console.log('[Recorder] Evento newRecordingStarted DESACTIVADO TEMPORALMENTE'); // Log indicando que está desactivado
-    // --- FIN: Limpieza y Evento ---
+    // --- INICIO: Limpieza usando Callback ---
+    if (typeof clearFieldsCallback === 'function') {
+        console.log('[Recorder] Llamando a clearFieldsCallback...');
+        try {
+            clearFieldsCallback(); // <-- LLAMADA AL CALLBACK
+        } catch (error) {
+            console.error('[Recorder] Error al ejecutar clearFieldsCallback:', error);
+        }
+    } else {
+        console.warn('[Recorder] clearFieldsCallback no fue proporcionado o no es una función.');
+        // Opcionalmente, limpiar al menos la transcripción aquí como fallback
+        if (transcriptEl) transcriptEl.value = ''; // Fallback si no hay callback
+    }
+    // --- FIN: Limpieza usando Callback ---
+
+    // Ya no se necesitan las líneas de evento y log desactivado
+    // console.log('[Recorder] Evento newRecordingStarted DESACTIVADO TEMPORALMENTE'); // Eliminado
 
     const aiProviderUrl = getProvider();
     if (!aiProviderUrl) {
@@ -58,7 +71,7 @@ export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
     }
   });
 
-  // --- INICIO: Función onStop (Sin cambios aquí, es la versión funcional) ---
+  // --- INICIO: Función onStop (Sin cambios en su lógica interna) ---
   async function onStop() {
     console.log('[Recorder] Grabación detenida (onStop), procesando audio...');
     if (audioChunks.length === 0) {
@@ -77,7 +90,7 @@ export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
     const transProvider = cfg.transcription.provider;
     const apiKey = cfg.transcription.apiKeys[transProvider];
     const transModel = cfg.transcription.models[transProvider];
-    const providerBaseUrl = getProvider();
+    const providerBaseUrl = getProvider(); // Llama a la función pasada desde main.js
     if (!apiKey) {
         alert(`API Key para ${transProvider} no encontrada.`);
         const status = document.getElementById('recorder-status'); if(status) status.innerHTML = `<i class="fas fa-exclamation-circle text-red-500 mr-2"></i>Falta API Key (${transProvider}).`;
@@ -119,9 +132,9 @@ export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
       } else { throw new Error(`Proveedor de transcripción no soportado: ${transProvider}`); }
 
       // Actualizar UI y disparar evento (ESTA LÍNEA SIGUE ACTIVA)
-      transcriptEl.value = transcript;
+      if (transcriptEl) transcriptEl.value = transcript; // Asegurarse que transcriptEl existe
       document.dispatchEvent(new CustomEvent('transcriptionReady', { detail: transcript }));
-      console.log("[Recorder] Evento 'transcriptionReady' DESPACHADO con detalle:", { detail: transcript }); // Log añadido aquí también
+      console.log("[Recorder] Evento 'transcriptionReady' DESPACHADO con detalle:", { detail: transcript });
 
     } catch (e) {
       console.error('[Recorder] Error durante la llamada API de transcripción:', e);
@@ -134,7 +147,24 @@ export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
       const statusElement = document.getElementById('recorder-status');
       if (statusElement && !statusElement.innerHTML.includes('Error')) {
          statusElement.innerHTML = '<i class="fas fa-check-circle text-green-500 mr-2"></i>Transcripción lista.';
-         setTimeout(() => { const cS = document.getElementById('recorder-status'); if(cS?.innerHTML.includes('lista')) { cS.innerHTML = '<i class="fas fa-circle text-gray-400 mr-2"></i>No hay consulta en progreso'; } }, 4000);
+         // Actualizar estado después de un tiempo si sigue en "lista"
+         setTimeout(() => {
+             const currentStatusElement = document.getElementById('recorder-status');
+             if(currentStatusElement && currentStatusElement.innerHTML.includes('lista')) {
+                 currentStatusElement.innerHTML = '<i class="fas fa-circle text-gray-400 mr-2"></i>No hay consulta en progreso';
+             }
+         }, 4000);
+      } else if (statusElement && statusElement.innerHTML.includes('Error')) {
+         // Si hubo error, dejar el mensaje de error por un tiempo y luego resetear
+         setTimeout(() => {
+             const currentStatusElement = document.getElementById('recorder-status');
+             if(currentStatusElement && currentStatusElement.innerHTML.includes('Error')) {
+                 currentStatusElement.innerHTML = '<i class="fas fa-circle text-gray-400 mr-2"></i>No hay consulta en progreso';
+             }
+         }, 5000); // Un poco más de tiempo para leer el error
+      } else if (statusElement) {
+          // Si no hubo error pero tampoco está 'lista' (caso raro, ej. no audio chunks), resetear
+           statusElement.innerHTML = '<i class="fas fa-circle text-gray-400 mr-2"></i>No hay consulta en progreso';
       }
     }
   }