Update app.py

app.py

@@ -89,12 +89,37 @@ def visualizar_grafo():
     return "graph.png"
 
 inicializar_grafo()
+normativas = cargar_normativas()
+estudiantes = cargar_estudiantes()
+norm_options = [f"{norm['nombre']} {norm['id']}" for norm in normativas["normativa_peruana_gestion_riesgos"]]
+student_names = [student["nombre"] for student in estudiantes["estudiantes"]]
 
-iface = gr.Interface(
-    fn=agregar_aporte, 
-    inputs=["text", "text", "text", "text"],
-    outputs="image", 
-    title="Foro Dinámico con Visualización de Red"
-)
+iface = gr.Blocks()
+
+with iface:
+    gr.Markdown("# Foro Dinámico con Visualización de Red")
+    
+    with gr.Row():
+        gr.Markdown("## Selecciona una Normativa:")
+    normativa_dropdown = gr.Dropdown(choices=norm_options, label="Normativas")
+    normativa_html = gr.HTML()
+    normativa_dropdown.change(fn=mostrar_detalles, inputs=normativa_dropdown, outputs=[normativa_html, None])
+
+    with gr.Row():
+        gr.Markdown("## Red de Aportes:")
+    graph_output = gr.Image(visualizar_grafo(), label="Red de Aportes")
+
+    with gr.Row():
+        nombre = gr.Dropdown(choices=student_names, label="Nombre del Estudiante")
+        enfoque = gr.Radio(["Determinista", "Sistémico"], label="Enfoque")
+    
+    with gr.Row():
+        norma_field = gr.Textbox(label="Norma", interactive=False)  # Read-only
+        texto = gr.Textbox(label="Tu aporte")
+
+    submit_button = gr.Button("Agregar Aporte")
+
+    normativa_dropdown.change(fn=mostrar_detalles, inputs=normativa_dropdown, outputs=[normativa_html, norma_field])
+    submit_button.click(fn=agregar_aporte, inputs=[nombre, enfoque, norma_field, texto], outputs=graph_output)
 
 iface.launch(share=True)