dropdown enabled

src/app/app.component.ts

@@ -288,84 +288,66 @@ export class AppComponent implements OnInit, OnDestroy {
 
     console.log('?? Checking database progress for user:', userId);
 
-    // Check Marriage profile completion
+    // 1. Check Marriage profile completion
     this.signupService.checkMarriageProfile(userId).subscribe({
       next: (profileRes: any) => {
         const profileExists = profileRes.exists || false;
-        console.log('? Marriage profile check:', profileExists);
+        console.log('? Marriage profile check response:', profileExists);
 
-        // Only update if we found data in database
+        // Only change state if the database explicitly confirms completion
+        // We do NOT set it to false here to prevent UI locking during network lag
         if (profileExists) {
           this.profileCompleted = true;
           this.saveProgress();
           this.changeDetectorRef.detectChanges();
-        } else {
-          this.profileCompleted = false;
-          this.saveProgress();
-          this.changeDetectorRef.detectChanges();
         }
       },
       error: (err: any) => {
-        console.log('? Marriage profile check failed:', err);
-        // Set to false on error for new users
-        this.profileCompleted = false;
-        this.saveProgress();
-        this.changeDetectorRef.detectChanges();
+        // In production (Hugging Face), requests may timeout or fail due to CORS/Latency
+        // We keep the local state (from localStorage) instead of forcing it to false
+        console.error('? Marriage profile check API error:', err);
       }
     });
 
-    // Check Expectations completion
+    // 2. Check Expectations completion
     this.signupService.checkExpectations(userId).subscribe({
       next: (expectationsRes: any) => {
         const expectationsExists = expectationsRes.exists || false;
-        console.log('? Expectations check:', expectationsExists);
+        console.log('? Expectations check response:', expectationsExists);
 
         if (expectationsExists) {
           this.expectationsCompleted = true;
           this.saveProgress();
           this.changeDetectorRef.detectChanges();
-        } else {
-          this.expectationsCompleted = false;
-          this.saveProgress();
-          this.changeDetectorRef.detectChanges();
         }
       },
       error: (err: any) => {
-        console.log('? Expectations check failed:', err);
-        this.expectationsCompleted = false;
-        this.saveProgress();
-        this.changeDetectorRef.detectChanges();
+        console.error('? Expectations check API error:', err);
       }
     });
 
-    // Check Assessment completion
+    // 3. Check Assessment completion
     this.signupService.checkAssessment(userId).subscribe({
       next: (assessmentRes: any) => {
         const assessmentExists = assessmentRes.exists || false;
-        console.log('? Assessment check:', assessmentExists);
+        console.log('? Assessment check response:', assessmentExists);
 
         if (assessmentExists) {
           this.assessmentCompleted = true;
-          this.matchingCompleted = true; // Matching is available if assessment is completed
-          this.saveProgress();
-          this.changeDetectorRef.detectChanges();
-        } else {
-          this.assessmentCompleted = false;
-          this.matchingCompleted = false;
+          this.matchingCompleted = true;
           this.saveProgress();
           this.changeDetectorRef.detectChanges();
         }
       },
       error: (err: any) => {
-        console.log('? Assessment check failed:', err);
-        this.assessmentCompleted = false;
-        this.matchingCompleted = false;
-        this.saveProgress();
-        this.changeDetectorRef.detectChanges();
+        console.error('? Assessment check API error:', err);
       }
     });
   }
 
+
+
+
   private saveProgress(): void {
     const userId = this.authService.userId;
 

src/app/matching-list/matching-list.component.ts

@@ -107,6 +107,7 @@ export class MatchingListComponent implements OnInit {
   activeTab: 'details' | 'compatibility' = 'details';
   subTab: 'expectation' | 'character' = 'expectation'; 
   showUserProfileModal: boolean = false;
+  private characterExplanationLoaded = false;
 
   // User data
   userId: number | null = null;
@@ -190,7 +191,7 @@ export class MatchingListComponent implements OnInit {
       // If in character mode and no character data loaded yet, fetch it
       if (this.mode === 'character' && this.strengths.length === 0 && this.risks.length === 0 && this.sacrifices.length === 0) {
         console.log('🎯 Loading character data on tab switch...');
-        this.fetchCompatibilityExplanation(this.selectedProfile);
+       /* this.fetchCompatibilityExplanation(this.selectedProfile);*/
       }
 
       // Log current state for debugging
@@ -752,6 +753,13 @@ export class MatchingListComponent implements OnInit {
   fetchCompatibilityExplanation(profile: Profile): void {
     if (!this.userId) return;
 
+    // ✅ PREVENT DUPLICATE CALLS
+    if (this.characterExplanationLoaded) {
+      console.log(⏭️ Character explanation already loaded, skipping API call');
+      return;
+    }
+    this.characterExplanationLoaded = true;
+
     this.matchingService.getCompatibilityExplanation(
       this.userId,
       profile.user_id,
@@ -778,6 +786,7 @@ export class MatchingListComponent implements OnInit {
 
   processCharacterExplanation(explanations: string[]) {
     console.log('🔍 Frontend: RAW explanations from backend:', explanations);
+    this.characterExplanationLoaded = false; // allow retry on failure
 
     this.strengths = [];
     this.risks = [];
@@ -1004,6 +1013,9 @@ export class MatchingListComponent implements OnInit {
     this.compatibilityAnalysis = null;
     this.activeTab = 'details';
 
+    this.characterExplanationLoaded = false;
+
+
     // Reset subTab based on mode
     if (this.mode === 'expectation') {
       this.subTab = 'expectation'; // Default to expectation tab for combined mode