Fix MapLibre proxy routing and enforce Regla 30

Antigravity AI
1 parent f16256b4
Showing 9 changed files with 390 additions and 190 deletions
FdwService.java
GIS-GEOSERVER-REGLAS.md
apply_config.sh
apply_config_v2.sh
apply_config_v3.sh
apply_config_v4.sh
geoserver_config.xml
mapas.html
src/main/resources/static/mapas.html
@@ -25,7 +25,8 @@ public class FdwService {
         String sqlEntidad = "SELECT sigem_site, sigem_dbname, boundno, boundse, latlong, zoom, maxzoom, minzoom FROM public.entidades WHERE entidad = ?";
         List<Map<String, Object>> entidades = masterJdbcTemplate.queryForList(sqlEntidad, Integer.parseInt(entidadId));
  
-        if (entidades.isEmpty()) throw new RuntimeException("Entidad " + entidadId + " no encontrada.");
+        if (entidades.isEmpty())
+            throw new RuntimeException("Entidad " + entidadId + " no encontrada.");
  
         Map<String, Object> data = entidades.get(0);
         String sigemSite = (String) data.get("sigem_site");
@@ -44,17 +45,25 @@ public class FdwService {
         try {
             gisJdbcTemplate.execute("CREATE EXTENSION IF NOT EXISTS postgres_fdw");
             gisJdbcTemplate.execute("DROP SERVER IF EXISTS " + serverName + " CASCADE");
-            gisJdbcTemplate.execute(String.format("CREATE SERVER %s FOREIGN DATA WRAPPER postgres_fdw OPTIONS (host '%s', port '%s', dbname '%s')", serverName, host, port, sigemDbname));
-            gisJdbcTemplate.execute(String.format("CREATE USER MAPPING FOR sigem_user SERVER %s OPTIONS (user '%s', password '%s')", serverName, user, pass));
+            gisJdbcTemplate.execute(String.format(
+                    "CREATE SERVER %s FOREIGN DATA WRAPPER postgres_fdw OPTIONS (host '%s', port '%s', dbname '%s')",
+                    serverName, host, port, sigemDbname));
+            gisJdbcTemplate.execute(
+                    String.format("CREATE USER MAPPING FOR sigem_user SERVER %s OPTIONS (user '%s', password '%s')",
+                            serverName, user, pass));
             gisJdbcTemplate.execute("CREATE SCHEMA IF NOT EXISTS " + schemaName);
-            gisJdbcTemplate.execute(String.format("IMPORT FOREIGN SCHEMA public LIMIT TO (v_liq_entidad_totalxobjeto, v_liq_entidad_percentiles, usuarios, ventanas_usuario) FROM SERVER %s INTO %s", serverName, schemaName));
+            gisJdbcTemplate.execute(String.format(
+                    "IMPORT FOREIGN SCHEMA public LIMIT TO (v_liq_entidad_totalxobjeto, v_liq_entidad_percentiles, usuarios, ventanas_usuario) FROM SERVER %s INTO %s",
+                    serverName, schemaName));
  
             // REGLA 23 ACTUALIZADA: Join OBLIGATORIO por CCC = INM_CTACATASTRAL
             String tableLotes = "public.e" + entidadId + "_lotes_conccc";
             String viewName = "vw_lotes_morosidad_" + entidadId;
             String viewWms = "vw_lotes_wms_" + entidadId;
-            String sqlJoin = String.format("CREATE OR REPLACE VIEW public.%s AS SELECT l.*, m.inm_ficha, m.inm_ctacatastral, m.trb_total_deuda, m.trb_total_pago, m.ultimo_pago FROM %s l LEFT JOIN %s.v_liq_entidad_totalxobjeto m ON l.ccc = m.inm_ctacatastral", viewName, tableLotes, schemaName);
-            
+            String sqlJoin = String.format(
+                    "CREATE OR REPLACE VIEW public.%s AS SELECT l.*, m.inm_ficha, m.inm_ctacatastral, m.trb_total_deuda, m.trb_total_pago, m.ultimo_pago FROM %s l LEFT JOIN %s.v_liq_entidad_totalxobjeto m ON l.ccc = m.inm_ctacatastral",
+                    viewName, tableLotes, schemaName);
+
             gisJdbcTemplate.execute(sqlJoin);
             gisJdbcTemplate.execute(sqlJoin.replace(viewName, viewWms));
  
@@ -64,15 +73,20 @@ public class FdwService {
                 geoServerService.truncateCache(viewName);
                 geoServerService.publishLayer(viewWms, viewWms, "morosidad_style_wms", boundNo, boundSe);
                 geoServerService.truncateCache(viewWms);
-            } catch (Exception e) { System.err.println("Advertencia GS: " + e.getMessage()); }
+            } catch (Exception e) {
+                System.err.println("Advertencia GS: " + e.getMessage());
+            }
  
-        } catch (Exception e) { throw new RuntimeException("Error FDW: " + e.getMessage(), e); }
+        } catch (Exception e) {
+            throw new RuntimeException("Error FDW: " + e.getMessage(), e);
+        }
     }
  
     private String extractParam(String siteParam, String key, String defaultValue) {
         if (siteParam != null && siteParam.contains(key + "=")) {
             String[] parts = siteParam.split(key + "=");
-            if (parts.length > 1) return parts[1].split(" ")[0].trim();
+            if (parts.length > 1)
+                return parts[1].split(" ")[0].trim();
         }
         return defaultValue;
     }
