Update app.py

app.py

@@ -7,7 +7,7 @@ from embedder import get_embeddings
 from vector_store import create_faiss_index, search_similar_cvs
 from groq_api import summarize_match
 
-# Global storage
+# Global state
 cv_texts = []
 cv_names = []
 cv_vectors = []
@@ -15,7 +15,6 @@ faiss_index = None
 
 def upload_cvs(files):
     global cv_texts, cv_names, cv_vectors, faiss_index
-
     try:
         cv_texts = [extract_text_from_file(f.name) for f in files]
         cv_names = [f.name for f in files]
@@ -32,11 +31,9 @@ def upload_cvs(files):
 
 def match_jd(jd_text):
     global faiss_index
-
     try:
         if not faiss_index:
             return "❌ Please upload CVs first."
-
         if not jd_text.strip():
             return "❌ Job description is empty."
 
@@ -51,40 +48,48 @@ def match_jd(jd_text):
         ]
 
         summary = summarize_match(jd_text, matched_names, matched_texts)
-        return f"✅ Top Matches:\n{matched_names}\n\n📝 Summary:\n{summary}"
-
+        return f"""
+✅ <span style='color:#16a34a; font-weight:bold;'>Top Matches:</span><br>{matched_names}<br><br>
+📝 <span style='color:#3b82f6; font-weight:bold;'>Summary:</span><br>{summary}
+"""
     except Exception as e:
-        return f"❌ Error during matching: {e}"
+        return f"<span style='color:red;'>❌ Error during matching: {e}</span>"
 
 def clear_data():
     global cv_texts, cv_names, cv_vectors, faiss_index
     cv_texts, cv_names, cv_vectors, faiss_index = [], [], [], None
-    return "🧹 All data cleared. You can now start fresh."
-
-# 🌟 Redesigned Gradio Interface with Blocks
-with gr.Blocks() as app:
-    gr.Markdown("## 📄 CV Matcher App")
-    gr.Markdown("Upload candidate CVs, enter a job description, and let AI find the top matches using Groq + FAISS.")
+    return "🧹 All data cleared."
+
+# 🌈 Interface with color styling
+with gr.Blocks(css="""
+    .gr-button { background-color: #2563eb; color: white; font-weight: bold; }
+    .gr-button:hover { background-color: #1d4ed8; }
+    textarea, input[type='file'] { border: 2px solid #3b82f6 !important; }
+    .gr-textbox label { color: #111827; font-weight: 600; }
+""") as app:
+    
+    gr.HTML("<h2 style='color:#2563eb;'>📄 CV Filter App (Styled)</h2>")
+    gr.Markdown("Upload CVs, paste a job description, and match using Groq + FAISS.")
 
     with gr.Row():
-        cv_upload = gr.File(label="📤 Upload CVs (PDF/DOCX)", file_types=[".pdf", ".docx"], file_count="multiple")
-        upload_button = gr.Button("📁 Upload & Index CVs")
+        cv_upload = gr.File(label="📤 Upload CVs", file_types=[".pdf", ".docx"], file_count="multiple")
+        upload_button = gr.Button("📁 Upload & Index")
         upload_status = gr.Textbox(label="Upload Status", interactive=False)
 
     with gr.Row():
-        jd_input = gr.Textbox(label="📋 Paste Job Description", lines=8, placeholder="Enter the job description here...")
+        jd_input = gr.Textbox(label="📋 Job Description", lines=8, placeholder="Paste job description...")
         match_button = gr.Button("🔍 Match CVs")
-    
-    match_result = gr.Textbox(label="📊 Matching Result & Summary", lines=12, interactive=False)
+
+    match_result = gr.HTML(label="📊 Result")
 
     with gr.Row():
         clear_button = gr.Button("🧹 Clear All")
         clear_output = gr.Textbox(label="Status", interactive=False)
 
-    # Function bindings
-    upload_button.click(fn=upload_cvs, inputs=[cv_upload], outputs=[upload_status])
-    match_button.click(fn=match_jd, inputs=[jd_input], outputs=[match_result])
-    clear_button.click(fn=clear_data, inputs=[], outputs=[clear_output])
+    # Button actions
+    upload_button.click(upload_cvs, inputs=[cv_upload], outputs=[upload_status])
+    match_button.click(match_jd, inputs=[jd_input], outputs=[match_result])
+    clear_button.click(clear_data, inputs=[], outputs=[clear_output])
 
 if __name__ == "__main__":
     app.launch()