Update app.py

app.py

@@ -301,11 +301,15 @@ with gr.Blocks(css=custom_css, theme=None) as demo:
         )
         analyze_btn = gr.Button("Analyze Sentiment", variant="primary")
 
+        # --- Definir las salidas ANTES de usarlas en los eventos de los botones ---
+        overall_sentiment_output = gr.HTML(label="Overall Sentiment")
+        confidence_scores_output = gr.Label(num_top_classes=3, label="Confidence Scores", visible=False)
+        raw_output = gr.JSON(label="Raw Model Output", visible=False) 
+
         # --- Título para los ejemplos ---
         gr.Markdown("<h3 style='color: #00BFFF; margin-top: 5px; margin-bottom: 5px;'>Try examples:</h3>")
         
         # Contenedor para los botones de ejemplo para manejar el "wrap" vía CSS
-        # Importante: gr.Row no tiene wrap en 5.31.0, así que lo manejamos con CSS en .example-buttons-container
         with gr.Row(elem_classes="example-buttons-container"):
             # Generar 3 botones de ejemplo aleatorios
             for example_text in random.sample(ALL_EXAMPLES, 3):
@@ -325,13 +329,11 @@ with gr.Blocks(css=custom_css, theme=None) as demo:
         gr.Markdown("<hr>") # Separador
         gr.Markdown("<h2 style='color: #00BFFF;'>📊 Results</h2>")
         
-        # Output principal de sentimiento que se expande horizontalmente
-        # Mantenemos 'overall_sentiment_output' en el flujo normal,
-        # sin un gr.Row separado para que ocupe todo el ancho por defecto del Column.
-        overall_sentiment_output = gr.HTML(label="Overall Sentiment") # Eliminamos scale=3 si causa problemas
-        # 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) 
+        # Las salidas ya están definidas arriba, ahora solo las colocamos en el layout
+        # (overall_sentiment_output ya se definió, y su visibilidad y escala se controlan arriba)
+        # No es necesario re-definirlas aquí, solo asegurarnos de que estén en el flujo de la interfaz
+        # (Gradio las "conoce" porque ya han sido creadas).
+        pass # No es necesario poner nada aquí, ya las variables fueron declaradas arriba
 
     # --- Event Listeners ---
     analyze_btn.click(