@@ -91,8 +105,12 @@ public class FdwService {
             conn.setRequestProperty("Content-Type", "text/xml");
             conn.setDoOutput(true);
             conn.setConnectTimeout(2000);
-            try (java.io.OutputStream os = conn.getOutputStream()) { os.write(xmlBody.getBytes()); }
+            try (java.io.OutputStream os = conn.getOutputStream()) {
+                os.write(xmlBody.getBytes());
+            }
             conn.getResponseCode();
-        } catch (Exception e) { System.err.println("Error MVT: " + e.getMessage()); }
+        } catch (Exception e) {
+            System.err.println("Error MVT: " + e.getMessage());
+        }
     }
 }
@@ -4,12 +4,20 @@ Regla 0. Eres un senior fullstack developer con experiencia reconocida en Base d
 El ecosistema principal es Java 21 con Spring Boot y deberá usarse de forma preferencial todas las veces que se pueda.
 El frontend usa el framework corporativo AdminLTE/Bootstrap.
  
+Este proyecto GIS-GEOSERVER debe utilizar un patrón arquitectónico llamado Monolito Spring Boot con Recursos Embebidos (Server-Side Monolith).
+
+El Backend (El Cerebro): Está escrito en Java 21 con Spring Boot (ubicado en la carpeta src/main/java/). Se encarga de la lógica pesada: seguridad, conexión a la base de datos PostgreSQL/PostGIS, consultas FDW, y expone los servicios REST (ej. /api/gis/entidad/505).
+
+El Frontend (La Cara): Utiliza tecnologías de navegador clásicas: HTML, Vanilla JavaScript, jQuery y AdminLTE/Bootstrap. Pero en lugar de vivir en un servidor web aparte (como un Nginx puro o un Node.js), todos estos archivos viven dentro de la carpeta del propio proyecto Java: en src/main/resources/static/ y src/main/resources/templates/.
+
+No hay dos servidores distintos. Cuando Spring Boot arranca su servidor interno (Tomcat), hace el trabajo doble: Si el navegador le pide datos, el código Java responde con JSON (API REST). Si el navegador le pide /gis-geoserver/mapas, el mismo servidor Java va a su propia carpeta interna (static o templates), lee el archivo HTML, y se lo envía al navegador del usuario. Cuando se ejecute el comando de Maven (mvnw clean package) se empaquetará tanto el código Java como los archivos HTML dentro de un único archivo .jar. Todo se levanta en un solo contenedor Docker y el proxy de Apache enruta todo bajo el mismo prefijo (/gis-geoserver/).
+
 Regla 1. El ambiente de desarrollo y compilación se encuentra en el 192.168.1.123. 
 El JENKINS a usar está en este servidor. Los comandos del jenkins se ejecutan en el servidor 192.168.1.123.
 El MAVEN a usar está en este servidor. Los comandos maven se ejecutan en el servidor 192.168.1.123.
 El DOCKER a usar está en el servidor 192.168.1.123. Los comandos docker se ejecutan en el servidor192.168.1.123.
 Todas las compilaciones se ejecutarán en el servidor 192.168.1.123.
-La base de datos georreferenciada SIGEM del Postgis está en este servidor y el superuser es el usuario registrado en el motor de base de datos como:
+La base de datos georreferenciada física es SIGEM del Postgis está en este servidor y el superuser es el usuario registrado en el motor de base de datos como:
 Usuario: sigem_user
 Contraseña: sigem_pass
  
@@ -18,6 +26,7 @@ Regla 2. Las bases de datos alfanuméricas de los municipios a usar vinculadas a
 Regla 3. El proxypass principal de redireccionamiento reside en el servidor 192.168.1.10
 El proxypass maestro de redireccionamiento reside en el servidor 192.168.1.20
 Estos proxypass no deben ser modificados por ningún motivo.
+El proxy de Nginx de la Regla 3 tiene GeoServer mapeado a la ruta /geoserver/. Las peticiones se deberán mantener en el mismo dominio para evitar bloqueos CORS y para que sean enrutadas correctamente al contenedor de GeoServer.
  
 Regla 4. Para el LOGIN, para el campo desplegable de las ENTIDADES (Municipios) los datos deben ser obtenidos de la tabla ENTIDADES del SIGEMWEB del servidor 192.168.1.254. 
 Para el LOGIN, el usuario debe utilizar su usuario y contraseña del SIGEM del municipio.
@@ -54,11 +63,18 @@ Regla 11. Jenkins (.123): admin / x25yvaga2024.
  
 Regla 12. Jenkins SSH Credential ID: sigem-server-123 (root).
  
-Regla 13. Tomcat Manager: manager / x25yvaga2023. GeoServer Web UI: admin / geoserver.
+Regla 13. 
+Tomcat Manager: manager / x25yvaga2023. 
+GeoServer Web UI: admin / geoserver.
+
+Regla 14. 
+Endpoints Geoserver (.123:8080): /geoserver/wms, /geoserver/wfs, /geoserver/rest.
  
