Update app.py

app.py

@@ -12,11 +12,6 @@ def predict(path:str):
 
     for r in results:
         return r.plot()
-        
-with gr.Blocks() as demo:
-    gr.Markdown("<h1 style='text-align: center;'>Bienvenido al Identificador de Piezas Dentales</h1>"
-                "<p style='text-align: center;'>Por favor, cargue la radiografía que desea analizar.</p>")
-
     
 css = """
 .gradio-container {
@@ -24,6 +19,19 @@ css = """
 }
 """
 
-gr.Interface(fn=predict,
-             inputs=gr.components.Image(type="filepath", label="Cargue su radiografía"),
-             outputs=gr.components.Image(type="numpy", label="Análisis"), css=css).launch(debug=False)
+with gr.Blocks(css=css) as demo:
+    # Encabezado
+    gr.Markdown("<h1 style='text-align: center;'>Bienvenido al Identificador de Piezas Dentales</h1>"
+                "<p style='text-align: center;'>Por favor, cargue la radiografía que desea analizar.</p>")
+
+    # Contenedor para la carga de imágenes y resultados
+    with gr.Row():
+        with gr.Column():
+            input_image = gr.Image(type="filepath", label="Cargue su radiografía")
+        with gr.Column():
+            output_image = gr.Image(type="numpy", label="Análisis")
+
+    analyze_button = gr.Button("Analizar")
+    analyze_button.click(fn=predict, inputs=input_image, outputs=output_image)
+
+demo.launch()