Update app.py

app.py

@@ -265,7 +265,7 @@ async (image) => {
 }
 """
 
-# --- جاوااسکریپت سراسری (نسخه نهایی و ۱۰۰٪ تضمینی) ---
+# --- جاوااسکریپت سراسری (استراتژی حذف کامل برای رفع مشکل رفرش) ---
 js_global_content = """
 <script>
 document.addEventListener('DOMContentLoaded', () => {
@@ -282,31 +282,45 @@ document.addEventListener('DOMContentLoaded', () => {
     forceLight();
     setInterval(forceLight, 1000);
 
-    // 2. HELPER: Function to completely remove the toast
-    // This allows Gradio to create a new clean toast on next error
-    window.removeErrorToast = function(btn) {
-        // Find the closest wrapper
+    // 2. HELPER: Completely destroy the error element
+    // This is the key fix. By removing the element, Gradio is forced
+    // to render a completely new one next time, which our scanner will catch.
+    window.destroyErrorToast = function(btn) {
+        // Try to find the container
         const toast = btn.closest('.toast-wrap') || btn.closest('.toast-body') || btn.closest('.error');
+        
+        // Find the main run button and click it to retry
+        const runBtn = document.getElementById('run-btn');
+        if(runBtn) runBtn.click();
+
+        // Remove the error UI immediately
         if (toast) {
             toast.remove();
-            // Just to be safe, hide parent container if empty
-            if (toast.parentElement && toast.parentElement.classList.contains('toast-container')) {
-                 if(toast.parentElement.children.length <= 1) toast.parentElement.style.display = 'none';
-            }
         }
+        
+        // Aggressive cleanup: remove ANY other error toasts visible
+        document.querySelectorAll('.toast-body, .toast-wrap, .error').forEach(el => {
+            if(el.innerText.includes("قدم تا ساخت") || el.innerText.includes("quota")) {
+                el.remove();
+            }
+        });
+    };
+    
+    // Just remove toast (for Back button)
+    window.closeErrorToast = function(btn) {
+         const toast = btn.closest('.toast-wrap') || btn.closest('.toast-body') || btn.closest('.error');
+         if(toast) toast.remove();
     };
 
     // 3. LOGIC: Replace content logic
     const replaceErrorContent = (node) => {
-        // Safety check: if already has our custom class, do nothing
+        // Safety check: if already has our custom container, do nothing
         if (node.querySelector('.ip-reset-guide-container')) return;
 
         const text = node.innerText || "";
-        // Check for common error keywords related to quota
-        // 'quota', 'exceeded', 'gpu' are key triggers
-        if (text.toLowerCase().includes('quota') || text.toLowerCase().includes('exceeded')) {
+        // Check triggers
+        if (text.toLowerCase().includes('quota') || text.toLowerCase().includes('exceeded') || text.includes('requested vs')) {
             
-            // Generate the HTML card
             const prettyHtml = `
                 <div class="ip-reset-guide-container">
                     <div class="guide-header">
@@ -350,15 +364,11 @@ document.addEventListener('DOMContentLoaded', () => {
                     </div>
                     
                     <div class="guide-actions">
-                        <button class="action-button back-button" onclick="window.removeErrorToast(this)"> 
+                        <button class="action-button back-button" onclick="window.closeErrorToast(this)"> 
                             <svg class="action-button-icon" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M12 19l-7-7 7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> 
                             <span>بازگشت</span> 
                         </button>
-                        <button class="action-button retry-button" onclick="
-                            const runBtn = document.getElementById('run-btn');
-                            if(runBtn) runBtn.click();
-                            window.removeErrorToast(this);
-                        "> 
+                        <button class="action-button retry-button" onclick="window.destroyErrorToast(this)"> 
                             <svg class="action-button-icon" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 4v6h-6M1 20v-6h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> 
                             <span>تلاش مجدد</span> 
                         </button>
@@ -374,30 +384,24 @@ document.addEventListener('DOMContentLoaded', () => {
             node.style.border = 'none';
             node.style.backgroundColor = 'transparent';
             node.style.boxShadow = 'none';
-            
-            // If parent wrapper exists, clean it too
-            if (node.parentElement && node.parentElement.classList.contains('toast-wrap')) {
-                node.parentElement.style.border = 'none';
-                node.parentElement.style.boxShadow = 'none';
-                node.parentElement.style.background = 'transparent';
-            }
         }
     };
 
-    // 4. SCANNER: Check every 100ms for errors
-    // This is the "Nuclear" option that fixes your issue.
-    // It doesn't rely on observers missing events. It checks everything, all the time.
+    // 4. AGGRESSIVE SCANNER: Check frequently for errors
     setInterval(() => {
         // Find all potential error containers
         const potentialErrors = document.querySelectorAll('.toast-body, .error, .toast-wrap');
         
         potentialErrors.forEach(el => {
             // Only process if it has text and doesn't have our card yet
-            if (el.innerText && !el.querySelector('.ip-reset-guide-container')) {
-                replaceErrorContent(el);
+            // AND specifically checks for quota text
+            if (el.innerText && (el.innerText.includes('quota') || el.innerText.includes('exceeded'))) {
+                 if (!el.querySelector('.ip-reset-guide-container')) {
+                     replaceErrorContent(el);
+                 }
             }
         });
-    }, 100); 
+    }, 150); // Fast check
 });
 </script>
 """