Update app.py

app.py

@@ -867,10 +867,20 @@ def run_demo(claim: str):
         "</div>"
         "</div>"
     )
+    g_pct = groundedness * 100
+    if g_pct >= 70:
+        g_label, g_color = "Strong", "#16a34a"
+    elif g_pct >= 40:
+        g_label, g_color = "Moderate", "#d97706"
+    else:
+        g_label, g_color = "Weak", "#dc2626"
+
     ground_html = (
-        "<div class='verdict-card verdict-side'>"
-        "<div class='groundedness-label'>Подкрепленность</div>"
-        f"<div class='groundedness-value'>{groundedness * 100:.1f}%</div>"
+        "<div class='verdict-card verdict-side' style='text-align:center;'>"
+        f"<div style='font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;"
+        f"font-weight:600;color:{g_color};'>{g_label}</div>"
+        f"<div style='font-size:2rem;font-weight:700;color:{g_color};margin:6px 0;'>{g_pct:.0f}%</div>"
+        "<div style='font-size:0.75rem;color:#64748b;'>Groundedness</div>"
         "</div>"
     )
 
@@ -931,8 +941,10 @@ with gr.Blocks(title="RAG Wiki Fact Checker") as demo:
                         """
                     )
                     with gr.Row():
-                        verdict_slider = gr.HTML("<div class='verdict-card'><b>Waiting for input...</b></div>")
-                        verdict_ground = gr.HTML("<div class='verdict-card verdict-side'></div>")
+                        with gr.Column(scale=3):
+                            verdict_slider = gr.HTML("<div class='verdict-card'><b>Waiting for input...</b></div>")
+                        with gr.Column(scale=1, min_width=120):
+                            verdict_ground = gr.HTML("<div class='verdict-card verdict-side'></div>")
                     evidence = gr.HTML(_render_evidence_html([]))
 
         gr.HTML(PROJECT_SUMMARY_HTML)