Update templates/index.html

templates/index.html

@@ -505,7 +505,7 @@
 
             function initializeForm() {
                 if (videoGenerationJob) {
-                    videoGenerationJob.cancel(); 
+                    try { videoGenerationJob.cancel(); } catch(e) { console.warn("Could not cancel previous job:", e); }
                     videoGenerationJob = null;
                 }
                 hideCriticalError();
@@ -526,9 +526,11 @@
             }
 
             async function translatePersianToEnglish(persianText, { timeoutMs = TRANSLATION_TIMEOUT } = {}) {
-                if (!persianText?.trim()) throw new Error("متن ترجمه خالی است.");
+                if (!persianText?.trim()) {
+                    // اگر متن خالی باشد، یک پرامیس موفق با یک رشته خالی برمی‌گردانیم تا فرآیند متوقف نشود
+                    return Promise.resolve("");
+                }
 
-                if (aiLoader.style.display !== 'none') setAiLoaderText("در حال ترجمه دستور شما...");
                 const translator = await Client.connect(TRANSLATOR_SPACE_NAME);
 
                 const predictPromise = translator.predict(FN_INDEX_TRANSLATE_SPEAK, [
@@ -538,13 +540,13 @@
                 ]);
 
                 const timeoutPromise = new Promise((_, reject) =>
-                    setTimeout(() => reject(new Error("مهلت ترجمه به پایان رسید.")), timeoutMs)
+                    setTimeout(() => reject(new Error("Translation request timed out.")), timeoutMs)
                 );
 
                 const resp = await Promise.race([predictPromise, timeoutPromise]);
 
                 const english = resp?.data?.[0];
-                if (!english) throw new Error("ترجمه نامعتبر بود.");
+                if (typeof english !== 'string') throw new Error("Invalid translation response.");
                 return english;
             }
 
@@ -645,15 +647,27 @@
                 addStatusMessage('در حال آماده سازی...', 'info');
 
                 lastAttemptedVideoPayload = { persianPrompt, imageSourceFile: imageFile, duration };
-
-                let promptForVideo = persianPrompt;
+                
+                // --- START: ROBUST TRANSLATION BLOCK ---
+                let promptForVideo = persianPrompt; // Default to Persian
                 try {
+                    setAiLoaderText("در حال ترجمه دستور شما...");
                     const englishPrompt = await translatePersianToEnglish(persianPrompt);
-                    addStatusMessage(`ترجمه: ${englishPrompt}`, 'info');
-                    promptForVideo = englishPrompt;
+                    if(englishPrompt){
+                        addStatusMessage(`ترجمه: ${englishPrompt}`, 'info');
+                        promptForVideo = englishPrompt;
+                    } else {
+                         addStatusMessage('دستور ساخت خالی بود، از متن فارسی استفاده می‌شود.', 'info');
+                    }
                 } catch (e) {
+                    console.warn("Translation failed or timed out:", e.message);
                     addStatusMessage('ترجمه ناموفق بود. با متن فارسی ادامه می‌دهیم.', 'error');
+                    // promptForVideo is already set to persianPrompt, so we just continue.
                 }
+                // --- END: ROBUST TRANSLATION BLOCK ---
+
+                // **CRITICAL FIX**: Update UI to show progress AFTER translation attempt, regardless of outcome.
+                setAiLoaderText("اتصال به سرور ویدیو...");
 
                 try {
                     const client = await Client.connect(VIDEO_SPACE_NAME);
@@ -669,7 +683,6 @@
                         true // randomize_seed
                     ]);
                     
-                    // --- START: NEW CORRECT WAY TO HANDLE STATUS ---
                     for await (const status of videoGenerationJob) {
                         console.log(status); // For debugging
                         switch (status.type) {
@@ -685,11 +698,9 @@
                                     let progressText = "در حال پردازش...";
 
                                     if (progressItem.desc === "ZeroGPU init") {
-                                        // 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) {
-                                        // Phase 2: Video Generation (estimated 80% of total process)
                                         percentage = 20 + (progressItem.index / progressItem.length) * 80;
                                         progressText = `ساخت ویدیو: ${Math.round(percentage)}%`;
                                     }
@@ -712,10 +723,9 @@
                                     showCriticalError(errorMessage, isGpuQuotaError);
                                 }
                                 videoGenerationJob = null; // Clear the job after completion
-                                return; // Exit the loop
+                                return; 
                         }
                     }
-                    // --- END: NEW CORRECT WAY TO HANDLE STATUS ---
 
                 } catch (errorCaught) {
                     showCriticalError(`خطای اولیه: ${errorCaught.message}`);