Re-order and rename the tabs, and adjust the content

utils.py

@@ -253,9 +253,9 @@ def build_df5(oneVoice, multiVoice, sumNoVoice, sumOneVoice, sumMultiVoice, curr
 
 
 def build_df2(df4_names, df4_values, currTotalTime):
-    """Percentage-of-total DataFrame (used by the bar chart tab)."""
+    """Time-spoken DataFrame (raw seconds) used by the bar chart tab."""
     return pd.DataFrame({
-        "values": [100 * v / currTotalTime for v in df4_values],
+        "values": list(df4_values),
         "names":  df4_names,
     })
 
@@ -405,20 +405,34 @@ def build_fig_timeline(speakers_dataFrame, currTotalTime, speakerColors, get_dis
     return fig
 
 
+def _seconds_to_hhmmss(seconds):
+    """Convert a float seconds value to a hh:mm:ss.ss string."""
+    seconds = float(seconds)
+    h  = int(seconds // 3600)
+    m  = int((seconds % 3600) // 60)
+    s  = seconds % 60
+    return f"{h:02d}:{m:02d}:{s:05.2f}"
+
+
 def build_fig_bar(df2, catColors, speakerColors, get_display_name_fn, currFile):
-    """Horizontal bar chart — time spoken per speaker."""
+    """Horizontal bar chart — time spoken per speaker (hh:mm:ss.ss)."""
     df2 = df2.copy()
-    df2["names"] = df2["names"].apply(lambda s: get_display_name_fn(s, currFile))
+    df2["names"]      = df2["names"].apply(lambda s: get_display_name_fn(s, currFile))
+    df2["time_label"] = df2["values"].apply(_seconds_to_hhmmss)
     fig = px.bar(
         df2, x="values", y="names", color="names", orientation="h",
-        custom_data=["names", "values"],
+        custom_data=["names", "time_label"],
         title="Time Spoken by each Speaker",
         color_discrete_sequence=catColors + speakerColors,
     )
-    fig.update_xaxes(ticksuffix="%")
+    # Format x-axis ticks as hh:mm:ss by converting seconds to milliseconds for plotly
+    fig.update_xaxes(
+        tickvals=df2["values"].tolist(),
+        ticktext=df2["time_label"].tolist(),
+    )
     fig.update_yaxes(autorange="reversed")
     fig.update_layout(
-        xaxis_title="Percentage Time Spoken",
+        xaxis_title="Time Spoken",
         yaxis_title=None,
         showlegend=False,
         yaxis={"showticklabels": True},
@@ -426,7 +440,7 @@ def build_fig_bar(df2, catColors, speakerColors, get_display_name_fn, currFile):
     )
     fig.update_traces(hovertemplate="<br>".join([
         "<b>%{customdata[0]}</b>",
-        "Percentage of Time: %{customdata[1]:.2f}%",
+        "Time Spoken: %{customdata[1]}",
     ]))
     return fig