Update templates/index.html

templates/index.html

@@ -351,9 +351,7 @@
 
         (function() {
             let isProcessing = false;
-            let currentJob = null; // --- NEW: To hold the current job for cancellation
 
-            // ... (بقیه کدهای کمکی مثل getBrowserFingerprint و مدیریت اعتبار اینجا بدون تغییر قرار می‌گیرند) ...
             let userSubscriptionStatus = 'free';
             let userFingerprint = null;
             let countdownInterval = null;
@@ -472,6 +470,7 @@
             document.getElementById('upgrade-button').addEventListener('click', () => {
                 parent.postMessage({ type: 'NAVIGATE_TO_PREMIUM' }, '*');
             });
+
             const resultContainer = document.getElementById('result-container');
             const imageFileInput = document.getElementById('imageFile');
             const imagePreview = document.getElementById('imagePreview');
@@ -587,10 +586,6 @@
                 imageDropZone.classList.remove('has-image');
                 promptInput.value = DEFAULT_PROMPT_TEXT;
                 isProcessing = false;
-                if(currentJob) {
-                    currentJob.cancel();
-                    currentJob = null;
-                }
                 generateButton.disabled = false;
                 durationSlider.value = DEFAULT_VIDEO_DURATION;
                 durationValueDisplay.textContent = `${parseFloat(DEFAULT_VIDEO_DURATION).toFixed(1)} ثانیه`;
@@ -721,68 +716,59 @@
 
                 lastAttemptedVideoPayload = { persianPrompt, imageSourceFile: imageFile, duration };
                 
-                let globalTimeout;
-
                 try {
                     const englishPrompt = await translatePersianToEnglish(persianPrompt);
                     addStatusMessage(`ترجمه: ${englishPrompt}`, 'info');
                     
                     const client = await Client.connect(VIDEO_SPACE_NAME);
-                    currentJob = client.submit(0, [
+                    const job = client.submit(0, [
                         imageFile, englishPrompt, 6, DEFAULT_NEGATIVE_PROMPT,
                         duration, 1, 1, 0, true
                     ]);
                     
-                    const videoGenerationPromise = (async () => {
+                    const videoGenerationPromise = new Promise(async (resolve, reject) => {
                         let hasStartedProcessing = false;
-                        let queueTimeout;
+                        const startTime = Date.now();
+                        
+                        while (true) {
+                            const status = await job.status();
 
-                        queueTimeout = setTimeout(() => {
-                            if (!hasStartedProcessing) {
-                                currentJob?.cancel();
-                                throw new Error("Server is busy or no GPU available (Queue Timeout). لطفا مجددا تلاش کنید.");
+                            if (status.stage === "error") {
+                                return reject(new Error(status.message || "خطای نامشخص در سرور"));
                             }
-                        }, QUEUE_TIMEOUT);
-                        
-                        let finalResult = null;
-                        for await (const status of currentJob) {
-                            if (status.type === "status") {
-                                if (status.stage === "pending" || status.stage === "queued") {
-                                    setAiLoaderText(`در صف پردازش... (نفر ${status.queue_position || '?'})`);
-                                } else if (status.stage === "generating" || status.stage === "iterating") {
-                                    if (!hasStartedProcessing) {
-                                        hasStartedProcessing = true;
-                                        clearTimeout(queueTimeout);
-                                    }
-                                    setAiLoaderText("در حال ساخت فریم‌های ویدیو...");
-                                } else if (status.stage === "error") {
-                                    throw new Error(status.message || "خطای نامشخص در سرور");
-                                }
-                            } else if (status.type === "data") {
-                                finalResult = status;
+                            
+                            if (status.stage === "completed") {
+                                return resolve(status);
+                            }
+                            
+                            if (status.stage === "pending" || status.stage === "queued") {
+                                setAiLoaderText(`در صف پردازش... (نفر ${status.queue_position || '?'})`);
+                            } else if (status.stage === "generating" || status.stage === "iterating") {
+                                if (!hasStartedProcessing) hasStartedProcessing = true;
+                                setAiLoaderText("در حال ساخت فریم‌های ویدیو...");
                             }
-                        }
-                        
-                        clearTimeout(queueTimeout);
-                        return finalResult;
-                    })();
 
-                    globalTimeout = setTimeout(() => {
-                        currentJob?.cancel();
-                    }, GLOBAL_TIMEOUT);
+                            if (!hasStartedProcessing && Date.now() - startTime > QUEUE_TIMEOUT) {
+                                return reject(new Error("Server is busy. لطفا مجددا تلاش کنید. (Queue Timeout)"));
+                            }
+                            
+                            if (Date.now() - startTime > GLOBAL_TIMEOUT) {
+                                return reject(new Error('پردازش بیش از حد طولانی شد. (Global Timeout)'));
+                            }
+                            
+                            await new Promise(r => setTimeout(r, 2000)); // 2 ثانیه صبر
+                        }
+                    });
 
                     const result = await videoGenerationPromise;
-                    clearTimeout(globalTimeout);
-
+                    
                     await handleSuccessfulVideoGeneration(result);
 
                 } catch (errorCaught) {
-                    clearTimeout(globalTimeout);
                     const isTranslationErr = errorCaught.message.toLowerCase().includes("مترجم");
                     showCriticalError(`خطا: ${errorCaught.message}`, isTranslationErr);
                 } finally {
                     isProcessing = false;
-                    currentJob = null;
                     if (!document.getElementById('upgrade-button').style.display || document.getElementById('upgrade-button').style.display === 'none') {
                         generateButton.disabled = false;
                     }