Update spoken_module.py

spoken_module.py

@@ -84,12 +84,6 @@ def spoken_dashboard(nickname_input):
             goal_dropdown = gr.Dropdown(label="🎯 Goal", choices=["Interview preparation", "Public speaking", "Class presentation", "General improvement"], value="General improvement")
             focus_checkboxes = gr.CheckboxGroup(label="🧠 Focus Areas", choices=["Clarity", "Structure", "Fluency", "Tone", "Content Relevance"], value=["Clarity", "Structure", "Fluency", "Tone", "Content Relevance"])
 
-        trend_category_dropdown = gr.Dropdown(
-            label="📈 Track Progress In",
-            choices=["Clarity", "Structure", "Fluency", "Tone", "Content Relevance"],
-            value="Tone"
-        )
-
         with gr.Row():
             audio_input = gr.Audio(type="filepath", label="🎙 Speak or Upload Audio")
             audio_output = gr.Audio(label="🔊 Chatter's Response", type="filepath")
@@ -106,30 +100,16 @@ def spoken_dashboard(nickname_input):
         history_table = gr.Dataframe(headers=["🕒 Timestamp", "🌐 Language", "📄 Transcript", "💬 Feedback"])
 
         with gr.Row():
-            score_chart = gr.Plot(label="📊 Score Comparison")
-
-        trend_category_dropdown = gr.Dropdown(
-            label="📈 Track Progress In",
-            choices=["Clarity", "Structure", "Fluency", "Tone", "Content Relevance"],
-            value="Tone"
-        )
-
-        trend_chart = gr.Plot(label="📈 Progress Over Time")
-
-        def update_trend_chart(trend_category, nickname):
-            if hasattr(nickname, "value"):
-                nickname = nickname.value
-            sessions = fetch_user_sessions(nickname)
-            dates, trend_scores = build_trend_data(sessions, trend_category)
-            if trend_scores:
-                return render_trend_chart(dates, trend_scores, trend_category)
-            return render_empty_chart(f"📈 {trend_category} Progress")
-
-        trend_category_dropdown.change(
-            fn=update_trend_chart,
-            inputs=[trend_category_dropdown, nickname_input],
-            outputs=[trend_chart]
-        )
+            with gr.Column(scale=1):
+                gr.Markdown("### 📊 Score Comparison")
+                score_chart = gr.Plot()
+            with gr.Column(scale=1):
+                trend_category_dropdown = gr.Dropdown(
+                    label="📈 Track Progress In",
+                    choices=["Clarity", "Structure", "Fluency", "Tone", "Content Relevance"],
+                    value="Tone"
+                )
+                trend_chart = gr.Plot(label="Progress Over Time")
 
         milestone_box = gr.Markdown(visible=False)
 
@@ -187,4 +167,19 @@ def spoken_dashboard(nickname_input):
                            inputs=[hidden_transcript, language_dropdown],
                            outputs=example_box)
 
+        def update_trend_chart(trend_category, nickname):
+            if hasattr(nickname, "value"):
+                nickname = nickname.value
+            sessions = fetch_user_sessions(nickname)
+            dates, trend_scores = build_trend_data(sessions, trend_category)
+            if trend_scores:
+                return render_trend_chart(dates, trend_scores, trend_category)
+            return render_empty_chart(f"📈 {trend_category} Progress")
+
+        trend_category_dropdown.change(
+            fn=update_trend_chart,
+            inputs=[trend_category_dropdown, nickname_input],
+            outputs=[trend_chart]
+        )
+
     return spoken_panel