upload issue

README.md

@@ -73,9 +73,15 @@ If file uploads aren't working, check:
 |-------|-------|----------|
 | 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 |
+| 413 File Too Large | File exceeds 100MB limit | Use files smaller than 100MB |
 | 415 Unsupported Type | Wrong file format | Use PDF/DOCX/TXT only |
-| Timeout | Large file/slow connection | Increase timeout or use smaller files |
+| Timeout | Large file/slow connection | Wait longer or use smaller files |
+
+### File Upload Limits:
+- **Maximum file size**: 100MB per file
+- **Supported formats**: PDF, DOCX, TXT
+- **Recommended size**: Under 10MB for faster processing
+- **Multiple files**: Can upload multiple files simultaneously
 
 ### Debug Steps:
 1. Run `python backend/diagnostic.py`

backend/backend_api.py

@@ -112,7 +112,7 @@ async def ask_question_stream(request: QuestionRequest):
         raise HTTPException(status_code=500, detail=f"Error processing streaming question: {str(e)}")
 
 @app.post("/api/upload")
-async def upload_document(file: UploadFile = File(...)):
+async def upload_document(file: UploadFile = File(..., max_length=100*1024*1024)):
     """
     Upload a document to the RAG system
     """

frontend/nginx.conf

@@ -13,6 +13,11 @@ scgi_temp_path        /app/tmp/scgi;
 server {
     listen 7860;
 
+    # Increase file upload size limit for document uploads
+    client_max_body_size 100M;
+    client_body_timeout 300s;
+    client_header_timeout 300s;
+
     # Root directory for the React app
     root /usr/share/nginx/html;
     index index.html index.htm;
@@ -29,6 +34,12 @@ server {
         proxy_set_header X-Real-IP $remote_addr;
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
         proxy_set_header X-Forwarded-Proto $scheme;
+        
+        # Increase timeouts for large file uploads
+        proxy_connect_timeout 300s;
+        proxy_send_timeout 300s;
+        proxy_read_timeout 300s;
+        proxy_request_buffering off;
     }
 
     # Cache static assets

frontend/nginx.global.conf

@@ -14,6 +14,12 @@ http {
     access_log /app/logs/access.log;
     error_log  /app/logs/error.log warn;
 
+    # Global file upload settings
+    client_max_body_size 100M;
+    client_body_buffer_size 1M;
+    client_body_timeout 300s;
+    client_header_timeout 300s;
+
     sendfile        on;
     keepalive_timeout  65;
 

frontend/src/components/FileUploader.js

@@ -25,9 +25,22 @@ const FileUploader = ({ darkMode, onClose }) => {
         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.`);
+        // Check file size limits
+        const maxSize = 100 * 1024 * 1024; // 100MB
+        if (file.size > maxSize) {
+          toast.error(`${file.name} is too large (${formatFileSize(file.size)}). Maximum size is 100MB.`);
+          setUploadedFiles(prev => [...prev, {
+            name: file.name,
+            size: file.size,
+            status: 'error',
+            error: 'File too large (max 100MB)'
+          }]);
+          continue; // Skip this file
+        } else if (file.size > 10 * 1024 * 1024) {
+          toast(`Warning: ${file.name} is large (${formatFileSize(file.size)}). Upload may take time.`, {
+            icon: '⚠️',
+            duration: 6000
+          });
         }
         
         await uploadDocument(formData);
@@ -58,7 +71,7 @@ const FileUploader = ({ darkMode, onClose }) => {
         } 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.';
+          errorMessage += ': File too large (max 100MB allowed).';
         } else if (error.message.includes('415')) {
           errorMessage += ': Unsupported file type.';
         } else if (error.message.includes('500')) {
@@ -133,6 +146,12 @@ const FileUploader = ({ darkMode, onClose }) => {
           Drag & drop files here, or click to browse
         </p>
         
+        <p className={`text-xs mb-4 ${
+          darkMode ? 'text-gray-500' : 'text-gray-500'
+        }`}>
+          Maximum file size: 100MB
+        </p>
+        
         <div className="flex justify-center space-x-2">
           <span className={`px-3 py-1 rounded-full text-xs font-medium ${
             darkMode