Update app.py

app.py

@@ -316,23 +316,23 @@ with gr.Blocks() as demo:
             # Crear la estructura para tres columnas de carruseles
             gr.Markdown("### Carruseles de Imágenes")
 
-            # Agrupar las imágenes en sets de 3 para cada carrusel
+            # Crear grupos de imágenes y descripciones
             image_groups = [
-                ["rId101", "rId105", "rId109"],
-                ["rId113", "rId117", "rId121"],
-                ["rId125", "rId129", "rId133"],
-                ["rId136", "rId139", "rId142"],
-                ["rId145", "rId149", "rId153"],
-                ["rId157", "rId161", "rId165"],
-                ["rId169", "rId173", "rId177"],
-                ["rId180", "rId184", "rId187"],
-                ["rId192", "rId195", "rId40"],
-                ["rId44", "rId47", "rId50"],
-                ["rId53", "rId56", "rId59"],
-                ["rId63", "rId66", "rId70"],
-                ["rId73", "rId76", "rId80"],
-                ["rId83", "rId87", "rId90"],
-                ["rId94", "rId97", "rId101"]
+                images[0:3],  # Carrusel 1
+                images[3:6],  # Carrusel 2
+                images[6:9],  # Carrusel 3
+                images[9:12], # Carrusel 4
+                images[12:15], # Carrusel 5
+                images[15:18], # Carrusel 6
+                images[18:21], # Carrusel 7
+                images[21:24], # Carrusel 8
+                images[24:27], # Carrusel 9
+                images[27:30], # Carrusel 10
+                images[30:33], # Carrusel 11
+                images[33:36], # Carrusel 12
+                images[36:39], # Carrusel 13
+                images[39:42], # Carrusel 14
+                images[42:45], # Carrusel 15
             ]
             
             # Crear tres columnas de carruseles
@@ -343,8 +343,10 @@ with gr.Blocks() as demo:
                             for idx in range(3):  # Tres carruseles por columna
                                 if group + idx < len(image_groups):
                                     images_in_carousel = image_groups[group + idx]
-                                    with gr.Tab(f"Carrusel {group + idx + 1}"):  # Permitir tags personalizados
-                                        gr.Gallery(value=images_in_carousel, label=f"Carrusel {group + idx + 1}")
+                                    with gr.Tab(f"Carrusel {group + idx + 1}"):  # Crear cada carrusel con imágenes y descripciones
+                                        for image in images_in_carousel:
+                                            gr.Image(value=image["path"])  # Mostrar la imagen
+                                            gr.Markdown(image["description"])  # Mostrar la descripción debajo de la imagen
 
             # Botón de descarga de PDF
             download_button = gr.File(label="Descargar Informe sobre Administración de Medicamentos a Recién Nacidos", value="Reporte.pdf")
@@ -356,8 +358,6 @@ with gr.Blocks() as demo:
             chatbot_history = gr.State(value=[])
             image_url = gr.State(value=None)
 
-            
-
             # Main accordion for categories
             with gr.Accordion("Categorías de Preguntas", open=True):