Upload 7 files

config/providers.json

@@ -0,0 +1,4 @@
+[
+  { "name": "Proveedor 1", "url": "https://api.proveedor1.com" },
+  { "name": "Proveedor 2", "url": "https://api.proveedor2.com" }
+]

js/analysisModule.js

@@ -0,0 +1,50 @@
+import { llmProviders } from './iaConfigModule.js';
+
+// Módulo de análisis médico con LLM configurado (llamadas front-end)
+export async function analyzeMedical(text) {
+  if (!text) return '';
+  const cfg = JSON.parse(localStorage.getItem('iaConfig')) || {};
+  const provider = cfg.llm.provider;
+  const provObj = llmProviders.find(p => p.value === provider) || {};
+  // Obtener API key adecuada del proveedor
+  const apiKey = cfg.llm.apiKeys?.[provider] ?? cfg.llm.apiKey;
+  const model = cfg.llm.model;
+  const url = `${provObj.url}/v1/chat/completions`;
+  const systemMessage = 'Eres un médico experto especializado en generar informes clínicos concisos y estructurados.';
+  const userPrompt = `Te daré la transcripción detallada de mi conversación con la paciente y tú escribe una descripción detallada de la enfermedad actual y la exploración física de un paciente en contexto clínico, siguiendo estas características:\n
+Enfermedad actual:\n- Incluye la edad, el género y el motivo de consulta del paciente. (si no te doy el dato, omite).\n- Detalla evolución de síntomas y su progresión.\n- Describe signos y antecedentes relevantes con lenguaje técnico comprensible.\n
+Exploración física:\n- Describe hallazgos objetivos observados en la exploración.\n- Usa términos médicos precisos, sin juicios diagnósticos.\n
+Tareas del modelo:\n- Responde en dos párrafos, sin títulos 'Enfermedad actual:' ni 'Exploración física:'.\n- El primero para la enfermedad actual.\n- El segundo para la exploración.\n
+Transcripción: ${text}`;
+  let messages;
+  if (provider === 'openai') {
+    // Some OpenAI models don't support 'system' role
+    messages = [
+      { role: 'user', content: `${systemMessage}\n\n${userPrompt}` }
+    ];
+  } else {
+    messages = [
+      { role: 'system', content: systemMessage },
+      { role: 'user', content: userPrompt }
+    ];
+  }
+  // Construir payload, omitir temperature para mini-modelos OpenAI
+  const payload = { model, messages };
+  if (!(provider === 'openai' && model.includes('-mini-'))) {
+    payload.temperature = 0.5;
+  }
+  const res = await fetch(url, {
+    method: 'POST',
+    headers: {
+      'Authorization': `Bearer ${apiKey}`,
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(payload)
+  });
+  if (!res.ok) {
+    const err = await res.text();
+    throw new Error(`Error en análisis médico: ${res.status} ${err}`);
+  }
+  const data = await res.json();
+  return data.choices?.[0]?.message?.content || '';
+}

js/clipboardModule.js

@@ -0,0 +1,23 @@
+// js/clipboardModule.js
+// Funciones para copiar texto al portapapeles
+export async function copyText(text) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  // Fallback para navegadores antiguos
+  const textarea = document.createElement('textarea');
+  textarea.value = text;
+  textarea.setAttribute('readonly', '');
+  textarea.style.position = 'absolute';
+  textarea.style.left = '-9999px';
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    document.execCommand('copy');
+  } catch (err) {
+    console.error('Fallback: error copiando al portapapeles', err);
+    throw err;
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}

js/iaConfigModule.js

