Update templates/index.html

templates/index.html

@@ -448,7 +448,6 @@
 
             function showCriticalError(message, isGpuQuotaError = false) {
                 const lowerCaseMessage = (message || "").toLowerCase();
-                // اگر خطای مشخص GPU quota بود یا هر خطای دیگری که شامل کلمات کلیدی GPU باشد
                 if (isGpuQuotaError || lowerCaseMessage.includes("gpu") || lowerCaseMessage.includes("quota") || lowerCaseMessage.includes("capacity")) {
                     const detailedGpuErrorHtml = `<div class="gpu-error-message-container"><h2><span class="icon">💡</span> راهنمای رفع محدودیت ویدیو</h2><div class="error-content"><strong class="error-message-title">ارور محدودیت استفاده از GPU (کارت گرافیک)</strong><p>این خطا به دلیل محدودیت‌های موقتی در سرویس‌دهنده ایجاد می‌شود. خبر خوب این است که این محدودیت‌ها معمولاً با یک ترفند ساده قابل رفع هستند.</p><p><strong>برای رفع محدودیت، مراحل زیر را دقیقاً انجام دهید:</strong></p><ul><li>اگر از اینترنت سیم‌کارت استفاده می‌کنید، فیلترشکن خود را حتما خاموش کنید.</li><li><strong>به مدت ۱۰ تا ۱۵ ثانیه، گوشی خود را در حالت هواپیما قرار دهید و سپس آن را غیرفعال کنید.</strong> این کار IP شما را تغییر داده و محدودیت را برطرف می‌کند.</li><li>اگر از وای فای استفاده می‌کنید، مودم خود را یک بار خاموش و روشن کنید. (توصیه می‌شود برای استفاده نامحدود از اینترنت سیم کارت استفاده کنید).</li></ul><p>خلاصه: هر بار با این خطا مواجه شدید، از اینترنت سیم‌کارت بدون فیلترشکن استفاده کرده و یک یا دو بار حالت هواپیما را روشن و خاموش کنید. سپس دکمه "تلاش مجدد" را بزنید. با این روش می‌توانید به صورت نامحدود ویدیو بسازید. ☘️</p></div><div class="gpu-error-actions"><button class="action-button back-button" id="gpuErrorGoBackBtn">بازگشت</button><button class="action-button retry-button" id="gpuErrorRetryBtn">تلاش مجدد</button></div></div>`;
                     criticalErrorSection.innerHTML = detailedGpuErrorHtml;
@@ -506,7 +505,7 @@
 
             function initializeForm() {
                 if (videoGenerationJob) {
-                    videoGenerationJob.cancel(); // لغو جاب در حال اجرا اگر وجود دارد
+                    videoGenerationJob.cancel(); 
                     videoGenerationJob = null;
                 }
                 hideCriticalError();
@@ -669,54 +668,54 @@
                         0, // seed (0 = random)
                         true // randomize_seed
                     ]);
-
-                    videoGenerationJob.on("status", (status) => {
-                        console.log(status); // برای دیباگ کردن وضعیت‌ها
-                        switch (status.stage) {
-                            case "pending":
+                    
+                    // --- START: NEW CORRECT WAY TO HANDLE STATUS ---
+                    for await (const status of videoGenerationJob) {
+                        console.log(status); // For debugging
+                        switch (status.type) {
+                            case "estimation":
                                 setAiLoaderText(`در صف قرار گرفتید... (نفر ${status.queue_position} از ${status.queue_size})`);
-                                addStatusMessage(`در صف انتظار... زمان تخمینی: ${Math.round(status.eta)} ثانیه`);
+                                addStatusMessage(`در صف انتظار... زمان تخمینی: ${Math.round(status.rank_eta)} ثانیه`);
                                 setProgressBar(2);
                                 break;
-                            case "running":
+                            case "progress":
                                 if (status.progress_data && status.progress_data.length > 0) {
                                     const progressItem = status.progress_data[0];
                                     let percentage = 0;
                                     let progressText = "در حال پردازش...";
 
                                     if (progressItem.desc === "ZeroGPU init") {
-                                        // فاز اول: آماده‌سازی (تخمین: 20% کل فرآیند)
+                                        // Phase 1: Preparation (estimated 20% of total process)
                                         percentage = (progressItem.index / progressItem.length) * 20;
                                         progressText = `آماده‌سازی: ${Math.round(percentage)}%`;
                                     } else if (progressItem.unit === "steps" && progressItem.desc === null) {
-                                        // فاز دوم: ساخت ویدیو (تخمین: 80% کل فرآیند)
+                                        // Phase 2: Video Generation (estimated 80% of total process)
                                         percentage = 20 + (progressItem.index / progressItem.length) * 80;
                                         progressText = `ساخت ویدیو: ${Math.round(percentage)}%`;
                                     }
                                     setProgressBar(percentage);
                                     setAiLoaderText(progressText);
-                                } else {
-                                     setAiLoaderText("در حال پردازش ویدیو...");
                                 }
                                 break;
-                            case "complete":
+                            case "process_starts":
+                                addStatusMessage('پردازش شروع شد...');
+                                setAiLoaderText("در حال پردازش ویدیو...");
+                                break;
+                            case "process_completed":
                                 if (status.success) {
                                     setProgressBar(100);
                                     setAiLoaderText("پردازش کامل شد!");
-                                    handleSuccessfulVideoGeneration(status.output);
+                                    await handleSuccessfulVideoGeneration(status.output);
                                 } else {
                                     const errorMessage = status.output?.error || "یک خطای نامشخص رخ داد.";
                                     const isGpuQuotaError = /exceeded your gpu quota/i.test(errorMessage);
                                     showCriticalError(errorMessage, isGpuQuotaError);
                                 }
-                                videoGenerationJob = null; // پاک کردن جاب بعد از اتمام
-                                break;
-                             case "error":
-                                showCriticalError(status.message || "ارتباط با سرور برقرار نشد.");
-                                videoGenerationJob = null;
-                                break;
+                                videoGenerationJob = null; // Clear the job after completion
+                                return; // Exit the loop
                         }
-                    });
+                    }
+                    // --- END: NEW CORRECT WAY TO HANDLE STATUS ---
 
                 } catch (errorCaught) {
                     showCriticalError(`خطای اولیه: ${errorCaught.message}`);