========================================
🔧 FIX: IMAGES NOT SHOWING
========================================

You're seeing broken/missing images. Here's how to fix it:

## STEP 1: Run Diagnostics

Double-click: DIAGNOSE_IMAGE_UPLOAD.bat

This will check:
✅ Backend running on port 8001?
✅ Database has avatar_url/image_url columns?
✅ Files uploaded to correct directory?
✅ Static files accessible?

## STEP 2: Apply Fixes Based on Results

### If "avatar_url column MISSING":
```
Run: APPLY_IMAGE_MIGRATION.bat
```
This adds the database columns needed.

### If "Backend NOT responding":
```
Run: restart_backend.bat
```
Backend must be running on port 8001.

### If columns exist but images still broken:
```
1. Stop backend (Ctrl+C)
2. Run: restart_backend.bat
3. Refresh browser (Ctrl+Shift+R)
```

## STEP 3: Test Upload

1. Login to app
2. Go to Settings
3. Click "Upload Avatar"
4. Select an image
5. Should see image immediately!

## COMMON ISSUES & FIXES:

### Issue: "Mixed content" error in browser
Fix: Make sure backend is http://localhost:8001
     Check browser console (F12)

### Issue: "404 Not Found" for /static/uploads
Fix: Backend needs restart after adding uploads.py
     Run: restart_backend.bat

### Issue: Image uploads but doesn't show
Fix: 1. Check database has avatar_url column
     2. Restart backend
     3. Clear browser cache (Ctrl+Shift+R)

### Issue: CORS error
Fix: Backend CORS already configured
     Just restart backend

## VERIFY IT WORKS:

Test URL in browser:
http://localhost:8001/static/uploads/users/user_1_6ba276ca.png

Should show image, not 404 error.

If 404: Backend needs restart or migration not run
If image loads: Frontend just needs browser refresh!

========================================