Upload app.py

app.py

@@ -698,58 +698,68 @@ with gr.Blocks(title="OpenEvolve Prompt Optimizer", theme=gr.themes.Soft()) as d
                 info="Use {input} as placeholder for dataset inputs"
             )
 
+    # Button outside the column for better visibility
+    with gr.Row():
+        with gr.Column():
             optimize_btn = gr.Button("🚀 Validate & Optimize Prompt", variant="primary", size="lg")
 
+    # Results section - clearly separated
+    gr.Markdown("---")
+    gr.Markdown("## 📊 Results")
+
     with gr.Row():
         with gr.Column():
-            summary = gr.Markdown(label="Summary")
+            summary = gr.Markdown("Click 'Validate & Optimize Prompt' to start optimization...", visible=True)
 
     with gr.Row():
         with gr.Column():
-            initial_results = gr.Markdown(label="Initial Results")
+            initial_results = gr.Markdown("### Initial Results\nWill appear here after validation...", visible=True)
         with gr.Column():
-            final_results = gr.Markdown(label="Evolved Results")
+            final_results = gr.Markdown("### Final Results\nWill appear here after optimization...", visible=True)
 
     with gr.Row():
         with gr.Column():
-            evolution_progress = gr.Markdown(label="Evolution Progress", value="Evolution progress will appear here...")
-
-    gr.Markdown("""
-    ### Example Datasets & Fields:
-
-    | Dataset | Split | Input Field | Target Field | Task |
-    |---------|-------|-------------|--------------|------|
-    | stanfordnlp/imdb | test | text | label | Sentiment Analysis |
-    | rajpurkar/squad | validation | question | answers | Question Answering |
-    | dair-ai/emotion | test | text | label | Emotion Classification |
-    | openai/gsm8k | test | question | answer | Math Reasoning |
-    | fancyzhx/ag_news | test | text | label | News Classification |
-
-    ### About This Demo Space:
-
-    **This is a demonstration space** showcasing OpenEvolve's prompt optimization capabilities.
-    The interface shows you how the system works, but **you'll need to set up your own instance to run optimizations**.
-
-    ### How to Run This Yourself:
-
-    1. **Clone this Space**: Click "⋮" (three dots) at top-right → "Duplicate this Space"
-    2. **Set Environment Variables** in your cloned Space's settings:
-       - `OPENAI_API_KEY`: Your OpenRouter API key (get free key at [openrouter.ai/keys](https://openrouter.ai/keys))
-       - `HF_TOKEN`: (Optional) HuggingFace token for private datasets
-    3. **Configure Your Optimization**:
-       - Dataset: Use full name format (e.g., `stanfordnlp/imdb` or `openai/gsm8k`)
-       - Fields: Specify exact field names from the dataset schema
-       - Model: Choose from 30+ free models (larger models = better results but slower/rate-limited)
-    4. **Run & Monitor**:
-       - All inputs are validated before starting
-       - Evolution takes 5-15 minutes (10 iterations, 100 samples per evaluation)
-       - Watch evolution progress visualization in real-time
-
-    ### About OpenEvolve:
-    OpenEvolve is an open-source evolutionary optimization framework. Learn more at:
-    - [GitHub Repository](https://github.com/algorithmicsuperintelligence/openevolve)
-    - [Documentation](https://github.com/algorithmicsuperintelligence/openevolve#readme)
-    """)
+            evolution_progress = gr.Markdown("### Evolution Progress\nEvolution progress will appear here during optimization...", visible=True)
+
+    # Documentation section - in collapsible accordion
+    gr.Markdown("---")
+    with gr.Accordion("📚 Documentation & Examples", open=False):
+        gr.Markdown("""
+        ### Example Datasets & Fields:
+
+        | Dataset | Split | Input Field | Target Field | Task |
+        |---------|-------|-------------|--------------|------|
+        | stanfordnlp/imdb | test | text | label | Sentiment Analysis |
+        | rajpurkar/squad | validation | question | answers | Question Answering |
+        | dair-ai/emotion | test | text | label | Emotion Classification |
+        | openai/gsm8k | test | question | answer | Math Reasoning |
+        | fancyzhx/ag_news | test | text | label | News Classification |
+
+        ### About This Demo Space:
+
+        **This is a demonstration space** showcasing OpenEvolve's prompt optimization capabilities.
+        The interface shows you how the system works, but **you'll need to set up your own instance to run optimizations**.
+
+        ### How to Run This Yourself:
+
+        1. **Clone this Space**: Click "⋮" (three dots) at top-right → "Duplicate this Space"
+        2. **Set Environment Variables** in your cloned Space's settings:
+           - `OPENAI_API_KEY`: Your OpenRouter API key (get free key at [openrouter.ai/keys](https://openrouter.ai/keys))
+           - `HF_TOKEN`: (Optional) HuggingFace token for private datasets
+        3. **Configure Your Optimization**:
+           - Dataset: Use full name format (e.g., `stanfordnlp/imdb` or `openai/gsm8k`)
+           - Fields: Specify exact field names from the dataset schema
+           - Model: Choose from 30+ free models (larger models = better results but slower/rate-limited)
+        4. **Run & Monitor**:
+           - All inputs are validated before starting
+           - Evolution takes 5-15 minutes (10 iterations, 100 samples per evaluation)
+           - Watch evolution progress visualization in real-time
+
+        ### About OpenEvolve:
+        OpenEvolve is an open-source evolutionary optimization framework. Learn more at:
+        - [GitHub Repository](https://github.com/algorithmicsuperintelligence/openevolve)
+        - [Documentation](https://github.com/algorithmicsuperintelligence/openevolve#readme)
+        """)
 
     optimize_btn.click(
         fn=optimize_prompt,