Replace the hardcoded datasets with data from planesOracle - COMG.csv. Build these constants:

programasData: [{ id, nombre }]

id = slug of <SWVPLAN_NIVEL>-<SWVPLAN_CARRERA>

nombre = SWVPLAN_CARRERA

planesData: { [progId]: [{ id, nombre }] }

id = slug of <SWVPLAN_CARRERA><SWVPLAN_TIPO_PLAN>

nombre = <SWVPLAN_CARRERA><SWVPLAN_TIPO_PLAN>

materiasData: { [progId]: { [planId]: [ { clave, nombre, creditos, prerrequisitos[], anual, escritura, semestreSugerido, departamento, curso, programas:[progId], prioridad_base:5 } ] } }

clave = SUBJ_CON_CRSE (combined subject+course, e.g., COM-12345)

nombre = NOMBRE

creditos = SWVPLAN_CREDITOS

prerrequisitos[] = from PREREQUISITOS (split by , ; |)

anual = ANUAL

escritura = ESCRITURA

semestreSugerido = SWVPLAN_SEMESTRE

departamento = SWVPLAN_SUBJ

curso = NOMBRE

programas = [progId]

Keep the existing UI and element IDs unchanged.

app.js

@@ -1,71 +1,101 @@
-// Datos de prueba - Esto debería ser reemplazado por la carga real de CSV/JSON
-const programasData = [
-    { id: 'lic_eco', nombre: 'Licenciatura en Economía' },
-    { id: 'lic_der', nombre: 'Licenciatura en Derecho' },
-    { id: 'ing_comp', nombre: 'Ingeniería en Computación' }
-];
-
-const planesData = {
-    lic_eco: [
-        { id: 'plan2018', nombre: 'Plan 2018' },
-        { id: 'plan2022', nombre: 'Plan 2022' }
-    ],
-    lic_der: [
-        { id: 'plan2017', nombre: 'Plan 2017' }
-    ],
-    ing_comp: [
-        { id: 'plan2019', nombre: 'Plan 2019' },
-        { id: 'plan2023', nombre: 'Plan 2023' }
-    ]
-};
-
-const materiasData = {
-    lic_eco: {
-        plan2018: [
-            { 
-                clave: 'ECO-10101', 
-                nombre: 'Microeconomía I', 
-                prerrequisitos: [], 
-                escritura: '',
-                anual: '', 
-                creditos: 6, 
-                semestreSugerido: 1,
-                departamento: 'ECO',
-                curso: '10101',
-                programas: ['lic_eco'] 
-            },
-            { 
-                clave: 'ECO-10201', 
-                nombre: 'Macroeconomía I', 
-                prerrequisitos: ['ECO-10101'], 
-                escritura: 'ECO-10202',
-                anual: 'Primavera', 
-                creditos: 6, 
-                semestreSugerido: 2,
-                departamento: 'ECO',
-                curso: '10201',
-                programas: ['lic_eco'] 
-            },
-            { 
-                clave: 'ECO-20101', 
-                nombre: 'Econometría I', 
-                prerrequisitos: ['ECO-10101', 'ECO-10201'], 
-                escritura: '',
-                anual: '', 
-                creditos: 8, 
-                semestreSugerido: 3,
-                departamento: 'ECO',
-                curso: '20101',
-                programas: ['lic_eco'] 
+
+// Variables para almacenar los datos procesados
+let programasData = [];
+let planesData = {};
+let materiasData = {};
+
+// Función para procesar el CSV
+async function cargarDatos() {
+    try {
+        const response = await fetch('planesOracle-COMG.csv');
+        const csvData = await response.text();
+        const lines = csvData.split('\n');
+        const headers = lines[0].split(',').map(h => h.trim());
+        
+        // Procesar cada línea del CSV
+        const rawData = [];
+        for (let i = 1; i < lines.length; i++) {
+            const values = lines[i].split(',');
+            if (values.length === headers.length) {
+                const entry = {};
+                headers.forEach((header, index) => {
+                    entry[header] = values[index] ? values[index].trim() : '';
+                });
+                rawData.push(entry);
             }
-],
-        plan2022: [
-            { clave: 'ECO111', nombre: 'Microeconomía Básica', prerrequisitos: [], prioridad_base: 5, intercambio: false, anual: "N", creditos: 6, programas: ['lic_eco'] }
-        ]
-    },
-    // Más datos...
-};
+        }
 
+        // Generar programasData
+        const programasUnicos = {};
+        rawData.forEach(row => {
+            const id = `${row.SWVPLAN_NIVEL}-${row.SWVPLAN_CARRERA}`.toLowerCase().replace(/\s+/g, '_');
+            programasUnicos[id] = {
+                id,
+                nombre: row.SWVPLAN_CARRERA
+            };
+        });
+        programasData = Object.values(programasUnicos);
+
+        // Generar planesData y materiasData
+        rawData.forEach(row => {
+            const progId = `${row.SWVPLAN_NIVEL}-${row.SWVPLAN_CARRERA}`.toLowerCase().replace(/\s+/g, '_');
+            const planId = `${row.SWVPLAN_CARRERA}${row.SWVPLAN_TIPO_PLAN}`.toLowerCase().replace(/\s+/g, '_');
+            
+            // Agregar a planesData
+            if (!planesData[progId]) {
+                planesData[progId] = [];
+            }
+            
+            if (!planesData[progId].some(p => p.id === planId)) {
+                planesData[progId].push({
+                    id: planId,
+                    nombre: `${row.SWVPLAN_CARRERA} ${row.SWVPLAN_TIPO_PLAN}`
+                });
+            }
+            
+            // Agregar a materiasData
+            if (!materiasData[progId]) {
+                materiasData[progId] = {};
+            }
+            
+            if (!materiasData[progId][planId]) {
+                materiasData[progId][planId] = [];
+            }
+            
+            // Procesar prerrequisitos
+            let prerrequisitos = [];
+            if (row.PREREQUISITOS) {
+                prerrequisitos = row.PREREQUISITOS.split(/[,;|]/)
+                    .map(p => p.trim())
+                    .filter(p => p.length > 0);
+            }
+            
+            // Crear objeto materia
+            const materia = {
+                clave: `${row.SWVPLAN_SUBJ}-${row.SWVPLAN_CRSE}`,
+                nombre: row.NOMBRE,
+                creditos: parseInt(row.SWVPLAN_CREDITOS) || 0,
+                prerrequisitos,
+                anual: row.ANUAL || '',
+                escritura: row.ESCRITURA || '',
+                semestreSugerido: parseInt(row.SWVPLAN_SEMESTRE) || 1,
+                departamento: row.SWVPLAN_SUBJ,
+                curso: row.SWVPLAN_CRSE,
+                programas: [progId],
+                prioridad_base: 5
+            };
+            
+            // Verificar si la materia ya existe para evitar duplicados
+            if (!materiasData[progId][planId].some(m => m.clave === materia.clave)) {
+                materiasData[progId][planId].push(materia);
+            }
+        });
+        
+        console.log('Datos cargados:', { programasData, planesData, materiasData });
+    } catch (error) {
+        console.error('Error al cargar datos:', error);
+    }
+}
 // Variables globales
 let selectedProgram = null;
 let selectedPlan = null;
@@ -73,6 +103,8 @@ let materias = [];
 let semestres = [];
 let materiasCursadas = [];
 
+// Cargar datos al iniciar
+cargarDatos();
 // DOM Elements
 const programaSelect = document.getElementById('programa');
 const planSelect = document.getElementById('plan');
@@ -86,11 +118,13 @@ const maxMateriasInput = document.getElementById('maxMaterias');
 const maxCreditosInput = document.getElementById('maxCreditos');
 const maxMateriasValue = document.getElementById('maxMateriasValue');
 const maxCreditosValue = document.getElementById('maxCreditosValue');
-
 // Event Listeners
 document.addEventListener('DOMContentLoaded', () => {
-    cargarProgramas();
-    setupEventListeners();
+    // Esperar un momento para asegurar que los datos se carguen
+    setTimeout(() => {
+        cargarProgramas();
+        setupEventListeners();
+    }, 500);
 });
 function setupEventListeners() {
     // Botón volver al inicio