Update app.py

app.py

@@ -847,6 +847,7 @@ def run_demo(claim: str):
     if not claim:
         return (
             "<div class='verdict-card'><b>Waiting for input...</b></div>",
+            "<div class='verdict-card verdict-side'></div>",
             _render_evidence_html([]),
         )
 
@@ -854,27 +855,26 @@ def run_demo(claim: str):
 
     label, color = score_to_verdict(score)
     slider_pos = max(0.0, min(100.0, score * 100.0))
-    verdict_html = (
-        "<div class='verdict-row' style='display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch;'>"
-        "<div class='verdict-card verdict-main' style='flex:1 1 auto;min-width:0;'>"
-        f"<div class='verdict-title' style='color:{color};'>Likely TRUE / FALSE</div>"
-        "<div class='verdict-metrics-row'>"
+    slider_html = (
+        "<div class='verdict-card verdict-main'>"
+        f"<div class='verdict-title' style='color:{color};'>{label}</div>"
         "<div class='truth-slider'>"
         "<div class='truth-slider-labels'><span>FALSE</span><span>TRUE</span></div>"
         "<div class='truth-slider-track'>"
         f"<div class='truth-slider-thumb' style='left:{slider_pos:.1f}%;'></div>"
         "</div>"
-        f"<div style='font-size:0.82rem;color:#334155;'>Truthfulness: <b>{score:.3f}</b> ({label})</div>"
+        f"<div style='font-size:0.82rem;color:#334155;'>Truthfulness: <b>{score:.3f}</b></div>"
         "</div>"
         "</div>"
-        "<div class='verdict-card verdict-side' style='flex:0 0 168px;max-width:168px;'>"
+    )
+    ground_html = (
+        "<div class='verdict-card verdict-side'>"
         "<div class='groundedness-label'>Подкрепленность</div>"
         f"<div class='groundedness-value'>{groundedness * 100:.1f}%</div>"
         "</div>"
-        "</div>"
     )
 
-    return verdict_html, _render_evidence_html(evidence)
+    return slider_html, ground_html, _render_evidence_html(evidence)
 
 print("Loading models and index...")
 _load_runtime()
@@ -930,7 +930,9 @@ with gr.Blocks(title="RAG Wiki Fact Checker") as demo:
                         </div>
                         """
                     )
-                    verdict = gr.HTML("<div class='verdict-card'><b>Waiting for input...</b></div>")
+                    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>")
                     evidence = gr.HTML(_render_evidence_html([]))
 
         gr.HTML(PROJECT_SUMMARY_HTML)
@@ -938,12 +940,12 @@ with gr.Blocks(title="RAG Wiki Fact Checker") as demo:
     run_btn.click(
         fn=run_demo,
         inputs=[claim],
-        outputs=[verdict, evidence],
+        outputs=[verdict_slider, verdict_ground, evidence],
     )
     claim.submit(
         fn=run_demo,
         inputs=[claim],
-        outputs=[verdict, evidence],
+        outputs=[verdict_slider, verdict_ground, evidence],
     )
     ex1_btn.click(fn=lambda: EXAMPLE_CLAIMS[0], outputs=[claim])
     ex2_btn.click(fn=lambda: EXAMPLE_CLAIMS[1], outputs=[claim])