change UI to two seperate visual evidence parts

app.py

@@ -191,19 +191,32 @@ with gr.Blocks() as demo:
             
     btn_analyze = gr.Button("Analyze Similarity", variant="primary")
     
-    gr.Markdown("### Assessment Metrics")
+    gr.Markdown("### Assessment Metrics & Legal Context")
+    
+    # Context pulled directly from the paper
+    gr.Markdown("""
+    * **Semantic Match (Idea-Expression Dichotomy):** Evaluates if works share an underlying conceptual basis. Models like CLIP link visual data to semantic concepts to bridge the "semantic gap"[cite: 1]. This acts as an initial threshold, as copyright protects concrete expression rather than mere abstract ideas[cite: 1].
+    * **Structural Match (Substantial Similarity):** Detects structural relationships through spatial mapping[cite: 1]. This addresses how the specific combination and arrangement of individual elements can form part of the protected expression[cite: 1].
+    * **Patch Match (Fragmented Literal Similarity):** Identifies "scattered literal copying" where specific fragments of a protected work are reproduced directly or in a highly proximate manner, without the new work as a whole having to resemble the original[cite: 1]. Localized patch-based matching algorithms divide the image to detect these copied fragments regardless of where they are placed in the new works[cite: 1].
+    """)
+
     with gr.Row():
         score_semantic = gr.Number(label="Semantic Match (CLIP) - Idea", show_label=True)
         score_struct = gr.Number(label="Structural Match (Edge IoU) - Layout", show_label=True)
         score_patch = gr.Number(label="Patch Match (DINOv2) - Fragmented Literal", show_label=True)
         
     gr.Markdown("### Visual Evidence")
-    with gr.Tabs():
-        with gr.TabItem("Fragmented Literal Similarity (DINOv2)"):
+    
+    # Replaced Tabs with a Row containing two Columns for side-by-side display
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("#### Fragmented Literal Similarity (DINOv2)")
             gr.Markdown("**Red boxes and green lines indicate mutually correlating local patches (Similarity > 0.85)**")
             vis_patch = gr.Image(label="Patch Mapping Visualization", type="pil")
             
-        with gr.TabItem("Substantial Similarity (Edge Detection)"):
+        with gr.Column():
+            gr.Markdown("#### Substantial Similarity (Edge Detection)")
+            gr.Markdown("**Comparison of spatial arrangements and structural boundaries.**")
             with gr.Row():
                 vis_edge_a = gr.Image(label="Image A Edges", type="pil")
                 vis_edge_b = gr.Image(label="Image B Edges", type="pil")
@@ -222,4 +235,5 @@ with gr.Blocks() as demo:
     )
 
 if __name__ == "__main__":
+    # Remember to keep your theme in the launch method if you are using Gradio 6.0!
     demo.launch(theme=gr.themes.Soft())