@@ -0,0 +1,226 @@
+// js/iaConfigModule.js
+const defaultConfig = {
+  llm: {
+    provider: "deepseek",
+    apiKeys: { deepseek: "", openai: "" },
+    model: "deepseek-chat"
+  },
+  transcription: {
+    provider: "openai",
+    apiKeys: { openai: "", deepgram: "" },
+    models: { openai: "whisper-1", deepgram: "nova-2" }
+  }
+};
+
+// Lista de modelos actualizada (2024)
+export const llmProviders = [
+  { name: "OpenAI", value: "openai", models: ["gpt-4o-mini-2024-07-18","chatgpt-4o-latest","o1-mini-2024-09-12","o4-mini-2025-04-16"], url: "https://api.openai.com" },
+  { name: "Gemini", value: "gemini", models: [
+    "gemini-2.5-flash-preview-04-17",    // Versión preliminar de Gemini 2.5 Flash 04-17
+    "gemini-2.0-flash",                  // Gemini 2.0 Flash
+    "gemini-2.0-flash-lite",             // Gemini 2.0 Flash-Lite
+    "gemini-1.5-flash"                   // Gemini 1.5 Flash
+  ], url: "https://generativelanguage.googleapis.com" },
+  { name: "DeepSeek", value: "deepseek", models: ["deepseek-chat", "deepseek-reasoner"], url: "https://api.deepseek.com" }
+];
+export const transcriptionProviders = [
+  { name: "OpenAI Whisper", value: "openai", models: ["whisper-1"], url: "https://api.openai.com" },
+  { name: "Deepgram", value: "deepgram", models: ["nova-2", "whisper-large"], url: "https://api.deepgram.com" }
+];
+
+function saveConfig(config) {
+  localStorage.setItem("iaConfig", JSON.stringify(config));
+}
+function loadConfig() {
+  const config = JSON.parse(localStorage.getItem("iaConfig")) || defaultConfig;
+  // Migrar configuración antigua de transcription
+  if (config.transcription.apiKey !== undefined) {
+    const oldKey = config.transcription.apiKey;
+    const oldModel = config.transcription.model;
+    config.transcription.apiKeys = { [config.transcription.provider]: oldKey, deepgram: "" };
+    config.transcription.models = { [config.transcription.provider]: oldModel, deepgram: "nova-2" };
+    delete config.transcription.apiKey;
+    delete config.transcription.model;
+    saveConfig(config);
+  }
+  // Migrar configuración antigua de LLM apiKey a apiKeys
+  if (config.llm.apiKey !== undefined) {
+    const old = config.llm.apiKey;
+    config.llm.apiKeys = { ...defaultConfig.llm.apiKeys, [config.llm.provider]: old };
+    delete config.llm.apiKey;
+    saveConfig(config);
+  }
+  // Migrar modelos obsoletos de DeepSeek a 'deepseek-chat'
+  if (config.llm.provider === 'deepseek' && (config.llm.model === 'deepseek-v3' || config.llm.model === 'deepseek-llm')) {
+    config.llm.model = 'deepseek-chat';
+    console.log('[iaConfigModule] Migrado modelo DeepSeek a deepseek-chat');
+    saveConfig(config);
+  }
+  return config;
+}
+export function getIaConfig() {
+  return loadConfig();
+}
+
+export function renderIaConfigForm(containerId) {
+  let config = loadConfig();
+  const container = document.getElementById(containerId);
+  if (!container) {
+    console.error(`[iaConfigModule] No se encontró el contenedor '${containerId}'`);
+    document.body.insertAdjacentHTML('beforeend', `<div style='color:red'>[Error] No se encontró el contenedor '${containerId}' para la configuración IA.</div>`);
+    return;
+  }
+
+  function maskApiKey(key) {
+    if (!key) return '';
+    if (key.length <= 8) return '*'.repeat(key.length);
+    return key.substring(0, 3) + '-****' + key.slice(-4);
+  }
+
+  container.innerHTML = `
+    <div class="flex justify-between items-center mb-6 border-b pb-2 border-blue-100">
+      <h2 class="text-xl font-bold text-blue-700 flex items-center">
+        <i class='fas fa-cogs mr-2'></i>Configurar Proveedores IA
+      </h2>
+      <button id="btnCloseConfig" type="button" class="text-gray-500 hover:text-blue-600 text-2xl focus:outline-none" aria-label="Cerrar">
+        <i class="fas fa-times"></i>
+      </button>
+    </div>
+    <form id="iaConfigForm" class="space-y-6">
+      <div class="bg-blue-50 p-4 rounded-lg border border-blue-100 mb-2">
+        <label class="block font-semibold text-blue-800 mb-2">Proveedor LLM</label>
+        <select id="llmProvider" class="w-full mb-3 p-2 rounded border border-gray-300 focus:ring-2 focus:ring-blue-300">
+          ${llmProviders.map(p => `<option value="${p.value}">${p.name}</option>`).join("")}
+        </select>
+        <div class="flex items-center mb-3">
+          <input type="password" id="llmApiKey" class="flex-1 p-2 rounded border border-gray-300 mr-2 bg-gray-100" placeholder="API Key LLM" autocomplete="off">
+          <button class="text-blue-700 hover:text-blue-900 px-3 py-2 rounded focus:outline-none border border-blue-200 bg-white" type="button" id="toggleLlmApiKey">
+            <i class="fas fa-eye"></i>
+          </button>
+        </div>
+        <select id="llmModel" class="w-full p-2 rounded border border-gray-300 focus:ring-2 focus:ring-blue-300"></select>
+      </div>
+      <div class="bg-purple-50 p-4 rounded-lg border border-purple-100 mb-2">
+        <label class="block font-semibold text-purple-800 mb-2">Proveedor Transcripción</label>
+        <select id="transProvider" class="w-full mb-3 p-2 rounded border border-gray-300 focus:ring-2 focus:ring-purple-300">
+          ${transcriptionProviders.map(p => `<option value="${p.value}">${p.name}</option>`).join("")}
+        </select>
+        <div class="flex items-center mb-3">
+          <input type="password" id="transApiKey" class="flex-1 p-2 rounded border border-gray-300 mr-2 bg-gray-100" placeholder="API Key Transcripción" autocomplete="off">
+          <button class="text-purple-700 hover:text-purple-900 px-3 py-2 rounded focus:outline-none border border-purple-200 bg-white" type="button" id="toggleTransApiKey">
+            <i class="fas fa-eye"></i>
+          </button>
+        </div>
+        <select id="transModel" class="w-full p-2 rounded border border-gray-300 focus:ring-2 focus:ring-purple-300"></select>
+      </div>
+      <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg shadow transition-colors flex items-center justify-center text-lg">
+        <i class="fas fa-save mr-2"></i>Guardar configuración
+      </button>
+    </form>
+  `;
+
+  // Botón de cerrar modal
+  const closeBtn = document.getElementById("btnCloseConfig");
+  if (closeBtn) {
+    closeBtn.addEventListener("click", () => {
+      const modal = document.getElementById("configModal");
+      if (modal) modal.classList.remove("active");
+    });
+  }
+
+  // Set initial values
+  document.getElementById("llmProvider").value = config.llm.provider;
+  document.getElementById("llmApiKey").value = maskApiKey(config.llm.apiKeys[config.llm.provider] || '');
+  document.getElementById("transProvider").value = config.transcription.provider;
+  document.getElementById("transApiKey").value = maskApiKey(config.transcription.apiKeys[config.transcription.provider] || '');
+
+  // API Key toggle (ver/ocultar)
+  document.getElementById("toggleLlmApiKey").addEventListener("click", () => {
+    const input = document.getElementById("llmApiKey");
+    input.type = input.type === "password" ? "text" : "password";
+  });
+  document.getElementById("toggleTransApiKey").addEventListener("click", () => {
+    const input = document.getElementById("transApiKey");
+    input.type = input.type === "password" ? "text" : "password";
+  });
+
+  // Populate models
+  function updateLlmModels() {
+    const prov = document.getElementById("llmProvider").value;
+    const providerObj = llmProviders.find(p => p.value === prov);
+    const models = providerObj.models;
+    const sel = document.getElementById("llmModel");
+    sel.innerHTML = models.map(m => `<option value="${m}">${m}</option>`).join("");
+    sel.value = config.llm.model;
+  }
+  function updateTransModels() {
+    const prov = document.getElementById("transProvider").value;
+    const providerObj = transcriptionProviders.find(p => p.value === prov);
+    const models = providerObj.models;
+    const sel = document.getElementById("transModel");
+    sel.innerHTML = models.map(m => `<option value="${m}">${m}</option>`).join("");
+    sel.value = config.transcription.models[prov] || models[0];
+    // Actualizar API Key input al cambiar proveedor
+    document.getElementById("transApiKey").value = maskApiKey(config.transcription.apiKeys[prov] || '');
+  }
+  document.getElementById("llmProvider").addEventListener("change", () => {
+    const p = document.getElementById("llmProvider").value;
+    updateLlmModels();
+    // Refrescar config con todas las llaves y mostrar la del proveedor seleccionado
+    const fresh = loadConfig();
+    const keyEl = document.getElementById("llmApiKey");
+    if (keyEl) keyEl.value = maskApiKey(fresh.llm.apiKeys[p] || '');
+  });
+  document.getElementById("transProvider").addEventListener("change", updateTransModels);
+  updateLlmModels();
+  updateTransModels();
+
+  // Save on submit
+  document.getElementById("iaConfigForm").addEventListener("submit", e => {
+    e.preventDefault();
+    // Persistir configuración por proveedor
+    const prev = config;
+    const newConfig = { ...prev };
+    // LLM: provider, apiKeys y model
+    const llProv = document.getElementById("llmProvider").value;
+    const rawKey = document.getElementById("llmApiKey").value;
+    const oldKey = prev.llm.apiKeys[llProv] || '';
+    const newKey = rawKey === maskApiKey(oldKey) ? oldKey : rawKey;
+    newConfig.llm = { ...prev.llm, provider: llProv, model: document.getElementById("llmModel").value };
+    newConfig.llm.apiKeys = { ...prev.llm.apiKeys, [llProv]: newKey };
+    // Transcription: provider, apiKeys y models por proveedor
+    const tp = document.getElementById("transProvider").value;
+    const rawKeyTrans = document.getElementById("transApiKey").value;
+    const existingKeyTrans = prev.transcription.apiKeys[tp] || '';
+    const actualKeyTrans = rawKeyTrans === maskApiKey(existingKeyTrans) ? existingKeyTrans : rawKeyTrans;
+    newConfig.transcription.provider = tp;
+    newConfig.transcription.apiKeys = { ...prev.transcription.apiKeys, [tp]: actualKeyTrans };
+    newConfig.transcription.models = { ...prev.transcription.models, [tp]: document.getElementById("transModel").value };
+    console.log('[iaConfigModule] Configuración guardada:', newConfig);
+    saveConfig(newConfig);
+    // Actualizar config local después de guardar
+    config = newConfig;
+    // Actualizar labels de modelo en la UI
+    document.dispatchEvent(new CustomEvent('iaConfigChanged'));
+    // Ofusca los campos API Key
+    document.getElementById("llmApiKey").value = maskApiKey(newConfig.llm.apiKeys[newConfig.llm.provider] || '');
+    document.getElementById("transApiKey").value = maskApiKey(newConfig.transcription.apiKeys[tp] || '');
+    document.getElementById("llmApiKey").type = "password";
+    document.getElementById("transApiKey").type = "password";
+    // Mensaje de éxito discreto
+    let msg = document.getElementById('iaConfigSavedMsg');
+    if (!msg) {
+      msg = document.createElement('div');
+      msg.id = 'iaConfigSavedMsg';
+      msg.className = 'fixed left-1/2 top-6 -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded shadow text-lg z-50';
+      msg.innerHTML = '<i class="fas fa-check-circle mr-2"></i>¡Configuración guardada!';
+      document.body.appendChild(msg);
+    } else {
+      msg.style.display = 'block';
+    }
+    setTimeout(() => { msg.style.display = 'none'; }, 2000);
+    // Cierra el modal
+    const modal = document.getElementById("configModal");
+    if (modal) modal.classList.remove("active");
+  });
+}

