Update utils.py

utils.py

@@ -536,7 +536,7 @@ def build_fig_timeline(speakers_dataFrame, currTotalTime, speaker_color_map, get
         title="Timeline of audio with speakers",
         color_discrete_map=speaker_color_map,
     )
-    fig.update_yaxes(autorange=True)
+    fig.update_yaxes(autorange="reversed")
 
     # Add vertical shading for multi-voice intervals.
     # Note: add_vrect does not support hover tooltips in Plotly — this is a
@@ -616,6 +616,10 @@ def build_fig_bar(df2, speakerNames, catColors, speaker_color_map, get_display_n
                       for sp in df2["names"]}
     disp_dark_map  = {d: _darken_hex(c) for d, c in disp_color_map.items()}
 
+    # Sort descending so highest speaker is added first → top of chart,
+    # SPEAKER_001 added last → bottom, matching Timeline order.
+    df2 = df2.sort_values("names", ascending=False).reset_index(drop=True)
+
     fig = go.Figure()
     for _, row in df2.iterrows():
         col = disp_color_map.get(row["display"], "#aaaaaa")