Update app.py

app.py

@@ -41,23 +41,26 @@ def analyze_video(video_path, max_speakers, progress=gr.Progress()):
     for speaker_id, speaker_charts in charts.items():
         speaker_explanations = explanations[speaker_id]
 
-        speaker_content = gr.Column([
-            gr.Plot(value=speaker_charts.get("attachment", None), visible=True),
-            gr.Textbox(value=speaker_explanations.get("attachment", ""), label="Attachment Styles Explanation", visible=True),
-            gr.Plot(value=speaker_charts.get("dimensions", None), visible=True),
-            gr.Plot(value=speaker_charts.get("bigfive", None), visible=True),
-            gr.Textbox(value=speaker_explanations.get("bigfive", ""), label="Big Five Traits Explanation", visible=True),
-            gr.Plot(value=speaker_charts.get("personality", None), visible=True),
-            gr.Textbox(value=speaker_explanations.get("personality", ""), label="Personality Disorders Explanation", visible=True),
-        ])
-
-        tabs.append(gr.TabItem(label=speaker_id, content=speaker_content))
+        speaker_tab = gr.TabItem(label=speaker_id)
+        with speaker_tab:
+            gr.Markdown(f"### {speaker_id}", visible=True)
+            gr.Plot(value=speaker_charts.get("attachment", None), visible=True)
+            gr.Textbox(value=speaker_explanations.get("attachment", ""), label="Attachment Styles Explanation", visible=True)
+            gr.Plot(value=speaker_charts.get("dimensions", None), visible=True)
+            gr.Plot(value=speaker_charts.get("bigfive", None), visible=True)
+            gr.Textbox(value=speaker_explanations.get("bigfive", ""), label="Big Five Traits Explanation", visible=True)
+            gr.Plot(value=speaker_charts.get("personality", None), visible=True)
+            gr.Textbox(value=speaker_explanations.get("personality", ""), label="Personality Disorders Explanation", visible=True)
+
+        tabs.append(speaker_tab)
+
+    tabs_component = gr.Tabs(tabs)
 
     # Add the transcript and execution time
     transcript_box = gr.Textbox(value=transcription, label="Transcript", lines=10, visible=True)
     execution_time_box = gr.Textbox(value=f"Completed in {int(execution_time)} seconds.", label="Execution Information", visible=True)
 
-    return gr.Tabs(tabs), transcript_box, execution_time_box
+    return tabs_component, transcript_box, execution_time_box
 
 # Define the Gradio interface
 with gr.Blocks() as iface:
@@ -69,15 +72,15 @@ with gr.Blocks() as iface:
 
     analyze_button = gr.Button("Analyze")
 
+    execution_info_box = gr.Textbox(label="Execution Information", value="Waiting for analysis...", lines=2)
+
     # Create placeholders for output components
-    with gr.Row():
-        execution_info_box = gr.Textbox(label="Execution Information", value="Waiting for analysis...", lines=2)
-        analyze_button.click(
-            fn=analyze_video,
-            inputs=[video_input, max_speakers],
-            outputs=[gr.Tabs(), gr.Textbox(label="Transcript", lines=10), execution_info_box],
-            show_progress=True
-        )
+    analyze_button.click(
+        fn=analyze_video,
+        inputs=[video_input, max_speakers],
+        outputs=[gr.Tabs(), gr.Textbox(label="Transcript", lines=10), execution_info_box],
+        show_progress=True
+    )
 
 # Launch the app
 if __name__ == "__main__":