Update app.py

app.py

@@ -83,12 +83,26 @@ with gr.Blocks() as demo:
 
     submit = gr.Button("Generate Design")
     output = gr.Markdown(label="Output")
-    status = gr.Markdown("", visible=False)
+    with gr.Row():
+        with gr.Column():
+            spinner = gr.HTML("""
+            <div id="loading" style="display: none; text-align: center;">
+                <svg width="40" height="40" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+                    <circle cx="50" cy="50" fill="none" stroke="#4fa94d" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
+                        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
+                    </circle>
+                </svg>
+                <p>Generating...</p>
+            </div>
+            """)
 
     def wrapper(*args):
-        status.update(value="⏳ Generating...", visible=True)
+        from IPython.display import Javascript
+        print("Showing spinner...")
+        spinner.update(value='<script>document.getElementById("loading").style.display = "block";</script>')
         result = generate_software_spec(*args)
-        status.update(value="", visible=False)
+        print("Hiding spinner...")
+        spinner.update(value='<script>document.getElementById("loading").style.display = "none";</script>')
         output.update(value=result)
 
     submit.click(fn=wrapper,