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="reversed")
+    fig.update_yaxes(autorange=True)
 
     # Add vertical shading for multi-voice intervals.
     # Note: add_vrect does not support hover tooltips in Plotly — this is a
@@ -617,8 +617,7 @@ def build_fig_bar(df2, speakerNames, catColors, speaker_color_map, get_display_n
     disp_dark_map  = {d: _darken_hex(c) for d, c in disp_color_map.items()}
 
     fig = go.Figure()
-    # Iterate in reverse so SPEAKER_001 is added last → appears at bottom
-    for _, row in df2.iloc[::-1].iterrows():
+    for _, row in df2.iterrows():
         col = disp_color_map.get(row["display"], "#aaaaaa")
         fig.add_trace(go.Bar(
             x=[row["sv_secs"]], y=[row["display"]], orientation="h",
@@ -626,7 +625,7 @@ def build_fig_bar(df2, speakerNames, catColors, speaker_color_map, get_display_n
             customdata=[[row["display"], row["time_label"], row["mv_time_label"]]],
             hovertemplate="<b>%{customdata[0]}</b><br>Total: %{customdata[1]}<br>Multi Voice: %{customdata[2]}<extra></extra>",
         ))
-    for _, row in df2.iloc[::-1].iterrows():
+    for _, row in df2.iterrows():
         if row["mv_secs"] <= 0:
             continue
         dark = disp_dark_map.get(row["display"], "#555555")