Update app.py

app.py

@@ -10,7 +10,16 @@ nlp = spacy.load("es_dep_news_trf")
 # Carpeta persistente para imágenes
 os.makedirs("outputs", exist_ok=True)
 
+def limpiar_outputs():
+    for archivo in os.listdir("outputs"):
+        ruta = os.path.join("outputs", archivo)
+        if os.path.isfile(ruta):
+            os.remove(ruta)
+
 def generar_grafico_dependencia(texto):
+    # Limpiar la carpeta de imágenes antes de generar nuevas
+    limpiar_outputs()
+
     doc = nlp(texto)
     raices = [token for token in doc if token.head == token]
     rutas_imagenes = []
@@ -39,14 +48,38 @@ def generar_grafico_dependencia(texto):
 
     return rutas_imagenes
 
-# Crear interfaz Gradio
-demo = gr.Interface(
-    fn=generar_grafico_dependencia,
-    inputs=gr.Textbox(lines=4, label="Introduce texto en español"),
-    outputs=gr.Gallery(label="Gráficos de dependencia"),
-    title="Visualización de Dependencias Sintácticas",
-    description="Analiza un texto en español con spaCy y muestra el árbol de dependencias."
-)
+# Ejemplos
+ejemplos = [
+    ["El gato duerme en el sofá."],
+    ["María compró un libro en la librería."],
+    ["Aunque llueva, iremos al parque."],
+    ["Pedro dijo que vendría mañana."],
+    ["Los niños que juegan en el parque están felices."]
+]
+
+# Interfaz con Blocks
+with gr.Blocks(title="Visualización de Dependencias Sintácticas", theme=gr.themes.Ocean()) as demo:
+    gr.Markdown("# 🌐 Visualización de Dependencias Sintácticas en Español")
+    gr.Markdown("Introduce un texto en español para ver el árbol de dependencias generado con spaCy y Graphviz.")
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+          texto_input = gr.Textbox(lines=4, label="Texto en español", placeholder="Escribe aquí tu frase...")
+          boton = gr.Button("Generar gráfico")
+          gr.Examples(
+              examples=ejemplos,
+              inputs=texto_input,
+              outputs=galeria,
+              fn=generar_grafico_dependencia,
+              label="Ejemplos de texto"
+          )
+        with gr.Column(scale=2):
+          galeria = gr.Gallery(label="Gráfico(s) generado(s)", show_label=True, columns=4, height="auto")
+
+    boton.click(fn=generar_grafico_dependencia, inputs=texto_input, outputs=galeria)
+
+    
 
+# Lanzar app
 if __name__ == "__main__":
     demo.launch()