Pushing to IRIS_latest repository

backend/api.py

@@ -13,6 +13,7 @@ from supabase_ingest import process_resume
 from src.extraction.job_extractor import process_single_job
 from src.services.ats_service import analyze_ats_compatibility
 from src.services.analysis import identify_missing_skills, generate_ai_analysis
+from src.matching.similarity import calculate_granular_match_score
 from typing import Dict, Any, Optional, List
 
 
@@ -182,6 +183,8 @@ async def perform_candidate_analysis(candidate_id: str, job_id: str, force_refre
                     "strengths": insights.get("strengths") or [],
                     "weaknesses": insights.get("weaknesses") or [],
                     "score": app_data.get("AI_score") or 0,
+                    "semantic_score": app_data.get("semantic_score") or 0,
+                    "score_breakdown": insights.get("score_breakdown") or {},
                     "missing_skills": insights.get("missing_skills") or []
                 }
 
@@ -190,6 +193,9 @@ async def perform_candidate_analysis(candidate_id: str, job_id: str, force_refre
     if not prof_resp.data:
         raise HTTPException(status_code=404, detail="Candidate not found")
     
+    # 0.5 Granular Match Score (Vector Similarity)
+    semantic_result = await calculate_granular_match_score(client, candidate_id, job_id)
+    
     profile = prof_resp.data[0]
     
     # 2. Fetch Job Data
@@ -234,9 +240,10 @@ async def perform_candidate_analysis(candidate_id: str, job_id: str, force_refre
         insights = app_data.get("ai_insights") or {}
         return {
             "summary": app_data.get("ai_summary"),
-            "strengths": insights.get("strengths") or [],
             "weaknesses": insights.get("weaknesses") or [],
             "score": app_data.get("AI_score") or 0,
+            "semantic_score": semantic_result.get("total_score"),
+            "score_breakdown": semantic_result.get("breakdown"),
             "missing_skills": missing
         }
 
@@ -258,11 +265,12 @@ async def perform_candidate_analysis(candidate_id: str, job_id: str, force_refre
         data_to_save = {
             "ai_summary": ai_insights.get("summary"),
             "ai_insights": {
-                "strengths": ai_insights.get("strengths") or [],
                 "weaknesses": ai_insights.get("weaknesses") or [],
-                "missing_skills": missing
+                "missing_skills": missing,
+                "score_breakdown": semantic_result.get("breakdown")
             },
-            "AI_score": ai_insights.get("score") or 0
+            "AI_score": ai_insights.get("score") or 0,
+            "semantic_score": semantic_result.get("total_score")
         }
         client.table("applications").update(data_to_save).eq("user_id", candidate_id).eq("job_id", job_id).execute()
         print(f"💾 Persisted AI analysis for candidate {candidate_id}")
@@ -274,6 +282,8 @@ async def perform_candidate_analysis(candidate_id: str, job_id: str, force_refre
         "strengths": ai_insights.get("strengths"),
         "weaknesses": ai_insights.get("weaknesses"),
         "score": ai_insights.get("score") or 0,
+        "semantic_score": semantic_result.get("total_score"),
+        "score_breakdown": semantic_result.get("breakdown"),
         "missing_skills": missing
     }
 

backend/src/embeddings/debug_embedding_storage.py

@@ -6,10 +6,12 @@ import time
 # Add 'backend' directory to path so we can import 'supabase_ingest' directly
 sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), '../../')))
 
-from supabase_ingest import safe_generate_and_store_embeddings, client
+from src.embeddings.local_embedder import safe_generate_and_store_embeddings
+from supabase_ingest import client
 
+import uuid
 # Mock data