-Regla 14. Endpoints Geoserver (.123:8080): /geoserver/wms, /geoserver/wfs, /geoserver/rest.
+User: admin
+Password: x25yvaga2023
  
-Regla 15. La aplicación se desplegará en el servidor 192.168.1.123
+Regla 15. 
+La aplicación se desplegará en el servidor 192.168.1.123
 La carpeta de trabajo es: /yvyape/proyectos/sigem-gis
  
 Regla 16. Conexión FDW y Sincronización de Vistas.
@@ -66,7 +82,10 @@ Debe verificarse la existencia del FDW del municipio en cada LOGIN.
 Si no existe, crearlo.
 Refrescar obligatoriamente las vistas `vw_lotes_morosidad_X`.
  
-Regla 17. Git (.100): cbareiro@yvaga.com.py / carlos57. Repo: git@git.yvaga.com.py:geo/gis-geoserver.git.
+Regla 17. GIT
+El repositorio de Git se encuentra en git.yvaga.com.py en el servidor 192.168.1.100 
+Credenciales de Git (.100): cbareiro@yvaga.com.py / carlos57. Repo: git@git.yvaga.com.py:geo/gis-geoserver.git.
+Si la carpeta a usar ya tiene archivos, el comando puede fallar, y debe limpiarse antes de clonar.
  
 Regla 18. SSH Local: Usar Bitvise con usuario cbareiro.
  
@@ -78,10 +97,17 @@ Regla 20. Prefijo FrontEnd: /gis-geoserver/.
 Regla 21. ContextPath Backend: /gis-geoserver.
  
 Regla 22: Integridad de Comandos Remotos:
-Se utilizarán comandos disponibles en Bitvise.
-Los accesos a otros servidores se realizarán mediante SSH y sftp.  
+Desde el ambiente de desarrollo (Windows 11) se utilizará SSH de Bitvise para los accesos a otros servidores, usando la Regla 9.
+Debe usarse -cmdQuoted para ejecutar comandos complejos.
+
 Queda prohibido el uso de comandos printf, echo o concatenaciones multilínea complejas para crear archivos. Usar sftpc para subir archivos íntegros.
-Para los comandos SQL complejos debido a la interpretación del shell de Windowsy para asegurar la integridad total (Regla 22), se deben subir los archivos de estructura y población por SFTP ejecutándolos desde el respectivo servidor. El paso intermedio para no generar errores es preparar los archivos de comandos en el servidor local y luego copiar el archivo de comandos al interior del contenedor antes de su ejecución.
+Para los comandos SQL complejos debido a la interpretación del shell de Windows y para asegurar la integridad total (Regla 22), se deben subir los archivos de estructura y población por SFTPC ejecutándolos desde el respectivo servidor. El paso intermedio para no generar errores es preparar los archivos de comandos en el servidor local y luego copiar el archivo de comandos al interior del contenedor antes de su ejecución, usando sftpc para subir archivos íntegros.
+
+Por ejemplo:
+…\GIS-GEOSERVER > sexec cbareiro@192.168.1.123 -pw=x25yvaga2023 -cmd="cd /yvyape/proyectos/sigem-gis"
+…\GIS-GEOSERVER > sexec cbareiro@192.168.1.123 -pw=x25yvaga2023 -cmd="./mvnw clean package -DskipTests"
+…\GIS-GEOSERVER > sftpc cbareiro@192.168.1.123 -pw=x25yvaga2023 -cmd="put -o docker-compose.yml.remote.tmp /yvyape/proyectos/sigem-gis/docker-compose.yml"
+…\GIS-GEOSERVER > sexec cbareiro@192.168.1.123 -pw=x25yvaga2023 -cmdQuoted -cmd="curl -s -u admin:geoserver -X PUT -H 'Content-Type: application/xml' -d @/yvyape/proyectos/sigem-gis/geoserver_config.xml http://proyecto-geoserver-1:8080/geoserver/rest/workspaces/sigem/datastores/sigem/featuretypes/vw_lotes_morosidad_505.xml"
  
 Regla 23. Columnas de Unión (Joins). Standard SNC.
 Para toda vista de unión con el FDW, se debe utilizar la columna `snc_cuenta` (limpia) contra `REPLACE(liq.inm_ctacatastral, '-', '')`.
@@ -144,13 +170,13 @@ La inserción en la base de datos se realizará mediante el uso directo de ST_Ge
 Implementar un TRUNCATE automático al inicio del proceso de importación. Si al importar los números son UTM, se deben transformar a 4326 antes de guardarlos.
 Las columnas de las tablas eXXX_lotes_activos deberá tener todas las columnas del SNC.
  
-
 Regla 29. 