js/main.js

@@ -0,0 +1,92 @@
+// js/main.js
+import { renderIaConfigForm, transcriptionProviders } from './iaConfigModule.js';
+import { initRecorder } from './recordingModule.js';
+import { analyzeMedical } from './analysisModule.js';
+import { copyText } from './clipboardModule.js';
+
+window.addEventListener('DOMContentLoaded', () => {
+  function updateModelLabels() {
+    const cfg = JSON.parse(localStorage.getItem('iaConfig'));
+    const transModel = cfg?.transcription?.models?.[cfg.transcription.provider] || '';
+    const llmModel = cfg?.llm?.model || '';
+    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})` : '';
+  }
+  updateModelLabels();
+  document.addEventListener('iaConfigChanged', updateModelLabels);
+
+  // Elements
+  const btnConfig = document.getElementById('btnConfig');
+  const modal = document.getElementById('configModal');
+  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
+
+  // Open modal and render form
+  btnConfig.addEventListener('click', () => {
+    renderIaConfigForm('iaConfigContainer');
+    modal.classList.add('active');
+  });
+  // Close modal clicking outside or on close button (handled in module)
+  modal.addEventListener('mousedown', e => {
+    if (e.target === modal) modal.classList.remove('active');
+  });
+
+  // Análisis médico automático tras recibir transcripción usando módulo local
+  document.addEventListener('transcriptionReady', async e => {
+    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] || '';
+    } catch (err) {
+      console.error(err);
+      alert('Error en análisis médico');
+    }
+  });
+
+  // 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;
+    }
+    alert('Debes configurar un proveedor de transcripción primero.');
+    return '';
+  }
+  initRecorder({ btnStart, btnStop, transcriptEl: transcript, getProvider });
+
+  // Copiar transcripción
+  const btnCopyTranscript = document.getElementById('btnCopyTranscript');
+  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');
+      }
+    });
+  }
+  // Copiar análisis médico
+  const btnCopyAnalysis = document.getElementById('btnCopyAnalysis');
+  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');
+      }
+    });
+  }
+});

js/recordingModule.js

@@ -0,0 +1,136 @@
+// js/recordingModule.js
+export function initRecorder({ btnStart, btnStop, transcriptEl, getProvider }) {
+  let mediaRecorder, audioChunks = [], transcriptText = '';
+
+  btnStart.addEventListener('click', async () => {
+    console.log('[Recorder] Botón Iniciar pulsado');
+    const aiProvider = getProvider();
+    if (!aiProvider) { alert('Selecciona un proveedor IA primero.'); return; }
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      console.log('[Recorder] Acceso a micrófono concedido');
+      // No especificar mimeType, dejar MediaRecorder por defecto (como en AppConsultaPro)
+      mediaRecorder = new MediaRecorder(stream);
+      // Assign onstop handler immediately so onStop executes when recording stops
+      mediaRecorder.onstop = onStop;
+      console.log('[Recorder] MediaRecorder creado:', mediaRecorder);
+      audioChunks = [];
+      mediaRecorder.ondataavailable = e => audioChunks.push(e.data);
+      mediaRecorder.start();
+      btnStart.disabled = true;
+      btnStop.disabled = false;
+      transcriptEl.value = '';
+      // Estado visual
+      const status = document.getElementById('recorder-status');
+      if (status) {
+        status.innerHTML = '<i class="fas fa-circle text-red-500 animate-pulse mr-2"></i>Consulta en progreso...';
+      }
+    } catch (err) {
+      console.error('[Recorder] Error al acceder al micrófono:', err);
+      alert('No se pudo acceder al micrófono.');
+    }
+  });
+
+  btnStop.addEventListener('click', () => {
+    console.log('[Recorder] Botón Detener pulsado');
+    if (mediaRecorder) mediaRecorder.stop();
+    btnStop.disabled = true;
+    // Estado visual
+    const status = document.getElementById('recorder-status');
+    if (status) {
+      status.innerHTML = '<i class="fas fa-circle text-green-500 mr-2"></i>Consulta finalizada.';
+    }
+  });
+
+  async function onStop() {
+    console.log('[Recorder] Grabación detenida, procesando audio...');
+    // Obtener proveedor, API key y modelo desde config
+    const cfg = JSON.parse(localStorage.getItem('iaConfig'));
+    const transProvider = cfg.transcription.provider;
+    const apiKey = cfg.transcription.apiKeys[transProvider];
+    const transModel = cfg.transcription.models[transProvider];
+    // Usar solo el primer chunk si hay más de uno (como en AppConsultaPro)
+    console.log('[Recorder] Cantidad de audioChunks:', audioChunks.length);
+    audioChunks.forEach((chunk, idx) => {
+      console.log(`[Recorder] audioChunk[${idx}]: type=${chunk.type}, size=${chunk.size}`);
+    });
+    let blobType = (audioChunks[0] && audioChunks[0].type) ? audioChunks[0].type : 'audio/webm';
+    let blob;
+    if (audioChunks.length > 0) {
+      // Combine all chunks into one blob to send complete audio
+      blob = new Blob(audioChunks, { type: blobType });
+    } else {
+      alert('No se grabó audio.');
+      return;
+    }
+    console.log('[Recorder] Tipo real del blob:', blob.type);
+    let transcript = '';
+    try {
+      if (cfg && cfg.transcription && cfg.transcription.provider === 'deepgram') {
+        // Deepgram integration
+        // Construir URL Deepgram con idioma, modelo y smart_format
+        const providerUrl = getProvider();
+        const deepgramUrl = `${providerUrl}/v1/listen?language=es&model=${transModel}&smart_format=true`;
+        console.log('[Recorder] Deepgram URL:', deepgramUrl);
+        console.log('[Recorder] Content-Type enviado a Deepgram:', blob.type);
+        const res = await fetch(deepgramUrl, {
+          method: 'POST',
+          headers: {
+            'Authorization': 'Token ' + apiKey,
+            'Content-Type': blob.type || 'audio/webm'
+          },
+          body: blob
+        });
+        if (!res.ok) throw new Error('Error en transcripción');
+        const data = await res.json();
+        console.log('[Deepgram] Respuesta completa:', data);
+        transcript = data.results?.channels?.[0]?.alternatives?.[0]?.transcript || '';
+        console.log('[Deepgram] Transcript extraído:', transcript);
+      } else if (cfg.transcription.provider === 'openai') {
+        // OpenAI Whisper integration
+        // Reutilizar apiKey y modelo obtenidos antes
+        const apiKeyOA = apiKey;
+        const modelOA = transModel;
+        const fd = new FormData();
+        fd.append('model', modelOA);
+        fd.append('file', blob, 'consulta.wav');
+        const respOA = await fetch(`${getProvider()}/v1/audio/transcriptions`, {
+          method: 'POST',
+          headers: { 'Authorization': 'Bearer ' + apiKeyOA },
+          body: fd
+        });
+        if (!respOA.ok) {
+          const errTxt = await respOA.text();
+          throw new Error(`Error OpenAI transcripción (${respOA.status}): ${errTxt}`);
+        }
+        const dataOA = await respOA.json();
+        console.log('[OpenAI Whisper] Respuesta completa:', dataOA);
+        transcript = dataOA.text || '';
+        console.log('[OpenAI Whisper] Transcript extraído:', transcript);
+      } else {
+        // Otros proveedores (fallback)
+        const formDataFB = new FormData();
+        formDataFB.append('file', blob, 'consulta.wav');
+        const respFB = await fetch(`${getProvider()}/transcribe`, { method: 'POST', body: formDataFB });
+        if (!respFB.ok) throw new Error('Error en transcripción');
+        const dataFB = await respFB.json();
+        console.log('[Transcripción otro proveedor] Respuesta completa:', dataFB);
+        transcript = dataFB.text || '';
+        console.log('[Transcripción otro proveedor] Transcript extraído:', transcript);
+      }
+      transcriptText = transcript;
+      transcriptEl.value = transcriptText;
+      document.dispatchEvent(new CustomEvent('transcriptionReady', { detail: transcriptText }));
+    } catch (e) {
+      alert('Error en transcripción');
+      console.error(e);
+    } finally {
+      btnStart.disabled = false;
+      // Estado visual
+      const status = document.getElementById('recorder-status');
+      if (status) {
+        status.innerHTML = '<i class="fas fa-circle text-gray-400 mr-2"></i>No hay consulta en progreso';
+      }
+    }
+  }
+}

server.js

@@ -0,0 +1,57 @@
+// server.js
+// Backend proxy para análisis médico y evitar CORS
+require('dotenv').config();
+const express = require('express');
+const cors = require('cors');
+const { Configuration, OpenAIApi } = require('openai');
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+app.use(cors());
+app.use(express.json());
+
+app.post('/medical-analyze', async (req, res) => {
+  try {
+    const { provider, model, apiKey, text } = req.body;
+    // Prompts
+    const systemMessage = 'Eres un médico experto especializado en generar informes clínicos concisos y estructurados.';
+    const userPrompt = `Te daré la transcripción detallada de mi conversación con la paciente y tú escribe una descripción detallada de la enfermedad actual y la exploración física de un paciente en contexto clínico, siguiendo estas características:\n
+Enfermedad actual:\n- Incluye la edad, el género y el motivo de consulta del paciente. (si no te doy el dato, omite).\n- Detalla evolución de síntomas y su progresión.\n- Describe signos y antecedentes relevantes con lenguaje técnico comprensible.\n
+Exploración física:\n- Describe hallazgos objetivos observados en la exploración.\n- Usa términos médicos precisos, sin juicios diagnósticos.\n
+Tareas del modelo:\n- Responde en dos párrafos, sin títulos 'Enfermedad actual:' ni 'Exploración física:'.\n- El primero para la enfermedad actual.\n- El segundo para la exploración.\n
+Transcripción: ${text}`;
+    const messages = [
+      { role: 'system', content: systemMessage },
+      { role: 'user', content: userPrompt }
+    ];
+    let analysis;
+    if (provider === 'openai') {
+      const configuration = new Configuration({ apiKey });
+      const openai = new OpenAIApi(configuration);
+      const response = await openai.createChatCompletion({ model, messages, temperature: 0.5 });
+      analysis = response.data.choices[0].message.content;
+    } else if (provider === 'deepseek' || provider === 'gemini') {
+      // Definir URLs por proveedor
+      const urls = { deepseek: 'https://api.deepseek.com/v1/chat/completions', gemini: 'https://generativelanguage.googleapis.com/v1/chat/completions' };
+      const url = urls[provider];
+      const resp = await fetch(url, {
+        method: 'POST', headers: { 'Authorization': `Bearer ${apiKey}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ model, messages, temperature: 0.5 })
+      });
+      if (!resp.ok) throw new Error(`Error ${provider}: ${resp.status}`);
+      const data = await resp.json();
+      analysis = data.choices?.[0]?.message?.content;
+    } else {
+      throw new Error('Proveedor no soportado: ' + provider);
+    }
+    res.json({ analysis });
+  } catch (error) {
+    console.error('Error /medical-analyze:', error);
+    res.status(500).json({ error: error.message });
+  }
+});
+
+app.listen(port, () => {
+  console.log(`Backend listening on http://localhost:${port}`);
+});