fixed with UI improved

app.py

@@ -10,22 +10,18 @@ from PIL import Image
 # --------------------------
 # Qdrant Cloud Connection
 # --------------------------
-QDRANT_URL = "https://ff4da494-27b1-413c-ba58-d5ea14932fe1.europe-west3-0.gcp.cloud.qdrant.io:6333"  # 🔑 Replace with your cluster URL
-QDRANT_API_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3MiOiJtIn0.jjeB1JgnUSlb1hOOKMdRpVvMrUER57-udT-X1AWXT1E"                    # 🔑 Replace with your API key
+QDRANT_URL = "https://YOUR-CLUSTER-URL.qdrant.io"  # 🔑 Replace with your cluster URL
+QDRANT_API_KEY = "YOUR_API_KEY"                    # 🔑 Replace with your API key
 COLLECTION_NAME = "lost_and_found"
 
 # CLIP model (text + image embeddings)
 MODEL_NAME = "sentence-transformers/clip-ViT-B-32"
 embedder = SentenceTransformer(MODEL_NAME)
 
-# CLIP ViT-B/32 always gives 512-dimensional embeddings
-VECTOR_SIZE = 512
+VECTOR_SIZE = 512  # CLIP always outputs 512-dim vectors
 
-# Qdrant Client (Cloud)
-qclient = QdrantClient(
-    url=QDRANT_URL,
-    api_key=QDRANT_API_KEY
-)
+# Qdrant Client
+qclient = QdrantClient(url=QDRANT_URL, api_key=QDRANT_API_KEY)
 
 # Ensure collection exists
 qclient.recreate_collection(
@@ -38,13 +34,11 @@ qclient.recreate_collection(
 # --------------------------
 
 def image_to_base64(img: Image.Image) -> str:
-    """Convert PIL image to base64 string"""
     buf = io.BytesIO()
     img.save(buf, format="PNG")
     return base64.b64encode(buf.getvalue()).decode("utf-8")
 
 def base64_to_image(b64_str: str) -> Image.Image:
-    """Convert base64 string back to PIL image"""
     img_bytes = base64.b64decode(b64_str)
     return Image.open(io.BytesIO(img_bytes))
 
@@ -55,15 +49,12 @@ def embed_image(img: Image.Image):
     return embedder.encode(img).tolist()
 
 def add_item(image, description, finder_name, finder_phone):
-    """Add a found item to Qdrant database"""
     if image is None or description.strip() == "":
-        return "❌ Please provide both an image and a description."
+        return "Please provide both an image and a description."
 
-    # Encode image
     embedding = embed_image(image)
     img_b64 = image_to_base64(image)
 
-    # Store metadata including image
     metadata = {
         "description": description,
         "finder_name": finder_name if finder_name.strip() else "NA",
@@ -71,7 +62,6 @@ def add_item(image, description, finder_name, finder_phone):
         "image_b64": img_b64
     }
 
-    # Insert into Qdrant
     qclient.upsert(
         collection_name=COLLECTION_NAME,
         points=[
@@ -82,20 +72,17 @@ def add_item(image, description, finder_name, finder_phone):
             )
         ]
     )
-    return "✅ Item successfully added!"
+    return "Item successfully added."
 
 def search_items(query_text, query_image):
-    """Search by text or image"""
     if not query_text and query_image is None:
-        return "❌ Please enter text or upload an image to search.", []
+        return "Enter text or upload an image to search.", []
 
-    # Use text or image embedding
     if query_image:
         query_vector = embed_image(query_image)
     else:
         query_vector = embed_text(query_text)
 
-    # Search Qdrant
     results = qclient.search(
         collection_name=COLLECTION_NAME,
         query_vector=query_vector,
@@ -103,11 +90,10 @@ def search_items(query_text, query_image):
     )
 
     if not results:
-        return "❌ No matches found.", []
+        return "No matches found.", []
 
-    # Format results
     gallery = []
-    output_text = "✅ Found Matches:\n\n"
+    output_text = "### Matches Found:\n\n"
     for r in results:
         desc = r.payload.get("description", "No description")
         name = r.payload.get("finder_name", "NA")
@@ -124,50 +110,56 @@ def search_items(query_text, query_image):
     return output_text, gallery
 
 def clear_database():
-    """Clear all stored items in Qdrant"""
     qclient.delete_collection(COLLECTION_NAME)
     qclient.recreate_collection(
         collection_name=COLLECTION_NAME,
         vectors_config=VectorParams(size=VECTOR_SIZE, distance=Distance.COSINE),
     )
-    return "🗑️ Database cleared!"
+    return "Database cleared."
 
 # --------------------------
 # Gradio UI
 # --------------------------
 
-with gr.Blocks() as demo:
-    gr.Markdown("# 🔍 Lost & Found System")
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    gr.Markdown(
+        """
+        # Lost & Found System
+        Upload, search, and manage found items with text or image queries.
+        """
+    )
 
-    with gr.Tab("➕ Add Found Item"):
+    with gr.Tab("Add Item"):
         with gr.Row():
-            image_in = gr.Image(type="pil", label="Upload Found Item Image")
-            desc_in = gr.Textbox(label="Item Description")
+            image_in = gr.Image(type="pil", label="Upload Image", height=250)
+            desc_in = gr.Textbox(label="Item Description", placeholder="e.g. Silver keychain with tag")
         with gr.Row():
-            finder_name = gr.Textbox(label="Finder's Name")
-            finder_phone = gr.Textbox(label="Finder's Phone Number")
-        add_btn = gr.Button("Add Item")
-        add_output = gr.Textbox(label="Status")
+            finder_name = gr.Textbox(label="Finder's Name", placeholder="John Doe")
+            finder_phone = gr.Textbox(label="Finder's Phone", placeholder="+123456789")
+        add_btn = gr.Button("Add Item", variant="primary")
+        add_output = gr.Textbox(label="Status", interactive=False)
 
-    with gr.Tab("🔎 Search Items"):
+    with gr.Tab("Search"):
         with gr.Row():
-            search_text = gr.Textbox(label="Search by Text")
-            search_image = gr.Image(type="pil", label="Or Search by Image")
-        search_btn = gr.Button("Search")
+            search_text = gr.Textbox(label="Search by Text", placeholder="Enter keywords...")
+            search_image = gr.Image(type="pil", label="Or Search by Image", height=250)
+        search_btn = gr.Button("Search", variant="primary")
         search_output = gr.Markdown(label="Results")
-        gallery = gr.Gallery(label="Matched Items", show_label=True, elem_id="gallery")
+        gallery = gr.Gallery(label="Matched Items", show_label=True, elem_id="gallery").style(
+            grid=[2], height="auto"
+        )
 
-    with gr.Tab("⚠️ Admin"):
-        clear_btn = gr.Button("Clear Entire Database")
-        clear_output = gr.Textbox(label="Status")
+    with gr.Tab("Admin"):
+        clear_btn = gr.Button("Clear Database", variant="stop")
+        clear_output = gr.Textbox(label="Status", interactive=False)
 
-    # Button actions
+    # Actions
     add_btn.click(add_item, inputs=[image_in, desc_in, finder_name, finder_phone], outputs=add_output)
     search_btn.click(search_items, inputs=[search_text, search_image], outputs=[search_output, gallery])
     clear_btn.click(clear_database, outputs=clear_output)
 
 # --------------------------
-# Launch App
+# Launch
 # --------------------------
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860)