Auto-deploy from GitHub: 8986b16862923441dcd086b63345a47c011d42b5

app.py

@@ -201,11 +201,25 @@ def get_files():
     c = conn.cursor()
     c.execute('SELECT * FROM tasks ORDER BY created_at DESC')
     rows = c.fetchall()
+    
+    # Get queue order for not_started tasks (oldest first = position 1)
+    c.execute('''SELECT id FROM tasks 
+                 WHERE status = 'not_started' 
+                 ORDER BY created_at ASC''')
+    queue_order = [r['id'] for r in c.fetchall()]
+    
+    # Check if any task is currently processing
+    c.execute('SELECT COUNT(*) as count FROM tasks WHERE status = "processing"')
+    processing_count = c.fetchone()['count']
+    
     conn.close()
     
+    # Average processing time in seconds (can be adjusted based on actual metrics)
+    AVG_PROCESSING_TIME = 30
+    
     files = []
     for row in rows:
-        files.append({
+        file_data = {
             'id': row['id'],
             'text': row['text'],
             'status': row['status'],
@@ -213,7 +227,18 @@ def get_files():
             'created_at': row['created_at'],
             'processed_at': row['processed_at'],
             'error': row['error']
-        })
+        }
+        
+        # Add queue position for not_started tasks
+        if row['status'] == 'not_started' and row['id'] in queue_order:
+            queue_position = queue_order.index(row['id']) + 1  # 1-indexed
+            file_data['queue_position'] = queue_position
+            # Estimated time = (position - 1 + processing_count) * avg_time
+            # If something is processing, add that to the wait
+            tasks_ahead = queue_position - 1 + processing_count
+            file_data['estimated_start_seconds'] = tasks_ahead * AVG_PROCESSING_TIME
+        
+        files.append(file_data)
     
     return jsonify(files)
 

index.html

@@ -524,9 +524,15 @@
                 </div>
             </div>
 
-            <button class="btn" id="generateBtn">
-                🚀 Generate Audio
-            </button>
+            <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+                <button class="btn" id="generateBtn" style="flex: 1; min-width: 200px;">
+                    🚀 Generate Audio
+                </button>
+                <button class="btn btn-secondary" id="uploadBtn" style="flex: 1; min-width: 200px;">
+                    📁 Upload File
+                </button>
+                <input type="file" id="fileInput" accept=".txt,.md,.text" style="display: none;">
+            </div>
         </div>
 
         <div class="table-section">
@@ -571,6 +577,8 @@
         const voiceSelect = document.getElementById('voiceSelect');
         const speedInput = document.getElementById('speedInput');
         const generateBtn = document.getElementById('generateBtn');
+        const uploadBtn = document.getElementById('uploadBtn');
+        const fileInput = document.getElementById('fileInput');
         const loader = document.getElementById('loader');
         const refreshBtn = document.getElementById('refreshBtn');
 
@@ -620,6 +628,74 @@
             }
         });
 
+        // Upload button - opens file picker
+        uploadBtn.addEventListener('click', () => {
+            fileInput.click();
+        });
+
+        // File input change - auto-submit for TTS
+        fileInput.addEventListener('change', async (e) => {
+            const file = e.target.files[0];
+            if (!file) return;
+
+            // Read file content
+            const reader = new FileReader();
+            reader.onload = async (event) => {
+                const text = event.target.result.trim();
+                
+                if (!text) {
+                    showNotification('File is empty!', 'error');
+                    fileInput.value = ''; // Reset file input
+                    return;
+                }
+
+                const voice = voiceSelect.value;
+                const speed = parseFloat(speedInput.value);
+
+                // Show loader
+                loader.style.display = 'flex';
+                uploadBtn.disabled = true;
+                generateBtn.disabled = true;
+
+                try {
+                    const response = await fetch(`${API_URL}/generate`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                            text,
+                            voice,
+                            speed
+                        })
+                    });
+
+                    const data = await response.json();
+
+                    if (response.ok) {
+                        showNotification(`File "${file.name}" queued for TTS! 🎉`);
+                        loadFiles();
+                    } else {
+                        showNotification(data.error || 'Upload failed', 'error');
+                    }
+                } catch (error) {
+                    showNotification('Network error: ' + error.message, 'error');
+                } finally {
+                    loader.style.display = 'none';
+                    uploadBtn.disabled = false;
+                    generateBtn.disabled = false;
+                    fileInput.value = ''; // Reset file input for next upload
+                }
+            };
+
+            reader.onerror = () => {
+                showNotification('Error reading file!', 'error');
+                fileInput.value = '';
+            };
+
+            reader.readAsText(file);
+        });
+
         // Load files
         async function loadFiles() {
             try {