-Para la construcción en la compilación, se usa JAVA21 del 192.168.1.123, en sincronía con la Regla 1.
+Para la construcción en la compilación, se usa JAVA21 del 192.168.1.123, en sincronía con la Regla 1. 
+El uso de rutas relativas en Docker ya ha estado causando problemas desde antes. Debes usar rutas absolutas
  
 Regla 30. Arquitectura de Visualización en Dos Niveles.
 El visor GIS utiliza una estrategia de superposición para optimizar el rendimiento y la claridad visual. Utiliza dos tipos de capas para mostrar los lotes: Una Capa Base (Lotes Grises) y múltiples Capas Temáticas (Lotes Coloreados).
 1. Capa Base (Esqueleto): Utiliza la tabla física soberana `eXXX_lotes_activos`. Se publica en GeoServer con un estilo neutro (gris/transparente). Representa la totalidad del territorio y siempre es local y persistente.
 2. Capa Temática (Inteligencia): Utiliza la vista lógica `vw_lotes_morosidad_XXX`. Es la capa dinámica que aplica el JOIN con el FDW municipal.
 El Efecto Visual: La capa temática se superpone a la base. Aquellos lotes con coincidencia tributaria se "pintan" con el estilo de morosidad (semáforo), mientras que los lotes sin vínculo o sin deuda permanecen en gris (dejando ver la capa base), garantizando que la ciudad nunca se vea "incompleta".
-
+El contenedor de GeoServer (sigem-gis-geoserver-1) y el de PostgreSQL (proyecto-postgres-1) tienen sus propias redes internas de Docker y no tienen acceso directo a otras redes Docker por seguridad y estabilidad. Por lo tanto, debe configurarse y ejecutarse dentro de la red privada interna de Docker.
 \ No newline at end of file
+#!/bin/bash
+curl -s -u admin:geoserver -X PUT -H "Content-Type: application/xml" -d @/yvyape/proyectos/sigem-gis/geoserver_config.xml http://proyecto-geoserver-1:8080/geoserver/rest/workspaces/sigem/datastores/sigem/featuretypes/vw_lotes_morosidad_505.xml
+#!/bin/bash
+curl -v -u admin:x25yvaga2023 -X PUT -H "Content-Type: application/xml" -d @/yvyape/proyectos/sigem-gis/geoserver_config.xml http://localhost:8080/geoserver/rest/workspaces/sigem/datastores/sigem_datastore/featuretypes/vw_lotes_morosidad_505.xml
+#!/bin/bash
+curl -v -u admin:geoserver -X PUT -H "Content-Type: application/xml" -d @/yvyape/proyectos/sigem-gis/geoserver_config.xml http://localhost:8080/geoserver/rest/workspaces/sigem/datastores/sigem_datastore/featuretypes/vw_lotes_morosidad_505.xml
+#!/bin/bash
+curl -v -u admin:geoserver -X PUT -H "Content-Type: text/xml" -d @/yvyape/proyectos/sigem-gis/geoserver_config.xml http://localhost:8080/geoserver/rest/workspaces/sigem/datastores/sigem_db/featuretypes/vw_lotes_morosidad_505.xml
+<featureType>
+  <name>vw_lotes_morosidad_505</name>
+  <cqlFilter>trb_tributo = 'INM'</cqlFilter>
+</featureType>
 <!DOCTYPE html>
 <html lang="es">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,57 +10,209 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.css">
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
-    
+
     <style>
