Update app.py

app.py

@@ -38,13 +38,13 @@ def make_conversation_html(segments):
         fg, bg = color_map[seg.speaker]
         align = "flex-end" if speaker_list.index(seg.speaker) % 2 == 1 else "flex-start"
         radius = "4px 16px 16px 16px" if align == "flex-start" else "16px 4px 16px 16px"
-        text_align = "text-align:right;" if align == "flex-end" else ""
+        ta = "text-align:right;" if align == "flex-end" else ""
         bubbles += (
             f"<div style='display:flex;justify-content:{align};margin:6px 12px'>"
             f"<div style='max-width:75%'>"
-            f"<div style='font-size:11px;color:#6b7280;margin-bottom:3px;{text_align}'>"
+            f"<div style='font-size:11px;color:#6b7280;margin-bottom:3px;{ta}'>"
             f"<span style='font-weight:600;color:{fg}'>Speaker {seg.speaker}</span>"
-            f"&nbsp;&middot;&nbsp;{seg.start_fmt} &rarr; {seg.end_fmt}</div>"
+            f" &middot; {seg.start_fmt} &rarr; {seg.end_fmt}</div>"
             f"<div style='background:{bg};border:1px solid {fg}30;color:#111827;"
             f"padding:10px 14px;border-radius:{radius};font-size:14px;line-height:1.5'>"
             f"{seg.text}</div></div></div>"
@@ -78,10 +78,10 @@ def make_table_html(segments):
         f"font-family:system-ui,sans-serif'>"
         f"<table style='width:100%;border-collapse:collapse'>"
         f"<thead><tr style='background:#1e3a5f;color:white'>"
-        f"<th style='padding:10px 12px;text-align:left;font-size:13px'>Speaker</th>"
-        f"<th style='padding:10px 12px;text-align:left;font-size:13px'>Start</th>"
-        f"<th style='padding:10px 12px;text-align:left;font-size:13px'>End</th>"
-        f"<th style='padding:10px 12px;text-align:left;font-size:13px'>Transcript</th>"
+        f"<th style='padding:10px 12px;text-align:left'>Speaker</th>"
+        f"<th style='padding:10px 12px;text-align:left'>Start</th>"
+        f"<th style='padding:10px 12px;text-align:left'>End</th>"
+        f"<th style='padding:10px 12px;text-align:left'>Transcript</th>"
         f"</tr></thead><tbody>{rows}</tbody></table></div>"
     )
 
@@ -99,19 +99,16 @@ def process_audio(audio_path, num_speakers):
         return "No speech detected.", "", ""
     _last_segments = segments
     unique = len(set(s.speaker for s in segments))
-    status = f"Done - {len(segments)} segments, {unique} speaker(s) detected"
-    return status, make_conversation_html(segments), make_table_html(segments)
+    return f"Done - {len(segments)} segments, {unique} speaker(s) detected", make_conversation_html(segments), make_table_html(segments)
 
 def export_json():
-    if not _last_segments:
-        return None
+    if not _last_segments: return None
     out = str(UPLOAD_DIR / "annotation.json")
     to_json(_last_segments, out)
     return out
 
 def export_csv():
-    if not _last_segments:
-        return None
+    if not _last_segments: return None
     out = str(UPLOAD_DIR / "annotation.csv")
     to_csv(_last_segments, out)
     return out
@@ -132,7 +129,7 @@ with gr.Blocks(title="Speech Annotation Pipeline") as demo:
             csv_file  = gr.File(label="CSV Download")
         with gr.Column(scale=2):
             gr.Markdown("### Conversation View")
-            conversation_html = gr.HTML(value="<div style='height:480px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-family:system-ui'>Transcript will appear here after processing</div>")
+            conversation_html = gr.HTML(value="<div style='height:480px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af'>Transcript will appear here after processing</div>")
             gr.Markdown("### Segment Table")
             table_html = gr.HTML(value="")