Update js/iaConfigModule.js

js/iaConfigModule.js

@@ -11,9 +11,10 @@ const defaultConfig = {
     models: { openai: "whisper-1", deepgram: "nova-2" }
   }
 };
-// CORRECCIÓN: Nombres de modelos de OpenAI actualizados a versiones canónicas y estables.
+
+// CORRECCIÓN: Nombres de modelos de OpenAI actualizados con tus nuevas solicitudes.
 export const llmProviders = [
-  { name: "OpenAI", value: "openai", models: ["gpt-4o", "gpt-4o-mini"], url: "https://api.openai.com" },
+  { name: "OpenAI", value: "openai", models: ["gpt-4o", "gpt-4o-mini", "gpt-5-mini", "gpt-5", "gpt-5-nano"], url: "https://api.openai.com" },
   { name: "DeepSeek", value: "deepseek", models: ["deepseek-chat", "deepseek-reasoner"], url: "https://api.deepseek.com" }
 ];
 export const transcriptionProviders = [
@@ -50,8 +51,6 @@ function loadConfig() {
 
   let needsSave = false;
 
-  // CORRECCIÓN: La lógica de migración para 'transcription' era defectuosa.
-  // Podía borrar la API key de Deepgram si era el proveedor antiguo.
   if (config.transcription.apiKey !== undefined) {
     console.log("[iaConfigModule] Migrando config antigua de transcripción...");
     const oldKey = config.transcription.apiKey;
@@ -92,7 +91,6 @@ export function getIaConfig() {
 export function renderIaConfigForm(containerId) {
   let config = loadConfig();
   const container = document.getElementById(containerId);
-  // CORRECCIÓN: Errores de sintaxis en el manejo de errores.
   if (!container) {
     console.error(`[iaConfigModule] No se encontró el contenedor '${containerId}'`);
     document.body.insertAdjacentHTML('beforeend', `<div style='color:red; padding: 1rem;'>[Error] No se encontró el contenedor '${containerId}' para la configuración IA.</div>`);
@@ -105,7 +103,6 @@ export function renderIaConfigForm(containerId) {
     return `${key.substring(0, 3)}-****-${key.slice(-4)}`;
   }
 
-  // CORRECCIÓN: Errores de sintaxis en la plantilla HTML (faltaban backticks ``).
   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>
@@ -149,32 +146,23 @@ export function renderIaConfigForm(containerId) {
   document.getElementById("toggleLlmApiKey").addEventListener("click", () => { llmApiKeyInput.type = llmApiKeyInput.type === "password" ? "text" : "password"; });
   document.getElementById("toggleTransApiKey").addEventListener("click", () => { transApiKeyInput.type = transApiKeyInput.type === "password" ? "text" : "password"; });
   
-  // ===================== INICIO DE LA CORRECCIÓN =====================
-  // CORRECCIÓN: Lógica de actualización de UI refactorizada para ser más clara y correcta.
   function updateLlmUI() {
     const selectedProvider = llmProviderSelect.value;
     const providerObj = llmProviders.find(p => p.value === selectedProvider);
     if (!providerObj) return;
 
-    // 1. Popular siempre la lista de modelos del proveedor seleccionado
     llmModelSelect.innerHTML = providerObj.models.map(m => `<option value="${m}">${m}</option>`).join("");
     
-    // 2. Decidir qué modelo seleccionar
-    let modelToSelect = providerObj.models[0]; // Por defecto, el primero de la lista
-    // Si el proveedor seleccionado es el que ya está guardado en la config...
+    let modelToSelect = providerObj.models[0];
     if (selectedProvider === config.llm.provider) {
-        // ...y si el modelo guardado es válido para este proveedor...
         if (providerObj.models.includes(config.llm.model)) {
-            // ...entonces usamos el modelo guardado.
             modelToSelect = config.llm.model;
         }
     }
     llmModelSelect.value = modelToSelect;
     
-    // 3. Actualizar la API Key
     llmApiKeyInput.value = maskApiKey(config.llm.apiKeys[selectedProvider] || '');
   }
-  // ===================== FIN DE LA CORRECCIÓN =======================
 
   function updateTransUI() {
     const selectedProvider = transProviderSelect.value;
@@ -182,7 +170,6 @@ export function renderIaConfigForm(containerId) {
     if (!providerObj) return;
     
     transModelSelect.innerHTML = providerObj.models.map(m => `<option value="${m}">${m}</option>`).join("");
-    // La estructura de 'models' en transcripción permite una búsqueda directa.
     transModelSelect.value = config.transcription.models[selectedProvider] || providerObj.models[0];
     transApiKeyInput.value = maskApiKey(config.transcription.apiKeys[selectedProvider] || '');
   }
@@ -202,7 +189,6 @@ export function renderIaConfigForm(containerId) {
     const prevConfig = config;
     const newConfig = clone(prevConfig);
 
-    // Guardado de LLM
     const llmProv = llmProviderSelect.value;
     const rawLlmKey = llmApiKeyInput.value;
     const oldLlmKey = prevConfig.llm.apiKeys[llmProv] || '';
@@ -214,7 +200,6 @@ export function renderIaConfigForm(containerId) {
         apiKeys: { ...prevConfig.llm.apiKeys, [llmProv]: actualLlmKey }
     };
 
-    // Guardado de Transcripción
     const transProv = transProviderSelect.value;
     const rawTransKey = transApiKeyInput.value;
     const oldTransKey = prevConfig.transcription.apiKeys[transProv] || '';
@@ -227,17 +212,15 @@ export function renderIaConfigForm(containerId) {
     };
     
     saveConfig(newConfig);
-    config = newConfig; // Actualizar la config en memoria.
+    config = newConfig; 
     
     document.dispatchEvent(new CustomEvent('iaConfigChanged'));
 
-    // Resetear UI post-guardado
     llmApiKeyInput.value = maskApiKey(newConfig.llm.apiKeys[newConfig.llm.provider] || '');
     transApiKeyInput.value = maskApiKey(newConfig.transcription.apiKeys[newConfig.transcription.provider] || '');
     llmApiKeyInput.type = "password";
     transApiKeyInput.type = "password";
     
-    // Mensaje de éxito
     let msg = document.getElementById('iaConfigSavedMsg');
     if (!msg) {
         msg = document.createElement('div');