-user_id = "test_user_debug_123"
+user_id = str(uuid.uuid4())
 extracted_data = {
     "headline": "Debug Engineer",
     "summary": "This is a test summary for debugging.",
@@ -28,7 +30,8 @@ try:
     profile_payload = {
         "id": user_id,
         "full_name": "Debug User",
-        "email": "debug@example.com",
+        "email": f"debug_{int(time.time())}@example.com",
+        "phone": "+919876543210",
         "updated_at": "now()",
         # Add the fields we expect to be there
         "headline": extracted_data["headline"],

backend/src/embeddings/debug_match_score.py

@@ -0,0 +1,75 @@
+
+import sys
+import os
+import asyncio
+import uuid
+import time
+
+# Add root to path
+sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), '../../')))
+
+from supabase_ingest import client
+from src.embeddings.local_embedder import safe_generate_and_store_embeddings
+from src.embeddings.job_embed import safe_generate_and_store_job_embeddings
+from src.extraction.job_extractor import upsert_job_entities
+from src.matching.similarity import calculate_granular_match_score
+
+async def test_full_ranking_flow():
+    print("🚀 Testing Full Ranking Flow...")
+    
+    # 1. Create Test Candidate
+    candidate_id = str(uuid.uuid4())
+    print(f"👤 Creating Test Candidate: {candidate_id}")
+    profile_payload = {
+        "id": candidate_id,
+        "full_name": "Ranking Test User",
+        "email": f"rank_test_{int(time.time())}@example.com",
+        "phone": "+919876543210",
+        "skills": "Python, Machine Learning, SQL",
+        "technical_skills": "PyTorch, Scikit-learn, PostgreSQL",
+        "experience_years": "5",
+        "role": "Data Scientist",
+        "updated_at": "now()"
+    }
+    client.table("profiles").upsert(profile_payload).execute()
+    
+    # 2. Create Test Job
+    job_id = str(uuid.uuid4())
+    print(f"💼 Creating Test Job: {job_id}")
+    job_payload = {
+        "id": job_id,
+        "title": "Senior Data Scientist",
+        "description": "Looking for a Data Scientist with Python and AI experience.",
+        "updated_at": "now()"
+    }
+    client.table("jobs").upsert(job_payload).execute()
+    
+    # Manually upsert entities for the job
+    job_entities = {
+        "skills": ["Python", "Problem Solving"],
+        "technical_skills": ["Machine Learning", "PyTorch"],
+        "experience": "5+ years of experience in data science.",
+        "certifications": []
+    }
+    upsert_job_entities(client, job_id, "Senior", job_entities)
+    
+    # 3. Generate Embeddings
+    print("🧬 Generating Embeddings (On CPU)...")
+    safe_generate_and_store_embeddings(client, candidate_id)
+    safe_generate_and_store_job_embeddings(client, job_id)
+    
+    # 4. Calculate Match Score
+    print("📊 Calculating Granular Match Score...")
+    result = await calculate_granular_match_score(client, candidate_id, job_id)
+    
+    print("\n✅ MATCH SCORE RESULT:")
+    print(f"Total Score: {result.get('total_score')}%")
+    print(f"Breakdown: {result.get('breakdown')}")
+    
+    if result.get('total_score', 0) > 0:
+        print("\n🎉 SUCCESS: Granular match score works!")
+    else:
+        print("\n❌ FAILURE: Total score is 0.")
+
+if __name__ == "__main__":
+    asyncio.run(test_full_ranking_flow())

backend/src/embeddings/job_embed.py

@@ -56,7 +56,7 @@ def safe_generate_and_store_job_embeddings(client, job_id: str) -> None:
     print(f"🧬 Generating job embeddings for Job: {job_id}")
 
     # 1. Fetch job entities
-    resp = client.table("job_entities") \
+    resp = client.table("jobs_entities") \
         .select("*") \
         .eq("job_id", job_id) \
         .execute()

backend/src/embeddings/process_all_profiles.py

@@ -6,7 +6,8 @@ import time
 # Add backend to path
 sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), '../../')))
 
-from supabase_ingest import client, safe_generate_and_store_embeddings
+from supabase_ingest import client
+from src.embeddings.local_embedder import safe_generate_and_store_embeddings
 
 def process_all_profiles():
     print("🔍 Fetching all user IDs from 'profiles' table...")

backend/src/extraction/job_extractor.py

@@ -8,6 +8,7 @@ from google import genai
 from google.genai import types
 
 from supabase import create_client
+from src.embeddings.job_embed import safe_generate_and_store_job_embeddings
 
 # ------------------ CONFIGURATION ------------------
 RAW_DIR = "data/jobs/raw"
