local dev and multitab base

app.py

@@ -3,6 +3,7 @@ import numpy as np
 import cv2
 from sklearn.cluster import KMeans
 from collections import Counter
+import os
 
 def extract_palette(image, num_colors=5):
     # Convert to LAB color space for better color perception
@@ -67,19 +68,57 @@ def visualize_palette(image, num_colors):
     
     return output_path
 
-# Gradio Interface
-demo = gr.Interface(
-    fn=visualize_palette,
-    inputs=[
-        gr.Image(type="numpy", label="Input Image"),
-        gr.Slider(minimum=2, maximum=50, step=1, value=5, label="Number of Colors")
-    ],
-    outputs=gr.Image(type="filepath", label="Color Palette"),
-    title="Color Palette Extractor",
-    description="Upload an image and extract its dominant colors. The colors are sorted by their frequency in the image.",
-    allow_flagging="never"
-)
+# Create the Gradio Blocks app with tabs
+def create_demo():
+    with gr.Blocks(title="CV Tools", theme=gr.themes.Soft()) as demo:
+        gr.Markdown("# Computer Vision Tools")
+        
+        with gr.Tabs():
+            # Tab 1: Color Palette Extractor
+            with gr.Tab("Color Palette"):
+                gr.Markdown("## Extract dominant colors from your image")
+                with gr.Row():
+                    with gr.Column():
+                        input_image = gr.Image(type="numpy", label="Input Image")
+                        num_colors = gr.Slider(
+                            minimum=2, 
+                            maximum=50, 
+                            step=1, 
+                            value=5, 
+                            label="Number of Colors"
+                        )
+                        extract_btn = gr.Button("Extract Palette", variant="primary")
+                    
+                    with gr.Column():
+                        output_palette = gr.Image(
+                            type="filepath", 
+                            label="Color Palette"
+                        )
+                        
+                extract_btn.click(
+                    fn=visualize_palette,
+                    inputs=[input_image, num_colors],
+                    outputs=output_palette
+                )
+            
+            # Tab 2: Image Filters (placeholder for your next feature)
+            with gr.Tab("Image Filters"):
+                gr.Markdown("## Image Filters (Coming Soon)")
+                # Add your image filters interface here
+            
+            # Tab 3: Another CV feature (placeholder)
+            with gr.Tab("More Features"):
+                gr.Markdown("## More Features Coming Soon")
+                # Add more CV tools here
+    
+    return demo
 
-# Launch the app
+# Launch the app with auto-reloading in development
 if __name__ == "__main__":
-    demo.launch()
+    demo = create_demo()
+    demo.queue()  # Enable queuing for better handling of simultaneous requests
+    demo.launch(
+        share=True,  # Enable sharing
+        server_port=7860,  # Specify port
+        server_name="0.0.0.0"  # Listen on all interfaces
+    )

dev.py

@@ -0,0 +1,9 @@
+from app import create_demo
+
+if __name__ == "__main__":
+    demo = create_demo()
+    demo.queue()
+    demo.launch(
+        server_port=7860,
+        server_name="0.0.0.0"
+    )