new

app.py

@@ -7,8 +7,11 @@ from transformers import AutoProcessor, CLIPModel
 import numpy as np
 import torch
 
+# ✅ Set Page Config (Must be the first Streamlit command)
+st.set_page_config(page_title="Image Search App", layout="wide", initial_sidebar_state="expanded")
+
 # ✅ Initialize Pinecone
-pc = Pinecone(api_key="pcsk_6r4DPn_4P9LckhZak3PhebvSebnEBKQZuzYFeJL2X93LtLxZVBxyJ93inBAktefa8usvJC")  # Replace with your Pinecone API key
+pc = Pinecone(api_key="your-pinecone-api-key")  # Replace with your Pinecone API key
 index_name = "unsplash-index"
 unsplash_index = pc.Index(index_name)
 
@@ -21,6 +24,11 @@ def load_clip_model():
 
 model, processor = load_clip_model()
 
+# ✅ Sidebar for Customization
+st.sidebar.title("⚙️ Settings")
+top_k = st.sidebar.slider("🔢 Number of Similar Images", 1, 20, 10)
+theme = st.sidebar.radio("🎨 Theme", ["Light Mode", "Dark Mode"], index=0)
+
 # ✅ Function to Generate Embedding from Text
 def get_text_embedding(text):
     inputs = processor(text=[text], return_tensors="pt", padding=True, truncation=True)
@@ -45,14 +53,6 @@ def search_similar_images(embedding, top_k=10):
     )
     return results.get("matches", [])
 
-# ✅ Sidebar for Customization
-st.sidebar.title("⚙️ Settings")
-top_k = st.sidebar.slider("🔢 Number of Similar Images", 1, 20, 10)
-theme = st.sidebar.radio("🎨 Theme", ["Light Mode", "Dark Mode"], index=0)
-
-# Apply Theme
-st.set_page_config(page_title="Image Search App", layout="wide", initial_sidebar_state="expanded")
-
 # ✅ Streamlit UI
 st.title("🔍 Image & Text Search with CLIP & Pinecone")
 st.write("Search for images using text or upload an image to find similar ones!")
@@ -136,14 +136,4 @@ st.markdown(
     """
 )
 
-# ✅ Apply Dark Mode if selected
-if theme == "Dark Mode":
-    st.markdown(
-        """
-        <style>
-        body { background-color: #121212; color: white; }
-        .stTextInput, .stFileUploader, .stButton { background-color: #333; color: white; }
-        </style>
-        """,
-        unsafe_allow_html=True,
-    )
+