update app [ncii blocks]

app.py

@@ -924,7 +924,9 @@ function init() {
 
     window.__clickGradioRunBtn = function() {
         if (!validateBeforeRun()) return;
-        syncPromptToGradio(); syncImagesToGradio(); showLoader();
+        syncPromptToGradio(); syncImagesToGradio(); 
+        if (window.__showLoader) window.__showLoader();
+        window.__isProcessing = true;
         setTimeout(() => {
             const gradioBtn = document.getElementById('gradio-run-btn');
             if (!gradioBtn) return;
@@ -966,8 +968,8 @@ function watchOutputs() {
 
     function syncImage() {
         const resultImg = resultContainer.querySelector('img');
-        const loader = document.getElementById('output-loader');
-        if (resultImg && resultImg.src) {
+        // Only hide loader and show image if a valid new image is fully present
+        if (resultImg && resultImg.src && resultImg.src !== window.location.href) {
             if (outPh) outPh.style.display = 'none';
             let existing = outBody.querySelector('img.modern-out-img');
             if (!existing) {
@@ -980,14 +982,6 @@ function watchOutputs() {
                 if (dlBtn) dlBtn.classList.add('visible');
                 if (window.__hideLoader) window.__hideLoader();
             }
-        } else {
-            if (loader && loader.classList.contains('active')) {
-                if (window.__hideLoader) window.__hideLoader();
-                const existing = outBody.querySelector('img.modern-out-img');
-                if (existing) existing.remove();
-                if (dlBtn) dlBtn.classList.remove('visible');
-                if (outPh) outPh.style.display = '';
-            }
         }
     }
     const observer = new MutationObserver(syncImage);
@@ -1270,8 +1264,27 @@ with gr.Blocks() as demo:
             const imgsJson = JSON.stringify(b64Array);
             const promptEl = document.getElementById('custom-prompt-input');
             const promptVal = promptEl ? promptEl.value : p;
+            window.__isProcessing = true;
             return [imgsJson, promptVal, s, rs, gs, st];
         }""",
+    ).then(
+        fn=None,
+        js=r"""() => {
+            window.__isProcessing = false;
+            const resultContainer = document.getElementById('gradio-result');
+            const resultImg = resultContainer ? resultContainer.querySelector('img') : null;
+            // If the process finishes and no image is present (e.g., NCII blocked), safely hide loader
+            if (!resultImg || !resultImg.src) {
+                if (window.__hideLoader) window.__hideLoader();
+                const outBody = document.getElementById('output-image-container');
+                const existing = outBody ? outBody.querySelector('img.modern-out-img') : null;
+                if (existing) existing.remove();
+                const dlBtn = document.getElementById('dl-btn-output');
+                if (dlBtn) dlBtn.classList.remove('visible');
+                const outPh = document.getElementById('output-placeholder');
+                if (outPh) outPh.style.display = '';
+            }
+        }"""
     )
 
     example_load_btn.click(