Update app.py

app.py

@@ -266,8 +266,8 @@ async (image) => {
 }
 """
 
-# --- جاوااسکریپت سراسری (تزریق از طریق HTML برای جلوگیری از خطا) ---
-# این اسکریپت هم تم روشن را اجبار می‌کند و هم پیام خطای GPU را مدیریت می‌کند
+# --- جاوااسکریپت سراسری (شامل منطق جدید مدیریت خطا) ---
+# در اینجا منطق Regex برنامه قبلی برای محاسبه زمان باقی‌مانده و نمایش کارت زیبا ادغام شده است
 js_global_content = """
 <script>
 document.addEventListener('DOMContentLoaded', () => {
@@ -284,47 +284,49 @@ document.addEventListener('DOMContentLoaded', () => {
     forceLight();
     setInterval(forceLight, 1000);
 
-    // 2. GPU Quota Replacer
+    // 2. GPU Quota Replacer (Logic from MoDA Farsi)
     const observer = new MutationObserver((mutations) => {
         mutations.forEach((mutation) => {
             if (mutation.addedNodes.length) {
                 mutation.addedNodes.forEach((node) => {
-                    if (node.nodeType === 1) { 
-                        const textContent = node.innerText || "";
-                        if (textContent.includes("exceeded your GPU quota")) {
+                    // بررسی المان‌های خطا
+                    if (node.nodeType === 1 && (node.classList.contains('toast-body') || node.classList.contains('error') || node.closest('.toast-body'))) {
+                        const originalText = node.innerText;
+                        
+                        // الگوی پیدا کردن زمان درخواستی و زمان باقی‌مانده
+                        const regex = /(\d+)s requested vs. (\d+)s left/;
+                        const match = originalText.match(regex);
+                        
+                        // اگر خطا مربوط به Quota بود و قبلا ترجمه نشده بود
+                        if (match && !node.dataset.translated) {
+                            const requested = match[1];
+                            const left = match[2];
                             
-                            // Find the container
-                            let targetNode = node.classList.contains('toast-wrap') ? node : node.closest('.toast-wrap');
-                            if (!targetNode) {
-                                targetNode = node.classList.contains('toast-body') ? node : node.closest('.toast-body');
-                            }
-
-                            if (targetNode && !targetNode.dataset.fixed) {
-                                targetNode.innerHTML = `
-                                    <div style="font-family: 'Vazirmatn', sans-serif; direction: rtl; text-align: right; padding: 15px; background: white; border-radius: 12px; border: 2px solid #e74c3c; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
-                                        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 10px;">
-                                            <span style="font-size: 32px;">✈️</span>
-                                            <div>
-                                                <h3 style="margin: 0; color: #c0392b; font-size: 18px; font-weight: bold;">ظرفیت سرور تکمیل شد</h3>
-                                            </div>
-                                        </div>
-                                        <p style="margin: 0 0 12px 0; color: #555; font-size: 14px;">
-                                            سهمیه رایگان شما برای استفاده از سرور تمام شده است.
+                            // ساخت کارت HTML زیبا (مشابه برنامه اول اما با فونت برنامه دوم)
+                            const prettyHtml = `
+                                <div style="display: flex; align-items: center; gap: 15px; font-family: 'Vazirmatn', sans-serif; direction: rtl; padding: 10px;">
+                                    <div style="font-size: 2.5em; color: #dc3545;">⏳</div>
+                                    <div>
+                                        <h4 style="margin: 0; color: #5a6268; font-weight: bold;">ظرفیت سرور تکمیل است!</h4>
+                                        <p style="margin: 5px 0 0 0; color: #6c757d; font-size: 0.9em;">
+                                            سهمیه رایگان GPU شما برای پردازش یک تسک <b>${requested} ثانیه‌ای</b> کافی نیست.
                                         </p>
-                                        <div style="background-color: #e3f2fd; border: 1px solid #64b5f6; border-radius: 8px; padding: 10px;">
-                                            <p style="margin: 0; color: #1565c0; font-weight: bold; font-size: 13px;">💡 راه حل سریع:</p>
-                                            <p style="margin: 5px 0 0 0; font-size: 13px; color: #0d47a1;">
-                                                لطفا�� <b>حالت هواپیما (Airplane Mode)</b> گوشی خود را روشن و سپس خاموش کنید تا IP شما تغییر کند.
-                                            </p>
+                                        <div style="background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 5px; padding: 5px 8px; margin-top: 10px; font-size: 0.85em;">
+                                            اعتبار باقیمانده: <b>${left} ثانیه</b>
                                         </div>
-                                        <button onclick="this.closest('.toast-wrap').remove()" style="margin-top:10px; width:100%; border:none; background:#eee; padding:5px; border-radius:5px; cursor:pointer;">بستن</button>
                                     </div>
-                                `;
-                                targetNode.dataset.fixed = "true";
-                                targetNode.style.backgroundColor = "transparent";
-                                targetNode.style.border = "none";
-                                targetNode.style.boxShadow = "none";
-                                targetNode.style.padding = "0";
+                                </div>
+                            `;
+                            
+                            node.innerHTML = prettyHtml;
+                            node.dataset.translated = 'true'; 
+                            
+                            // استایل دادن به کادر والد برای حذف استایل‌های پیش‌فرض زشت
+                            let parent = node.closest('.toast-wrap') || node;
+                            if(parent) {
+                                parent.style.backgroundColor = "white";
+                                parent.style.border = "1px solid #ddd";
+                                parent.style.boxShadow = "0 2px 10px rgba(0,0,0,0.1)";
                             }
                         }
                     }
@@ -515,7 +517,7 @@ footer { display: none !important; }
 # ادغام CSS و JS
 combined_html = css_code + js_global_content
 
-# استفاده از gr.Blocks بدون پارامتر js (برای جلوگیری از خطا)
+# استفاده از gr.Blocks بدون پارامتر js
 with gr.Blocks() as demo:
     # تزریق کدها به عنوان HTML
     gr.HTML(combined_html)