From 3eff101afb39ed237f1c45528fd46bc98941e900 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Fri, 6 Jun 2025 13:18:00 -0600
Subject: [PATCH 01/78] =?UTF-8?q?alerta=20a=C3=B1adida?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/paginas/analisis/generarReporte.css   |  3 ++-
 .../paginas/analisis/agregarGrafica.js        | 26 ++++++++++++++++++-
 .../graficas/actualizarGraficaConColumna.js   | 14 ++++++++++
 3 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
index 5d2bd8bc..0560389d 100644
--- a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
+++ b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
@@ -22,7 +22,7 @@ body,
   flex-direction: row;
   gap: var(--spacing-lg);         
   align-items: flex-start;
-  justify-content: flex-start;
+  justify-content: center;
   overflow-y: hidden;
   overflow-x: auto;
   max-width: 100%;
@@ -33,6 +33,7 @@ body,
   flex-direction: row;
   max-width: 100%;
   overflow-x: auto;
+  justify-content: center;
 }
 
 .seccion-elemento-reporte {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 974fb45b..c5c03cea 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -12,6 +12,7 @@ const { eliminarCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scri
 const { crearCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
 
+
 /* eslint-disable no-unused-vars */
  
 // Variable global para almacenar las fórmulas consultadas
@@ -161,6 +162,8 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
   const grafico = crearGrafica(contexto, 'line');
   grafico.options.plugins.title.text = '';
   grafico.update();
+  verificarExcesoEtiquetas(grafico);
+
 
   const entradaTexto = tarjetaGrafica.querySelector('.titulo-grafica');
   // CAMBIO: Prevenir espacios al inicio sin mover el cursor
@@ -286,6 +289,7 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
   // Actualizar
   nuevaGrafica.update();
   
+  verificarExcesoEtiquetas(nuevaGrafica);
   return nuevaGrafica;
 }
 
@@ -335,6 +339,7 @@ function crearGrafica(contexto, tipo, color) {
       }]
     },
     options: {
+      devicePixelRatio: 1.5,
       responsive: true,
       maintainAspectRatio: false,
       plugins: {
@@ -460,6 +465,7 @@ function crearGrafica(contexto, tipo, color) {
     },
   });
 
+  verificarExcesoEtiquetas(grafico);
   return grafico;
 }
 
@@ -601,8 +607,26 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
   }
 }
 
+function verificarExcesoEtiquetas(grafica) {
+  const tipo = grafica.config.type;
+  const etiquetas = grafica.data.labels || [];
+
+  if (
+    ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) &&
+    etiquetas.length > 20
+  ) {
+    mostrarAlerta(
+      'AVISO.',
+      'La gráfica cuenta con más de 20 etiquetas, por lo que puede afectar su visualización e interpretación.',
+      'warning'
+    );
+  }
+}
+
+
 
 module.exports = { 
   agregarGrafica,
-  crearGrafica
+  crearGrafica,
+
  };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
index b43bff15..6ec8f27c 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
@@ -108,6 +108,20 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     
     graficaExistente.update();
 
+    const tipo = graficaExistente.config.type;
+    const etiquetas = graficaExistente.data.labels || [];
+
+    if (
+      ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) &&
+      etiquetas.length > 20
+    ) {
+      mostrarAlerta(
+        'AVISO.',
+        'La gráfica cuenta con más de 20 etiquetas, por lo que puede afectar su visualización e interpretación.',
+        'warning'
+      );
+    }
+
   } catch {
     mostrarAlerta('Error', 'Error al procesar los datos de la columna seleccionada.', 'error');
   }

From af85b574302f376dc9d42657fb1ec27b5516203d Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Fri, 6 Jun 2025 13:22:46 -0600
Subject: [PATCH 02/78] corrreccion de eslint

---
 .../utils/scripts/paginas/analisis/agregarGrafica.js          | 4 ++--
 .../paginas/analisis/graficas/actualizarGraficaConColumna.js  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index c5c03cea..e3f3d727 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -612,8 +612,8 @@ function verificarExcesoEtiquetas(grafica) {
   const etiquetas = grafica.data.labels || [];
 
   if (
-    ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) &&
-    etiquetas.length > 20
+    ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) 
+    && etiquetas.length > 20
   ) {
     mostrarAlerta(
       'AVISO.',
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
index 6ec8f27c..af2df291 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
@@ -112,8 +112,8 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     const etiquetas = graficaExistente.data.labels || [];
 
     if (
-      ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) &&
-      etiquetas.length > 20
+      ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo)
+      && etiquetas.length > 20
     ) {
       mostrarAlerta(
         'AVISO.',

From aa2b376bd6c023c37ac97eaffd1dd37075c5f2a6 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Fri, 6 Jun 2025 13:32:17 -0600
Subject: [PATCH 03/78] quitar el centrado proque el scroll horizontal se rompe

---
 .../framework/utils/css/paginas/analisis/generarReporte.css    | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
index 0560389d..5d2bd8bc 100644
--- a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
+++ b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
@@ -22,7 +22,7 @@ body,
   flex-direction: row;
   gap: var(--spacing-lg);         
   align-items: flex-start;
-  justify-content: center;
+  justify-content: flex-start;
   overflow-y: hidden;
   overflow-x: auto;
   max-width: 100%;
@@ -33,7 +33,6 @@ body,
   flex-direction: row;
   max-width: 100%;
   overflow-x: auto;
-  justify-content: center;
 }
 
 .seccion-elemento-reporte {

From 7e8ecb27ad6d01794a26019602af65116a64a6fd Mon Sep 17 00:00:00 2001
From: Juan Pablo <a01705408@tec.mx>
Date: Mon, 9 Jun 2025 11:50:29 -0600
Subject: [PATCH 04/78] =?UTF-8?q?Correcci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../utils/scripts/paginas/formulas/crearFormula.js        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
index 72ed9dd6..e678d8fb 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
@@ -1,5 +1,5 @@
-// RF67 Crear Fórmula - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF67 
-// RF69 Guardar Fórmula - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF69
+// RF24 Crear Fórmula - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF24 
+// RF22 Guardar Fórmula - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF22
 const { LONGITUD_MAXIMA_FORMULA,
     LONGITUD_MAXIMA_NOMBRE_FORMULA } = require(`${rutaBase}src/framework/utils/scripts/constantes.js`);
 
@@ -160,7 +160,7 @@ async function procesarFormula() {
         btnGuardar.disabled = false;
         return;
     }
-    const formula = cuadroTextoGenerado.split(':')[1].trim();
+    const formula = cuadroTextoGenerado.split('°')[2].trim();
 
     try {
         const respuesta = await guardarFormula(nombreFormula, formula);
@@ -526,7 +526,7 @@ function generarFormulaCompleja() {
     }
 
     const formula = construirFormulaDesdeContenedor(contenedor, seleccionFuncionPrincipal.value);
-    document.getElementById('resultado').innerText = `Fórmula generada (en inglés para HyperFormula):\n=${formula}`;
+    document.getElementById('resultado').innerText = `°Fórmula generada (en inglés para HyperFormula)°\n=${formula}`;
 }
 
 /**

From 64160d86d1ea8bf5c8e90947f7afd878fd21be6a Mon Sep 17 00:00:00 2001
From: Juan Pablo <a01705408@tec.mx>
Date: Mon, 9 Jun 2025 12:11:04 -0600
Subject: [PATCH 05/78] =?UTF-8?q?retirarDatos=20ahora=20no=20desaparece=20?=
 =?UTF-8?q?el=20t=C3=ADtulo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../utils/scripts/paginas/analisis/graficas/retirarDatos.js     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
index 4c216947..28577469 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
@@ -60,7 +60,7 @@ function retirarDatos(graficaId, datosOriginalesFormulas) {
       // Configurar etiquetas: ocultar según el tipo de gráfica
       const tipoActual = graficaExistente.config.type;
       graficaExistente.options.plugins.datalabels.display = tipoActual !== 'line';
-      graficaExistente.options.plugins.title.display = false;
+      graficaExistente.options.plugins.title.display = true;
   
       // Actualizar la gráfica
       graficaExistente.update();

From 546b32da828b0affa32c515bd798c0837891602f Mon Sep 17 00:00:00 2001
From: Juan Pablo <a01705408@tec.mx>
Date: Mon, 9 Jun 2025 12:34:19 -0600
Subject: [PATCH 06/78] =?UTF-8?q?Correcci=C3=B3n=20de=20datos=20de=20conta?=
 =?UTF-8?q?cto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 harvester-app/src/framework/vistas/paginas/iniciarSesion.ejs | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/vistas/paginas/iniciarSesion.ejs b/harvester-app/src/framework/vistas/paginas/iniciarSesion.ejs
index 4afe7d4b..8b79e3f1 100644
--- a/harvester-app/src/framework/vistas/paginas/iniciarSesion.ejs
+++ b/harvester-app/src/framework/vistas/paginas/iniciarSesion.ejs
@@ -41,8 +41,9 @@
       <div class='modal-informacion'>
         <div class='titulo-informacion'>Mas información</div>
         <div class='informacion-contacto'>
-          Comunícate con el call center al 0800 266 1374 (gratuito) o por WhatsApp
-          al 54 9 11 2034-1408 para consultar solicitudes o información.
+          Comunícate por télefono y WhatsApp
+          al 442 226 7458 o al correo jose.bravo@cnhmexico.com.mx
+          para consultar solicitudes o información.
         </div>
         <button class='boton-acceder' id='btn-cerrar-info'>
           <div class='cerrar'>Cerrar</div>

From 46eade878c8bfa382488d4fb44de09f73ceee6f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Mon, 9 Jun 2025 12:36:18 -0600
Subject: [PATCH 07/78] No elimnar menajes de error cuando se crea usaurio

---
 .../utils/scripts/paginas/usuarios/moduloGestionUsuario.js       | 1 -
 1 file changed, 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 85a5421c..29932fc0 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -144,7 +144,6 @@ async function inicializarModuloGestionUsuarios() {
     nuevoBotonGuardar.addEventListener('click', async evento => {
         evento.preventDefault();
         actualizarTodosContadores();
-        limpiarMensajesError();
         if (modoActual === modoFormulario.CREAR) {
             // Deshabilitar el botón para evitar múltiples envíos
             nuevoBotonGuardar.disabled = true;

From 552e39e972c00ec6ff6cf03010cf8a88eae4b3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Mon, 9 Jun 2025 19:05:27 -0600
Subject: [PATCH 08/78] Hacer que los mensajes de error sean iguales

---
 .../backend/casosUso/usuarios/crearUsuario.js |   4 +-
 .../paginas/usuarios/moduloGestionUsuario.js  | 172 +++++++-----------
 .../paginas/usuarios/validacionesUsuario.js   |  84 ++++++++-
 3 files changed, 142 insertions(+), 118 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
index 5263e4b9..a6ab1edb 100644
--- a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
+++ b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
@@ -51,8 +51,10 @@ function validarCorreo(correo) {
  * @returns {Promise<{ok: boolean, mensaje: string, id?: number}>} Resultado de la operación.
  */
 async function crearUsuario({ nombre, correo, contrasenia, idRolFK }) {
+    console.log("hola")
     if (!nombre || !correo || !contrasenia || !idRolFK) {
-        return { ok: false, mensaje: 'Todos los campos son obligatorios' };
+        //return { ok: false, mensaje: 'Todos los campos son obligatorios' };
+        return { ok: false, mensaje: `correo: "${correo}", contrasenia: "${contrasenia}", idRolFK: "${idRolFK}", nombre: "${nombre}"` };
     }
 
     if (!validarCorreo(correo)) {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 29932fc0..344c67d5 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -10,7 +10,7 @@ const { obtenerUsuarios } = require(`${rutaBase}src/backend/casosUso/usuarios/co
 const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/eliminarUsuario`);
 const { consultarRoles: consultarRolesCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarRoles.js`);
 const { deshabilitarDispositivo } = require(`${rutaBase}src/backend/casosUso/dispositivos/deshabilitarDispositivo.js`);
-const { validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarRolCampo } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarRolCampo } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 
 const { mostrarAlerta, mostrarAlertaBorrado } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const Swal = require(`${rutaBase}/node_modules/sweetalert2/dist/sweetalert2.all.min.js`);
@@ -144,6 +144,7 @@ async function inicializarModuloGestionUsuarios() {
     nuevoBotonGuardar.addEventListener('click', async evento => {
         evento.preventDefault();
         actualizarTodosContadores();
+        limpiarMensajesError();
         if (modoActual === modoFormulario.CREAR) {
             // Deshabilitar el botón para evitar múltiples envíos
             nuevoBotonGuardar.disabled = true;
@@ -672,7 +673,6 @@ async function editarUsuario() {
  * @returns {{ error: string|null, datos: Object|null }}
  */
 function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }) {
-
     const idRolUsuarioAEditar = rolesCache.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
 
     // Flags de “campo modificado”
@@ -789,6 +789,7 @@ function configurarValidacionesCampos() {
         // Configurar el evento para validación en tiempo real
         campoEntrada.addEventListener(evento, () => {
             const valor = campoEntrada.value;
+            const valorTrim = valor.trim();
 
             // Si el campo empieza con espacio, mostrar error y salir
             if (valor.length > 0 && valor[0] === ' ') {
@@ -796,8 +797,16 @@ function configurarValidacionesCampos() {
                 mensajeError.textContent = 'El campo no puede comenzar con un espacio.';
                 return;
             }
-
-            const valorTrim = valor.trim();
+        
+            // Si llegamos hasta aquí, validamos con la función correspondiente.
+            const mensaje = validador(valor);
+            if (mensaje) {
+                campoEntrada.classList.add('inputError');
+                mensajeError.textContent = mensaje;
+            } else {
+                campoEntrada.classList.remove('inputError');
+                mensajeError.textContent = '';
+            }
 
             // Si estamos en modo EDITAR y el campo está vacío, quitamos clases/mensajes y retornamos sin más validación.
             if (modoActual === modoFormulario.EDITAR && valorTrim === '') {
@@ -812,16 +821,6 @@ function configurarValidacionesCampos() {
                 mensajeError.textContent = 'El campo no puede estar vacío.';
                 return;
             }
-        
-            // Si llegamos hasta aquí, validamos con la función correspondiente.
-            const mensaje = validador(valorTrim);
-            if (mensaje) {
-                campoEntrada.classList.add('inputError');
-                mensajeError.textContent = mensaje;
-            } else {
-                campoEntrada.classList.remove('inputError');
-                mensajeError.textContent = '';
-            }
         });
         
     });
@@ -852,39 +851,51 @@ function validarCoincidenciaContrasenas() {
         confirmPasswordInput.parentNode.insertBefore(mensajeError, confirmPasswordInput.nextSibling);
     }
 
-    // Función para validar la coincidencia
-    const validarCoincidencia = () => {
-        const password = passwordInput.value;
-        const confirmPassword = confirmPasswordInput.value;
-
-        // Si el campo de confirmación está vacío, no mostrar error
-        if (confirmPassword.trim() === '') {
-            confirmPasswordInput.classList.add('inputError');
-            mensajeError.textContent = 'El campo no puede estar vacío.';
-            return;
-        }
-
-        // Validar coincidencia
-        if (password !== confirmPassword) {
-            confirmPasswordInput.classList.add('inputError');
-            mensajeError.textContent = 'Las contraseñas no coinciden';
-        } else {
-            confirmPasswordInput.classList.remove('inputError');
-            mensajeError.textContent = '';
-        }
-    };
-
     // Configurar eventos para validación en tiempo real
-    confirmPasswordInput.addEventListener('input', validarCoincidencia);
+    confirmPasswordInput.addEventListener('input', () => {
+        validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError);
+    });
 
     // También validar cuando cambie la contraseña principal
     passwordInput.addEventListener('input', () => {
         if (confirmPasswordInput.value.trim() !== '') {
-            validarCoincidencia();
+            validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError);
         }
     });
 }
 
+/**
+* Valida que la confirmación de contrasea coincida con la contraseña principal y maneja los mensajes de error del campo de entrada.
+*
+* @returns {void}
+*/
+function validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError) {
+    const password = passwordInput.value;
+    const confirmPassword = confirmPasswordInput.value;
+
+    if (confirmPassword.length > 0 && confirmPassword[0] === ' ') {
+        confirmPasswordInput.classList.add('inputError');
+        mensajeError.textContent = 'El campo no puede comenzar con un espacio.';
+        return;
+    }
+
+    // Si el campo de confirmación está vacío, no mostrar error
+    if (confirmPassword.trim() === '') {
+        confirmPasswordInput.classList.add('inputError');
+        mensajeError.textContent = 'El campo no puede estar vacío.';
+        return;
+    }
+
+    // Validar coincidencia
+    if (password !== confirmPassword) {
+        confirmPasswordInput.classList.add('inputError');
+        mensajeError.textContent = 'Las contraseñas no coinciden';
+    } else {
+        confirmPasswordInput.classList.remove('inputError');
+        mensajeError.textContent = '';
+    }
+};
+
 /**
  * Crea un nuevo usuario en el sistema.
  * Captura los datos del formulario, valida los campos, 
@@ -907,34 +918,14 @@ async function crearUsuario() {
     const confirmContraseniaSinTrim = confirmPasswordInput ? confirmPasswordInput.value : '';
     const rolSinTrim = rolInput.value;
 
-    // VALIDAR ESPACIO INICIAL EN TODOS LOS CAMPOS DE TEXTO
-    if (nombreSinTrim.length > 0 && nombreSinTrim[0] === ' ') {
-        mostrarAlerta('Nombre inválido', 'El nombre no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (correoSinTrim.length > 0 && correoSinTrim[0] === ' ') {
-        mostrarAlerta('Correo inválido', 'El correo no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (contraseniaSinTrim.length > 0 && contraseniaSinTrim[0] === ' ') {
-        mostrarAlerta('Contraseña inválida', 'La contraseña no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (confirmContraseniaSinTrim.length > 0 && confirmContraseniaSinTrim[0] === ' ') {
-        mostrarAlerta('Confirmación inválida', 'La confirmación de contraseña no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (rolSinTrim.length > 0 && rolSinTrim[0] === ' ') {
-        mostrarAlerta('Rol inválido', 'El rol no puede comenzar con un espacio.', 'error');
-        return;
-    }
+    let nombre
+    let correo
+    let contrasenia
+    let confirmContrasenia
+    let idRolFK;
 
     // AHORA SÍ HAZ EL TRIM PARA EL RESTO DE VALIDACIONES
-    const nombre = nombreSinTrim.trim();
-    const correo = correoSinTrim.trim();
-    const contrasenia = contraseniaSinTrim.trim();
-    const confirmContrasenia = confirmContraseniaSinTrim.trim();
-    const idRolFK = parseInt(rolSinTrim, 10);
+    
 
     // Verificar si hay mensajes de error visibles en el formulario
     const mensajesError = document.querySelectorAll('.mensajeError');
@@ -951,55 +942,18 @@ async function crearUsuario() {
         return;
     }
 
-    // Verificar si las contraseñas coinciden (si existe el campo de confirmación)
-    if (confirmPasswordInput && contrasenia !== confirmContrasenia) {
-        mostrarAlerta('Las contraseñas no coinciden', 'Por favor, asegúrate de que la contraseña y su confirmación sean iguales.', 'warning');
-        return;
-    }
-
-    // Verificar campos obligatorios
-    if (!nombre || !correo || !contrasenia || !confirmContrasenia || isNaN(idRolFK)) {
-        mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
-        return;
-    }
-
-
-    if (listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correo.toLowerCase())) {
-        mostrarAlerta('Correo ya registrado', 'El correo ingresado ya existe. Por favor, usa otro correo.', 'error');;
-        return;
-    }
-
-    if (nombre.length > 45) {
-        mostrarAlerta('Nombre demasiado largo', 'El nombre no puede tener más de 45 caracteres.', 'error');
-        return;
-    }
+    
 
-    if (nombre[0] === ' ') {
-        mostrarAlerta('Nombre inválido', 'El nombre no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (nombre.trim().length <= 0) {
-        mostrarAlerta('Nombre vacío', 'El nombre no puede estar vacío.', 'error');
+    if (validacionInicial(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
+        nombre = nombreSinTrim.trim();
+        correo = correoSinTrim.trim();
+        contrasenia = contraseniaSinTrim.trim();
+        confirmContrasenia = confirmContraseniaSinTrim.trim();
+        idRolFK = parseInt(rolSinTrim, 10);
+    } else {
         return;
     }
 
-    if (correo.length > 50) {
-        mostrarAlerta('Correo demasiado largo', 'El correo no puede tener más de 50 caracteres.', 'error');
-        return
-    }
-
-
-    if (contrasenia.length < 8) {
-        mostrarAlerta('Contraseña demasiado corta', 'La contraseña debe de tener más de 8 caracteres.', 'error');
-        return
-    }
-
-    if (contrasenia.length > 512) {
-        mostrarAlerta('Contraseña demasiado larga', 'La contraseña no puede tener más de 512 caracteres.', 'error');
-        return
-    }
-
-
     try {
         const resultado = await crearUsuarioCU({ nombre, correo, contrasenia, idRolFK });
         if (resultado.ok) {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 35b8fc23..ebff142d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -1,4 +1,5 @@
 const validator = require('validator');
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 
 const numeroMinimoID = 1;
 const tamanioMinimoNombre = 1;
@@ -7,8 +8,75 @@ const tamanioMinimoCorreo = 5;
 const tamanioMaximoCorreo = 50;
 const tamanioMinimoContrasenia = 8;
 const tamanioMaximoContrasenia = 512;
+const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
 
 /**
+ * 
+ */
+function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRolFK, listaCorreos) {
+    const nombreTrim = nombre.trim();
+    const correoTrim = correo.trim();
+    const contraseniaTrim = contrasenia.trim();
+    const confirmContraseniaTrim = confirmContrasenia.trim();
+    const idRolFKTrim = parseInt(idRolFK, 10);
+
+    // Verificar campos obligatorios
+    if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmContraseniaTrim || isNaN(idRolFKTrim)) {
+        mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
+        return false;
+    }
+
+    // Verificar si las contraseñas coinciden (si existe el campo de confirmación)
+    if (contraseniaTrim !== confirmContraseniaTrim) {
+        mostrarAlerta('Las contraseñas no coinciden', 'Por favor, asegúrate de que la contraseña y su confirmación sean iguales.', 'warning');
+        return false;
+    }
+
+    if (nombreTrim.length > 45) {
+        mostrarAlerta(`Nombre demasiado largo', 'El nombre no puede tener más de ${tamanioMinimoNombre} caracteres.', 'error`);
+        return false;
+    } else if (nombre.length > 0 && nombre[0] === ' ') {
+        mostrarAlerta('Correo inválido', 'El nombre no puede comenzar con un espacio.', 'error');
+        return false;
+    } else if (!regexNombre.test(nombreTrim)) {
+        mostrarAlerta('Nombre inválido', 'El nombre solo puede contener letras, espacios y puntos.', 'error');
+        return false;
+    }
+
+    if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
+        mostrarAlerta('Correo demasiado largo', `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`, 'error');
+        return false;
+    } else if (!validator.isEmail(correoTrim)) {
+        mostrarAlerta('Correo inválido', 'El correo debe tener un formato válido.', 'error');
+        return false;
+    } else if (correo.length > 0 && correo[0] === ' ') {
+        mostrarAlerta('Correo inválido', 'El correo no puede comenzar con un espacio.', 'error');
+        return false;
+    } else if (listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correoTrim.toLowerCase())) {
+        mostrarAlerta('Correo ya registrado', 'El correo ingresado ya existe. Por favor, usa otro correo.', 'error');;
+        return false;
+    }
+
+    if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
+        mostrarAlerta('Contraseña demasiado corta', `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`, 'error');
+        return false;
+    } else if (contrasenia.length > 0 && contrasenia[0] === ' ') {
+        mostrarAlerta('Contraseña inválida', 'La contraseña no puede comenzar con un espacio.', 'error');
+        return false;
+    } else if (confirmContrasenia.length > 0 && confirmContrasenia[0] === ' ') {
+        mostrarAlerta('Confirmación inválida', 'La confirmación de contraseña no puede comenzar con un espacio.', 'error');
+        return false;
+    }
+
+    if (!Number.isInteger(idRolFK) || idRolFK <= numeroMinimoID) {
+        mostrarAlerta('Rol inválido', 'Ingresa un rol válido.', 'error');
+        return false;
+    }
+    
+    return true;
+}
+
+/** 
  * Valida el nombre de usuario.
  * @param {string} nombre
  * @returns {string} - Mensaje de error o cadena vacía si es válido.
@@ -17,18 +85,17 @@ function validarNombreCampo(nombre) {
     const valor = nombre.trim();
 
     if (valor.length < tamanioMinimoNombre || valor.length > tamanioMaximoNombre) {
-        return `El nombre debe tener entre ${tamanioMinimoNombre} y ${tamanioMaximoNombre} caracteres.`;
-    }
-    if (valor === '') {
-        return 'El nombre no puede estar compuesto solo por espacios.';
+        return `El nombre no puede tener más de ${tamanioMinimoNombre} caracteres.`;
     }
     if (nombre[0] === ' ') {
         return 'El nombre no puede comenzar con un espacio.';
     }
-    const regex = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
-    if (!regex.test(valor)) {
+    if (!regexNombre.test(valor)) {
         return 'El nombre solo puede contener letras, espacios y puntos.';
     }
+    if (valor === '') {
+        return 'El nombre no puede estar vacío.';
+    }
     return '';
 }
 
@@ -67,13 +134,14 @@ function validarContraseniaCampo(contrasenia) {
  * @returns {string}
  */
 function validarRolCampo(idRol) {
-  if (!Number.isInteger(idRol) || idRol < numeroMinimoID) {
-    return 'El rol debe ser un número entero mayor o igual a 1.';
+  if (!Number.isInteger(idRol) || idRol <= numeroMinimoID) {
+    return 'Ingresa un rol válido.';
   }
   return '';
 }
 
 module.exports = {
+    validacionInicial,
     validarNombreCampo,
     validarCorreoCampo,
     validarContraseniaCampo,

From 8ff9d55febabc3cb109319f1f6f61d02b72e11c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 12:50:59 -0600
Subject: [PATCH 09/78] =?UTF-8?q?Refactorizar=20funci=C3=B3n=20async=20fun?=
 =?UTF-8?q?ction=20inicializarModuloGestionUsuarios()?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/moduloGestionUsuario.js  | 161 +++++++++++-------
 1 file changed, 96 insertions(+), 65 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 344c67d5..b92560c7 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -41,17 +41,26 @@ let listaCorreos = [];
 async function inicializarModuloGestionUsuarios() {
     localStorage.setItem('seccion-activa', 'gestionUsuarios');
 
-    const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
+    renderizarUsuarios()
+    configurarBotones()
+    configurarCampoCorreo();
+    configurarCampoBusqueda();
+    configurarVerContrasenia();
+    validarCoincidenciaContrasenas();
+}
 
+/** 
+ * Obtiene la lista de usuarios del backend y los renderiza en la interfaz.
+ * 
+ * @async
+ * @function renderizarUsuarios
+ */
+async function renderizarUsuarios() { 
     try {
-        // Limpiar la lista de usuarios y los filtros
         listaUsuarios = [];
         usuariosFiltrados = [];
-
-        // Limpiar el campo de búsqueda
         document.getElementById('buscar-usuario').value = '';
 
-        // Cargar usuarios
         const usuarios = await obtenerUsuarios();
         listaUsuarios = usuarios?.obtenerUsuarios() ?? [];
 
@@ -61,83 +70,45 @@ async function inicializarModuloGestionUsuarios() {
                 = '<div class="error-carga">No existen usuarios registrados en el sistema.</div>';
         }
 
-        // No mostrar el usuario que consulta la lista
         const usuarioActual = localStorage.getItem('nombreUsuario');
         listaUsuarios = listaUsuarios.filter(usuario => usuario.nombre !== usuarioActual.trim());
 
-        // Cargar usuarios filtrados
         usuariosFiltrados = [...listaUsuarios];
         cargarPagina(1);
 
         configurarValidacionesCampos();
         configurarContadoresCampos();
-        
     } catch (error) {
         mostrarAlerta('Error al cargar usuarios', error.message || 'Verifica tu conexión e inténtalo de nuevo.', 'error');
         document.getElementById('lista-usuarios').innerHTML
             = '<div class="error-carga">Error al cargar los usuarios. Intente de nuevo más tarde.</div>';
     }
 
+    listaCorreos = listaUsuarios.map(usuario => usuario.correo);
+}
+
+/**
+ * Configura los botones de la interfaz para crear, cancelar y guardar usuarios.
+ * 
+ * @function configurarBotones
+ */
+function configurarBotones() {
     const botonAgregar = document.querySelector('.primario');
-    // Eliminar event listeners anteriores y agregar uno nuevo
     const nuevoBotonAgregar = botonAgregar.cloneNode(true);
     botonAgregar.parentNode.replaceChild(nuevoBotonAgregar, botonAgregar);
     nuevoBotonAgregar.addEventListener('click', evento => {
         evento.preventDefault();
-
-        // Actualizar estados globales
-        modoActual = modoFormulario.CREAR;
-        usuarioAEditar = null;
-
-        // Cambiar texto del formulario
-        document.querySelector('.crear-modificar-usuario').textContent = 'Crear usuario';
-        document.querySelector('.btn-guardar').textContent = 'Guardar';
-
-        // Limpiar los campos del formulario
-        document.getElementById('username').value = '';
-        document.getElementById('username').placeholder = 'Nombre del nuevo usuario'
-        document.getElementById('email').value = '';
-        document.getElementById('email').placeholder = 'Correo del nuevo usuario';
-        document.getElementById('password').value = '';
-        document.getElementById('passwordConfirmar').value = '';
-        document.getElementById('rol').value = '';
-
-        
-        actualizarTodosContadores();
-        limpiarMensajesError();
-
-        columnaCrear.style.display = 'block';
-        cargarRoles(); // Cargar roles al abrir el formulario
-        listaCorreos = listaUsuarios.map(usuario => usuario.correo);  // Guardar todos los correos en la variable global
+        mostrarVistaCrear();
     });
 
-      const emailInput = document.getElementById('email');
-        if (emailInput) {
-            // Evita escribir espacios con el teclado
-            emailInput.addEventListener('keydown', (entrada) => {
-            if (entrada.key === ' ') {
-                entrada.preventDefault();
-            }
-            });
-            // Elimina espacios al pegar
-            // eslint-disable-next-line no-unused-vars
-            emailInput.addEventListener('input', function(entrada) {
-            this.value = this.value.replace(/\s/g, '');
-            });
-        }
-
     const botonCancelar = document.querySelector('.btn-cancelar');
-    // Eliminar event listeners anteriores y agregar uno nuevo
     const nuevoBotonCancelar = botonCancelar.cloneNode(true);
     botonCancelar.parentNode.replaceChild(nuevoBotonCancelar, botonCancelar);
     nuevoBotonCancelar.addEventListener('click', evento => {
         evento.preventDefault();
-        actualizarTodosContadores();
-        limpiarMensajesError();
-        columnaCrear.style.display = 'none';
+        ocultarVistaCrear();
     });
 
-    // Eliminar event listeners anteriores y agregar uno nuevo al botón guardar
     const botonGuardar = document.querySelector('.btn-guardar');
     const nuevoBotonGuardar = botonGuardar.cloneNode(true);
     botonGuardar.parentNode.replaceChild(nuevoBotonGuardar, botonGuardar);
@@ -146,17 +117,84 @@ async function inicializarModuloGestionUsuarios() {
         actualizarTodosContadores();
         limpiarMensajesError();
         if (modoActual === modoFormulario.CREAR) {
-            // Deshabilitar el botón para evitar múltiples envíos
             nuevoBotonGuardar.disabled = true;
             await crearUsuario();
-            // Volver a habilitar el botón después de que termine el proceso
             nuevoBotonGuardar.disabled = false;
         } else if (modoActual === modoFormulario.EDITAR) {
             await editarUsuario();
         }
     });
+}
+
+/**
+ * Muestra la vista de creación de usuario.
+ * Reinicia el formulario, actualiza el título y los campos.
+ * @function mostrarVistaCrear
+ */
+function mostrarVistaCrear() {
+    const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
+
+    modoActual = modoFormulario.CREAR;
+    usuarioAEditar = null;
+
+    document.querySelector('.crear-modificar-usuario').textContent = 'Crear usuario';
+    document.querySelector('.btn-guardar').textContent = 'Guardar';
+
+    document.getElementById('username').value = '';
+    document.getElementById('username').placeholder = 'Nombre del nuevo usuario'
+    document.getElementById('email').value = '';
+    document.getElementById('email').placeholder = 'Correo del nuevo usuario';
+    document.getElementById('password').value = '';
+    document.getElementById('passwordConfirmar').value = '';
+    document.getElementById('rol').value = '';
+
+    actualizarTodosContadores();
+    limpiarMensajesError();
+
+    columnaCrear.style.display = 'block';
+    cargarRoles();
+}
+
+/**
+ * Oculta la vista de creación de usuario.
+ * 
+ * @function ocultarVistaCrear
+ */
+function ocultarVistaCrear() { 
+    const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
+    actualizarTodosContadores();
+    limpiarMensajesError();
+    columnaCrear.style.display = 'none';
+}
+
+/**
+ * Configura ek campo de correo electrónico para evitar espacios.
+ * 
+ * @function configurarCampoCorreo
+ */
+function configurarCampoCorreo() { 
+    const entradaCorreo = document.getElementById('email');
+    if (entradaCorreo) {
+            // Evita escribir espacios con el teclado
+            entradaCorreo.addEventListener('keydown', (entrada) => {
+            if (entrada.key === ' ') {
+                entrada.preventDefault();
+            }
+            });
+            // Elimina espacios al pegar
+            // eslint-disable-next-line no-unused-vars
+            entradaCorreo.addEventListener('input', function(entrada) {
+            this.value = this.value.replace(/\s/g, '');
+            });
+        }
+}
 
-    // Configurar el campo de búsqueda
+/**
+ * Configura el campo de búsqueda de usuarios.
+ * 
+ * @function configurarCampoBusqueda
+ */
+function configurarCampoBusqueda() { 
     const inputBusqueda = document.getElementById('buscar-usuario');
     inputBusqueda.addEventListener('input', evento => {
         actualizarCaracteresBuscador(inputBusqueda);
@@ -164,7 +202,6 @@ async function inicializarModuloGestionUsuarios() {
         filtrarUsuarios();
     });
 
-    // Agregar también un listener para cuando se presiona Enter
     inputBusqueda.addEventListener('keypress', evento => {
         if (evento.key === 'Enter') {
             evento.preventDefault(); // Evitar que se envíe un formulario si está dentro de uno
@@ -172,10 +209,6 @@ async function inicializarModuloGestionUsuarios() {
             filtrarUsuarios();
         }
     });
-
-    // Configurar el botón de ver contraseña
-    verContrasenia();
-    validarCoincidenciaContrasenas();
 }
 
 /**
@@ -217,15 +250,13 @@ document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
 });
 } 
 
-function verContrasenia() {
+function configurarVerContrasenia() {
     const botonVerContrasenia = document.querySelector('#verContrasenia');
     const inputContrasenia = document.querySelector('#password');
     const inputConfirmarContrasenia = document.querySelector('#passwordConfirmar');
 
-    // Función para alternar entre mostrar/ocultar contraseña
     if (botonVerContrasenia && inputContrasenia) {
         botonVerContrasenia.addEventListener('change', () => {
-            // Cambia el tipo de los inputs según el estado del checkbox
             if (botonVerContrasenia.checked) {
                 inputContrasenia.type = 'text';
                 if (inputConfirmarContrasenia) {

From d579b96c13c0f67606b47efe886908552405044a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 12:51:35 -0600
Subject: [PATCH 10/78] =?UTF-8?q?Arreglar=20indentaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/moduloGestionUsuario.js  | 94 +++++++++----------
 1 file changed, 47 insertions(+), 47 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index b92560c7..6ca071dc 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -55,7 +55,7 @@ async function inicializarModuloGestionUsuarios() {
  * @async
  * @function renderizarUsuarios
  */
-async function renderizarUsuarios() { 
+async function renderizarUsuarios() {
     try {
         listaUsuarios = [];
         usuariosFiltrados = [];
@@ -64,7 +64,7 @@ async function renderizarUsuarios() {
         const usuarios = await obtenerUsuarios();
         listaUsuarios = usuarios?.obtenerUsuarios() ?? [];
 
-        if(listaUsuarios.length === 0) {
+        if (listaUsuarios.length === 0) {
             mostrarAlerta('No existen usuarios registrados en el sistema', '', 'warning');
             document.getElementById('lista-usuarios').innerHTML
                 = '<div class="error-carga">No existen usuarios registrados en el sistema.</div>';
@@ -160,7 +160,7 @@ function mostrarVistaCrear() {
  * 
  * @function ocultarVistaCrear
  */
-function ocultarVistaCrear() { 
+function ocultarVistaCrear() {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
     actualizarTodosContadores();
     limpiarMensajesError();
@@ -172,21 +172,21 @@ function ocultarVistaCrear() {
  * 
  * @function configurarCampoCorreo
  */
-function configurarCampoCorreo() { 
+function configurarCampoCorreo() {
     const entradaCorreo = document.getElementById('email');
     if (entradaCorreo) {
-            // Evita escribir espacios con el teclado
-            entradaCorreo.addEventListener('keydown', (entrada) => {
+        // Evita escribir espacios con el teclado
+        entradaCorreo.addEventListener('keydown', (entrada) => {
             if (entrada.key === ' ') {
                 entrada.preventDefault();
             }
-            });
-            // Elimina espacios al pegar
-            // eslint-disable-next-line no-unused-vars
-            entradaCorreo.addEventListener('input', function(entrada) {
+        });
+        // Elimina espacios al pegar
+        // eslint-disable-next-line no-unused-vars
+        entradaCorreo.addEventListener('input', function (entrada) {
             this.value = this.value.replace(/\s/g, '');
-            });
-        }
+        });
+    }
 }
 
 /**
@@ -194,7 +194,7 @@ function configurarCampoCorreo() {
  * 
  * @function configurarCampoBusqueda
  */
-function configurarCampoBusqueda() { 
+function configurarCampoBusqueda() {
     const inputBusqueda = document.getElementById('buscar-usuario');
     inputBusqueda.addEventListener('input', evento => {
         actualizarCaracteresBuscador(inputBusqueda);
@@ -234,21 +234,21 @@ function actualizarCaracteresBuscador(campoEntrada) {
  * No inserta nada, solo los inicializa y los mantiene al día.
  */
 function configurarContadoresCampos() {
-document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
-    const maximoCaracteres = input.getAttribute('maxlength');
-    const contador = input.parentNode.querySelector('.contador-caracteres');
-    if (!contador) return;
+    document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
+        const maximoCaracteres = input.getAttribute('maxlength');
+        const contador = input.parentNode.querySelector('.contador-caracteres');
+        if (!contador) return;
 
 
-    // Inicializa una sola llamada a la función extraída
-    actualizarContador(input, contador, maximoCaracteres);
+        // Inicializa una sola llamada a la función extraída
+        actualizarContador(input, contador, maximoCaracteres);
 
-    // Y vuelve a usar la misma función como callback
-    input.addEventListener('input', () => {
-    actualizarContador(input, contador, maximoCaracteres);
+        // Y vuelve a usar la misma función como callback
+        input.addEventListener('input', () => {
+            actualizarContador(input, contador, maximoCaracteres);
+        });
     });
-});
-} 
+}
 
 function configurarVerContrasenia() {
     const botonVerContrasenia = document.querySelector('#verContrasenia');
@@ -422,21 +422,21 @@ function mostrarUsuarios(usuarios) {
         const { id, nombre, tieneDispositivo, dispositivoActivo } = usuario;
         const div = document.createElement('div');
         div.className = 'frame-usuario';
-        
+
         // Determinar si el botón debe estar habilitado o deshabilitado
         const dispositivoHabilitado = tieneDispositivo && dispositivoActivo;
-        const claseBotonDeshabilitar = dispositivoHabilitado 
-            ? 'boton-deshabilitar' 
+        const claseBotonDeshabilitar = dispositivoHabilitado
+            ? 'boton-deshabilitar'
             : 'boton-deshabilitar boton-deshabilitado';
-        const tituloBoton = dispositivoHabilitado 
-            ? 'Deshabilitar dispositivo vinculado' 
+        const tituloBoton = dispositivoHabilitado
+            ? 'Deshabilitar dispositivo vinculado'
             : 'Sin dispositivo vinculado';
-        
+
         const botonDeshabilitar = `
             <button class='${claseBotonDeshabilitar}' data-id='${id}' title='${tituloBoton}'>
               <img src='${rutaBase}src/framework/utils/iconos/Deshabilitar.svg' alt='Deshabilitar Dispositivo'/>
             </button>`;
-        
+
         div.innerHTML = `
             <div class='nombre-usuario'>
                 <div class='texto-usuario'>${nombre}</div>
@@ -479,12 +479,12 @@ function mostrarUsuarios(usuarios) {
     botonesDeshabilitarDispositivo.forEach(boton => {
         boton.addEventListener('click', async evento => {
             evento.preventDefault();
-            
+
             // Si el botón está deshabilitado, no hacer nada
             if (boton.classList.contains('boton-deshabilitado')) {
                 return;
             }
-            
+
             const idUsuario = boton.getAttribute('data-id');
             const usuario = usuarios.find(usuario => usuario.id == idUsuario);
 
@@ -515,13 +515,13 @@ function mostrarUsuarios(usuarios) {
 function limpiarMensajesError() {
     // Borra el texto de todos los <small class="mensajeError">…
     document.querySelectorAll('.mensajeError').forEach(el => {
-      el.textContent = '';
+        el.textContent = '';
     });
     // Quita la clase .inputError de cualquier input que la tuviera
     document.querySelectorAll('.inputError').forEach(input => {
-      input.classList.remove('inputError');
+        input.classList.remove('inputError');
     });
-  } 
+}
 
 /**
  * Esta función busca todos los elementos con la clase `.boton-editar` en la lista
@@ -618,7 +618,7 @@ async function editarUsuario() {
         return;
     }
 
-    
+
     const nombreIngresado = nombreSinTrim.trim();
     const correoIngresado = correoSinTrim.trim();
     const contraseniaIngresada = contraseniaSinTrim.trim();
@@ -828,7 +828,7 @@ function configurarValidacionesCampos() {
                 mensajeError.textContent = 'El campo no puede comenzar con un espacio.';
                 return;
             }
-        
+
             // Si llegamos hasta aquí, validamos con la función correspondiente.
             const mensaje = validador(valor);
             if (mensaje) {
@@ -845,7 +845,7 @@ function configurarValidacionesCampos() {
                 mensajeError.textContent = '';
                 return;
             }
-        
+
             // Si NO estamos en EDITAR (es decir, modo CREAR) y está vacío, mostramos el mensaje de "no puede estar vacío" y salimos.
             if (modoActual !== modoFormulario.EDITAR && valorTrim === '') {
                 campoEntrada.classList.add('inputError');
@@ -853,7 +853,7 @@ function configurarValidacionesCampos() {
                 return;
             }
         });
-        
+
     });
 }
 
@@ -956,7 +956,7 @@ async function crearUsuario() {
     let idRolFK;
 
     // AHORA SÍ HAZ EL TRIM PARA EL RESTO DE VALIDACIONES
-    
+
 
     // Verificar si hay mensajes de error visibles en el formulario
     const mensajesError = document.querySelectorAll('.mensajeError');
@@ -973,7 +973,7 @@ async function crearUsuario() {
         return;
     }
 
-    
+
 
     if (validacionInicial(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
         nombre = nombreSinTrim.trim();
@@ -1101,10 +1101,10 @@ function actualizarContador(input, contador, maximoCaracteres) {
  */
 function actualizarTodosContadores() {
     document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
-      const maximoCaracteres = input.getAttribute('maxlength');
-      const contador = input.parentNode.querySelector('.contador-caracteres');
-      if (!contador) return;
-      actualizarContador(input, contador, maximoCaracteres);
+        const maximoCaracteres = input.getAttribute('maxlength');
+        const contador = input.parentNode.querySelector('.contador-caracteres');
+        if (!contador) return;
+        actualizarContador(input, contador, maximoCaracteres);
     });
 }
 
@@ -1128,7 +1128,7 @@ async function deshabilitarDispositivoUsuario(idUsuario) {
     } catch {
         mostrarAlerta('Error de conexión', 'Verifica tu conexión e inténtalo de nuevo.', 'error');
     }
-} 
+}
 
 // Expone la función de inicialización al objeto window
 inicializarModuloGestionUsuarios()
\ No newline at end of file

From 2b509c5965ecd317d2b6dd39d8cbec0c98d43f5a Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 13:04:53 -0600
Subject: [PATCH 11/78] Alerta Creada

---
 .../paginas/inicio/seleccionarArchivo.js      | 78 +++++++++++--------
 1 file changed, 44 insertions(+), 34 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
index bae89e0b..cea30cf1 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
@@ -97,68 +97,78 @@ function botonCargar() {
         localStorage.removeItem('seccion-activa');
 
         entradaArchivos.forEach(entradaArchivo => {
+            let archivoSeleccionado = false; // Bandera para detectar si se seleccionó realmente un archivo
+
             // Cambia el texto al hacer click en el input file
             entradaArchivo.addEventListener('click', () => {
+                archivoSeleccionado = false; // Reiniciamos al abrir el explorador
                 elementoBotonCargar.textContent = "Cargando Archivo";
-                
+
                 // Detectar cuando la ventana recupera el foco (el diálogo se cerró)
                 const manejarFoco = () => {
                     // Dar un pequeño delay para asegurar que el evento change se procese primero
                     setTimeout(() => {
-                        // Si el texto sigue siendo "Cargando Archivo", significa que no se seleccionó nada
-                        if (elementoBotonCargar.textContent === "Cargando Archivo") {
+                        // Si no se seleccionó ningún archivo, mostrar alerta
+                        if (!archivoSeleccionado) {
                             elementoBotonCargar.textContent = localStorage.getItem('nombreArchivoExcel') ? "Cambiar Archivo" : "Cargar Archivo";
+                            mostrarAlerta('Selección Cancelada', 'No se cargó ningún archivo', 'warning');
                         }
                     }, 100);
                     // Remover el listener después de usarlo
                     window.removeEventListener('focus', manejarFoco);
                 };
-                
+
                 window.addEventListener('focus', manejarFoco);
             });
 
             entradaArchivo.addEventListener('change', async () => {
-            if (entradaArchivo.files && entradaArchivo.files[0]) {
-                const archivo = entradaArchivo.files[0];
-
-                // Texto mientras se procesa
-                elementoNombreArchivo.textContent = 'Verificando archivo...';
-
-                try {
-                    const resultado = await leerExcel(archivo);
-
-                    if (resultado.exito) {
-                        elementoNombreArchivo.textContent = archivo.name;
-                        elementoBotonCargar.textContent = "Cambiar Archivo"
-                        botonAnalisis.removeAttribute('disabled');
-                        botonBorrar.style.display = 'block';
-                        localStorage.setItem('nombreArchivoExcel', archivo.name);
-                        entradaArchivos.forEach(input => input.value = '');
-                    } else {
+                if (entradaArchivo.files && entradaArchivo.files[0]) {
+                    archivoSeleccionado = true; //Se marca como seleccionado incluso si es inválido
+
+                    const archivo = entradaArchivo.files[0];
+
+                    // Texto mientras se procesa
+                    elementoNombreArchivo.textContent = 'Verificando archivo...';
+
+                    try {
+                        const resultado = await leerExcel(archivo);
+
+                        if (resultado.exito) {
+                            elementoNombreArchivo.textContent = archivo.name;
+                            elementoBotonCargar.textContent = "Cambiar Archivo";
+                            botonAnalisis.removeAttribute('disabled');
+                            botonBorrar.style.display = 'block';
+                            localStorage.setItem('nombreArchivoExcel', archivo.name);
+                            entradaArchivos.forEach(input => input.value = '');
+                        } else {
+                            //El archivo fue seleccionado pero no es válido → no se muestra la alerta de cancelación
+                            elementoNombreArchivo.textContent = 'Sin archivo seleccionado';
+                            elementoBotonCargar.textContent = "Cargar Archivo";
+                            botonBorrar.style.display = 'none';
+                            botonAnalisis.setAttribute('disabled', 'true');
+                            localStorage.removeItem('nombreArchivoExcel');
+                            localStorage.removeItem('datosExcel');
+                            mostrarAlerta('Archivo no válido', resultado.mensaje, 'error', 'Entendido');
+                            entradaArchivo.value = '';
+                        }
+                    } catch (error) {
                         elementoNombreArchivo.textContent = 'Sin archivo seleccionado';
-                        elementoBotonCargar.textContent = "Cargar Archivo"
-                        botonBorrar.style.display = 'none';
+                        elementoBotonCargar.textContent = "Cargar Archivo";
                         botonAnalisis.setAttribute('disabled', 'true');
                         localStorage.removeItem('nombreArchivoExcel');
                         localStorage.removeItem('datosExcel');
-                        mostrarAlerta('Archivo no válido', resultado.mensaje, 'error', 'Entendido');
+                        mostrarAlerta('Error al procesar archivo', error.mensaje || 'Ha ocurrido un error al procesar el archivo.', 'error');
                         entradaArchivo.value = '';
                     }
-                } catch (error) {
-                    elementoNombreArchivo.textContent = 'Sin archivo seleccionado';
-                    elementoBotonCargar.textContent = "Cargar Archivo"
-                    botonAnalisis.setAttribute('disabled', 'true');
-                    localStorage.removeItem('nombreArchivoExcel');
-                    localStorage.removeItem('datosExcel');
-                    mostrarAlerta('Error al procesar archivo', error.mensaje || 'Ha ocurrido un error al procesar el archivo.', 'error');
-                    entradaArchivo.value = '';
                 }
-            }
-        });
+            });
+
         });
     }, 100);
 }
 
+
+
 /**
  * Inicializa la funcionalidad del botón de tractores.
  * Configura el evento click para navegar al módulo de tractores cuando

From 23ad206278527b6277a021f5dcf223066ee32309 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 13:51:27 -0600
Subject: [PATCH 12/78] =?UTF-8?q?Refactorizar=20funci=C3=B3n=20function=20?=
 =?UTF-8?q?cargarPagina?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/moduloGestionUsuario.js  | 174 +++++++++---------
 1 file changed, 90 insertions(+), 84 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 6ca071dc..a3cc054a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -6,7 +6,7 @@
 
 const { modificarUsuario } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
 const { crearUsuario: crearUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/crearUsuario`);
-const { obtenerUsuarios } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarUsuarios.js`);
+const { obtenerUsuarios: obtenerUsuariosCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarUsuarios.js`);
 const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/eliminarUsuario`);
 const { consultarRoles: consultarRolesCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarRoles.js`);
 const { deshabilitarDispositivo } = require(`${rutaBase}src/backend/casosUso/dispositivos/deshabilitarDispositivo.js`);
@@ -41,7 +41,9 @@ let listaCorreos = [];
 async function inicializarModuloGestionUsuarios() {
     localStorage.setItem('seccion-activa', 'gestionUsuarios');
 
-    renderizarUsuarios()
+    obtenerUsuarios()
+    configurarValidacionesCampos();
+    configurarContadoresCampos();
     configurarBotones()
     configurarCampoCorreo();
     configurarCampoBusqueda();
@@ -55,29 +57,27 @@ async function inicializarModuloGestionUsuarios() {
  * @async
  * @function renderizarUsuarios
  */
-async function renderizarUsuarios() {
+async function obtenerUsuarios() {
     try {
         listaUsuarios = [];
         usuariosFiltrados = [];
         document.getElementById('buscar-usuario').value = '';
 
-        const usuarios = await obtenerUsuarios();
+        const usuarios = await obtenerUsuariosCU();
         listaUsuarios = usuarios?.obtenerUsuarios() ?? [];
 
         if (listaUsuarios.length === 0) {
             mostrarAlerta('No existen usuarios registrados en el sistema', '', 'warning');
             document.getElementById('lista-usuarios').innerHTML
                 = '<div class="error-carga">No existen usuarios registrados en el sistema.</div>';
+        } else {
+            const usuarioActual = localStorage.getItem('nombreUsuario');
+            listaUsuarios = listaUsuarios.filter(usuario => usuario.nombre !== usuarioActual.trim());
+    
+            usuariosFiltrados = [...listaUsuarios];
+            cargarPagina(1);
         }
 
-        const usuarioActual = localStorage.getItem('nombreUsuario');
-        listaUsuarios = listaUsuarios.filter(usuario => usuario.nombre !== usuarioActual.trim());
-
-        usuariosFiltrados = [...listaUsuarios];
-        cargarPagina(1);
-
-        configurarValidacionesCampos();
-        configurarContadoresCampos();
     } catch (error) {
         mostrarAlerta('Error al cargar usuarios', error.message || 'Verifica tu conexión e inténtalo de nuevo.', 'error');
         document.getElementById('lista-usuarios').innerHTML
@@ -201,14 +201,6 @@ function configurarCampoBusqueda() {
         terminoBusqueda = evento.target.value.toLowerCase().trim();
         filtrarUsuarios();
     });
-
-    inputBusqueda.addEventListener('keypress', evento => {
-        if (evento.key === 'Enter') {
-            evento.preventDefault(); // Evitar que se envíe un formulario si está dentro de uno
-            terminoBusqueda = inputBusqueda.value.toLowerCase().trim();
-            filtrarUsuarios();
-        }
-    });
 }
 
 /**
@@ -250,6 +242,11 @@ function configurarContadoresCampos() {
     });
 }
 
+/**
+ * Configura la checkbox de "Ver contraseña" para mostrar u ocultar la contraseña ingresada.
+ * 
+ * @function configurarVerContrasenia
+ */
 function configurarVerContrasenia() {
     const botonVerContrasenia = document.querySelector('#verContrasenia');
     const inputContrasenia = document.querySelector('#password');
@@ -272,7 +269,11 @@ function configurarVerContrasenia() {
     }
 }
 
-
+/** 
+ * Filtra la lista de usuarios según el término de búsqueda ingresado.
+ * 
+ * @function filtrarUsuarios
+*/
 function filtrarUsuarios() {
     if (terminoBusqueda === '') {
         usuariosFiltrados = [...listaUsuarios];
@@ -319,79 +320,19 @@ async function eliminarUsuario(id) {
 function cargarPagina(pagina) {
     paginaActual = pagina;
     const paginasTotales = Math.ceil(usuariosFiltrados.length / usuariosPorPagina);
-
     const inicio = (pagina - 1) * usuariosPorPagina;
     const fin = inicio + usuariosPorPagina;
     const usuariosPagina = usuariosFiltrados.slice(inicio, fin);
 
-    mostrarUsuarios(usuariosPagina);
-
-    const paginacion = document.querySelector('.paginacion');
-    paginacion.innerHTML = '';
-
     if (usuariosFiltrados.length === 0) {
         const listaUsuariosElemento = document.getElementById('lista-usuarios');
         listaUsuariosElemento.innerHTML = '<div class="sin-resultados">No hay usuarios que coincidan con la búsqueda.</div>';
         return;
+    } else {
+        mostrarUsuarios(usuariosPagina);
     }
 
-    // Solo mostrar paginación si hay más de una página
-    if (paginasTotales <= 1) {
-        return;
-    }
-
-    const previo = document.createElement('button');
-    previo.textContent = '<';
-    previo.classList.add('boton-pagina-previa');
-    previo.disabled = paginaActual === 1;
-    previo.onclick = evento => {
-        evento.preventDefault();
-        if (paginaActual > 1) {
-            cargarPagina(paginaActual - 1);
-        }
-    };
-    paginacion.appendChild(previo);
-
-    for (let numeroPagina = 1; numeroPagina <= paginasTotales; numeroPagina += 1) {
-        if (
-            numeroPagina === 1
-            || numeroPagina === paginasTotales
-            || (numeroPagina >= paginaActual - 1 && numeroPagina <= paginaActual + 1)
-        ) {
-            const botonPagina = document.createElement('button');
-            botonPagina.textContent = numeroPagina;
-            botonPagina.classList.add('boton-pagina');
-            if (numeroPagina === paginaActual) {
-                botonPagina.classList.add('pagina-actual');
-            }
-            botonPagina.onclick = evento => {
-                evento.preventDefault();
-                cargarPagina(numeroPagina);
-            };
-            paginacion.appendChild(botonPagina);
-        } else if (
-            (numeroPagina === paginaActual - 2 && numeroPagina > 1)
-            || (numeroPagina === paginaActual + 2 && numeroPagina < paginasTotales)
-        ) {
-            // Evitamos duplicar los puntos
-            const puntos = document.createElement('span');
-            puntos.textContent = '...';
-            puntos.classList.add('puntos-paginacion');
-            paginacion.appendChild(puntos);
-        }
-    }
-
-    const siguiente = document.createElement('button');
-    siguiente.textContent = '>';
-    siguiente.classList.add('boton-pagina-siguiente');
-    siguiente.disabled = paginaActual === paginasTotales;
-    siguiente.onclick = evento => {
-        evento.preventDefault();
-        if (paginaActual < paginasTotales) {
-            cargarPagina(paginaActual + 1);
-        }
-    };
-    paginacion.appendChild(siguiente);
+    configurarPaginacion(paginasTotales)
 }
 
 /**
@@ -509,6 +450,71 @@ function mostrarUsuarios(usuarios) {
     });
 }
 
+function configurarPaginacion(paginasTotales) {
+    const paginacion = document.querySelector('.paginacion');
+    paginacion.innerHTML = '';
+    if (paginasTotales <= 1) {
+        return;
+    }
+
+    const previo = document.createElement('button');
+    previo.textContent = '<';
+    previo.classList.add('boton-pagina-previa');
+    previo.disabled = paginaActual === 1;
+    previo.onclick = evento => {
+        evento.preventDefault();
+        if (paginaActual > 1) {
+            cargarPagina(paginaActual - 1);
+        }
+    };
+    paginacion.appendChild(previo);
+
+    crearBotonNumeros(paginasTotales, paginacion);
+
+    const siguiente = document.createElement('button');
+    siguiente.textContent = '>';
+    siguiente.classList.add('boton-pagina-siguiente');
+    siguiente.disabled = paginaActual === paginasTotales;
+    siguiente.onclick = evento => {
+        evento.preventDefault();
+        if (paginaActual < paginasTotales) {
+            cargarPagina(paginaActual + 1);
+        }
+    };
+    paginacion.appendChild(siguiente);
+}
+
+function crearBotonNumeros(paginasTotales, paginacion) {
+    for (let numeroPagina = 1; numeroPagina <= paginasTotales; numeroPagina += 1) {
+        if (
+            numeroPagina === 1
+            || numeroPagina === paginasTotales
+            || (numeroPagina >= paginaActual - 1 && numeroPagina <= paginaActual + 1)
+        ) {
+            const botonPagina = document.createElement('button');
+            botonPagina.textContent = numeroPagina;
+            botonPagina.classList.add('boton-pagina');
+            if (numeroPagina === paginaActual) {
+                botonPagina.classList.add('pagina-actual');
+            }
+            botonPagina.onclick = evento => {
+                evento.preventDefault();
+                cargarPagina(numeroPagina);
+            };
+            paginacion.appendChild(botonPagina);
+        } else if (
+            (numeroPagina === paginaActual - 2 && numeroPagina > 1)
+            || (numeroPagina === paginaActual + 2 && numeroPagina < paginasTotales)
+        ) {
+            // Evitamos duplicar los puntos
+            const puntos = document.createElement('span');
+            puntos.textContent = '...';
+            puntos.classList.add('puntos-paginacion');
+            paginacion.appendChild(puntos);
+        }
+    }
+}
+
 /**
  * Limpia todos los mensajes de error y quita la clase de error de los inputs.
  */

From 2f024341a12af07b65f563c1aa4c8432b9e9f8fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 13:57:06 -0600
Subject: [PATCH 13/78] Arreglar errores en crear usuario

---
 .../src/backend/casosUso/usuarios/crearUsuario.js    |  6 ++----
 .../scripts/paginas/usuarios/moduloGestionUsuario.js |  4 +---
 .../scripts/paginas/usuarios/validacionesUsuario.js  | 12 ++++++------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
index a6ab1edb..7b5d0c84 100644
--- a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
+++ b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
@@ -51,7 +51,6 @@ function validarCorreo(correo) {
  * @returns {Promise<{ok: boolean, mensaje: string, id?: number}>} Resultado de la operación.
  */
 async function crearUsuario({ nombre, correo, contrasenia, idRolFK }) {
-    console.log("hola")
     if (!nombre || !correo || !contrasenia || !idRolFK) {
         //return { ok: false, mensaje: 'Todos los campos son obligatorios' };
         return { ok: false, mensaje: `correo: "${correo}", contrasenia: "${contrasenia}", idRolFK: "${idRolFK}", nombre: "${nombre}"` };
@@ -81,9 +80,8 @@ async function crearUsuario({ nombre, correo, contrasenia, idRolFK }) {
             return { ok: false, mensaje: respuesta.mensaje || 'Error al crear el usuario' };
         }
         return { ok: true, mensaje: respuesta.mensaje, id: respuesta.id };
-    // eslint-disable-next-line no-unused-vars
-    } catch (error) {
-        return { ok: false, mensaje: 'Error al crear el usuario'};
+    } catch {
+        return { ok: false, mensaje: 'Error al crear el usuario' };
     }
 }
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index a3cc054a..14168b16 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -115,7 +115,6 @@ function configurarBotones() {
     nuevoBotonGuardar.addEventListener('click', async evento => {
         evento.preventDefault();
         actualizarTodosContadores();
-        limpiarMensajesError();
         if (modoActual === modoFormulario.CREAR) {
             nuevoBotonGuardar.disabled = true;
             await crearUsuario();
@@ -182,8 +181,7 @@ function configurarCampoCorreo() {
             }
         });
         // Elimina espacios al pegar
-        // eslint-disable-next-line no-unused-vars
-        entradaCorreo.addEventListener('input', function (entrada) {
+        entradaCorreo.addEventListener('input',  () => {
             this.value = this.value.replace(/\s/g, '');
         });
     }
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index ebff142d..256f4b28 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -68,11 +68,11 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
         return false;
     }
 
-    if (!Number.isInteger(idRolFK) || idRolFK <= numeroMinimoID) {
+    if (!Number.isInteger(idRolFKTrim) || idRolFKTrim <= numeroMinimoID) {
         mostrarAlerta('Rol inválido', 'Ingresa un rol válido.', 'error');
         return false;
     }
-    
+
     return true;
 }
 
@@ -134,10 +134,10 @@ function validarContraseniaCampo(contrasenia) {
  * @returns {string}
  */
 function validarRolCampo(idRol) {
-  if (!Number.isInteger(idRol) || idRol <= numeroMinimoID) {
-    return 'Ingresa un rol válido.';
-  }
-  return '';
+    if (!Number.isInteger(idRol) || idRol <= numeroMinimoID) {
+        return 'Ingresa un rol válido.';
+    }
+    return '';
 }
 
 module.exports = {

From 9d92449317cdd481bd87cb16aecb06cb557ca9a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 15:46:24 -0600
Subject: [PATCH 14/78] =?UTF-8?q?Refactorizar=20fucni=C3=B3n=20mostrar=20u?=
 =?UTF-8?q?suarios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/moduloGestionUsuario.js  | 225 ++++++++++--------
 1 file changed, 132 insertions(+), 93 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 14168b16..5da61721 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -161,8 +161,6 @@ function mostrarVistaCrear() {
  */
 function ocultarVistaCrear() {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
-    actualizarTodosContadores();
-    limpiarMensajesError();
     columnaCrear.style.display = 'none';
 }
 
@@ -356,98 +354,21 @@ function mostrarUsuarios(usuarios) {
         return;
     }
 
-    const fragmento = document.createDocumentFragment();
-    usuarios.forEach(usuario => {
-        const { id, nombre, tieneDispositivo, dispositivoActivo } = usuario;
-        const div = document.createElement('div');
-        div.className = 'frame-usuario';
-
-        // Determinar si el botón debe estar habilitado o deshabilitado
-        const dispositivoHabilitado = tieneDispositivo && dispositivoActivo;
-        const claseBotonDeshabilitar = dispositivoHabilitado
-            ? 'boton-deshabilitar'
-            : 'boton-deshabilitar boton-deshabilitado';
-        const tituloBoton = dispositivoHabilitado
-            ? 'Deshabilitar dispositivo vinculado'
-            : 'Sin dispositivo vinculado';
-
-        const botonDeshabilitar = `
-            <button class='${claseBotonDeshabilitar}' data-id='${id}' title='${tituloBoton}'>
-              <img src='${rutaBase}src/framework/utils/iconos/Deshabilitar.svg' alt='Deshabilitar Dispositivo'/>
-            </button>`;
-
-        div.innerHTML = `
-            <div class='nombre-usuario'>
-                <div class='texto-usuario'>${nombre}</div>
-            </div>
-                <button class='boton-editar' data-id='${id}'>
-                  <img src='${rutaBase}src/framework/utils/iconos/Editar2.svg' alt='Editar'/>
-                </button>
-                ${botonDeshabilitar}
-                <button class='boton-eliminar' data-id='${id}'>
-                  <img src='${rutaBase}src/framework/utils/iconos/BasuraBlanca.svg' alt='Eliminar'/>
-                </button>
-        `;
-        fragmento.appendChild(div);
-    });
+    const fragmento = crearListaUsuarios(usuarios);
     listaUsuariosElemento.appendChild(fragmento);
 
-    // Añadir eventos a los botones de editar
-    escucharEventoBotonesEditar(listaUsuariosElemento);
-
-    // Añadir eventos a los botones de eliminar
-    const botonesEliminar = listaUsuariosElemento.querySelectorAll('.boton-eliminar');
-    botonesEliminar.forEach(boton => {
-        boton.addEventListener('click', async evento => {
-            evento.preventDefault();
-            const id = boton.getAttribute('data-id');
-            const respuesta = await mostrarAlertaBorrado('Esta acción no se puede deshacer.', 'Eliminar', 'Cancelar');
-            if (respuesta) {
-                await eliminarUsuario(id); // Ahora puedes usar await aquí
-                setTimeout(() => {
-                    const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
-                    columnaCrear.style.display = 'none';
-                    inicializarModuloGestionUsuarios(); // Recargar la lista de usuarios
-                }, 500);
-            }
-        });
-    });
-
-    // Añadir eventos a los botones de deshabilitar dispositivo
-    const botonesDeshabilitarDispositivo = listaUsuariosElemento.querySelectorAll('.boton-deshabilitar');
-    botonesDeshabilitarDispositivo.forEach(boton => {
-        boton.addEventListener('click', async evento => {
-            evento.preventDefault();
-
-            // Si el botón está deshabilitado, no hacer nada
-            if (boton.classList.contains('boton-deshabilitado')) {
-                return;
-            }
-
-            const idUsuario = boton.getAttribute('data-id');
-            const usuario = usuarios.find(usuario => usuario.id == idUsuario);
-
-            Swal.fire({
-                title: '¿Deshabilitar dispositivo?',
-                html: `La aplicación Harvester en el dispositivo vinculado al usuario <strong>${usuario ? usuario.nombre : ''}</strong> será inaccesible.<br><br><strong>SOLO DESHABILITAR EN CASO DE ROBO O PÉRDIDA DEL DISPOSITIVO.</strong>`,
-                icon: 'warning',
-                showCancelButton: true,
-                confirmButtonColor: '#a61930',
-                confirmButtonText: 'Deshabilitar',
-                cancelButtonText: 'Cancelar'
-            }).then(async (resultado) => {
-                if (resultado.isConfirmed) {
-                    await deshabilitarDispositivoUsuario(idUsuario);
-                    // Recargar la lista después de deshabilitar
-                    setTimeout(() => {
-                        inicializarModuloGestionUsuarios();
-                    }, 1000);
-                }
-            });
-        });
-    });
+    configurarBotonEditar(listaUsuariosElemento);
+    configurarBotonEliminar(listaUsuariosElemento);
+    configurarBotonDeshabilitar(listaUsuariosElemento, usuarios);
 }
 
+/**
+ * Configura la paginación de usuarios.
+ * 
+ * @function configurarPaginacion
+ * @param {number} paginasTotales - Total de páginas disponibles.
+ * @returns {void}
+ */
 function configurarPaginacion(paginasTotales) {
     const paginacion = document.querySelector('.paginacion');
     paginacion.innerHTML = '';
@@ -482,6 +403,13 @@ function configurarPaginacion(paginasTotales) {
     paginacion.appendChild(siguiente);
 }
 
+/**
+ * Crea los botones de paginación numéricos.
+ * @function crearBotonNumeros
+ * @param {number} paginasTotales - Total de páginas disponibles.
+ * @param {HTMLElement} paginacion - Elemento contenedor de la paginación.
+ * @returns {void}
+ */
 function crearBotonNumeros(paginasTotales, paginacion) {
     for (let numeroPagina = 1; numeroPagina <= paginasTotales; numeroPagina += 1) {
         if (
@@ -527,16 +455,60 @@ function limpiarMensajesError() {
     });
 }
 
+/**
+ * Crea un fragmento de documento con los usuarios.
+ * 
+ * @function crearListaUsuarios
+ * @param {Array<Object>} usuarios - Lista de usuarios a renderizar.
+ *  @returns {DocumentFragment} Un fragmento de documento con los usuarios renderizados.
+ */
+function crearListaUsuarios(usuarios) {
+    const fragmento = document.createDocumentFragment();
+    usuarios.forEach(usuario => {
+        const { id, nombre, tieneDispositivo, dispositivoActivo } = usuario;
+        const div = document.createElement('div');
+        div.className = 'frame-usuario';
+
+        const dispositivoHabilitado = tieneDispositivo && dispositivoActivo;
+        const claseBotonDeshabilitar = dispositivoHabilitado
+            ? 'boton-deshabilitar'
+            : 'boton-deshabilitar boton-deshabilitado';
+        const tituloBoton = dispositivoHabilitado
+            ? 'Deshabilitar dispositivo vinculado'
+            : 'Sin dispositivo vinculado';
+
+        const botonDeshabilitar = `
+            <button class='${claseBotonDeshabilitar}' data-id='${id}' title='${tituloBoton}'>
+              <img src='${rutaBase}src/framework/utils/iconos/Deshabilitar.svg' alt='Deshabilitar Dispositivo'/>
+            </button>`;
+
+        div.innerHTML = `
+            <div class='nombre-usuario'>
+                <div class='texto-usuario'>${nombre}</div>
+            </div>
+                <button class='boton-editar' data-id='${id}'>
+                  <img src='${rutaBase}src/framework/utils/iconos/Editar2.svg' alt='Editar'/>
+                </button>
+                ${botonDeshabilitar}
+                <button class='boton-eliminar' data-id='${id}'>
+                  <img src='${rutaBase}src/framework/utils/iconos/BasuraBlanca.svg' alt='Eliminar'/>
+                </button>
+        `;
+        fragmento.appendChild(div);
+    });
+    return fragmento;
+}
+
 /**
  * Esta función busca todos los elementos con la clase `.boton-editar` en la lista
  * de usuarios actualmente renderizados (paginados). Al hacer clic en uno de estos
  * botones, se obtiene el `idUsuario` correspondiente desde `usuariosFiltrados`,
  * y se invoca la función `modificarUsuario(id)` para iniciar el proceso de edición.
- *
- * @param {void}
+ * @function configurarBotonEditar
+ * @param {HTMLElement} listaDeUsuarios - Elemento contenedor de la lista de usuarios.
  * @returns {void}
  */
-function escucharEventoBotonesEditar(listaDeUsuarios) {
+function configurarBotonEditar(listaDeUsuarios) {
     listaDeUsuarios.querySelectorAll('.boton-editar').forEach(boton => {
         boton.addEventListener('click', evento => {
             evento.preventDefault();
@@ -548,6 +520,73 @@ function escucharEventoBotonesEditar(listaDeUsuarios) {
     });
 }
 
+/**
+ * Configura el botón de eliminar usuario para cada usuario en la lista.
+ * 
+ * @function configurarBotonEliminar
+ * @param {HTMLElement} listaDeUsuarios - Elemento contenedor de la lista de usuarios.
+ * @returns {void}
+ */
+function configurarBotonEliminar(listaDeUsuarios) {
+    const botonesEliminar = listaDeUsuarios.querySelectorAll('.boton-eliminar');
+    botonesEliminar.forEach(boton => {
+        boton.addEventListener('click', async evento => {
+            evento.preventDefault();
+            const id = boton.getAttribute('data-id');
+            const respuesta = await mostrarAlertaBorrado('Esta acción no se puede deshacer.', 'Eliminar', 'Cancelar');
+            if (respuesta) {
+                await eliminarUsuario(id);
+                setTimeout(() => {
+                    ocultarVistaCrear();
+                    inicializarModuloGestionUsuarios();
+                }, 500);
+            }
+        });
+    });
+}
+
+/**
+ * Configura el botón de deshabilitar dispositivo para cada usuario.
+ * 
+ * @function configurarBotonDeshabilitar
+ * @param {HTMLElement} listaDeUsuarios - Elemento contenedor de la lista de usuarios.
+ * @param {Array<Object>} usuarios - Lista de usuarios a los que se les puede deshabilitar el dispositivo.
+ * @returns {void}
+ */
+function configurarBotonDeshabilitar(listaDeUsuarios, usuarios) {
+    const botonesDeshabilitarDispositivo = listaDeUsuarios.querySelectorAll('.boton-deshabilitar');
+    botonesDeshabilitarDispositivo.forEach(boton => {
+        boton.addEventListener('click', async evento => {
+            evento.preventDefault();
+
+            // Si el botón está deshabilitado, no hacer nada
+            if (boton.classList.contains('boton-deshabilitado')) {
+                return;
+            }
+
+            const idUsuario = boton.getAttribute('data-id');
+            const usuario = usuarios.find(usuario => usuario.id == idUsuario);
+
+            Swal.fire({
+                title: '¿Deshabilitar dispositivo?',
+                html: `La aplicación Harvester en el dispositivo vinculado al usuario <strong>${usuario ? usuario.nombre : ''}</strong> será inaccesible.<br><br><strong>SOLO DESHABILITAR EN CASO DE ROBO O PÉRDIDA DEL DISPOSITIVO.</strong>`,
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#a61930',
+                confirmButtonText: 'Deshabilitar',
+                cancelButtonText: 'Cancelar'
+            }).then(async (resultado) => {
+                if (resultado.isConfirmed) {
+                    await deshabilitarDispositivoUsuario(idUsuario);
+                    setTimeout(() => {
+                        inicializarModuloGestionUsuarios();
+                    }, 1000);
+                }
+            });
+        });
+    });
+}
+
 /**
  * Cambia el modo del formulario a "Editar" y precarga los datos del usuario seleccionado.
  *

From 405b971bc3500042464701b9370d06a0b38bb030 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 18:31:41 -0600
Subject: [PATCH 15/78] Eslint

---
 .../scripts/paginas/inicio/seleccionarArchivo.js     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
index cea30cf1..4c530ae2 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
@@ -86,7 +86,7 @@ function botonCargar() {
         if (localStorage.getItem('nombreArchivoExcel')) {
             // Si ya hay un archivo seleccionado, lo mostramos
             elementoNombreArchivo.textContent = localStorage.getItem('nombreArchivoExcel');
-            elementoBotonCargar.textContent = "Cambiar Archivo"
+            elementoBotonCargar.textContent = 'Cambiar Archivo'
             // Habilitar el botón de borrar
             botonBorrar.style.display = 'block';
             // Habilitar el botón de análisis
@@ -102,7 +102,7 @@ function botonCargar() {
             // Cambia el texto al hacer click en el input file
             entradaArchivo.addEventListener('click', () => {
                 archivoSeleccionado = false; // Reiniciamos al abrir el explorador
-                elementoBotonCargar.textContent = "Cargando Archivo";
+                elementoBotonCargar.textContent = 'Cargando Archivo';
 
                 // Detectar cuando la ventana recupera el foco (el diálogo se cerró)
                 const manejarFoco = () => {
@@ -110,7 +110,7 @@ function botonCargar() {
                     setTimeout(() => {
                         // Si no se seleccionó ningún archivo, mostrar alerta
                         if (!archivoSeleccionado) {
-                            elementoBotonCargar.textContent = localStorage.getItem('nombreArchivoExcel') ? "Cambiar Archivo" : "Cargar Archivo";
+                            elementoBotonCargar.textContent = localStorage.getItem('nombreArchivoExcel') ? 'Cambiar Archivo' : 'Cargar Archivo';
                             mostrarAlerta('Selección Cancelada', 'No se cargó ningún archivo', 'warning');
                         }
                     }, 100);
@@ -135,7 +135,7 @@ function botonCargar() {
 
                         if (resultado.exito) {
                             elementoNombreArchivo.textContent = archivo.name;
-                            elementoBotonCargar.textContent = "Cambiar Archivo";
+                            elementoBotonCargar.textContent = 'Cambiar Archivo';
                             botonAnalisis.removeAttribute('disabled');
                             botonBorrar.style.display = 'block';
                             localStorage.setItem('nombreArchivoExcel', archivo.name);
@@ -143,7 +143,7 @@ function botonCargar() {
                         } else {
                             //El archivo fue seleccionado pero no es válido → no se muestra la alerta de cancelación
                             elementoNombreArchivo.textContent = 'Sin archivo seleccionado';
-                            elementoBotonCargar.textContent = "Cargar Archivo";
+                            elementoBotonCargar.textContent = 'Cargar Archivo';
                             botonBorrar.style.display = 'none';
                             botonAnalisis.setAttribute('disabled', 'true');
                             localStorage.removeItem('nombreArchivoExcel');
@@ -153,7 +153,7 @@ function botonCargar() {
                         }
                     } catch (error) {
                         elementoNombreArchivo.textContent = 'Sin archivo seleccionado';
-                        elementoBotonCargar.textContent = "Cargar Archivo";
+                        elementoBotonCargar.textContent = 'Cargar Archivo';
                         botonAnalisis.setAttribute('disabled', 'true');
                         localStorage.removeItem('nombreArchivoExcel');
                         localStorage.removeItem('datosExcel');

From 683437a58067fe0cf113c62e9b5109464b0482f9 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 18:54:59 -0600
Subject: [PATCH 16/78] Cambiar estado GPS

---
 .../scripts/paginas/inicio/moduloTractores.js | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
index a73952bb..408159ab 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
@@ -518,29 +518,45 @@ function busquedaTractores() {
  */
 function botonesFiltrosTractores() {
     const filtroConCheck = document.getElementById('botonFiltroCon');
+    const filtroSinCheck = document.getElementById('botonFiltroSin');
+
     // Evento para mostrar sólo los tractores con telemetría
     filtroConCheck.addEventListener('click', () => {
-        const caja = filtroConCheck.querySelector('img');
-        cambiarIconoMarcadoADesmarcado(caja)
+        seleccionarSoloUno(filtroConCheck, filtroSinCheck)
         aplicarFiltrosCombinados()
     });
     
-    const filtroSinCheck = document.getElementById('botonFiltroSin');
+    
     // Evento para mostrar sólo los tractores sin telemetría
     filtroSinCheck.addEventListener('click', () => {
-        const caja = filtroSinCheck.querySelector('img');
-        cambiarIconoMarcadoADesmarcado(caja)
+        seleccionarSoloUno(filtroSinCheck, filtroConCheck)
         aplicarFiltrosCombinados()
     });
 }
 
+function seleccionarSoloUno(elementoFiltroCheck, segundoElementoFiltroCheck){
+
+    primerIcono = elementoFiltroCheck.querySelector('img');
+    segundoIcono = segundoElementoFiltroCheck.querySelector('img');
+
+
+    
+    if(segundoIcono.src.includes('check_box.svg')){
+        cambiarIconoMarcadoADesmarcado(primerIcono)
+        cambiarIconoMarcadoADesmarcado(segundoIcono)
+        return
+    }
+
+    cambiarIconoMarcadoADesmarcado(primerIcono)
+    return
+}
 /**
  * 
  * Aplica filtros combinados de búsqueda por nombre y estado del GPS a los distribuidores mostrados en el DOM.
  * 
  * Esta función obtiene los datos de un archivo de Excel, filtra los distribuidores en pantalla según:
  * - El texto ingresado en el campo de búsqueda (por nombre del distribuidor).
- * - Los filtros visuales activados para distribuidores "con GPS" o "sin GPS".
+ * - Los filtros visuales activados para distribuidores 'con GPS' o 'sin GPS'.
  * 
  * Para determinar si un distribuidor tiene GPS, se revisan las primeras filas de sus datos en Excel.
  * Se muestra u oculta cada distribuidor en la interfaz según si cumple con los filtros.
@@ -576,7 +592,7 @@ function aplicarFiltrosCombinados() {
         // Revisar si hay datos y más de una fila
         if (datosDistribuidor && datosDistribuidor.length > 1) {
             const headers = datosDistribuidor[0];
-            const indiceGPS = headers.indexOf("GPS");
+            const indiceGPS = headers.indexOf('GPS');
 
             // Se evaula si existe la columna GPS
             if (indiceGPS !== -1) {

From 218a7d65902095b43767ad635b7e6981bcc72acc Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 19:00:54 -0600
Subject: [PATCH 17/78] Comentarios de Jsdocs

---
 .../scripts/paginas/inicio/moduloTractores.js | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
index 408159ab..373754ea 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
@@ -534,22 +534,34 @@ function botonesFiltrosTractores() {
     });
 }
 
-function seleccionarSoloUno(elementoFiltroCheck, segundoElementoFiltroCheck){
-
+/**
+ * Cambia la selección de un filtro de checkbox asegurando que solo uno esté marcado a la vez.
+ *
+ * Esta función se utiliza cuando hay dos elementos que actúan como filtros con íconos de checkbox,
+ * y se quiere permitir que únicamente uno de ellos esté seleccionado a la vez. Si el segundo filtro
+ * está marcado, se desmarcan ambos. Si no está marcado, solo se desmarca el primero.
+ *
+ * @param {HTMLElement} elementoFiltroCheck - Primer elemento del filtro que contiene un ícono de checkbox.
+ * @param {HTMLElement} segundoElementoFiltroCheck - Segundo elemento del filtro con ícono de checkbox.
+ */
+function seleccionarSoloUno(elementoFiltroCheck, segundoElementoFiltroCheck) {
+    // Obtiene el elemento <img> (ícono) dentro de cada filtro
     primerIcono = elementoFiltroCheck.querySelector('img');
     segundoIcono = segundoElementoFiltroCheck.querySelector('img');
 
-
-    
-    if(segundoIcono.src.includes('check_box.svg')){
-        cambiarIconoMarcadoADesmarcado(primerIcono)
-        cambiarIconoMarcadoADesmarcado(segundoIcono)
-        return
+    // Si el segundo ícono está marcado (tiene el ícono de checkbox activo), se desmarcan ambos
+    if (segundoIcono.src.includes('check_box.svg')) {
+        cambiarIconoMarcadoADesmarcado(primerIcono);
+        cambiarIconoMarcadoADesmarcado(segundoIcono);
+        return;
     }
 
-    cambiarIconoMarcadoADesmarcado(primerIcono)
-    return
+    // Si el segundo no está marcado, solo se desmarca el primero
+    cambiarIconoMarcadoADesmarcado(primerIcono);
+    return;
 }
+
+
 /**
  * 
  * Aplica filtros combinados de búsqueda por nombre y estado del GPS a los distribuidores mostrados en el DOM.

From 42f6f04edb52a93cb56d77da0f563536f0c1f40a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 19:17:47 -0600
Subject: [PATCH 18/78] Avance de refactorizar nodificar usuario

---
 .../paginas/usuarios/modificarUsuario.js      |  79 +++++
 .../paginas/usuarios/moduloGestionUsuario.js  | 334 ++++--------------
 .../paginas/usuarios/validacionesUsuario.js   | 103 +++++-
 3 files changed, 238 insertions(+), 278 deletions(-)
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
new file mode 100644
index 00000000..69054323
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -0,0 +1,79 @@
+const { modificarUsuario: modificarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
+const { validacionInicialModificar, validarYLimpiarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+//const { inicializarModuloGestionUsuarios } = require(`${rutaBase}/src/framework/utils/scripts/paginas/usuarios/inicializarModuloGestionUsuarios.js`);
+
+/**
+ * Envía los datos modificados del usuario al backend y actualiza la vista.
+ * Al finalizar—tanto si tuvo éxito como si no—resetea el formulario y el estado
+ * de edición para volver al modo de creación de usuario.
+ *
+ * @async
+ * @function modificarUsuario
+ * @returns {Promise<void>}
+ */
+async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuarios) {
+    const nombreInput = document.getElementById('username');
+    const correoInput = document.getElementById('email');
+    const contraseniaInput = document.getElementById('password');
+    const confirmPasswordInput = document.getElementById('passwordConfirmar');
+    const rolInput = document.getElementById('rol');
+
+    const nombreSinTrim = nombreInput.value;
+    const correoSinTrim = correoInput.value;
+    const contraseniaSinTrim = contraseniaInput.value;
+    const confirmContraseniaSinTrim = confirmPasswordInput ? confirmPasswordInput.value : '';
+    const rolSinTrim = rolInput.value;
+
+    let error;
+    let datos;
+
+    if (validacionInicialModificar(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
+        ({ error, datos } = validarYLimpiarUsuario({
+                nombre: nombreSinTrim.trim(),
+                correo: correoSinTrim.trim(),
+                contrasenia: contraseniaSinTrim.trim(),
+                idRol: parseInt(rolSinTrim, 10)
+            },
+            usuarioAEditar,
+            roles,
+            listaUsuarios))
+    } else {
+        return false;
+    }
+
+    if (error) {
+        mostrarAlerta('Error', error, 'warning');
+        return false;
+    }
+
+    const { idUsuario, nombre, correo, contrasenia, idRol } = datos;
+
+    try {
+        const resultado = await modificarUsuarioCU(idUsuario, nombre, correo, contrasenia, idRol);
+        if (resultado.ok) {
+            mostrarAlerta('Usuario modificado', resultado.mensaje || 'El usuario fue modificado correctamente.', 'success');
+
+            // Limpiar los campos del formulario
+            document.getElementById('username').value = '';
+            document.getElementById('username').placeholder = 'Nombre del nuevo usuario';
+            document.getElementById('email').value = '';
+            document.getElementById('email').placeholder = 'Correo del nuevo contacto';
+            document.getElementById('password').value = '';
+            document.getElementById('passwordConfirmar').value = '';
+            document.getElementById('rol').value = '';
+
+            return true;
+        } else {
+            mostrarAlerta('Error al modificar usuario', resultado.mensaje || 'No se pudo modificar el usuario.', 'error');
+            return false;
+        }
+    } catch (error) {
+        mostrarAlerta('Error de conexión', error.message || 'Hubo un problema al conectar con el servidor.', 'error');
+        return false;
+    }
+}
+
+module.exports = {
+    modificarUsuario
+};
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 5da61721..a6d95d88 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -4,19 +4,17 @@
 // RF41 Administrador consulta usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF41 
 // RF39 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF39
 
-const { modificarUsuario } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
 const { crearUsuario: crearUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/crearUsuario`);
 const { obtenerUsuarios: obtenerUsuariosCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarUsuarios.js`);
 const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/eliminarUsuario`);
 const { consultarRoles: consultarRolesCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarRoles.js`);
 const { deshabilitarDispositivo } = require(`${rutaBase}src/backend/casosUso/dispositivos/deshabilitarDispositivo.js`);
-const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarRolCampo } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+const { modificarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js`);
+const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 
 const { mostrarAlerta, mostrarAlertaBorrado } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const Swal = require(`${rutaBase}/node_modules/sweetalert2/dist/sweetalert2.all.min.js`);
 
-const validator = require(`${rutaBase}/node_modules/validator/validator.min.js`);
-
 const usuariosPorPagina = 6;
 const modoFormulario = Object.freeze({
     CREAR: 'crear',
@@ -98,7 +96,7 @@ function configurarBotones() {
     botonAgregar.parentNode.replaceChild(nuevoBotonAgregar, botonAgregar);
     nuevoBotonAgregar.addEventListener('click', evento => {
         evento.preventDefault();
-        mostrarVistaCrear();
+        mostrarFormularioUsuario(modoFormulario.CREAR);
     });
 
     const botonCancelar = document.querySelector('.btn-cancelar');
@@ -106,7 +104,7 @@ function configurarBotones() {
     botonCancelar.parentNode.replaceChild(nuevoBotonCancelar, botonCancelar);
     nuevoBotonCancelar.addEventListener('click', evento => {
         evento.preventDefault();
-        ocultarVistaCrear();
+        ocultarFormularioUsuario();
     });
 
     const botonGuardar = document.querySelector('.btn-guardar');
@@ -115,12 +113,20 @@ function configurarBotones() {
     nuevoBotonGuardar.addEventListener('click', async evento => {
         evento.preventDefault();
         actualizarTodosContadores();
+
+        let resultado;
         if (modoActual === modoFormulario.CREAR) {
             nuevoBotonGuardar.disabled = true;
-            await crearUsuario();
+            resultado = await crearUsuario();
             nuevoBotonGuardar.disabled = false;
         } else if (modoActual === modoFormulario.EDITAR) {
-            await editarUsuario();
+            resultado = await modificarUsuario(usuarioAEditar, rolesCache, listaCorreos);
+        }
+        if (resultado) {
+            setTimeout(() => {
+                inicializarModuloGestionUsuarios(); // Recargar la lista de usuarios
+            }, 500);
+            //ocultarFormularioUsuario();
         }
     });
 }
@@ -130,36 +136,60 @@ function configurarBotones() {
  * Reinicia el formulario, actualiza el título y los campos.
  * @function mostrarVistaCrear
  */
-function mostrarVistaCrear() {
+function mostrarFormularioUsuario(modo, idUsuario = null) {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
-
-    modoActual = modoFormulario.CREAR;
+    
+    modoActual = modo
     usuarioAEditar = null;
 
-    document.querySelector('.crear-modificar-usuario').textContent = 'Crear usuario';
-    document.querySelector('.btn-guardar').textContent = 'Guardar';
+    let textoTitulo = 'Crear usuario';
+    let textoBotonGuardar = 'Guardar';
+    let nombreUsuario = ''
+    let textoNombreUsuario = 'Nombre del nuevo usuario'
+    let correo = '';
+    let textoCorreo = 'Correo del nuevo usuario';
+    let rol = '';
+
+    if (idUsuario) {
+        const usuario = listaUsuarios.find(usuario => usuario.id === Number(idUsuario));
+        if (!usuario) {
+            mostrarAlerta('Error', 'Usuario no encontrado.', 'error');
+            return;
+        } else {
+            usuarioAEditar = usuario;
+            
+            textoTitulo = 'Modificar usuario';
+            textoBotonGuardar = 'Modificar';
+            nombreUsuario = usuario.nombre;
+            textoNombreUsuario = usuario.nombre;
+            correo = usuario.correo;
+            textoCorreo = usuario.correo;
+            rol = usuario.rol;
+        }
+    }
 
-    document.getElementById('username').value = '';
-    document.getElementById('username').placeholder = 'Nombre del nuevo usuario'
-    document.getElementById('email').value = '';
-    document.getElementById('email').placeholder = 'Correo del nuevo usuario';
+    document.querySelector('.crear-modificar-usuario').textContent = textoTitulo;
+    document.querySelector('.btn-guardar').textContent = textoBotonGuardar;
+    document.getElementById('username').value = nombreUsuario;
+    document.getElementById('username').placeholder = textoNombreUsuario;
+    document.getElementById('email').value = correo;
+    document.getElementById('email').placeholder = textoCorreo;
     document.getElementById('password').value = '';
     document.getElementById('passwordConfirmar').value = '';
-    document.getElementById('rol').value = '';
+    document.getElementById('rol').value = rol;
+    columnaCrear.style.display = 'block';
 
+    cargarRoles();
     actualizarTodosContadores();
     limpiarMensajesError();
-
-    columnaCrear.style.display = 'block';
-    cargarRoles();
 }
 
 /**
  * Oculta la vista de creación de usuario.
  * 
- * @function ocultarVistaCrear
+ * @function ocultarFormularioUsuario
  */
-function ocultarVistaCrear() {
+function ocultarFormularioUsuario() {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
     columnaCrear.style.display = 'none';
 }
@@ -512,10 +542,7 @@ function configurarBotonEditar(listaDeUsuarios) {
     listaDeUsuarios.querySelectorAll('.boton-editar').forEach(boton => {
         boton.addEventListener('click', evento => {
             evento.preventDefault();
-            modoEditar(boton.dataset.id);
-            cargarRoles();
-            actualizarTodosContadores();
-            limpiarMensajesError();
+            mostrarFormularioUsuario(modoFormulario.EDITAR, boton.dataset.id);
         });
     });
 }
@@ -537,7 +564,7 @@ function configurarBotonEliminar(listaDeUsuarios) {
             if (respuesta) {
                 await eliminarUsuario(id);
                 setTimeout(() => {
-                    ocultarVistaCrear();
+                    ocultarFormularioUsuario();
                     inicializarModuloGestionUsuarios();
                 }, 500);
             }
@@ -587,233 +614,9 @@ function configurarBotonDeshabilitar(listaDeUsuarios, usuarios) {
     });
 }
 
-/**
- * Cambia el modo del formulario a "Editar" y precarga los datos del usuario seleccionado.
- *
- * @function modoEditar
- * @param {number} idUsuario - El identificador único del usuario que se desea editar.
- * @throws {Error} Si el usuario con el ID proporcionado no se encuentra en la lista de usuarios.
- */
-function modoEditar(idUsuario) {
-
-    // Precargar los datos del usuario
-    const usuario = listaUsuarios.find(usuario => usuario.id === Number(idUsuario));
-    if (!usuario) {
-        return;
-    }
-
-    // Actualizar estados globales
-    modoActual = modoFormulario.EDITAR;
-    usuarioAEditar = usuario;
 
-    // Cambiar texto del formulario
-    document.querySelector('.crear-modificar-usuario').textContent = 'Modificar usuario';
-    document.querySelector('.btn-guardar').textContent = 'Modificar';
-    document.getElementById('columna-crear-modificar-usuario').style.display = 'block';
 
 
-    document.getElementById('username').value = usuario.nombre;
-    document.getElementById('username').placeholder = usuario.nombre;
-    document.getElementById('email').value = usuario.correo;
-    document.getElementById('email').placeholder = usuario.correo;
-    document.getElementById('password').value = ''; // Por seguridad, no se muestra
-    document.getElementById('passwordConfirmar').value = '';
-    document.getElementById('rol').value = usuario.rol;
-
-}
-
-/**
- * Envía los datos modificados del usuario al backend y actualiza la vista.
- * Al finalizar—tanto si tuvo éxito como si no—resetea el formulario y el estado
- * de edición para volver al modo de creación de usuario.
- *
- * @async
- * @function editarUsuario
- * @returns {Promise<void>}
- */
-async function editarUsuario() {
-    // Obtener los valores SIN trim
-    const nombreSinTrim = document.getElementById('username').value;
-    const correoSinTrim = document.getElementById('email').value;
-    const contraseniaSinTrim = document.getElementById('password').value;
-    const confirmContraseniaSinTrim = document.getElementById('passwordConfirmar').value;
-    const rolSinTrim = document.getElementById('rol').value;
-
-    // Validar espacio inicial en todos los campos de texto
-    if (nombreSinTrim.length > 0 && nombreSinTrim[0] === ' ') {
-        mostrarAlerta('Nombre inválido', 'El nombre no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (correoSinTrim.length > 0 && correoSinTrim[0] === ' ') {
-        mostrarAlerta('Correo inválido', 'El correo no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (contraseniaSinTrim.length > 0 && contraseniaSinTrim[0] === ' ') {
-        mostrarAlerta('Contraseña inválida', 'La contraseña no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (confirmContraseniaSinTrim.length > 0 && confirmContraseniaSinTrim[0] === ' ') {
-        mostrarAlerta('Confirmación inválida', 'La confirmación de contraseña no puede comenzar con un espacio.', 'error');
-        return;
-    }
-    if (rolSinTrim.length > 0 && rolSinTrim[0] === ' ') {
-        mostrarAlerta('Rol inválido', 'El rol no puede comenzar con un espacio.', 'error');
-        return;
-    }
-
-
-    const nombreIngresado = nombreSinTrim.trim();
-    const correoIngresado = correoSinTrim.trim();
-    const contraseniaIngresada = contraseniaSinTrim.trim();
-    const contraseniaConfirmada = confirmContraseniaSinTrim.trim();
-    const rolIngresado = rolSinTrim.trim();
-
-    // Verificar si hay mensajes de error visibles en el formulario
-    const mensajesError = document.querySelectorAll('.mensajeError');
-    let hayErroresVisibles = false;
-
-    mensajesError.forEach(mensaje => {
-        if (mensaje.textContent.trim() !== '') {
-            hayErroresVisibles = true;
-        }
-    });
-
-    if (hayErroresVisibles) {
-        mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
-        return;
-    }
-
-    // Verificar que las contraseñas coincidan si se está cambiando la contraseña
-    if (contraseniaIngresada !== '') {
-        if (contraseniaIngresada !== contraseniaConfirmada) {
-            mostrarAlerta('Las contraseñas no coinciden', 'Por favor, asegúrate de que la contraseña y su confirmación sean iguales.', 'warning');
-            return;
-        }
-    }
-
-    // Llamar a la función de validación
-    const { error, datos } = validarYLimpiarUsuario({
-        nombre: nombreIngresado,
-        correo: correoIngresado,
-        contrasenia: contraseniaIngresada,
-        idRol: Number(rolIngresado),
-    });
-
-    if (error) {
-        mostrarAlerta('Error', error, 'warning');
-        return;
-    }
-
-    const { idUsuario, nombre, correo, contrasenia, idRol } = datos;
-
-    try {
-        const resultado = await modificarUsuario(idUsuario, nombre, correo, contrasenia, idRol);
-        if (resultado.ok) {
-            mostrarAlerta('Usuario modificado', resultado.mensaje || 'El usuario fue modificado correctamente.', 'success');
-
-            // Limpiar los campos del formulario
-            document.getElementById('username').value = '';
-            document.getElementById('username').placeholder = 'Nombre del nuevo usuario';
-            document.getElementById('email').value = '';
-            document.getElementById('email').placeholder = 'Correo del nuevo contacto';
-            document.getElementById('password').value = '';
-            document.getElementById('passwordConfirmar').value = '';
-            document.getElementById('rol').value = '';
-
-            // Recargar la lista de usuarios
-            setTimeout(() => {
-                inicializarModuloGestionUsuarios();
-            }, 500);
-
-            // Ocultar el formulario tras una modificación exitosa
-            document.getElementById('columna-crear-modificar-usuario').style.display = 'none';
-        } else {
-            mostrarAlerta('Error al modificar usuario', resultado.mensaje || 'No se pudo modificar el usuario.', 'error');
-        }
-    } catch (error) {
-        mostrarAlerta('Error de conexión', error.message || 'Hubo un problema al conectar con el servidor.', 'error');
-    }
-}
-
-/**
- * Valida y sanea los datos para la edición de un usuario en el front-end.
- * Reproduce las mismas validaciones que el back-end y devuelve los valores listos para enviar.
- *
- * @param {Object} params - Parámetros de validación.
- * @param {string} params.nombre - Nuevo nombre ingresado por el usuario.
- * @param {string} params.correo - Nuevo correo ingresado por el usuario.
- * @param {string} params.contrasenia - Nueva contraseña ingresada por el usuario.
- * @param {number|null} params.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
- * @returns {{ error: string|null, datos: Object|null }}
- */
-function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }) {
-    const idRolUsuarioAEditar = rolesCache.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
-
-    // Flags de “campo modificado”
-    const cambioNombre = nombre !== '' && nombre !== usuarioAEditar.nombre;
-    const cambioCorreo = correo !== '' && correo !== usuarioAEditar.correo;
-    const cambioContrasenia = contrasenia !== '';
-    const cambioRol = idRol !== null && idRol !== idRolUsuarioAEditar
-
-    // Validar que haya cambiado mínimo un campo
-    if (!(cambioNombre || cambioCorreo || cambioContrasenia || cambioRol)) {
-        return { error: 'Para modificar un usuario, al menos uno de sus datos (nombre, correo o rol) debe ser diferente al valor actual.', datos: null };
-    }
-
-    const datos = { idUsuario: usuarioAEditar.id };
-
-    // Validar nombre
-    if (cambioNombre) {
-        const error = validarNombreCampo(nombre);
-        if (error) {
-            return { error, datos: null };
-        }
-        datos.nombre = validator.escape(nombre.trim());
-    } else {
-        datos.nombre = usuarioAEditar.nombre;
-    }
-
-    // Validar correo
-    if (cambioCorreo) {
-        const error = validarCorreoCampo(correo);
-        if (error) {
-            return { error, datos: null };
-        }
-        const correoNormalizado = validator.normalizeEmail(correo.trim())
-        const correoYaExiste = listaUsuarios.some(usuario =>
-            usuario.correo === correoNormalizado && usuario.id !== usuarioAEditar.id);
-        if (correoYaExiste) {
-            return { error: 'No se puede repetir el correo entre usuarios.', datos: null };
-        }
-        datos.correo = correoNormalizado;
-    } else {
-        datos.correo = usuarioAEditar.correo;
-    }
-
-    // Validar contraseña
-    if (cambioContrasenia) {
-        const error = validarContraseniaCampo(contrasenia);
-        if (error) {
-            return { error, datos: null };
-        }
-        datos.contrasenia = contrasenia.trim();
-    } else {
-        datos.contrasenia = contrasenia;
-    }
-
-    // Validar rol
-    if (cambioRol) {
-        const error = validarRolCampo(idRol);
-        if (error) {
-            return { error, datos: null };
-        }
-        datos.idRol = idRol;
-    } else {
-        datos.idRol = idRolUsuarioAEditar;
-    }
-
-    return { error: null, datos };
-}
 
 /**
  * Configura validaciones en tiempo real para los campos del formulario de usuarios.
@@ -998,26 +801,6 @@ async function crearUsuario() {
     let confirmContrasenia
     let idRolFK;
 
-    // AHORA SÍ HAZ EL TRIM PARA EL RESTO DE VALIDACIONES
-
-
-    // Verificar si hay mensajes de error visibles en el formulario
-    const mensajesError = document.querySelectorAll('.mensajeError');
-    let hayErroresVisibles = false;
-
-    mensajesError.forEach(mensaje => {
-        if (mensaje.textContent.trim() !== '') {
-            hayErroresVisibles = true;
-        }
-    });
-
-    if (hayErroresVisibles) {
-        mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
-        return;
-    }
-
-
-
     if (validacionInicial(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
         nombre = nombreSinTrim.trim();
         correo = correoSinTrim.trim();
@@ -1173,5 +956,8 @@ async function deshabilitarDispositivoUsuario(idUsuario) {
     }
 }
 
-// Expone la función de inicialización al objeto window
-inicializarModuloGestionUsuarios()
\ No newline at end of file
+inicializarModuloGestionUsuarios()
+
+module.exports = {
+    inicializarModuloGestionUsuarios,
+};
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 256f4b28..21664be5 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -20,6 +20,20 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
     const confirmContraseniaTrim = confirmContrasenia.trim();
     const idRolFKTrim = parseInt(idRolFK, 10);
 
+    const mensajesError = document.querySelectorAll('.mensajeError');
+    let hayErroresVisibles = false;
+
+    mensajesError.forEach(mensaje => {
+        if (mensaje.textContent.trim() !== '') {
+            hayErroresVisibles = true;
+        }
+    });
+
+    if (hayErroresVisibles) {
+        mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
+        return false;
+    }
+
     // Verificar campos obligatorios
     if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmContraseniaTrim || isNaN(idRolFKTrim)) {
         mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
@@ -33,10 +47,10 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
     }
 
     if (nombreTrim.length > 45) {
-        mostrarAlerta(`Nombre demasiado largo', 'El nombre no puede tener más de ${tamanioMinimoNombre} caracteres.', 'error`);
+        mostrarAlerta('Nombre demasiado largo', `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`, 'error');
         return false;
     } else if (nombre.length > 0 && nombre[0] === ' ') {
-        mostrarAlerta('Correo inválido', 'El nombre no puede comenzar con un espacio.', 'error');
+        mostrarAlerta('Nombre inválido', 'El nombre no puede comenzar con un espacio.', 'error');
         return false;
     } else if (!regexNombre.test(nombreTrim)) {
         mostrarAlerta('Nombre inválido', 'El nombre solo puede contener letras, espacios y puntos.', 'error');
@@ -85,7 +99,7 @@ function validarNombreCampo(nombre) {
     const valor = nombre.trim();
 
     if (valor.length < tamanioMinimoNombre || valor.length > tamanioMaximoNombre) {
-        return `El nombre no puede tener más de ${tamanioMinimoNombre} caracteres.`;
+        return `El nombre no puede tener más de ${tamanioMaximoContrasenia} caracteres.`;
     }
     if (nombre[0] === ' ') {
         return 'El nombre no puede comenzar con un espacio.';
@@ -140,10 +154,91 @@ function validarRolCampo(idRol) {
     return '';
 }
 
+/**
+ * Valida y sanea los datos para la edición de un usuario en el front-end.
+ * Reproduce las mismas validaciones que el back-end y devuelve los valores listos para enviar.
+ *
+ * @param {Object} params - Parámetros de validación.
+ * @param {string} params.nombre - Nuevo nombre ingresado por el usuario.
+ * @param {string} params.correo - Nuevo correo ingresado por el usuario.
+ * @param {string} params.contrasenia - Nueva contraseña ingresada por el usuario.
+ * @param {number|null} params.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
+ * @returns {{ error: string|null, datos: Object|null }}
+ */
+function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
+    const idRolUsuarioAEditar = roles.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
+
+    // Flags de “campo modificado”
+    const cambioNombre = nombre !== '' && nombre !== usuarioAEditar.nombre;
+    const cambioCorreo = correo !== '' && correo !== usuarioAEditar.correo;
+    const cambioContrasenia = contrasenia !== '';
+    const cambioRol = idRol !== null && idRol !== idRolUsuarioAEditar
+
+    // Validar que haya cambiado mínimo un campo
+    if (!(cambioNombre || cambioCorreo || cambioContrasenia || cambioRol)) {
+        return { error: 'Para modificar un usuario, al menos uno de sus datos (nombre, correo o rol) debe ser diferente al valor actual.', datos: null };
+    }
+
+    const datos = { idUsuario: usuarioAEditar.id };
+
+    // Validar nombre
+    if (cambioNombre) {
+        const error = validarNombreCampo(nombre);
+        if (error) {
+            return { error, datos: null };
+        }
+        datos.nombre = validator.escape(nombre.trim());
+    } else {
+        datos.nombre = usuarioAEditar.nombre;
+    }
+
+    // Validar correo
+    if (cambioCorreo) {
+        const error = validarCorreoCampo(correo);
+        if (error) {
+            return { error, datos: null };
+        }
+        const correoNormalizado = validator.normalizeEmail(correo.trim())
+        const correoYaExiste = listaUsuarios.some(usuario =>
+            usuario.correo === correoNormalizado && usuario.id !== usuarioAEditar.id);
+        if (correoYaExiste) {
+            return { error: 'No se puede repetir el correo entre usuarios.', datos: null };
+        }
+        datos.correo = correoNormalizado;
+    } else {
+        datos.correo = usuarioAEditar.correo;
+    }
+
+    // Validar contraseña
+    if (cambioContrasenia) {
+        const error = validarContraseniaCampo(contrasenia);
+        if (error) {
+            return { error, datos: null };
+        }
+        datos.contrasenia = contrasenia.trim();
+    } else {
+        datos.contrasenia = contrasenia;
+    }
+
+    // Validar rol
+    if (cambioRol) {
+        const error = validarRolCampo(idRol);
+        if (error) {
+            return { error, datos: null };
+        }
+        datos.idRol = idRol;
+    } else {
+        datos.idRol = idRolUsuarioAEditar;
+    }
+
+    return { error: null, datos };
+}
+
 module.exports = {
     validacionInicial,
     validarNombreCampo,
     validarCorreoCampo,
     validarContraseniaCampo,
     validarRolCampo,
-};
+    validarYLimpiarUsuario
+};
\ No newline at end of file

From 0e6b09eb370913da8c84495c96aad7aa3a5f4f3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 19:44:42 -0600
Subject: [PATCH 19/78] =?UTF-8?q?Refactorizar=20validaci=C3=B3nes=20anteri?=
 =?UTF-8?q?ores?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/moduloGestionUsuario.js  |   2 +-
 .../paginas/usuarios/validacionesUsuario.js   | 217 ++++++++++--------
 2 files changed, 124 insertions(+), 95 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index a6d95d88..3fb00895 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -676,7 +676,7 @@ function configurarValidacionesCampos() {
             }
 
             // Si llegamos hasta aquí, validamos con la función correspondiente.
-            const mensaje = validador(valor);
+            const { mensaje } = validador(valor);
             if (mensaje) {
                 campoEntrada.classList.add('inputError');
                 mensajeError.textContent = mensaje;
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 21664be5..e91e80d6 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -2,7 +2,6 @@ const validator = require('validator');
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 
 const numeroMinimoID = 1;
-const tamanioMinimoNombre = 1;
 const tamanioMaximoNombre = 45;
 const tamanioMinimoCorreo = 5;
 const tamanioMaximoCorreo = 50;
@@ -14,78 +13,50 @@ const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
  * 
  */
 function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRolFK, listaCorreos) {
+    // const mensajesError = document.querySelectorAll('.mensajeError');
+    // let hayErroresVisibles = false;
+
+    // mensajesError.forEach(mensaje => {
+    //     if (mensaje.textContent.trim() !== '') {
+    //         hayErroresVisibles = true;
+    //     }
+    // });
+
+    // if (hayErroresVisibles) {
+    //     mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
+    //     return false;
+    // }
+
     const nombreTrim = nombre.trim();
     const correoTrim = correo.trim();
     const contraseniaTrim = contrasenia.trim();
     const confirmContraseniaTrim = confirmContrasenia.trim();
-    const idRolFKTrim = parseInt(idRolFK, 10);
-
-    const mensajesError = document.querySelectorAll('.mensajeError');
-    let hayErroresVisibles = false;
-
-    mensajesError.forEach(mensaje => {
-        if (mensaje.textContent.trim() !== '') {
-            hayErroresVisibles = true;
-        }
-    });
-
-    if (hayErroresVisibles) {
-        mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
-        return false;
-    }
+    const idRolNum = parseInt(idRolFK, 10);
 
-    // Verificar campos obligatorios
-    if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmContraseniaTrim || isNaN(idRolFKTrim)) {
+    if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmContraseniaTrim || isNaN(idRolNum)) {
         mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
         return false;
     }
 
-    // Verificar si las contraseñas coinciden (si existe el campo de confirmación)
     if (contraseniaTrim !== confirmContraseniaTrim) {
         mostrarAlerta('Las contraseñas no coinciden', 'Por favor, asegúrate de que la contraseña y su confirmación sean iguales.', 'warning');
         return false;
     }
 
-    if (nombreTrim.length > 45) {
-        mostrarAlerta('Nombre demasiado largo', `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`, 'error');
-        return false;
-    } else if (nombre.length > 0 && nombre[0] === ' ') {
-        mostrarAlerta('Nombre inválido', 'El nombre no puede comenzar con un espacio.', 'error');
-        return false;
-    } else if (!regexNombre.test(nombreTrim)) {
-        mostrarAlerta('Nombre inválido', 'El nombre solo puede contener letras, espacios y puntos.', 'error');
-        return false;
-    }
+    const campos = [
+        { fn: validarNombreCampo, args: [nombre] },
+        { fn: validarCorreoCampo, args: [correo, listaCorreos] },
+        { fn: validarContraseniaCampo, args: [contrasenia] },
+        { fn: validarRolCampo, args: [idRolNum] }
+    ];
 
-    if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
-        mostrarAlerta('Correo demasiado largo', `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`, 'error');
-        return false;
-    } else if (!validator.isEmail(correoTrim)) {
-        mostrarAlerta('Correo inválido', 'El correo debe tener un formato válido.', 'error');
-        return false;
-    } else if (correo.length > 0 && correo[0] === ' ') {
-        mostrarAlerta('Correo inválido', 'El correo no puede comenzar con un espacio.', 'error');
-        return false;
-    } else if (listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correoTrim.toLowerCase())) {
-        mostrarAlerta('Correo ya registrado', 'El correo ingresado ya existe. Por favor, usa otro correo.', 'error');;
-        return false;
-    }
-
-    if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
-        mostrarAlerta('Contraseña demasiado corta', `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`, 'error');
-        return false;
-    } else if (contrasenia.length > 0 && contrasenia[0] === ' ') {
-        mostrarAlerta('Contraseña inválida', 'La contraseña no puede comenzar con un espacio.', 'error');
-        return false;
-    } else if (confirmContrasenia.length > 0 && confirmContrasenia[0] === ' ') {
-        mostrarAlerta('Confirmación inválida', 'La confirmación de contraseña no puede comenzar con un espacio.', 'error');
-        return false;
-    }
-
-    if (!Number.isInteger(idRolFKTrim) || idRolFKTrim <= numeroMinimoID) {
-        mostrarAlerta('Rol inválido', 'Ingresa un rol válido.', 'error');
-        return false;
-    }
+    campos.forEach(({ fn, args }) => {
+        const respuesta = fn(...args);
+        if (respuesta) {
+            mostrarAlerta(respuesta.titulo, respuesta.mensaje, respuesta.tipo);
+            return false;
+        }
+    })
 
     return true;
 }
@@ -93,65 +64,123 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
 /** 
  * Valida el nombre de usuario.
  * @param {string} nombre
- * @returns {string} - Mensaje de error o cadena vacía si es válido.
+ * @returns {boolean} - Mensaje de error o cadena vacía si es válido.
  */
 function validarNombreCampo(nombre) {
-    const valor = nombre.trim();
+    const nombreTrim = nombre.trim();
 
-    if (valor.length < tamanioMinimoNombre || valor.length > tamanioMaximoNombre) {
-        return `El nombre no puede tener más de ${tamanioMaximoContrasenia} caracteres.`;
-    }
-    if (nombre[0] === ' ') {
-        return 'El nombre no puede comenzar con un espacio.';
-    }
-    if (!regexNombre.test(valor)) {
-        return 'El nombre solo puede contener letras, espacios y puntos.';
-    }
-    if (valor === '') {
-        return 'El nombre no puede estar vacío.';
+    if (nombreTrim.length > tamanioMaximoNombre) {
+        return {
+            titulo: 'Nombre demasiado largo',
+            mensaje: `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`,
+            tipo: 'error'
+        };
+    } else if (nombre.length > 0 && nombre[0] === ' ') {
+        return {
+            titulo: 'Nombre inválido',
+            mensaje: 'El nombre no puede comenzar con un espacio.',
+            tipo: 'error'
+        };
+    } else if (!regexNombre.test(nombreTrim)) {
+        return {
+            titulo: 'Nombre inválido',
+            mensaje: 'El nombre solo puede contener letras, espacios y puntos.',
+            tipo: 'error'
+        };
+    } else {
+        return null;
     }
-    return '';
 }
 
 /**
  * Valida el correo electrónico.
  * @param {string} correo
- * @returns {string}
+ * @returns {object|null}
  */
-function validarCorreoCampo(correo) {
-    const valor = correo.trim();
-    if (valor.length < tamanioMinimoCorreo || valor.length > tamanioMaximoCorreo) {
-        return `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`;
+function validarCorreoCampo(correo, listaCorreos) {
+    const correoTrim = correo.trim();
+
+    if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
+        return {
+            titulo: 'Correo inválido',
+            mensaje: `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`,
+            tipo: 'error'
+        };
+    }
+    if (!validator.isEmail(correoTrim)) {
+        return {
+            titulo: 'Correo inválido',
+            mensaje: 'El correo debe tener un formato válido.',
+            tipo: 'error'
+        };
     }
-    if (!validator.isEmail(valor)) {
-        return 'El correo debe tener un formato válido.';
+    if (correo.length > 0 && correo[0] === ' ') {
+        return {
+            titulo: 'Correo inválido',
+            mensaje: 'El correo no puede comenzar con un espacio.',
+            tipo: 'error'
+        };
     }
-    return '';
+    if (listaCorreos && listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correoTrim.toLowerCase())) {
+        return {
+            titulo: 'Correo ya registrado',
+            mensaje: 'El correo ingresado ya existe. Por favor, usa otro correo.',
+            tipo: 'error'
+        };
+    }
+    return null;
 }
 
 /**
  * Valida la contraseña.
  * @param {string} contrasenia
- * @returns {string}
+ * @param {string} confirmContrasenia
+ * @returns {object|null}
  */
-function validarContraseniaCampo(contrasenia) {
-    const valor = contrasenia.trim();
-    if (valor.length < tamanioMinimoContrasenia || valor.length > tamanioMaximoContrasenia) {
-        return `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`;
+function validarContraseniaCampo(contrasenia, confirmContrasenia = '') {
+    const contraseniaTrim = contrasenia.trim();
+
+    if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
+        return {
+            titulo: 'Contraseña inválida',
+            mensaje: `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`,
+            tipo: 'error'
+        };
+    }
+    if (contrasenia.length > 0 && contrasenia[0] === ' ') {
+        return {
+            titulo: 'Contraseña inválida',
+            mensaje: 'La contraseña no puede comenzar con un espacio.',
+            tipo: 'error'
+        };
     }
-    return '';
+    if (confirmContrasenia.length > 0 && confirmContrasenia[0] === ' ') {
+        return {
+            titulo: 'Confirmación inválida',
+            mensaje: 'La confirmación de contraseña no puede comenzar con un espacio.',
+            tipo: 'error'
+        };
+    }
+    return null;
 }
 
-/**
- * Valida el rol seleccionado.
- * @param {string} idRol
- * @returns {string}
- */
+/** 
+ * Valida el ID del rol.
+ * @param {number|string} idRol
+ * @returns {object|null} - Mensaje de error o null si es válido.
+*/
 function validarRolCampo(idRol) {
-    if (!Number.isInteger(idRol) || idRol <= numeroMinimoID) {
-        return 'Ingresa un rol válido.';
+    const idRolNum = parseInt(idRol, 10);
+
+    if (!Number.isInteger(idRolNum) || idRolNum <= numeroMinimoID) {
+        return {
+            titulo: 'Rol inválido',
+            mensaje: 'Ingresa un rol válido.',
+            tipo: 'error'
+        };
+    } else {
+        return null
     }
-    return '';
 }
 
 /**

From af2327c36f73078c555110bb15a3f4ea13fa18a0 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 20:09:15 -0600
Subject: [PATCH 20/78] buscador quita parametros

---
 .../scripts/paginas/inicio/moduloTractores.js | 77 +++++++++++++------
 1 file changed, 53 insertions(+), 24 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
index 373754ea..0064627d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
@@ -442,25 +442,6 @@ function busquedaTractores() {
         entradaBusqueda.parentNode.insertBefore(contadorCaracteres, entradaBusqueda.nextSibling);
     }
 
-    /**
-     * Actualiza el contador de caracteres
-     * @param {string} texto - El texto a evaluar
-     */
-    function actualizarContador(texto) {
-        const caracteresActuales = texto.length;
-        contadorCaracteres.textContent = `${caracteresActuales}/60 caracteres`;
-        
-        // Remover clases anteriores
-        contadorCaracteres.classList.remove('warning', 'danger');
-        
-        // Agregar clase según proximidad al límite
-        if (caracteresActuales >= 55) {
-            contadorCaracteres.classList.add('danger');
-        } else if (caracteresActuales >= 45) {
-            contadorCaracteres.classList.add('warning');
-        }
-    }
-
     // Evento para filtrar y validar longitud
     entradaBusqueda.addEventListener('input', (event) => {
         let texto = event.target.value;
@@ -471,10 +452,12 @@ function busquedaTractores() {
             texto = event.target.value;
         }
         
-        actualizarContador(texto);
+        actualizarContador(texto, contadorCaracteres);
         aplicarFiltrosCombinados();
+
     });
 
+
     // Evento para prevenir pegar texto que inicie con espacios o exceda el límite
     entradaBusqueda.addEventListener('paste', (event) => {
         setTimeout(() => {
@@ -492,7 +475,7 @@ function busquedaTractores() {
                 texto = event.target.value;
             }
             
-            actualizarContador(texto);
+            actualizarContador(texto, contadorCaracteres);
             aplicarFiltrosCombinados();
         }, 0);
     });
@@ -506,7 +489,7 @@ function busquedaTractores() {
     });
 
     // Inicializar el contador con el valor actual del campo
-    actualizarContador(entradaBusqueda.value || '');
+    actualizarContador(entradaBusqueda.value || '', contadorCaracteres);
 }
 
 /**
@@ -534,6 +517,25 @@ function botonesFiltrosTractores() {
     });
 }
 
+/**
+ * Actualiza el contador de caracteres
+ * @param {string} texto - El texto a evaluar
+ */
+function actualizarContador(texto, contadorCaracteres) {
+    const caracteresActuales = texto.length;
+    contadorCaracteres.textContent = `${caracteresActuales}/60 caracteres`;
+    
+    // Remover clases anteriores
+    contadorCaracteres.classList.remove('warning', 'danger');
+    
+    // Agregar clase según proximidad al límite
+    if (caracteresActuales >= 55) {
+        contadorCaracteres.classList.add('danger');
+    } else if (caracteresActuales >= 45) {
+        contadorCaracteres.classList.add('warning');
+    }
+}
+
 /**
  * Cambia la selección de un filtro de checkbox asegurando que solo uno esté marcado a la vez.
  *
@@ -592,6 +594,8 @@ function aplicarFiltrosCombinados() {
     // Obtener todos los elementos HTML que representan distribuidores
     const distribuidores = contenedor.querySelectorAll('.rancho');
 
+    let nombresConsultados = []
+
     distribuidores.forEach(distribuidorDiv => {
         // Obtener el nombre del distribuidor desde su texto
         const nombreDistribuidor = distribuidorDiv.querySelector('.rancho-texto')?.textContent || '';
@@ -625,7 +629,32 @@ function aplicarFiltrosCombinados() {
 
         // Muestra u oculta el distribuidor dependiendo de si pasa ambos filtros
         distribuidorDiv.style.display = coincideBusqueda && cumpleFiltro ? '' : 'none';
-    });
+        
+        
+        
+        if(coincideBusqueda && cumpleFiltro){
+            nombresConsultados.push(distribuidorDiv.querySelector('.rancho-texto')?.textContent)
+        }
+
+        /*
+
+        */
+    })
+
+    const contenedorColumnas = document.getElementById('contenedorColumnas');
+
+
+    if(!nombresConsultados.includes(contenedorColumnas.dataset.tractorActual)){
+        contenedorColumnas.style.display = 'none';
+        contenedorColumnas.dataset.tractorActual = '';
+
+        tractorDiv = document.getElementsByClassName('seleccionado')
+
+        if(tractorDiv){
+            tractorDiv = document.getElementsByClassName('rancho seleccionado');
+            cambiarSeleccionVisualUnica(contenedor)
+        }
+    }
 }
 
 
@@ -661,4 +690,4 @@ function cambiarSeleccionVisualUnica(contenedor) {
         contenedor.classList.add('seleccionado');
     }
 
-}
+}
\ No newline at end of file

From d32763a94a17a4f17ae6808542c31a46cc98f9be Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Tue, 10 Jun 2025 20:12:03 -0600
Subject: [PATCH 21/78] correcion eslint

---
 .../framework/utils/scripts/paginas/inicio/moduloTractores.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
index 0064627d..ac33141a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/moduloTractores.js
@@ -594,7 +594,7 @@ function aplicarFiltrosCombinados() {
     // Obtener todos los elementos HTML que representan distribuidores
     const distribuidores = contenedor.querySelectorAll('.rancho');
 
-    let nombresConsultados = []
+    const nombresConsultados = []
 
     distribuidores.forEach(distribuidorDiv => {
         // Obtener el nombre del distribuidor desde su texto

From 587949b83ca13ce9553ed996ff37f4bcfcecb4a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 20:26:05 -0600
Subject: [PATCH 22/78] =?UTF-8?q?Refactor=20validaci=C3=B3n=20modificar=20?=
 =?UTF-8?q?usuario?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/usuarios/modificarUsuario.js      |  32 ++-
 .../paginas/usuarios/moduloGestionUsuario.js  |   9 +-
 .../paginas/usuarios/validacionesUsuario.js   | 198 +++++++++++++-----
 3 files changed, 167 insertions(+), 72 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
index 69054323..95ce643c 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -1,6 +1,6 @@
 const { modificarUsuario: modificarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
-const { validacionInicialModificar, validarYLimpiarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+const { validarYLimpiarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 //const { inicializarModuloGestionUsuarios } = require(`${rutaBase}/src/framework/utils/scripts/paginas/usuarios/inicializarModuloGestionUsuarios.js`);
 
 /**
@@ -22,25 +22,19 @@ async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuari
     const nombreSinTrim = nombreInput.value;
     const correoSinTrim = correoInput.value;
     const contraseniaSinTrim = contraseniaInput.value;
-    const confirmContraseniaSinTrim = confirmPasswordInput ? confirmPasswordInput.value : '';
-    const rolSinTrim = rolInput.value;
+    const confirmarContraseniaSinTrim = confirmPasswordInput.value;
+    const rol = rolInput.value;
 
-    let error;
-    let datos;
-
-    if (validacionInicialModificar(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
-        ({ error, datos } = validarYLimpiarUsuario({
-                nombre: nombreSinTrim.trim(),
-                correo: correoSinTrim.trim(),
-                contrasenia: contraseniaSinTrim.trim(),
-                idRol: parseInt(rolSinTrim, 10)
-            },
-            usuarioAEditar,
-            roles,
-            listaUsuarios))
-    } else {
-        return false;
-    }
+    const { error, datos } = validarYLimpiarUsuario({
+        nombre: nombreSinTrim,
+        correo: correoSinTrim,
+        contrasenia: contraseniaSinTrim,
+        confirmarContrasenia: confirmarContraseniaSinTrim,
+        idRol: rol
+    },
+        usuarioAEditar,
+        roles,
+        listaUsuarios)
 
     if (error) {
         mostrarAlerta('Error', error, 'warning');
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 3fb00895..c90f6d59 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -209,8 +209,8 @@ function configurarCampoCorreo() {
             }
         });
         // Elimina espacios al pegar
-        entradaCorreo.addEventListener('input',  () => {
-            this.value = this.value.replace(/\s/g, '');
+        entradaCorreo.addEventListener('input',  (evento) => {
+            evento.target.value = evento.target.value.replace(/\s/g, '');
         });
     }
 }
@@ -676,8 +676,9 @@ function configurarValidacionesCampos() {
             }
 
             // Si llegamos hasta aquí, validamos con la función correspondiente.
-            const { mensaje } = validador(valor);
-            if (mensaje) {
+            const respuesta = validador(valor);
+            if (respuesta) {
+                const mensaje = respuesta.mensaje
                 campoEntrada.classList.add('inputError');
                 mensajeError.textContent = mensaje;
             } else {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index e91e80d6..6e842886 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -10,35 +10,36 @@ const tamanioMaximoContrasenia = 512;
 const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
 
 /**
+ * Valida los campos del formulario de creación de usuario.
  * 
+ * @param {string} nombre - Nombre del usuario.
+ * @param {string} correo - Correo electrónico del usuario.
+ * @param {string} contrasenia - Contraseña del usuario.
+ * @param {string} confirmarContrasenia - Confirmación de la contraseña.
+ * @param {number} idRolFK - ID del rol del usuario.
+ * @param {Array} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @returns {boolean} - Si la validación es exitosa
  */
-function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRolFK, listaCorreos) {
-    // const mensajesError = document.querySelectorAll('.mensajeError');
-    // let hayErroresVisibles = false;
+function validacionInicial(nombre, correo, contrasenia, confirmarContrasenia, idRolFK, listaCorreos) {
+    const erroresVisibles = validarMensajesError()
 
-    // mensajesError.forEach(mensaje => {
-    //     if (mensaje.textContent.trim() !== '') {
-    //         hayErroresVisibles = true;
-    //     }
-    // });
-
-    // if (hayErroresVisibles) {
-    //     mostrarAlerta('Formulario con errores', 'Por favor, corrige los errores señalados en el formulario antes de continuar.', 'warning');
-    //     return false;
-    // }
+    if (erroresVisibles) { 
+        mostrarAlerta(erroresVisibles.titulo, erroresVisibles.mensaje, erroresVisibles.tipo);
+        return false;
+    }
 
     const nombreTrim = nombre.trim();
     const correoTrim = correo.trim();
     const contraseniaTrim = contrasenia.trim();
-    const confirmContraseniaTrim = confirmContrasenia.trim();
+    const confirmarContraseniaTrim = confirmarContrasenia.trim();
     const idRolNum = parseInt(idRolFK, 10);
 
-    if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmContraseniaTrim || isNaN(idRolNum)) {
+    if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmarContraseniaTrim || isNaN(idRolNum)) {
         mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
         return false;
     }
 
-    if (contraseniaTrim !== confirmContraseniaTrim) {
+    if (contraseniaTrim !== confirmarContraseniaTrim) {
         mostrarAlerta('Las contraseñas no coinciden', 'Por favor, asegúrate de que la contraseña y su confirmación sean iguales.', 'warning');
         return false;
     }
@@ -46,7 +47,7 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
     const campos = [
         { fn: validarNombreCampo, args: [nombre] },
         { fn: validarCorreoCampo, args: [correo, listaCorreos] },
-        { fn: validarContraseniaCampo, args: [contrasenia] },
+        { fn: validarContraseniaCampo, args: [contrasenia, confirmarContrasenia] },
         { fn: validarRolCampo, args: [idRolNum] }
     ];
 
@@ -61,10 +62,30 @@ function validacionInicial(nombre, correo, contrasenia, confirmContrasenia, idRo
     return true;
 }
 
+function validarMensajesError() {
+    const mensajesError = document.querySelectorAll('.mensajeError');
+    let hayErroresVisibles = false;
+
+    mensajesError.forEach(mensaje => {
+        if (mensaje.textContent.trim() !== '') {
+            hayErroresVisibles = true;
+        }
+    });
+
+    if (hayErroresVisibles) {
+        return {
+            titulo: 'Formulario con errores',
+            mensaje: 'Por favor, corrige los errores señalados en el formulario antes de continuar.',
+            tipo: 'warning'
+        }        
+    }
+    return null
+}
+
 /** 
  * Valida el nombre de usuario.
  * @param {string} nombre
- * @returns {boolean} - Mensaje de error o cadena vacía si es válido.
+ * @returns {object|null} - Mensaje de error o null si es válido.
  */
 function validarNombreCampo(nombre) {
     const nombreTrim = nombre.trim();
@@ -75,18 +96,27 @@ function validarNombreCampo(nombre) {
             mensaje: `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`,
             tipo: 'error'
         };
-    } else if (nombre.length > 0 && nombre[0] === ' ') {
+    }
+    if (nombre.length > 0 && nombre[0] === ' ') {
         return {
             titulo: 'Nombre inválido',
             mensaje: 'El nombre no puede comenzar con un espacio.',
             tipo: 'error'
         };
-    } else if (!regexNombre.test(nombreTrim)) {
+    }
+    if (!regexNombre.test(nombreTrim)) {
         return {
             titulo: 'Nombre inválido',
             mensaje: 'El nombre solo puede contener letras, espacios y puntos.',
             tipo: 'error'
         };
+    }
+    if (nombreTrim == '') {
+        return {
+            titulo: 'Nombre faltante',
+            mensaje: 'El nombre no puede estar vacío.',
+            tipo: 'error'
+        };
     } else {
         return null;
     }
@@ -94,12 +124,14 @@ function validarNombreCampo(nombre) {
 
 /**
  * Valida el correo electrónico.
- * @param {string} correo
- * @returns {object|null}
+ * @param {string} correo - Correo electrónico a validar.
+ * @param {Array} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @returns {object|null} - Mensaje de error o null si es válido.
  */
-function validarCorreoCampo(correo, listaCorreos) {
+function validarCorreoCampo(correo, listaCorreos = null) {
     const correoTrim = correo.trim();
-
+    console.log(correoTrim, correo)
+    console.log(validator.isEmail(correoTrim))
     if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
         return {
             titulo: 'Correo inválido',
@@ -128,18 +160,25 @@ function validarCorreoCampo(correo, listaCorreos) {
             tipo: 'error'
         };
     }
+    if (correoTrim === '') {
+        return {
+            titulo: 'Correo faltante',
+            mensaje: 'El correo no puede estar vacío.',
+            tipo: 'error'
+        };
+    }
     return null;
 }
 
 /**
  * Valida la contraseña.
- * @param {string} contrasenia
- * @param {string} confirmContrasenia
- * @returns {object|null}
+ * @param {string} contrasenia - Contraseña a validar.
+ * @param {string} [confirmarContrasenia=''] - Confirmación de la contraseña (opcional).
+ * @returns {object|null} - Mensaje de error o null si es válida.
  */
-function validarContraseniaCampo(contrasenia, confirmContrasenia = '') {
+function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
     const contraseniaTrim = contrasenia.trim();
-
+    
     if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
         return {
             titulo: 'Contraseña inválida',
@@ -154,10 +193,77 @@ function validarContraseniaCampo(contrasenia, confirmContrasenia = '') {
             tipo: 'error'
         };
     }
-    if (confirmContrasenia.length > 0 && confirmContrasenia[0] === ' ') {
+    if (contraseniaTrim === '') {
         return {
-            titulo: 'Confirmación inválida',
-            mensaje: 'La confirmación de contraseña no puede comenzar con un espacio.',
+            titulo: 'Contraseña faltante',
+            mensaje: 'La contraseña no puede estar vacía.',
+            tipo: 'error'
+        };
+    }
+    if (contraseniaTrim.length < tamanioMinimoContrasenia) {
+        return {
+            titulo: 'Contraseña demasiado corta',
+            mensaje: `La contraseña debe tener al menos ${tamanioMinimoContrasenia} caracteres.`,
+            tipo: 'error'
+        };
+    }
+    if (confirmarContrasenia && contraseniaTrim !== confirmarContrasenia.trim()) {
+        return {
+            titulo: 'Contraseña no coincide',
+            mensaje: 'La contraseña y su confirmación deben ser iguales.',
+            tipo: 'error'
+        };
+    }
+    if (confirmarContrasenia !== '') {
+        const errorConfirmarContrasenia = validarConfirmarContrasenia(confirmarContrasenia, contrasenia);
+        if (errorConfirmarContrasenia) {
+            return errorConfirmarContrasenia;
+        }
+    }
+    return null;
+}
+
+/**
+ * Valida la confirmación de la contraseña.
+ * @param {string} confirmarContrasenia - Confirmación de la contraseña a validar.
+ * @param {string} contrasenia - Contraseña original para comparar.
+ * @returns {object|null} - Mensaje de error o null si es válida.
+ */
+function validarConfirmarContrasenia(confirmarContrasenia, contrasenia) {
+    const confirmarContraseniaTrim = confirmarContrasenia.trim();
+
+    if (confirmarContraseniaTrim.length < tamanioMinimoContrasenia || confirmarContraseniaTrim.length > tamanioMaximoContrasenia) {
+        return {
+            titulo: 'Contraseña inválida',
+            mensaje: `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`,
+            tipo: 'error'
+        };
+    }
+    if (confirmarContrasenia.length > 0 && confirmarContrasenia[0] === ' ') {
+        return {
+            titulo: 'Contraseña inválida',
+            mensaje: 'La contraseña no puede comenzar con un espacio.',
+            tipo: 'error'
+        };
+    }
+    if (confirmarContraseniaTrim === '') {
+        return {
+            titulo: 'Contraseña faltante',
+            mensaje: 'La contraseña no puede estar vacía.',
+            tipo: 'error'
+        };
+    }
+    if (confirmarContraseniaTrim.length < tamanioMinimoContrasenia) {
+        return {
+            titulo: 'Contraseña demasiado corta',
+            mensaje: `La contraseña debe tener al menos ${tamanioMinimoContrasenia} caracteres.`,
+            tipo: 'error'
+        };
+    }
+    if (confirmarContrasenia && contrasenia.trim() !== confirmarContrasenia.trim()) {
+        return {
+            titulo: 'Contraseña no coincide',
+            mensaje: 'La contraseña y su confirmación deben ser iguales.',
             tipo: 'error'
         };
     }
@@ -166,7 +272,7 @@ function validarContraseniaCampo(contrasenia, confirmContrasenia = '') {
 
 /** 
  * Valida el ID del rol.
- * @param {number|string} idRol
+ * @param {number|string} idRol - ID del rol a validar.
  * @returns {object|null} - Mensaje de error o null si es válido.
 */
 function validarRolCampo(idRol) {
@@ -194,38 +300,34 @@ function validarRolCampo(idRol) {
  * @param {number|null} params.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
  * @returns {{ error: string|null, datos: Object|null }}
  */
-function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
+function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
     const idRolUsuarioAEditar = roles.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
-
-    // Flags de “campo modificado”
     const cambioNombre = nombre !== '' && nombre !== usuarioAEditar.nombre;
     const cambioCorreo = correo !== '' && correo !== usuarioAEditar.correo;
     const cambioContrasenia = contrasenia !== '';
+    const cambioConfirmarContrasenia = confirmarContrasenia !== '';
     const cambioRol = idRol !== null && idRol !== idRolUsuarioAEditar
 
-    // Validar que haya cambiado mínimo un campo
     if (!(cambioNombre || cambioCorreo || cambioContrasenia || cambioRol)) {
         return { error: 'Para modificar un usuario, al menos uno de sus datos (nombre, correo o rol) debe ser diferente al valor actual.', datos: null };
     }
 
     const datos = { idUsuario: usuarioAEditar.id };
 
-    // Validar nombre
     if (cambioNombre) {
-        const error = validarNombreCampo(nombre);
-        if (error) {
-            return { error, datos: null };
+        const {mensaje} = validarNombreCampo(nombre);
+        if (mensaje) {
+            return { error: mensaje, datos: null };
         }
         datos.nombre = validator.escape(nombre.trim());
     } else {
         datos.nombre = usuarioAEditar.nombre;
     }
 
-    // Validar correo
     if (cambioCorreo) {
-        const error = validarCorreoCampo(correo);
-        if (error) {
-            return { error, datos: null };
+        const {mensaje} = validarCorreoCampo(correo);
+        if (mensaje) {
+            return { error: mensaje, datos: null };
         }
         const correoNormalizado = validator.normalizeEmail(correo.trim())
         const correoYaExiste = listaUsuarios.some(usuario =>
@@ -238,9 +340,8 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }, usuarioA
         datos.correo = usuarioAEditar.correo;
     }
 
-    // Validar contraseña
-    if (cambioContrasenia) {
-        const error = validarContraseniaCampo(contrasenia);
+    if (cambioContrasenia || cambioConfirmarContrasenia) {
+        const error = validarContraseniaCampo(contrasenia, confirmarContrasenia);
         if (error) {
             return { error, datos: null };
         }
@@ -249,7 +350,6 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, idRol }, usuarioA
         datos.contrasenia = contrasenia;
     }
 
-    // Validar rol
     if (cambioRol) {
         const error = validarRolCampo(idRol);
         if (error) {

From 92f0302f76ddd1d7da6a261fc0a12a10e0ad54e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 10 Jun 2025 20:38:28 -0600
Subject: [PATCH 23/78] Trminar refactorizacion modificar usuario

---
 .../paginas/usuarios/modificarUsuario.js      |  2 +-
 .../paginas/usuarios/validacionesUsuario.js   | 44 ++++---------------
 2 files changed, 10 insertions(+), 36 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
index 95ce643c..964e36ce 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -37,7 +37,7 @@ async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuari
         listaUsuarios)
 
     if (error) {
-        mostrarAlerta('Error', error, 'warning');
+        mostrarAlerta(error.titulo, error.mensaje, error.tipo);
         return false;
     }
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 6e842886..98778648 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -21,13 +21,6 @@ const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
  * @returns {boolean} - Si la validación es exitosa
  */
 function validacionInicial(nombre, correo, contrasenia, confirmarContrasenia, idRolFK, listaCorreos) {
-    const erroresVisibles = validarMensajesError()
-
-    if (erroresVisibles) { 
-        mostrarAlerta(erroresVisibles.titulo, erroresVisibles.mensaje, erroresVisibles.tipo);
-        return false;
-    }
-
     const nombreTrim = nombre.trim();
     const correoTrim = correo.trim();
     const contraseniaTrim = contrasenia.trim();
@@ -51,35 +44,16 @@ function validacionInicial(nombre, correo, contrasenia, confirmarContrasenia, id
         { fn: validarRolCampo, args: [idRolNum] }
     ];
 
+    let verificación = true;
     campos.forEach(({ fn, args }) => {
         const respuesta = fn(...args);
         if (respuesta) {
             mostrarAlerta(respuesta.titulo, respuesta.mensaje, respuesta.tipo);
-            return false;
+            verificación = false;
         }
     })
 
-    return true;
-}
-
-function validarMensajesError() {
-    const mensajesError = document.querySelectorAll('.mensajeError');
-    let hayErroresVisibles = false;
-
-    mensajesError.forEach(mensaje => {
-        if (mensaje.textContent.trim() !== '') {
-            hayErroresVisibles = true;
-        }
-    });
-
-    if (hayErroresVisibles) {
-        return {
-            titulo: 'Formulario con errores',
-            mensaje: 'Por favor, corrige los errores señalados en el formulario antes de continuar.',
-            tipo: 'warning'
-        }        
-    }
-    return null
+    return verificación;
 }
 
 /** 
@@ -315,9 +289,9 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrase
     const datos = { idUsuario: usuarioAEditar.id };
 
     if (cambioNombre) {
-        const {mensaje} = validarNombreCampo(nombre);
-        if (mensaje) {
-            return { error: mensaje, datos: null };
+        const error = validarNombreCampo(nombre);
+        if (error) {
+            return { error, datos: null };
         }
         datos.nombre = validator.escape(nombre.trim());
     } else {
@@ -325,9 +299,9 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrase
     }
 
     if (cambioCorreo) {
-        const {mensaje} = validarCorreoCampo(correo);
-        if (mensaje) {
-            return { error: mensaje, datos: null };
+        const error = validarCorreoCampo(correo);
+        if (error) {
+            return { error, datos: null };
         }
         const correoNormalizado = validator.normalizeEmail(correo.trim())
         const correoYaExiste = listaUsuarios.some(usuario =>

From e3aa092dc2828f65a224195deacaae61117accd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 13 Jun 2025 13:52:36 -0600
Subject: [PATCH 24/78] Refactorizar configurarValidacionesCampos

---
 .../paginas/usuarios/moduloGestionUsuario.js  | 97 ++++++------------
 .../paginas/usuarios/validacionesUsuario.js   | 99 +++++++------------
 2 files changed, 64 insertions(+), 132 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index c90f6d59..72b53984 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -10,7 +10,7 @@ const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/c
 const { consultarRoles: consultarRolesCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarRoles.js`);
 const { deshabilitarDispositivo } = require(`${rutaBase}src/backend/casosUso/dispositivos/deshabilitarDispositivo.js`);
 const { modificarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js`);
-const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarConfirmarContrasenia } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 
 const { mostrarAlerta, mostrarAlertaBorrado } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const Swal = require(`${rutaBase}/node_modules/sweetalert2/dist/sweetalert2.all.min.js`);
@@ -46,7 +46,6 @@ async function inicializarModuloGestionUsuarios() {
     configurarCampoCorreo();
     configurarCampoBusqueda();
     configurarVerContrasenia();
-    validarCoincidenciaContrasenas();
 }
 
 /** 
@@ -625,57 +624,39 @@ function configurarBotonDeshabilitar(listaDeUsuarios, usuarios) {
  * @returns {void}
  */
 function configurarValidacionesCampos() {
-    // Mapeo de campos a validar:
-    const campos = [
-        {
+    const campos = [{
             idInput: 'username',
             idError: 'mensajeErrorNombre',
             validador: validarNombreCampo
-        },
-        {
+        }, {
             idInput: 'email',
             idError: 'mensajeErrorCorreo',
             validador: validarCorreoCampo
-        },
-        {
+        }, {
             idInput: 'password',
             idError: 'mensajeErrorContrasenia',
             validador: validarContraseniaCampo
-        }
-    ];
+        }];
 
-    campos.forEach(({ idInput, idError, validador, evento = 'input' }) => {
+    campos.forEach(({ idInput, idError, validador }) => {
         const campoEntrada = document.getElementById(idInput);
 
-        // Verificar si el campo existe
         if (!campoEntrada) {
             return;
         }
 
-        // Buscar elemento de error o crear uno si no existe
         let mensajeError = document.getElementById(idError);
         if (!mensajeError) {
-            // Crear elemento para mostrar errores si no existe
             mensajeError = document.createElement('div');
             mensajeError.id = idError;
             mensajeError.className = 'mensajeError';
-            // Insertar después del campo
             campoEntrada.parentNode.insertBefore(mensajeError, campoEntrada.nextSibling);
         }
 
-        // Configurar el evento para validación en tiempo real
-        campoEntrada.addEventListener(evento, () => {
+        campoEntrada.addEventListener('input', () => {
             const valor = campoEntrada.value;
             const valorTrim = valor.trim();
 
-            // Si el campo empieza con espacio, mostrar error y salir
-            if (valor.length > 0 && valor[0] === ' ') {
-                campoEntrada.classList.add('inputError');
-                mensajeError.textContent = 'El campo no puede comenzar con un espacio.';
-                return;
-            }
-
-            // Si llegamos hasta aquí, validamos con la función correspondiente.
             const respuesta = validador(valor);
             if (respuesta) {
                 const mensaje = respuesta.mensaje
@@ -683,25 +664,16 @@ function configurarValidacionesCampos() {
                 mensajeError.textContent = mensaje;
             } else {
                 campoEntrada.classList.remove('inputError');
-                mensajeError.textContent = '';
             }
 
-            // Si estamos en modo EDITAR y el campo está vacío, quitamos clases/mensajes y retornamos sin más validación.
             if (modoActual === modoFormulario.EDITAR && valorTrim === '') {
                 campoEntrada.classList.remove('inputError');
-                mensajeError.textContent = '';
-                return;
-            }
-
-            // Si NO estamos en EDITAR (es decir, modo CREAR) y está vacío, mostramos el mensaje de "no puede estar vacío" y salimos.
-            if (modoActual !== modoFormulario.EDITAR && valorTrim === '') {
-                campoEntrada.classList.add('inputError');
-                mensajeError.textContent = 'El campo no puede estar vacío.';
                 return;
             }
         });
 
     });
+    validarCoincidenciaContrasenas
 }
 
 /**
@@ -711,11 +683,11 @@ function configurarValidacionesCampos() {
  * @returns {void}
  */
 function validarCoincidenciaContrasenas() {
-    const passwordInput = document.getElementById('password');
-    const confirmPasswordInput = document.getElementById('passwordConfirmar');
+    const entradaContrasenia = document.getElementById('password');
+    const entradaConfirmarContrasenia = document.getElementById('passwordConfirmar');
 
     // Verificar si ambos campos existen
-    if (!passwordInput || !confirmPasswordInput) {
+    if (!entradaContrasenia || !entradaConfirmarContrasenia) {
         return;
     }
 
@@ -726,18 +698,18 @@ function validarCoincidenciaContrasenas() {
         mensajeError = document.createElement('div');
         mensajeError.id = idError;
         mensajeError.className = 'mensajeError';
-        confirmPasswordInput.parentNode.insertBefore(mensajeError, confirmPasswordInput.nextSibling);
+        entradaConfirmarContrasenia.parentNode.insertBefore(mensajeError, entradaConfirmarContrasenia.nextSibling);
     }
 
     // Configurar eventos para validación en tiempo real
-    confirmPasswordInput.addEventListener('input', () => {
-        validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError);
+    entradaConfirmarContrasenia.addEventListener('input', () => {
+        validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, mensajeError)
     });
 
     // También validar cuando cambie la contraseña principal
-    passwordInput.addEventListener('input', () => {
-        if (confirmPasswordInput.value.trim() !== '') {
-            validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError);
+    entradaContrasenia.addEventListener('input', () => {
+        if (entradaConfirmarContrasenia.value.trim() !== '') {
+            validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, mensajeError)
         }
     });
 }
@@ -747,30 +719,19 @@ function validarCoincidenciaContrasenas() {
 *
 * @returns {void}
 */
-function validarCoincidencia(passwordInput, confirmPasswordInput, mensajeError) {
-    const password = passwordInput.value;
-    const confirmPassword = confirmPasswordInput.value;
-
-    if (confirmPassword.length > 0 && confirmPassword[0] === ' ') {
-        confirmPasswordInput.classList.add('inputError');
-        mensajeError.textContent = 'El campo no puede comenzar con un espacio.';
-        return;
-    }
-
-    // Si el campo de confirmación está vacío, no mostrar error
-    if (confirmPassword.trim() === '') {
-        confirmPasswordInput.classList.add('inputError');
-        mensajeError.textContent = 'El campo no puede estar vacío.';
-        return;
-    }
-
-    // Validar coincidencia
-    if (password !== confirmPassword) {
-        confirmPasswordInput.classList.add('inputError');
-        mensajeError.textContent = 'Las contraseñas no coinciden';
+function validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, mensajeError) {
+    const contrasenia = entradaContrasenia.value
+    const confirmarContrasenia = entradaConfirmarContrasenia.value
+    const respuesta = validarConfirmarContrasenia(confirmarContrasenia, contrasenia)
+    if (respuesta) {
+        if (modoActual === modoFormulario.EDITAR && confirmarContrasenia === '') {
+            entradaConfirmarContrasenia.classList.remove('inputError');
+        } else {
+            entradaConfirmarContrasenia.classList.add('inputError');
+            mensajeError.textContent = respuesta.mensaje
+        }
     } else {
-        confirmPasswordInput.classList.remove('inputError');
-        mensajeError.textContent = '';
+        entradaConfirmarContrasenia.classList.remove('inputError');
     }
 };
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 98778648..4a313e4c 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -64,31 +64,31 @@ function validacionInicial(nombre, correo, contrasenia, confirmarContrasenia, id
 function validarNombreCampo(nombre) {
     const nombreTrim = nombre.trim();
 
-    if (nombreTrim.length > tamanioMaximoNombre) {
+    if (nombre.length > 0 && nombre[0] === ' ') {
         return {
-            titulo: 'Nombre demasiado largo',
-            mensaje: `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`,
+            titulo: 'Nombre inválido',
+            mensaje: 'El nombre no puede comenzar con un espacio.',
             tipo: 'error'
         };
     }
-    if (nombre.length > 0 && nombre[0] === ' ') {
+    if (nombreTrim == '') {
         return {
-            titulo: 'Nombre inválido',
-            mensaje: 'El nombre no puede comenzar con un espacio.',
+            titulo: 'Nombre faltante',
+            mensaje: 'El nombre no puede estar vacío.',
             tipo: 'error'
         };
     }
-    if (!regexNombre.test(nombreTrim)) {
+    if (nombreTrim.length > tamanioMaximoNombre) {
         return {
-            titulo: 'Nombre inválido',
-            mensaje: 'El nombre solo puede contener letras, espacios y puntos.',
+            titulo: 'Nombre demasiado largo',
+            mensaje: `El nombre no puede tener más de ${tamanioMaximoNombre} caracteres.`,
             tipo: 'error'
         };
     }
-    if (nombreTrim == '') {
+    if (!regexNombre.test(nombreTrim)) {
         return {
-            titulo: 'Nombre faltante',
-            mensaje: 'El nombre no puede estar vacío.',
+            titulo: 'Nombre inválido',
+            mensaje: 'El nombre solo puede contener letras, espacios y puntos.',
             tipo: 'error'
         };
     } else {
@@ -103,41 +103,39 @@ function validarNombreCampo(nombre) {
  * @returns {object|null} - Mensaje de error o null si es válido.
  */
 function validarCorreoCampo(correo, listaCorreos = null) {
-    const correoTrim = correo.trim();
-    console.log(correoTrim, correo)
-    console.log(validator.isEmail(correoTrim))
-    if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
+    if (correo.length > 0 && correo[0] === ' ') {
         return {
             titulo: 'Correo inválido',
-            mensaje: `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`,
+            mensaje: 'El correo no puede comenzar con un espacio.',
             tipo: 'error'
         };
     }
-    if (!validator.isEmail(correoTrim)) {
+    const correoTrim = correo.trim();
+    if (correoTrim === '') {
         return {
-            titulo: 'Correo inválido',
-            mensaje: 'El correo debe tener un formato válido.',
+            titulo: 'Correo faltante',
+            mensaje: 'El correo no puede estar vacío.',
             tipo: 'error'
         };
     }
-    if (correo.length > 0 && correo[0] === ' ') {
+    if (correoTrim.length > tamanioMaximoCorreo || correoTrim.length < tamanioMinimoCorreo) {
         return {
             titulo: 'Correo inválido',
-            mensaje: 'El correo no puede comenzar con un espacio.',
+            mensaje: `El correo debe tener entre ${tamanioMinimoCorreo} y ${tamanioMaximoCorreo} caracteres.`,
             tipo: 'error'
         };
     }
-    if (listaCorreos && listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correoTrim.toLowerCase())) {
+    if (!validator.isEmail(correoTrim)) {
         return {
-            titulo: 'Correo ya registrado',
-            mensaje: 'El correo ingresado ya existe. Por favor, usa otro correo.',
+            titulo: 'Correo inválido',
+            mensaje: 'El correo debe tener un formato válido.',
             tipo: 'error'
         };
     }
-    if (correoTrim === '') {
+    if (listaCorreos && listaCorreos.some(correoExistente => correoExistente && correoExistente.toLowerCase() === correoTrim.toLowerCase())) {
         return {
-            titulo: 'Correo faltante',
-            mensaje: 'El correo no puede estar vacío.',
+            titulo: 'Correo ya registrado',
+            mensaje: 'El correo ingresado ya existe. Por favor, usa otro correo.',
             tipo: 'error'
         };
     }
@@ -153,13 +151,6 @@ function validarCorreoCampo(correo, listaCorreos = null) {
 function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
     const contraseniaTrim = contrasenia.trim();
     
-    if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
-        return {
-            titulo: 'Contraseña inválida',
-            mensaje: `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`,
-            tipo: 'error'
-        };
-    }
     if (contrasenia.length > 0 && contrasenia[0] === ' ') {
         return {
             titulo: 'Contraseña inválida',
@@ -174,17 +165,10 @@ function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
             tipo: 'error'
         };
     }
-    if (contraseniaTrim.length < tamanioMinimoContrasenia) {
-        return {
-            titulo: 'Contraseña demasiado corta',
-            mensaje: `La contraseña debe tener al menos ${tamanioMinimoContrasenia} caracteres.`,
-            tipo: 'error'
-        };
-    }
-    if (confirmarContrasenia && contraseniaTrim !== confirmarContrasenia.trim()) {
+    if (contraseniaTrim.length < tamanioMinimoContrasenia || contraseniaTrim.length > tamanioMaximoContrasenia) {
         return {
-            titulo: 'Contraseña no coincide',
-            mensaje: 'La contraseña y su confirmación deben ser iguales.',
+            titulo: 'Contraseña inválida',
+            mensaje: `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`,
             tipo: 'error'
         };
     }
@@ -205,39 +189,25 @@ function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
  */
 function validarConfirmarContrasenia(confirmarContrasenia, contrasenia) {
     const confirmarContraseniaTrim = confirmarContrasenia.trim();
-
-    if (confirmarContraseniaTrim.length < tamanioMinimoContrasenia || confirmarContraseniaTrim.length > tamanioMaximoContrasenia) {
-        return {
-            titulo: 'Contraseña inválida',
-            mensaje: `La contraseña debe tener entre ${tamanioMinimoContrasenia} y ${tamanioMaximoContrasenia} caracteres.`,
-            tipo: 'error'
-        };
-    }
+    
     if (confirmarContrasenia.length > 0 && confirmarContrasenia[0] === ' ') {
         return {
             titulo: 'Contraseña inválida',
-            mensaje: 'La contraseña no puede comenzar con un espacio.',
+            mensaje: 'La confirmación no puede comenzar con un espacio.',
             tipo: 'error'
         };
     }
     if (confirmarContraseniaTrim === '') {
         return {
             titulo: 'Contraseña faltante',
-            mensaje: 'La contraseña no puede estar vacía.',
-            tipo: 'error'
-        };
-    }
-    if (confirmarContraseniaTrim.length < tamanioMinimoContrasenia) {
-        return {
-            titulo: 'Contraseña demasiado corta',
-            mensaje: `La contraseña debe tener al menos ${tamanioMinimoContrasenia} caracteres.`,
+            mensaje: 'La confirmación no puede estar vacía.',
             tipo: 'error'
         };
     }
-    if (confirmarContrasenia && contrasenia.trim() !== confirmarContrasenia.trim()) {
+    if (contrasenia.trim() !== confirmarContraseniaTrim) {
         return {
             titulo: 'Contraseña no coincide',
-            mensaje: 'La contraseña y su confirmación deben ser iguales.',
+            mensaje: 'Las contraseñas no coinciden.',
             tipo: 'error'
         };
     }
@@ -342,6 +312,7 @@ module.exports = {
     validarNombreCampo,
     validarCorreoCampo,
     validarContraseniaCampo,
+    validarConfirmarContrasenia,
     validarRolCampo,
     validarYLimpiarUsuario
 };
\ No newline at end of file

From e3c915755ab836816c9b7ef45460090837a90570 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Sun, 15 Jun 2025 13:08:03 -0600
Subject: [PATCH 25/78] Crear carpeta para atomo contenedorSeleccion

---
 .../atomos/contenedorSeleccion/contenedorSeleccion.css            | 0
 .../atomos/contenedorSeleccion/contenedorSeleccion.ejs            | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
 create mode 100644 harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs

diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
new file mode 100644
index 00000000..e69de29b
diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
new file mode 100644
index 00000000..e69de29b

From de7f80434e4a43d788f0d2b51ac8c080526c5255 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Sun, 15 Jun 2025 13:23:00 -0600
Subject: [PATCH 26/78] Crear atomo contenedor seleccion

---
 .../contenedorSeleccion.css                   | 54 +++++++++++++++++++
 .../contenedorSeleccion.ejs                   | 31 +++++++++++
 2 files changed, 85 insertions(+)

diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
index e69de29b..70ff5eeb 100644
--- a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
+++ b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
@@ -0,0 +1,54 @@
+.contenedor-seleccion {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    border-radius: 8px;
+    position: relative;
+    padding: 0 14px; /* padding vertical será por clase */
+    flex-shrink: 0;
+}
+  
+/* Colores de fondo */
+.fondo-gris { background: #bcbcbc; }
+.fondo-claro { background-color: #f5f5f5; }
+.fondo-blanco { background-color: #ffffff; }
+
+/* Sombras */
+.sombra { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
+
+/* Alineaciones */
+.alinear-inicio { align-items: flex-start; justify-content: flex-start; }
+.alinear-centro { align-items: center; justify-content: center; }
+
+/* Gaps */
+.gap-sm { gap: 8px; }
+.gap-md { gap: 12px; }
+.gap-lg { gap: 16px; }
+
+/* Márgenes */
+.mb-0 { margin-bottom: 0; }
+.mb-8 { margin-bottom: 8px; }
+.mb-14 { margin-bottom: 14px; }
+.mb-16 { margin-bottom: 16px; }
+.mb-24 { margin-bottom: 24px; }
+.mb-32 { margin-bottom: 32px; }
+
+.mt-0 { margin-top: 0; }
+.mt-8 { margin-top: 8px; }
+.mt-14 { margin-top: 14px; }
+.mt-16 { margin-top: 16px; }
+.mt-24 { margin-top: 24px; }
+.mt-32 { margin-top: 32px; }
+
+.pt-0 { padding-top: 0; }
+.pt-8 { padding-top: 8px; }
+.pt-14 { padding-top: 14px; }
+.pt-16 { padding-top: 16px; }
+.pt-24 { padding-top: 24px; }
+
+.pb-0 { padding-bottom: 0; }
+.pb-8 { padding-bottom: 8px; }
+.pb-14 { padding-bottom: 14px; }
+.pb-16 { padding-bottom: 16px; }
+.pb-24 { padding-bottom: 24px; }
\ No newline at end of file
diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
index e69de29b..942702da 100644
--- a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
+++ b/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
@@ -0,0 +1,31 @@
+<%
+  var id = typeof id !== 'undefined' ? id : '';
+  var clasesExtra = typeof clasesExtra !== 'undefined' ? clasesExtra : '';
+  var paddingInferior = typeof paddingInferior !== 'undefined' ? paddingInferior : '';
+  var paddingSuperior = typeof paddingSuperior !== 'undefined' ? paddingSuperior : '';
+  var fondo = typeof fondo !== 'undefined' ? fondo : 'fondo-gris'; // default al fondo original
+  var sombra = typeof sombra !== 'undefined' ? sombra : '';
+  var alinearContenido = typeof alinearContenido !== 'undefined' ? alinearContenido : 'alinear-inicio';
+  var gap = typeof gap !== 'undefined' ? gap : 'gap-md';
+%>
+
+<link href='<%= rutaBase %>src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css' rel='stylesheet' />
+
+<div 
+  id="<%= id %>" 
+  class="contenedor-seleccion <%= fondo %> <%= sombra %> <%= alinearContenido %> <%= gap %> mb-<%= paddingInferior %> mt-<%= paddingSuperior %> <%= clasesExtra %>">
+  <%- contenido %>
+</div>
+
+<% /*
+  Parámetros opcionales:
+  - id: 'contenedor-distribuidores'
+  - contenido: bloque HTML interno o includes
+  - paddingSuperior: '16'
+  - paddingInferior: '16'
+  - fondo: 'fondo-gris', 'fondo-claro'
+  - sombra: 'sombra'
+  - alinearContenido: 'alinear-inicio', 'alinear-centro'
+  - gap: 'gap-sm', 'gap-md', 'gap-lg'
+  - clasesExtra: clases adicionales personalizadas
+*/ %>

From af1a2cd2256c80b604b75366deb33c30c661f1dd Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Sun, 15 Jun 2025 14:10:49 -0600
Subject: [PATCH 27/78] Agregar scroll a seleccion de tractores y columnas

---
 .../css/paginas/inicio/moduloTractores.css    | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css b/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
index ddf00f54..9146493f 100644
--- a/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
+++ b/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
@@ -96,7 +96,13 @@ input:focus {
   border: none;
 }
 
-.distribuidores-contenido {
+.distribuidores-contenido,
+.tractores-contenido,
+.columnas-contenido {
+  max-height: 300px; /* Ajusta según lo que necesites */
+  overflow-y: auto;
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #999 transparent; /* Firefox */
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -106,25 +112,19 @@ input:focus {
   flex-shrink: 0;
   position: relative;
 }
-.tractores-contenido {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
+
+/* Estilo para scroll en navegadores WebKit (Chrome, Safari) */
+.distribuidores-contenido::-webkit-scrollbar,
+.tractores-contenido::-webkit-scrollbar,
+.columnas-contenido::-webkit-scrollbar {
+  width: 6px;
 }
-.columnas-contenido {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
+
+.distribuidores-contenido::-webkit-scrollbar-thumb,
+.tractores-contenido::-webkit-scrollbar-thumb,
+.columnas-contenido::-webkit-scrollbar-thumb {
+  background-color: #999;
+  border-radius: 4px;
 }
 .columna-nombre {
   background: #ffffff;

From ee23c5a5748ea95049df621808161cbded8fcd6d Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Sun, 15 Jun 2025 14:19:36 -0600
Subject: [PATCH 28/78] Cambiar nombre de atomo

---
 .../cuadroSeleccion.css}                                    | 2 +-
 .../cuadroSeleccion.ejs}                                    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename harvester-app/src/framework/vistas/includes/componentes/atomos/{contenedorSeleccion/contenedorSeleccion.css => cuadroSeleccion/cuadroSeleccion.css} (98%)
 rename harvester-app/src/framework/vistas/includes/componentes/atomos/{contenedorSeleccion/contenedorSeleccion.ejs => cuadroSeleccion/cuadroSeleccion.ejs} (79%)

diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css b/harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.css
similarity index 98%
rename from harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
rename to harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.css
index 70ff5eeb..6347858b 100644
--- a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css
+++ b/harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.css
@@ -1,4 +1,4 @@
-.contenedor-seleccion {
+.cuadro-seleccion {
     width: 100%;
     display: flex;
     flex-direction: column;
diff --git a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs b/harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.ejs
similarity index 79%
rename from harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
rename to harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.ejs
index 942702da..d7c54030 100644
--- a/harvester-app/src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.ejs
+++ b/harvester-app/src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.ejs
@@ -9,17 +9,17 @@
   var gap = typeof gap !== 'undefined' ? gap : 'gap-md';
 %>
 
-<link href='<%= rutaBase %>src/framework/vistas/includes/componentes/atomos/contenedorSeleccion/contenedorSeleccion.css' rel='stylesheet' />
+<link href='<%= rutaBase %>src/framework/vistas/includes/componentes/atomos/cuadroSeleccion/cuadroSeleccion.css' rel='stylesheet' />
 
 <div 
   id="<%= id %>" 
-  class="contenedor-seleccion <%= fondo %> <%= sombra %> <%= alinearContenido %> <%= gap %> mb-<%= paddingInferior %> mt-<%= paddingSuperior %> <%= clasesExtra %>">
+  class="cuadro-seleccion <%= fondo %> <%= sombra %> <%= alinearContenido %> <%= gap %> mb-<%= paddingInferior %> mt-<%= paddingSuperior %> <%= clasesExtra %>">
   <%- contenido %>
 </div>
 
 <% /*
   Parámetros opcionales:
-  - id: 'contenedor-distribuidores'
+  - id: 'cuadro-distribuidor'
   - contenido: bloque HTML interno o includes
   - paddingSuperior: '16'
   - paddingInferior: '16'

From 0e5cc59fe0db2f7ea570ff21ce352fc49afcf278 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Sun, 15 Jun 2025 14:33:29 -0600
Subject: [PATCH 29/78] Crear molecula elemento seleccion

---
 .../elementoSeleccion/elementoSeleccion.css   | 20 +++++++++++++++++
 .../elementoSeleccion/elementoSeleccion.ejs   | 22 +++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.css
 create mode 100644 harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.ejs

diff --git a/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.css b/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.css
new file mode 100644
index 00000000..935efdfd
--- /dev/null
+++ b/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.css
@@ -0,0 +1,20 @@
+.elemento-seleccion {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background-color: #fff;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.elemento-seleccion:hover {
+  background-color: #f0f0f0;
+}
+
+.icono-seleccion {
+  width: 20px;
+  height: 20px;
+}
\ No newline at end of file
diff --git a/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.ejs b/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.ejs
new file mode 100644
index 00000000..90d0703e
--- /dev/null
+++ b/harvester-app/src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.ejs
@@ -0,0 +1,22 @@
+<link href='<%= rutaBase %>src/framework/vistas/includes/componentes/moleculas/elementoSeleccion/elementoSeleccion.css' rel='stylesheet' />
+
+<div class="elemento-seleccion <%= clasesExtra || '' %>">
+  <!-- Usar el átomo cuadroTexto para el texto -->
+  <%- include('../../atomos/cuadroTexto/cuadroTexto.ejs', { 
+    id: textoId || '', 
+    textoInterior: texto, 
+    tamanio: 'texto-md', 
+    color: 'texto-negro', 
+    fuente: 'fuente-regular', 
+    alinear: 'izquierda' 
+  }) %>
+  <img class="icono-seleccion" src="<%= icono %>" alt="Icono" />
+</div>
+
+<% /*
+  Parámetros esperados:
+  - texto: Texto que se mostrará en el elemento.
+  - icono: Ruta del ícono que se mostrará.
+  - textoId: ID opcional para el cuadroTexto.
+  - clasesExtra: Clases CSS adicionales para personalización.
+*/ %>
\ No newline at end of file

From c332b23704f50e7b72eca44f7f086005e2f18872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Mon, 16 Jun 2025 12:24:37 -0600
Subject: [PATCH 30/78] Arreglar idrol regresada

---
 .../utils/scripts/paginas/usuarios/validacionesUsuario.js       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 4a313e4c..ee342e24 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -299,7 +299,7 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrase
         if (error) {
             return { error, datos: null };
         }
-        datos.idRol = idRol;
+        datos.idRol = parseInt(idRol, 10);
     } else {
         datos.idRol = idRolUsuarioAEditar;
     }

From eda661c33d05c364ba535be203fd3f18d49ef4b3 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Mon, 16 Jun 2025 12:41:28 -0600
Subject: [PATCH 31/78] Agregar validacion de limite de caracteres en celda
 excel

---
 .../src/backend/casosUso/excel/cargarExcel.js     | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/excel/cargarExcel.js b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
index cdfdec89..01727f1d 100644
--- a/harvester-app/src/backend/casosUso/excel/cargarExcel.js
+++ b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
@@ -136,7 +136,7 @@ async function leerExcel(archivo) {
                         if (verificacionExcel.hayPeligro) {
                             reject({
                                 exito: false,
-                                mensaje: `El archivo subido contiene el siguiente caracter inválido: ${verificacionExcel.lugarDetectado} Caracter: ${verificacionExcel.caracterDetectado}`
+                                mensaje: `El archivo subido contiene el siguiente problema: ${verificacionExcel.caracterDetectado}. ${verificacionExcel.lugarDetectado}`
                             });
                         }
                         // Almacenamos los datos usando el nombre de la hoja como clave
@@ -195,6 +195,7 @@ function verificarExcel(hojaJSON) {
     const patron = /[<>&"'`#]/g 
     let contadorFilas = 0;
     let contadorCeldas = 0;
+    let longitudMaxima = 50;
     
     for (const fila of hojaJSON) {
         contadorFilas = contadorFilas + 1;
@@ -208,7 +209,7 @@ function verificarExcel(hojaJSON) {
                 if (match) {
                     return {
                         hayPeligro: true,
-                        caracterDetectado: match[0],
+                        caracterDetectado: `Caracter inválido: ${match[0]}`,
                         lugarDetectado: `Fila: ${contadorFilas} Celda: ${contadorCeldas}`
                     }
                 }
@@ -217,7 +218,15 @@ function verificarExcel(hojaJSON) {
                 if (celda.startsWith('=') || celda.startsWith('+') || celda.startsWith('-')) {
                     return {
                         hayPeligro: true,
-                        caracterDetectado: celda[0],
+                        caracterDetectado: `Caracter inválido: ${celda[0]}`,
+                        lugarDetectado: `Fila: ${contadorFilas}, Celda: ${contadorCeldas}`
+                    }
+                }
+
+                if (celda.length > longitudMaxima) {
+                    return {
+                        hayPeligro: true,
+                        caracterDetectado: `Longitud mayor a ${longitudMaxima} caracteres`,
                         lugarDetectado: `Fila: ${contadorFilas}, Celda: ${contadorCeldas}`
                     }
                 }

From 04ebaa0f4de24447959cf50e3c5d0135f6082c82 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Mon, 16 Jun 2025 12:53:29 -0600
Subject: [PATCH 32/78] detector y limitador completo

---
 .../scripts/paginas/formulas/crearFormula.js  | 167 +++++++++++-------
 .../vistas/paginas/formulas/crearFormula.ejs  |   5 +
 2 files changed, 107 insertions(+), 65 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
index 72ed9dd6..4cf76a9d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
@@ -314,76 +314,88 @@ function agregarCriterio(etiqueta, nombreClase, contenedor) {
  */
 // eslint-disable-next-line no-unused-vars
 function agregarFuncionAnidada(boton) {
-    // Deshabilitar el botón inmediatamente para evitar múltiples clics
-    boton.disabled = true;
-    boton.textContent = 'Función añadida';
-    
-    const argumentoContenido = boton.closest('.argumentoContenido');
-    const contenedorAnidado = argumentoContenido.querySelector('.contenedor-funciones-anidadas');
+    const elementoContadorAnidaciones = document.getElementById('contadorAnidaciones');
+    const limite = parseInt(elementoContadorAnidaciones.getAttribute('maxlength'), 10);
+
+    const iterador = tamanioAnidacion()
+    if(iterador < limite){
+        // Deshabilitar el botón inmediatamente para evitar múltiples clics
+        boton.disabled = true;
+        boton.textContent = 'Función añadida';
+        
+        const argumentoContenido = boton.closest('.argumentoContenido');
+        const contenedorAnidado = argumentoContenido.querySelector('.contenedor-funciones-anidadas');
 
-    const contador = argumentoContenido.parentElement?.querySelector('.contador-caracteres');
-    contador.textContent = ``;
-    
-    // Deshabilitar el input de texto del argumento padre y agregar carácter invisible
-    const inputPadre = argumentoContenido.querySelector('input[type="text"]');
-    if (inputPadre) {
-        inputPadre.value = '\u200B'; // Zero-width space
-        inputPadre.disabled = true;
-        inputPadre.style.backgroundColor = '#f0f0f0';
-    }
-    
-    const filaAnidada = document.createElement('div');
-    filaAnidada.classList.add('fila-anidada');
-    
-    const seleccionarFuncion = document.createElement('select');
-    seleccionarFuncion.classList.add('selectorFuncionAnidada');
-    seleccionarFuncion.innerHTML = `
-        <option value=''>Seleccionar función anidada</option>
-        <option value='IF'>SI</option>
-        <option value='IFERROR'>SI.ERROR</option>
-        <option value='VLOOKUP'>BUSCARV</option>
-        <option value='ARITHMETIC'>Operación Aritmética</option>
-    `;
-    
-    filaAnidada.appendChild(seleccionarFuncion);
-    contenedorAnidado.appendChild(filaAnidada);
-
-    let eliminarBotonAnidado = filaAnidada.querySelector('.botonEliminarAnidado');
-
-    if (!eliminarBotonAnidado) {
-        eliminarBotonAnidado = document.createElement('button');
-        eliminarBotonAnidado.textContent = 'Eliminar función';
-        eliminarBotonAnidado.classList.add('botonEliminarAnidado');
-        eliminarBotonAnidado.onclick = () => {
-            // Rehabilitar el input padre cuando se elimina la función anidada
-            if (inputPadre) {
-                inputPadre.value = '';
-                inputPadre.disabled = false;
-                inputPadre.style.backgroundColor = '';
+        const contador = argumentoContenido.parentElement?.querySelector('.contador-caracteres');
+        contador.textContent = ``;
+        
+        // Deshabilitar el input de texto del argumento padre y agregar carácter invisible
+        const inputPadre = argumentoContenido.querySelector('input[type="text"]');
+        if (inputPadre) {
+            inputPadre.value = '\u200B'; // Zero-width space
+            inputPadre.disabled = true;
+            inputPadre.style.backgroundColor = '#f0f0f0';
+        }
+        
+        const filaAnidada = document.createElement('div');
+        filaAnidada.classList.add('fila-anidada');
+        
+        const seleccionarFuncion = document.createElement('select');
+        seleccionarFuncion.classList.add('selectorFuncionAnidada');
+        seleccionarFuncion.innerHTML = `
+            <option value=''>Seleccionar función anidada</option>
+            <option value='IF'>SI</option>
+            <option value='IFERROR'>SI.ERROR</option>
+            <option value='VLOOKUP'>BUSCARV</option>
+            <option value='ARITHMETIC'>Operación Aritmética</option>
+        `;
+        
+        filaAnidada.appendChild(seleccionarFuncion);
+        contenedorAnidado.appendChild(filaAnidada);
+
+        let eliminarBotonAnidado = filaAnidada.querySelector('.botonEliminarAnidado');
+
+        if (!eliminarBotonAnidado) {
+            eliminarBotonAnidado = document.createElement('button');
+            eliminarBotonAnidado.textContent = 'Eliminar función';
+            eliminarBotonAnidado.classList.add('botonEliminarAnidado');
+            eliminarBotonAnidado.onclick = () => {
+                // Rehabilitar el input padre cuando se elimina la función anidada
+                if (inputPadre) {
+                    inputPadre.value = '';
+                    inputPadre.disabled = false;
+                    inputPadre.style.backgroundColor = '';
+                }
+                // Rehabilitar el botón "Anidar Función" cuando se elimina la función anidada
+                boton.disabled = false;
+                boton.textContent = 'Anidar Función';
+                filaAnidada.remove();
+                contadorAnidacion();
+            };
+            filaAnidada.appendChild(eliminarBotonAnidado);
+        }
+        
+        seleccionarFuncion.onchange = (evento) => {
+            const valorSeleccionado = evento.target.value;
+            if (valorSeleccionado) {
+                const divAnidadoExistente = filaAnidada.querySelector('.funciones-anidadas');
+                if (divAnidadoExistente) {
+                    divAnidadoExistente.remove();
+                }
+                
+                const divAnidado = document.createElement('div');
+                divAnidado.classList.add('funciones-anidadas');
+                filaAnidada.appendChild(divAnidado);
+                
+                definirEstructura(evento.target, divAnidado);
             }
-            // Rehabilitar el botón "Anidar Función" cuando se elimina la función anidada
-            boton.disabled = false;
-            boton.textContent = 'Anidar Función';
-            filaAnidada.remove();
         };
-        filaAnidada.appendChild(eliminarBotonAnidado);
+
+        contadorAnidacion();
+        return
     }
     
-    seleccionarFuncion.onchange = (evento) => {
-        const valorSeleccionado = evento.target.value;
-        if (valorSeleccionado) {
-            const divAnidadoExistente = filaAnidada.querySelector('.funciones-anidadas');
-            if (divAnidadoExistente) {
-                divAnidadoExistente.remove();
-            }
-            
-            const divAnidado = document.createElement('div');
-            divAnidado.classList.add('funciones-anidadas');
-            filaAnidada.appendChild(divAnidado);
-            
-            definirEstructura(evento.target, divAnidado);
-        }
-    };
+    mostrarAlerta('Error', `La fórmula alcanzó las ${iterador}/${limite} anidaciones, si quieres anidar otra formula porfavor borra alguna otra.`, 'error');
 }
 
 /**
@@ -737,3 +749,28 @@ function popularDropdown(elementoSeleccionado) {
         }
     });
 }
+
+function tamanioAnidacion(){
+    let iterador = 0;
+    const anidaciones = document.querySelectorAll('.contenedor-funciones-anidadas');
+
+    anidaciones.forEach(anidado => {
+        const filas = anidado.querySelectorAll('.fila-anidada');
+        if (filas.length > 0) {
+            iterador += 1;
+        }
+    });
+
+    return iterador
+}
+
+function contadorAnidacion() {
+  const iterador = tamanioAnidacion()
+
+  const elementoContadorAnidaciones = document.getElementById('contadorAnidaciones');
+  const limite = parseInt(elementoContadorAnidaciones.getAttribute('maxlength'), 10);
+
+  const caracteresRestantes = limite - iterador;
+  elementoContadorAnidaciones.textContent = `${iterador}/${limite} Anidaciones`;
+  elementoContadorAnidaciones.style.color = caracteresRestantes < 3 ? '#e74c3c' : '#7f8c8d';
+}
diff --git a/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs b/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
index a085c867..7c3fbf00 100644
--- a/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
+++ b/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
@@ -51,6 +51,11 @@
                         <!-- Los argumentos se generarán dinámicamente aquí -->
                     </div>
                 </div>
+
+                <div class="info-error-contador">
+                    <small id="mensajeErrorNombre" class="mensajeError"></small>
+                    <div class="contador-caracteres" id="contadorAnidaciones" maxlength="7">0/7 Anidaciones</div>
+                </div>
             </div>
 
             <div class='formula-seccion-resultado'>

From 1789124966be2a070cddfb21bca124787ac07cb0 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Mon, 16 Jun 2025 14:56:27 -0600
Subject: [PATCH 33/78] Separar validacion de inicio peligroso

---
 .../src/backend/casosUso/excel/cargarExcel.js | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/excel/cargarExcel.js b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
index 01727f1d..283e54f8 100644
--- a/harvester-app/src/backend/casosUso/excel/cargarExcel.js
+++ b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
@@ -193,9 +193,9 @@ function verificarExcel(hojaJSON) {
     }
 
     const patron = /[<>&"'`#]/g 
+    const longitudMaxima = 100;
     let contadorFilas = 0;
     let contadorCeldas = 0;
-    let longitudMaxima = 50;
     
     for (const fila of hojaJSON) {
         contadorFilas = contadorFilas + 1;
@@ -215,7 +215,7 @@ function verificarExcel(hojaJSON) {
                 }
 
                 // 2. Verificar si comienza con = + -
-                if (celda.startsWith('=') || celda.startsWith('+') || celda.startsWith('-')) {
+                if (esInicioPeligroso(celda)) {
                     return {
                         hayPeligro: true,
                         caracterDetectado: `Caracter inválido: ${celda[0]}`,
@@ -238,6 +238,27 @@ function verificarExcel(hojaJSON) {
 }
 
 
+
+/**
+ * Verifica si una celda contiene un inicio potencialmente peligroso
+ * Permite '+' o '-' si parece un número telefónico
+ * @param {string} texto - Texto de la celda a verificar
+ * @returns {boolean} - Verdadero si la celda comienza con un carácter peligroso
+ */
+function esInicioPeligroso(texto) {
+    const patrinInicioPeligroso = /^[=+\-]/;
+
+    if (patrinInicioPeligroso.test(texto)) {
+        // Permitir si es numero telefónico
+        if (/^[+-]\d[\d\s\-()]*$/.test(texto)) {
+            return false;
+        }
+        return true;
+    }
+
+    return false;
+}
+
 module.exports = {
     leerExcel,
 }
\ No newline at end of file

From 9af5a78351f1e690ea4684259cfb5bfc40630ad7 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Mon, 16 Jun 2025 15:00:52 -0600
Subject: [PATCH 34/78] Agregar validacion para numeros de telefono

---
 harvester-app/src/backend/casosUso/excel/cargarExcel.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/excel/cargarExcel.js b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
index 283e54f8..db9ecbe4 100644
--- a/harvester-app/src/backend/casosUso/excel/cargarExcel.js
+++ b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
@@ -246,11 +246,12 @@ function verificarExcel(hojaJSON) {
  * @returns {boolean} - Verdadero si la celda comienza con un carácter peligroso
  */
 function esInicioPeligroso(texto) {
-    const patrinInicioPeligroso = /^[=+\-]/;
+    const patronInicioPeligroso = /^[=+\-]/;
+    const patronNumeroTelefono = /^[+-]?\d[\d\s\-()]*$/;
 
-    if (patrinInicioPeligroso.test(texto)) {
+    if (patronInicioPeligroso.test(texto)) {
         // Permitir si es numero telefónico
-        if (/^[+-]\d[\d\s\-()]*$/.test(texto)) {
+        if (patronNumeroTelefono.test(texto)) {
             return false;
         }
         return true;

From 2fe8df3b02733d209c2d42f832a686cc13d0799b Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Mon, 16 Jun 2025 15:28:26 -0600
Subject: [PATCH 35/78] Corregir error de eslint

---
 harvester-app/src/backend/casosUso/excel/cargarExcel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/excel/cargarExcel.js b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
index db9ecbe4..1bc3d8b9 100644
--- a/harvester-app/src/backend/casosUso/excel/cargarExcel.js
+++ b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
@@ -246,7 +246,7 @@ function verificarExcel(hojaJSON) {
  * @returns {boolean} - Verdadero si la celda comienza con un carácter peligroso
  */
 function esInicioPeligroso(texto) {
-    const patronInicioPeligroso = /^[=+\-]/;
+    const patronInicioPeligroso = /^[=+]/;
     const patronNumeroTelefono = /^[+-]?\d[\d\s\-()]*$/;
 
     if (patronInicioPeligroso.test(texto)) {

From 9b9bd5263f3394ab4c4123e9559802a179831386 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Mon, 16 Jun 2025 15:29:39 -0600
Subject: [PATCH 36/78] Corregir error de patronInicioPeligroso

---
 harvester-app/src/backend/casosUso/excel/cargarExcel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/excel/cargarExcel.js b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
index 1bc3d8b9..4a847beb 100644
--- a/harvester-app/src/backend/casosUso/excel/cargarExcel.js
+++ b/harvester-app/src/backend/casosUso/excel/cargarExcel.js
@@ -246,7 +246,7 @@ function verificarExcel(hojaJSON) {
  * @returns {boolean} - Verdadero si la celda comienza con un carácter peligroso
  */
 function esInicioPeligroso(texto) {
-    const patronInicioPeligroso = /^[=+]/;
+    const patronInicioPeligroso = /^[=+-]/;
     const patronNumeroTelefono = /^[+-]?\d[\d\s\-()]*$/;
 
     if (patronInicioPeligroso.test(texto)) {

From 8169b5d1be3f78467c69c47dba11c7f38ea9b4e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 16:52:19 -0600
Subject: [PATCH 37/78] Refactorizar crear usuario

---
 .../scripts/paginas/usuarios/crearUsuario.js  | 67 ++++++++++++++++
 .../paginas/usuarios/modificarUsuario.js      | 36 ++++-----
 .../paginas/usuarios/moduloGestionUsuario.js  | 78 ++-----------------
 .../paginas/usuarios/validacionesUsuario.js   |  9 +--
 4 files changed, 92 insertions(+), 98 deletions(-)
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
new file mode 100644
index 00000000..59daa0b5
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
@@ -0,0 +1,67 @@
+const { crearUsuario: crearUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/crearUsuario`);
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
+const { validarCrearUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+
+/**
+ * Crea un nuevo usuario en el sistema.
+ * Captura los datos del formulario, valida los campos, 
+ * realiza la petición al backend mediante crearUsuarioAPI y muestra retroalimentación.
+ * @async
+ * @function crearUsuario
+ * @returns {Promise<void>}
+ */
+async function crearUsuario(listaCorreos) {
+    const nombreInput = document.getElementById('username');
+    const correoInput = document.getElementById('email');
+    const contraseniaInput = document.getElementById('password');
+    const confirmPasswordInput = document.getElementById('passwordConfirmar');
+    const rolInput = document.getElementById('rol');
+
+    const nombreSinTrim = nombreInput.value;
+    const correoSinTrim = correoInput.value;
+    const contraseniaSinTrim = contraseniaInput.value;
+    const confirmContraseniaSinTrim = confirmPasswordInput ? confirmPasswordInput.value : '';
+    const rolSinTrim = rolInput.value;
+
+    let nombre
+    let correo
+    let contrasenia
+    let confirmContrasenia
+    let idRolFK;
+    if (validarCrearUsuario(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
+        nombre = nombreSinTrim.trim();
+        correo = correoSinTrim.trim();
+        contrasenia = contraseniaSinTrim.trim();
+        confirmContrasenia = confirmContraseniaSinTrim.trim();
+        idRolFK = parseInt(rolSinTrim, 10);
+    } else {
+        return false
+    }
+
+    try {
+        const resultado = await crearUsuarioCU({ nombre, correo, contrasenia, idRolFK });
+        if (resultado.ok) {
+            mostrarAlerta('Usuario creado', resultado.mensaje || 'El usuario fue registrado correctamente.', 'success');
+
+            nombreInput.value = '';
+            correoInput.value = '';
+            contraseniaInput.value = '';
+            confirmContrasenia.value = '';
+            rolInput.value = '';
+
+            document.getElementById('columna-crear-modificar-usuario').style.display = 'none';
+
+            return true
+        } else {
+            mostrarAlerta('Error al crear usuario', resultado.mensaje || 'No se pudo registrar el usuario.', 'error');
+            return false
+        }
+    } catch {
+        mostrarAlerta('Error de conexión', 'Hubo un problema al conectar con el servidor.', 'error');
+        return false
+    }
+}
+
+module.exports = {
+    crearUsuario
+}
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
index 964e36ce..58c0f5ef 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -1,7 +1,6 @@
 const { modificarUsuario: modificarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
-const { validarYLimpiarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
-//const { inicializarModuloGestionUsuarios } = require(`${rutaBase}/src/framework/utils/scripts/paginas/usuarios/inicializarModuloGestionUsuarios.js`);
+const { validarModificarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 
 /**
  * Envía los datos modificados del usuario al backend y actualiza la vista.
@@ -13,28 +12,22 @@ const { validarYLimpiarUsuario } = require(`${rutaBase}src/framework/utils/scrip
  * @returns {Promise<void>}
  */
 async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuarios) {
-    const nombreInput = document.getElementById('username');
-    const correoInput = document.getElementById('email');
-    const contraseniaInput = document.getElementById('password');
-    const confirmPasswordInput = document.getElementById('passwordConfirmar');
-    const rolInput = document.getElementById('rol');
+    const nombreSinTrim = document.getElementById('username').value;
+    const correoSinTrim = document.getElementById('email').value;
+    const contraseniaSinTrim = document.getElementById('password').value;
+    const confirmarContraseniaSinTrim = document.getElementById('passwordConfirmar').value;
+    const rol = document.getElementById('rol').value;
 
-    const nombreSinTrim = nombreInput.value;
-    const correoSinTrim = correoInput.value;
-    const contraseniaSinTrim = contraseniaInput.value;
-    const confirmarContraseniaSinTrim = confirmPasswordInput.value;
-    const rol = rolInput.value;
-
-    const { error, datos } = validarYLimpiarUsuario({
-        nombre: nombreSinTrim,
-        correo: correoSinTrim,
-        contrasenia: contraseniaSinTrim,
-        confirmarContrasenia: confirmarContraseniaSinTrim,
-        idRol: rol
-    },
+    const { error, datos } = validarModificarUsuario(
+        { nombre: nombreSinTrim,
+            correo: correoSinTrim,
+            contrasenia: contraseniaSinTrim,
+            confirmarContrasenia: confirmarContraseniaSinTrim,
+            idRol: rol },
         usuarioAEditar,
         roles,
-        listaUsuarios)
+        listaUsuarios
+    )
 
     if (error) {
         mostrarAlerta(error.titulo, error.mensaje, error.tipo);
@@ -48,7 +41,6 @@ async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuari
         if (resultado.ok) {
             mostrarAlerta('Usuario modificado', resultado.mensaje || 'El usuario fue modificado correctamente.', 'success');
 
-            // Limpiar los campos del formulario
             document.getElementById('username').value = '';
             document.getElementById('username').placeholder = 'Nombre del nuevo usuario';
             document.getElementById('email').value = '';
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 72b53984..def5b244 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -4,13 +4,13 @@
 // RF41 Administrador consulta usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF41 
 // RF39 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF39
 
-const { crearUsuario: crearUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/crearUsuario`);
 const { obtenerUsuarios: obtenerUsuariosCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarUsuarios.js`);
 const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/eliminarUsuario`);
 const { consultarRoles: consultarRolesCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarRoles.js`);
 const { deshabilitarDispositivo } = require(`${rutaBase}src/backend/casosUso/dispositivos/deshabilitarDispositivo.js`);
 const { modificarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js`);
-const { validacionInicial, validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarConfirmarContrasenia } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
+const { crearUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/crearUsuario.js`);
+const { validarNombreCampo, validarCorreoCampo, validarContraseniaCampo, validarConfirmarContrasenia } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
 
 const { mostrarAlerta, mostrarAlertaBorrado } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const Swal = require(`${rutaBase}/node_modules/sweetalert2/dist/sweetalert2.all.min.js`);
@@ -116,16 +116,18 @@ function configurarBotones() {
         let resultado;
         if (modoActual === modoFormulario.CREAR) {
             nuevoBotonGuardar.disabled = true;
-            resultado = await crearUsuario();
+            resultado = await crearUsuario(listaCorreos);
             nuevoBotonGuardar.disabled = false;
         } else if (modoActual === modoFormulario.EDITAR) {
+            nuevoBotonGuardar.disabled = true;
             resultado = await modificarUsuario(usuarioAEditar, rolesCache, listaCorreos);
+            nuevoBotonGuardar.disabled = false;
         }
         if (resultado) {
             setTimeout(() => {
-                inicializarModuloGestionUsuarios(); // Recargar la lista de usuarios
+                inicializarModuloGestionUsuarios();
+                ocultarFormularioUsuario();
             }, 500);
-            //ocultarFormularioUsuario();
         }
     });
 }
@@ -735,72 +737,6 @@ function validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, me
     }
 };
 
-/**
- * Crea un nuevo usuario en el sistema.
- * Captura los datos del formulario, valida los campos, 
- * realiza la petición al backend mediante crearUsuarioAPI y muestra retroalimentación.
- * @async
- * @function crearUsuario
- * @returns {Promise<void>}
- */
-async function crearUsuario() {
-    const nombreInput = document.getElementById('username');
-    const correoInput = document.getElementById('email');
-    const contraseniaInput = document.getElementById('password');
-    const confirmPasswordInput = document.getElementById('passwordConfirmar');
-    const rolInput = document.getElementById('rol');
-
-    // OBTENER LOS VALORES SIN TRIM
-    const nombreSinTrim = nombreInput.value;
-    const correoSinTrim = correoInput.value;
-    const contraseniaSinTrim = contraseniaInput.value;
-    const confirmContraseniaSinTrim = confirmPasswordInput ? confirmPasswordInput.value : '';
-    const rolSinTrim = rolInput.value;
-
-    let nombre
-    let correo
-    let contrasenia
-    let confirmContrasenia
-    let idRolFK;
-
-    if (validacionInicial(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
-        nombre = nombreSinTrim.trim();
-        correo = correoSinTrim.trim();
-        contrasenia = contraseniaSinTrim.trim();
-        confirmContrasenia = confirmContraseniaSinTrim.trim();
-        idRolFK = parseInt(rolSinTrim, 10);
-    } else {
-        return;
-    }
-
-    try {
-        const resultado = await crearUsuarioCU({ nombre, correo, contrasenia, idRolFK });
-        if (resultado.ok) {
-            mostrarAlerta('Usuario creado', resultado.mensaje || 'El usuario fue registrado correctamente.', 'success');
-
-            // Limpiar los campos del formulario
-            nombreInput.value = '';
-            correoInput.value = '';
-            contraseniaInput.value = '';
-            confirmContrasenia.value = '';
-            rolInput.value = '';
-
-            document.getElementById('columna-crear-modificar-usuario').style.display = 'none';
-
-            // Actualizar la vista para mostrar el nuevo usuario en la lista
-            setTimeout(() => {
-                inicializarModuloGestionUsuarios(); // Recargar la lista de usuarios
-            }, 500);
-        } else {
-            mostrarAlerta('Error al crear usuario', resultado.mensaje || 'No se pudo registrar el usuario.', 'error');
-        }
-    } catch {
-        mostrarAlerta('Error de conexión', 'Hubo un problema al conectar con el servidor.', 'error');
-    }
-}
-
-
-
 // Variable global para almacenar los roles
 let rolesCache = [];
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index ee342e24..ec3176aa 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -20,7 +20,7 @@ const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
  * @param {Array} listaCorreos - Lista de correos electrónicos ya registrados.
  * @returns {boolean} - Si la validación es exitosa
  */
-function validacionInicial(nombre, correo, contrasenia, confirmarContrasenia, idRolFK, listaCorreos) {
+function validarCrearUsuario(nombre, correo, contrasenia, confirmarContrasenia, idRolFK, listaCorreos) {
     const nombreTrim = nombre.trim();
     const correoTrim = correo.trim();
     const contraseniaTrim = contrasenia.trim();
@@ -235,7 +235,6 @@ function validarRolCampo(idRol) {
 
 /**
  * Valida y sanea los datos para la edición de un usuario en el front-end.
- * Reproduce las mismas validaciones que el back-end y devuelve los valores listos para enviar.
  *
  * @param {Object} params - Parámetros de validación.
  * @param {string} params.nombre - Nuevo nombre ingresado por el usuario.
@@ -244,7 +243,7 @@ function validarRolCampo(idRol) {
  * @param {number|null} params.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
  * @returns {{ error: string|null, datos: Object|null }}
  */
-function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
+function validarModificarUsuario({ nombre, correo, contrasenia, confirmarContrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
     const idRolUsuarioAEditar = roles.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
     const cambioNombre = nombre !== '' && nombre !== usuarioAEditar.nombre;
     const cambioCorreo = correo !== '' && correo !== usuarioAEditar.correo;
@@ -308,11 +307,11 @@ function validarYLimpiarUsuario({ nombre, correo, contrasenia, confirmarContrase
 }
 
 module.exports = {
-    validacionInicial,
+    validarCrearUsuario,
     validarNombreCampo,
     validarCorreoCampo,
     validarContraseniaCampo,
     validarConfirmarContrasenia,
     validarRolCampo,
-    validarYLimpiarUsuario
+    validarModificarUsuario
 };
\ No newline at end of file

From 4306f4d390ec6b7462a2bdb5f5ac4384df20bce0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 16:58:46 -0600
Subject: [PATCH 38/78] Solo recargar lista de usuarios cuando se crea, modifi
 ca o elimina un usuario

---
 .../utils/scripts/paginas/usuarios/moduloGestionUsuario.js    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index def5b244..265b1421 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -125,7 +125,7 @@ function configurarBotones() {
         }
         if (resultado) {
             setTimeout(() => {
-                inicializarModuloGestionUsuarios();
+                obtenerUsuarios();
                 ocultarFormularioUsuario();
             }, 500);
         }
@@ -565,8 +565,8 @@ function configurarBotonEliminar(listaDeUsuarios) {
             if (respuesta) {
                 await eliminarUsuario(id);
                 setTimeout(() => {
+                    obtenerUsuarios();
                     ocultarFormularioUsuario();
-                    inicializarModuloGestionUsuarios();
                 }, 500);
             }
         });

From 0b05d418826b01558412f13aa33b9f59c2f6b27d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 17:50:02 -0600
Subject: [PATCH 39/78] =?UTF-8?q?Actualizar=20documentaci=C3=B3n=20y=20par?=
 =?UTF-8?q?=C3=A1metros=20de=20funciones?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scripts/paginas/usuarios/crearUsuario.js  | 13 ++-
 .../paginas/usuarios/modificarUsuario.js      |  9 +-
 .../paginas/usuarios/moduloGestionUsuario.js  | 46 +++++----
 .../paginas/usuarios/validacionesUsuario.js   | 93 +++++++++----------
 4 files changed, 84 insertions(+), 77 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
index 59daa0b5..38094086 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
@@ -5,9 +5,10 @@ const { validarCrearUsuario } = require(`${rutaBase}src/framework/utils/scripts/
 /**
  * Crea un nuevo usuario en el sistema.
  * Captura los datos del formulario, valida los campos, 
- * realiza la petición al backend mediante crearUsuarioAPI y muestra retroalimentación.
+ * realiza la petición al backend mediante crearUsuarioCU y muestra retroalimentación.
  * @async
  * @function crearUsuario
+ * @param {Array<String>} listaCorreos 
  * @returns {Promise<void>}
  */
 async function crearUsuario(listaCorreos) {
@@ -28,7 +29,15 @@ async function crearUsuario(listaCorreos) {
     let contrasenia
     let confirmContrasenia
     let idRolFK;
-    if (validarCrearUsuario(nombreSinTrim, correoSinTrim, contraseniaSinTrim, confirmContraseniaSinTrim, rolSinTrim, listaCorreos)) {
+    
+    const datosUsuario = {
+        nombre: nombreSinTrim,
+        correo: correoSinTrim,
+        contrasenia: contraseniaSinTrim,
+        confirmarContrasenia: confirmContraseniaSinTrim,
+        idRol:rolSinTrim
+    }
+    if (validarCrearUsuario(datosUsuario, listaCorreos)) {
         nombre = nombreSinTrim.trim();
         correo = correoSinTrim.trim();
         contrasenia = contraseniaSinTrim.trim();
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
index 58c0f5ef..810f6b36 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -9,9 +9,12 @@ const { validarModificarUsuario } = require(`${rutaBase}src/framework/utils/scri
  *
  * @async
  * @function modificarUsuario
- * @returns {Promise<void>}
+ * @param {Object} usuarioAEditar - Datos originales del usuario
+ * @param {Array<Object>} roles - Roles disponibles
+ * @param {Array<String>} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @returns {boolean}
  */
-async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuarios) {
+async function modificarUsuario(usuarioAEditar, roles, listaCorreos) {
     const nombreSinTrim = document.getElementById('username').value;
     const correoSinTrim = document.getElementById('email').value;
     const contraseniaSinTrim = document.getElementById('password').value;
@@ -26,7 +29,7 @@ async function modificarUsuario(usuarioAEditar, roles, listaCorreos, listaUsuari
             idRol: rol },
         usuarioAEditar,
         roles,
-        listaUsuarios
+        listaCorreos
     )
 
     if (error) {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index 265b1421..d729847a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -27,6 +27,7 @@ let listaUsuarios = [];
 let usuariosFiltrados = [];
 let terminoBusqueda = '';
 let listaCorreos = [];
+let rolesCache = [];
 
 /**
  * Inicializa el módulo de gestión de usuarios.
@@ -53,6 +54,7 @@ async function inicializarModuloGestionUsuarios() {
  * 
  * @async
  * @function renderizarUsuarios
+ * @returns {void}
  */
 async function obtenerUsuarios() {
     try {
@@ -88,6 +90,7 @@ async function obtenerUsuarios() {
  * Configura los botones de la interfaz para crear, cancelar y guardar usuarios.
  * 
  * @function configurarBotones
+ * @returns {void}
  */
 function configurarBotones() {
     const botonAgregar = document.querySelector('.primario');
@@ -136,6 +139,7 @@ function configurarBotones() {
  * Muestra la vista de creación de usuario.
  * Reinicia el formulario, actualiza el título y los campos.
  * @function mostrarVistaCrear
+ * @returns {void}
  */
 function mostrarFormularioUsuario(modo, idUsuario = null) {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
@@ -189,6 +193,7 @@ function mostrarFormularioUsuario(modo, idUsuario = null) {
  * Oculta la vista de creación de usuario.
  * 
  * @function ocultarFormularioUsuario
+ * @returns {void}
  */
 function ocultarFormularioUsuario() {
     const columnaCrear = document.getElementById('columna-crear-modificar-usuario');
@@ -199,6 +204,7 @@ function ocultarFormularioUsuario() {
  * Configura ek campo de correo electrónico para evitar espacios.
  * 
  * @function configurarCampoCorreo
+ * @returns {void}
  */
 function configurarCampoCorreo() {
     const entradaCorreo = document.getElementById('email');
@@ -220,6 +226,7 @@ function configurarCampoCorreo() {
  * Configura el campo de búsqueda de usuarios.
  * 
  * @function configurarCampoBusqueda
+ * @returns {void}
  */
 function configurarCampoBusqueda() {
     const inputBusqueda = document.getElementById('buscar-usuario');
@@ -232,6 +239,8 @@ function configurarCampoBusqueda() {
 
 /**
  * Actualiza el contador de caracteres restantes para el buscador de usuarios.
+ * 
+ * @function actualizarCaracteresBuscador
  * @param {HTMLInputElement} campoEntrada - Campo de entrada a validar.
  * @returns {void}
  */
@@ -251,20 +260,19 @@ function actualizarCaracteresBuscador(campoEntrada) {
 /**
  * Actualiza los contadores de caracteres que ya existen en el HTML.
  * No inserta nada, solo los inicializa y los mantiene al día.
+ * 
+ * @function configurarContadoresCampos
+ * @returns {void}
  */
 function configurarContadoresCampos() {
     document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
         const maximoCaracteres = input.getAttribute('maxlength');
         const contador = input.parentNode.querySelector('.contador-caracteres');
         if (!contador) return;
+        contador.textContent = `${input.value.length}/${maximoCaracteres} caracteres`;
 
-
-        // Inicializa una sola llamada a la función extraída
-        actualizarContador(input, contador, maximoCaracteres);
-
-        // Y vuelve a usar la misma función como callback
         input.addEventListener('input', () => {
-            actualizarContador(input, contador, maximoCaracteres);
+            contador.textContent = `${input.value.length}/${maximoCaracteres} caracteres`;
         });
     });
 }
@@ -273,6 +281,7 @@ function configurarContadoresCampos() {
  * Configura la checkbox de "Ver contraseña" para mostrar u ocultar la contraseña ingresada.
  * 
  * @function configurarVerContrasenia
+ * @returns {void}
  */
 function configurarVerContrasenia() {
     const botonVerContrasenia = document.querySelector('#verContrasenia');
@@ -491,7 +500,7 @@ function limpiarMensajesError() {
  * 
  * @function crearListaUsuarios
  * @param {Array<Object>} usuarios - Lista de usuarios a renderizar.
- *  @returns {DocumentFragment} Un fragmento de documento con los usuarios renderizados.
+ * @returns {DocumentFragment} Un fragmento de documento con los usuarios renderizados.
  */
 function crearListaUsuarios(usuarios) {
     const fragmento = document.createDocumentFragment();
@@ -615,10 +624,6 @@ function configurarBotonDeshabilitar(listaDeUsuarios, usuarios) {
     });
 }
 
-
-
-
-
 /**
  * Configura validaciones en tiempo real para los campos del formulario de usuarios.
  *
@@ -719,6 +724,7 @@ function validarCoincidenciaContrasenas() {
 /**
 * Valida que la confirmación de contrasea coincida con la contraseña principal y maneja los mensajes de error del campo de entrada.
 *
+* @function validarCoincidencia
 * @returns {void}
 */
 function validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, mensajeError) {
@@ -737,9 +743,6 @@ function validarCoincidencia(entradaContrasenia, entradaConfirmarContrasenia, me
     }
 };
 
-// Variable global para almacenar los roles
-let rolesCache = [];
-
 /**
  * Carga los roles desde el backend y los guarda en la variable global `rolesCache`.
  * @async
@@ -810,25 +813,18 @@ function cargarRoles() {
     return
 }
 
-/**
- * Actualiza el texto de un contador dado el input, su contenedor de contador y el maxlength.
- * @param {HTMLInputElement} input
- * @param {HTMLElement} contador
- * @param {number|string} maximoCaracteres
- */
-function actualizarContador(input, contador, maximoCaracteres) {
-    contador.textContent = `${input.value.length}/${maximoCaracteres} caracteres`;
-}
-
 /**
  * Recalcula TODOS los contadores a partir del valor actual de cada input.
+ * 
+ * @function actualizarTodosContadores
+ * @returns {void}
  */
 function actualizarTodosContadores() {
     document.querySelectorAll('.modificacion input[maxlength]').forEach(input => {
         const maximoCaracteres = input.getAttribute('maxlength');
         const contador = input.parentNode.querySelector('.contador-caracteres');
         if (!contador) return;
-        actualizarContador(input, contador, maximoCaracteres);
+        contador.textContent = `${input.value.length}/${maximoCaracteres} caracteres`;
     });
 }
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index ec3176aa..156eb981 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -12,20 +12,21 @@ const regexNombre = /^[A-Za-zÀ-ÖØ-öø-ÿ][A-Za-zÀ-ÖØ-öø-ÿ. ]*$/;
 /**
  * Valida los campos del formulario de creación de usuario.
  * 
- * @param {string} nombre - Nombre del usuario.
- * @param {string} correo - Correo electrónico del usuario.
- * @param {string} contrasenia - Contraseña del usuario.
- * @param {string} confirmarContrasenia - Confirmación de la contraseña.
- * @param {number} idRolFK - ID del rol del usuario.
- * @param {Array} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @param {Object} datosUsuario - Datos del usuario
+ * @param {string} datosUsuario.nombre - Nombre del usuario.
+ * @param {string} datosUsuario.correo - Correo electrónico del usuario.
+ * @param {string} datosUsuario.contrasenia - Contraseña del usuario.
+ * @param {string} datosUsuario.confirmarContrasenia - Confirmación de la contraseña.
+ * @param {string} datosUsuario.idRol - ID del rol del usuario.
+ * @param {Array<String>} listaCorreos - Lista de correos electrónicos ya registrados.
  * @returns {boolean} - Si la validación es exitosa
  */
-function validarCrearUsuario(nombre, correo, contrasenia, confirmarContrasenia, idRolFK, listaCorreos) {
-    const nombreTrim = nombre.trim();
-    const correoTrim = correo.trim();
-    const contraseniaTrim = contrasenia.trim();
-    const confirmarContraseniaTrim = confirmarContrasenia.trim();
-    const idRolNum = parseInt(idRolFK, 10);
+function validarCrearUsuario(datosUsuario, listaCorreos) {
+    const nombreTrim = datosUsuario.nombre.trim();
+    const correoTrim = datosUsuario.correo.trim();
+    const contraseniaTrim = datosUsuario.contrasenia.trim();
+    const confirmarContraseniaTrim = datosUsuario.confirmarContrasenia.trim();
+    const idRolNum = parseInt(datosUsuario.idRol, 10);
 
     if (!nombreTrim || !correoTrim || !contraseniaTrim || !confirmarContraseniaTrim || isNaN(idRolNum)) {
         mostrarAlerta('Datos incompletos', 'Por favor, completa todos los campos.', 'warning');
@@ -38,9 +39,9 @@ function validarCrearUsuario(nombre, correo, contrasenia, confirmarContrasenia,
     }
 
     const campos = [
-        { fn: validarNombreCampo, args: [nombre] },
-        { fn: validarCorreoCampo, args: [correo, listaCorreos] },
-        { fn: validarContraseniaCampo, args: [contrasenia, confirmarContrasenia] },
+        { fn: validarNombreCampo, args: [datosUsuario.nombre] },
+        { fn: validarCorreoCampo, args: [datosUsuario.correo, listaCorreos] },
+        { fn: validarContraseniaCampo, args: [datosUsuario.contrasenia, datosUsuario.confirmarContrasenia] },
         { fn: validarRolCampo, args: [idRolNum] }
     ];
 
@@ -99,7 +100,7 @@ function validarNombreCampo(nombre) {
 /**
  * Valida el correo electrónico.
  * @param {string} correo - Correo electrónico a validar.
- * @param {Array} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @param {Array<string>|null} listaCorreos - Lista de correos electrónicos ya registrados.
  * @returns {object|null} - Mensaje de error o null si es válido.
  */
 function validarCorreoCampo(correo, listaCorreos = null) {
@@ -145,10 +146,10 @@ function validarCorreoCampo(correo, listaCorreos = null) {
 /**
  * Valida la contraseña.
  * @param {string} contrasenia - Contraseña a validar.
- * @param {string} [confirmarContrasenia=''] - Confirmación de la contraseña (opcional).
+ * @param {string|null} confirmarContrasenia - Confirmación de la contraseña (opcional).
  * @returns {object|null} - Mensaje de error o null si es válida.
  */
-function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
+function validarContraseniaCampo(contrasenia, confirmarContrasenia = null) {
     const contraseniaTrim = contrasenia.trim();
     
     if (contrasenia.length > 0 && contrasenia[0] === ' ') {
@@ -172,7 +173,7 @@ function validarContraseniaCampo(contrasenia, confirmarContrasenia = '') {
             tipo: 'error'
         };
     }
-    if (confirmarContrasenia !== '') {
+    if (confirmarContrasenia && confirmarContrasenia !== '') {
         const errorConfirmarContrasenia = validarConfirmarContrasenia(confirmarContrasenia, contrasenia);
         if (errorConfirmarContrasenia) {
             return errorConfirmarContrasenia;
@@ -216,7 +217,7 @@ function validarConfirmarContrasenia(confirmarContrasenia, contrasenia) {
 
 /** 
  * Valida el ID del rol.
- * @param {number|string} idRol - ID del rol a validar.
+ * @param {string} idRol - ID del rol a validar.
  * @returns {object|null} - Mensaje de error o null si es válido.
 */
 function validarRolCampo(idRol) {
@@ -234,22 +235,25 @@ function validarRolCampo(idRol) {
 }
 
 /**
- * Valida y sanea los datos para la edición de un usuario en el front-end.
+ * Valida y limpia los datos para la edición de un usuario en el front-end.
  *
- * @param {Object} params - Parámetros de validación.
- * @param {string} params.nombre - Nuevo nombre ingresado por el usuario.
- * @param {string} params.correo - Nuevo correo ingresado por el usuario.
- * @param {string} params.contrasenia - Nueva contraseña ingresada por el usuario.
- * @param {number|null} params.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
- * @returns {{ error: string|null, datos: Object|null }}
+ * @param {Object} datosUsuario - datos del usuario a validar
+ * @param {string} datosUsuario.nombre - Nuevo nombre ingresado por el usuario.
+ * @param {string} datosUsuario.correo - Nuevo correo ingresado por el usuario.
+ * @param {string} datosUsuario.contrasenia - Nueva contraseña ingresada por el usuario.
+ * @param {number|null} datosUsuario.idRol - Nuevo ID de rol ingresado, o null si no se modificó.
+ * @param {Object} usuarioAEditar - Datos originales del usuario
+ * @param {Array<Object>} roles - Roles disponibles
+ * @param {Array<String>} listaCorreos - Lista de correos electrónicos ya registrados.
+ * @returns {{ error: Object|null, datos: Object|null }}
  */
-function validarModificarUsuario({ nombre, correo, contrasenia, confirmarContrasenia, idRol }, usuarioAEditar, roles, listaUsuarios) {
+function validarModificarUsuario(datosUsuario, usuarioAEditar, roles, listaCorreos) {
     const idRolUsuarioAEditar = roles.find(rol => rol.Nombre === usuarioAEditar.rol)?.idRol
-    const cambioNombre = nombre !== '' && nombre !== usuarioAEditar.nombre;
-    const cambioCorreo = correo !== '' && correo !== usuarioAEditar.correo;
-    const cambioContrasenia = contrasenia !== '';
-    const cambioConfirmarContrasenia = confirmarContrasenia !== '';
-    const cambioRol = idRol !== null && idRol !== idRolUsuarioAEditar
+    const cambioNombre = datosUsuario.nombre !== '' && datosUsuario.nombre !== usuarioAEditar.nombre;
+    const cambioCorreo = datosUsuario.correo !== '' && datosUsuario.correo !== usuarioAEditar.correo;
+    const cambioContrasenia = datosUsuario.contrasenia !== '';
+    const cambioConfirmarContrasenia = datosUsuario.confirmarContrasenia !== '';
+    const cambioRol = datosUsuario.idRol !== null && datosUsuario.idRol !== idRolUsuarioAEditar
 
     if (!(cambioNombre || cambioCorreo || cambioContrasenia || cambioRol)) {
         return { error: 'Para modificar un usuario, al menos uno de sus datos (nombre, correo o rol) debe ser diferente al valor actual.', datos: null };
@@ -258,47 +262,42 @@ function validarModificarUsuario({ nombre, correo, contrasenia, confirmarContras
     const datos = { idUsuario: usuarioAEditar.id };
 
     if (cambioNombre) {
-        const error = validarNombreCampo(nombre);
+        const error = validarNombreCampo(datosUsuario.nombre);
         if (error) {
             return { error, datos: null };
         }
-        datos.nombre = validator.escape(nombre.trim());
+        datos.nombre = validator.escape(datosUsuario.nombre.trim());
     } else {
         datos.nombre = usuarioAEditar.nombre;
     }
 
     if (cambioCorreo) {
-        const error = validarCorreoCampo(correo);
+        const error = validarCorreoCampo(datosUsuario.correo, listaCorreos);
         if (error) {
             return { error, datos: null };
         }
-        const correoNormalizado = validator.normalizeEmail(correo.trim())
-        const correoYaExiste = listaUsuarios.some(usuario =>
-            usuario.correo === correoNormalizado && usuario.id !== usuarioAEditar.id);
-        if (correoYaExiste) {
-            return { error: 'No se puede repetir el correo entre usuarios.', datos: null };
-        }
+        const correoNormalizado = validator.normalizeEmail(datosUsuario.correo.trim())
         datos.correo = correoNormalizado;
     } else {
         datos.correo = usuarioAEditar.correo;
     }
 
     if (cambioContrasenia || cambioConfirmarContrasenia) {
-        const error = validarContraseniaCampo(contrasenia, confirmarContrasenia);
+        const error = validarContraseniaCampo(datosUsuario.contrasenia, datosUsuario.confirmarContrasenia);
         if (error) {
             return { error, datos: null };
         }
-        datos.contrasenia = contrasenia.trim();
+        datos.contrasenia = datosUsuario.contrasenia.trim();
     } else {
-        datos.contrasenia = contrasenia;
+        datos.contrasenia = datosUsuario.contrasenia;
     }
 
     if (cambioRol) {
-        const error = validarRolCampo(idRol);
+        const error = validarRolCampo(datosUsuario.idRol);
         if (error) {
             return { error, datos: null };
         }
-        datos.idRol = parseInt(idRol, 10);
+        datos.idRol = parseInt(datosUsuario.idRol, 10);
     } else {
         datos.idRol = idRolUsuarioAEditar;
     }

From 8694c83be26b5f093640a875b6c4bfa64d735b97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 17:57:25 -0600
Subject: [PATCH 40/78] Arreglar mensaje de error

---
 harvester-app/src/backend/casosUso/usuarios/crearUsuario.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
index 7b5d0c84..fb279131 100644
--- a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
+++ b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
@@ -53,7 +53,7 @@ function validarCorreo(correo) {
 async function crearUsuario({ nombre, correo, contrasenia, idRolFK }) {
     if (!nombre || !correo || !contrasenia || !idRolFK) {
         //return { ok: false, mensaje: 'Todos los campos son obligatorios' };
-        return { ok: false, mensaje: `correo: "${correo}", contrasenia: "${contrasenia}", idRolFK: "${idRolFK}", nombre: "${nombre}"` };
+        return { ok: false, mensaje: `Todos los campos son obligatorios` };
     }
 
     if (!validarCorreo(correo)) {

From f3bc333cf3edcb428e7d75bc0a54f92f134184c0 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 18:00:42 -0600
Subject: [PATCH 41/78] Agregar validacion para evitar espacios en blanco en
 correo

---
 .../src/backend/casosUso/sesion/iniciarSesion.js      | 11 ++++++++++-
 .../src/pruebas/sesion/iniciarSesion.test.js          |  0
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 harvester-app/src/pruebas/sesion/iniciarSesion.test.js

diff --git a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
index 0d4433f9..6e0b3e45 100644
--- a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
+++ b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
@@ -10,8 +10,17 @@ const { iniciarSesion: iniciarSesionAPI } = require('../../domain/sesionAPI/sesi
  * @returns {boolean} `true` si el correo es válido, de lo contrario `false`.
  */
 function validarCorreo(correo) {
+  // Eliminar espacios al inicio y al final
+  const correoTrim = correo.trim();
+
+  // Rechazar si contiene espacios en cualquier parte
+  if (/\s/.test(correoTrim)) { 
+    return false;
+  }
+
+  // Validar formato de correo electrónico
   const regex = /^[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
-  return regex.test(correo);
+  return regex.test(correoTrim);
 }
 
 /**
diff --git a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
new file mode 100644
index 00000000..e69de29b

From 3716f1750d1ab6320b80d01aace5f0022c5255e5 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 18:02:31 -0600
Subject: [PATCH 42/78] Agregar pruebas para iniciarSesion

---
 .../src/pruebas/sesion/iniciarSesion.test.js  | 96 +++++++++++++++++++
 1 file changed, 96 insertions(+)

diff --git a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
index e69de29b..bce6ea12 100644
--- a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
+++ b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
@@ -0,0 +1,96 @@
+/**
+ * @file pruebas/sesion/iniciarSesion.test.js
+ * @description
+ * Pruebas unitarias del caso de uso `iniciarSesion`, que valida el correo y realiza la autenticación.
+ * 
+ * Escenarios probados:
+ * - Inicio de sesión exitoso.
+ * - Correo inválido.
+ * - Error de la API.
+ * - Contraseña vacía.
+ * - Correo vacío.
+ */
+
+/*  1. ───── Importaciones ──────────────────────────────────────────────── */
+const { iniciarSesion } = require('../../backend/casosUso/sesion/iniciarSesion');
+const { iniciarSesion: iniciarSesionAPIMock } = require('../../backend/domain/sesionAPI/sesionAPI');
+
+/*  2. ───── Mock del módulo que llama al fetch ──────────────────────────── */
+jest.mock('../../backend/domain/sesionAPI/sesionAPI', () => ({
+  iniciarSesion: jest.fn(),
+}));
+
+/*  3. ───── Tests ──────────────────────────────────────────────────────── */
+describe('iniciarSesion', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('debería iniciar sesión exitosamente con correo y contraseña válidos', async () => {
+    const correo = 'correo@dominio.com';
+    const contrasenia = '12345678';
+    const respuestaMock = { ok: true, mensaje: 'Inicio de sesión exitoso' };
+
+    iniciarSesionAPIMock.mockResolvedValue(respuestaMock);
+
+    const resultado = await iniciarSesion(correo, contrasenia);
+
+    expect(iniciarSesionAPIMock).toHaveBeenCalledTimes(1);
+    expect(iniciarSesionAPIMock).toHaveBeenCalledWith(correo, contrasenia);
+    expect(resultado).toEqual(respuestaMock);
+  });
+
+  it('debería rechazar correos inválidos', async () => {
+    const correo = 'correo @dominio.com'; // Correo con espacios
+    const contrasenia = '12345678';
+
+    const resultado = await iniciarSesion(correo, contrasenia);
+
+    expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
+    expect(resultado).toEqual({
+      ok: false,
+      mensaje: 'Correo inválido',
+    });
+  });
+
+  it('debería manejar errores de la API', async () => {
+    const correo = 'correo@dominio.com';
+    const contrasenia = '12345678';
+
+    iniciarSesionAPIMock.mockRejectedValue(new Error('Error de conexión'));
+
+    const resultado = await iniciarSesion(correo, contrasenia);
+
+    expect(iniciarSesionAPIMock).toHaveBeenCalledTimes(1);
+    expect(resultado).toEqual({
+      ok: false,
+      mensaje: 'Error al iniciar sesión',
+    });
+  });
+
+  it('debería rechazar contraseñas vacías', async () => {
+    const correo = 'correo@dominio.com';
+    const contrasenia = '';
+
+    const resultado = await iniciarSesion(correo, contrasenia);
+
+    expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
+    expect(resultado).toEqual({
+      ok: false,
+      mensaje: 'La contraseña no puede estar vacía',
+    });
+  });
+
+  it('debería rechazar correos vacíos', async () => {
+    const correo = '';
+    const contrasenia = '12345678';
+
+    const resultado = await iniciarSesion(correo, contrasenia);
+
+    expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
+    expect(resultado).toEqual({
+      ok: false,
+      mensaje: 'Correo inválido',
+    });
+  });
+});
\ No newline at end of file

From 015a1d6e830a1d2e7844ee8dcf36f1e646255766 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 18:02:57 -0600
Subject: [PATCH 43/78] =?UTF-8?q?Agregar=20validacion=20para=20contrase?=
 =?UTF-8?q?=C3=B1a=20vacia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 harvester-app/src/backend/casosUso/sesion/iniciarSesion.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
index 6e0b3e45..6acfd48a 100644
--- a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
+++ b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
@@ -54,6 +54,10 @@ async function iniciarSesion(correo, contrasenia) {
     return { ok: false, mensaje: 'Correo inválido' };
   }
 
+  if (!contrasenia || contrasenia.trim() === '') {
+    return { ok: false, mensaje: 'La contraseña no puede estar vacía' };
+  }
+
   // Sanitizar la entrada del correo y la contraseña
   const { correoSanitizado, contraseniaSanitizada } = sanitizarEntrada(correo, contrasenia);
 

From 69311c2f39ea6d9f14e597e24d3af554c262cb71 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 18:08:17 -0600
Subject: [PATCH 44/78] Agregar pruebas para correos con espacios

---
 .../src/pruebas/sesion/iniciarSesion.test.js  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
index bce6ea12..b5882a1b 100644
--- a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
+++ b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
@@ -93,4 +93,26 @@ describe('iniciarSesion', () => {
       mensaje: 'Correo inválido',
     });
   });
+
+  it('debería rechazar correos con espacios al inicio, al final o en medio', async () => {
+    const contrasenia = '12345678';
+
+    const correosConEspacios = [
+      ' correo@dominio.com', // Espacios al inicio
+      'correo@dominio.com ', // Espacios al final
+      'correo @dominio.com', // Espacios en medio
+      'correo@ dominio.com', // Espacios en medio
+      'correo@dominio .com', // Espacios en medio
+    ];
+
+    for (const correo of correosConEspacios) {
+      const resultado = await iniciarSesion(correo, contrasenia);
+
+      expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
+      expect(resultado).toEqual({
+        ok: false,
+        mensaje: 'Correo inválido',
+      });
+    }
+  });
 });
\ No newline at end of file

From d0141ad5b989602bd9e2e56d119763b9e3011f81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 18:08:56 -0600
Subject: [PATCH 45/78] Arreglar imports

---
 .../utils/scripts/paginas/usuarios/moduloPerfil.js       | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
index b909a705..cb42d4ae 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
@@ -1,13 +1,8 @@
 // RF3 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF3
-// RF40 Administrador consulta usuarios - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF40
-
-
-/* eslint-disable no-unused-vars */
-/* eslint-disable no-undef */
 
+const { ipcRenderer } = require('electron')
 const { cerrarSesion } = require(`${rutaBase}src/backend/casosUso/sesion/cerrarSesion.js`);
-const { verificarPermisos, PERMISOS } = require(`${rutaBase}src/framework/utils/scripts/middleware/auth.js`);
-const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
+const { mostrarAlerta, mostrarAlertaConfirmacion } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 
 
 inicializarModuloUsuario();

From 465bb6f2d10b9240f98155541543135df93061b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 18:12:43 -0600
Subject: [PATCH 46/78] =?UTF-8?q?A=C3=B1adir=20comentarios=20de=20trazabil?=
 =?UTF-8?q?idad?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../utils/scripts/paginas/usuarios/crearUsuario.js     |  2 ++
 .../utils/scripts/paginas/usuarios/modificarUsuario.js |  2 ++
 .../scripts/paginas/usuarios/moduloGestionUsuario.js   | 10 +++++-----
 .../utils/scripts/paginas/usuarios/moduloPerfil.js     |  2 +-
 .../scripts/paginas/usuarios/validacionesUsuario.js    |  3 +++
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
index 38094086..48927916 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/crearUsuario.js
@@ -1,3 +1,5 @@
+// RF14 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf14/
+
 const { crearUsuario: crearUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/crearUsuario`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const { validarCrearUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
index 810f6b36..a5f81d39 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/modificarUsuario.js
@@ -1,3 +1,5 @@
+// RF16 Administrador modifica usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf16/
+
 const { modificarUsuario: modificarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/modificarUsuario.js`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const { validarModificarUsuario } = require(`${rutaBase}src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js`);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
index d729847a..b7092951 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloGestionUsuario.js
@@ -1,8 +1,8 @@
-// RF40 Administrador consulta usuarios - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF40
-// RF41 Administrador modifica usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF41
-// RF43 Administrador elimina usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF43
-// RF41 Administrador consulta usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF41 
-// RF39 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF39
+// RF13 Administrador Busca usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf13/
+// RF14 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf14/
+// RF15 Administrador consulta usuarios - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf15/
+// RF16 Administrador modifica usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf16/
+// RF17 Administrador elimina usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf17/
 
 const { obtenerUsuarios: obtenerUsuariosCU } = require(`${rutaBase}src/backend/casosUso/usuarios/consultarUsuarios.js`);
 const { eliminarUsuario: eliminarUsuarioCU } = require(`${rutaBase}src/backend/casosUso/usuarios/eliminarUsuario`);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
index cb42d4ae..96546547 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
@@ -1,4 +1,4 @@
-// RF3 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF3
+// RF3 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf3/
 
 const { ipcRenderer } = require('electron')
 const { cerrarSesion } = require(`${rutaBase}src/backend/casosUso/sesion/cerrarSesion.js`);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
index 156eb981..e5d7691e 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/validacionesUsuario.js
@@ -1,3 +1,6 @@
+// RF14 Administrador crea usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf14/
+// RF16 Administrador modifica usuario - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf16/
+
 const validator = require('validator');
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 

From 01b538013f643628193d7f3a153fd7af4b3ad58c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 17 Jun 2025 18:31:06 -0600
Subject: [PATCH 47/78] =?UTF-8?q?Dar=20m=C3=A1s=20tiempo=20para=20actualiz?=
 =?UTF-8?q?ar=20variable=20de=20archivo=20seleccionado?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../utils/scripts/paginas/inicio/seleccionarArchivo.js          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
index 4c530ae2..b9ad298a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/inicio/seleccionarArchivo.js
@@ -113,7 +113,7 @@ function botonCargar() {
                             elementoBotonCargar.textContent = localStorage.getItem('nombreArchivoExcel') ? 'Cambiar Archivo' : 'Cargar Archivo';
                             mostrarAlerta('Selección Cancelada', 'No se cargó ningún archivo', 'warning');
                         }
-                    }, 100);
+                    }, 150);
                     // Remover el listener después de usarlo
                     window.removeEventListener('focus', manejarFoco);
                 };

From 832dc1a75d844a3f227fffd1d555cb77d4744ce1 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 19:37:23 -0600
Subject: [PATCH 48/78] Corregir trazabilidad RF2

---
 .../src/backend/casosUso/sesion/iniciarSesion.js   | 14 +++-----------
 .../src/backend/domain/sesionAPI/sesionAPI.js      |  5 +++--
 .../src/framework/utils/scripts/iniciarSesion.js   |  4 ++--
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
index 6acfd48a..211a8ae0 100644
--- a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
+++ b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
@@ -1,4 +1,4 @@
-// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF2
+// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/RF2
 
 const validador = require('validator');
 const { iniciarSesion: iniciarSesionAPI } = require('../../domain/sesionAPI/sesionAPI');
@@ -10,17 +10,9 @@ const { iniciarSesion: iniciarSesionAPI } = require('../../domain/sesionAPI/sesi
  * @returns {boolean} `true` si el correo es válido, de lo contrario `false`.
  */
 function validarCorreo(correo) {
-  // Eliminar espacios al inicio y al final
-  const correoTrim = correo.trim();
-
-  // Rechazar si contiene espacios en cualquier parte
-  if (/\s/.test(correoTrim)) { 
-    return false;
-  }
-
   // Validar formato de correo electrónico
-  const regex = /^[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
-  return regex.test(correoTrim);
+  const regex = /^(?!.*\s)[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
+  return regex.test(correo);
 }
 
 /**
diff --git a/harvester-app/src/backend/domain/sesionAPI/sesionAPI.js b/harvester-app/src/backend/domain/sesionAPI/sesionAPI.js
index 2b5551ed..650893e6 100644
--- a/harvester-app/src/backend/domain/sesionAPI/sesionAPI.js
+++ b/harvester-app/src/backend/domain/sesionAPI/sesionAPI.js
@@ -1,5 +1,6 @@
-// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF2
-// RF3 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF3
+// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/RF2
+// RF5 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/RF5
+
 const { URL_BASE } = require(`${rutaBase}src/framework/utils/scripts/constantes.js`);	
 
 /**
diff --git a/harvester-app/src/framework/utils/scripts/iniciarSesion.js b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
index 951fb021..e9dc87a5 100644
--- a/harvester-app/src/framework/utils/scripts/iniciarSesion.js
+++ b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
@@ -1,4 +1,4 @@
-// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF2
+// RF2 Usuario registrado inicia sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/RF2
 
 // Seleccionar elementos del DOM necesarios
 const botonAbrirInfo = document.querySelector('#btn-abrir-info');
@@ -26,7 +26,7 @@ async function manejarInicioSesion() {
     mostrarAlerta('Campos incompletos', 'Por favor, completa todos los campos.', 'warning');
     return;
   }
-  
+
   try {
     // Obtener el ID del dispositivo antes del login para enviarlo al servidor
     const dispositivoID = obtenerID();

From c7c4883c5a991ffe8b63f0e37cb0e7ad923e9cae Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Tue, 17 Jun 2025 21:55:37 -0600
Subject: [PATCH 49/78] Corregir validacion de espacios y evento que impide
 agregar espacios en correo

---
 .../src/backend/casosUso/sesion/iniciarSesion.js      |  5 +++++
 .../src/framework/utils/scripts/iniciarSesion.js      | 11 +++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
index 211a8ae0..8a00ff93 100644
--- a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
+++ b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
@@ -10,6 +10,11 @@ const { iniciarSesion: iniciarSesionAPI } = require('../../domain/sesionAPI/sesi
  * @returns {boolean} `true` si el correo es válido, de lo contrario `false`.
  */
 function validarCorreo(correo) {
+  // Rechaza si hay espacios en cualquier parte
+  if (/\s/.test(correo)) { 
+    return false;
+  }
+
   // Validar formato de correo electrónico
   const regex = /^(?!.*\s)[a-z0-9!#$%&'*+=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
   return regex.test(correo);
diff --git a/harvester-app/src/framework/utils/scripts/iniciarSesion.js b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
index e9dc87a5..af8115ea 100644
--- a/harvester-app/src/framework/utils/scripts/iniciarSesion.js
+++ b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
@@ -18,7 +18,7 @@ const { PERMISOS } = require(`${rutaBase}/src/framework/utils/scripts/middleware
  */
 async function manejarInicioSesion() {
   // Obtener valores de los campos de entrada
-  const correo = entradaCorreo.value;
+  const correo = entradaCorreo.value.trim();
   const contrasenia = entradaContrasenia.value;
 
   // Validar que ambos campos estén completos
@@ -26,6 +26,10 @@ async function manejarInicioSesion() {
     mostrarAlerta('Campos incompletos', 'Por favor, completa todos los campos.', 'warning');
     return;
   }
+  if (/\s/.test(correo)) {
+    mostrarAlerta('Correo inválido', 'El correo no debe contener espacios.', 'warning');
+    return;
+  }
 
   try {
     // Obtener el ID del dispositivo antes del login para enviarlo al servidor
@@ -163,7 +167,10 @@ function actualizarCaracteres(campoEntrada) {
 document.addEventListener('DOMContentLoaded', () => {
   // Configurar eventos para validación en tiempo real
   if (entradaCorreo) {
-    entradaCorreo.addEventListener('input', () => actualizarCaracteres(entradaCorreo));
+    entradaCorreo.addEventListener('input', () => {
+      entradaCorreo.value = entradaCorreo.value.replace(/\s/g, '');
+      actualizarCaracteres(entradaCorreo)
+    });
     
     // Prevenir espacios en el campo de correo
     entradaCorreo.addEventListener('keydown', (evento) => {

From 639837ab3e1a80dba358bfa7f5f5150bd3e08b37 Mon Sep 17 00:00:00 2001
From: July230 <A01352823@tec.mx>
Date: Wed, 18 Jun 2025 11:42:26 -0600
Subject: [PATCH 50/78] Corregir mensaje de error inicio de sesion

---
 harvester-app/src/backend/casosUso/sesion/iniciarSesion.js | 2 +-
 harvester-app/src/pruebas/sesion/iniciarSesion.test.js     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
index 8a00ff93..1f3f6ab0 100644
--- a/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
+++ b/harvester-app/src/backend/casosUso/sesion/iniciarSesion.js
@@ -48,7 +48,7 @@ function sanitizarEntrada(correo, contrasenia) {
  */
 async function iniciarSesion(correo, contrasenia) {
   if (!validarCorreo(correo)) {
-    return { ok: false, mensaje: 'Correo inválido' };
+    return { ok: false, mensaje: 'Correo o contraseña incorrectos' };
   }
 
   if (!contrasenia || contrasenia.trim() === '') {
diff --git a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
index b5882a1b..37767579 100644
--- a/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
+++ b/harvester-app/src/pruebas/sesion/iniciarSesion.test.js
@@ -49,7 +49,7 @@ describe('iniciarSesion', () => {
     expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
     expect(resultado).toEqual({
       ok: false,
-      mensaje: 'Correo inválido',
+      mensaje: 'Correo o contraseña incorrectos',
     });
   });
 
@@ -90,7 +90,7 @@ describe('iniciarSesion', () => {
     expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
     expect(resultado).toEqual({
       ok: false,
-      mensaje: 'Correo inválido',
+      mensaje: 'Correo o contraseña incorrectos',
     });
   });
 
@@ -111,7 +111,7 @@ describe('iniciarSesion', () => {
       expect(iniciarSesionAPIMock).not.toHaveBeenCalled(); // No debería llamar a la API
       expect(resultado).toEqual({
         ok: false,
-        mensaje: 'Correo inválido',
+        mensaje: 'Correo o contraseña incorrectos',
       });
     }
   });

From ad8d9e6c060b41a6084d1767c07cbe773cf2c2ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Wed, 18 Jun 2025 13:26:50 -0600
Subject: [PATCH 51/78] Eliminar comentario

---
 harvester-app/src/backend/casosUso/usuarios/crearUsuario.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
index fb279131..31aa2fc8 100644
--- a/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
+++ b/harvester-app/src/backend/casosUso/usuarios/crearUsuario.js
@@ -52,7 +52,6 @@ function validarCorreo(correo) {
  */
 async function crearUsuario({ nombre, correo, contrasenia, idRolFK }) {
     if (!nombre || !correo || !contrasenia || !idRolFK) {
-        //return { ok: false, mensaje: 'Todos los campos son obligatorios' };
         return { ok: false, mensaje: `Todos los campos son obligatorios` };
     }
 

From 6f5c1dcf5c4d731a4f0ce26f8338c994a9077659 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Thu, 19 Jun 2025 12:33:49 -0600
Subject: [PATCH 52/78] Arreglar imports de modulo perfil

---
 .../framework/utils/scripts/paginas/usuarios/moduloPerfil.js  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
index 96546547..b90d9c35 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/usuarios/moduloPerfil.js
@@ -1,8 +1,8 @@
 // RF3 Usuario cierra sesión - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/rf3/
 
-const { ipcRenderer } = require('electron')
+/* eslint-disable no-undef */
 const { cerrarSesion } = require(`${rutaBase}src/backend/casosUso/sesion/cerrarSesion.js`);
-const { mostrarAlerta, mostrarAlertaConfirmacion } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 
 
 inicializarModuloUsuario();

From 64b53feecdbf820596c72b126d5bdf2cd2e9dbc5 Mon Sep 17 00:00:00 2001
From: Pablo H <h.h.m.pablo@gmail.com>
Date: Thu, 19 Jun 2025 18:49:27 -0600
Subject: [PATCH 53/78] Comentarios

---
 .../scripts/paginas/formulas/crearFormula.js  | 46 ++++++++++++++-----
 1 file changed, 34 insertions(+), 12 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
index 4cf76a9d..66aff1a5 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
@@ -750,22 +750,43 @@ function popularDropdown(elementoSeleccionado) {
     });
 }
 
-function tamanioAnidacion(){
-    let iterador = 0;
-    const anidaciones = document.querySelectorAll('.contenedor-funciones-anidadas');
-
-    anidaciones.forEach(anidado => {
-        const filas = anidado.querySelectorAll('.fila-anidada');
-        if (filas.length > 0) {
-            iterador += 1;
-        }
-    });
+/**
+ * Calcula cuántos elementos con la clase
+ * `.contenedor-funciones-anidadas` contienen al menos un hijo con la
+ * clase `.fila-anidada`.
+ *
+ * @function tamanioAnidacion
+ * @returns {number} Número de contenedores que tienen al menos una fila anidada.
+ */
+function tamanioAnidacion() {
+  let iterador = 0;
+  const anidaciones = document.querySelectorAll('.contenedor-funciones-anidadas');
+
+  anidaciones.forEach(anidado => {
+    const filas = anidado.querySelectorAll('.fila-anidada');
+    if (filas.length > 0) {
+      iterador += 1;
+    }
+  });
 
-    return iterador
+  return iterador;
 }
 
+/**
+ * Actualiza el contador visual de anidaciones en el elemento con
+ * `id="contadorAnidaciones"`.
+ *
+ * - Llama a {@link tamanioAnidacion} para obtener el número actual de anidaciones.
+ * - Lee el límite máximo desde el atributo `maxlength` del mismo elemento.
+ * - Muestra la relación `actual / límite`.
+ * - Cambia el color del texto a rojo cuando quedan menos de 3 unidades
+ *   para llegar al límite; en caso contrario, usa gris.
+ *
+ * @function contadorAnidacion
+ * @returns {void}
+ */
 function contadorAnidacion() {
-  const iterador = tamanioAnidacion()
+  const iterador = tamanioAnidacion();
 
   const elementoContadorAnidaciones = document.getElementById('contadorAnidaciones');
   const limite = parseInt(elementoContadorAnidaciones.getAttribute('maxlength'), 10);
@@ -774,3 +795,4 @@ function contadorAnidacion() {
   elementoContadorAnidaciones.textContent = `${iterador}/${limite} Anidaciones`;
   elementoContadorAnidaciones.style.color = caracteresRestantes < 3 ? '#e74c3c' : '#7f8c8d';
 }
+

From bed7a3da6f8f2d21b1c7a347667fc00e38a9027d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:00:52 -0600
Subject: [PATCH 54/78] Eliminar la sobreescritura de datalabels.display

---
 .../analisis/graficas/actualizarGraficaConColumna.js      | 8 +-------
 .../scripts/paginas/analisis/graficas/limpiarGrafica.js   | 3 ---
 .../scripts/paginas/analisis/graficas/retirarDatos.js     | 3 ---
 3 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
index af2df291..1414eaae 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
@@ -1,8 +1,6 @@
 const Chart = require('chart.js/auto');
-const ChartDataLabels = require('chartjs-plugin-datalabels');
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
-Chart.register(ChartDataLabels);
 
 /**
  * Actualiza la gráfica con los datos de una columna específica.
@@ -102,17 +100,13 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     graficaExistente.data.datasets[0].data = datosRebuild.valores;
     graficaExistente.data.datasets[0].label = nombreColumna;
     
-    // Configurar etiquetas: ocultar SOLO en gráficas de línea
-    const tipoActual = graficaExistente.config.type;
-    graficaExistente.options.plugins.datalabels.display = tipoActual !== 'line';
-    
     graficaExistente.update();
 
     const tipo = graficaExistente.config.type;
     const etiquetas = graficaExistente.data.labels || [];
 
     if (
-      ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo)
+      ['bar', 'pie', 'doughnut', 'polarArea'].includes(tipo)
       && etiquetas.length > 20
     ) {
       mostrarAlerta(
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
index 93060f56..f2e0846b 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
@@ -50,9 +50,6 @@ function limpiarGrafica(graficaId, datosOriginalesFormulas) {
         graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
       }
   
-      // Configurar etiquetas: ocultar según el tipo de gráfica
-      const tipoActual = graficaExistente.config.type;
-      graficaExistente.options.plugins.datalabels.display = tipoActual !== 'line';
       graficaExistente.options.plugins.title.display = false;
   
       // Actualizar la gráfica
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
index 4c216947..586f0c69 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
@@ -57,9 +57,6 @@ function retirarDatos(graficaId, datosOriginalesFormulas) {
         graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
       }
   
-      // Configurar etiquetas: ocultar según el tipo de gráfica
-      const tipoActual = graficaExistente.config.type;
-      graficaExistente.options.plugins.datalabels.display = tipoActual !== 'line';
       graficaExistente.options.plugins.title.display = false;
   
       // Actualizar la gráfica

From b4b6481e6d37272dc1fe9f8bbbba26c519384d74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:01:12 -0600
Subject: [PATCH 55/78] Eliminar la sobreescritura de datalabels.display

---
 .../paginas/analisis/formulas/crearCuadroFormulas.js        | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index c9fd7b60..545735b3 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -8,9 +8,6 @@ const {obtenerParametrosTractor } = require(`${rutaBase}/src/framework/utils/scr
 const { retirarDatos } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js`);
 const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
 const Chart = require('chart.js/auto');
-const ChartDataLabels = require('chartjs-plugin-datalabels');
-Chart.register(ChartDataLabels);
-
 
 /**
  * Crea un cuadro de fórmulas asociado a una gráfica.
@@ -199,9 +196,6 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
             // CORRECCIÓN: Actualizar también la etiqueta del dataset
             graficaExistente.data.datasets[0].label = nombreFormula;
     
-            // Configurar etiquetas: ocultar SOLO en gráficas de línea
-            graficaExistente.options.plugins.datalabels.display = tipoGrafica !== 'line';
-    
             graficaExistente.update();
             
             mostrarAlerta('Éxito', `Fórmula "${nombreFormula}" aplicada correctamente a la gráfica.`, 'success');

From cd0391e039c89a42d5bbc3731b38d288188efb25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:02:06 -0600
Subject: [PATCH 56/78] =?UTF-8?q?Actualizar=20l=C3=B3gica=20de=20etiquetas?=
 =?UTF-8?q?=20para=20incluir=20gr=C3=A1fica=20de=20radar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/analisis/agregarGrafica.js        | 238 +---------
 .../paginas/analisis/graficas/crearGrafica.js | 433 ++++++++++--------
 2 files changed, 238 insertions(+), 433 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index e3f3d727..41f83403 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -3,14 +3,13 @@
 // RF11 - Usuario elimina gráfica en reporte - https://codeandco-wiki.netlify.app/docs/proyectos/tractores/documentacion/requisitos/RF11/
 // RF30 - Usuario carga formula - https://codeandco-wiki.netlify.app/docs/next/proyectos/tractores/documentacion/requisitos/RF30
 const Chart = require('chart.js/auto');
-const ChartDataLabels = require('chartjs-plugin-datalabels');
-Chart.register(ChartDataLabels);
 const { limpiarGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js`);
 const { ElementoNuevo, Contenedores } = require(`${rutaBase}/src/backend/data/analisisModelos/elementoReporte.js`);
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal.js`);
 const { eliminarCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/eliminarCuadroFormulas.js`);
 const { crearCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
+const { crearGrafica, verificarExcesoEtiquetas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`)
 
 
 /* eslint-disable no-unused-vars */
@@ -252,8 +251,11 @@ function formatearEtiquetaUniversal(value, context, tipo) {
  * @returns {Chart} - Nueva instancia de la gráfica
  */
 function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
-  const canvas = graficaExistente.canvas;
-  const contexto = canvas.getContext('2d');
+  const canvasAntiguo = graficaExistente.canvas;
+  const nuevoCanvas = document.createElement('canvas');
+  canvasAntiguo.parentNode.replaceChild(nuevoCanvas, canvasAntiguo);
+
+  const contexto = nuevoCanvas.getContext('2d');
   
   // Preservar información importante
   const tituloActual = graficaExistente.options.plugins.title.text;
@@ -266,6 +268,7 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
   
   // Crear nueva gráfica
   const nuevaGrafica = crearGrafica(contexto, nuevoTipo);
+  console.log(nuevaGrafica.options.plugins.datalabels.display)
   
   // Si hay datos originales, reprocesarlos para el nuevo tipo
   if (datosOriginales) {
@@ -278,14 +281,12 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
     nuevaGrafica.data.labels = datosRebuild.labels;
     nuevaGrafica.data.datasets[0].data = datosRebuild.valores;
     nuevaGrafica.data.datasets[0].label = datosOriginales.nombre;
+    nuevaGrafica.data.datasets[0].type = nuevoTipo; 
   }
   
   // Restaurar título
   nuevaGrafica.options.plugins.title.text = tituloActual;
   
-  // CONFIGURAR ETIQUETAS SEGÚN EL NUEVO TIPO DE GRÁFICA
-  nuevaGrafica.options.plugins.datalabels.display = nuevoTipo !== 'line';
-  
   // Actualizar
   nuevaGrafica.update();
   
@@ -293,209 +294,6 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
   return nuevaGrafica;
 }
 
-/**
- * Crea una gráfica utilizando Chart.js.
- * 
- * @param {CanvasRenderingContext2D} contexto - 2dcontext del canvas donde se dibujará la gráfica.
- * @param {String} tipo - String que representa el tipo de gráfica (ej. 'line', 'bar', 'pie', 'doughnut', 'radar', 'polarArea').
- * @param {Int[]} color - Arreglo de 3 enteros que representan el color RGB de la gráfica.
- * @returns {Chart} - Instancia de la gráfica creada.
- */
-function crearGrafica(contexto, tipo, color) {
-  if (!contexto) return;
-
-  if (!color) {
-    color = [166, 25, 48];
-  }
-
-  if (!tipo) {
-    tipo = 'line';
-  }
-
-  const colores = generarDegradadoHaciaBlanco(color, 7)
-  color = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
-
-  const grafico = new Chart(contexto, {
-    type: tipo,
-    data: {
-      labels: ['Sin datos'], // Etiqueta inicial más clara
-      datasets: [{
-        label: 'Datos',
-        backgroundColor: fondo => {
-          if (tipo == 'line' || tipo == 'radar') {
-            return color;
-          } else {
-            return colores[fondo.dataIndex % colores.length]; // Evitar errores de índice
-          }
-        },
-        borderColor: borde => {
-          if (tipo == 'line' || tipo == 'radar') {
-            return color;
-          } else {
-            return colores[borde.dataIndex % colores.length]; // Evitar errores de índice
-          }
-        },
-        data: [0] // Dato inicial más claro
-      }]
-    },
-    options: {
-      devicePixelRatio: 1.5,
-      responsive: true,
-      maintainAspectRatio: false,
-      plugins: {
-        title: { 
-          display: true,
-          text: 'Gráfica sin datos - Aplica una fórmula para ver resultados',
-          font: {
-            size: 14
-          }
-        },
-        tooltip: {
-          enabled: true, // Habilitar tooltips para mejor UX
-        },
-        legend: {
-          display: true,
-          position: 'top',
-          labels: {
-            generateLabels: chart => [
-              {
-                text: chart.data.datasets[0].label || 'Datos',
-                fillStyle: color,
-                strokeStyle: color,
-                fontColor: '#333'
-              }
-            ],
-          },
-        },
-        datalabels: {
-          // SOLO ocultar etiquetas en gráficas de línea, mostrar en todas las demás
-          display: (context) => {
-            const tipoGrafica = context.chart.config.type;
-            return tipoGrafica !== 'line'; // Ocultar SOLO en líneas
-          },
-          anchor: () => {
-            if (tipo == 'bar') {
-              return 'end';
-            } else {
-              return 'center';
-            }
-          },
-          align: () => {
-            if (tipo == 'bar') {
-              return 'top';
-            } else {
-              return 'center';
-            }
-          },
-          color: '#333',
-          font: {
-            size: 12, // Slightly smaller to fit more text
-            weight: 'bold'
-          },
-          backgroundColor: 'rgba(255, 255, 255, 0.9)', // More opaque background
-          borderColor: '#333',
-          borderRadius: 4,
-          borderWidth: 1,
-          padding: 6, // More padding for better readability
-          formatter: (value, context) => {
-            // Aplicar formato universal según el tipo de gráfica
-            return formatearEtiquetaUniversal(value, context, tipo);
-          },
-        }
-      },
-      scales: {
-         // eslint-disable-next-line id-length
-        x: { 
-          display: ['line', 'bar', 'radar'].includes(tipo),
-          ticks: { 
-            callback(valor){
-              const etiqueta = this.getLabelForValue(valor);
-              return etiqueta.length > 10 ? `${etiqueta.substring(0, 10)}...` : etiqueta; // Limitar longitud de etiquetas
-            },
-            color: '#646464',
-            maxRotation: 45,
-            minRotation: 0
-          }, 
-          // CONFIGURACIÓN MEJORADA DE GRID PARA EJE X - MÁS VISIBLE
-          grid: { 
-            display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
-            color: '#d0d0d0', // Color más oscuro para mejor visibilidad
-            lineWidth: 1,
-            drawBorder: true,
-            drawOnChartArea: true,
-            drawTicks: true,
-            // Añadir configuración adicional para mayor visibilidad
-            borderColor: '#999',
-            borderWidth: 2,
-            tickColor: '#d0d0d0'
-          },
-          title: {
-            display: true,
-            text: 'Categorías',
-            color: '#666'
-          }
-        },
-        // eslint-disable-next-line id-length
-        y: { 
-          display: ['line', 'bar', 'radar'].includes(tipo),
-          ticks: { 
-            color: '#646464',
-            beginAtZero: true
-          }, 
-          // CONFIGURACIÓN MEJORADA DE GRID PARA EJE Y - MÁS VISIBLE
-          grid: { 
-            display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
-            color: '#d0d0d0', // Color más oscuro para mejor visibilidad
-            lineWidth: 1,
-            drawBorder: true,
-            drawOnChartArea: true,
-            drawTicks: true,
-            // Añadir configuración adicional para mayor visibilidad
-            borderColor: '#999',
-            borderWidth: 2,
-            tickColor: '#d0d0d0'
-          },
-          title: {
-            display: true,
-            text: 'Valores',
-            color: '#666'
-          }
-        }
-      }
-    },
-  });
-
-  verificarExcesoEtiquetas(grafico);
-  return grafico;
-}
-
-/**
- * Crea un arreglo de colores en formato rgb que van desde el color dado hacia el blanco.
- * 
- * @param {Int[]} rgb - Arreglo de 3 enteros que representan el color RGB inicial.
- * @param {Int} pasos - Número de pasos para el degradado.
- * @returns {String[]} Arreglo de strings que representan los colores en formato rgb
- */
-function generarDegradadoHaciaBlanco(rgb, pasos) {
-  if (!rgb || rgb.length !== 3) {
-    return null;
-  }
-
-  if (pasos < 1) {
-    return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
-  }
-  const [rojo, verde, azul] = rgb;
-
-  return Array.from({ length: pasos },
-    (__, indice) => {
-      const factorCambio = indice / (pasos);
-      const nuevoRojo = Math.round(rojo + (255 - rojo) * factorCambio);
-      const nuevoVerde = Math.round(verde + (255 - verde) * factorCambio);
-      const nuevoAzul = Math.round(azul + (255 - azul) * factorCambio);
-      return `rgb(${nuevoRojo}, ${nuevoVerde}, ${nuevoAzul})`;
-    });
-}
-
 /**
  * Modifica el título de la gráfica según la entrada del usuario.
  * 
@@ -607,26 +405,6 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
   }
 }
 
-function verificarExcesoEtiquetas(grafica) {
-  const tipo = grafica.config.type;
-  const etiquetas = grafica.data.labels || [];
-
-  if (
-    ['bar', 'radar', 'pie', 'doughnut', 'polarArea'].includes(tipo) 
-    && etiquetas.length > 20
-  ) {
-    mostrarAlerta(
-      'AVISO.',
-      'La gráfica cuenta con más de 20 etiquetas, por lo que puede afectar su visualización e interpretación.',
-      'warning'
-    );
-  }
-}
-
-
-
 module.exports = { 
   agregarGrafica,
-  crearGrafica,
-
  };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
index 717fd06b..0950f35a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
@@ -1,3 +1,4 @@
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal.js`);
 const Chart = require('chart.js/auto');
 const ChartDataLabels = require('chartjs-plugin-datalabels');
 Chart.register(ChartDataLabels);
@@ -11,229 +12,255 @@ Chart.register(ChartDataLabels);
  * @returns {Chart} - Instancia de la gráfica creada.
  */
 function crearGrafica(contexto, tipo, color) {
-    if (!contexto) return;
-  
-    if (!color) {
-      color = [166, 25, 48];
-    }
-  
-    if (!tipo) {
-      tipo = 'line';
-    }
-  
-    const colores = generarDegradadoHaciaBlanco(color, 7)
-    color = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
-  
-    const grafico = new Chart(contexto, {
-      type: tipo,
-      data: {
-        labels: ['Sin datos'], // Etiqueta inicial más clara
-        datasets: [{
-          label: 'Datos',
-          backgroundColor: fondo => {
-            if (tipo == 'line' || tipo == 'radar') {
-              return color;
+  if (!contexto) return;
+
+  if (!color) {
+    color = [166, 25, 48];
+  }
+
+  if (!tipo) {
+    tipo = 'line';
+  }
+
+  const colores = generarDegradadoHaciaBlanco(color, 7)
+  color = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+
+  const grafico = new Chart(contexto, {
+    type: tipo,
+    data: {
+      labels: ['Sin datos'], // Etiqueta inicial más clara
+      datasets: [{
+        type: tipo,
+        label: 'Datos',
+        backgroundColor: fondo => {
+          if (tipo == 'line' || tipo == 'radar') {
+            return color;
+          } else {
+            return colores[fondo.dataIndex % colores.length]; // Evitar errores de índice
+          }
+        },
+        borderColor: borde => {
+          if (tipo == 'line' || tipo == 'radar') {
+            return color;
+          } else {
+            return colores[borde.dataIndex % colores.length]; // Evitar errores de índice
+          }
+        },
+        data: [0] // Dato inicial más claro
+      }]
+    },
+    options: {
+      devicePixelRatio: 1.5,
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        title: {
+          display: true,
+          text: 'Gráfica sin datos - Aplica una fórmula para ver resultados',
+          font: {
+            size: 14
+          }
+        },
+        tooltip: {
+          enabled: true, // Habilitar tooltips para mejor UX
+        },
+        legend: {
+          display: true,
+          position: 'top',
+          labels: {
+            generateLabels: chart => [
+              {
+                text: chart.data.datasets[0].label || 'Datos',
+                fillStyle: color,
+                strokeStyle: color,
+                fontColor: '#333'
+              }
+            ],
+          },
+        },
+        datalabels: {
+          display: (context) => {
+            const tipo = context.chart.config.type;
+            return !['line', 'radar'].includes(tipo);
+          },
+          anchor: (context) => {
+            const tipo = context.chart.config.type;
+            if (tipo == 'bar') {
+              return 'end';
             } else {
-              return colores[fondo.dataIndex % colores.length]; // Evitar errores de índice
+              return 'center';
             }
           },
-          borderColor: borde => {
-            if (tipo == 'line' || tipo == 'radar') {
-              return color;
+          align: (context) => {
+            const tipo = context.chart.config.type;
+            if (tipo == 'bar') {
+              return 'top';
             } else {
-              return colores[borde.dataIndex % colores.length]; // Evitar errores de índice
+              return 'center';
             }
           },
-          data: [0] // Dato inicial más claro
-        }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: {
-          title: { 
-            display: true,
-            text: 'Gráfica sin datos - Aplica una fórmula para ver resultados',
-            font: {
-              size: 14
-            }
+          color: '#333',
+          font: {
+            size: 12, // Slightly smaller to fit more text
+            weight: 'bold'
           },
-          tooltip: {
-            enabled: true, // Habilitar tooltips para mejor UX
+          backgroundColor: 'rgba(255, 255, 255, 0.9)', // More opaque background
+          borderColor: '#333',
+          borderRadius: 4,
+          borderWidth: 1,
+          padding: 6, // More padding for better readability
+          formatter: (value, context) => {
+            // Aplicar formato universal según el tipo de gráfica
+            return formatearEtiquetaUniversal(value, context, tipo);
           },
-          legend: {
-            display: true,
-            position: 'top',
-            labels: {
-              generateLabels: chart => [
-                {
-                  text: chart.data.datasets[0].label || 'Datos',
-                  fillStyle: color,
-                  strokeStyle: color,
-                  fontColor: '#333'
-                }
-              ],
+        }
+      },
+      scales: {
+        // eslint-disable-next-line id-length
+        x: {
+          display: ['line', 'bar', 'radar'].includes(tipo),
+          ticks: {
+            callback(valor) {
+              const etiqueta = this.getLabelForValue(valor);
+              return etiqueta.length > 10 ? `${etiqueta.substring(0, 10)}...` : etiqueta; // Limitar longitud de etiquetas
             },
+            color: '#646464',
+            maxRotation: 45,
+            minRotation: 0
           },
-          datalabels: {
-            // SOLO ocultar etiquetas en gráficas de línea, mostrar en todas las demás
-            display: (context) => {
-              const tipoGrafica = context.chart.config.type;
-              return tipoGrafica !== 'line'; // Ocultar SOLO en líneas
-            },
-            anchor: () => {
-              if (tipo == 'bar') {
-                return 'end';
-              } else {
-                return 'center';
-              }
-            },
-            align: () => {
-              if (tipo == 'bar') {
-                return 'top';
-              } else {
-                return 'center';
-              }
-            },
-            color: '#333',
-            font: {
-              size: 12, // Slightly smaller to fit more text
-              weight: 'bold'
-            },
-            backgroundColor: 'rgba(255, 255, 255, 0.9)', // More opaque background
-            borderColor: '#333',
-            borderRadius: 4,
-            borderWidth: 1,
-            padding: 6, // More padding for better readability
-            formatter: (value, context) => {
-              // Aplicar formato universal según el tipo de gráfica
-              return formatearEtiquetaUniversal(value, context, tipo);
-            },
+          // CONFIGURACIÓN MEJORADA DE GRID PARA EJE X - MÁS VISIBLE
+          grid: {
+            display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
+            color: '#d0d0d0', // Color más oscuro para mejor visibilidad
+            lineWidth: 1,
+            drawBorder: true,
+            drawOnChartArea: true,
+            drawTicks: true,
+            // Añadir configuración adicional para mayor visibilidad
+            borderColor: '#999',
+            borderWidth: 2,
+            tickColor: '#d0d0d0'
+          },
+          title: {
+            display: true,
+            text: 'Categorías',
+            color: '#666'
           }
         },
-        scales: {
-           // eslint-disable-next-line id-length
-          x: { 
-            display: ['line', 'bar', 'radar'].includes(tipo),
-            ticks: { 
-              color: '#646464',
-              maxRotation: 45,
-              minRotation: 0
-            }, 
-            // CONFIGURACIÓN MEJORADA DE GRID PARA EJE X - MÁS VISIBLE
-            grid: { 
-              display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
-              color: '#d0d0d0', // Color más oscuro para mejor visibilidad
-              lineWidth: 1,
-              drawBorder: true,
-              drawOnChartArea: true,
-              drawTicks: true,
-              // Añadir configuración adicional para mayor visibilidad
-              borderColor: '#999',
-              borderWidth: 2,
-              tickColor: '#d0d0d0'
-            },
-            title: {
-              display: true,
-              text: 'Categorías',
-              color: '#666'
-            }
+        // eslint-disable-next-line id-length
+        y: {
+          display: ['line', 'bar', 'radar'].includes(tipo),
+          ticks: {
+            color: '#646464',
+            beginAtZero: true
           },
-          // eslint-disable-next-line id-length
-          y: { 
-            display: ['line', 'bar', 'radar'].includes(tipo),
-            ticks: { 
-              color: '#646464',
-              beginAtZero: true
-            }, 
-            // CONFIGURACIÓN MEJORADA DE GRID PARA EJE Y - MÁS VISIBLE
-            grid: { 
-              display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
-              color: '#d0d0d0', // Color más oscuro para mejor visibilidad
-              lineWidth: 1,
-              drawBorder: true,
-              drawOnChartArea: true,
-              drawTicks: true,
-              // Añadir configuración adicional para mayor visibilidad
-              borderColor: '#999',
-              borderWidth: 2,
-              tickColor: '#d0d0d0'
-            },
-            title: {
-              display: true,
-              text: 'Valores',
-              color: '#666'
-            }
+          // CONFIGURACIÓN MEJORADA DE GRID PARA EJE Y - MÁS VISIBLE
+          grid: {
+            display: ['line', 'bar'].includes(tipo), // Mostrar grid solo en líneas y barras
+            color: '#d0d0d0', // Color más oscuro para mejor visibilidad
+            lineWidth: 1,
+            drawBorder: true,
+            drawOnChartArea: true,
+            drawTicks: true,
+            // Añadir configuración adicional para mayor visibilidad
+            borderColor: '#999',
+            borderWidth: 2,
+            tickColor: '#d0d0d0'
+          },
+          title: {
+            display: true,
+            text: 'Valores',
+            color: '#666'
           }
         }
-      },
-    });
-  
-    return grafico;
+      }
+    },
+  });
+
+  verificarExcesoEtiquetas(grafico);
+  return grafico;
+}
+
+
+function verificarExcesoEtiquetas(grafica) {
+  const tipo = grafica.config.type;
+  const etiquetas = grafica.data.labels || [];
+
+  if (
+    ['bar', 'pie', 'doughnut', 'polarArea'].includes(tipo)
+    && etiquetas.length > 20
+  ) {
+    mostrarAlerta(
+      'AVISO.',
+      'La gráfica cuenta con más de 20 etiquetas, por lo que puede afectar su visualización e interpretación.',
+      'warning'
+    );
   }
+}
 
-  /**
- * Formateador universal para etiquetas de datos según el tipo de gráfica
- * @param {*} value - Valor del dato
- * @param {*} context - Contexto de Chart.js
- * @param {string} tipo - Tipo de gráfica
- * @returns {string} - Etiqueta formateada
- */
+/**
+* Formateador universal para etiquetas de datos según el tipo de gráfica
+* @param {*} value - Valor del dato
+* @param {*} context - Contexto de Chart.js
+* @param {string} tipo - Tipo de gráfica
+* @returns {string} - Etiqueta formateada
+*/
 function formatearEtiquetaUniversal(value, context, tipo) {
-    const etiqueta = context.chart.data.labels[context.dataIndex];
-    
-    // Para gráficas circulares Y DE BARRAS - SIEMPRE frecuencias con porcentajes/valores
-    if (tipo === 'pie' || tipo === 'doughnut' || tipo === 'polarArea') {
-      const datos = context.chart.data.datasets[0].data;
-      const valorTotal = datos.reduce((total, datapoint) => total + datapoint, 0);
-      
-      if (valorTotal === 0) return '';
-      
-      const porcentaje = ((value / valorTotal) * 100).toFixed(1);
-      return `${etiqueta}\n${value} (${porcentaje}%)`;
-    }
-    
-    // Para gráficas de barras - solo mostrar categoría y frecuencia
-    if (tipo === 'bar') {
-      return `${etiqueta}: ${value}`;
-    }
-    
-    // Para gráficas lineales - Mostrar categoría y valor (aunque ya no se mostrarán las etiquetas)
-    if (etiqueta === 'Resultado') {
-      return `${etiqueta}\n${value}`;
-    } else {
-      return `${etiqueta}: ${value}`;
-    }
+  const etiqueta = context.chart.data.labels[context.dataIndex];
+
+  // Para gráficas circulares Y DE BARRAS - SIEMPRE frecuencias con porcentajes/valores
+  if (tipo === 'pie' || tipo === 'doughnut' || tipo === 'polarArea') {
+    const datos = context.chart.data.datasets[0].data;
+    const valorTotal = datos.reduce((total, datapoint) => total + datapoint, 0);
+
+    if (valorTotal === 0) return '';
+
+    const porcentaje = ((value / valorTotal) * 100).toFixed(1);
+    return `${etiqueta}\n${value} (${porcentaje}%)`;
   }
 
-  /**
- * Crea un arreglo de colores en formato rgb que van desde el color dado hacia el blanco.
- * 
- * @param {Int[]} rgb - Arreglo de 3 enteros que representan el color RGB inicial.
- * @param {Int} pasos - Número de pasos para el degradado.
- * @returns {String[]} Arreglo de strings que representan los colores en formato rgb
- */
+  // Para gráficas de barras - solo mostrar categoría y frecuencia
+  if (tipo === 'bar') {
+    return `${etiqueta}: ${value}`;
+  }
+
+  // Para gráficas lineales - Mostrar categoría y valor (aunque ya no se mostrarán las etiquetas)
+  if (etiqueta === 'Resultado') {
+    return `${etiqueta}\n${value}`;
+  } else {
+    return `${etiqueta}: ${value}`;
+  }
+}
+
+/**
+* Crea un arreglo de colores en formato rgb que van desde el color dado hacia el blanco.
+* 
+* @param {Int[]} rgb - Arreglo de 3 enteros que representan el color RGB inicial.
+* @param {Int} pasos - Número de pasos para el degradado.
+* @returns {String[]} Arreglo de strings que representan los colores en formato rgb
+*/
 function generarDegradadoHaciaBlanco(rgb, pasos) {
-    if (!rgb || rgb.length !== 3) {
-      return null;
-    }
-  
-    if (pasos < 1) {
-      return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
-    }
-    const [rojo, verde, azul] = rgb;
-  
-    return Array.from({ length: pasos },
-      (__, indice) => {
-        const factorCambio = indice / (pasos);
-        const nuevoRojo = Math.round(rojo + (255 - rojo) * factorCambio);
-        const nuevoVerde = Math.round(verde + (255 - verde) * factorCambio);
-        const nuevoAzul = Math.round(azul + (255 - azul) * factorCambio);
-        return `rgb(${nuevoRojo}, ${nuevoVerde}, ${nuevoAzul})`;
-      });
+  if (!rgb || rgb.length !== 3) {
+    return null;
   }
 
-  module.exports = {
-    crearGrafica,
-    generarDegradadoHaciaBlanco
-  };
\ No newline at end of file
+  if (pasos < 1) {
+    return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
+  }
+  const [rojo, verde, azul] = rgb;
+
+  return Array.from({ length: pasos },
+    (__, indice) => {
+      const factorCambio = indice / (pasos);
+      const nuevoRojo = Math.round(rojo + (255 - rojo) * factorCambio);
+      const nuevoVerde = Math.round(verde + (255 - verde) * factorCambio);
+      const nuevoAzul = Math.round(azul + (255 - azul) * factorCambio);
+      return `rgb(${nuevoRojo}, ${nuevoVerde}, ${nuevoAzul})`;
+    });
+}
+
+module.exports = {
+  crearGrafica,
+  generarDegradadoHaciaBlanco,
+  verificarExcesoEtiquetas
+};
\ No newline at end of file

From 9a8ef48738565145e8f0bc063f87b164860a019e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:02:31 -0600
Subject: [PATCH 57/78] =?UTF-8?q?Agregar=20gr=C3=A1fica=20de=20radar=20a?=
 =?UTF-8?q?=20gr=C3=A1ficas=20que=20usan=20agrupaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scripts/paginas/analisis/graficas/procesarDatosUniversal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
index 1c6b5def..8eeb48ef 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
@@ -19,7 +19,7 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
   }
 
   // Para gráficas circulares Y DE BARRAS: SIEMPRE usar frecuencias (agrupamiento por categoría)
-  if (tipoGrafica === 'pie' || tipoGrafica === 'doughnut' || tipoGrafica === 'polarArea' || tipoGrafica === 'bar') {
+  if (tipoGrafica === 'pie' || tipoGrafica === 'doughnut' || tipoGrafica === 'polarArea' || tipoGrafica === 'bar' || tipoGrafica === 'radar') {
     const frecuencias = {};
     datosLimpios.forEach(valor => {
       const clave = String(valor);

From 4965d9763947d2cddb6a1a6c14c7b49d6fcabd7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Fri, 20 Jun 2025 22:04:10 -0600
Subject: [PATCH 58/78] =?UTF-8?q?Arreglar=20espaciado=20de=20c=C3=B3digo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/analisis/agregarGrafica.js        |  68 ++++-----
 .../analisis/formulas/crearCuadroFormulas.js  |  74 ++++------
 .../graficas/actualizarGraficaConColumna.js   |  18 +--
 .../analisis/graficas/limpiarGrafica.js       | 116 ++++++++--------
 .../graficas/procesarDatosUniversal.js        |  12 +-
 .../paginas/analisis/graficas/retirarDatos.js | 130 +++++++++---------
 6 files changed, 202 insertions(+), 216 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 41f83403..58111e7b 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -13,7 +13,7 @@ const { crearGrafica, verificarExcesoEtiquetas } = require(`${rutaBase}/src/fram
 
 
 /* eslint-disable no-unused-vars */
- 
+
 // Variable global para almacenar las fórmulas consultadas
 const formulasDisponibles = JSON.parse(localStorage.getItem('formulasDisponibles')) || [];
 
@@ -51,7 +51,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
   const idsTarjetasExistentes = Array.from(contenedor.querySelectorAll('.tarjeta-grafica'), (tarjeta) => {
     return parseInt(tarjeta.id, 10);
   });
-  
+
   let nuevaId;
 
   if (idsTarjetasExistentes.length > 0) {
@@ -68,7 +68,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
   for (const tractor of tractores) {
     opcionesTractores += `<option value='${tractor}'>${tractor}</option>`;
   }
-  
+
   const limite = 30;
   tarjetaGrafica.id = nuevaId;
   tarjetaGrafica.innerHTML = `
@@ -112,19 +112,19 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
   `;
 
   // Datos disponibles para fórmulas
-  const datos = localStorage.getItem('datosFiltradosExcel'); 
+  const datos = localStorage.getItem('datosFiltradosExcel');
   let columnas = [];
 
   // Cargar y parsear los datos del localStorage
   if (datos) {
     try {
       const datosParseados = JSON.parse(datos);
-      
+
       // Si es un objeto con hojas (estructura compleja)
       if (datosParseados && typeof datosParseados === 'object' && datosParseados.hojas) {
         window.datosExcelGlobal = datosParseados;
         window.datosGrafica = datosParseados.hojas[tractorSeleccionado];
-        
+
         // La primera fila contiene las columnas
         if (window.datosGrafica && window.datosGrafica.length > 0) {
           columnas = window.datosGrafica[0].slice(3); // Omitir las primeras 3 columnas
@@ -136,7 +136,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
             datosParseados
           }
         };
-        
+
         // La primera fila contiene las columnas
         if (datosParseados.length > 0) {
           columnas = datosParseados[0];
@@ -149,7 +149,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
 
   // Actualizar la llamada en el event listener del botón de fórmulas
   tarjetaGrafica.querySelector('.boton-formulas').addEventListener('click', async () =>
-    await crearCuadroFormulas( nuevaId, formulasDisponibles, datosOriginalesFormulas, tractorSeleccionado));
+    await crearCuadroFormulas(nuevaId, formulasDisponibles, datosOriginalesFormulas, tractorSeleccionado));
 
   const graficaDiv = document.createElement('div');
   graficaDiv.className = 'previsualizacion-grafica';
@@ -175,7 +175,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
       const nuevaPosicion = Math.max(0, posicionCursor - 1);
       evento.target.setSelectionRange(nuevaPosicion, nuevaPosicion);
     }
-    
+
     modificarTitulo(graficaDiv, entradaTexto, tarjetaGrafica);
   });
 
@@ -193,7 +193,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
     const botonAplicarFormula = document.querySelector('#btnAplicarFormula');
     tractorSeleccionado = selectorTractor.value;
 
-    if ( botonAplicarFormula ){
+    if (botonAplicarFormula) {
       await crearCuadroFormulas(nuevaId, formulasDisponibles, datosOriginalesFormulas, tractorSeleccionado)
     }
 
@@ -218,23 +218,23 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
  */
 function formatearEtiquetaUniversal(value, context, tipo) {
   const etiqueta = context.chart.data.labels[context.dataIndex];
-  
+
   // Para gráficas circulares Y DE BARRAS - SIEMPRE frecuencias con porcentajes/valores
   if (tipo === 'pie' || tipo === 'doughnut' || tipo === 'polarArea') {
     const datos = context.chart.data.datasets[0].data;
     const valorTotal = datos.reduce((total, datapoint) => total + datapoint, 0);
-    
+
     if (valorTotal === 0) return '';
-    
+
     const porcentaje = ((value / valorTotal) * 100).toFixed(1);
     return `${etiqueta}\n${value} (${porcentaje}%)`;
   }
-  
+
   // Para gráficas de barras - solo mostrar categoría y frecuencia
   if (tipo === 'bar') {
     return `${etiqueta}: ${value}`;
   }
-  
+
   // Para gráficas lineales - Mostrar categoría y valor (aunque ya no se mostrarán las etiquetas)
   if (etiqueta === 'Resultado') {
     return `${etiqueta}\n${value}`;
@@ -256,40 +256,40 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
   canvasAntiguo.parentNode.replaceChild(nuevoCanvas, canvasAntiguo);
 
   const contexto = nuevoCanvas.getContext('2d');
-  
+
   // Preservar información importante
   const tituloActual = graficaExistente.options.plugins.title.text;
-  
+
   // Obtener datos originales si existen
   const datosOriginales = datosOriginalesFormulas.get(graficaId);
-  
+
   // Destruir gráfica actual
   graficaExistente.destroy();
-  
+
   // Crear nueva gráfica
   const nuevaGrafica = crearGrafica(contexto, nuevoTipo);
   console.log(nuevaGrafica.options.plugins.datalabels.display)
-  
+
   // Si hay datos originales, reprocesarlos para el nuevo tipo
   if (datosOriginales) {
     const datosRebuild = procesarDatosUniversal(
-      datosOriginales.datos, 
-      nuevoTipo, 
+      datosOriginales.datos,
+      nuevoTipo,
       datosOriginales.nombre
     );
-    
+
     nuevaGrafica.data.labels = datosRebuild.labels;
     nuevaGrafica.data.datasets[0].data = datosRebuild.valores;
     nuevaGrafica.data.datasets[0].label = datosOriginales.nombre;
-    nuevaGrafica.data.datasets[0].type = nuevoTipo; 
+    nuevaGrafica.data.datasets[0].type = nuevoTipo;
   }
-  
+
   // Restaurar título
   nuevaGrafica.options.plugins.title.text = tituloActual;
-  
+
   // Actualizar
   nuevaGrafica.update();
-  
+
   verificarExcesoEtiquetas(nuevaGrafica);
   return nuevaGrafica;
 }
@@ -305,11 +305,11 @@ function modificarTitulo(grafica, entradaTexto, tarjetaGrafica) {
   const caracteresUsados = entradaTexto.value.length;
   const limite = parseInt(entradaTexto.getAttribute('maxlength'), 10);
   const caracteresRestantes = limite - caracteresUsados;
-  
+
   const contadorCaracteres = tarjetaGrafica.querySelector('.contador-caracteres');
 
   contadorCaracteres.textContent = `${caracteresUsados}/${limite} caracteres`;
-  
+
   if (caracteresRestantes < 10) {
     contadorCaracteres.style.color = '#e74c3c';
   } else {
@@ -337,14 +337,14 @@ function modificarTipoGrafica(grafica, selectorTipo, tituloGrafica) {
   if (grafica) {
     const contexto = grafica.querySelector('canvas').getContext('2d');
     const graficaOriginal = Chart.getChart(contexto);
-    
+
     if (graficaOriginal) {
       // Obtener ID de la gráfica desde el contenedor
       const graficaId = parseInt(grafica.id.replace('previsualizacion-grafica-', ''));
-      
+
       // Usar la función universal de actualización
       const nuevaGrafica = actualizarGraficaConTipo(graficaId, selectorTipo.value, graficaOriginal);
-      
+
       // Aplicar el título
       nuevaGrafica.options.plugins.title.text = tituloGrafica;
       nuevaGrafica.update();
@@ -405,6 +405,6 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
   }
 }
 
-module.exports = { 
+module.exports = {
   agregarGrafica,
- };
\ No newline at end of file
+};
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 545735b3..25119706 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -4,7 +4,7 @@ const { filtrarYRenderizarFormulas, actualizarCaracteresBuscador } = require(`${
 const { aplicarFormula } = require(`${rutaBase}/src/backend/casosUso/formulas/aplicarFormula.js`);
 const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
-const {obtenerParametrosTractor } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/obtenerParametrosTractor.js`);
+const { obtenerParametrosTractor } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/obtenerParametrosTractor.js`);
 const { retirarDatos } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js`);
 const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
 const Chart = require('chart.js/auto');
@@ -16,14 +16,14 @@ const Chart = require('chart.js/auto');
  * @param {Array} datosGrafica - Datos de la gráfica.
  * @param {Array} formulasDisponibles - Lista de fórmulas disponibles.
  * @returns {void}
- */  
-async function crearCuadroFormulas( graficaId, formulasDisponibles, datosOriginalesFormulas, tractorSeleccionado) {
+ */
+async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginalesFormulas, tractorSeleccionado) {
 
-  eliminarCuadroFormulas(); 
+  eliminarCuadroFormulas();
 
   const cuadroFormulas = document.createElement('div');
   cuadroFormulas.className = 'contenedor-formulas';
-  
+
   // Almacenar el ID de la gráfica en el dataset
   cuadroFormulas.dataset.graficaId = graficaId;
 
@@ -35,7 +35,7 @@ async function crearCuadroFormulas( graficaId, formulasDisponibles, datosOrigina
     mensajeInicial = 'No hay fórmulas disponibles.';
   }
 
-cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
+  cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
               <img class='flecha-atras' src='${rutaBase}/src/framework/utils/iconos/FlechaAtras.svg' />
               <p class='texto'>Fórmulas</p>
           </div>
@@ -92,50 +92,48 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
     if (textoAplicar) {
       textoAplicar.textContent = 'Aplicando...';
       setTimeout(() => {
-    
+
         const formulaSeleccionada = contenedorBusqueda.querySelector('.formula-seleccionada');
         if (!formulaSeleccionada) {
           mostrarAlerta('Error', 'Debes buscar y seleccionar una fórmula antes de aplicar.', 'error');
           return;
         }
-    
+
         // Verificar que hay datos disponibles
         const datosExcel = localStorage.getItem('datosFiltradosExcel');
         if (!datosExcel) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
           return;
         }
-    
+
         // Buscar el input radio en el elemento padre (formula-objeto)
         const formulaObjeto = formulaSeleccionada.closest('.formula-objeto');
         const inputRadio = formulaObjeto.querySelector('input[type="radio"]');
-        
+
         if (!inputRadio) {
           mostrarAlerta('Error', 'Error al obtener los datos de la fórmula seleccionada.', 'error');
           return;
         }
-    
+
         // Obtener los datos directamente de las propiedades del elemento
         const nombreFormula = inputRadio.formulaNombre;
         const datosFormula = inputRadio.formulaDatos;
-    
+
         // Verificar que los datos están completos
         if (!datosFormula || datosFormula.trim() === '') {
           mostrarAlerta('Error', 'Los datos de la fórmula están vacíos o incompletos.', 'error');
           return;
         }
-    
-    
+
         // Obtener la gráfica asociada
         const graficaId = cuadroFormulas.dataset.graficaId;
         const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
-        
+
         if (!graficaDiv) {
           mostrarAlerta('Error', 'No se encontró la gráfica asociada.', 'error');
           return;
         }
-        
-    
+
         try {
           let resultadoFormula;
           if (tractorSeleccionado.length != 0) {
@@ -161,7 +159,7 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
             mostrarAlerta('Error', `Error al aplicar la fórmula: ${resultadoFormula.error}`, 'error');
             return;
           }
-    
+
           // GUARDAR DATOS ORIGINALES DE LA FÓRMULA
           if (resultadoFormula.resultados) {
             datosOriginalesFormulas.set(parseInt(graficaId), {
@@ -170,43 +168,43 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
               tipo: 'formula'
             });
           }
-    
+
           // Obtener el canvas y la gráfica existente
           const canvas = graficaDiv.querySelector('canvas');
           if (!canvas) {
             mostrarAlerta('Error', 'No se encontró el canvas de la gráfica.', 'error');
             return;
           }
-    
+
           const contexto = canvas.getContext('2d');
           const graficaExistente = Chart.getChart(contexto);
-          
+
           if (graficaExistente && resultadoFormula.resultados) {
             const resultados = resultadoFormula.resultados;
             const tipoGrafica = graficaExistente.config.type;
-            
+
             // Usar el procesamiento universal
             const datosRebuild = procesarDatosUniversal(resultados, tipoGrafica, nombreFormula);
-            
+
             // Actualizar la gráfica
-            graficaExistente.options.plugins.title.text = nombreFormula; 
+            graficaExistente.options.plugins.title.text = nombreFormula;
             graficaExistente.data.labels = datosRebuild.labels;
             graficaExistente.data.datasets[0].data = datosRebuild.valores;
-            
+
             // CORRECCIÓN: Actualizar también la etiqueta del dataset
             graficaExistente.data.datasets[0].label = nombreFormula;
-    
+
             graficaExistente.update();
-            
+
             mostrarAlerta('Éxito', `Fórmula "${nombreFormula}" aplicada correctamente a la gráfica.`, 'success');
-            
+
             // Cerrar el cuadro de fórmulas
             cuadroFormulas.remove();
-            
+
           } else {
             mostrarAlerta('Error', 'No se pudo encontrar la gráfica para actualizar o no hay resultados válidos.', 'error');
           }
-          
+
         } catch (error) {
           if (error.tipo == 'columnaNoEncontrada') {
             // Ya se mostró la alerta específica, no mostrar la genérica
@@ -218,16 +216,13 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
         }
       }, 100);
     }
-
-
-
   });
 
   // Configurar evento de búsqueda (filtrado local)
   campoBusqueda.addEventListener('input', (evento) => {
     // Validar caracteres primero
     actualizarCaracteresBuscador(campoBusqueda);
-    
+
     // Luego filtrar
     const terminoBusqueda = evento.target.value;
     filtrarYRenderizarFormulas(contenedorBusqueda, terminoBusqueda, formulasDisponibles);
@@ -242,8 +237,6 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
     }
   });
 
-
-
   const botonCerrarCuadroFormulas = cuadroFormulas.querySelector('.titulo-formulas');
   botonCerrarCuadroFormulas.addEventListener('click', () => {
     cuadroFormulas.remove();
@@ -258,9 +251,6 @@ cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
   return datosOriginalesFormulas;
 }
 
-
-
-
 /**
  * Crea un menú desplegable para seleccionar columnas.
  * @param {HTMLDivElement} contenedor - Contenedor donde se agregará el menú desplegable.
@@ -292,7 +282,7 @@ function crearMenuDesplegable(contenedor, letra, columnas, graficaId, datosOrigi
         const canvas = graficaDiv.querySelector('canvas');
         const contexto = canvas.getContext('2d');
         const graficaExistente = Chart.getChart(contexto);
-        
+
         if (graficaExistente) {
           graficaExistente.destroy();
           const nuevaGrafica = crearGrafica(contexto, 'line');
@@ -307,10 +297,6 @@ function crearMenuDesplegable(contenedor, letra, columnas, graficaId, datosOrigi
   contenedor.appendChild(nuevoMenu);
 }
 
-
-
-
-
 module.exports = {
   crearCuadroFormulas
 };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
index 1414eaae..26caa9c3 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
@@ -22,14 +22,14 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
 
   const contexto = canvas.getContext('2d');
   const graficaExistente = Chart.getChart(contexto);
-  
+
   if (!graficaExistente) {
     return;
   }
 
   // Obtener la hoja seleccionada del localStorage
   const datos = localStorage.getItem('datosFiltradosExcel');
-  
+
   if (!datos) {
     mostrarAlerta('Error', 'No hay datos cargados para mostrar en la gráfica.', 'error');
     return;
@@ -37,10 +37,10 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
 
   try {
     let datosHoja = null;
-    
+
     // Parsear los datos del localStorage
     const datosParseados = JSON.parse(datos);
-    
+
     // Determinar qué hoja usar
     if (tractorSeleccionado && tractorSeleccionado.trim() !== '') {
       // Usar la hoja seleccionada específica
@@ -71,7 +71,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     // Encontrar el índice de la columna
     const encabezados = datosHoja[0];
     const indiceColumna = encabezados.indexOf(nombreColumna);
-    
+
     if (indiceColumna === -1) {
       mostrarAlerta('Error', `No se encontró la columna "${nombreColumna}" en la hoja "${tractorSeleccionado || 'seleccionada'}".`, 'error');
       return;
@@ -79,7 +79,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
 
     // Extraer los datos de la columna (omitiendo el encabezado)
     const datosColumna = datosHoja.slice(1).map(fila => fila[indiceColumna]);
-    
+
     // GUARDAR DATOS ORIGINALES DE LA COLUMNA
     datosOriginalesFormulas.set(graficaId, {
       datos: datosColumna,
@@ -89,7 +89,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     });
 
     const tipoGraficaActual = graficaExistente.config.type;
-    
+
     // Usar el procesamiento universal
     const datosRebuild = procesarDatosUniversal(datosColumna, tipoGraficaActual, nombreColumna);
 
@@ -99,7 +99,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     graficaExistente.data.labels = datosRebuild.labels;
     graficaExistente.data.datasets[0].data = datosRebuild.valores;
     graficaExistente.data.datasets[0].label = nombreColumna;
-    
+
     graficaExistente.update();
 
     const tipo = graficaExistente.config.type;
@@ -122,5 +122,5 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
 }
 
 module.exports = {
-    actualizarGraficaConColumna
+  actualizarGraficaConColumna
 };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
index f2e0846b..c78bf99d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/limpiarGrafica.js
@@ -10,66 +10,66 @@ const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/com
  * @returns {void}
  */
 function limpiarGrafica(graficaId, datosOriginalesFormulas) {
-    // Obtener la gráfica
-    const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
-    if (!graficaDiv) {
-      mostrarAlerta('Error', 'No se encontró la gráfica especificada.', 'error');
-      return;
-    }
-  
-    const canvas = graficaDiv.querySelector('canvas');
-    if (!canvas) {
-      mostrarAlerta('Error', 'No se encontró el canvas de la gráfica.', 'error');
-      return;
-    }
-  
-    const contexto = canvas.getContext('2d');
-    const graficaExistente = Chart.getChart(contexto);
-    
-    if (!graficaExistente) {
-      mostrarAlerta('Error', 'No se encontró la instancia de Chart.js.', 'error');
-      return;
+  // Obtener la gráfica
+  const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
+  if (!graficaDiv) {
+    mostrarAlerta('Error', 'No se encontró la gráfica especificada.', 'error');
+    return;
+  }
+
+  const canvas = graficaDiv.querySelector('canvas');
+  if (!canvas) {
+    mostrarAlerta('Error', 'No se encontró el canvas de la gráfica.', 'error');
+    return;
+  }
+
+  const contexto = canvas.getContext('2d');
+  const graficaExistente = Chart.getChart(contexto);
+
+  if (!graficaExistente) {
+    mostrarAlerta('Error', 'No se encontró la instancia de Chart.js.', 'error');
+    return;
+  }
+
+  try {
+
+    // Obtener el título actual del input de la tarjeta
+    const tarjetaGrafica = document.getElementById(graficaId.toString());
+    const tituloInput = tarjetaGrafica ? tarjetaGrafica.querySelector('.titulo-grafica') : null;
+    const tituloPersonalizado = tituloInput ? tituloInput.value : '';
+
+    // Restaurar gráfica a estado inicial
+    graficaExistente.data.labels = ['Sin datos'];
+    graficaExistente.data.datasets[0].data = [0];
+    graficaExistente.data.datasets[0].label = 'Datos';
+
+    // Restaurar título: usar el título personalizado del input o el mensaje por defecto
+    if (tituloPersonalizado && tituloPersonalizado.trim() !== '') {
+      graficaExistente.options.plugins.title.text = tituloPersonalizado;
+    } else {
+      graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
     }
-  
-    try {
-  
-      // Obtener el título actual del input de la tarjeta
-      const tarjetaGrafica = document.getElementById(graficaId.toString());
-      const tituloInput = tarjetaGrafica ? tarjetaGrafica.querySelector('.titulo-grafica') : null;
-      const tituloPersonalizado = tituloInput ? tituloInput.value : '';
-  
-      // Restaurar gráfica a estado inicial
-      graficaExistente.data.labels = ['Sin datos'];
-      graficaExistente.data.datasets[0].data = [0];
-      graficaExistente.data.datasets[0].label = 'Datos';
-      
-      // Restaurar título: usar el título personalizado del input o el mensaje por defecto
-      if (tituloPersonalizado && tituloPersonalizado.trim() !== '') {
-        graficaExistente.options.plugins.title.text = tituloPersonalizado;
-      } else {
-        graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
-      }
-  
-      graficaExistente.options.plugins.title.display = false;
-  
-      // Actualizar la gráfica
-      graficaExistente.update();
-  
-      // Eliminar los datos originales del mapa
-      datosOriginalesFormulas.delete(graficaId);
-  
-      // Restablecer los menús desplegables de parámetros si existen
-      const cuadroFormulas = document.querySelector('.contenedor-formulas');
-      if (cuadroFormulas) {
-        const selectoresParametros = cuadroFormulas.querySelectorAll('.opcion-texto');
-        selectoresParametros.forEach(selector => {
-          selector.value = '';
-        });
-      }
-      
-    } catch (error) {
-      mostrarAlerta('Error', `Error inesperado al limpiar la gráfica: ${error.message}`, 'error');
+
+    graficaExistente.options.plugins.title.display = false;
+
+    // Actualizar la gráfica
+    graficaExistente.update();
+
+    // Eliminar los datos originales del mapa
+    datosOriginalesFormulas.delete(graficaId);
+
+    // Restablecer los menús desplegables de parámetros si existen
+    const cuadroFormulas = document.querySelector('.contenedor-formulas');
+    if (cuadroFormulas) {
+      const selectoresParametros = cuadroFormulas.querySelectorAll('.opcion-texto');
+      selectoresParametros.forEach(selector => {
+        selector.value = '';
+      });
     }
+
+  } catch (error) {
+    mostrarAlerta('Error', `Error inesperado al limpiar la gráfica: ${error.message}`, 'error');
+  }
 }
 
 module.exports = {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
index 8eeb48ef..d836e79d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js
@@ -11,7 +11,7 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
   }
 
   // Filtrar valores vacíos, null o undefined
-  const datosLimpios = datosOriginales.filter(valor => 
+  const datosLimpios = datosOriginales.filter(valor =>
     valor !== null && valor !== undefined && valor !== '');
 
   if (datosLimpios.length === 0) {
@@ -25,7 +25,7 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
       const clave = String(valor);
       frecuencias[clave] = (frecuencias[clave] || 0) + 1;
     });
-    
+
     return {
       labels: Object.keys(frecuencias),
       valores: Object.values(frecuencias)
@@ -33,13 +33,13 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
   }
 
   // Para gráficas lineales y radar - usar filas numeradas SOLO si son números diferentes
-  const todosNumeros = datosLimpios.every(valor => 
+  const todosNumeros = datosLimpios.every(valor =>
     !isNaN(parseFloat(valor)) && isFinite(valor));
 
   if (todosNumeros) {
     // Si son números, verificar si todos son iguales
     const valoresUnicos = [...new Set(datosLimpios)];
-    
+
     if (valoresUnicos.length === 1) {
       // Si todos son iguales, mostrar el valor único
       return {
@@ -61,7 +61,7 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
       const clave = String(valor);
       frecuencias[clave] = (frecuencias[clave] || 0) + 1;
     });
-    
+
     return {
       labels: Object.keys(frecuencias),
       valores: Object.values(frecuencias)
@@ -70,5 +70,5 @@ function procesarDatosUniversal(datosOriginales, tipoGrafica) {
 }
 
 module.exports = {
-    procesarDatosUniversal
+  procesarDatosUniversal
 };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
index 586f0c69..3adb9799 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js
@@ -10,75 +10,75 @@ const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/com
  * @returns {void}
  */
 function retirarDatos(graficaId, datosOriginalesFormulas) {
-    // Obtener la gráfica
-    const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
-    if (!graficaDiv) {
-      mostrarAlerta('Error', 'No se encontró la gráfica especificada.', 'error');
-      return;
-    }
-  
-    const canvas = graficaDiv.querySelector('canvas');
-    if (!canvas) {
-      mostrarAlerta('Error', 'No se encontró el canvas de la gráfica.', 'error');
+  // Obtener la gráfica
+  const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
+  if (!graficaDiv) {
+    mostrarAlerta('Error', 'No se encontró la gráfica especificada.', 'error');
+    return;
+  }
+
+  const canvas = graficaDiv.querySelector('canvas');
+  if (!canvas) {
+    mostrarAlerta('Error', 'No se encontró el canvas de la gráfica.', 'error');
+    return;
+  }
+
+  const contexto = canvas.getContext('2d');
+  const graficaExistente = Chart.getChart(contexto);
+
+  if (!graficaExistente) {
+    mostrarAlerta('Error', 'No se encontró la instancia de Chart.js.', 'error');
+    return;
+  }
+
+  try {
+    // Verificar si hay datos originales para esta gráfica
+    const datosOriginales = datosOriginalesFormulas.get(graficaId);
+
+    if (!datosOriginales) {
+      mostrarAlerta('Información', 'Esta gráfica no tiene fórmula aplicada para retirar.', 'info');
       return;
     }
-  
-    const contexto = canvas.getContext('2d');
-    const graficaExistente = Chart.getChart(contexto);
-    
-    if (!graficaExistente) {
-      mostrarAlerta('Error', 'No se encontró la instancia de Chart.js.', 'error');
-      return;
+
+    // Obtener el título actual del input de la tarjeta
+    const tarjetaGrafica = document.getElementById(graficaId.toString());
+    const tituloInput = tarjetaGrafica ? tarjetaGrafica.querySelector('.titulo-grafica') : null;
+    const tituloPersonalizado = tituloInput ? tituloInput.value : '';
+
+    // Restaurar gráfica a estado inicial
+    graficaExistente.data.labels = ['Sin datos'];
+    graficaExistente.data.datasets[0].data = [0];
+    graficaExistente.data.datasets[0].label = 'Datos';
+
+    // Restaurar título: usar el título personalizado del input o el mensaje por defecto
+    if (tituloPersonalizado && tituloPersonalizado.trim() !== '') {
+      graficaExistente.options.plugins.title.text = tituloPersonalizado;
+    } else {
+      graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
     }
-  
-    try {
-      // Verificar si hay datos originales para esta gráfica
-      const datosOriginales = datosOriginalesFormulas.get(graficaId);
-      
-      if (!datosOriginales) {
-        mostrarAlerta('Información', 'Esta gráfica no tiene fórmula aplicada para retirar.', 'info');
-        return;
-      }
-  
-      // Obtener el título actual del input de la tarjeta
-      const tarjetaGrafica = document.getElementById(graficaId.toString());
-      const tituloInput = tarjetaGrafica ? tarjetaGrafica.querySelector('.titulo-grafica') : null;
-      const tituloPersonalizado = tituloInput ? tituloInput.value : '';
-  
-      // Restaurar gráfica a estado inicial
-      graficaExistente.data.labels = ['Sin datos'];
-      graficaExistente.data.datasets[0].data = [0];
-      graficaExistente.data.datasets[0].label = 'Datos';
-      
-      // Restaurar título: usar el título personalizado del input o el mensaje por defecto
-      if (tituloPersonalizado && tituloPersonalizado.trim() !== '') {
-        graficaExistente.options.plugins.title.text = tituloPersonalizado;
-      } else {
-        graficaExistente.options.plugins.title.text = 'Gráfica sin datos - Aplica una fórmula para ver resultados';
-      }
-  
-      graficaExistente.options.plugins.title.display = false;
-  
-      // Actualizar la gráfica
-      graficaExistente.update();
-  
-      // Eliminar los datos originales del mapa
-      datosOriginalesFormulas.delete(graficaId);
-  
-      // Restablecer los menús desplegables de parámetros si existen
-      const cuadroFormulas = document.querySelector('.contenedor-formulas');
-      if (cuadroFormulas) {
-        const selectoresParametros = cuadroFormulas.querySelectorAll('.opcion-texto');
-        selectoresParametros.forEach(selector => {
-          selector.value = '';
-        });
-      }
-  
-      mostrarAlerta('Éxito', 'Los datos han sido retirados correctamente de la gráfica.', 'success');
-      
-    } catch (error) {
-      mostrarAlerta('Error', `Error inesperado al retirar la fórmula: ${error.message}`, 'error');
+
+    graficaExistente.options.plugins.title.display = false;
+
+    // Actualizar la gráfica
+    graficaExistente.update();
+
+    // Eliminar los datos originales del mapa
+    datosOriginalesFormulas.delete(graficaId);
+
+    // Restablecer los menús desplegables de parámetros si existen
+    const cuadroFormulas = document.querySelector('.contenedor-formulas');
+    if (cuadroFormulas) {
+      const selectoresParametros = cuadroFormulas.querySelectorAll('.opcion-texto');
+      selectoresParametros.forEach(selector => {
+        selector.value = '';
+      });
     }
+
+    mostrarAlerta('Éxito', 'Los datos han sido retirados correctamente de la gráfica.', 'success');
+
+  } catch (error) {
+    mostrarAlerta('Error', `Error inesperado al retirar la fórmula: ${error.message}`, 'error');
+  }
 }
 
 module.exports = {

From 2cbf75e8110f632b23ece5ad7bdb3a379a709ca1 Mon Sep 17 00:00:00 2001
From: DanielQueijeiro <dany.queijeiro@hotmail.com>
Date: Sun, 22 Jun 2025 13:04:53 -0600
Subject: [PATCH 59/78] cambiar velocidad en que se bloquea la app y pantalla
 de bloqueo

---
 .../src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs | 6 +-----
 harvester-app/src/main.js                                   | 4 ++--
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs b/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
index 3eedc3fb..33de23bf 100644
--- a/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
+++ b/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
@@ -10,12 +10,8 @@
       <h1>Aplicación Deshabilitada</h1>
       <p class='mensaje-bloqueo'><%= mensaje || 'Esta aplicación ha sido deshabilitada por motivos de seguridad.' %></p>
       <p class='instrucciones'>
-        Para más información, contacte al administrador del sistema o al call center.
+        Para más información, contacte al administrador del sistema.
       </p>
-      <div class='contacto-info'>
-        <p><strong>Call Center:</strong> 0800 266 1374</p>
-        <p><strong>WhatsApp:</strong> 54 9 11 2034-1408</p>
-      </div>
       
       <!-- Información del dispositivo para soporte -->
       <div class='info-dispositivo' style='margin-top: 20px; font-size: 12px; color: #666;'>
diff --git a/harvester-app/src/main.js b/harvester-app/src/main.js
index 4592cdaf..c03ec618 100644
--- a/harvester-app/src/main.js
+++ b/harvester-app/src/main.js
@@ -7,7 +7,7 @@ const { obtenerID } = require('./backend/servicios/generadorID');
 const { PERMISOS } = require('./framework/utils/scripts/middleware/auth');
 const os = require('os');
 
-const INTERVALOTIEMPO = 120000; // 2 minutos en milisegundos
+const INTERVALOTIEMPO = 60000; // 1 minuto en milisegundos
 
 // Comprobar si la aplicación se está ejecutando en modo de instalación de Squirrel
 // y salir si es así. Esto es necesario para evitar que la aplicación se inicie
@@ -58,7 +58,7 @@ function iniciarVerificacionPeriodica() {
         clearInterval(app.verificacionIntervalo);
     }
     
-    // Verificar cada 2 minutos solo para usuarios autenticados
+    // Verificar solo para usuarios autenticados
     const verificacionIntervalo = setInterval(async () => {
         await verificarEstadoUsuarioAutenticado();
     }, INTERVALOTIEMPO);

From f29c739e4908944debea4c3f79120f74eeb66503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Sun, 22 Jun 2025 16:00:48 -0600
Subject: [PATCH 60/78] =?UTF-8?q?Agregar=20input=20para=20color=20de=20gr?=
 =?UTF-8?q?=C3=A1fica?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/paginas/analisis/generarReporte.css   | 106 +++++++++---------
 .../paginas/analisis/agregarGrafica.js        |  23 ++--
 2 files changed, 63 insertions(+), 66 deletions(-)

diff --git a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
index 5d2bd8bc..ce76034c 100644
--- a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
+++ b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
@@ -144,8 +144,7 @@ body,
   position: relative;
   width: 362px;
 }
-.titulo-grafica,
-.titulo-texto {
+.titulo-grafica {
   background-color: #fafafa;
   padding: 10px;
   display: flex;
@@ -315,20 +314,28 @@ body,
   resize: vertical;
 }
 .titulo-texto {
-  position: relative;      
   background-color: #fafafa;
-  border-radius: 10px;
   padding: 10px;
   display: flex;
+  flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  background-image: none;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+  color: var(--negro, #000000);
+  text-align: left;
+  font-family: 'SegoeUi-Regular', sans-serif;
+  font-size: 18px;
+  line-height: 100%;
+  letter-spacing: -0.02em;
+  font-weight: 400;
+  border-radius: 10px;
 }
 .titulo-texto select.tipo-texto {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
-  background-color: transparent;
   border: none;
   padding: 8px 32px 8px 12px;
   font-family: 'SegoeUi-Regular', sans-serif;
@@ -339,9 +346,17 @@ body,
   box-sizing: border-box;
   cursor: pointer;
   transition: background-color 0.2s ease, box-shadow 0.2s ease;
+  background-image:
+    linear-gradient(45deg, transparent 50%, #000 50%),
+    linear-gradient(135deg, #000 50%, transparent 50%);
+  background-position:
+    calc(100% - 20px) calc(50% - 3px),
+    calc(100% - 14px) calc(50% - 3px);
+  background-size: 6px 6px;
+  background-repeat: no-repeat;
 }
 .titulo-texto::after {
-  content: '';
+  content: none;
   position: absolute;
   right: 20px;
   top: 50%;
@@ -358,6 +373,24 @@ body,
   outline: none;
   box-shadow: 0 0 0 2px rgba(166,25,48,0.5);
 }
+.titulo-texto select.tipo-texto:active {
+  background-color: #ececec;
+}
+.titulo-texto select.tipo-texto option:hover {
+  background-color: #f5f5f5;
+}
+.titulo-texto select.tipo-texto option:checked {
+  background-color: #a61930;
+  color: #fff;
+}
+.titulo-texto input[type="color"] {
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  height: 100%;
+  cursor: pointer;
+}
 .tarjeta-texto .eliminar {
   display: flex;
   align-items: center;
@@ -370,51 +403,6 @@ body,
 .tarjeta-texto .eliminar:hover {
   background-color: rgba(255,255,255,0.1);
 }
-.titulo-texto::after {
-  content: none;
-}
-.titulo-texto select.tipo-texto {
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-
-  background-color: #fafafa;
-  background-image:
-    linear-gradient(45deg, transparent 50%, #000 50%),
-    linear-gradient(135deg, #000 50%, transparent 50%);
-  background-position:
-    calc(100% - 20px) calc(50% - 3px),
-    calc(100% - 14px) calc(50% - 3px);
-  background-size: 6px 6px;
-  background-repeat: no-repeat;
-
-  padding: 8px 40px 8px 12px;
-
-  border: none;
-  border-radius: 8px;
-  width: 100%;
-  box-sizing: border-box;
-
-  cursor: pointer;
-  transition: background-color 0.2s ease, box-shadow 0.2s ease;
-}
-.titulo-texto select.tipo-texto:hover {
-  background-color: #f0f0f0;
-}
-.titulo-texto select.tipo-texto:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px rgba(166,25,48,0.5);
-}
-.titulo-texto select.tipo-texto:active {
-  background-color: #ececec;
-}
-.titulo-texto select.tipo-texto option:hover {
-  background-color: #f5f5f5;
-}
-.titulo-texto select.tipo-texto option:checked {
-  background-color: #a61930;
-  color: #fff;
-}
 .tarjeta-texto .eliminar:hover {
   transform: translateX(2px);
 }
@@ -991,4 +979,18 @@ body,
   color: #7f8c8d;
   margin: 4px 0;
   padding-right: 4px;
+}
+
+.select-tractores{
+  display: flex;
+  width: 100%;
+  gap: 10px
+}
+
+#color-grafica{
+  flex: 0 10 1000px
+}
+
+#tractor-grafica{
+  flex: 0 1 1000px
 }
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 58111e7b..65359e58 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -85,11 +85,15 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
       </select>
       <img class='type' src='${rutaBase}/src/framework/utils/iconos/GraficaBarras.svg' alt='Icono Gráfica' />
     </div>
-    <div class='titulo-texto'>
-      <select class='tipo-texto tractor-grafica'>
-        ${opcionesTractores}
-      </select>
-      <img class='type' src='${rutaBase}/src/framework/utils/iconos/GraficaBarras.svg' alt='Icono Gráfica' />
+    <div class='select-tractores'>
+      <div class='titulo-texto' id='tractor-grafica'>
+        <select class='tipo-texto tractor-grafica'>
+          ${opcionesTractores}
+        </select>
+      </div>
+      <div class='titulo-texto' id='color-grafica'>
+        <input type="color" id="color-grafica" name="color-grafica" value="#A61930" />
+      </div>
     </div>
     <div class='boton-formulas'>
       <div class='formulas'>Fórmulas</div>
@@ -100,15 +104,6 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
         <div class='texto-eliminar'>Eliminar</div>
       </div>
     </div>
-    <style>
-      .contador-caracteres {
-        font-size: 12px;
-        text-align: right;
-        color: #7f8c8d;
-        margin: 4px 0;
-        padding-right: 4px;
-      }
-    </style>
   `;
 
   // Datos disponibles para fórmulas

From 1ea8f6124bc90723f2ee44cb481a70bfbf603e16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Sun, 22 Jun 2025 17:08:25 -0600
Subject: [PATCH 61/78] =?UTF-8?q?Cambiar=20color=20de=20gr=C3=A1fica?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/analisis/agregarGrafica.js        | 63 ++++++++-----------
 .../paginas/analisis/graficas/crearGrafica.js | 37 ++++++-----
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 65359e58..0d072b58 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -9,7 +9,7 @@ const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/com
 const { eliminarCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/eliminarCuadroFormulas.js`);
 const { crearCuadroFormulas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
-const { crearGrafica, verificarExcesoEtiquetas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`)
+const { crearGrafica, generarDegradadoHaciaBlanco, verificarExcesoEtiquetas } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`)
 
 
 /* eslint-disable no-unused-vars */
@@ -92,7 +92,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
         </select>
       </div>
       <div class='titulo-texto' id='color-grafica'>
-        <input type="color" id="color-grafica" name="color-grafica" value="#A61930" />
+        <input type="color" id="color-entrada" name="color-grafica" value="#A61930" />
       </div>
     </div>
     <div class='boton-formulas'>
@@ -181,6 +181,11 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
     modificarTipoGrafica(graficaDiv, selectorTipo, tituloGrafica);
   })
 
+  const entradaColor = tarjetaGrafica.querySelector('#color-entrada')
+  entradaColor.addEventListener('change', () => {
+    modificarColor(entradaColor, grafico, 0)
+  })
+
   // Obtener el dato del tractor seleccionado para la gráfica
   const selectorTractor = tarjetaGrafica.querySelector('.tractor-grafica');
   selectorTractor.addEventListener('input', async () => {
@@ -204,40 +209,6 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
   return tarjetaGrafica;
 }
 
-/**
- * Formateador universal para etiquetas de datos según el tipo de gráfica
- * @param {*} value - Valor del dato
- * @param {*} context - Contexto de Chart.js
- * @param {string} tipo - Tipo de gráfica
- * @returns {string} - Etiqueta formateada
- */
-function formatearEtiquetaUniversal(value, context, tipo) {
-  const etiqueta = context.chart.data.labels[context.dataIndex];
-
-  // Para gráficas circulares Y DE BARRAS - SIEMPRE frecuencias con porcentajes/valores
-  if (tipo === 'pie' || tipo === 'doughnut' || tipo === 'polarArea') {
-    const datos = context.chart.data.datasets[0].data;
-    const valorTotal = datos.reduce((total, datapoint) => total + datapoint, 0);
-
-    if (valorTotal === 0) return '';
-
-    const porcentaje = ((value / valorTotal) * 100).toFixed(1);
-    return `${etiqueta}\n${value} (${porcentaje}%)`;
-  }
-
-  // Para gráficas de barras - solo mostrar categoría y frecuencia
-  if (tipo === 'bar') {
-    return `${etiqueta}: ${value}`;
-  }
-
-  // Para gráficas lineales - Mostrar categoría y valor (aunque ya no se mostrarán las etiquetas)
-  if (etiqueta === 'Resultado') {
-    return `${etiqueta}\n${value}`;
-  } else {
-    return `${etiqueta}: ${value}`;
-  }
-}
-
 /**
  * Actualiza una gráfica aplicando los datos originales según el nuevo tipo
  * @param {number} graficaId - ID de la gráfica
@@ -400,6 +371,26 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
   }
 }
 
+function modificarColor(entradaColor, grafica, dataset) {
+  const color = hexARGB(entradaColor.value);
+  const colores = generarDegradadoHaciaBlanco(color, 7);
+
+  grafica.config.data.datasets[dataset].miColor = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+  grafica.config.data.datasets[dataset].misColores = colores;
+
+  grafica.update()
+}
+
+function hexARGB(colorHex) {
+  colorHex = colorHex.replace(/^#/, '');
+
+  const rojo = parseInt(colorHex.substring(0, 2), 16);
+  const verde = parseInt(colorHex.substring(2, 4), 16);
+  const azul = parseInt(colorHex.substring(4, 6), 16);
+
+  return [rojo, verde, azul];
+}
+
 module.exports = {
   agregarGrafica,
 };
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
index 0950f35a..c0911107 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
@@ -30,20 +30,24 @@ function crearGrafica(contexto, tipo, color) {
     data: {
       labels: ['Sin datos'], // Etiqueta inicial más clara
       datasets: [{
+        miColor: color,
+        misColores: colores,
         type: tipo,
         label: 'Datos',
-        backgroundColor: fondo => {
+        backgroundColor: (contexto) => {
           if (tipo == 'line' || tipo == 'radar') {
-            return color;
+            return contexto.dataset.miColor;
           } else {
-            return colores[fondo.dataIndex % colores.length]; // Evitar errores de índice
+            const colores = contexto.dataset.misColores;
+            return colores[contexto.dataIndex % colores.length]; // Evitar errores de índice
           }
         },
-        borderColor: borde => {
+        borderColor: (contexto) => {
           if (tipo == 'line' || tipo == 'radar') {
-            return color;
+            return contexto.dataset.miColor;
           } else {
-            return colores[borde.dataIndex % colores.length]; // Evitar errores de índice
+            const colores = contexto.dataset.misColores;
+            return colores[contexto.dataIndex % colores.length]; // Evitar errores de índice
           }
         },
         data: [0] // Dato inicial más claro
@@ -68,14 +72,19 @@ function crearGrafica(contexto, tipo, color) {
           display: true,
           position: 'top',
           labels: {
-            generateLabels: chart => [
-              {
-                text: chart.data.datasets[0].label || 'Datos',
-                fillStyle: color,
-                strokeStyle: color,
-                fontColor: '#333'
-              }
-            ],
+            generateLabels: (chart) => {
+              const labels = []
+              const datasets = chart.data.datasets
+              datasets.forEach(dataset => {
+                labels.push({
+                  text: dataset.label || 'Datos',
+                  fillStyle: dataset.miColor,
+                  strokeStyle: dataset.miColor,
+                  fontColor: '#333'
+                })
+              })
+              return labels
+            },
           },
         },
         datalabels: {

From 8ff9ebdd3e7a4743c1b1a41bd0ebe07ad3b7aeb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Sun, 22 Jun 2025 17:16:01 -0600
Subject: [PATCH 62/78] Arreglar elementos de estilo

---
 .../framework/utils/css/paginas/analisis/generarReporte.css   | 4 ++--
 .../utils/scripts/paginas/analisis/agregarGrafica.js          | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
index ce76034c..9d4b7041 100644
--- a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
+++ b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
@@ -259,7 +259,7 @@ body,
   position: relative;
   color: #ffffff;
   text-align: center;
-  font-family: "SegoeUi-Regular", sans-serif;
+  font-family: 'SegoeUi-Regular', sans-serif;
   font-size: 24px;
   font-weight: 400;
   position: relative;
@@ -383,7 +383,7 @@ body,
   background-color: #a61930;
   color: #fff;
 }
-.titulo-texto input[type="color"] {
+.titulo-texto input[type='color'] {
   appearance: none;
   border: none;
   background: none;
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 0d072b58..17e49624 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -92,7 +92,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
         </select>
       </div>
       <div class='titulo-texto' id='color-grafica'>
-        <input type="color" id="color-entrada" name="color-grafica" value="#A61930" />
+        <input type='color' id='color-entrada' name='color-grafica' value='#A61930' />
       </div>
     </div>
     <div class='boton-formulas'>
@@ -234,7 +234,6 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
 
   // Crear nueva gráfica
   const nuevaGrafica = crearGrafica(contexto, nuevoTipo);
-  console.log(nuevaGrafica.options.plugins.datalabels.display)
 
   // Si hay datos originales, reprocesarlos para el nuevo tipo
   if (datosOriginales) {

From 568fb5ee5e5fbbd059b9b134903730e747d8cf85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Mon, 23 Jun 2025 16:43:28 -0600
Subject: [PATCH 63/78] =?UTF-8?q?Mantener=20color=20cuando=20se=20cambia?=
 =?UTF-8?q?=20tipo=20de=20gr=C3=A1fica?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paginas/analisis/agregarGrafica.js        | 24 +++++++------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 17e49624..ad7164bb 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -183,7 +183,7 @@ function agregarGrafica(contenedorId, previsualizacionId, tarjetaRef = null, pos
 
   const entradaColor = tarjetaGrafica.querySelector('#color-entrada')
   entradaColor.addEventListener('change', () => {
-    modificarColor(entradaColor, grafico, 0)
+    modificarColor(entradaColor, graficaDiv, 0)
   })
 
   // Obtener el dato del tractor seleccionado para la gráfica
@@ -220,22 +220,17 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
   const canvasAntiguo = graficaExistente.canvas;
   const nuevoCanvas = document.createElement('canvas');
   canvasAntiguo.parentNode.replaceChild(nuevoCanvas, canvasAntiguo);
-
   const contexto = nuevoCanvas.getContext('2d');
 
-  // Preservar información importante
   const tituloActual = graficaExistente.options.plugins.title.text;
-
-  // Obtener datos originales si existen
+  const colorOriginal = graficaExistente.data.datasets[0].miColor
+  const arregloColor = colorOriginal.match(/\d+/g).map(Number);
   const datosOriginales = datosOriginalesFormulas.get(graficaId);
 
-  // Destruir gráfica actual
   graficaExistente.destroy();
 
-  // Crear nueva gráfica
-  const nuevaGrafica = crearGrafica(contexto, nuevoTipo);
+  const nuevaGrafica = crearGrafica(contexto, nuevoTipo, arregloColor);
 
-  // Si hay datos originales, reprocesarlos para el nuevo tipo
   if (datosOriginales) {
     const datosRebuild = procesarDatosUniversal(
       datosOriginales.datos,
@@ -249,10 +244,7 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
     nuevaGrafica.data.datasets[0].type = nuevoTipo;
   }
 
-  // Restaurar título
   nuevaGrafica.options.plugins.title.text = tituloActual;
-
-  // Actualizar
   nuevaGrafica.update();
 
   verificarExcesoEtiquetas(nuevaGrafica);
@@ -371,13 +363,15 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
 }
 
 function modificarColor(entradaColor, grafica, dataset) {
+  const contexto = grafica.querySelector('canvas').getContext('2d');
+  const graficaOriginal = Chart.getChart(contexto);
   const color = hexARGB(entradaColor.value);
   const colores = generarDegradadoHaciaBlanco(color, 7);
 
-  grafica.config.data.datasets[dataset].miColor = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
-  grafica.config.data.datasets[dataset].misColores = colores;
+  graficaOriginal.config.data.datasets[dataset].miColor = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+  graficaOriginal.config.data.datasets[dataset].misColores = colores;
 
-  grafica.update()
+  graficaOriginal.update()
 }
 
 function hexARGB(colorHex) {

From caade6bb7fa7c3e94c0806e576b5852edf92d153 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Calder=C3=B3n?=
 <150750774+Johnccg@users.noreply.github.com>
Date: Tue, 24 Jun 2025 10:03:50 -0600
Subject: [PATCH 64/78] =?UTF-8?q?Agregar=20documentaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scripts/paginas/analisis/agregarGrafica.js     | 14 ++++++++++++++
 .../paginas/analisis/graficas/crearGrafica.js      |  8 +++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index ad7164bb..c156fd4b 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -362,6 +362,14 @@ function agregarEnPosicion(tarjetaRef, elementoReporte, contenedores, posicion)
   }
 }
 
+/**
+ * Modifica el color de un dataset en una gráfica Chart.js, actualizando su color principal
+ * y generando un degradado hacia blanco.
+ *
+ * @param {HTMLInputElement} entradaColor - Elemento input de tipo color del cual se obtiene el valor hexadecimal.
+ * @param {HTMLDivElement} grafica - Elemento HTML que contiene el canvas de la gráfica Chart.js.
+ * @param {number} dataset - Índice del dataset dentro de la gráfica que se desea modificar.
+ */
 function modificarColor(entradaColor, grafica, dataset) {
   const contexto = grafica.querySelector('canvas').getContext('2d');
   const graficaOriginal = Chart.getChart(contexto);
@@ -374,6 +382,12 @@ function modificarColor(entradaColor, grafica, dataset) {
   graficaOriginal.update()
 }
 
+/**
+ * Convierte un valor hexadecimal de color en un arreglo con los valores RGB correspondientes.
+ *
+ * @param {string} colorHex - Color en formato hexadecimal (por ejemplo: "#FF5733" o "FF5733").
+ * @returns {number[]} Arreglo con tres números que representan los componentes R, G y B (en ese orden).
+ */
 function hexARGB(colorHex) {
   colorHex = colorHex.replace(/^#/, '');
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
index c0911107..ccd6d2c1 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js
@@ -190,7 +190,13 @@ function crearGrafica(contexto, tipo, color) {
   return grafico;
 }
 
-
+/**
+ * Verifica si una gráfica de tipo bar, pie, doughnut o polarArea
+ * tiene más de 20 etiquetas. En caso afirmativo, muestra una alerta advirtiendo
+ * que esto puede afectar la visualización o interpretación de la gráfica.
+ *
+ * @param {Chart} grafica - Instancia de una gráfica de Chart.js que se desea verificar.
+ */
 function verificarExcesoEtiquetas(grafica) {
   const tipo = grafica.config.type;
   const etiquetas = grafica.data.labels || [];

From 3c88ee7b413e4542ba776d012268aec60ef830ee Mon Sep 17 00:00:00 2001
From: DanielQueijeiro <dany.queijeiro@hotmail.com>
Date: Tue, 24 Jun 2025 10:44:27 -0600
Subject: [PATCH 65/78] habilitar dispositivos

---
 .../dispositivos/habilitarDispositivo.js      |  33 ++
 .../dispositivos/obtenerDispositivos.js       |  28 +
 .../backend/domain/usuariosAPI/usuariosAPI.js |  86 ++-
 .../dispositivos/gestionDispositivos.css      | 489 ++++++++++++++++++
 .../css/paginas/inicio/pantallaBloqueo.css    |  29 ++
 .../framework/utils/scripts/iniciarSesion.js  |   1 -
 .../utils/scripts/interfaz/barraLateral.js    |   3 +-
 .../paginas/analisis/agregarGrafica.js        |   1 -
 .../dispositivos/datosDispositivosPrueba.js   |  43 ++
 .../dispositivos/moduloGestionDispositivos.js | 369 +++++++++++++
 .../vistas/includes/barraLateral.ejs          |   7 +
 .../dispositivos/listaDispositivos.ejs        |  37 ++
 .../vistas/paginas/inicio/pantallaBloqueo.ejs |  53 +-
 harvester-app/src/main.js                     |  35 +-
 .../dispositivos/gestionDispositivos.test.js  | 101 ++++
 15 files changed, 1293 insertions(+), 22 deletions(-)
 create mode 100644 harvester-app/src/backend/casosUso/dispositivos/habilitarDispositivo.js
 create mode 100644 harvester-app/src/backend/casosUso/dispositivos/obtenerDispositivos.js
 create mode 100644 harvester-app/src/framework/utils/css/paginas/dispositivos/gestionDispositivos.css
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
 create mode 100644 harvester-app/src/framework/vistas/paginas/dispositivos/listaDispositivos.ejs
 create mode 100644 harvester-app/src/pruebas/dispositivos/gestionDispositivos.test.js

diff --git a/harvester-app/src/backend/casosUso/dispositivos/habilitarDispositivo.js b/harvester-app/src/backend/casosUso/dispositivos/habilitarDispositivo.js
new file mode 100644
index 00000000..4d397cbd
--- /dev/null
+++ b/harvester-app/src/backend/casosUso/dispositivos/habilitarDispositivo.js
@@ -0,0 +1,33 @@
+// RF48 Administrador habilita dispositivo - Nuevo requerimiento para habilitar dispositivos deshabilitados
+
+const { habilitarDispositivo: habilitarDispositivoAPI } = require('../../domain/usuariosAPI/usuariosAPI');
+
+/**
+ * Habilita un dispositivo específico que ha sido previamente deshabilitado.
+ *
+ * Esta función valida que se proporcione un ID de dispositivo y, si es válido, 
+ * realiza una solicitud asíncrona a la API para habilitar el dispositivo correspondiente.
+ * Retorna un objeto con el resultado de la operación.
+ *
+ * @async
+ * @function habilitarDispositivo
+ * @param {string} idDispositivo - ID del dispositivo que se va a habilitar.
+ * @returns {Promise<{ok: boolean, mensaje: string}>} Resultado de la operación de habilitación.
+ */
+async function habilitarDispositivo(idDispositivo) {
+    if (!idDispositivo) {
+        return { ok: false, mensaje: 'ID de dispositivo no proporcionado' };
+    }
+
+    try {
+        const respuesta = await habilitarDispositivoAPI(idDispositivo);
+        return respuesta;
+
+    } catch {
+        return { ok: false, mensaje: 'Error al habilitar el dispositivo' };
+    }
+}
+
+module.exports = {
+    habilitarDispositivo,
+};
diff --git a/harvester-app/src/backend/casosUso/dispositivos/obtenerDispositivos.js b/harvester-app/src/backend/casosUso/dispositivos/obtenerDispositivos.js
new file mode 100644
index 00000000..4297d892
--- /dev/null
+++ b/harvester-app/src/backend/casosUso/dispositivos/obtenerDispositivos.js
@@ -0,0 +1,28 @@
+// RF47 Administrador consulta dispositivos - Nuevo requerimiento para listar todos los dispositivos
+
+const { obtenerDispositivos: obtenerDispositivosAPI } = require('../../domain/usuariosAPI/usuariosAPI');
+
+/**
+ * Obtiene la lista completa de dispositivos con información de sus propietarios.
+ *
+ * Esta función realiza una solicitud asíncrona a la API para obtener todos los dispositivos
+ * registrados en el sistema, incluyendo información sobre sus propietarios y estado.
+ * Retorna un objeto con el resultado de la operación.
+ *
+ * @async
+ * @function obtenerDispositivos
+ * @returns {Promise<{ok: boolean, dispositivos?: Array, mensaje?: string}>} Resultado de la operación con la lista de dispositivos.
+ */
+async function obtenerDispositivos() {
+    try {
+        const respuesta = await obtenerDispositivosAPI();
+        return respuesta;
+
+    } catch {
+        return { ok: false, mensaje: 'Error al obtener la lista de dispositivos' };
+    }
+}
+
+module.exports = {
+    obtenerDispositivos,
+};
diff --git a/harvester-app/src/backend/domain/usuariosAPI/usuariosAPI.js b/harvester-app/src/backend/domain/usuariosAPI/usuariosAPI.js
index 98ccd946..b9999452 100644
--- a/harvester-app/src/backend/domain/usuariosAPI/usuariosAPI.js
+++ b/harvester-app/src/backend/domain/usuariosAPI/usuariosAPI.js
@@ -196,11 +196,95 @@ async function deshabilitarDispositivo(idUsuario) {
     }
 }
 
+/**
+ * Obtiene la lista completa de dispositivos con información de sus propietarios.
+ *
+ * Esta función realiza una petición al endpoint de consulta de dispositivos del servidor
+ * y devuelve la lista de todos los dispositivos registrados.
+ *
+ * @async
+ * @function obtenerDispositivos
+ * @returns {Promise<{ok: boolean, dispositivos?: Array, mensaje?: string}>} Objeto con el estado de la operación y la lista de dispositivos.
+ */
+async function obtenerDispositivos() {
+    if (!token) {
+        return {
+            ok: false,
+            mensaje: 'Token de autenticación no encontrado',
+        };
+    }
+    try {
+        const respuesta = await fetch(`${URL_BASE}/dispositivo/listar`, {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${token}`,
+            },
+        });
+        
+        const datos = await respuesta.json();
+
+        if (respuesta.status === 404) {
+            return { ok: true, dispositivos: [] };
+        }
+
+        return { ok: respuesta.ok, ...datos };
+    } catch (error) {
+        if (error instanceof TypeError) {
+            return { ok: false, mensaje: 'Error de conexión con el servidor' };
+        } else {
+            return { ok: false, mensaje: error.message || 'Error desconocido' };
+        }
+    }
+}
+
+/**
+ * Habilita un dispositivo específico mediante una solicitud HTTP POST a la API.
+ *
+ * Esta función realiza una petición al endpoint de habilitación de dispositivos del servidor
+ * y devuelve el resultado indicando si la operación fue exitosa o no.
+ *
+ * @async
+ * @function habilitarDispositivo
+ * @param {string} idDispositivo - ID del dispositivo que se va a habilitar.
+ * @returns {Promise<{ok: boolean, mensaje?: string}>} Objeto con el estado de la operación y un posible mensaje del servidor.
+ */
+async function habilitarDispositivo(idDispositivo) {
+    if (!token) {
+        return {
+            ok: false,
+            mensaje: 'Token de autenticación no encontrado',
+        };
+    }
+    try {
+        const respuesta = await fetch(`${URL_BASE}/dispositivo/habilitar`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${token}`,
+            },
+            body: JSON.stringify({ dispositivoId: idDispositivo }),
+        });
+        
+        const datos = await respuesta.json();
+
+        return { ok: respuesta.ok, ...datos };
+    } catch (error) {
+        if (error instanceof TypeError) {
+            return { ok: false, mensaje: 'Error de conexión con el servidor' };
+        } else {
+            return { ok: false, mensaje: error.message || 'Error desconocido' };
+        }
+    }
+}
+
 module.exports = {
     obtenerUsuarios,
     modificarUsuario,
     eliminarUsuario,
     crearUsuario,
     consultarRoles,
-    deshabilitarDispositivo
+    deshabilitarDispositivo,
+    obtenerDispositivos,
+    habilitarDispositivo
 };
diff --git a/harvester-app/src/framework/utils/css/paginas/dispositivos/gestionDispositivos.css b/harvester-app/src/framework/utils/css/paginas/dispositivos/gestionDispositivos.css
new file mode 100644
index 00000000..f36fe819
--- /dev/null
+++ b/harvester-app/src/framework/utils/css/paginas/dispositivos/gestionDispositivos.css
@@ -0,0 +1,489 @@
+/* === Estilos específicos para gestión de dispositivos === */
+
+/* === Layout principal === */
+.contenedor-usuarios {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  padding: 2rem;
+  background: #f8f9fa;
+  border-radius: 10px;
+  margin: 1rem;
+}
+
+/* === Encabezado === */
+.encabezado-usuarios {
+  text-align: center;
+  margin-bottom: 1rem;
+  padding: 1.5rem;
+  background: #a61930;
+  color: white;
+  border-radius: 10px;
+  border: 2px solid rgba(255,255,255,.15);
+}
+
+.encabezado-usuarios h1 {
+  margin: 0 0 0.5rem 0;
+  font-size: 2rem;
+  font-weight: bold;
+}
+
+.encabezado-usuarios p {
+  margin: 0;
+  font-size: 1.125rem;
+  opacity: 0.9;
+}
+
+/* === Contenedor de búsqueda === */
+.contenedor-buscar {
+  margin-bottom: 1rem;
+}
+
+.campo-buscar {
+  display: flex;
+  align-items: center;
+  gap: .5rem;
+  padding: 1rem;
+  background: #e8e8e8;
+  border: 4px solid rgba(38,43,64,.1);
+  border-radius: .5rem;
+}
+
+.icono-buscar {
+  width: 1.6rem;
+  height: 1.6rem;
+}
+
+.campo-buscar input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: 1.125rem;
+  color: rgba(0,0,0,.8);
+}
+
+.campo-buscar input::placeholder {
+  color: rgba(0,0,0,.33);
+  font-size: 1.125rem;
+}
+
+.contador-caracteres {
+  font-size: 12px;
+  color: #7f8c8d;
+  white-space: nowrap;
+  margin-left: 1rem;
+}
+
+/* === Leyenda de estados === */
+.leyenda-estados {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+  margin-bottom: 1.5rem;
+  padding: 1rem;
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+
+.estado-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1rem;
+  color: #555;
+  font-weight: 500;
+}
+
+.estado-circulo {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.estado-circulo.activo {
+  background-color: #28a745;
+}
+
+.estado-circulo.inactivo {
+  background-color: #dc3545;
+}
+
+/* === Lista de dispositivos === */
+.lista-usuarios {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(850px, 1fr));
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.usuario-item {
+  display: flex;
+  align-items: stretch;
+  gap: .75rem;
+  padding: 1rem;
+  background: #fff;
+  border: 1.5px solid #000;
+  border-radius: .4rem;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.usuario-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.usuario-info > div {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 0.5rem;
+}
+
+.usuario-info strong {
+  color: #262b40;
+  font-weight: 600;
+  min-width: 150px;
+  font-size: 1rem;
+}
+
+.usuario-nombre {
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  background: #f8f9fa;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 0.95rem;
+  border-left: 3px solid #a61930;
+  color: #262b40;
+  font-weight: 500;
+}
+
+.usuario-correo {
+  color: #555;
+  font-size: 1rem;
+}
+
+.usuario-fecha {
+  color: #777;
+  font-size: 0.95rem;
+}
+
+/* === Badges de estado === */
+.estado-badge {
+  padding: 0.25rem 0.75rem;
+  border-radius: 1rem;
+  font-size: 0.85rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.estado-badge.activo {
+  background-color: #d4edda;
+  color: #155724;
+  border: 1px solid #c3e6cb;
+}
+
+.estado-badge.activo::before {
+  content: '●';
+  color: #28a745;
+}
+
+.estado-badge.inactivo {
+  background-color: #f8d7da;
+  color: #721c24;
+  border: 1px solid #f5c6cb;
+}
+
+.estado-badge.inactivo::before {
+  content: '●';
+  color: #dc3545;
+}
+
+/* === Botones de acción === */
+.usuario-acciones {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.boton-habilitar {
+  background: #28a745;
+  border: 2px solid rgba(255,255,255,.15);
+  border-radius: .5rem;
+  padding: .5rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.boton-habilitar:hover {
+  background: #218838;
+  transform: translateY(-1px);
+}
+
+.boton-habilitar img {
+  display: block;
+  width: 3rem;
+  height: 3rem;
+  filter: brightness(0) invert(1);
+}
+
+/* Estilos para botón deshabilitado */
+.boton-deshabilitado {
+  opacity: 0.5;
+  cursor: not-allowed !important;
+  filter: grayscale(100%);
+}
+
+.boton-deshabilitado:hover {
+  background-color: #28a745 !important;
+  transform: none !important;
+  box-shadow: none !important;
+}
+
+.boton-deshabilitado img {
+  opacity: 0.6;
+}
+
+/* === Paginación === */
+.paginacion {
+  display: flex;
+  gap: .5rem;
+  justify-content: center;
+  font-size: 1.75rem;
+  margin-top: 2rem;
+  padding: 1rem;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #ddd;
+}
+
+.paginacion button,
+.paginacion span {
+  color: #000;
+  padding: .25rem .5rem;
+  background: transparent !important;
+  border: none !important;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+}
+
+.paginacion button:hover {
+  background: #f8f9fa !important;
+  color: #a61930;
+}
+
+.paginacion button.pagina-actual,
+.paginacion button.activo {
+  color: #a61930;
+  font-weight: bold;
+  text-decoration: underline;
+  font-size: 1.75rem;
+}
+
+.paginacion button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.puntos-paginacion {
+  background: transparent;
+  padding: 0 4px;
+}
+
+/* === Mensaje cuando no hay dispositivos === */
+.mensaje-vacio {
+  text-align: center;
+  padding: 3rem 2rem;
+  background: #fff;
+  border: 1.5px solid #ddd;
+  border-radius: 8px;
+  margin: 2rem 0;
+}
+
+.icono-vacio {
+  width: 80px;
+  height: 80px;
+  opacity: 0.3;
+  margin: 0 auto 1rem;
+  display: block;
+}
+
+.mensaje-vacio h3 {
+  color: #262b40;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+}
+
+.mensaje-vacio p {
+  color: #777;
+  font-size: 1rem;
+  max-width: 400px;
+  margin: 0 auto;
+}
+
+/* === Indicador de dispositivo activo === */
+.dispositivo-activo {
+  color: #28a745;
+  font-weight: 600;
+  font-size: 1rem;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.dispositivo-activo::before {
+  content: '✓';
+  font-weight: bold;
+}
+
+/* === Responsive === */
+/* Pantallas grandes y medianas (850px+ disponible) */
+@media (min-width: 1200px) {
+  .lista-usuarios {
+    grid-template-columns: repeat(auto-fit, minmax(850px, 1fr));
+  }
+}
+
+/* Pantallas medianas (600px - 1199px) */
+@media (max-width: 1199px) and (min-width: 900px) {
+  .lista-usuarios {
+    grid-template-columns: repeat(auto-fit, minmax(750px, 1fr));
+  }
+}
+
+/* Tablets (600px - 899px) */
+@media (max-width: 899px) and (min-width: 600px) {
+  .lista-usuarios {
+    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
+    gap: 1rem;
+  }
+  
+  .usuario-item {
+    padding: 1rem;
+  }
+}
+
+/* Móviles grandes y tablets pequeños */
+@media (max-width: 768px) {
+  .contenedor-usuarios {
+    margin: 0.5rem;
+    padding: 1rem;
+  }
+  
+  .lista-usuarios {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+  
+  .encabezado-usuarios h1 {
+    font-size: 1.8rem;
+  }
+  
+  .leyenda-estados {
+    flex-direction: column;
+    gap: 1rem;
+  }
+  
+  .estado-item {
+    justify-content: center;
+  }
+  
+  .usuario-item {
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1rem;
+  }
+  
+  .usuario-info > div {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.25rem;
+  }
+  
+  .usuario-info strong {
+    min-width: auto;
+  }
+  
+  .usuario-acciones {
+    justify-content: center;
+  }
+  
+  .campo-buscar {
+    padding: 0.75rem;
+  }
+  
+  .campo-buscar input {
+    font-size: 1rem;
+  }
+}
+
+/* Móviles pequeños */
+@media (max-width: 480px) {
+  .encabezado-usuarios {
+    padding: 1rem;
+  }
+  
+  .encabezado-usuarios h1 {
+    font-size: 1.6rem;
+  }
+  
+  .encabezado-usuarios p {
+    font-size: 1rem;
+  }
+  
+  .usuario-item {
+    padding: 0.75rem;
+  }
+  
+  .campo-buscar {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  
+  .contador-caracteres {
+    margin-left: 0;
+    text-align: center;
+  }
+  
+  .paginacion {
+    font-size: 1.5rem;
+    flex-wrap: wrap;
+  }
+  
+  .boton-habilitar img {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+}
+
+/* Pantallas extra grandes (1600px+) */
+@media (min-width: 1600px) {
+  .contenedor-usuarios {
+    max-width: 1800px;
+    margin: 1rem auto;
+  }
+  
+  .lista-usuarios {
+    grid-template-columns: repeat(auto-fit, minmax(850px, 1fr));
+    gap: 1rem;
+  }
+}
+
+/* Pantallas ultra anchas (2000px+) - Permite 2 columnas de 850px */
+@media (min-width: 2000px) {
+  .lista-usuarios {
+    grid-template-columns: repeat(2, minmax(850px, 1fr));
+    max-width: 1800px;
+    margin: 0 auto;
+  }
+}
diff --git a/harvester-app/src/framework/utils/css/paginas/inicio/pantallaBloqueo.css b/harvester-app/src/framework/utils/css/paginas/inicio/pantallaBloqueo.css
index b2719755..33550e64 100644
--- a/harvester-app/src/framework/utils/css/paginas/inicio/pantallaBloqueo.css
+++ b/harvester-app/src/framework/utils/css/paginas/inicio/pantallaBloqueo.css
@@ -50,4 +50,33 @@ h1 {
 .contacto-info p {
     margin: 0.5rem 0;
     color: #333;
+}
+
+/* Estilos para diferentes tipos de error */
+.error-conexion {
+    color: #e74c3c;
+}
+
+.error-servidor {
+    color: #f39c12;
+}
+
+.error-dispositivo {
+    color: #9b59b6;
+}
+
+
+/* Información del dispositivo */
+.info-dispositivo {
+    margin-top: 20px;
+    font-size: 12px;
+    color: #666;
+    background: #f8f9fa;
+    padding: 1rem;
+    border-radius: 8px;
+    border: 1px solid #e9ecef;
+}
+
+.info-dispositivo p {
+    margin: 0.25rem 0;
 }
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/iniciarSesion.js b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
index af8115ea..076a387e 100644
--- a/harvester-app/src/framework/utils/scripts/iniciarSesion.js
+++ b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
@@ -34,7 +34,6 @@ async function manejarInicioSesion() {
   try {
     // Obtener el ID del dispositivo antes del login para enviarlo al servidor
     const dispositivoID = obtenerID();
-    
     // Intentar iniciar sesión enviando también el ID del dispositivo para registro
     const respuesta = await iniciarSesion(correo, contrasenia, dispositivoID);
     
diff --git a/harvester-app/src/framework/utils/scripts/interfaz/barraLateral.js b/harvester-app/src/framework/utils/scripts/interfaz/barraLateral.js
index dad5a297..8622e41b 100644
--- a/harvester-app/src/framework/utils/scripts/interfaz/barraLateral.js
+++ b/harvester-app/src/framework/utils/scripts/interfaz/barraLateral.js
@@ -10,6 +10,7 @@ const informacionModulos = {
   formulas:        [`${rutaBase}src/framework/vistas/paginas/formulas/listaFormulas.ejs`, 'Fórmulas', 'Funcion'],
   perfil:          [`${rutaBase}src/framework/vistas/paginas/usuarios/consultarPerfil.ejs`, 'Perfil', 'Usuario'],
   usuarios:        [`${rutaBase}src/framework/vistas/paginas/usuarios/listaUsuarios.ejs`, 'Usuarios', 'Usuario'],
+  dispositivos:    [`${rutaBase}src/framework/vistas/paginas/dispositivos/listaDispositivos.ejs`, 'Gestión de Dispositivos', 'BaseDatos'],
 };
 
 async function cargarModulo(modulo){
@@ -43,7 +44,7 @@ function configurarBotonesLaterales(){
     boton.addEventListener('click', async() => {
       const seccion = localStorage.getItem('seccion-activa');
 
-      if(seccion == 'analisis' && boton.classList.contains('sidebar-logo') == false){
+ if(seccion == 'analisis' && boton.classList.contains('sidebar-logo') == false){
         const resultadoConfirmado = await mostrarAlertaConfirmacion('¿Estás seguro de salir?', 'Se perderá el reporte si sales de este', 'warning', 'Sí, salir', 'Cancelar');
         if(resultadoConfirmado) {
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
index 58111e7b..dcdadf6a 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/agregarGrafica.js
@@ -268,7 +268,6 @@ function actualizarGraficaConTipo(graficaId, nuevoTipo, graficaExistente) {
 
   // Crear nueva gráfica
   const nuevaGrafica = crearGrafica(contexto, nuevoTipo);
-  console.log(nuevaGrafica.options.plugins.datalabels.display)
 
   // Si hay datos originales, reprocesarlos para el nuevo tipo
   if (datosOriginales) {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js
new file mode 100644
index 00000000..3625891b
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js
@@ -0,0 +1,43 @@
+// Datos de prueba para dispositivos - Temporal para testing
+const dispositivosDePrueba = [
+    {
+        idDispositivo: "DEVICE-001-WIN-LAPTOP",
+        nombrePropietario: "Juan Pérez",
+        activo: true,
+        ultimoAcceso: "2025-06-22 10:30:00"
+    },
+    {
+        idDispositivo: "DEVICE-002-MAC-DESKTOP", 
+        nombrePropietario: "María García",
+        activo: false,
+        ultimoAcceso: "2025-06-20 15:45:00"
+    },
+    {
+        idDispositivo: "DEVICE-003-LINUX-SERVER",
+        nombrePropietario: "Carlos López",
+        activo: true,
+        ultimoAcceso: "2025-06-22 09:15:00"
+    },
+    {
+        idDispositivo: "DEVICE-004-WIN-TABLET",
+        nombrePropietario: null,
+        activo: false,
+        ultimoAcceso: null
+    }
+];
+
+/**
+ * Función temporal para retornar datos de prueba
+ * Reemplaza temporalmente la llamada a la API
+ */
+function obtenerDispositivosDePrueba() {
+    return {
+        ok: true,
+        dispositivos: dispositivosDePrueba
+    };
+}
+
+module.exports = {
+    obtenerDispositivosDePrueba,
+    dispositivosDePrueba
+};
diff --git a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
new file mode 100644
index 00000000..00824c22
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
@@ -0,0 +1,369 @@
+const { obtenerDispositivos: obtenerDispositivosCU } = require(`${rutaBase}src/backend/casosUso/dispositivos/obtenerDispositivos.js`);
+const { habilitarDispositivo: habilitarDispositivoCU } = require(`${rutaBase}src/backend/casosUso/dispositivos/habilitarDispositivo.js`);
+const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
+
+const dispositivosPorPagina = 4;
+let paginaActual = 1;
+let listaDispositivos = [];
+let dispositivosFiltrados = [];
+let terminoBusqueda = '';
+
+/**
+ * Inicializa el módulo de gestión de dispositivos.
+ * Carga los dispositivos desde el backend, configura la paginación
+ * y añade event listeners a los botones de la interfaz.
+ * @async
+ * @function inicializarModuloGestionDispositivos
+ * @returns {Promise<void>}
+ */
+async function inicializarModuloGestionDispositivos() {
+    await obtenerDispositivos();
+    configurarCampoBusqueda();
+    configurarContadoresCampos();
+}
+
+/** 
+ * Obtiene la lista de dispositivos del backend y los renderiza en la interfaz.
+ * 
+ * @async
+ * @function obtenerDispositivos
+ * @returns {void}
+ */
+async function obtenerDispositivos() {
+    try {
+        const resultado = await obtenerDispositivosCU();
+        
+        
+        if (resultado.ok) {
+            listaDispositivos = resultado.dispositivos || [];
+            dispositivosFiltrados = [...listaDispositivos];
+            
+            if (listaDispositivos.length === 0) {
+                mostrarMensajeVacio();
+            } else {
+                ocultarMensajeVacio();
+                cargarPagina(1);
+            }
+        } else {
+            mostrarAlerta('Error', resultado.mensaje || 'No se pudieron cargar los dispositivos', 'error');
+            mostrarMensajeVacio();
+        }
+    } catch  {
+        mostrarAlerta('Error', 'Error de conexión al cargar dispositivos', 'error');
+        mostrarMensajeVacio();
+    }
+}
+
+/**
+ * Configura el campo de búsqueda de dispositivos.
+ * 
+ * @function configurarCampoBusqueda
+ * @returns {void}
+ */
+function configurarCampoBusqueda() {
+    const campoBusqueda = document.getElementById('campoBusqueda');
+      if (campoBusqueda) {
+        campoBusqueda.addEventListener('input', (event) => {
+            terminoBusqueda = event.target.value.toLowerCase().trim();
+            actualizarCaracteresBuscador(event.target);
+            filtrarDispositivos();
+        });
+    }
+}
+
+/**
+ * Actualiza el contador de caracteres restantes para el buscador de dispositivos.
+ * 
+ * @function actualizarCaracteresBuscador
+ * @param {HTMLInputElement} campoEntrada - Campo de entrada a validar.
+ * @returns {void}
+ */
+function actualizarCaracteresBuscador(campoEntrada) {
+    const contadorElemento = document.getElementById('contadorBusqueda');
+    if (contadorElemento) {
+        contadorElemento.textContent = campoEntrada.value.length;
+    }
+}
+
+/**
+ * Actualiza los contadores de caracteres que ya existen en el HTML.
+ * No inserta nada, solo los inicializa y los mantiene al día.
+ * 
+ * @function configurarContadoresCampos
+ * @returns {void}
+ */
+function configurarContadoresCampos() {
+    const campoBusqueda = document.getElementById('campoBusqueda');
+    if (campoBusqueda) {
+        actualizarCaracteresBuscador(campoBusqueda);
+    }
+}
+
+/** 
+ * Filtra la lista de dispositivos según el término de búsqueda ingresado.
+ * 
+ * @function filtrarDispositivos
+ */
+function filtrarDispositivos() {
+    if (terminoBusqueda === '') {
+        dispositivosFiltrados = [...listaDispositivos];
+    } else {
+        dispositivosFiltrados = listaDispositivos.filter(dispositivo => {
+            // Verificar que el dispositivo existe y tiene las propiedades necesarias
+            if (!dispositivo) return false;
+            
+            // Buscar por ID del dispositivo (manejar tanto 'id' como 'idDispositivo')
+            const dispositivoId = dispositivo.id || dispositivo.idDispositivo || '';
+            const idMatch = dispositivoId.toString().toLowerCase().includes(terminoBusqueda);
+            
+            // Buscar por nombre del propietario
+            const propietario = dispositivo.nombreUsuario || '';
+            const propietarioMatch = propietario.toString().toLowerCase().includes(terminoBusqueda);
+            
+            return idMatch || propietarioMatch;
+        });
+    }
+    
+    if (dispositivosFiltrados.length === 0) {
+        mostrarMensajeVacio();
+    } else {
+        ocultarMensajeVacio();
+        cargarPagina(1);
+    }
+}
+
+/**
+ * Habilita un dispositivo específico.
+ * Llama al backend para habilitar el dispositivo y actualiza la lista.
+ * @async
+ * @function habilitarDispositivo
+ * @param {string} idDispositivo - ID del dispositivo a habilitar
+ * @returns {Promise<void>}
+ */
+async function habilitarDispositivo(idDispositivo) {
+    /*eslint-disable-next-line*/
+    const confirmacion = await mostrarAlertaConfirmacion(
+        '¿Habilitar dispositivo?',
+        `¿Estás seguro de que deseas habilitar el dispositivo ${idDispositivo}?`,
+        'question',
+        'Sí, habilitar',
+        'Cancelar'
+    );    if (confirmacion) {
+        try {
+            const resultado = await habilitarDispositivoCU(idDispositivo);
+            
+            if (resultado.ok) {
+                mostrarAlerta('Éxito', 'Dispositivo habilitado correctamente', 'success');
+                await obtenerDispositivos(); // Recargar la lista
+            } else {
+                mostrarAlerta('Error', resultado.mensaje || 'No se pudo habilitar el dispositivo', 'error');
+            }
+        } catch {
+            mostrarAlerta('Error', 'Error de conexión al habilitar dispositivo', 'error');
+        }
+    }
+}
+
+/**
+ * Carga y muestra una página específica de dispositivos.
+ * Calcula los dispositivos correspondientes a la página solicitada
+ * y actualiza la interfaz de paginación.
+ * @function cargarPagina
+ * @param {number} pagina - Número de la página a cargar (empezando desde 1)
+ * @returns {void}
+ */
+function cargarPagina(pagina) {
+    // Actualizar la página actual ANTES de configurar la paginación
+    paginaActual = pagina;
+    
+    const inicio = (pagina - 1) * dispositivosPorPagina;
+    const fin = inicio + dispositivosPorPagina;
+    const dispositivosPagina = dispositivosFiltrados.slice(inicio, fin);
+    
+    mostrarDispositivos(dispositivosPagina);
+    
+    const totalPaginas = Math.ceil(dispositivosFiltrados.length / dispositivosPorPagina);
+    configurarPaginacion(totalPaginas);
+}
+
+/**
+ * Muestra los dispositivos en la interfaz gráfica.
+ * Crea elementos DOM para cada dispositivo y los añade a la lista.
+ * @function mostrarDispositivos
+ * @param {Array<Object>} dispositivos - Lista de dispositivos a mostrar
+ * @returns {void}
+ */
+function mostrarDispositivos(dispositivos) {
+    const listaDeDispositivos = document.getElementById('listaDispositivos');
+    
+    if (!listaDeDispositivos) {
+        return;
+    }
+    
+    listaDeDispositivos.innerHTML = '';
+    
+    const fragmento = crearListaDispositivos(dispositivos);
+    listaDeDispositivos.appendChild(fragmento);
+    
+    configurarBotonHabilitar(listaDeDispositivos);
+}
+
+/**
+ * Configura la paginación de dispositivos.
+ * 
+ * @function configurarPaginacion
+ * @param {number} paginasTotales - Total de páginas disponibles.
+ * @returns {void}
+ */
+function configurarPaginacion(paginasTotales) {
+    const paginacion = document.getElementById('paginacion');
+    paginacion.innerHTML = '';
+    
+    if (paginasTotales <= 1) return;
+    
+    // Botón anterior
+    const botonAnterior = document.createElement('button');
+    botonAnterior.textContent = 'Anterior';
+    botonAnterior.disabled = paginaActual === 1;
+    botonAnterior.addEventListener('click', () => {
+        if (paginaActual > 1) cargarPagina(paginaActual - 1);
+    });
+    paginacion.appendChild(botonAnterior);
+    
+    crearBotonNumeros(paginasTotales, paginacion);
+    
+    // Botón siguiente
+    const botonSiguiente = document.createElement('button');
+    botonSiguiente.textContent = 'Siguiente';
+    botonSiguiente.disabled = paginaActual === paginasTotales;
+    botonSiguiente.addEventListener('click', () => {
+        if (paginaActual < paginasTotales) cargarPagina(paginaActual + 1);
+    });
+    paginacion.appendChild(botonSiguiente);
+}
+
+/**
+ * Crea los botones de paginación numéricos.
+ * @function crearBotonNumeros
+ * @param {number} paginasTotales - Total de páginas disponibles.
+ * @param {HTMLElement} paginacion - Elemento contenedor de la paginación.
+ * @returns {void}
+ */
+function crearBotonNumeros(paginasTotales, paginacion) {
+    for (let index = 1; index <= paginasTotales; index += 1) {
+        const botonNumero = document.createElement('button');
+        botonNumero.textContent = index;
+        botonNumero.classList.toggle('activo', index === paginaActual);
+        botonNumero.addEventListener('click', () => cargarPagina(index));
+        paginacion.appendChild(botonNumero);
+    }
+}
+
+/**
+ * Crea un fragmento de documento con los dispositivos.
+ * 
+ * @function crearListaDispositivos
+ * @param {Array<Object>} dispositivos - Lista de dispositivos a renderizar.
+ * @returns {DocumentFragment} Un fragmento de documento con los dispositivos renderizados.
+ */
+function crearListaDispositivos(dispositivos) {
+    const fragmento = document.createDocumentFragment();
+    
+    dispositivos.forEach((dispositivo) => {
+        const elementoDispositivo = document.createElement('div');
+        elementoDispositivo.className = 'usuario-item';
+        
+        const estadoClase = dispositivo.estado ? 'activo' : 'inactivo';
+        const estadoTexto = dispositivo.estado ? 'Habilitado' : 'Deshabilitado';
+        
+        elementoDispositivo.innerHTML = `
+            <div class='usuario-info'>
+            <div class='usuario-nombre'>
+                <strong>ID:</strong> ${dispositivo.id}
+            </div>
+            <div class='usuario-correo'>
+                <strong>Propietario:</strong> ${dispositivo.nombreUsuario || 'No asignado'}
+            </div>
+            <div class='usuario-rol'>
+                <strong>Estado:</strong> 
+                <span class='estado-badge ${estadoClase}'>${estadoTexto}</span>
+            </div>
+            </div>
+            ${estadoClase !== 'activo' ? `
+            <div class='usuario-acciones'>
+                <button class='boton-accion boton-habilitar' data-id='${dispositivo.id}' title='Habilitar dispositivo'>
+                <img src='${rutaBase}src/framework/utils/iconos/check_box.svg' alt='Habilitar' />
+                </button>
+            </div>
+            ` : ''}
+        `;
+        
+        fragmento.appendChild(elementoDispositivo);
+    });
+    
+    return fragmento;
+}
+
+/**
+ * Configura el botón de habilitar dispositivo para cada dispositivo en la lista.
+ * 
+ * @function configurarBotonHabilitar
+ * @param {HTMLElement} listaDeDispositivos - Elemento contenedor de la lista de dispositivos.
+ * @returns {void}
+ */
+function configurarBotonHabilitar(listaDeDispositivos) {
+    const botonesHabilitar = listaDeDispositivos.querySelectorAll('.boton-habilitar');
+    
+    botonesHabilitar.forEach((boton) => {
+        boton.addEventListener('click', () => {
+            const idDispositivo = boton.getAttribute('data-id');
+            habilitarDispositivo(idDispositivo);
+        });
+    });
+}
+
+/**
+ * Muestra el mensaje cuando no hay dispositivos para mostrar.
+ * 
+ * @function mostrarMensajeVacio
+ * @returns {void}
+ */
+function mostrarMensajeVacio() {
+    const mensajeVacio = document.getElementById('mensajeVacio');
+    const listaDispositivos = document.getElementById('listaDispositivos');
+    const paginacion = document.getElementById('paginacion');
+    const loadingSpinner = document.getElementById('loadingSpinner');
+    const mensajeVacioContenido = document.getElementById('mensajeVacioContenido');
+    
+    if (mensajeVacio) {
+        mensajeVacio.style.display = 'block';
+        
+        // Mostrar spinner inicialmente
+        if (loadingSpinner) loadingSpinner.style.display = 'flex';
+        if (mensajeVacioContenido) mensajeVacioContenido.style.display = 'none';
+        
+        // Después de 1 segundo, mostrar el mensaje real
+        setTimeout(() => {
+            if (loadingSpinner) loadingSpinner.style.display = 'none';
+            if (mensajeVacioContenido) mensajeVacioContenido.style.display = 'block';
+        }, 1000);
+    }
+    
+    if (listaDispositivos) listaDispositivos.innerHTML = '';
+    if (paginacion) paginacion.innerHTML = '';
+}
+
+/**
+ * Oculta el mensaje cuando hay dispositivos para mostrar.
+ * 
+ * @function ocultarMensajeVacio
+ * @returns {void}
+ */
+function ocultarMensajeVacio() {
+    const mensajeVacio = document.getElementById('mensajeVacio');
+    if (mensajeVacio) {
+        mensajeVacio.style.display = 'none';
+    }
+}
+
+inicializarModuloGestionDispositivos();
diff --git a/harvester-app/src/framework/vistas/includes/barraLateral.ejs b/harvester-app/src/framework/vistas/includes/barraLateral.ejs
index 74ac3784..9864bf99 100644
--- a/harvester-app/src/framework/vistas/includes/barraLateral.ejs
+++ b/harvester-app/src/framework/vistas/includes/barraLateral.ejs
@@ -31,6 +31,10 @@
           <img src='<%= rutaBase %>src/framework/utils/iconos/GestionUsuarios.svg' alt='Gestión Usuarios' />
           <span>Gestión Usuarios</span>
         </button>
+        <button class='boton-sidebar' data-seccion='dispositivos'>
+          <img src='<%= rutaBase %>src/framework/utils/iconos/BaseDatos.svg' alt='Gestión Dispositivos' />
+          <span>Gestión Dispositivos</span>
+        </button>
         <% } %>
       </div>
     </div>
@@ -68,6 +72,9 @@
         <button class='boton-sidebar' data-seccion='usuarios'>
           <img src='<%= rutaBase %>src/framework/utils/iconos/GestionUsuarios.svg' alt='Gestión Usuarios' />
         </button>
+        <button class='boton-sidebar' data-seccion='dispositivos'>
+          <img src='<%= rutaBase %>src/framework/utils/iconos/BaseDatos.svg' alt='Gestión Dispositivos' />
+        </button>
         <% } %>
       </div>
     </div>
diff --git a/harvester-app/src/framework/vistas/paginas/dispositivos/listaDispositivos.ejs b/harvester-app/src/framework/vistas/paginas/dispositivos/listaDispositivos.ejs
new file mode 100644
index 00000000..a6503a56
--- /dev/null
+++ b/harvester-app/src/framework/vistas/paginas/dispositivos/listaDispositivos.ejs
@@ -0,0 +1,37 @@
+<%- include ('../../includes/encabezado.ejs')%>
+<link rel='stylesheet' href='<%= rutaBase %>src/framework/utils/css/paginas/dispositivos/gestionDispositivos.css'>
+
+    <div class='main-content'>
+        <!-- Barra de búsqueda -->
+        <div class='contenedor-buscar'>
+          <div class='campo-buscar'>
+            <img src='<%= rutaBase %>src/framework/utils/iconos/Buscar.svg' alt='Buscar' class='icono-buscar' />
+            <input type='text' placeholder='Buscar por ID de dispositivo o nombre de propietario...' maxlength='50' id='campoBusqueda' />
+            <div class='contador-caracteres'>
+                <span id='contadorBusqueda'>0</span>/50
+            </div>
+        </div>
+    </div>
+
+    <!-- Lista de dispositivos -->
+    <div class='lista-usuarios' id='listaDispositivos'>
+        <!-- Los dispositivos se cargarán dinámicamente aquí -->
+    </div>
+
+    <!-- Paginación -->
+    <div class='paginacion' id='paginacion'>
+        <!-- La paginación se cargará dinámicamente aquí -->
+    </div>
+
+    <!-- Mensaje cuando no hay dispositivos -->
+    <div class='mensaje-vacio' id='mensajeVacio' style='display: none;'>
+        <div id='mensajeVacioContenido' style='display: none;'>
+            <img src='<%= rutaBase %>src/framework/utils/iconos/BaseDatos.svg' alt='Sin datos' class='icono-vacio' />
+            <h3>No se encontraron dispositivos</h3>
+            <p>No hay dispositivos registrados en el sistema o no coinciden con los criterios de búsqueda.</p>
+        </div>
+    </div>
+</div>
+
+<script src='<%= rutaBase %>src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js'></script>
+<%- include ('../../includes/piePagina.ejs')%>
\ No newline at end of file
diff --git a/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs b/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
index 33de23bf..fae25c47 100644
--- a/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
+++ b/harvester-app/src/framework/vistas/paginas/inicio/pantallaBloqueo.ejs
@@ -6,21 +6,62 @@
 <body>
   <div class='pantalla-bloqueo'>
     <div class='contenido-bloqueo'>
-      <div class='icono-bloqueo'>🔒</div>
-      <h1>Aplicación Deshabilitada</h1>
+      <% 
+        // Determinar icono y clase CSS según el tipo de error
+        let icono = '🔒';
+        let claseError = 'error-dispositivo';
+        let mostrarReintentar = false;
+        
+        if (typeof tipoError !== 'undefined') {
+          switch(tipoError) {
+            case 'error_conexion':
+              icono = '🌐❌';
+              claseError = 'error-conexion';
+              mostrarReintentar = true;
+              break;
+            case 'error_servidor':
+              icono = '⚠️';
+              claseError = 'error-servidor';
+              mostrarReintentar = true;
+              break;
+            case 'dispositivo_ajeno':
+              icono = '👤❌';
+              claseError = 'error-dispositivo';
+              break;
+            case 'multiples_dispositivos':
+              icono = '📱📱';
+              claseError = 'error-dispositivo';
+              break;
+            default:
+              icono = '🔒';
+              claseError = 'error-dispositivo';
+          }
+        }
+      %>
+      
+      <div class='icono-bloqueo <%= claseError %>'><%= icono %></div>
+      <h1>
+        <% if (typeof tipoError !== 'undefined' && (tipoError === 'error_conexion' || tipoError === 'error_servidor')) { %>
+          Error de Conexión
+        <% } else { %>
+          Aplicación Deshabilitada
+        <% } %>
+      </h1>
       <p class='mensaje-bloqueo'><%= mensaje || 'Esta aplicación ha sido deshabilitada por motivos de seguridad.' %></p>
-      <p class='instrucciones'>
-        Para más información, contacte al administrador del sistema.
-      </p>
+        <p class='instrucciones'>
+          Para más información, contacte al administrador del sistema.
+        </p>
       
       <!-- Información del dispositivo para soporte -->
       <div class='info-dispositivo' style='margin-top: 20px; font-size: 12px; color: #666;'>
         <p><strong>ID del Dispositivo:</strong> <span id='dispositivo-id'>Cargando...</span></p>
         <p><strong>Fecha:</strong> <%= new Date().toLocaleString('es-ES') %></p>
+        <% if (typeof tipoError !== 'undefined') { %>
+          <p><strong>Código de Error:</strong> <%= tipoError %></p>
+        <% } %>
       </div>
     </div>
   </div>
-
   <script>
     // Obtener y mostrar el ID del dispositivo para soporte
     const { ipcRenderer } = require('electron');
diff --git a/harvester-app/src/main.js b/harvester-app/src/main.js
index c03ec618..fcb3150a 100644
--- a/harvester-app/src/main.js
+++ b/harvester-app/src/main.js
@@ -88,6 +88,7 @@ async function verificarEstadoUsuarioAutenticado() {
     
     const dispositivoId = obtenerID();
     
+    
     // Verificar si el usuario es superadministrador
     const permisos = await obtenerPermisosAlmacenados();
     const esSuperAdmin = permisos.includes(PERMISOS.SUPERADMIN);
@@ -95,42 +96,53 @@ async function verificarEstadoUsuarioAutenticado() {
     if (esSuperAdmin) {
         return;
     }
-    
-    try {
+      try {
         const verificacion = await verificarEstado(token, dispositivoId);
         if (!verificacion.estado) {
-            // Manejar diferentes tipos de error
+            // Manejar diferentes tipos de error con información del tipo de fallo
             let mensaje = 'Aplicación deshabilitada por seguridad';
+            let tipoError = 'dispositivo_deshabilitado';
             
             if (verificacion.codigo === 'DISPOSITIVO_AJENO') {
                 mensaje = 'Este dispositivo pertenece a otro usuario';
+                tipoError = 'dispositivo_ajeno';
             } else if (verificacion.codigo === 'MULTIPLES_DISPOSITIVOS') {
                 mensaje = 'Múltiples dispositivos detectados en tu cuenta';
-            }
-            
-            deshabilitarAplicacion(mensaje);
+                tipoError = 'multiples_dispositivos';
+            } else if (verificacion.mensaje && verificacion.mensaje.includes('Error de conexión')) {
+                mensaje = 'Error de conexión con el servidor. Verifique su conexión a internet e intente nuevamente.';
+                tipoError = 'error_conexion';
+            } else if (verificacion.mensaje && verificacion.mensaje.includes('Error del servidor')) {
+                mensaje = 'Error interno del servidor. Intente nuevamente más tarde.';
+                tipoError = 'error_servidor';
+            }            
+            deshabilitarAplicacion(mensaje, tipoError);
         }
     } catch {
-        return ('Error de conexión al verificar estado');
+        // Error de conexión o problema de red
+        const mensaje = 'Error de conexión con el servidor. Verifique su conexión a internet e intente nuevamente.';
+        deshabilitarAplicacion(mensaje, 'error_conexion');
+        return;
     }
 }
 
 
 /**
  * Deshabilita la aplicación mostrando una pantalla de bloqueo
+ * @param {string} mensaje - Mensaje a mostrar al usuario
+ * @param {string} tipoError - Tipo de error ('dispositivo_deshabilitado', 'dispositivo_ajeno', 'multiples_dispositivos', 'error_conexion', 'error_servidor')
  */
-async function deshabilitarAplicacion(mensaje) {
+async function deshabilitarAplicacion(mensaje, tipoError = 'dispositivo_deshabilitado') {
     if (mainWindow && !mainWindow.isDestroyed()) {
         try {
             // Limpiar el intervalo de verificación
             if (app.verificacionIntervalo) {
                 clearInterval(app.verificacionIntervalo);
             }
-            
-            // Cargar pantalla de bloqueo
+              // Cargar pantalla de bloqueo
             const pantallaBloqueoPath = path.join(__dirname, './framework/vistas/paginas/inicio/pantallaBloqueo.ejs');
             
-            const vista = await precargarEJS(pantallaBloqueoPath, { mensaje });
+            const vista = await precargarEJS(pantallaBloqueoPath, { mensaje, tipoError });
             await mainWindow.loadFile(vista);
             
             // Deshabilitar navegación
@@ -238,7 +250,6 @@ ipcMain.handle('precargar-ejs', async (event, rutaEJS, parametros) => {
 ipcMain.handle('verificar-estado-aplicacion', async () => {
     const token = await obtenerTokenAlmacenado();
     const dispositivoId = obtenerID();
-    
     if (!token) return { estado: false, mensaje: 'No hay token válido' };
     
     try {
diff --git a/harvester-app/src/pruebas/dispositivos/gestionDispositivos.test.js b/harvester-app/src/pruebas/dispositivos/gestionDispositivos.test.js
new file mode 100644
index 00000000..c9e5cf79
--- /dev/null
+++ b/harvester-app/src/pruebas/dispositivos/gestionDispositivos.test.js
@@ -0,0 +1,101 @@
+// Mock de rutaBase para las pruebas
+global.rutaBase = '';
+
+// Mock de localStorage para las pruebas
+global.localStorage = {
+    getItem: jest.fn(() => null),
+    setItem: jest.fn(),
+    removeItem: jest.fn(),
+    clear: jest.fn()
+};
+
+// Mock de usuariosAPI para evitar dependencias externas
+jest.mock('../../backend/domain/usuariosAPI/usuariosAPI', () => ({
+    obtenerDispositivos: jest.fn(),
+    habilitarDispositivo: jest.fn()
+}));
+
+const { obtenerDispositivos } = require('../../backend/casosUso/dispositivos/obtenerDispositivos');
+const { habilitarDispositivo } = require('../../backend/casosUso/dispositivos/habilitarDispositivo');
+
+/**
+ * Pruebas para la funcionalidad de gestión de dispositivos
+ */
+describe('Gestión de Dispositivos', () => {
+    const usuariosAPIMock = require('../../backend/domain/usuariosAPI/usuariosAPI');
+    
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    
+    describe('obtenerDispositivos', () => {
+        test('debería obtener la lista de dispositivos exitosamente', async () => {
+            // Mock de respuesta exitosa
+            usuariosAPIMock.obtenerDispositivos.mockResolvedValueOnce({
+                ok: true,
+                dispositivos: [
+                    { id: 'DEVICE-001', nombrePropietario: 'Juan Pérez', estado: true },
+                    { id: 'DEVICE-002', nombrePropietario: 'María García', estado: false }
+                ]
+            });
+            
+            const resultado = await obtenerDispositivos();
+            
+            expect(resultado).toHaveProperty('ok', true);
+            expect(resultado).toHaveProperty('dispositivos');
+            expect(Array.isArray(resultado.dispositivos)).toBe(true);
+            expect(resultado.dispositivos).toHaveLength(2);
+        });
+
+        test('debería manejar errores de conexión apropiadamente', async () => {
+            // Mock de error de conexión
+            usuariosAPIMock.obtenerDispositivos.mockRejectedValueOnce(new Error('Error de conexión'));
+            
+            const resultado = await obtenerDispositivos();
+            
+            expect(resultado.ok).toBe(false);
+            expect(resultado.mensaje).toContain('Error al obtener la lista de dispositivos');
+        });
+    });    describe('habilitarDispositivo', () => {
+        test('debería habilitar un dispositivo exitosamente', async () => {
+            const idDispositivo = 'TEST-DEVICE-001';
+            
+            // Mock de la API que simula éxito
+            usuariosAPIMock.habilitarDispositivo.mockResolvedValueOnce({
+                ok: true,
+                mensaje: 'Dispositivo habilitado correctamente'
+            });
+            
+            const resultado = await habilitarDispositivo(idDispositivo);
+            
+            expect(resultado.ok).toBe(true);
+            expect(resultado.mensaje).toContain('habilitado');
+        });
+
+        test('debería rechazar ID de dispositivo vacío', async () => {
+            const resultado = await habilitarDispositivo('');
+            
+            expect(resultado.ok).toBe(false);
+            expect(resultado.mensaje).toBe('ID de dispositivo no proporcionado');
+        });
+
+        test('debería rechazar ID de dispositivo nulo', async () => {
+            const resultado = await habilitarDispositivo(null);
+            
+            expect(resultado.ok).toBe(false);
+            expect(resultado.mensaje).toBe('ID de dispositivo no proporcionado');
+        });
+
+        test('debería manejar errores de la API apropiadamente', async () => {
+            const idDispositivo = 'TEST-DEVICE-002';
+            
+            // Mock de la API que simula error
+            usuariosAPIMock.habilitarDispositivo.mockRejectedValueOnce(new Error('Error de servidor'));
+            
+            const resultado = await habilitarDispositivo(idDispositivo);
+            
+            expect(resultado.ok).toBe(false);
+            expect(resultado.mensaje).toContain('Error al habilitar el dispositivo');
+        });
+    });
+});

From 6ddcccb9df6d5c5345de870286d396c9976e96ad Mon Sep 17 00:00:00 2001
From: DanielQueijeiro <dany.queijeiro@hotmail.com>
Date: Tue, 24 Jun 2025 20:08:48 -0600
Subject: [PATCH 66/78] arreglar detalles de la app

---
 .../framework/utils/scripts/iniciarSesion.js  |  8 ++--
 .../dispositivos/datosDispositivosPrueba.js   | 43 -------------------
 .../dispositivos/moduloGestionDispositivos.js |  4 +-
 3 files changed, 6 insertions(+), 49 deletions(-)
 delete mode 100644 harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js

diff --git a/harvester-app/src/framework/utils/scripts/iniciarSesion.js b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
index 076a387e..9f5bbd9f 100644
--- a/harvester-app/src/framework/utils/scripts/iniciarSesion.js
+++ b/harvester-app/src/framework/utils/scripts/iniciarSesion.js
@@ -61,19 +61,19 @@ async function manejarInicioSesion() {
             if (verificacion.codigo === 'DISPOSITIVO_AJENO') {
               mostrarAlerta(
                 'Dispositivo no autorizado', 
-                'Este dispositivo pertenece a otro usuario. Por favor, utiliza tu dispositivo asignado o contacta al administrador.', 
+                `Este dispositivo pertenece a otro usuario. Por favor, utiliza tu dispositivo asignado o contacta al administrador.\nDispositivo ID: ${dispositivoID}`, 
                 'error'
               );
             } else if (verificacion.codigo === 'MULTIPLES_DISPOSITIVOS') {
               mostrarAlerta(
                 'Múltiples dispositivos detectados', 
-                'Ya tienes un dispositivo vinculado a tu cuenta. Solo puedes usar un dispositivo por cuenta de usuario.', 
+                `Ya tienes un dispositivo vinculado a tu cuenta. Solo puedes usar un dispositivo por cuenta de usuario.\nDispositivo ID: ${dispositivoID}`, 
                 'warning'
               );
             } else {
               mostrarAlerta(
                 'Aplicación deshabilitada', 
-                'La aplicación ha sido deshabilitada por el administrador. Por favor, contacta al soporte técnico.', 
+                `La aplicación ha sido deshabilitada por el administrador. Por favor, contacta al soporte técnico.\nDispositivo ID: ${dispositivoID}`, 
                 'error'
               );
             }
@@ -81,7 +81,7 @@ async function manejarInicioSesion() {
             return;
           }
         } catch  {
-          mostrarAlerta('Error de verificación', 'No se pudo verificar el estado del dispositivo. Inténtalo de nuevo.', 'error');
+          mostrarAlerta('Error de verificación', `No se pudo verificar el estado del dispositivo. Inténtalo de nuevo.\nDispositivo ID: ${dispositivoID}`, 'error');
           localStorage.clear();
           return;
         }
diff --git a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js
deleted file mode 100644
index 3625891b..00000000
--- a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/datosDispositivosPrueba.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// Datos de prueba para dispositivos - Temporal para testing
-const dispositivosDePrueba = [
-    {
-        idDispositivo: "DEVICE-001-WIN-LAPTOP",
-        nombrePropietario: "Juan Pérez",
-        activo: true,
-        ultimoAcceso: "2025-06-22 10:30:00"
-    },
-    {
-        idDispositivo: "DEVICE-002-MAC-DESKTOP", 
-        nombrePropietario: "María García",
-        activo: false,
-        ultimoAcceso: "2025-06-20 15:45:00"
-    },
-    {
-        idDispositivo: "DEVICE-003-LINUX-SERVER",
-        nombrePropietario: "Carlos López",
-        activo: true,
-        ultimoAcceso: "2025-06-22 09:15:00"
-    },
-    {
-        idDispositivo: "DEVICE-004-WIN-TABLET",
-        nombrePropietario: null,
-        activo: false,
-        ultimoAcceso: null
-    }
-];
-
-/**
- * Función temporal para retornar datos de prueba
- * Reemplaza temporalmente la llamada a la API
- */
-function obtenerDispositivosDePrueba() {
-    return {
-        ok: true,
-        dispositivos: dispositivosDePrueba
-    };
-}
-
-module.exports = {
-    obtenerDispositivosDePrueba,
-    dispositivosDePrueba
-};
diff --git a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
index 00824c22..8f38938c 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/dispositivos/moduloGestionDispositivos.js
@@ -273,8 +273,8 @@ function crearListaDispositivos(dispositivos) {
         const elementoDispositivo = document.createElement('div');
         elementoDispositivo.className = 'usuario-item';
         
-        const estadoClase = dispositivo.estado ? 'activo' : 'inactivo';
-        const estadoTexto = dispositivo.estado ? 'Habilitado' : 'Deshabilitado';
+        const estadoClase = dispositivo.activo ? 'activo' : 'inactivo';
+        const estadoTexto = dispositivo.activo ? 'Habilitado' : 'Deshabilitado';
         
         elementoDispositivo.innerHTML = `
             <div class='usuario-info'>

From f07abe5b9a2a67681878c0e51033ea4813b630b1 Mon Sep 17 00:00:00 2001
From: DanielQueijeiro <dany.queijeiro@hotmail.com>
Date: Tue, 24 Jun 2025 20:14:34 -0600
Subject: [PATCH 67/78] desactivar devTools

---
 harvester-app/src/main.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/harvester-app/src/main.js b/harvester-app/src/main.js
index fcb3150a..88b09503 100644
--- a/harvester-app/src/main.js
+++ b/harvester-app/src/main.js
@@ -27,6 +27,7 @@ const createWindow = async () => {
     webPreferences: {
       nodeIntegration: true,
       contextIsolation: false,
+      devTools: false,
     },
   });
 

From 2350c93c7118b139d9e6680d4da2f26b78f9d129 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Wed, 25 Jun 2025 00:22:48 -0600
Subject: [PATCH 68/78] menu filtros

---
 .../css/paginas/analisis/generarReporte.css   |  2 +-
 .../analisis/formulas/crearCuadroFormulas.js  | 55 +++----------------
 .../analisis/formulas/crearMenuFiltros.js     | 50 +++++++++++++++++
 .../analisis/formulas/crearMenuParametros.js  | 50 +++++++++++++++++
 .../formulas/filtrarYRenderizarFormulas.js    | 10 ++++
 5 files changed, 119 insertions(+), 48 deletions(-)
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
 create mode 100644 harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js

diff --git a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
index 5d2bd8bc..49105f73 100644
--- a/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
+++ b/harvester-app/src/framework/utils/css/paginas/analisis/generarReporte.css
@@ -576,7 +576,7 @@ body,
   gap: 10px;
   align-items: center;
   justify-content: flex-start;
-  height: 650px;
+  height: wrap-content;
   position: relative;
 }
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 25119706..e197311d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -2,11 +2,11 @@ const { eliminarCuadroFormulas } = require('./eliminarCuadroFormulas');
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const { filtrarYRenderizarFormulas, actualizarCaracteresBuscador } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js`);
 const { aplicarFormula } = require(`${rutaBase}/src/backend/casosUso/formulas/aplicarFormula.js`);
-const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
 const { obtenerParametrosTractor } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/obtenerParametrosTractor.js`);
 const { retirarDatos } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js`);
 const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
+const { crearMenuParametros } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js`);
 const Chart = require('chart.js/auto');
 
 /**
@@ -64,12 +64,17 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
                       </div>
                   </div>
               </div>
+              <div class='opciones-seccion'>
+                  <p>Filtros</p>
+                    <div class='opciones-carta'>
+                  </div>
+              </div>
           </div>`;
 
-  const contenedoesSeleccion = cuadroFormulas.querySelectorAll('.opciones-carta');
+  const contenedoresSeleccion = cuadroFormulas.querySelectorAll('.opciones-carta');
 
   //ToDo: Escalar en número de variables dependiendo de las variables en las fórmulas
-  crearMenuDesplegable(contenedoesSeleccion[0], 'A', columnasActualizadas, graficaId, datosOriginalesFormulas, tractorSeleccionado);
+ crearMenuParametros(contenedoresSeleccion[0], columnasActualizadas, graficaId, datosOriginalesFormulas, tractorSeleccionado);
 
   // Configurar búsqueda de fórmulas
   const campoBusqueda = cuadroFormulas.querySelector('.search-section');
@@ -251,51 +256,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
   return datosOriginalesFormulas;
 }
 
-/**
- * Crea un menú desplegable para seleccionar columnas.
- * @param {HTMLDivElement} contenedor - Contenedor donde se agregará el menú desplegable.
- * @param {string} letra - Letra identificadora del menú.
- * @param {string[]} columnas - Lista de columnas disponibles.
- * @param {number} graficaId - ID de la gráfica asociada.
- * @returns {void}
- */
-function crearMenuDesplegable(contenedor, letra, columnas, graficaId, datosOriginalesFormulas, tractorSeleccionado) {
-  const nuevoMenu = document.createElement('div');
-  nuevoMenu.className = 'opcion';
-  const seleccionValores = document.createElement('select');
-  seleccionValores.className = 'opcion-texto';
-  seleccionValores.innerHTML = '<option value="">-- Selecciona una columna --</option>'
-  columnas.forEach((texto) => {
-    seleccionValores.innerHTML = `${seleccionValores.innerHTML}
-    <option value="${texto}"> ${texto} </option>`
-  });
-
-  // Agregar evento de cambio para actualizar la gráfica
-  seleccionValores.addEventListener('change', (evento) => {
-    const columnaSeleccionada = evento.target.value;
-    if (columnaSeleccionada && columnaSeleccionada !== '') {
-      actualizarGraficaConColumna(graficaId, columnaSeleccionada, datosOriginalesFormulas, tractorSeleccionado);
-    } else {
-      // Si se deselecciona, resetear la gráfica a estado inicial
-      const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
-      if (graficaDiv) {
-        const canvas = graficaDiv.querySelector('canvas');
-        const contexto = canvas.getContext('2d');
-        const graficaExistente = Chart.getChart(contexto);
-
-        if (graficaExistente) {
-          graficaExistente.destroy();
-          const nuevaGrafica = crearGrafica(contexto, 'line');
-          nuevaGrafica.options.plugins.title.text = '';
-          nuevaGrafica.update();
-        }
-      }
-    }
-  });
 
-  nuevoMenu.appendChild(seleccionValores);
-  contenedor.appendChild(nuevoMenu);
-}
 
 module.exports = {
   crearCuadroFormulas
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
new file mode 100644
index 00000000..7a96f4cf
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
@@ -0,0 +1,50 @@
+const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
+
+/**
+ * Crea un menú desplegable para seleccionar columnas.
+ * @param {HTMLDivElement} contenedor - Contenedor donde se agregará el menú desplegable.
+ * @param {string[]} filtros - Lista de filtros disponibles.
+ * @param {number} graficaId - ID de la gráfica asociada.
+ * @returns {void}
+ */
+function crearMenuFiltros(contenedor, filtros, graficaId, datosOriginalesFormulas, tractorSeleccionado) {
+  const nuevoMenu = document.createElement('div');
+  nuevoMenu.className = 'opcion';
+  const seleccionValores = document.createElement('select');
+  seleccionValores.className = 'opcion-texto';
+  seleccionValores.innerHTML = '<option value="">-- Selecciona un filtro --</option>'
+  filtros.forEach((texto) => {
+    seleccionValores.innerHTML = `${seleccionValores.innerHTML}
+    <option value="${texto}"> ${texto} </option>`
+  });
+
+  // Agregar evento de cambio para actualizar la gráfica
+  seleccionValores.addEventListener('change', (evento) => {
+    const filtroSeleccionado = evento.target.value;
+    if (filtroSeleccionado && filtroSeleccionado !== '') {
+      actualizarGraficaConColumna(graficaId, filtroSeleccionado, datosOriginalesFormulas, tractorSeleccionado);
+    } else {
+      // Si se deselecciona, resetear la gráfica a estado inicial
+      const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
+      if (graficaDiv) {
+        const canvas = graficaDiv.querySelector('canvas');
+        const contexto = canvas.getContext('2d');
+        const graficaExistente = Chart.getChart(contexto);
+
+        if (graficaExistente) {
+          graficaExistente.destroy();
+          const nuevaGrafica = crearGrafica(contexto, 'line');
+          nuevaGrafica.options.plugins.title.text = '';
+          nuevaGrafica.update();
+        }
+      }
+    }
+  });
+
+  nuevoMenu.appendChild(seleccionValores);
+  contenedor.appendChild(nuevoMenu);
+}
+
+module.exports = {
+  crearMenuFiltros,
+}
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
new file mode 100644
index 00000000..8064e52a
--- /dev/null
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
@@ -0,0 +1,50 @@
+const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
+
+/**
+ * Crea un menú desplegable para seleccionar columnas.
+ * @param {HTMLDivElement} contenedor - Contenedor donde se agregará el menú desplegable.
+ * @param {string[]} columnas - Lista de columnas disponibles.
+ * @param {number} graficaId - ID de la gráfica asociada.
+ * @returns {void}
+ */
+function crearMenuParametros(contenedor, columnas, graficaId, datosOriginalesFormulas, tractorSeleccionado) {
+  const nuevoMenu = document.createElement('div');
+  nuevoMenu.className = 'opcion';
+  const seleccionValores = document.createElement('select');
+  seleccionValores.className = 'opcion-texto';
+  seleccionValores.innerHTML = '<option value="">-- Selecciona una columna --</option>'
+  columnas.forEach((texto) => {
+    seleccionValores.innerHTML = `${seleccionValores.innerHTML}
+    <option value="${texto}"> ${texto} </option>`
+  });
+
+  // Agregar evento de cambio para actualizar la gráfica
+  seleccionValores.addEventListener('change', (evento) => {
+    const columnaSeleccionada = evento.target.value;
+    if (columnaSeleccionada && columnaSeleccionada !== '') {
+      actualizarGraficaConColumna(graficaId, columnaSeleccionada, datosOriginalesFormulas, tractorSeleccionado);
+    } else {
+      // Si se deselecciona, resetear la gráfica a estado inicial
+      const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
+      if (graficaDiv) {
+        const canvas = graficaDiv.querySelector('canvas');
+        const contexto = canvas.getContext('2d');
+        const graficaExistente = Chart.getChart(contexto);
+
+        if (graficaExistente) {
+          graficaExistente.destroy();
+          const nuevaGrafica = crearGrafica(contexto, 'line');
+          nuevaGrafica.options.plugins.title.text = '';
+          nuevaGrafica.update();
+        }
+      }
+    }
+  });
+
+  nuevoMenu.appendChild(seleccionValores);
+  contenedor.appendChild(nuevoMenu);
+}
+
+module.exports = {
+  crearMenuParametros,
+}
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
index 7137e51b..3738fd61 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
@@ -29,12 +29,22 @@ function filtrarYRenderizarFormulas(contenedor, terminoBusqueda = '', formulasDi
   // Limpiar contenedor
   contenedor.innerHTML = '';
 
+  console.log('formulas disponibles:', formulasDisponibles);
+  
+  formulasDisponibles = formulasDisponibles.filter(formula => {
+    return !formula.Datos.toLowerCase().includes('vlookup');
+  });
+  
+  console.log('formulas disponibles2:', formulasDisponibles);
+
+
   // Si no hay fórmulas cargadas, mostrar mensaje específico
   if (formulasDisponibles.length === 0) {
     contenedor.innerHTML = '<div class="mensaje-sin-formulas">No hay fórmulas creadas. <br>Ve al módulo de fórmulas para crear una.</div>';
     return;
   }
 
+
   let formulasFiltradas = formulasDisponibles;
 
   // Solo filtrar si hay un término de búsqueda válido

From 79a4ae1efc517bdfa66931f7c362c7f5d5c58617 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 08:17:33 -0600
Subject: [PATCH 69/78] Avance filtros

---
 .../casosUso/formulas/aplicarFormula.js       |   5 +-
 .../backend/casosUso/formulas/filtrarDatos.js | 151 ++++++++++++++++++
 .../css/paginas/inicio/moduloTractores.css    |  21 ++-
 .../analisis/formulas/crearCuadroFormulas.js  |  39 ++++-
 .../analisis/formulas/crearMenuFiltros.js     |  34 ++--
 .../analisis/formulas/crearMenuParametros.js  |   2 +
 6 files changed, 224 insertions(+), 28 deletions(-)
 create mode 100644 harvester-app/src/backend/casosUso/formulas/filtrarDatos.js

diff --git a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
index f8bf9f6b..5b776ce1 100644
--- a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
+++ b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
@@ -162,5 +162,8 @@ function indiceALetraColumna(indice) {
 }
 
 module.exports = {
-    aplicarFormula
+    aplicarFormula,
+    encontrarColumnaVacia,
+    traducirFormulaEstructurada,
+    indiceALetraColumna,
 };
diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
new file mode 100644
index 00000000..4d24cfbc
--- /dev/null
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -0,0 +1,151 @@
+const { mostrarAlerta } = require('../../../framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal');
+const { HyperFormula } = require('hyperformula');
+const { encontrarColumnaVacia } = require('./aplicarFormula.js')
+
+const opciones = {
+    licenseKey: 'gpl-v3',
+};
+
+/**
+ * Aplica una fórmula estructurada a una hoja de Excel almacenada en localStorage.
+ * @param {string} nombreFormula - Nombre de la fórmula a aplicar.
+ * @param {string} formulaEstructurada - Fórmula estructurada a aplicar.
+ * @param {string|null} tractorSeleccionado - Nombre de la hoja donde se aplicará la fórmula (opcional).
+ * @returns {Object} Resultado de la aplicación de la fórmula.
+ */
+
+function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
+
+    console.log('Filtrando datos con filtro:', filtro);
+  // Lógica para filtrar los datos según el filtro
+    try {
+
+        const hojas = datosExcel.hojas;
+
+        // Si no se especifica hoja, usar la primera disponible
+        let datos = [];
+        let tractorUsado = '';
+        
+        if (tractorSeleccionado && hojas[tractorSeleccionado]) {
+            datos = hojas[tractorSeleccionado];
+            tractorUsado = tractorSeleccionado;
+        } else {
+            // Tomar la primera hoja disponible
+            tractorUsado = Object.keys(hojas)[0];
+            datos = hojas[tractorUsado];
+        }
+        
+        // Verificar que datos sea un array
+        if (!Array.isArray(datos)) {
+            throw new Error('Formato de datos inválido: se esperaba un array');
+        }
+        
+        if (datos.length === 0) {
+            throw new Error('No hay datos disponibles en la hoja seleccionada');
+        }
+
+        // Obtener encabezados
+        const encabezados = datos[0];
+        console.log('Encabezados:', encabezados);
+        
+        // Encontrar la primera columna vacía usando método seguro
+        const indiceColumnaVacio = encontrarColumnaVacia(datos);
+        console.log('Índice de columna vacía:', indiceColumnaVacio);
+
+        // Pruebas filtros (BORRAR)
+
+        
+        
+        const datosPrueba = {
+            "velocidad" : [1,3,4,5,5,5,6,7,6,5,4,3,2,0],
+            "gasolina" : [10,10,10,9,9,9,8,8,7,7,7,7,6,6]
+        };
+        
+        const hfInstance = HyperFormula.buildEmpty({
+            licenseKey: 'gpl-v3', // Usa tu clave de licencia si tienes una
+            useArrayArithmetic: true, // Habilita la aritmética de matrices
+        });
+
+        const sheetName = hfInstance.addSheet('Sheet1');
+        const sheetId = hfInstance.getSheetId(sheetName);
+
+        datosPrueba.velocidad.forEach((valor, index) => {
+            hfInstance.setCellContents({ sheet: sheetId, col: 0, row: index }, [[valor]]);
+        });
+
+        // Cargar "gasolina" en la columna B (columna 1)
+        datosPrueba.gasolina.forEach((valor, index) => {
+            hfInstance.setCellContents({ sheet: sheetId, col: 1, row: index }, [[valor]]);
+        });
+
+
+        console.log('Filtrando datos...')
+        // var formula = `=ARRAYFORMULA(FILTER(A1:B14, ${parametro}1:${parametro}14 ${operador} ${valor}))`;
+        const formula = '=FILTER(A1:B14, A1:A14=5)'
+        // formula = '=ARRAYFORMULA(FILTER(A1:B5), {1,0,1,1,0})'
+        console.log(formula)
+
+        // Aplicar la fórmula
+        hfInstance.setCellContents({ sheet: sheetId, col: 2, row: 0 }, '=FILTER(A1:A14, A1:A14>5)');
+        hfInstance.setCellContents({ sheet: sheetId, col: 3, row: 0 }, '=FILTER(B1:B14, A1:A14>5)');
+        // hfInstance2.setCellContents({ sheet: sheetId2, col: 4, row: 0 }, "Hola");
+
+        // Obtener los resultados filtrados
+        // const resultados = hfInstance2.getSheetValues(sheetId2).slice(2); // Ignorar las primeras dos filas (datos originales)
+        const resultados = hfInstance.getSheetValues(sheetId)
+        console.log('Resultados:', resultados);
+
+        const resultadosFiltrados = hfInstance.getCellValue({ sheet: sheetId, col: 2, row: 0 });
+        console.log('Resultados filtrados:', resultadosFiltrados);
+
+
+        
+        const hyperFormula = HyperFormula.buildFromArray(datos, opciones);
+
+        for(let columna = 0; columna < indiceColumnaVacio; columna++) {
+
+        }
+        
+        // // Asignar nombre a la columna de resultados
+        // hyperFormula.setCellContents({ row: 0, col: indiceColumnaVacio, sheet: 0 }, nombreColumnaResultado);
+        
+        // // Aplicar la fórmula a cada fila de datos
+        // const resultados = [];
+        // for (let fila = 1; fila < datos.length; fila = fila + 1) {
+        //     // Traducir fórmula estructurada a fórmula clásica para esta fila específica
+        //     const formulaTraducida = traducirFormulaEstructurada(formulaEstructurada, encabezados, fila);
+        //     // Si hay un error en la traducción y no se encontró alguna columna, mostrar alerta y lanzar error
+        //     if (formulaTraducida.error) {
+        //         const columnasFaltantes = formulaTraducida.columnasNoEncontradas.join(', ');
+        //         const err = new Error(`Columna no encontrada: ${columnasFaltantes}`);
+        //         err.tipo = 'columnaNoEncontrada';
+        //         mostrarAlerta(`Columnas no encontradas: ${columnasFaltantes}`, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar esta fórmula.', 'error');
+        //         throw err;
+        //     }
+            
+        //     // Aplicar la fórmula a esta fila
+        //     hyperFormula.setCellContents({ row: fila, col: indiceColumnaVacio, sheet: 0 }, formulaTraducida);
+        //     const result = hyperFormula.getCellValue({ row: fila, col: indiceColumnaVacio, sheet: 0 });
+        //     resultados.push(result);
+        // }
+        
+        // // Obtener los datos actualizados con la nueva columna para devolverlos
+        // const datosActualizados = hyperFormula.getSheetValues(0);
+  
+        
+        return {
+            datosExcel
+        };
+    } catch (error) {
+        console.error('Error al filtrar los datos:', error);
+        return {
+            error: error.message,
+            tractorSeleccionado: tractorSeleccionado || 'desconocida'
+        };
+    }
+
+}
+
+module.exports = {
+  filtrarDatos,
+} 
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css b/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
index 9146493f..4c94664b 100644
--- a/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
+++ b/harvester-app/src/framework/utils/css/paginas/inicio/moduloTractores.css
@@ -55,6 +55,7 @@ input:focus {
   flex-shrink: 0;
   position: relative;
   display: none;
+  height: 100%;
 }
 .secundario {
   background: #e8e8e8;
@@ -96,10 +97,26 @@ input:focus {
   border: none;
 }
 
+
+.tractores-contenido{
+  height: 100%; /* Ajusta según lo que necesites */
+  max-height: 34.5em;
+  overflow-y: auto;
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #999 transparent; /* Firefox */
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+
 .distribuidores-contenido,
-.tractores-contenido,
 .columnas-contenido {
-  max-height: 300px; /* Ajusta según lo que necesites */
+  height: 40em; /* Ajusta según lo que necesites */
   overflow-y: auto;
   scrollbar-width: thin; /* Firefox */
   scrollbar-color: #999 transparent; /* Firefox */
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index e197311d..473fb010 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -2,11 +2,12 @@ const { eliminarCuadroFormulas } = require('./eliminarCuadroFormulas');
 const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal`);
 const { filtrarYRenderizarFormulas, actualizarCaracteresBuscador } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js`);
 const { aplicarFormula } = require(`${rutaBase}/src/backend/casosUso/formulas/aplicarFormula.js`);
+const { filtrarDatos } = require(`${rutaBase}/src/backend/casosUso/formulas/filtrarDatos.js`);
 const { procesarDatosUniversal } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/procesarDatosUniversal.js`);
 const { obtenerParametrosTractor } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/obtenerParametrosTractor.js`);
 const { retirarDatos } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/retirarDatos.js`);
-const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
 const { crearMenuParametros } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js`);
+const { crearMenuFiltros } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js`);
 const Chart = require('chart.js/auto');
 
 /**
@@ -35,6 +36,11 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
     mensajeInicial = 'No hay fórmulas disponibles.';
   }
 
+  const filtrosDisponibles = formulasDisponibles.filter(formula => {
+    return formula.Datos.toLowerCase().includes('vlookup');
+  });
+
+
   cuadroFormulas.innerHTML = `<div class='titulo-formulas'>
               <img class='flecha-atras' src='${rutaBase}/src/framework/utils/iconos/FlechaAtras.svg' />
               <p class='texto'>Fórmulas</p>
@@ -45,6 +51,11 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
                   <div class='opciones-carta'>
                   </div>
               </div>
+              <div class='opciones-seccion'>
+                  <p>Filtros</p>
+                    <div class='opciones-carta'>
+                  </div>
+              </div>
               <div class='opciones-seccion'>
                   <div class='titulo-aplicar-formulas'>
                       <p>Aplicar Fórmula</p>
@@ -64,17 +75,14 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
                       </div>
                   </div>
               </div>
-              <div class='opciones-seccion'>
-                  <p>Filtros</p>
-                    <div class='opciones-carta'>
-                  </div>
-              </div>
+
           </div>`;
 
   const contenedoresSeleccion = cuadroFormulas.querySelectorAll('.opciones-carta');
 
   //ToDo: Escalar en número de variables dependiendo de las variables en las fórmulas
  crearMenuParametros(contenedoresSeleccion[0], columnasActualizadas, graficaId, datosOriginalesFormulas, tractorSeleccionado);
+ crearMenuFiltros(contenedoresSeleccion[1], filtrosDisponibles, graficaId, datosOriginalesFormulas, tractorSeleccionado);
 
   // Configurar búsqueda de fórmulas
   const campoBusqueda = cuadroFormulas.querySelector('.search-section');
@@ -93,6 +101,13 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
   botonAplicarFormula.addEventListener('click', () => {
 
+
+
+    filtroAplicado = filtrosDisponibles.filter(filtro => {
+      return contenedoresSeleccion[1].querySelector('.opcion-texto').value == filtro.Nombre;
+    });
+    console.log('filtroAplicado:', filtroAplicado);
+
     const textoAplicar = botonAplicarFormula.querySelector('div');
     if (textoAplicar) {
       textoAplicar.textContent = 'Aplicando...';
@@ -104,8 +119,18 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
           return;
         }
 
+
+
+        // if( filtroAplicado ) {
+        console.log('filtrando datos...')
+        const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')));
+        console.log('Datos filtrados!')
+
+        
+        // }
         // Verificar que hay datos disponibles
-        const datosExcel = localStorage.getItem('datosFiltradosExcel');
+        // const datosExcel = localStorage.getItem('datosFiltradosExcel');
+        const datosExcel = localStorage.getItem('datosFiltradosExcel'); //datosFiltrados || localStorage.getItem('datosFiltradosExcel');
         if (!datosExcel) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
           return;
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
index 7a96f4cf..adf58ee6 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
@@ -1,4 +1,5 @@
-const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
+const Chart = require('chart.js/auto');
+const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
 
 /**
  * Crea un menú desplegable para seleccionar columnas.
@@ -13,30 +14,27 @@ function crearMenuFiltros(contenedor, filtros, graficaId, datosOriginalesFormula
   const seleccionValores = document.createElement('select');
   seleccionValores.className = 'opcion-texto';
   seleccionValores.innerHTML = '<option value="">-- Selecciona un filtro --</option>'
-  filtros.forEach((texto) => {
+  filtros.forEach((filtro) => {console.log('contenido filtros:', filtro)});
+  filtros.forEach((filtro) => {
     seleccionValores.innerHTML = `${seleccionValores.innerHTML}
-    <option value="${texto}"> ${texto} </option>`
+    <option value="${filtro.Nombre}"> ${filtro.Nombre} </option>`
   });
 
   // Agregar evento de cambio para actualizar la gráfica
   seleccionValores.addEventListener('change', (evento) => {
     const filtroSeleccionado = evento.target.value;
-    if (filtroSeleccionado && filtroSeleccionado !== '') {
-      actualizarGraficaConColumna(graficaId, filtroSeleccionado, datosOriginalesFormulas, tractorSeleccionado);
-    } else {
-      // Si se deselecciona, resetear la gráfica a estado inicial
-      const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
-      if (graficaDiv) {
-        const canvas = graficaDiv.querySelector('canvas');
-        const contexto = canvas.getContext('2d');
-        const graficaExistente = Chart.getChart(contexto);
+    // Si se deselecciona, resetear la gráfica a estado inicial
+    const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
+    if (graficaDiv) {
+      const canvas = graficaDiv.querySelector('canvas');
+      const contexto = canvas.getContext('2d');
+      const graficaExistente = Chart.getChart(contexto);
 
-        if (graficaExistente) {
-          graficaExistente.destroy();
-          const nuevaGrafica = crearGrafica(contexto, 'line');
-          nuevaGrafica.options.plugins.title.text = '';
-          nuevaGrafica.update();
-        }
+      if (graficaExistente) {
+        graficaExistente.destroy();
+        const nuevaGrafica = crearGrafica(contexto, 'line');
+        nuevaGrafica.options.plugins.title.text = '';
+        nuevaGrafica.update();
       }
     }
   });
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
index 8064e52a..6921bd2b 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
@@ -1,4 +1,6 @@
 const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
+const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
+const Chart = require('chart.js/auto');
 
 /**
  * Crea un menú desplegable para seleccionar columnas.

From 0b872a840997b6d745a531bb2aa221305bbb183a Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 09:22:46 -0600
Subject: [PATCH 70/78] =?UTF-8?q?Filtros=20en=20crear=20f=C3=B3rmula?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../backend/casosUso/formulas/filtrarDatos.js | 134 ++++++++++++------
 .../analisis/formulas/crearCuadroFormulas.js  |   2 +-
 .../formulas/filtrarYRenderizarFormulas.js    |   2 +-
 .../scripts/paginas/formulas/crearFormula.js  |  22 ++-
 .../vistas/paginas/formulas/crearFormula.ejs  |   2 +-
 5 files changed, 103 insertions(+), 59 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index 4d24cfbc..da35816c 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -52,60 +52,74 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
         const indiceColumnaVacio = encontrarColumnaVacia(datos);
         console.log('Índice de columna vacía:', indiceColumnaVacio);
 
-        // Pruebas filtros (BORRAR)
+        // // Pruebas filtros (BORRAR)
 
         
         
-        const datosPrueba = {
-            "velocidad" : [1,3,4,5,5,5,6,7,6,5,4,3,2,0],
-            "gasolina" : [10,10,10,9,9,9,8,8,7,7,7,7,6,6]
-        };
+        // const datosPrueba = {
+        //     "velocidad" : [1,3,4,5,5,5,6,7,6,5,4,3,2,0],
+        //     "gasolina" : [10,10,10,9,9,9,8,8,7,7,7,7,6,6]
+        // };
         
-        const hfInstance = HyperFormula.buildEmpty({
-            licenseKey: 'gpl-v3', // Usa tu clave de licencia si tienes una
-            useArrayArithmetic: true, // Habilita la aritmética de matrices
-        });
-
-        const sheetName = hfInstance.addSheet('Sheet1');
-        const sheetId = hfInstance.getSheetId(sheetName);
-
-        datosPrueba.velocidad.forEach((valor, index) => {
-            hfInstance.setCellContents({ sheet: sheetId, col: 0, row: index }, [[valor]]);
-        });
-
-        // Cargar "gasolina" en la columna B (columna 1)
-        datosPrueba.gasolina.forEach((valor, index) => {
-            hfInstance.setCellContents({ sheet: sheetId, col: 1, row: index }, [[valor]]);
-        });
-
-
-        console.log('Filtrando datos...')
-        // var formula = `=ARRAYFORMULA(FILTER(A1:B14, ${parametro}1:${parametro}14 ${operador} ${valor}))`;
-        const formula = '=FILTER(A1:B14, A1:A14=5)'
-        // formula = '=ARRAYFORMULA(FILTER(A1:B5), {1,0,1,1,0})'
-        console.log(formula)
-
-        // Aplicar la fórmula
-        hfInstance.setCellContents({ sheet: sheetId, col: 2, row: 0 }, '=FILTER(A1:A14, A1:A14>5)');
-        hfInstance.setCellContents({ sheet: sheetId, col: 3, row: 0 }, '=FILTER(B1:B14, A1:A14>5)');
-        // hfInstance2.setCellContents({ sheet: sheetId2, col: 4, row: 0 }, "Hola");
-
-        // Obtener los resultados filtrados
-        // const resultados = hfInstance2.getSheetValues(sheetId2).slice(2); // Ignorar las primeras dos filas (datos originales)
-        const resultados = hfInstance.getSheetValues(sheetId)
-        console.log('Resultados:', resultados);
+        // const hfInstance = HyperFormula.buildEmpty({
+        //     licenseKey: 'gpl-v3', // Usa tu clave de licencia si tienes una
+        //     useArrayArithmetic: true, // Habilita la aritmética de matrices
+        // });
+
+        // const sheetName = hfInstance.addSheet('Sheet1');
+        // const sheetId = hfInstance.getSheetId(sheetName);
+
+        // datosPrueba.velocidad.forEach((valor, index) => {
+        //     hfInstance.setCellContents({ sheet: sheetId, col: 0, row: index }, [[valor]]);
+        // });
+
+        // // Cargar "gasolina" en la columna B (columna 1)
+        // datosPrueba.gasolina.forEach((valor, index) => {
+        //     hfInstance.setCellContents({ sheet: sheetId, col: 1, row: index }, [[valor]]);
+        // });
+
+
+        // console.log('Filtrando datos...')
+        // // var formula = `=ARRAYFORMULA(FILTER(A1:B14, ${parametro}1:${parametro}14 ${operador} ${valor}))`;
+        // const formula = '=FILTER(A1:B14, A1:A14=5)'
+        // // formula = '=ARRAYFORMULA(FILTER(A1:B5), {1,0,1,1,0})'
+        // console.log(formula)
 
-        const resultadosFiltrados = hfInstance.getCellValue({ sheet: sheetId, col: 2, row: 0 });
-        console.log('Resultados filtrados:', resultadosFiltrados);
+        // // Aplicar la fórmula
+        // hfInstance.setCellContents({ sheet: sheetId, col: 2, row: 0 }, '=FILTER(A1:A14, A1:A14>5)');
+        // hfInstance.setCellContents({ sheet: sheetId, col: 3, row: 0 }, '=FILTER(B1:B14, A1:A14>5)');
+        // // hfInstance2.setCellContents({ sheet: sheetId2, col: 4, row: 0 }, "Hola");
 
+        // // Obtener los resultados filtrados
+        // // const resultados = hfInstance2.getSheetValues(sheetId2).slice(2); // Ignorar las primeras dos filas (datos originales)
+        // const resultados = hfInstance.getSheetValues(sheetId)
+        // console.log('Resultados:', resultados);
 
+        // const resultadosFiltrados = hfInstance.getCellValue({ sheet: sheetId, col: 2, row: 0 });
+        // console.log('Resultados filtrados:', resultadosFiltrados);
+
+
+        
+        const hyperFormulaInstance = HyperFormula.buildFromArray(datos, opciones);
+        const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
         
-        const hyperFormula = HyperFormula.buildFromArray(datos, opciones);
 
-        for(let columna = 0; columna < indiceColumnaVacio; columna++) {
+        const filas = datos.length;
+        console.log('Filas:', filas);
 
+        for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
+            hyperFormulaInstance.setCellContents({ row: 0, col: columna, sheet: sheetId }, encabezados[columna-indiceColumnaVacio]);
+            const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
+            console.log('Columna:', columna-indiceColumnaVacio);
+            console.log('numero columna Excel:', numeroAColumnaExcel(columna-indiceColumnaVacio+1));
+            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, A2:A${filas}>1)`);
         }
         
+        // hyperFormulaInstance.setCellContents({ row: 0, col: 11, sheet: sheetId }, 'caca');
+        // hyperFormulaInstance.setCellContents({ row: 1, col: 11, sheet: 0 }, `=FILTER(B2:B200, B2:B200>13)`);
+        const resultados = hyperFormulaInstance.getSheetValues(sheetId)
+        console.log('Resultados:', resultados);
+        
         // // Asignar nombre a la columna de resultados
         // hyperFormula.setCellContents({ row: 0, col: indiceColumnaVacio, sheet: 0 }, nombreColumnaResultado);
         
@@ -146,6 +160,42 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
 
 }
 
+
+function numeroAColumnaExcel(num) {
+  let columna = '';
+  while (num > 0) {
+    let residuo = (num - 1) % 26;
+    columna = String.fromCharCode(65 + residuo) + columna;
+    num = Math.floor((num - 1) / 26);
+  }
+  return columna;
+}
+
+
+
+/**
+ * @function traducirFormulaEstructurada
+ * @param {string} formula - Fórmula estructurada a traducir.
+ * @param {Array} encabezados - Encabezados de la hoja de Excel.
+ * @param {number} filaActiva - Fila activa para la traducción.
+ * @returns {string} Fórmula traducida a formato clásico de Excel.
+ */
+
+function nombreColumnaAIndice(filtro, encabezados) {
+    // Buscar el primer match de [@NombreColumna]
+    const match = filtro.match(/\[@([^\]]+)\]/);
+    if (!match) {
+        return { error: true, columnasNoEncontradas: ['No se encontró ninguna columna en el filtro'] };
+    }
+    const nombreColumna = match[1];
+    const columna = encabezados.indexOf(nombreColumna);
+    if (columna === -1) {
+        return { error: true, columnasNoEncontradas: [nombreColumna] };
+    }
+    return numeroAColumnaExcel(columna + 1); // +1 porque A=1, B=2, etc.
+}
+
+
 module.exports = {
   filtrarDatos,
 } 
\ No newline at end of file
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 473fb010..3740878b 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -37,7 +37,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
   }
 
   const filtrosDisponibles = formulasDisponibles.filter(formula => {
-    return formula.Datos.toLowerCase().includes('vlookup');
+    return formula.Datos.toLowerCase().includes('filter');
   });
 
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
index 3738fd61..ea385828 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
@@ -32,7 +32,7 @@ function filtrarYRenderizarFormulas(contenedor, terminoBusqueda = '', formulasDi
   console.log('formulas disponibles:', formulasDisponibles);
   
   formulasDisponibles = formulasDisponibles.filter(formula => {
-    return !formula.Datos.toLowerCase().includes('vlookup');
+    return !formula.Datos.toLowerCase().includes('filter');
   });
   
   console.log('formulas disponibles2:', formulasDisponibles);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
index a5eedb0a..2168f169 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/formulas/crearFormula.js
@@ -65,13 +65,13 @@ async function inicializarCrearFormula() {
     if (nombreArchivo === null || nombreArchivo === undefined) {
 
         const selectorAnidado = document.getElementById('main-function');
-        const listaOpcionesEliminar = ['IF', 'IFERROR', 'VLOOKUP']
+        const listaOpcionesEliminar = ['IF', 'IFERROR']
         listaOpcionesEliminar.forEach(elemento => {
             const elemntoEliminar = selectorAnidado.querySelector(`option[value='${elemento}']`)
             selectorAnidado.removeChild(elemntoEliminar)
         });
 
-        mostrarAlerta('No hay un archivo cargado.', 'No se podran crear fórmulas (SI, SI.ERROR y BUSCAV).', 'warning');
+        mostrarAlerta('No hay un archivo cargado.', 'No se podran crear fórmulas (SI, SI.ERROR).', 'warning');
         return;
     }
 }       
@@ -217,11 +217,8 @@ function definirEstructura(elementoElegido, contenedor) {
             agregarArgumento('Valor', 'iferror-value', contenedor, true);
             agregarArgumento('Valor si error', 'iferror-iferror', contenedor, true);
             break;
-        case 'VLOOKUP':
-            agregarArgumento('Valor buscado', 'vlookup-lookupvalue', contenedor, true);
-            agregarArgumento('Matriz tabla', 'vlookup-tablearray', contenedor);
-            agregarArgumento('Indicador de columnas', 'vlookup-colindexnum', contenedor);
-            agregarArgumento('Coincidencia (0=exacta, 1=aproximada)', 'vlookup-rangelookup', contenedor);
+        case 'FILTER':
+            agregarCriterio('Condición', 'if-condition', contenedor);
             break;
         case 'ARITHMETIC':
             agregarArgumento('Expresión', 'arithmetic-expression', contenedor);
@@ -346,7 +343,7 @@ function agregarFuncionAnidada(boton) {
             <option value=''>Seleccionar función anidada</option>
             <option value='IF'>SI</option>
             <option value='IFERROR'>SI.ERROR</option>
-            <option value='VLOOKUP'>BUSCARV</option>
+            <option value='FILTER'>FILTRO</option>
             <option value='ARITHMETIC'>Operación Aritmética</option>
         `;
         
@@ -576,11 +573,8 @@ function construirFormulaDesdeContenedor(contenedor, nombreFuncion) {
             argumentos.push(procesarArgumento(elementosArgumentos[0]));
             argumentos.push(procesarArgumento(elementosArgumentos[1]));
             break;
-        case 'VLOOKUP':
-            argumentos.push(procesarArgumento(elementosArgumentos[0]));
-            argumentos.push(obtenerValor(elementosArgumentos[1].querySelector('input')));
-            argumentos.push(obtenerValor(elementosArgumentos[2].querySelector('input')));
-            argumentos.push(obtenerValor(elementosArgumentos[3].querySelector('input')));
+        case 'FILTER':
+            argumentos.push(construirCondicion(elementosArgumentos[0], false));
             break;
         case 'ARITHMETIC':
             return obtenerValor(elementosArgumentos[0].querySelector('input'));
@@ -673,7 +667,7 @@ function traducirFuncion(nombre) {
         'CONTAR.SI': 'COUNTIF',
         'CONTAR.SI.CONJUNTO': 'COUNTIFS',
         'SI.ERROR': 'IFERROR',
-        'BUSCARV': 'VLOOKUP',
+        'FILTRO': 'FILTER',
         'ARITHMETIC': 'ARITHMETIC'
     };
     return map[nombre] || nombre;
diff --git a/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs b/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
index 7c3fbf00..dd141c12 100644
--- a/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
+++ b/harvester-app/src/framework/vistas/paginas/formulas/crearFormula.ejs
@@ -40,7 +40,7 @@
                     <option value=''>Seleccionar función</option>
                     <option value='IF'>SI</option>
                     <option value='IFERROR'>SI.ERROR</option>
-                    <option value='VLOOKUP'>BUSCARV</option>
+                    <option value='FILTER'>FILTRO</option>
                     <option value='ARITHMETIC'>Operación Aritmética</option>
                 </select>
             </div>

From 05263ce9ed821ffbe2a95033cac45331cb9ccdc0 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 09:28:21 -0600
Subject: [PATCH 71/78] filtros toma columna personalizada

---
 harvester-app/src/backend/casosUso/formulas/filtrarDatos.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index da35816c..92297993 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -103,6 +103,10 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
         const hyperFormulaInstance = HyperFormula.buildFromArray(datos, opciones);
         const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
         
+        console.log('formula del filtro:', filtro[0].Datos);
+        const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
+
+        console.log('Columna de condición:', columnaCondicion);
 
         const filas = datos.length;
         console.log('Filas:', filas);
@@ -112,7 +116,7 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
             const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
             console.log('Columna:', columna-indiceColumnaVacio);
             console.log('numero columna Excel:', numeroAColumnaExcel(columna-indiceColumnaVacio+1));
-            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, A2:A${filas}>1)`);
+            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}>1)`);
         }
         
         // hyperFormulaInstance.setCellContents({ row: 0, col: 11, sheet: sheetId }, 'caca');

From c9c18e906aa508fa25693a22c18f75461dd27b5c Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 09:32:41 -0600
Subject: [PATCH 72/78] filtros toman condiciones personalizadas

---
 .../backend/casosUso/formulas/filtrarDatos.js | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index 92297993..29faaa87 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -111,12 +111,16 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
         const filas = datos.length;
         console.log('Filas:', filas);
 
+
+        const condicionFiltro = extraerCondicionFiltro(filtro[0].Datos);
+        console.log('Condición del filtro:', condicionFiltro);
+
         for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
             hyperFormulaInstance.setCellContents({ row: 0, col: columna, sheet: sheetId }, encabezados[columna-indiceColumnaVacio]);
             const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
             console.log('Columna:', columna-indiceColumnaVacio);
             console.log('numero columna Excel:', numeroAColumnaExcel(columna-indiceColumnaVacio+1));
-            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}>1)`);
+            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}${condicionFiltro})`);
         }
         
         // hyperFormulaInstance.setCellContents({ row: 0, col: 11, sheet: sheetId }, 'caca');
@@ -200,6 +204,20 @@ function nombreColumnaAIndice(filtro, encabezados) {
 }
 
 
+/**
+ * Extrae la condición de una fórmula tipo =FILTER([@Columna]condición)
+ * @param {string} filtro - Fórmula tipo =FILTER([@Columna]condición)
+ * @returns {string|null} La condición (por ejemplo, '>1' o '="Muy rápido"'), o null si no se encuentra.
+ */
+function extraerCondicionFiltro(filtro) {
+    // Busca la referencia estructurada y lo que sigue después de ella, hasta el paréntesis de cierre
+    const match = filtro.match(/\[@[^\]]+\]([^)]+)/);
+    if (!match) return null;
+    return match[1].trim();
+}
+
+
+
 module.exports = {
   filtrarDatos,
 } 
\ No newline at end of file

From fd30cadffe03580d72add40917ac6426df92624c Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 10:20:47 -0600
Subject: [PATCH 73/78] Formulas y filtros funcionando

---
 .../casosUso/formulas/aplicarFormula.js       |   4 +-
 .../backend/casosUso/formulas/filtrarDatos.js | 119 ++++--------------
 .../analisis/formulas/crearCuadroFormulas.js  |  13 +-
 3 files changed, 35 insertions(+), 101 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
index 5b776ce1..6e1d3064 100644
--- a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
+++ b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
@@ -14,9 +14,11 @@ const opciones = {
  */
 function aplicarFormula(nombreFormula, formulaEstructurada, tractorSeleccionado, datosExcel) {
     try {
-
+        console.log('datosExcel:', datosExcel);
         const hojas = datosExcel.hojas;
 
+        console.log('hojas:', hojas);
+
         // Si no se especifica hoja, usar la primera disponible
         let datos = [];
         let tractorUsado = '';
diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index 29faaa87..ed361ed3 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -15,8 +15,10 @@ const opciones = {
  */
 
 function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
+    if(filtro.length==0){
+        return { resultados: datosExcel };
+    }
 
-    console.log('Filtrando datos con filtro:', filtro);
   // Lógica para filtrar los datos según el filtro
     try {
 
@@ -46,117 +48,51 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
 
         // Obtener encabezados
         const encabezados = datos[0];
-        console.log('Encabezados:', encabezados);
         
         // Encontrar la primera columna vacía usando método seguro
         const indiceColumnaVacio = encontrarColumnaVacia(datos);
-        console.log('Índice de columna vacía:', indiceColumnaVacio);
-
-        // // Pruebas filtros (BORRAR)
-
-        
-        
-        // const datosPrueba = {
-        //     "velocidad" : [1,3,4,5,5,5,6,7,6,5,4,3,2,0],
-        //     "gasolina" : [10,10,10,9,9,9,8,8,7,7,7,7,6,6]
-        // };
-        
-        // const hfInstance = HyperFormula.buildEmpty({
-        //     licenseKey: 'gpl-v3', // Usa tu clave de licencia si tienes una
-        //     useArrayArithmetic: true, // Habilita la aritmética de matrices
-        // });
-
-        // const sheetName = hfInstance.addSheet('Sheet1');
-        // const sheetId = hfInstance.getSheetId(sheetName);
-
-        // datosPrueba.velocidad.forEach((valor, index) => {
-        //     hfInstance.setCellContents({ sheet: sheetId, col: 0, row: index }, [[valor]]);
-        // });
-
-        // // Cargar "gasolina" en la columna B (columna 1)
-        // datosPrueba.gasolina.forEach((valor, index) => {
-        //     hfInstance.setCellContents({ sheet: sheetId, col: 1, row: index }, [[valor]]);
-        // });
-
-
-        // console.log('Filtrando datos...')
-        // // var formula = `=ARRAYFORMULA(FILTER(A1:B14, ${parametro}1:${parametro}14 ${operador} ${valor}))`;
-        // const formula = '=FILTER(A1:B14, A1:A14=5)'
-        // // formula = '=ARRAYFORMULA(FILTER(A1:B5), {1,0,1,1,0})'
-        // console.log(formula)
-
-        // // Aplicar la fórmula
-        // hfInstance.setCellContents({ sheet: sheetId, col: 2, row: 0 }, '=FILTER(A1:A14, A1:A14>5)');
-        // hfInstance.setCellContents({ sheet: sheetId, col: 3, row: 0 }, '=FILTER(B1:B14, A1:A14>5)');
-        // // hfInstance2.setCellContents({ sheet: sheetId2, col: 4, row: 0 }, "Hola");
-
-        // // Obtener los resultados filtrados
-        // // const resultados = hfInstance2.getSheetValues(sheetId2).slice(2); // Ignorar las primeras dos filas (datos originales)
-        // const resultados = hfInstance.getSheetValues(sheetId)
-        // console.log('Resultados:', resultados);
-
-        // const resultadosFiltrados = hfInstance.getCellValue({ sheet: sheetId, col: 2, row: 0 });
-        // console.log('Resultados filtrados:', resultadosFiltrados);
 
 
         
         const hyperFormulaInstance = HyperFormula.buildFromArray(datos, opciones);
         const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
-        
-        console.log('formula del filtro:', filtro[0].Datos);
-        const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
 
-        console.log('Columna de condición:', columnaCondicion);
+        const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
 
         const filas = datos.length;
-        console.log('Filas:', filas);
-
 
         const condicionFiltro = extraerCondicionFiltro(filtro[0].Datos);
-        console.log('Condición del filtro:', condicionFiltro);
 
         for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
             hyperFormulaInstance.setCellContents({ row: 0, col: columna, sheet: sheetId }, encabezados[columna-indiceColumnaVacio]);
             const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
-            console.log('Columna:', columna-indiceColumnaVacio);
-            console.log('numero columna Excel:', numeroAColumnaExcel(columna-indiceColumnaVacio+1));
             hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}${condicionFiltro})`);
         }
-        
-        // hyperFormulaInstance.setCellContents({ row: 0, col: 11, sheet: sheetId }, 'caca');
-        // hyperFormulaInstance.setCellContents({ row: 1, col: 11, sheet: 0 }, `=FILTER(B2:B200, B2:B200>13)`);
-        const resultados = hyperFormulaInstance.getSheetValues(sheetId)
-        console.log('Resultados:', resultados);
-        
-        // // Asignar nombre a la columna de resultados
-        // hyperFormula.setCellContents({ row: 0, col: indiceColumnaVacio, sheet: 0 }, nombreColumnaResultado);
-        
-        // // Aplicar la fórmula a cada fila de datos
-        // const resultados = [];
-        // for (let fila = 1; fila < datos.length; fila = fila + 1) {
-        //     // Traducir fórmula estructurada a fórmula clásica para esta fila específica
-        //     const formulaTraducida = traducirFormulaEstructurada(formulaEstructurada, encabezados, fila);
-        //     // Si hay un error en la traducción y no se encontró alguna columna, mostrar alerta y lanzar error
-        //     if (formulaTraducida.error) {
-        //         const columnasFaltantes = formulaTraducida.columnasNoEncontradas.join(', ');
-        //         const err = new Error(`Columna no encontrada: ${columnasFaltantes}`);
-        //         err.tipo = 'columnaNoEncontrada';
-        //         mostrarAlerta(`Columnas no encontradas: ${columnasFaltantes}`, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar esta fórmula.', 'error');
-        //         throw err;
-        //     }
-            
-        //     // Aplicar la fórmula a esta fila
-        //     hyperFormula.setCellContents({ row: fila, col: indiceColumnaVacio, sheet: 0 }, formulaTraducida);
-        //     const result = hyperFormula.getCellValue({ row: fila, col: indiceColumnaVacio, sheet: 0 });
-        //     resultados.push(result);
-        // }
-        
-        // // Obtener los datos actualizados con la nueva columna para devolverlos
-        // const datosActualizados = hyperFormula.getSheetValues(0);
-  
+
+        const resultadosFiltrados = [];
+        for(let fila = 0; fila < filas; fila++) {
+            const resultadoColumna = [];
+            for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
+                const valorCelda = hyperFormulaInstance.getCellValue({ row: fila, col: columna, sheet: sheetId });
+                if (valorCelda != null && valorCelda != undefined) {
+                    resultadoColumna.push(valorCelda);
+                }
+            }
+            if (resultadoColumna.length > 0) {
+                resultadosFiltrados.push(resultadoColumna);
+            }
+        }
+
+        console.log('tractor seleccionado: ', tractorSeleccionado);
+        resultados = {hojas: {
+            [tractorSeleccionado]: resultadosFiltrados
+            }
+        };
+
+        console.log('resultados empaquetados: ', resultados);
         
         return {
-            datosExcel
+            resultados,
         };
     } catch (error) {
         console.error('Error al filtrar los datos:', error);
@@ -165,7 +101,6 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
             tractorSeleccionado: tractorSeleccionado || 'desconocida'
         };
     }
-
 }
 
 
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 3740878b..213b753d 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -123,15 +123,12 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
         // if( filtroAplicado ) {
         console.log('filtrando datos...')
-        const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')));
+        const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
         console.log('Datos filtrados!')
+        console.log('datosFiltrados en crearcuadroformulas:', datosFiltrados);
 
         
-        // }
-        // Verificar que hay datos disponibles
-        // const datosExcel = localStorage.getItem('datosFiltradosExcel');
-        const datosExcel = localStorage.getItem('datosFiltradosExcel'); //datosFiltrados || localStorage.getItem('datosFiltradosExcel');
-        if (!datosExcel) {
+        if (!datosFiltrados) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
           return;
         }
@@ -167,9 +164,9 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
         try {
           let resultadoFormula;
           if (tractorSeleccionado.length != 0) {
-            resultadoFormula = aplicarFormula(nombreFormula, datosFormula, tractorSeleccionado, JSON.parse(datosExcel));
+            resultadoFormula = aplicarFormula(nombreFormula, datosFormula, tractorSeleccionado, datosFiltrados.resultados);
           } else {
-            resultadoFormula = aplicarFormula(nombreFormula, datosFormula, null, JSON.parse(datosExcel));
+            resultadoFormula = aplicarFormula(nombreFormula, datosFormula, null, datosFiltrados.resultados);
           }
           let contadorErrores = 0;
           const resultados = resultadoFormula.resultados;

From b90dac15cd1089c30eefa5fab8ba91b653d21788 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 10:51:48 -0600
Subject: [PATCH 74/78] =?UTF-8?q?Filtros=20funcionan=20con=20un=20par?=
 =?UTF-8?q?=C3=A1metro?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../backend/casosUso/formulas/aplicarFormula.js    |  4 +---
 .../src/backend/casosUso/formulas/filtrarDatos.js  |  5 +----
 .../analisis/formulas/crearCuadroFormulas.js       | 14 +++-----------
 .../paginas/analisis/formulas/crearMenuFiltros.js  |  3 +--
 .../analisis/formulas/crearMenuParametros.js       | 12 ++++++++++--
 .../formulas/filtrarYRenderizarFormulas.js         |  3 ---
 .../graficas/actualizarGraficaConColumna.js        |  6 +++---
 7 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
index 6e1d3064..5b776ce1 100644
--- a/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
+++ b/harvester-app/src/backend/casosUso/formulas/aplicarFormula.js
@@ -14,10 +14,8 @@ const opciones = {
  */
 function aplicarFormula(nombreFormula, formulaEstructurada, tractorSeleccionado, datosExcel) {
     try {
-        console.log('datosExcel:', datosExcel);
-        const hojas = datosExcel.hojas;
 
-        console.log('hojas:', hojas);
+        const hojas = datosExcel.hojas;
 
         // Si no se especifica hoja, usar la primera disponible
         let datos = [];
diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index ed361ed3..eacf8541 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -83,19 +83,16 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
             }
         }
 
-        console.log('tractor seleccionado: ', tractorSeleccionado);
         resultados = {hojas: {
             [tractorSeleccionado]: resultadosFiltrados
             }
         };
 
-        console.log('resultados empaquetados: ', resultados);
         
         return {
             resultados,
         };
-    } catch (error) {
-        console.error('Error al filtrar los datos:', error);
+    } catch {
         return {
             error: error.message,
             tractorSeleccionado: tractorSeleccionado || 'desconocida'
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 213b753d..25e820f8 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -81,8 +81,8 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
   const contenedoresSeleccion = cuadroFormulas.querySelectorAll('.opciones-carta');
 
   //ToDo: Escalar en número de variables dependiendo de las variables en las fórmulas
- crearMenuParametros(contenedoresSeleccion[0], columnasActualizadas, graficaId, datosOriginalesFormulas, tractorSeleccionado);
- crearMenuFiltros(contenedoresSeleccion[1], filtrosDisponibles, graficaId, datosOriginalesFormulas, tractorSeleccionado);
+ crearMenuParametros(contenedoresSeleccion[0], columnasActualizadas, graficaId, datosOriginalesFormulas, tractorSeleccionado, filtrosDisponibles, contenedoresSeleccion[1]);
+ crearMenuFiltros(contenedoresSeleccion[1], filtrosDisponibles, graficaId);
 
   // Configurar búsqueda de fórmulas
   const campoBusqueda = cuadroFormulas.querySelector('.search-section');
@@ -103,10 +103,9 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
 
 
-    filtroAplicado = filtrosDisponibles.filter(filtro => {
+    const filtroAplicado = filtrosDisponibles.filter(filtro => {
       return contenedoresSeleccion[1].querySelector('.opcion-texto').value == filtro.Nombre;
     });
-    console.log('filtroAplicado:', filtroAplicado);
 
     const textoAplicar = botonAplicarFormula.querySelector('div');
     if (textoAplicar) {
@@ -119,14 +118,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
           return;
         }
 
-
-
-        // if( filtroAplicado ) {
-        console.log('filtrando datos...')
         const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
-        console.log('Datos filtrados!')
-        console.log('datosFiltrados en crearcuadroformulas:', datosFiltrados);
-
         
         if (!datosFiltrados) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
index adf58ee6..e8bbb86f 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
@@ -8,13 +8,12 @@ const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/pagina
  * @param {number} graficaId - ID de la gráfica asociada.
  * @returns {void}
  */
-function crearMenuFiltros(contenedor, filtros, graficaId, datosOriginalesFormulas, tractorSeleccionado) {
+function crearMenuFiltros(contenedor, filtros, graficaId) {
   const nuevoMenu = document.createElement('div');
   nuevoMenu.className = 'opcion';
   const seleccionValores = document.createElement('select');
   seleccionValores.className = 'opcion-texto';
   seleccionValores.innerHTML = '<option value="">-- Selecciona un filtro --</option>'
-  filtros.forEach((filtro) => {console.log('contenido filtros:', filtro)});
   filtros.forEach((filtro) => {
     seleccionValores.innerHTML = `${seleccionValores.innerHTML}
     <option value="${filtro.Nombre}"> ${filtro.Nombre} </option>`
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
index 6921bd2b..34de3220 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
@@ -1,5 +1,6 @@
 const { actualizarGraficaConColumna } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js`);
 const { crearGrafica } = require(`${rutaBase}/src/framework/utils/scripts/paginas/analisis/graficas/crearGrafica.js`);
+const { filtrarDatos } = require(`${rutaBase}/src/backend/casosUso/formulas/filtrarDatos.js`);
 const Chart = require('chart.js/auto');
 
 /**
@@ -9,7 +10,7 @@ const Chart = require('chart.js/auto');
  * @param {number} graficaId - ID de la gráfica asociada.
  * @returns {void}
  */
-function crearMenuParametros(contenedor, columnas, graficaId, datosOriginalesFormulas, tractorSeleccionado) {
+function crearMenuParametros(contenedor, columnas, graficaId, datosOriginalesFormulas, tractorSeleccionado, filtrosDisponibles, contenedorFiltros) {
   const nuevoMenu = document.createElement('div');
   nuevoMenu.className = 'opcion';
   const seleccionValores = document.createElement('select');
@@ -22,9 +23,16 @@ function crearMenuParametros(contenedor, columnas, graficaId, datosOriginalesFor
 
   // Agregar evento de cambio para actualizar la gráfica
   seleccionValores.addEventListener('change', (evento) => {
+
+    const filtroAplicado = filtrosDisponibles.filter(filtro => {
+      return contenedorFiltros.querySelector('.opcion-texto').value == filtro.Nombre;
+    });
+
+    const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
+
     const columnaSeleccionada = evento.target.value;
     if (columnaSeleccionada && columnaSeleccionada !== '') {
-      actualizarGraficaConColumna(graficaId, columnaSeleccionada, datosOriginalesFormulas, tractorSeleccionado);
+      actualizarGraficaConColumna(graficaId, columnaSeleccionada, datosOriginalesFormulas, tractorSeleccionado, datosFiltrados.resultados);
     } else {
       // Si se deselecciona, resetear la gráfica a estado inicial
       const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
index ea385828..380d6d66 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/filtrarYRenderizarFormulas.js
@@ -29,14 +29,11 @@ function filtrarYRenderizarFormulas(contenedor, terminoBusqueda = '', formulasDi
   // Limpiar contenedor
   contenedor.innerHTML = '';
 
-  console.log('formulas disponibles:', formulasDisponibles);
   
   formulasDisponibles = formulasDisponibles.filter(formula => {
     return !formula.Datos.toLowerCase().includes('filter');
   });
   
-  console.log('formulas disponibles2:', formulasDisponibles);
-
 
   // Si no hay fórmulas cargadas, mostrar mensaje específico
   if (formulasDisponibles.length === 0) {
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
index 26caa9c3..b8634da5 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/graficas/actualizarGraficaConColumna.js
@@ -8,7 +8,7 @@ const { mostrarAlerta } = require(`${rutaBase}/src/framework/vistas/includes/com
  * @param {string} nombreColumna - Nombre de la columna seleccionada.
  * @returns {void}
  */
-function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFormulas, tractorSeleccionado) {
+function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFormulas, tractorSeleccionado, datosExcel) {
   // Obtener la gráfica
   const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
   if (!graficaDiv) {
@@ -28,7 +28,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
   }
 
   // Obtener la hoja seleccionada del localStorage
-  const datos = localStorage.getItem('datosFiltradosExcel');
+  const datos = datosExcel;//localStorage.getItem('datosFiltradosExcel');
 
   if (!datos) {
     mostrarAlerta('Error', 'No hay datos cargados para mostrar en la gráfica.', 'error');
@@ -39,7 +39,7 @@ function actualizarGraficaConColumna(graficaId, nombreColumna, datosOriginalesFo
     let datosHoja = null;
 
     // Parsear los datos del localStorage
-    const datosParseados = JSON.parse(datos);
+    const datosParseados = datos;
 
     // Determinar qué hoja usar
     if (tractorSeleccionado && tractorSeleccionado.trim() !== '') {

From 6638b1f0cf62f64fcd36ff63edef2af43a4a549e Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 19:53:50 -0600
Subject: [PATCH 75/78] [FEAT] - Alertas en error al aplicar filtro

---
 .../src/backend/casosUso/formulas/filtrarDatos.js  | 14 ++++++++------
 .../analisis/formulas/crearCuadroFormulas.js       |  8 ++++++--
 harvester-app/src/main.js                          |  2 +-
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index eacf8541..5d911f1a 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -58,6 +58,9 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
         const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
 
         const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
+        if(columnaCondicion.error) {
+            return { error: true, columnaNoEncontrada: columnaCondicion.columnaNoEncontrada };
+        }
 
         const filas = datos.length;
 
@@ -92,11 +95,9 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
         return {
             resultados,
         };
-    } catch {
-        return {
-            error: error.message,
-            tractorSeleccionado: tractorSeleccionado || 'desconocida'
-        };
+    } catch(error) {
+        throw error
+        // tractorSeleccionado: tractorSeleccionado || 'desconocida'
     }
 }
 
@@ -130,7 +131,8 @@ function nombreColumnaAIndice(filtro, encabezados) {
     const nombreColumna = match[1];
     const columna = encabezados.indexOf(nombreColumna);
     if (columna === -1) {
-        return { error: true, columnasNoEncontradas: [nombreColumna] };
+        console.log(`Columna no encontrada: ${nombreColumna}`);
+        return { error: true, columnaNoEncontrada: [nombreColumna] };
     }
     return numeroAColumnaExcel(columna + 1); // +1 porque A=1, B=2, etc.
 }
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 25e820f8..6a8367e0 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -101,8 +101,6 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
   botonAplicarFormula.addEventListener('click', () => {
 
-
-
     const filtroAplicado = filtrosDisponibles.filter(filtro => {
       return contenedoresSeleccion[1].querySelector('.opcion-texto').value == filtro.Nombre;
     });
@@ -118,7 +116,12 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
           return;
         }
 
+
         const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
+        if (datosFiltrados.error) {
+          mostrarAlerta('Columna no encontrada: ' + datosFiltrados.columnaNoEncontrada, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar este filtro.', 'error');
+          return;
+        }
         
         if (!datosFiltrados) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
@@ -235,6 +238,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
         }
       }, 100);
     }
+    if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
   });
 
   // Configurar evento de búsqueda (filtrado local)
diff --git a/harvester-app/src/main.js b/harvester-app/src/main.js
index 88b09503..6f4bcd66 100644
--- a/harvester-app/src/main.js
+++ b/harvester-app/src/main.js
@@ -27,7 +27,7 @@ const createWindow = async () => {
     webPreferences: {
       nodeIntegration: true,
       contextIsolation: false,
-      devTools: false,
+      devTools: true,
     },
   });
 

From efde6d6f8a130d4e14e0b53725ec1373751ccffc Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 20:13:40 -0600
Subject: [PATCH 76/78] Bugfix

---
 .../backend/casosUso/formulas/filtrarDatos.js | 135 +++++++++---------
 .../analisis/formulas/crearCuadroFormulas.js  |   2 +-
 .../analisis/formulas/crearMenuFiltros.js     |   8 +-
 .../analisis/formulas/crearMenuParametros.js  |   7 +-
 harvester-app/src/main.js                     |   2 +-
 5 files changed, 77 insertions(+), 77 deletions(-)

diff --git a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
index 5d911f1a..0c26c0b2 100644
--- a/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
+++ b/harvester-app/src/backend/casosUso/formulas/filtrarDatos.js
@@ -1,4 +1,3 @@
-const { mostrarAlerta } = require('../../../framework/vistas/includes/componentes/moleculas/alertaSwal/alertaSwal');
 const { HyperFormula } = require('hyperformula');
 const { encontrarColumnaVacia } = require('./aplicarFormula.js')
 
@@ -20,92 +19,89 @@ function filtrarDatos(filtro, datosExcel, tractorSeleccionado){
     }
 
   // Lógica para filtrar los datos según el filtro
-    try {
-
-        const hojas = datosExcel.hojas;
-
-        // Si no se especifica hoja, usar la primera disponible
-        let datos = [];
-        let tractorUsado = '';
-        
-        if (tractorSeleccionado && hojas[tractorSeleccionado]) {
-            datos = hojas[tractorSeleccionado];
-            tractorUsado = tractorSeleccionado;
-        } else {
-            // Tomar la primera hoja disponible
-            tractorUsado = Object.keys(hojas)[0];
-            datos = hojas[tractorUsado];
-        }
-        
-        // Verificar que datos sea un array
-        if (!Array.isArray(datos)) {
-            throw new Error('Formato de datos inválido: se esperaba un array');
-        }
-        
-        if (datos.length === 0) {
-            throw new Error('No hay datos disponibles en la hoja seleccionada');
-        }
 
-        // Obtener encabezados
-        const encabezados = datos[0];
-        
-        // Encontrar la primera columna vacía usando método seguro
-        const indiceColumnaVacio = encontrarColumnaVacia(datos);
+    const hojas = datosExcel.hojas;
+
+    // Si no se especifica hoja, usar la primera disponible
+    let datos = [];
+    let tractorUsado = '';
+    
+    if (tractorSeleccionado && hojas[tractorSeleccionado]) {
+        datos = hojas[tractorSeleccionado];
+        tractorUsado = tractorSeleccionado;
+    } else {
+        // Tomar la primera hoja disponible
+        tractorUsado = Object.keys(hojas)[0];
+        datos = hojas[tractorUsado];
+    }
+    
+    // Verificar que datos sea un array
+    if (!Array.isArray(datos)) {
+        throw new Error('Formato de datos inválido: se esperaba un array');
+    }
+    
+    if (datos.length === 0) {
+        throw new Error('No hay datos disponibles en la hoja seleccionada');
+    }
 
+    // Obtener encabezados
+    const encabezados = datos[0];
+    
+    // Encontrar la primera columna vacía usando método seguro
+    const indiceColumnaVacio = encontrarColumnaVacia(datos);
 
-        
-        const hyperFormulaInstance = HyperFormula.buildFromArray(datos, opciones);
-        const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
 
-        const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
-        if(columnaCondicion.error) {
-            return { error: true, columnaNoEncontrada: columnaCondicion.columnaNoEncontrada };
-        }
+    
+    const hyperFormulaInstance = HyperFormula.buildFromArray(datos, opciones);
+    const sheetId = hyperFormulaInstance.getSheetId('Sheet1');
 
-        const filas = datos.length;
+    const columnaCondicion = nombreColumnaAIndice(filtro[0].Datos, encabezados);
+    if(columnaCondicion.error) {
+        return { error: true, columnaNoEncontrada: columnaCondicion.columnaNoEncontrada };
+    }
 
-        const condicionFiltro = extraerCondicionFiltro(filtro[0].Datos);
+    const filas = datos.length;
 
-        for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
-            hyperFormulaInstance.setCellContents({ row: 0, col: columna, sheet: sheetId }, encabezados[columna-indiceColumnaVacio]);
-            const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
-            hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}${condicionFiltro})`);
-        }
+    const condicionFiltro = extraerCondicionFiltro(filtro[0].Datos);
 
-        const resultadosFiltrados = [];
-        for(let fila = 0; fila < filas; fila++) {
-            const resultadoColumna = [];
-            for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna++) {
-                const valorCelda = hyperFormulaInstance.getCellValue({ row: fila, col: columna, sheet: sheetId });
-                if (valorCelda != null && valorCelda != undefined) {
-                    resultadoColumna.push(valorCelda);
-                }
-            }
-            if (resultadoColumna.length > 0) {
-                resultadosFiltrados.push(resultadoColumna);
+    for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna+=1) {
+        hyperFormulaInstance.setCellContents({ row: 0, col: columna, sheet: sheetId }, encabezados[columna-indiceColumnaVacio]);
+        const columnaLetra = numeroAColumnaExcel(columna-indiceColumnaVacio+1);
+        hyperFormulaInstance.setCellContents({ row: 1, col: columna, sheet: 0 }, `=FILTER(${columnaLetra}2:${columnaLetra}${filas}, ${columnaCondicion}2: ${columnaCondicion}${filas}${condicionFiltro})`);
+    }
+
+    const resultadosFiltrados = [];
+    for(let fila = 0; fila < filas; fila+=1) {
+        const resultadoColumna = [];
+        for(let columna = indiceColumnaVacio; columna < indiceColumnaVacio*2+1; columna+=1) {
+            const valorCelda = hyperFormulaInstance.getCellValue({ row: fila, col: columna, sheet: sheetId });
+            if (valorCelda != null && valorCelda != undefined) {
+                resultadoColumna.push(valorCelda);
             }
         }
+        if (resultadoColumna.length > 0) {
+            resultadosFiltrados.push(resultadoColumna);
+        }
+    }
 
-        resultados = {hojas: {
+    const resultados = {
+        hojas: {
             [tractorSeleccionado]: resultadosFiltrados
-            }
-        };
-
-        
-        return {
-            resultados,
-        };
-    } catch(error) {
-        throw error
-        // tractorSeleccionado: tractorSeleccionado || 'desconocida'
-    }
+        }
+    };
+
+    
+    return {
+        resultados,
+    };
+
 }
 
 
 function numeroAColumnaExcel(num) {
   let columna = '';
   while (num > 0) {
-    let residuo = (num - 1) % 26;
+    const residuo = (num - 1) % 26;
     columna = String.fromCharCode(65 + residuo) + columna;
     num = Math.floor((num - 1) / 26);
   }
@@ -131,7 +127,6 @@ function nombreColumnaAIndice(filtro, encabezados) {
     const nombreColumna = match[1];
     const columna = encabezados.indexOf(nombreColumna);
     if (columna === -1) {
-        console.log(`Columna no encontrada: ${nombreColumna}`);
         return { error: true, columnaNoEncontrada: [nombreColumna] };
     }
     return numeroAColumnaExcel(columna + 1); // +1 porque A=1, B=2, etc.
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 6a8367e0..8c79d302 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -119,7 +119,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
         const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
         if (datosFiltrados.error) {
-          mostrarAlerta('Columna no encontrada: ' + datosFiltrados.columnaNoEncontrada, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar este filtro.', 'error');
+          mostrarAlerta(`Columna no encontrada: ${datosFiltrados.columnaNoEncontrada}`, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar este filtro.', 'error');
           return;
         }
         
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
index e8bbb86f..3a930260 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
@@ -21,18 +21,20 @@ function crearMenuFiltros(contenedor, filtros, graficaId) {
 
   // Agregar evento de cambio para actualizar la gráfica
   seleccionValores.addEventListener('change', (evento) => {
-    const filtroSeleccionado = evento.target.value;
     // Si se deselecciona, resetear la gráfica a estado inicial
     const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
     if (graficaDiv) {
       const canvas = graficaDiv.querySelector('canvas');
       const contexto = canvas.getContext('2d');
       const graficaExistente = Chart.getChart(contexto);
+      console.log('Grafica existente:', graficaExistente);
 
       if (graficaExistente) {
+        const tipo = graficaExistente.config.type;
+        const titulo = graficaExistente.options.plugins.title.text;
         graficaExistente.destroy();
-        const nuevaGrafica = crearGrafica(contexto, 'line');
-        nuevaGrafica.options.plugins.title.text = '';
+        const nuevaGrafica = crearGrafica(contexto, tipo);
+        nuevaGrafica.options.plugins.title.text = titulo;
         nuevaGrafica.update();
       }
     }
diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
index 34de3220..e0734732 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuParametros.js
@@ -37,14 +37,17 @@ function crearMenuParametros(contenedor, columnas, graficaId, datosOriginalesFor
       // Si se deselecciona, resetear la gráfica a estado inicial
       const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
       if (graficaDiv) {
+        
         const canvas = graficaDiv.querySelector('canvas');
         const contexto = canvas.getContext('2d');
         const graficaExistente = Chart.getChart(contexto);
 
         if (graficaExistente) {
+          const tipo = graficaExistente.config.type;
+          const titulo = graficaExistente.options.plugins.title.text;
           graficaExistente.destroy();
-          const nuevaGrafica = crearGrafica(contexto, 'line');
-          nuevaGrafica.options.plugins.title.text = '';
+          const nuevaGrafica = crearGrafica(contexto, tipo);
+          nuevaGrafica.options.plugins.title.text = titulo;
           nuevaGrafica.update();
         }
       }
diff --git a/harvester-app/src/main.js b/harvester-app/src/main.js
index 6f4bcd66..88b09503 100644
--- a/harvester-app/src/main.js
+++ b/harvester-app/src/main.js
@@ -27,7 +27,7 @@ const createWindow = async () => {
     webPreferences: {
       nodeIntegration: true,
       contextIsolation: false,
-      devTools: true,
+      devTools: false,
     },
   });
 

From 3f69dd291bdcb10b681970fb369ff15328bf4cc2 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 20:15:41 -0600
Subject: [PATCH 77/78] eslint fix

---
 .../scripts/paginas/analisis/formulas/crearMenuFiltros.js      | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
index 3a930260..448f3ccc 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearMenuFiltros.js
@@ -20,14 +20,13 @@ function crearMenuFiltros(contenedor, filtros, graficaId) {
   });
 
   // Agregar evento de cambio para actualizar la gráfica
-  seleccionValores.addEventListener('change', (evento) => {
+  seleccionValores.addEventListener('change', () => {
     // Si se deselecciona, resetear la gráfica a estado inicial
     const graficaDiv = document.getElementById(`previsualizacion-grafica-${graficaId}`);
     if (graficaDiv) {
       const canvas = graficaDiv.querySelector('canvas');
       const contexto = canvas.getContext('2d');
       const graficaExistente = Chart.getChart(contexto);
-      console.log('Grafica existente:', graficaExistente);
 
       if (graficaExistente) {
         const tipo = graficaExistente.config.type;

From 41b8895f6637d4479b200d00e1f1845099abf9d0 Mon Sep 17 00:00:00 2001
From: Diego <a01705506@tec.mx>
Date: Fri, 27 Jun 2025 20:20:51 -0600
Subject: [PATCH 78/78] fix boton cargando

---
 .../paginas/analisis/formulas/crearCuadroFormulas.js     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
index 8c79d302..94907684 100644
--- a/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
+++ b/harvester-app/src/framework/utils/scripts/paginas/analisis/formulas/crearCuadroFormulas.js
@@ -113,6 +113,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
         const formulaSeleccionada = contenedorBusqueda.querySelector('.formula-seleccionada');
         if (!formulaSeleccionada) {
           mostrarAlerta('Error', 'Debes buscar y seleccionar una fórmula antes de aplicar.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
 
@@ -120,11 +121,13 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
         const datosFiltrados = filtrarDatos(filtroAplicado, JSON.parse(localStorage.getItem('datosFiltradosExcel')), tractorSeleccionado);
         if (datosFiltrados.error) {
           mostrarAlerta(`Columna no encontrada: ${datosFiltrados.columnaNoEncontrada}`, 'Asegúrate de seleccionar todas las columnas necesarias para aplicar este filtro.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
         
         if (!datosFiltrados) {
           mostrarAlerta('Error', 'No hay datos de Excel cargados. Por favor, carga un archivo Excel primero.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
 
@@ -134,6 +137,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
         if (!inputRadio) {
           mostrarAlerta('Error', 'Error al obtener los datos de la fórmula seleccionada.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
 
@@ -144,6 +148,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
         // Verificar que los datos están completos
         if (!datosFormula || datosFormula.trim() === '') {
           mostrarAlerta('Error', 'Los datos de la fórmula están vacíos o incompletos.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
 
@@ -153,6 +158,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
 
         if (!graficaDiv) {
           mostrarAlerta('Error', 'No se encontró la gráfica asociada.', 'error');
+          if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
           return;
         }
 
@@ -237,8 +243,7 @@ async function crearCuadroFormulas(graficaId, formulasDisponibles, datosOriginal
           if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
         }
       }, 100);
-    }
-    if (textoAplicar) textoAplicar.textContent = 'Aplicar Fórmula';
+    } 
   });
 
   // Configurar evento de búsqueda (filtrado local)