Add generating spinner

app.py

@@ -1,14 +1,10 @@
 import gradio as gr
 import requests
 import json
-import os  # For reading the secret token
+import os
 
-# ---------------------------
 # Hugging Face API Settings
-# ---------------------------
 HF_API_URL = "https://router.huggingface.co/v1/chat/completions"
-
-# Read the token from environment variable HF_TOKEN (set in Space secrets)
 HF_API_TOKEN = os.environ.get("HF_TOKEN")
 if HF_API_TOKEN is None:
     raise ValueError("HF_TOKEN not found! Please add it as a secret in your Hugging Face Space.")
@@ -18,9 +14,7 @@ headers = {
     "Content-Type": "application/json"
 }
 
-# ---------------------------
 # Function to generate analogy
-# ---------------------------
 def generate_analogy(topic, theme):
     prompt = (
         f"Explain the topic '{topic}' using an analogy themed around '{theme}'. "
@@ -41,28 +35,27 @@ def generate_analogy(topic, theme):
     except Exception:
         return "Error: Could not generate analogy."
 
-# ---------------------------
-# Gradio UI
-# ---------------------------
+# Theme options
 themes = ["Love Island", "One Piece", "Spiderman", "Premier League"]
 
+# Gradio Blocks UI
 with gr.Blocks() as demo:
     gr.Markdown("## Simple Analogy App")
     gr.Markdown("Turn any topic into a themed analogy using DeepSeek AI!")
-    
+
     with gr.Row():
         topic_input = gr.Textbox(label="Enter any topic", placeholder="e.g. Quantum Physics")
         theme_input = gr.Dropdown(choices=themes, label="Choose a Theme")
-    
+
     generate_button = gr.Button("Generate Analogy")
-    output = gr.Markdown(label="Generated Analogy")  # Rendered Markdown
+    output = gr.Markdown(label="Generated Analogy")
 
-    # Connect button to function with visible loading
+    # Connect button click to function with loading spinner
     generate_button.click(
         fn=generate_analogy,
         inputs=[topic_input, theme_input],
         outputs=output,
-        show_progress=True  # ensures spinner is visible
+        show_progress=True  # <-- This shows the spinner while generating
     )
 
 demo.launch()