Update templates/index.html

templates/index.html

@@ -146,6 +146,7 @@
         .gpu-error-message-container .error-content ul { list-style-type: "▫️ "; padding-right: 20px; margin-top: 10px; }
         .gpu-error-message-container .error-content li { margin-bottom: 6px; }
         .gpu-error-actions { display: flex; gap: 15px; margin-top: 25px; }
+        .gpu-error-actions .action-button { padding: 0.8rem 1.5rem; border-radius: var(--igadlm-alpha-border-radius-md); border: none; cursor: pointer; font-family: var(--app-font); font-weight: 600; font-size: 1rem; transition: var(--transition-smooth); display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
         .gpu-error-actions .action-button.back-button { background-color: var(--panel-bg); color: var(--text-tertiary); border: 1px solid var(--panel-border); flex-grow: 0.45; }
         .gpu-error-actions .action-button.retry-button { background: linear-gradient(60deg, var(--igadlm-alpha-color-primary) 0%, var(--igadlm-alpha-color-secondary) 100%); color: white; flex-grow: 1; }
 
@@ -430,7 +431,7 @@
             const TRANSLATION_TIMEOUT = 20000;
 
             let lastAttemptedVideoPayload = null;
-            let eventSource = null; // نگه داشتن رفرنس EventSource برای بستن آن
+            let eventSource = null;
 
             const generateSessionHash = () => Math.random().toString(36).substring(2, 13);
             
@@ -663,12 +664,10 @@
                     console.warn("Translation failed:", e.message);
                     addStatusMessage('ترجمه ناموفق بود. با متن فارسی ادامه می‌دهیم.', 'error');
                 }
-
-                // === START: ROBUST DIRECT API INTERACTION ===
+                
                 const sessionHash = generateSessionHash();
 
                 try {
-                    // Step 1: Upload File
                     setAiLoaderText("۱/۳: در حال آپلود عکس...");
                     const formData = new FormData();
                     formData.append('files', imageFile);
@@ -677,19 +676,11 @@
                     const uploadedFiles = await uploadResponse.json();
                     const serverFilePath = uploadedFiles[0];
 
-                    // Step 2: Join Queue
                     setAiLoaderText("۲/۳: ارسال درخواست به صف...");
                     const joinPayload = {
                         "data": [
                             {"path": serverFilePath, "url": `${VIDEO_SPACE_URL}gradio_api/file=${serverFilePath}`},
-                            promptForVideo,
-                            6, // steps
-                            DEFAULT_NEGATIVE_PROMPT,
-                            duration,
-                            1, // guidance_scale
-                            1, // guidance_scale_2
-                            0, // seed (0 = random)
-                            true // randomize_seed
+                            promptForVideo, 6, DEFAULT_NEGATIVE_PROMPT, duration, 1, 1, 0, true
                         ],
                         "fn_index": 0, "session_hash": sessionHash
                     };
@@ -698,13 +689,12 @@
                     });
                     if (!joinResponse.ok) throw new Error(`خطا در اتصال به صف: ${joinResponse.statusText}`);
 
-                    // Step 3: Listen for Data
                     setAiLoaderText("۳/۳: منتظر دریافت نتیجه...");
                     eventSource = new EventSource(`${VIDEO_SPACE_URL}gradio_api/queue/data?session_hash=${sessionHash}`);
                     
-                    eventSource.onmessage = (event) => {
+                    eventSource.onmessage = async (event) => {
                         const data = JSON.parse(event.data);
-                        console.log(data); // For debugging
+                        console.log(data);
                         
                         switch (data.msg) {
                             case 'estimation':
@@ -734,7 +724,7 @@
                                 if (data.success) {
                                     setProgressBar(100);
                                     setAiLoaderText("پردازش کامل شد!");
-                                    handleSuccessfulVideoGeneration(data.output);
+                                    await handleSuccessfulVideoGeneration(data.output);
                                 } else {
                                     const errorMessage = data.output?.error || "یک خطای نامشخص رخ داد.";
                                     const isGpuQuotaError = /exceeded your gpu quota/i.test(errorMessage);
@@ -757,7 +747,6 @@
                     showCriticalError(`خطای اولیه: ${errorCaught.message}`);
                     generateButton.disabled = false;
                 }
-                // === END: ROBUST DIRECT API INTERACTION ===
             };
 
             generateButton.addEventListener('click', async () => {