upload update

README.md

@@ -21,4 +21,64 @@ The application is containerized using Docker and orchestrated with Docker Compo
 
 - The **frontend** is a React app served by Nginx.
 - The **backend** is a FastAPI server running with Uvicorn.
-- Nginx acts as a reverse proxy, forwarding API requests from the frontend to the backend. 
+- Nginx acts as a reverse proxy, forwarding API requests from the frontend to the backend.
+
+## 🚀 Quick Setup
+
+### 1. Environment Configuration
+```bash
+# Copy the example environment file
+cp env.example .env
+
+# Edit .env with your API keys
+nano .env
+```
+
+Required environment variables:
+- `GOOGLE_API_KEY`: Get from [Google AI Studio](https://aistudio.google.com/app/apikey)
+- `QDRANT_URL`: Your Qdrant cloud cluster URL  
+- `QDRANT_API_KEY`: Your Qdrant cloud API key
+
+### 2. Run System Diagnostic
+```bash
+cd backend
+python diagnostic.py
+```
+
+This will check all dependencies and configurations.
+
+### 3. Start the Application
+```bash
+# Using Docker (recommended)
+docker-compose up --build
+
+# Or run locally
+cd backend && python backend_api.py
+cd frontend && npm start
+```
+
+## 🔧 Troubleshooting File Uploads
+
+If file uploads aren't working, check:
+
+1. **Environment Variables**: Ensure all required vars are set
+2. **API Connectivity**: Backend must connect to Qdrant and Google APIs
+3. **File Size**: Large files (>10MB) may timeout
+4. **File Format**: Only PDF, DOCX, and TXT are supported
+5. **Server Status**: Check browser console and server logs
+
+### Common Upload Errors:
+
+| Error | Cause | Solution |
+|-------|-------|----------|
+| Network Error | Server not running | Start backend server |
+| 500 Server Error | Missing API keys | Check environment variables |
+| 413 File Too Large | File exceeds limit | Try smaller files |
+| 415 Unsupported Type | Wrong file format | Use PDF/DOCX/TXT only |
+| Timeout | Large file/slow connection | Increase timeout or use smaller files |
+
+### Debug Steps:
+1. Run `python backend/diagnostic.py`
+2. Check browser developer console
+3. Check backend server logs
+4. Verify network connectivity to external APIs 

frontend/src/components/FileUploader.js

@@ -20,9 +20,16 @@ const FileUploader = ({ darkMode, onClose }) => {
     
     for (const file of acceptedFiles) {
       try {
+        console.log(`Starting upload for file: ${file.name}, size: ${file.size} bytes`);
+        
         const formData = new FormData();
         formData.append('file', file);
         
+        // Check file size (warn if > 10MB)
+        if (file.size > 10 * 1024 * 1024) {
+          toast.error(`Warning: ${file.name} is large (${formatFileSize(file.size)}). Upload may take time.`);
+        }
+        
         await uploadDocument(formData);
         
         setUploadedFiles(prev => [...prev, {
@@ -32,14 +39,35 @@ const FileUploader = ({ darkMode, onClose }) => {
         }]);
         
         toast.success(`${file.name} uploaded successfully!`);
+        console.log(`Successfully uploaded: ${file.name}`);
+        
       } catch (error) {
+        console.error(`Failed to upload ${file.name}:`, error);
+        
         setUploadedFiles(prev => [...prev, {
           name: file.name,
           size: file.size,
-          status: 'error'
+          status: 'error',
+          error: error.message
         }]);
         
-        toast.error(`Failed to upload ${file.name}`);
+        // More specific error messages
+        let errorMessage = `Failed to upload ${file.name}`;
+        if (error.message.includes('Network Error')) {
+          errorMessage += ': Network connection failed. Check if the server is running.';
+        } else if (error.message.includes('timeout')) {
+          errorMessage += ': Upload timed out. File may be too large.';
+        } else if (error.message.includes('413')) {
+          errorMessage += ': File too large for server.';
+        } else if (error.message.includes('415')) {
+          errorMessage += ': Unsupported file type.';
+        } else if (error.message.includes('500')) {
+          errorMessage += ': Server error. Check server logs.';
+        } else {
+          errorMessage += `: ${error.message}`;
+        }
+        
+        toast.error(errorMessage);
       }
     }
     

frontend/src/services/api.js

@@ -122,11 +122,21 @@ export const uploadDocument = async (formData) => {
         );
         console.log(`Upload progress: ${percentCompleted}%`);
       },
+      timeout: 120000, // 2 minutes timeout for large files
     });
     
     return response;
   } catch (error) {
     console.error('Error uploading document:', error);
+    
+    // Enhanced error messages for debugging
+    if (error.response) {
+      console.error('Response error:', error.response.data);
+      console.error('Status:', error.response.status);
+    } else if (error.request) {
+      console.error('Request error:', error.request);
+    }
+    
     throw error;
   }
 };