whatever, good enough

app.py

@@ -2,6 +2,7 @@ import os
 from typing import AsyncIterator
 
 import gradio as gr
+from gradio.components import label
 import httpx
 from dotenv import load_dotenv
 from mistralai import Mistral
@@ -1164,87 +1165,89 @@ def create_demo() -> gr.Blocks:
 
                 # Admin content (hidden until login)
                 with gr.Column(visible=False) as admin_content:
-                    gr.Markdown("## 📊 Security Guard Admin Dashboard")
-
                     # Statistics Section
-                    with gr.Row():
-                        admin_refresh_btn = gr.Button(
-                            "🔄 Refresh Statistics", variant="primary"
-                        )
-
-                    with gr.Row(equal_height=True):
-                        admin_total_interactions = gr.Markdown(
-                            "### Total Interactions: 0"
-                        )
-                        admin_total_flagged = gr.Markdown("### Total Flagged: 0")
-                        admin_discrepancies = gr.Markdown("### v1/v2 Discrepancies: 0")
-                        admin_feedback_count = gr.Markdown(
-                            "### Feedback Submissions: 0"
-                        )
-
-                    gr.Markdown("---")
+                    with gr.Column(variant="panel"):
+                        gr.Markdown("### Stats")
+                        with gr.Column():
+                            with gr.Row():
+                                admin_total_interactions = gr.Markdown(
+                                    "**Total Interactions:** 0"
+                                )
+                                admin_total_flagged = gr.Markdown(
+                                    "**Total Flagged:** 0"
+                                )
+                                admin_discrepancies = gr.Markdown(
+                                    "**v1/v2 Discrepancies:** 0"
+                                )
+                                admin_feedback_count = gr.Markdown(
+                                    "**Feedback Submissions:** 0"
+                                )
+
+                            with gr.Row():
+                                admin_refresh_btn = gr.Button(
+                                    "🔄 Refresh Statistics",
+                                    variant="secondary",
+                                    size="sm",
+                                )
 
                     # Interaction History Section
-                    gr.Markdown("### 📋 Interaction History")
-
-                    # Search box
-                    admin_search_query = gr.Textbox(
-                        label="Search",
-                        placeholder="Search model name, prompt text, or feedback comments (case-insensitive)...",
-                        value="",
-                    )
-
-                    gr.Markdown(
-                        "**Filter by (additive):** Select multiple filters to combine them"
-                    )
-
-                    with gr.Row():
-                        admin_filter_flagged = gr.Checkbox(
-                            label="Flagged/Blocked", value=False
-                        )
-                        admin_filter_discrepancies = gr.Checkbox(
-                            label="v1/v2 Discrepancies",
-                            value=False,
-                            info="Models disagree",
-                        )
-                        admin_filter_feedback = gr.Checkbox(
-                            label="Has Feedback", value=False
-                        )
-                        admin_refresh_history_btn = gr.Button(
-                            "🔄 Refresh", variant="secondary"
+                    with gr.Column(variant="panel"):
+                        gr.Markdown("### 📋 Logs")
+
+                        with gr.Column():
+                            with gr.Row():
+                                admin_search_query = gr.Textbox(
+                                    label="Search",
+                                    placeholder="Search model name, prompt text, or feedback comments (case-insensitive)...",
+                                    value="",
+                                    show_label=False,
+                                )
+
+                            with gr.Row():
+                                admin_filter_flagged = gr.Checkbox(
+                                    label="Flagged/Blocked", value=False
+                                )
+                                admin_filter_discrepancies = gr.Checkbox(
+                                    label="v1/v2 Discrepancies",
+                                    value=False,
+                                )
+                                admin_filter_feedback = gr.Checkbox(
+                                    label="Has Feedback", value=False
+                                )
+                                admin_refresh_history_btn = gr.Button(
+                                    "🔄 Refresh", variant="secondary"
+                                )
+
+                        admin_history_html = gr.HTML(
+                            "<p style='color: #666; padding: 20px;'>No data available. Login and refresh to load interactions.</p>"
                         )
 
-                    admin_history_html = gr.HTML(
-                        "<p style='color: #666; padding: 20px;'>No data available. Login and refresh to load interactions.</p>"
-                    )
-
-                    # Pagination controls
-                    with gr.Row():
-                        admin_prev_btn = gr.Button("← Previous", size="sm")
-                        admin_page_info = gr.Markdown("**Page 1 of 1**")
-                        admin_next_btn = gr.Button("Next →", size="sm")
+                        # Pagination controls
+                        with gr.Row():
+                            admin_prev_btn = gr.Button("← Previous", size="sm")
+                            admin_page_info = gr.Markdown("**Page 1 of 1**")
+                            admin_next_btn = gr.Button("Next →", size="sm")
 
                     # Hidden state for current page
                     admin_current_page = gr.State(1)
 
-                    gr.Markdown("---")
-
                     # Export Section
-                    gr.Markdown("### 📥 Export Data")
-                    gr.Markdown(
-                        "Export interactions to CSV for analysis. The export will respect the current filter selection."
-                    )
-
-                    with gr.Row():
-                        admin_export_btn = gr.Button(
-                            "📊 Export to CSV", variant="secondary"
+                    with gr.Column(variant="panel"):
+                        gr.Markdown("### 📥 Export")
+                        gr.Markdown(
+                            "Export interactions to CSV for analysis. The export will respect the current filter selection."
                         )
-                        admin_export_file = gr.File(label="Download CSV", visible=False)
 
-                    gr.Markdown("---")
+                        with gr.Row():
+                            admin_export_btn = gr.Button(
+                                "📊 Export to CSV", variant="secondary", size="sm"
+                            )
+                            admin_export_file = gr.File(
+                                label="Download CSV", visible=False
+                            )
 
                     # Danger Zone Section
-                    with gr.Column(visible=False) as admin_danger_zone:
+                    with gr.Column(visible=False, variant="panel") as admin_danger_zone:
                         gr.Markdown("### ⚠️ DANGER ZONE")
                         gr.Markdown(
                             "**Warning:** These actions are irreversible and will permanently delete all data."