Update app.py

app.py

@@ -6,6 +6,7 @@
 # - Stable categoricals ("NA"); no over-strict completeness gate
 # - Fixed [[PAGE=...]] regex
 # - NEW: Lightweight instrumentation (JSONL logs per RAG turn)
+# - UPDATED UI COLORS: Dark-blue theme for tabs + Evaluate k-slider
 # ================================================================
 
 # ---------------------- Runtime flags (HF-safe) ----------------------
@@ -17,7 +18,7 @@ os.environ["TOKENIZERS_PARALLELISM"] = "false"
 # ------------------------------- Imports ------------------------------
 import re, joblib, warnings, json, traceback, time, uuid, subprocess, sys
 from pathlib import Path
-from typing import List, Dict, Any
+from typing import List, Dict, Any, Optional, Tuple
 
 import numpy as np
 import pandas as pd
@@ -849,6 +850,72 @@ input[type="checkbox"], .gr-checkbox, .gr-checkbox > * { pointer-events: auto !i
 
 /* Predictor output emphasis */
 #pred-out .wrap { font-size: 20px; font-weight: 700; color: #ecfdf5; }
+
+/* === (ADDED) Tab header: darker blue theme for all tabs === */
+.gradio-container .tab-nav button[role="tab"] {
+  background: #0b1b34 !important;
+  color: #cfe6ff !important;
+  border: 1px solid #1e3a8a !important;
+}
+.gradio-container .tab-nav button[role="tab"][aria-selected="true"] {
+  background: #0e2a57 !important;
+  color: #e0f2fe !important;
+  border-color: #3b82f6 !important;
+}
+
+/* === (ADDED) Evaluate tab: enforce dark-blue text for labels/marks === */
+#eval-tab .label, 
+#eval-tab label, 
+#eval-tab .gr-slider .label,
+#eval-tab .wrap .label,
+#eval-tab .prose, 
+#eval-tab .markdown, 
+#eval-tab p, 
+#eval-tab span {
+  color: #cfe6ff !important; /* soft, not pure white */
+}
+
+/* === (ADDED) Target the specific k-slider label strongly === */
+#k-slider .label, 
+#k-slider label, 
+#k-slider .wrap .label {
+  color: #cfe6ff !important;
+  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
+}
+
+/* === (ADDED) Slider track/thumb (dark blue gradient + blue thumb) === */
+#eval-tab input[type="range"] { 
+  accent-color: #3b82f6 !important; /* fallback */
+}
+
+/* WebKit */
+#eval-tab input[type="range"]::-webkit-slider-runnable-track {
+  height: 6px;
+  background: linear-gradient(90deg, #0b3b68, #1e3a8a);
+  border-radius: 4px;
+}
+#eval-tab input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  margin-top: -6px;            /* centers thumb on 6px track */
+  width: 18px; height: 18px;
+  background: #1d4ed8;
+  border: 1px solid #60a5fa;
+  border-radius: 50%;
+}
+
+/* Firefox */
+#eval-tab input[type="range"]::-moz-range-track {
+  height: 6px;
+  background: linear-gradient(90deg, #0b3b68, #1e3a8a);
+  border-radius: 4px;
+}
+#eval-tab input[type="range"]::-moz-range-thumb {
+  width: 18px; height: 18px;
+  background: #1d4ed8;
+  border: 1px solid #60a5fa;
+  border-radius: 50%;
+}
 """
 
 theme = gr.themes.Soft(
@@ -987,7 +1054,8 @@ with gr.Blocks(css=CSS, theme=theme, fill_height=True) as demo:
             gr.Markdown("Upload your **gold.csv** and compute metrics against the app logs.")
             with gr.Row():
                 gold_file = gr.File(label="gold.csv", file_types=[".csv"], interactive=True)
-                k_slider  = gr.Slider(3, 12, value=8, step=1, label="k for Hit/Recall/nDCG")
+                # (ADDED elem_id to target k slider with CSS)
+                k_slider  = gr.Slider(3, 12, value=8, step=1, label="k for Hit/Recall/nDCG", elem_id="k-slider")
             with gr.Row():
                 btn_eval = gr.Button("Compute Metrics", variant="primary")
             with gr.Row():