Update app.py

app.py

@@ -139,7 +139,9 @@ html, .gradio-container, .dark, .dark * {
   justify-content: center;
   font-weight: bold;
   margin: 12px 0;
-  position: fixed; z-index: 9999
+  position: fixed;
+  z-index: 9999;
+  
 }
 .block.svelte-11xb1hd {
   background: #efd1bf !important;
@@ -175,7 +177,7 @@ body.gradio-running #custom-loader { display: flex; }
   border-radius: 50%;
   margin-left: 8px;
 }
-.nobackground, .nobackground div, .nobackground.parent.parent {
+.nobackground, .nobackground div, .nobackground.parent.parent.parent {
   background-color: transparent !important;
 }
 """
@@ -225,14 +227,15 @@ with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("maki
             <script>
             window.addEventListener('load', () => {
               const loaderEl = document.getElementById('custom-loader');
-              const mo = new MutationObserver(() => {
+              const mo = new MutationObserver((mutations) => {
                 const svg = document.querySelector('svg.svelte-zyxd38');
                 if (!svg || !loaderEl) return;
-                // loader を svg の直下に append する
+                // loader が SVG 内にない場合は再アタッチ
                 if (!svg.contains(loaderEl)) {
                   svg.appendChild(loaderEl);
                 }
               });
+              // childList: 子の追加/削除、subtree: 再描画で中身クリア→追加されるのを検知
               mo.observe(document.body, { childList: true, subtree: true });
             });
             </script>
@@ -255,13 +258,7 @@ with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("maki
         fn=infer,
         inputs=[prompt, neg, seed_sl, rand, width, height, cfg, steps, scheduler_type],
         outputs=[img_out]
-    )
-
-    def add_to_history(img):
-        history.insert(0, img)
-        return history
-
-    run.click(
+    ).then(
         fn=add_to_history,
         inputs=[img_out],
         outputs=[history_gallery]