-        body { font-family: 'Roboto', sans-serif; height: 100vh; background: #0b0e14; overflow: hidden; }
-        #map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
-        
+        body {
+            font-family: 'Roboto', sans-serif;
+            height: 100vh;
+            background: #0b0e14;
+            overflow: hidden;
+        }
+
+        #map {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+        }
+
         /* Tema Oscuro Personalizado */
-        .main-sidebar { background-color: #0f172a !important; width: 280px !important; }
-        .content-wrapper { background: transparent !important; }
-        .main-header { background-color: #0f172a !important; border-bottom: 1px solid #1e293b !important; }
-        
-        .nav-link p { color: #94a3b8; font-weight: 500; }
-        .nav-link.active { background-color: #3b82f6 !important; color: white !important; }
-        .nav-link.active p { color: white !important; }
-        
-        .info-box { background: #1e293b; color: white; border-radius: 8px; margin-bottom: 15px; border: 1px solid #334155; }
-        .info-box-text { color: #94a3b8; text-transform: uppercase; font-size: 0.7rem; font-weight: 700; }
-        .info-box-number { font-size: 1.2rem; color: #fff; }
-
-        .map-section-title { color: #475569; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; padding: 10px 15px; letter-spacing: 1px; }
-        
+        .main-sidebar {
+            background-color: #0f172a !important;
+            width: 280px !important;
+        }
+
+        .content-wrapper {
+            background: transparent !important;
+        }
+
+        .main-header {
+            background-color: #0f172a !important;
+            border-bottom: 1px solid #1e293b !important;
+        }
+
+        .nav-link p {
+            color: #94a3b8;
+            font-weight: 500;
+        }
+
+        .nav-link.active {
+            background-color: #3b82f6 !important;
+            color: white !important;
+        }
+
+        .nav-link.active p {
+            color: white !important;
+        }
+
+        .info-box {
+            background: #1e293b;
+            color: white;
+            border-radius: 8px;
+            margin-bottom: 15px;
+            border: 1px solid #334155;
+        }
+
+        .info-box-text {
+            color: #94a3b8;
+            text-transform: uppercase;
+            font-size: 0.7rem;
+            font-weight: 700;
+        }
+
+        .info-box-number {
+            font-size: 1.2rem;
+            color: #fff;
+        }
+
+        .map-section-title {
+            color: #475569;
+            font-size: 0.65rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            padding: 10px 15px;
+            letter-spacing: 1px;
+        }
+
         /* Widget Superior */
-        .top-widget { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); background: rgba(15, 23, 42, 0.9); padding: 8px 25px; border-radius: 50px; border: 1px solid #334155; color: white; font-weight: 700; font-size: 0.85rem; z-index: 10; box-shadow: 0 4px 20px rgba(0,0,0,0.5); backdrop-filter: blur(5px); }
+        .top-widget {
+            position: absolute;
+            top: 15px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(15, 23, 42, 0.9);
+            padding: 8px 25px;
+            border-radius: 50px;
+            border: 1px solid #334155;
+            color: white;
+            font-weight: 700;
+            font-size: 0.85rem;
+            z-index: 10;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+            backdrop-filter: blur(5px);
+        }
  
         /* Leyenda Inferior Derecha */
-        .legend-card { position: absolute; bottom: 30px; right: 20px; width: 220px; background: rgba(15, 23, 42, 0.9); border-radius: 12px; border: 1px solid #334155; padding: 15px; color: white; z-index: 10; box-shadow: 0 4px 20px rgba(0,0,0,0.5); display: none; }
-        .legend-title { font-size: 0.7rem; font-weight: 800; color: #3b82f6; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #334155; padding-bottom: 5px; }
-        .legend-item { display: flex; align-items: center; margin-bottom: 4px; font-size: 0.75rem; color: #cbd5e1; }
-        .legend-color { width: 15px; height: 10px; border-radius: 2px; margin-right: 12px; }
+        .legend-card {
+            position: absolute;
+            bottom: 30px;
+            right: 20px;
+            width: 220px;
+            background: rgba(15, 23, 42, 0.9);
+            border-radius: 12px;
+            border: 1px solid #334155;
+            padding: 15px;
+            color: white;
+            z-index: 10;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+            display: none;
+        }
+
+        .legend-title {
+            font-size: 0.7rem;
+            font-weight: 800;
+            color: #3b82f6;
+            text-transform: uppercase;
+            margin-bottom: 10px;
+            border-bottom: 1px solid #334155;
+            padding-bottom: 5px;
+        }
+
+        .legend-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 4px;
+            font-size: 0.75rem;
+            color: #cbd5e1;
+        }
+
+        .legend-color {
+            width: 15px;
+            height: 10px;
+            border-radius: 2px;
+            margin-right: 12px;
+        }
  
         /* Estilo Botones Menú MVT/PNG */
-        .btn-map-mode { background: #1e293b; border: 1px solid #334155; border-radius: 6px; margin: 5px 15px; padding: 10px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; color: #cbd5e1; font-size: 0.85rem; }
-        .btn-map-mode:hover { background: #334155; }
-        .btn-map-mode.active { background: #3b82f6; color: white; border-color: #60a5fa; box-shadow: 0 0 15px rgba(59, 130, 246, 0.4); }
-        .btn-map-mode i { margin-right: 12px; font-size: 1rem; }
+        .btn-map-mode {
+            background: #1e293b;
+            border: 1px solid #334155;
+            border-radius: 6px;
+            margin: 5px 15px;
+            padding: 10px;
+            cursor: pointer;
+            transition: 0.3s;
+            display: flex;
+            align-items: center;
+            color: #cbd5e1;
+            font-size: 0.85rem;
+        }
+
+        .btn-map-mode:hover {
+            background: #334155;
+        }
+
+        .btn-map-mode.active {
+            background: #3b82f6;
+            color: white;
+            border-color: #60a5fa;
+            box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
+        }
+
+        .btn-map-mode i {
+            margin-right: 12px;
+            font-size: 1rem;
+        }
+
+        .btn-sync {
+            background: rgba(34, 197, 94, 0.1);
+            border: 1px dashed #22c55e;
+            color: #22c55e;
+            padding: 8px;
+            margin: 15px;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 0.8rem;
+            font-weight: 700;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            justify-content: center;
+        }
  
-        .btn-sync { background: rgba(34, 197, 94, 0.1); border: 1px dashed #22c55e; color: #22c55e; padding: 8px; margin: 15px; border-radius: 6px; cursor: pointer; font-size: 0.8rem; font-weight: 700; display: flex; justify-items: center; align-items: center; justify-content: center; }
-        .btn-sync:hover { background: #22c55e; color: white; }
+        .btn-sync:hover {
+            background: #22c55e;
+            color: white;
+        }
     </style>
 </head>
+
 <body class="hold-transition sidebar-mini layout-fixed">
     <div class="wrapper">
         <!-- Header -->
         <nav class="main-header navbar navbar-expand navbar-dark">
             <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a></li>
+                <li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
+                            class="fas fa-bars"></i></a></li>
                 <li class="nav-item d-none d-sm-inline-block">
-                    <span class="nav-link text-white font-weight-bold">SIGEM GIS | <small class="text-gray">Bienvenido, OPERADOR SISTEMA</small></span>
+                    <span class="nav-link text-white font-weight-bold">SIGEM GIS | <small class="text-gray">Bienvenido,
+                            OPERADOR SISTEMA</small></span>
                 </li>
             </ul>
             <ul class="navbar-nav ml-auto">
-                <li class="nav-item"><a href="login.html" class="btn btn-sm btn-outline-danger mr-3 font-weight-bold">Cerrar Sesión</a></li>
+                <li class="nav-item"><a href="login.html"
+                        class="btn btn-sm btn-outline-danger mr-3 font-weight-bold">Cerrar Sesión</a></li>
             </ul>
         </nav>
  
@@ -99,7 +252,8 @@
                         <i class="fas fa-chart-pie"></i> Por Total (Percentiles)
                     </div>
                     <div class="btn-map-mode" id="btn-png" onclick="setMapMode('png')">
-                        <i class="fas fa-image text-warning"></i> Vista PNG (Full) <small class="ml-1 text-muted">[M]</small>
+                        <i class="fas fa-image text-warning"></i> Vista PNG (Full) <small
+                            class="ml-1 text-muted">[M]</small>
                     </div>
  
                     <div class="map-section-title">Administración</div>
@@ -114,116 +268,128 @@
         <div class="content-wrapper">
             <div id="map"></div>
             <div class="top-widget" id="top-widget">📊 MOROSIDAD - ÚLTIMO ADEUDADO</div>
-            
+
             <div class="legend-card" id="legend">
                 <div class="legend-title">Último Adeudado</div>
                 <div class="legend-item"><span class="legend-color" style="background:#71de75;"></span> 🟢 <= 2026</div>
-                <div class="legend-item"><span class="legend-color" style="background:#bef264;"></span> 🎾 <= 2025</div>
-                <div class="legend-item"><span class="legend-color" style="background:#ffaa00;"></span> 🟡 <= 2024</div>
-                <div class="legend-item"><span class="legend-color" style="background:#fb923c;"></span> 🟠 <= 2023</div>
-                <div class="legend-item"><span class="legend-color" style="background:#f87171;"></span> 🔴 <= 2022</div>
-                <div class="legend-item"><span class="legend-color" style="background:#e11d48;"></span> 📢 <= 2021</div>
-                <div class="legend-item"><span class="legend-color" style="background:#475569;"></span> 🔘 SIN DEUDA / PRESCRIPTAS</div>
-                <div class="mt-2 pt-2 border-top border-secondary text-muted" style="font-size:0.6rem">Fuente: Sistema SIGEM</div>
-            </div>
-        </div>
-    </div>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.2.0/js/adminlte.min.js"></script>
-    <script src="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js"></script>
-
-    <script>
-        const entidad = localStorage.getItem('entidad') || '505';
-        const contextPath = '/gis-geoserver';
-        let map;
-
-        async function init() {
-            try {
-                const r = await fetch(`${contextPath}/api/gis/entidad/${entidad}`);
-                const data = await r.json();
-                const res = await fetch(`${contextPath}/api/gis/entidad/${entidad}/resumen`);
-                const stats = await res.json();
-                
-                document.getElementById('val-total').textContent = stats.total_lotes.toLocaleString();
-                document.getElementById('val-morosos').textContent = stats.lotes_con_deuda.toLocaleString();
-
-                const center = data.latlong.split(',').map(Number);
-                
-                map = new maplibregl.Map({
-                    container: 'map',
-                    style: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
-                    center: [center[1], center[0]],
-                    zoom: parseInt(data.zoom) || 15,
-                    pitch: 0,
-                    bearing: 0,
-                    dragRotate: false
-                });
-
-                map.on('load', () => {
-                    // Fuente Vectorial (MVT) compatible con Regla 23
-                    map.addSource('lotes-mvt', {
-                        type: 'vector',
-                        tiles: [ `${window.location.origin}${contextPath}/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=sigem:vw_lotes_morosidad_${entidad}&STYLE=&TILEMATRIXSET=GoogleMapsCompatible&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=application/x-protobuf` ],
-                        scheme: 'xyz'
-                    });
-
-                    map.addLayer({
-                        id: 'lotes-layer',
-                        type: 'line',
-                        source: 'lotes-mvt',
-                        'source-layer': `vw_lotes_morosidad_${entidad}`,
-                        paint: { 'line-color': '#475569', 'line-width': 0.8 }
-                    });
-
-                    // Fuente PNG (WMS) - Alineada a Regla 5 (EPSG:4326)
-                    map.addSource('lotes-wms', {
-                        type: 'raster',
-                        tiles: [ `${window.location.origin}${contextPath}/geoserver/wms?service=WMS&version=1.1.1&request=GetMap&layers=sigem:vw_lotes_wms_${entidad}&bbox={bbox-epsg-4326}&width=256&height=256&srs=EPSG:4326&styles=morosidad_style_wms&format=image/png&transparent=true` ],
-                        tileSize: 256
-                    });
-
-                    map.addLayer({
-                        id: 'lotes-color-wms',
-                        type: 'raster',
-                        source: 'lotes-wms',
-                        paint: { 'raster-opacity': 0 }
-                    }, 'lotes-layer');
-                });
-
-                map.on('click', 'lotes-layer', (e) => {
-                    const p = e.features[0].properties;
-                    const content = `<div class="p-2"><b class="text-primary">CCC: ${p.ccc || 'N/A'}</b><hr class="my-1">Deuda: Gs. ${Number(p.trb_total_deuda || 0).toLocaleString()}<br>Último Pago: ${p.ultimo_pago || 'Nunca'}</div>`;
-                    new maplibregl.Popup().setLngLat(e.lngLat).setHTML(content).addTo(map);
-                });
-
-            } catch (e) {
-                console.error("Error cargando dashboard:", e);
-                // Si hay 503, re-intentar en 5s
-                setTimeout(init, 5000);
-            }
-        }
-
-        function setMapMode(mode) {
-            $('.btn-map-mode').removeClass('active');
-            const legend = document.getElementById('legend');
-            const topWidget = document.getElementById('top-widget');
-
-            if (mode === 'base' || mode === 'general') {
-                $('#btn-base').addClass('active');
-                map.setPaintProperty('lotes-color-wms', 'raster-opacity', 0);
-                legend.style.display = 'none';
-                topWidget.style.display = 'none';
-            } else {
-                $(`#btn-${mode}`).addClass('active');
-                map.setPaintProperty('lotes-color-wms', 'raster-opacity', 0.8);
-                legend.style.display = 'block';
-                topWidget.style.display = 'block';
-            }
-        }
-
-        init();
-    </script>
+                        <div class="legend-item"><span class="legend-color" style="background:#bef264;"></span> 🎾 <=
+                                2025</div>
+                                <div class="legend-item"><span class="legend-color" style="background:#ffaa00;"></span>
+                                    🟡 <= 2024</div>
+                                        <div class="legend-item"><span class="legend-color"
+                                                style="background:#fb923c;"></span> 🟠 <= 2023</div>
+                                                <div class="legend-item"><span class="legend-color"
+                                                        style="background:#f87171;"></span> 🔴 <= 2022</div>
+                                                        <div class="legend-item"><span class="legend-color"
+                                                                style="background:#e11d48;"></span> 📢 <= 2021</div>
+                                                                <div class="legend-item"><span class="legend-color"
+                                                                        style="background:#475569;"></span> 🔘 SIN DEUDA
+                                                                    / PRESCRIPTAS</div>
+                                                                <div class="mt-2 pt-2 border-top border-secondary text-muted"
+                                                                    style="font-size:0.6rem">Fuente: Sistema SIGEM</div>
+                                                        </div>
+                                                </div>
+                                        </div>
+
+                                        <script
+                                            src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+                                        <script
+                                            src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
+                                        <script
+                                            src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.2.0/js/adminlte.min.js"></script>
+                                        <script src="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js"></script>
+
+                                        <script>
+                                            const entidad = localStorage.getItem('entidad') || '505';
+                                            const contextPath = '/gis-geoserver';
+                                            let map;
+
+                                            async function init() {
+                                                try {
+                                                    const r = await fetch(`${contextPath}/api/gis/entidad/${entidad}`);
+                                                    const data = await r.json();
+                                                    const res = await fetch(`${contextPath}/api/gis/entidad/${entidad}/resumen`);
+                                                    const stats = await res.json();
+
+                                                    document.getElementById('val-total').textContent = stats.total_lotes.toLocaleString();
+                                                    document.getElementById('val-morosos').textContent = stats.lotes_con_deuda.toLocaleString();
+
+                                                    const center = data.latlong.split(',').map(Number);
+
+                                                    map = new maplibregl.Map({
+                                                        container: 'map',
+                                                        style: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
+                                                        center: [center[1], center[0]],
+                                                        zoom: parseInt(data.zoom) || 15,
+                                                        pitch: 0,
+                                                        bearing: 0,
+                                                        dragRotate: false
+                                                    });
+
+                                                    map.on('load', () => {
+                                                        // Fuente Vectorial (MVT) compatible con Regla 23
+                                                        map.addSource('lotes-mvt', {
+                                                            type: 'vector',
+                                                            tiles: [`http://192.168.1.123:8083/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=sigem:e${entidad}_lotes_activos&STYLE=&TILEMATRIXSET=GoogleMapsCompatible&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=application/x-protobuf`],
+                                                            scheme: 'xyz'
+                                                        });
+
+                                                        map.addLayer({
+                                                            id: 'lotes-layer',
+                                                            type: 'line',
+                                                            source: 'lotes-mvt',
+                                                            'source-layer': `e${entidad}_lotes_activos`,
+                                                            paint: { 'line-color': '#475569', 'line-width': 0.8 }
+                                                        });
+
+                                                        // Fuente PNG (WMS) - Alineada a Regla 5 (EPSG:4326)
+                                                        map.addSource('lotes-wms', {
+                                                            type: 'raster',
+                                                            tiles: [ `http://192.168.1.123:8083/geoserver/sigem/wms?service=WMS&version=1.1.1&request=GetMap&layers=sigem:vw_lotes_morosidad_${entidad}&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&styles=&format=image/png&transparent=true` ],
+                                                            tileSize: 256
+                                                        });
+
+                                                        map.addLayer({
+                                                            id: 'lotes-color-wms',
+                                                            type: 'raster',
+                                                            source: 'lotes-wms',
+                                                            paint: { 'raster-opacity': 0 }
+                                                        }, 'lotes-layer');
+                                                    });
+
+                                                    map.on('click', 'lotes-layer', (e) => {
+                                                        const p = e.features[0].properties;
+                                                        const content = `<div class="p-2"><b class="text-primary">CCC: ${p.ccc || 'N/A'}</b><hr class="my-1">Deuda: Gs. ${Number(p.trb_total_deuda || 0).toLocaleString()}<br>Último Pago: ${p.ultimo_pago || 'Nunca'}</div>`;
+                                                        new maplibregl.Popup().setLngLat(e.lngLat).setHTML(content).addTo(map);
+                                                    });
+
+                                                } catch (e) {
+                                                    console.error("Error cargando dashboard:", e);
+                                                    // Si hay 503, re-intentar en 5s
+                                                    setTimeout(init, 5000);
+                                                }
+                                            }
+
+                                            function setMapMode(mode) {
+                                                $('.btn-map-mode').removeClass('active');
+                                                const legend = document.getElementById('legend');
+                                                const topWidget = document.getElementById('top-widget');
+
+                                                if (mode === 'base' || mode === 'general') {
+                                                    $('#btn-base').addClass('active');
+                                                    map.setPaintProperty('lotes-color-wms', 'raster-opacity', 0);
+                                                    legend.style.display = 'none';
+                                                    topWidget.style.display = 'none';
+                                                } else {
+                                                    $(`#btn-${mode}`).addClass('active');
+                                                    map.setPaintProperty('lotes-color-wms', 'raster-opacity', 0.8);
+                                                    legend.style.display = 'block';
+                                                    topWidget.style.display = 'block';
+                                                }
+                                            }
+
+                                            init();
+                                        </script>
 </body>
-</html>
+
+</html>
 \ No newline at end of file
@@ -437,7 +437,7 @@
                 map.addSource('lotes-mvt', {
                     type: 'vector',
                     tiles: [
-                        `${window.location.origin}/gis-geoserver/gwc/service/tms/1.0.0/sigem:vw_lotes_morosidad_${entidad}@XYZ-900913@pbf/{z}/{x}/{y}.pbf`
+                        `${window.location.origin}/geoserver/gwc/service/tms/1.0.0/sigem:e${entidad}_lotes_activos@XYZ-900913@pbf/{z}/{x}/{y}.pbf`
                     ],
                     scheme: 'tms'
                 });
@@ -449,7 +449,7 @@
                     id: 'lotes-layer',
                     type: 'fill',
                     source: 'lotes-mvt',
-                    'source-layer': `vw_lotes_morosidad_${entidad}`,
+                    'source-layer': `e${entidad}_lotes_activos`,
                     paint: {
                         'fill-color': 'rgba(59, 130, 246, 0.1)', // Azul tenue inicial
                         'fill-outline-color': 'rgba(255, 255, 255, 0.3)' // Borde blanco visible
@@ -457,23 +457,13 @@
                 });
             }
  
-            // Fuente de Mejoras (MVT) - TMS Nativo de GeoServer
-            if (!map.getSource('mejoras-mvt')) {
-                map.addSource('mejoras-mvt', {
-                    type: 'vector',
-                    tiles: [
-                        `${window.location.origin}/gis-geoserver/gwc/service/tms/1.0.0/sigem:e${entidad}_mejoras@XYZ-900913@pbf/{z}/{x}/{y}.pbf`
-                    ],
-                    scheme: 'tms'
-                });
-            }
  
             // [PRUEBA CONTROLADA] Fuente Raster WMS (Renderizado en Servidor)
             if (!map.getSource('lotes-wms')) {
                 map.addSource('lotes-wms', {
                     'type': 'raster',
                     'tiles': [
-                        `${window.location.origin}/gis-geoserver/sigem/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&LAYERS=sigem:vw_lotes_morosidad_${entidad}&STYLES=morosidad_style_wms&FORMAT=image/png&TRANSPARENT=TRUE&WIDTH=256&HEIGHT=256&SRS=EPSG:3857&BBOX={bbox-epsg-3857}`
+                        `${window.location.origin}/geoserver/sigem/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&LAYERS=sigem:vw_lotes_morosidad_${entidad}&STYLES=morosidad_style_wms&FORMAT=image/png&TRANSPARENT=TRUE&WIDTH=256&HEIGHT=256&SRS=EPSG:3857&BBOX={bbox-epsg-3857}`
                     ],
                     'tileSize': 256
                 });
@@ -489,19 +479,7 @@
                 }); // Agregamos al final
             }
  
-            // Capa de Mejoras (Inicialmente oculta o 2D)
-            if (!map.getLayer('mejoras-layer')) {
-                map.addLayer({
-                    id: 'mejoras-layer',
-                    type: 'fill',
-                    source: 'mejoras-mvt',
-                    'source-layer': `e${entidad}_mejoras`,
-                    paint: {
-                        'fill-color': 'rgba(59, 130, 246, 0.2)',
-                        'fill-outline-color': 'rgba(59, 130, 246, 0.5)'
-                    }
-                });
-            }
+
         }
  
         // --- Lógica de Capas Base (Estricto Fondo Nativo) ---