Add method name labels to images in slider comparison

app.py

@@ -434,6 +434,36 @@ def create_slider_comparison(left_img, right_img, method1, method2, progress=gr.
     if result1 is None or result2 is None:
         return None, "❌ Processing failed."
     
+    # Add method names to the top of the images for slider comparison
+    def add_method_label(img: np.ndarray, method_name: str) -> np.ndarray:
+        """Add method name label to the top of the image"""
+        h, w = img.shape[:2]
+        
+        # Create new image with space for label
+        labeled_img = np.zeros((h + 40, w, 3), dtype=np.uint8)
+        labeled_img.fill(255)  # White background for label area
+        
+        # Place original image below the label area
+        labeled_img[40:, :] = img
+        
+        # Add method name label
+        font = cv2.FONT_HERSHEY_SIMPLEX
+        font_scale = 0.7
+        font_thickness = 2
+        
+        # Calculate text size and position
+        text_size = cv2.getTextSize(method_name, font, font_scale, font_thickness)[0]
+        text_x = (w - text_size[0]) // 2
+        text_y = 28  # Position in the label area
+        
+        cv2.putText(labeled_img, method_name, (text_x, text_y), font, font_scale, (0, 0, 0), font_thickness)
+        
+        return labeled_img
+    
+    # Add labels to both images
+    labeled_result1 = add_method_label(result1, m1.display_name)
+    labeled_result2 = add_method_label(result2, m2.display_name)
+    
     status = f"""🎚️ **Interactive Comparison Ready**
                     
 **{m1.display_name}:** {status1.split(':')[-1].strip() if ':' in status1 else status1}
@@ -441,7 +471,7 @@ def create_slider_comparison(left_img, right_img, method1, method2, progress=gr.
 
 💡 **Tip:** Drag the slider to compare the two methods interactively!"""
     
-    return (result1, result2), status
+    return (labeled_result1, labeled_result2), status
 
 
 def create_app() -> gr.Blocks:

app_local.py

@@ -553,6 +553,36 @@ def create_app() -> gr.Blocks:
                     if result1 is None or result2 is None:
                         return None, "❌ Processing failed."
                     
+                    # Add method names to the top of the images for slider comparison
+                    def add_method_label(img: np.ndarray, method_name: str) -> np.ndarray:
+                        """Add method name label to the top of the image"""
+                        h, w = img.shape[:2]
+                        
+                        # Create new image with space for label
+                        labeled_img = np.zeros((h + 40, w, 3), dtype=np.uint8)
+                        labeled_img.fill(255)  # White background for label area
+                        
+                        # Place original image below the label area
+                        labeled_img[40:, :] = img
+                        
+                        # Add method name label
+                        font = cv2.FONT_HERSHEY_SIMPLEX
+                        font_scale = 0.7
+                        font_thickness = 2
+                        
+                        # Calculate text size and position
+                        text_size = cv2.getTextSize(method_name, font, font_scale, font_thickness)[0]
+                        text_x = (w - text_size[0]) // 2
+                        text_y = 28  # Position in the label area
+                        
+                        cv2.putText(labeled_img, method_name, (text_x, text_y), font, font_scale, (0, 0, 0), font_thickness)
+                        
+                        return labeled_img
+                    
+                    # Add labels to both images
+                    labeled_result1 = add_method_label(result1, m1.display_name)
+                    labeled_result2 = add_method_label(result2, m2.display_name)
+                    
                     status = f"""🎚️ **Interactive Comparison Ready**
                     
 **{m1.display_name}:** {status1.split(':')[-1].strip() if ':' in status1 else status1}
@@ -560,7 +590,7 @@ def create_app() -> gr.Blocks:
 
 💡 **Tip:** Drag the slider to compare the two methods interactively!"""
                     
-                    return (result1, result2), status
+                    return (labeled_result1, labeled_result2), status
                 
                 slider_compare_btn.click(
                     fn=create_slider_comparison,