Update app.py

app.py

@@ -4,7 +4,7 @@ import matplotlib.pyplot as plt
 from pathlib import Path
 from huggingface_hub import HfApi, Repository
 
-# Matplotlib style
+# Matplotlib styling
 plt.rcParams.update({"font.family":"sans-serif","font.size":10})
 
 # Global DataFrame
@@ -15,17 +15,21 @@ def upload_csv(file):
     df = pd.read_csv(file.name)
     if not {"text","label"}.issubset(df.columns):
         return (
-            None, 
+            None,
             "❌ CSV must contain 'text' and 'label' columns.",
-            gr.update(visible=False), # hide action buttons
-            gr.update(visible=False), # hide push
+            gr.update(visible=False),  # Save
+            gr.update(visible=False),  # Download CSV
+            gr.update(visible=False),  # Visualize
+            gr.update(visible=False),  # Push accordion
         )
     df["label"] = df["label"].fillna("")
     return (
         df[["text","label"]],
         "✅ Uploaded! You can now annotate and use the buttons below.",
-        gr.update(visible=True),  # show action buttons
-        gr.update(visible=True),  # show push accordion
+        gr.update(visible=True),   # Save
+        gr.update(visible=True),   # Download CSV
+        gr.update(visible=True),   # Visualize
+        gr.update(visible=True),   # Push accordion
     )
 
 def save_changes(table):
@@ -45,10 +49,9 @@ def make_figure():
     fig, (ax1, ax2) = plt.subplots(
         ncols=2,
         gridspec_kw={"width_ratios":[1,2]},
-        figsize=(8, max(2,len(labels)*0.4)),
+        figsize=(8, max(2, len(labels)*0.4)),
         tight_layout=True
     )
-    # table
     ax1.axis("off")
     tbl = ax1.table(
         cellText=[[l,v] for l,v in zip(labels,values)],
@@ -56,16 +59,15 @@ def make_figure():
         loc="center"
     )
     tbl.auto_set_font_size(False); tbl.set_fontsize(10); tbl.scale(1,1.2)
-    # bar chart
     ax2.barh(labels, values, color="#222222")
     ax2.invert_yaxis(); ax2.set_xlabel("Count")
     return fig
 
 def visualize_and_download():
     fig = make_figure()
-    out_png = "label_distribution.png"
-    fig.savefig(out_png, dpi=150, bbox_inches="tight")
-    return fig, out_png
+    png_path = "label_distribution.png"
+    fig.savefig(png_path, dpi=150, bbox_inches="tight")
+    return fig, png_path
 
 def push_to_hub(repo_name, hf_token):
     global df
@@ -93,47 +95,51 @@ with gr.Blocks() as app:
     gr.Markdown("## 🏷️ Label It! Text Annotation Tool")
     gr.Markdown("Upload a `.csv` (columns: **text**, **label**), then annotate, export, visualize, or push.")
 
-    # STEP 1: Upload
+    # Step 1: Upload
     with gr.Row():
-        csv_in = gr.File(label="📁 Upload CSV", file_types=[".csv"])
+        csv_input = gr.File(label="📁 Upload CSV", file_types=[".csv"])
         upload_btn = gr.Button("Upload")
 
-    # Editable table + status
-    table     = gr.Dataframe(headers=["text","label"], interactive=True, visible=False)
-    status    = gr.Textbox(label="Status", interactive=False)
+    # Table + status
+    table  = gr.Dataframe(headers=["text","label"], interactive=True, visible=False)
+    status = gr.Textbox(label="Status", interactive=False)
 
-    # STEP 2: Action buttons (hidden initially)
-    with gr.Row(visible=False) as actions:
-        save_btn         = gr.Button("💾 Save")
-        download_csv_btn = gr.DownloadButton(fn=download_csv, label="⬇️ Download CSV", file_name="annotated_data.csv")
-        download_png_btn = gr.DownloadButton(fn=visualize_and_download, label="⬇️ Download Chart", file_name="label_distribution.png")
-        visualize_btn    = gr.Button("📊 Visualize")
+    # Step 2: Actions (hidden initially)
+    with gr.Row(visible=False) as action_row:
+        save_btn     = gr.Button("💾 Save")
+        download_btn = gr.Button("⬇️ Download CSV")
+        visualize_btn= gr.Button("📊 Visualize")
 
-    chart_plot = gr.Plot(visible=False)
+    download_csv_out   = gr.File(label="📥 Downloaded CSV", interactive=False)
+    chart_plot         = gr.Plot(label="Label Distribution", visible=False)
+    download_chart_out = gr.File(label="📥 Downloaded Chart", interactive=False)
 
-    # Push accordion
-    push_acc   = gr.Accordion("📦 Push to Hugging Face Hub", open=False, visible=False)
+    # Push controls
+    push_acc = gr.Accordion("📦 Push to Hugging Face Hub", open=False, visible=False)
     with push_acc:
         repo_in   = gr.Textbox(label="Repo (username/dataset)")
         token_in  = gr.Textbox(label="🔑 HF Token", type="password")
         push_btn  = gr.Button("🚀 Push")
         push_out  = gr.Textbox(label="Push Status", interactive=False)
 
-    # Event wiring
+    # Bind events
     upload_btn.click(
         upload_csv,
-        inputs=csv_in,
-        outputs=[table, status, actions, push_acc]
+        inputs=csv_input,
+        outputs=[table, status, save_btn, download_btn, visualize_btn, push_acc]
     )
     save_btn.click(
         save_changes,
         inputs=table,
         outputs=status
     )
+    download_btn.click(
+        download_csv,
+        outputs=download_csv_out
+    )
     visualize_btn.click(
         visualize_and_download,
-        inputs=None,
-        outputs=[chart_plot, download_png_btn]
+        outputs=[chart_plot, download_chart_out]
     )
     push_btn.click(
         push_to_hub,