Update app.py

app.py

@@ -64,12 +64,28 @@ css = """
     padding: 20px; /* Espacio interno */
 }
 
+.input-container {
+    position: relative;
+    width: 100%;
+}
+
 input, textarea, select {
     background-color: #f5f5f5; /* Fondo gris claro para inputs */
     color: #333333; /* Texto gris oscuro en inputs */
     border: 1px solid #cccccc; /* Borde gris claro en inputs */
     width: 100%; /* Ancho completo del input */
     box-sizing: border-box; /* Incluir el borde en el ancho total */
+    padding-right: 30px; /* Espacio para el botón "x" */
+}
+
+.clear-button {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    cursor: pointer;
+    color: #666;
+    font-size: 14px;
 }
 
 button {
@@ -140,8 +156,13 @@ with gr.Blocks(css=css) as app:
     
     with gr.Row():
         with gr.Column(scale=1):
-            text_prompt = gr.Textbox(label="¿Cuál fue tu sueño?", placeholder="Describe lo que soñaste, no omitas ningún detalle.", lines=2, elem_id="prompt-text-input")
-
+            gr.HTML("""
+            <div class="input-container">
+                <input type="text" id="prompt-text-input" placeholder="Describe lo que soñaste, no omitas ningún detalle." />
+                <span class="clear-button" onclick="document.getElementById('prompt-text-input').value=''">×</span>
+            </div>
+            """)
+            
             with gr.Accordion("Opciones Avanzadas", open=False):
                 negative_prompt = gr.Textbox(
                     label="¿Qué elementos no deseas que se plasmen de tu sueño?",