Position of the Output area

app.py

@@ -140,12 +140,16 @@ def analyze_chat(file_bytes):
 # -------------------------------
 # Gradio App Launch
 # -------------------------------
-iface = gr.Interface(
-    fn=analyze_chat,
-    inputs=gr.File(label="Upload Chat CSV/JSON", file_types=['.csv', '.json'], type='binary'),
-    outputs=[gr.Textbox(label="Metrics"), gr.Plot(label="Risk Graph")],
-    title="Sex Chat Detection",
-    description="Upload a chat file (CSV or JSON) to detect sex chat, compute metrics, and visualize the user-word graph."
-)
+with gr.Blocks(title="Sex Chat Detection") as iface:
+    with gr.Row():
+        with gr.Column(scale=1):
+            file_input = gr.File(label="Upload Chat CSV/JSON", file_types=['.csv', '.json'], type='binary')
+            metrics_output = gr.Textbox(label="Metrics", lines=15)
+        with gr.Column(scale=1):
+            graph_output = gr.Plot(label="Risk Graph")
+
+    # Connect inputs and outputs
+    file_input.change(fn=analyze_chat, inputs=file_input, outputs=[metrics_output, graph_output])
 
 iface.launch()
+