Update app.py

app.py

@@ -246,18 +246,49 @@ def coach_all_in_one(
 # -------------------------------
 # UI (Gradio)
 # -------------------------------
-with gr.Blocks(title="Beginner Gym Coach — Multi-Agent",
-               css="#motivation{background:#fff6e5;border-left:6px solid #ffa84b;padding:10px 14px;border-radius:8px;font-size:16px;}") as demo:
+with gr.Blocks(
+    title="Beginner Gym Coach — Multi-Agent",
+    css="""
+      .motivation{
+        background:#fff6e5;
+        border-left:6px solid #ffa84b;
+        padding:10px 14px;
+        border-radius:8px;
+        font-size:16px;
+      }
+    """
+) as demo:
     gr.Markdown("## 🏋️ Beginner Gym Coach — Multi-Agent\nGive me your basics and I’ll coach you.")
 
     banner = gr.Markdown("", elem_id="motivation")
     idx = gr.State(0)
 
-    # show something immediately
-    demo.load(lambda: ("Let’s begin strong! 🚀", 1), outputs=[banner, idx])
-    # update every 10 seconds
-    demo.load(rotate_msg, inputs=idx, outputs=[banner, idx], every=10)
 
+banner = gr.HTML(
+    """
+    <div id="motivation" class="motivation">Let’s begin strong! 🚀</div>
+    <script>
+      const MOTIVATION = [
+        "You’re doing great—one step at a time! 💪",
+        "Small habits, big results. Keep going. 🔁",
+        "Hydrate and move—your future self thanks you. 💧",
+        "Form first, weight second. You’ve got this. 🧠",
+        "Consistency beats intensity. Show up today. ✅",
+      ];
+      let i = 0;
+      function tick() {
+        const el = document.getElementById("motivation");
+        if (!el) return;
+        el.textContent = MOTIVATION[i % MOTIVATION.length];
+        i++;
+      }
+      tick();                       // first line immediately
+      setInterval(tick, 10000);     // then every 10s
+    </script>
+    """
+)
+
+    
     # ... your Tabs ...