Update app.py

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 from transformers import pipeline
 import os
-import random # ¡Importamos random para la selección aleatoria!
+import random
 
 # Añade esto para verificar la versión de Gradio en tiempo de ejecución
 print(f"Gradio version at runtime: {gr.__version__}")
@@ -87,7 +87,7 @@ p {
 
 /* BOTONES PRINCIPALES */
 .gr-button.primary {
-    background-color: #00BFFF !important; /* ¡CAMBIO AQUÍ! Azul Brillante para el botón primario (Acento) */
+    background-color: #00BFFF !important; /* Azul Brillante para el botón primario (Acento) */
     color: #1E2B38 !important; /* Texto oscuro para el botón primario */
     border-radius: 5px;
     transition: background-color 0.3s ease;
@@ -147,12 +147,8 @@ p {
 .sentiment-negative { background-color: #dc3545; }
 .sentiment-neutral { background-color: #007BFF; }
 
-/* EJEMPLOS */
-.gradio-example-highlighted {
-    background-color: rgba(0, 191, 255, 0.1) !important; /* Azul Brillante transparente */
-    border: 1px solid #00BFFF !important;
-}
-.gradio-example-button {
+/* NUEVOS BOTONES DE EJEMPLO DIRECTOS (NO gr.Examples) */
+.example-button {
     background-color: #4A5B6C !important; /* Gris Claro para los botones de ejemplo */
     color: #FFFFFF !important;
     border: 1px solid #4A5B6C;
@@ -163,14 +159,12 @@ p {
     font-size: 0.75em; /* Tamaño de fuente más pequeño para los ejemplos */
     white-space: nowrap; /* Evitar que el texto se rompa en varias líneas */
     flex-shrink: 0; /* No permitir que se encojan si hay poco espacio */
+    cursor: pointer; /* Indicar que son clickeables */
 }
-.gradio-example-button:hover {
+.example-button:hover {
     background-color: #007ACC !important; /* Azul Oscuro al pasar el ratón por los ejemplos */
     border-color: #00BFFF !important;
 }
-/* No necesitamos .example-buttons-row en el CSS porque elem_classes no se usa.
-   El `gr.Row` ya hace que los ejemplos fluyan horizontalmente. */
-
 
 /* LÍNEAS DIVISORIAS */
 hr {
@@ -265,24 +259,20 @@ def analyze_sentiment(text):
 
 # --- Lista completa de ejemplos para selección aleatoria ---
 ALL_EXAMPLES = [
-    ["The product quality is absolutely outstanding and worth every penny!"],
-    ["I found the customer support unhelpful and quite rude, a terrible experience."],
-    ["The new software update introduced several bugs, making it very unstable."],
-    ["This book is a captivating read, I couldn't put it down!"],
-    ["The delivery was late, and the package arrived damaged."],
-    ["Despite the bad reviews, I thoroughly enjoyed the film and its unique plot."],
-    ["The instructions were unclear, leading to a lot of confusion during assembly."],
-    ["What a delicious meal! Every dish was prepared to perfection."],
-    ["I'm very disappointed with the recent policy changes; they are unfair."],
-    ["The new art exhibition is thought-provoking and visually stunning."],
-    ["Traffic was unexpectedly heavy, causing significant delays."],
-    ["Overall, a solid performance, though there's room for improvement."]
+    "The product quality is absolutely outstanding and worth every penny!",
+    "I found the customer support unhelpful and quite rude, a terrible experience.",
+    "The new software update introduced several bugs, making it very unstable.",
+    "This book is a captivating read, I couldn't put it down!",
+    "The delivery was late, and the package arrived damaged.",
+    "Despite the bad reviews, I thoroughly enjoyed the film and its unique plot.",
+    "The instructions were unclear, leading to a lot of confusion during assembly.",
+    "What a delicious meal! Every dish was prepared to perfection.",
+    "I'm very disappointed with the recent policy changes; they are unfair.",
+    "The new art exhibition is thought-provoking and visually stunning.",
+    "Traffic was unexpectedly heavy, causing significant delays.",
+    "Overall, a solid performance, though there's room for improvement."
 ]
 
-# --- Función para obtener ejemplos aleatorios ---
-def get_random_examples():
-    return random.sample(ALL_EXAMPLES, 3) # Selecciona 3 ejemplos al azar
-
 # --- Gradio Interface ---
 with gr.Blocks(css=custom_css, theme=None) as demo: 
     gr.Markdown("<h1 style='color: #00BFFF;'>🌌 Sentiment Analyzer 🌌</h1>")
@@ -290,34 +280,44 @@ with gr.Blocks(css=custom_css, theme=None) as demo:
 
     with gr.Column(elem_classes="gradio-container"):
         text_input = gr.Textbox(
-            lines=2, # REDUCIDO A 2 LÍNEAS
+            lines=2,
             placeholder="Type your English text here...",
             label="Your Text",
             interactive=True,
-            # Establece un ejemplo aleatorio inicial al cargar la interfaz
-            value=random.choice(ALL_EXAMPLES)[0] 
+            value=random.choice(ALL_EXAMPLES) # Establece un ejemplo aleatorio inicial
         )
         analyze_btn = gr.Button("Analyze Sentiment", variant="primary")
 
+        # --- Ejemplos dinámicos como botones individuales ---
         gr.Markdown("<hr>")
         gr.Markdown("<h3 style='color: #00BFFF;'>Try examples:</h3>")
         
-        with gr.Row():
-            # gr.Examples ahora usa la función get_random_examples para cargar los ejemplos
-            # y no tiene el argumento elem_classes para evitar el TypeError.
-            examples = gr.Examples(
-                examples=get_random_examples(), # Carga ejemplos aleatorios
-                inputs=text_input,
-                fn=analyze_sentiment,
-                outputs=[gr.HTML(label="Sentiment"), gr.Label(num_top_classes=3, label="Scores"), gr.JSON(label="Raw Output", visible=False)],
-                cache_examples=False,
-            )
+        with gr.Row(wrap=True, elem_classes="example-buttons-row"): # wrap=True permite que los botones salten de línea
+            # Generar 3 botones de ejemplo aleatorios
+            # Nota: Esto se genera una vez al inicio del Space. Para que cambie con cada recarga
+            # del usuario, se necesita un enfoque de state o una función para recargar la interfaz.
+            # Para un iframe simple, se recargará al recargar la página web.
+            for example_text in random.sample(ALL_EXAMPLES, 3):
+                gr.Button(
+                    example_text,
+                    elem_classes="example-button" # Aplica el estilo definido en CSS
+                ).click(
+                    fn=lambda x: x, # Función simple para pasar el texto del botón al textbox
+                    inputs=[gr.State(example_text)], # Usamos gr.State para pasar el texto del botón
+                    outputs=text_input,
+                ).then(
+                    fn=analyze_sentiment, # Luego de cargar el texto, ejecuta el análisis
+                    inputs=text_input,
+                    outputs=[overall_sentiment_output, confidence_scores_output, raw_output]
+                )
 
         gr.Markdown("<hr>")
         gr.Markdown("<h2 style='color: #00BFFF;'>📊 Results</h2>")
         
-        overall_sentiment_output = gr.HTML(label="Overall Sentiment")
-        confidence_scores_output = gr.Label(num_top_classes=3, label="Confidence Scores")
+        # Output principal de sentimiento que se expande horizontalmente
+        overall_sentiment_output = gr.HTML(label="Overall Sentiment", scale=3) # scale puede ayudar con el layout
+        # Estos se mantienen ocultos
+        confidence_scores_output = gr.Label(num_top_classes=3, label="Confidence Scores", visible=False)
         raw_output = gr.JSON(label="Raw Model Output", visible=False) 
 
     # --- Event Listeners ---