Update app.py

app.py

@@ -2,7 +2,6 @@ import gradio as gr
 from transformers import pipeline
 from datetime import datetime
 import random
-import os
 
 # -------------------------------------------------
 # 🎯 MODEL INITIALIZATION
@@ -43,7 +42,6 @@ def analyze_emotion(audio, team, purpose):
     label, emoji, color = EMOTION_MAP.get(top["label"], (top["label"], "🎭", "#607d8b"))
     score = round(top["score"] * 100, 2)
 
-    # Dashboard HTML
     dashboard_html = f"""
     <div style="text-align:center; padding:15px;">
         <h2>🏢 <b>{team}</b> | 🎯 <b>{purpose}</b></h2>
@@ -79,15 +77,14 @@ def analyze_emotion(audio, team, purpose):
         <p style="font-size:13px; color:#777;">(Demo mode — not stored to any database)</p>
     </div>
     """
-
     return dashboard_html, insight_html
 
 
 # -------------------------------------------------
-# 🎨 GRADIO INTERFACE
+# 🎨 GRADIO UI ELEMENTS
 # -------------------------------------------------
-DEPARTMENTS = ["Test","Procurement", "Logistics", "Planning", "Inventory", "Distribution", "HR", "Other"]
-PURPOSES = ["Test","HR Meeting", "Team Stand-up", "One-on-One", "Customer Call", "Interview", "Other"]
+DEPARTMENTS = ["Procurement", "Logistics", "Planning", "Inventory", "Distribution", "HR", "Other"]
+PURPOSES = ["HR Meeting", "Team Stand-up", "One-on-One", "Customer Call", "Interview", "Other"]
 
 disclaimer_html = """
 <div style="display:flex; align-items:center; background:linear-gradient(135deg, #fff8e1, #fff3cd);
@@ -110,21 +107,21 @@ disclaimer_html = """
 """
 
 # -------------------------------------------------
-# 🚀 APP UI WITH LOADING INDICATOR
+# 🚀 APP INTERFACE WITH INLINE LOADING
 # -------------------------------------------------
 with gr.Blocks(theme=gr.themes.Soft()) as app:
     gr.HTML("""
     <div style="text-align:center; padding:20px;">
         <h1>🎧 SCM Emotion Intelligence Dashboard</h1>
         <p style="font-size:16px; color:#555;">
-            Analyze live or uploaded audio from meetings to understand emotional tone within teams.<br>
-            Built for HR & Managers to assess engagement and team well-being.
+            Analyze uploaded or recorded team meeting audio to understand the emotional tone of employees.<br>
+            Built for HR and Managers to assess engagement and team well-being.
         </p>
     </div>
     """)
 
-    with gr.Row():
-        with gr.Column(scale=1, min_width=350):
+    with gr.Row(equal_height=True):
+        with gr.Column(scale=1, min_width=380):
             audio_input = gr.Audio(
                 sources=["microphone", "upload"],
                 type="filepath",
@@ -134,36 +131,33 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             purpose_input = gr.Dropdown(PURPOSES, label="🎯 Purpose of Audio")
             analyze_btn = gr.Button("🚀 Analyze Emotion", variant="primary")
 
-            # 🔄 Loading animation message
-            loading_msg = gr.HTML(
-                "<div style='text-align:center; color:#999; font-size:15px;'>Waiting for input...</div>"
-            )
-
             gr.HTML(disclaimer_html)
 
-        with gr.Column(scale=2, min_width=500):
-            output_html = gr.HTML()
+        with gr.Column(scale=2, min_width=550):
+            output_html = gr.HTML("""
+                <div style='text-align:center; padding:30px; color:#999;'>
+                    <p>Awaiting input... Upload or record to begin analysis.</p>
+                </div>
+            """)
             insight_html = gr.HTML()
 
-    # When Analyze button clicked
-    def process_with_loading(audio, team, purpose):
-        loading_html = """
-        <div style='text-align:center; padding:30px;'>
-            <h3>⏳ Analyzing your audio...</h3>
-            <p style='color:#666;'>This may take a few seconds depending on file size.</p>
+    # Inline loader — replaces dashboard temporarily
+    def process_with_loader(audio, team, purpose):
+        loader_html = """
+        <div style='text-align:center; padding:60px;'>
             <div style='margin:auto; border:6px solid #eee; border-top:6px solid #4a90e2;
-                        border-radius:50%; width:40px; height:40px; animation:spin 1s linear infinite;'></div>
+                        border-radius:50%; width:50px; height:50px; animation:spin 1s linear infinite;'></div>
+            <h3 style='color:#333; margin-top:20px;'>⏳ Analyzing your audio...</h3>
+            <p style='color:#777;'>This may take a few seconds depending on file size.</p>
             <style>@keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}</style>
         </div>
         """
-        # Show loading first
-        yield loading_html, None
-        # Then run the model
+        yield loader_html, None
         dashboard_html, insight_html = analyze_emotion(audio, team, purpose)
         yield dashboard_html, insight_html
 
     analyze_btn.click(
-        fn=process_with_loading,
+        fn=process_with_loader,
         inputs=[audio_input, team_input, purpose_input],
         outputs=[output_html, insight_html],
     )
@@ -171,9 +165,13 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
     gr.HTML("""
     <hr>
     <p style="text-align:center; color:#999; font-size:14px;">
-        💾 (Demo Mode) Database integration coming soon for Power BI visualization.
+        💾 (Demo Mode) Database integration coming soon for Power BI visualization.<br>
+        Presented by <b>Dhrubo Bhattacharjee</b>
     </p>
     """)
 
+# -------------------------------------------------
+# 🏁 LAUNCH APP
+# -------------------------------------------------
 if __name__ == "__main__":
     app.launch(server_name="0.0.0.0", server_port=7860)