Replace st.dataframe(displayDF) with a custom table

Streamlit's dataframe widget is read-only and renders only scalar values — it cannot embed audio players or buttons. We have to hand-render the table using st.columns

app.py

@@ -362,28 +362,7 @@ try:
         "Changes apply to all matched speakers instantly."
     )
 
-    file_clips = st.session_state.speakerClips.get(currFile, {})
-    if file_clips:
-        st.sidebar.caption("🎧 Listen to clips to help identify speakers:")
-        current_renames = st.session_state.speakerRenames[currFile]
-        for sp in speakerNames:
-            wk = f"rename_{currFile}_{sp}"
-            if wk not in st.session_state:
-                st.session_state[wk] = current_renames.get(sp, "")
-            display_label = st.session_state[wk].strip() or sp
-            st.sidebar.markdown(f"**{display_label}**")
-            if sp in file_clips:
-                st.sidebar.audio(file_clips[sp], format="audio/wav")
-                sp_segs      = st.session_state.speakerSegments.get(currFile, {}).get(sp, [])
-                has_waveform = currFile in st.session_state.speakerWaveforms
-                if has_waveform and sp_segs:
-                    if st.sidebar.button(
-                        "🔀 Try Another Clip",
-                        key=f"randomize_{currFile}_{sp}",
-                        help="Pick a random clip from a different part of this speaker's audio",
-                    ):
-                        randomize_speaker_clip(currFile, sp)
-                        st.rerun()
+
 
     all_speaker_tokens = [
         f"{fn}: {sp}"
@@ -456,7 +435,65 @@ try:
             f"sonogram-analysis-{currPlainName}.csv", "text/csv",
             key="download-csv", on_click="ignore",
         )
-        st.dataframe(displayDF)
+
+        file_clips   = st.session_state.speakerClips.get(currFile, {})
+        has_clips    = bool(file_clips)
+        has_waveform = currFile in st.session_state.speakerWaveforms
+
+        # Determine column layout.
+        # Extra columns only appear when audio clips are available.
+        # Widths: Resource | Start | Finish | [Clip | Randomize]
+        other_cols  = [c for c in displayDF.columns if c != "Resource"]
+        has_extras  = has_clips
+
+        if has_extras:
+            col_widths = [2] + [1] * len(other_cols) + [2, 1]
+        else:
+            col_widths = [2] + [1] * len(other_cols)
+
+        # Header row
+        header_cols = st.columns(col_widths)
+        header_cols[0].markdown("**Resource**")
+        for i, col_name in enumerate(other_cols):
+            header_cols[i + 1].markdown(f"**{col_name}**")
+        if has_extras:
+            header_cols[-2].markdown("**Clip**")
+            header_cols[-1].markdown("** **", unsafe_allow_html=True)
+
+        st.divider()
+
+        # Track which speakers have already had their clip rendered
+        # so we only show it once (on the first row for that speaker).
+        rendered_clip_for: set = set()
+
+        for _, row in displayDF.iterrows():
+            row_cols = st.columns(col_widths)
+            raw_sp   = row["Resource"]  # already display-name mapped
+
+            # Find the original raw speaker key for clip lookup
+            # (speakerClips is keyed by original SPEAKER_## labels)
+            raw_key = next(
+                (sp for sp in speakerNames if raw_to_display.get(sp, sp) == raw_sp),
+                raw_sp,
+            )
+
+            row_cols[0].write(raw_sp)
+            for i, col_name in enumerate(other_cols):
+                row_cols[i + 1].write(row[col_name])
+
+            if has_extras:
+                if raw_key in file_clips and raw_key not in rendered_clip_for:
+                    rendered_clip_for.add(raw_key)
+                    row_cols[-2].audio(file_clips[raw_key], format="audio/wav")
+                    sp_segs = st.session_state.speakerSegments.get(currFile, {}).get(raw_key, [])
+                    if has_waveform and sp_segs:
+                        if row_cols[-1].button(
+                            "🔀",
+                            key=f"randomize_{currFile}_{raw_key}",
+                            help="Try a different clip for this speaker",
+                        ):
+                            randomize_speaker_clip(currFile, raw_key)
+                            st.rerun()
 
     # -----------------------------------------------------------------------
     # Charts (pie1, pie2, sunburst, treemap, timeline, bar)