Safely configure API URLs for production fallback

src/components/Admin/TalentClusters.jsx

@@ -360,19 +360,20 @@ export default function TalentClusters() {
     const runClustering = async () => {
         setIsClusteringRunning(true);
         try {
-            const response = await fetch('http://localhost:8000/run-clustering', {
+            const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+            const response = await fetch(`${API_URL}/run-clustering`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' }
             });
-            
+
             if (!response.ok) {
                 throw new Error('Failed to start clustering');
             }
-            
+
             const data = await response.json();
             console.log('✅ Clustering started:', data);
             alert('Clustering pipeline started! This may take a few minutes. You will be notified when complete.');
-            
+
             // Poll for completion (check every 5 seconds for up to 5 minutes)
             const pollInterval = setInterval(async () => {
                 try {
@@ -384,7 +385,7 @@ export default function TalentClusters() {
                         .select('cluster_label')
                         .not('cluster_label', 'is', null)
                         .limit(1);
-                    
+
                     if (profiles && profiles.length > 0) {
                         clearInterval(pollInterval);
                         setIsClusteringRunning(false);
@@ -394,10 +395,10 @@ export default function TalentClusters() {
                     console.log('Still clustering...');
                 }
             }, 5000);
-            
+
             // Clear interval after 5 minutes
             setTimeout(() => clearInterval(pollInterval), 5 * 60 * 1000);
-            
+
         } catch (err) {
             console.error('Error starting clustering:', err);
             alert('Failed to start clustering. Check the backend logs.');

src/components/CandidateDrawer.jsx

@@ -25,7 +25,8 @@ const CandidateDrawer = ({ isOpen, onClose, candidate }) => {
   const fetchAnalysis = async () => {
     setLoadingAnalysis(true);
     try {
-      const response = await fetch('http://localhost:8000/analyze-candidate', {
+      const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+      const response = await fetch(`${API_URL}/analyze-candidate`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({

src/pages/ApplicantATS.jsx

@@ -58,7 +58,8 @@ export default function ApplicantATS({ onNavigate }) {
         formData.append("job_description", jobDescription);
 
         try {
-            const response = await fetch("http://localhost:8000/analyze-ats", {
+            const API_URL = import.meta.env.VITE_API_URL || "http://localhost:8000";
+            const response = await fetch(`${API_URL}/analyze-ats`, {
                 method: "POST",
                 body: formData,
             });
@@ -153,8 +154,8 @@ export default function ApplicantATS({ onNavigate }) {
                                     </div>
                                     <p style={{ fontSize: '1.25rem', color: '#d1d5db' }}>ATS Match Score</p>
                                     <p style={{ color: '#d1d5db', marginTop: '0.5rem', marginBottom: '1.5rem' }}>{analysisResult.summary}</p>
-                                    
-                                    <button 
+
+                                    <button
                                         onClick={() => setShowBuilder(true)}
                                         style={{
                                             backgroundColor: '#FBBF24',