@@ -118,6 +119,13 @@ def upsert_job_entities(sb, job_id: str, experience_level: str, data: Dict[str,
     try:
         sb.table("jobs_entities").upsert(payload).execute()
         print(f"✅ Database updated for Job ID: {job_id}")
+        
+        # ⚠️ NEW: Generate Embeddings
+        try:
+            safe_generate_and_store_job_embeddings(sb, job_id)
+        except Exception as e:
+            print(f"⚠️ Job embedding generation failed (non-critical): {e}")
+            
     except Exception as e:
         print(f"❌ DB Upsert Error for {job_id}: {e}")
 

backend/src/matching/similarity.py

@@ -0,0 +1,95 @@
+
+import numpy as np
+from typing import Dict, Any, List
+from supabase import Client
+
+def cosine_similarity(v1: List[float], v2: List[float]) -> float:
+    """Calculates cosine similarity between two vectors."""
+    if not v1 or not v2 or len(v1) != len(v2):
+        return 0.0
+    
+    a = np.array(v1)
+    b = np.array(v2)
+    
+    # Check if vectors are zero vectors
+    if np.all(a == 0) or np.all(b == 0):
+        return 0.0
+        
+    dot_product = np.dot(a, b)
+    norm_a = np.linalg.norm(a)
+    norm_b = np.linalg.norm(b)
+    
+    if norm_a == 0 or norm_b == 0:
+        return 0.0
+        
+    return float(dot_product / (norm_a * norm_b))
+
+async def calculate_granular_match_score(client: Client, candidate_id: str, job_id: str) -> Dict[str, Any]:
+    """
+    Fetches embeddings for candidate and job, calculates entity-wise similarity,
+    and returns a weighted total score.
+    """
+    print(f"📊 Calculating granular match score for Candidate: {candidate_id}, Job: {job_id}")
+    
+    # 1. Fetch Embeddings
+    try:
+        profile_resp = client.table("profile_embeddings").select("*").eq("id", candidate_id).execute()
+        job_resp = client.table("job_embeddings").select("*").eq("job_id", job_id).execute()
+        
+        if not profile_resp.data:
+            print(f"⚠️ No profile embeddings found for {candidate_id}")
+            return {"total_score": 0, "breakdown": {}, "error": "Profile embeddings missing"}
+            
+        if not job_resp.data:
+            print(f"⚠️ No job embeddings found for {job_id}")
+            return {"total_score": 0, "breakdown": {}, "error": "Job embeddings missing"}
+            
+        profile_emb = profile_resp.data[0]
+        job_emb = job_resp.data[0]
+        
+    except Exception as e:
+        print(f"❌ Database error in match score: {e}")
+        return {"total_score": 0, "breakdown": {}, "error": str(e)}
+
+    # 2. Define Weights
+    # These could eventually be user-defined
+    WEIGHTS = {
+        "skills": 0.35,
+        "technical_skills": 0.35,
+        "experience": 0.20,
+        "certifications": 0.10
+    }
+    
+    # 3. Calculate Individual Similarities
+    scores = {}
+    
+    # Skill matching
+    scores["skills"] = cosine_similarity(profile_emb.get("skills"), job_emb.get("skills"))
+    scores["technical_skills"] = cosine_similarity(profile_emb.get("technical_skills"), job_emb.get("technical_skills"))
+    
+    # Experience matching
+    scores["experience"] = cosine_similarity(profile_emb.get("experience"), job_emb.get("experience"))
+    
+    # Certifications matching
+    scores["certifications"] = cosine_similarity(profile_emb.get("certifications"), job_emb.get("certifications"))
+    
+    # 4. Calculate Weighted Total
+    total_score = 0
+    available_weight = 0
+    
+    for key, weight in WEIGHTS.items():
+        if scores.get(key) is not None:
+            total_score += scores[key] * weight
+            available_weight += weight
+            
+    # Normalize if some fields were missing (though WEIGHTS sums to 1.0)
+    if available_weight > 0:
+        final_score = (total_score / available_weight) * 100
+    else:
+        final_score = 0
+        
+    return {
+        "total_score": round(final_score, 1),
+        "breakdown": {k: round(v * 100, 1) for k, v in scores.items()},
+        "weights": WEIGHTS
+    }

backend/supabase_ingest.py

@@ -19,6 +19,7 @@ from supabase import create_client
 
 # ✅ CORRECT IMPORT based on your file structure
 from src.extraction.person_details_extraction_gemini import process_single_resume
+from src.embeddings.local_embedder import safe_generate_and_store_embeddings
 
 # ---------------------------------------------------------------------
 # ENV SETUP
@@ -235,7 +236,13 @@ def process_resume(client, user_id: str, file_path: str, temp_dir: str = "data/r
         payload = build_resume_payload(user_id, extracted_data, file_path, file_hash)
         upsert_profile(client, payload)
 
-        # 5. Cleanup
+        # 5. Generate Embeddings
+        try:
+            safe_generate_and_store_embeddings(client, user_id)
+        except Exception as e:
+            print(f"⚠️ Embedding generation failed (non-critical): {e}")
+
+        # 6. Cleanup
         if os.path.exists(local_path):
             os.remove(local_path)
             
@@ -299,6 +306,12 @@ def main():
             # 6. Upsert to DB
             upsert_profile(client, payload)
 
+            # 7. Generate Embeddings
+            try:
+                safe_generate_and_store_embeddings(client, user_id)
+            except Exception as e:
+                print(f"   ⚠️ Embedding generation failed (non-critical): {e}")
+
         except Exception as e:
             print(f"   ❌ Pipeline failed for this file: {e}")
 

backend/update_applications_table.sql

@@ -0,0 +1,9 @@
+
+-- Update applications table to include semantic match score results
+ALTER TABLE applications 
+ADD COLUMN IF NOT EXISTS semantic_score FLOAT,
+ADD COLUMN IF NOT EXISTS score_breakdown JSONB;
+
+-- Add comments for documentation
+COMMENT ON COLUMN applications.semantic_score IS 'Overall semantic match score calculated via embeddings';
+COMMENT ON COLUMN applications.score_breakdown IS 'Breakdown of entity-wise similarity scores';

src/components/CandidateDrawer.jsx

@@ -132,17 +132,45 @@ const CandidateDrawer = ({ isOpen, onClose, candidate }) => {
 
               <div style={{ marginBottom: '2rem', padding: '1rem', backgroundColor: 'rgba(239, 68, 68, 0.05)', borderRadius: '0.75rem', border: '1px solid rgba(239, 68, 68, 0.2)' }}>
                 <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '0.5rem' }}>
-                  <span style={{ fontWeight: 'bold', color: '#EF4444' }}>{analysis?.score !== undefined ? 'AI Score' : 'Semantic Match Score'}</span>
-                  <span style={{ fontWeight: 'bold', color: 'white' }}>{analysis?.score ?? (candidate.score || candidate.matchScore || 0)}%</span>
+                  <span style={{ fontWeight: 'bold', color: '#EF4444' }}>AI Score</span>
+                  <span style={{ fontWeight: 'bold', color: 'white' }}>{analysis?.score ?? (candidate.score || 0)}%</span>
                 </div>
-                <div style={{ width: '100%', height: '6px', backgroundColor: 'rgba(255,255,255,0.1)', borderRadius: '3px' }}>
+                <div style={{ width: '100%', height: '6px', backgroundColor: 'rgba(255,255,255,0.1)', borderRadius: '3px', marginBottom: '1rem' }}>
                   <motion.div
                     initial={{ width: 0 }}
-                    animate={{ width: `${analysis?.score ?? (candidate.score || candidate.matchScore || 0)}%` }}
+                    animate={{ width: `${analysis?.score ?? (candidate.score || 0)}%` }}
                     transition={{ delay: 0.2, duration: 1 }}
                     style={{ height: '100%', backgroundColor: '#EF4444', borderRadius: '3px', boxShadow: '0 0 10px rgba(239,68,68,0.5)' }}
                   />
                 </div>
+
+                {analysis?.semantic_score !== undefined && (
+                  <>
+                    <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '0.5rem' }}>
+                      <span style={{ fontWeight: 'bold', color: '#38bdf8' }}>Semantic Match Score</span>
+                      <span style={{ fontWeight: 'bold', color: 'white' }}>{analysis.semantic_score}%</span>
+                    </div>
+                    <div style={{ width: '100%', height: '6px', backgroundColor: 'rgba(255,255,255,0.1)', borderRadius: '3px', marginBottom: '1rem' }}>
+                      <motion.div
+                        initial={{ width: 0 }}
+                        animate={{ width: `${analysis.semantic_score}%` }}
+                        transition={{ delay: 0.3, duration: 1 }}
+                        style={{ height: '100%', backgroundColor: '#38bdf8', borderRadius: '3px', boxShadow: '0 0 10px rgba(56,189,248,0.5)' }}
+                      />
+                    </div>
+
+                    {analysis.score_breakdown && (
+                      <div style={{ marginTop: '0.5rem', display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>
+                        {Object.entries(analysis.score_breakdown).map(([entity, score]) => (
+                          <div key={entity} style={{ fontSize: '0.75rem', color: '#94a3b8', display: 'flex', justifyContent: 'space-between' }}>
+                            <span style={{ textTransform: 'capitalize' }}>{entity.replace('_', ' ')}</span>
+                            <span style={{ color: 'white' }}>{score}%</span>
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </>
+                )}
               </div>
 
               {loadingAnalysis && (

src/components/Icons.jsx

@@ -2,34 +2,34 @@ import React from 'react';
 import { motion } from 'framer-motion';
 
 // --- EXISTING ICONS (Do not change these) ---
-export const LogoutIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M3 3a1 1 0 00-1 1v12a1 1 0 102 0V5h10a1 1 0 100-2H3zm12.293 4.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L16.586 13H9a1 1 0 110-2h7.586l-1.293-1.293a1 1 0 010-1.414z" clipRule="evenodd" /></svg> );
-export const BriefcaseIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M10 2a2 2 0 00-2 2v1H6a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2V4a2 2 0 00-2-2zm-2 2V4h4v1H8z" clipRule="evenodd" /></svg> );
-export const UserCircleIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0012 11z" clipRule="evenodd" /></svg> );
-export const ChatIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path d="M2 5a2 2 0 012-2h12a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm1.5 0a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V5.5a.5.5 0 00-.5-.5h-11z" /><path d="M8 8a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-2 1a1 1 0 11-2 0 1 1 0 012 0z" /></svg> );
-export const CalendarIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clipRule="evenodd" /></svg> );
+export const LogoutIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M3 3a1 1 0 00-1 1v12a1 1 0 102 0V5h10a1 1 0 100-2H3zm12.293 4.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L16.586 13H9a1 1 0 110-2h7.586l-1.293-1.293a1 1 0 010-1.414z" clipRule="evenodd" /></svg>);
+export const BriefcaseIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M10 2a2 2 0 00-2 2v1H6a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2V4a2 2 0 00-2-2zm-2 2V4h4v1H8z" clipRule="evenodd" /></svg>);
+export const UserCircleIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0012 11z" clipRule="evenodd" /></svg>);
+export const ChatIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path d="M2 5a2 2 0 012-2h12a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm1.5 0a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V5.5a.5.5 0 00-.5-.5h-11z" /><path d="M8 8a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-2 1a1 1 0 11-2 0 1 1 0 012 0z" /></svg>);
+export const CalendarIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clipRule="evenodd" /></svg>);
 export const UploadIcon = () => <svg style={{ width: '32px', height: '32px', color: 'rgba(255,255,255,0.5)', marginBottom: '0.5rem' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>;
-export const SpinnerIcon = () => <motion.svg animate={{ rotate: 360 }} transition={{ duration: 1, repeat: Infinity, ease: "linear" }} style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></motion.svg>;
-export const SearchIcon = () => ( <svg style={{ width: '20px', height: '20px', color: 'rgba(255, 255, 255, 0.5)' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clipRule="evenodd" /></svg> );
-export const AtsCheckerIcon = () => ( <svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg> );
-export const FilterIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg> );
-export const ScoringIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg> );
-export const ClearIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg> );
-export const ViewIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> );
-export const ChevronLeftIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> );
-export const ChevronRightIcon = () => ( <svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> );
-export const CheckSquareIcon = () => ( <svg style={{ width: '18px', height: '18px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg> );
-export const MailIcon = () => ( <svg style={{ width: '18px', height: '18px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> );
-export const LoaderIcon = () => ( <svg style={{ width: '24px', height: '24px', animation: 'spin 1s linear infinite' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg> );
+export const SpinnerIcon = () => <motion.svg animate={{ rotate: 360 }} transition={{ duration: 1, repeat: Infinity, ease: "linear" }} style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 12a9 9 0 1 1-6.219-8.56" /></motion.svg>;
+export const SearchIcon = () => (<svg style={{ width: '20px', height: '20px', color: 'rgba(255, 255, 255, 0.5)' }} viewBox="0 0 20 20" fill="currentColor"><path fillRule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clipRule="evenodd" /></svg>);
+export const AtsCheckerIcon = () => (<svg style={{ width: '16px', height: '16px', marginRight: '8px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>);
+export const FilterIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>);
+export const ScoringIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>);
+export const ClearIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>);
+export const ViewIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>);
+export const ChevronLeftIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>);
+export const ChevronRightIcon = () => (<svg style={{ width: '16px', height: '16px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>);
+export const CheckSquareIcon = () => (<svg style={{ width: '18px', height: '18px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>);
+export const MailIcon = () => (<svg style={{ width: '18px', height: '18px' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>);
+export const LoaderIcon = () => (<svg style={{ width: '24px', height: '24px', animation: 'spin 1s linear infinite' }} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>);
 
 // Animated Chevron for Dropdowns
-export const ChevronDownIcon = ({ isOpen }) => ( 
-    <motion.svg 
-        animate={{ rotate: isOpen ? 180 : 0 }} 
-        style={{ width: '16px', height: '16px' }} 
-        viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
-    >
-        <polyline points="6 9 12 15 18 9"></polyline>
-    </motion.svg> 
+export const ChevronDownIcon = ({ isOpen }) => (
+  <motion.svg
+    animate={{ rotate: isOpen ? 180 : 0 }}
+    style={{ width: '16px', height: '16px' }}
+    viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
+  >
+    <polyline points="6 9 12 15 18 9"></polyline>
+  </motion.svg>
 );
 
 
@@ -76,7 +76,7 @@ export const RefreshIcon = ({ className }) => (
 
 export const EmptyStateIcon = ({ className }) => (
   <svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
   </svg>
 );