Upload app.py with huggingface_hub

app.py

@@ -203,22 +203,45 @@ if run and uploaded:
         "Computing Knowledge Value Score",
     ]
     progress_bar = st.progress(0)
-    status_text = st.empty()
     step_statuses = {s: "pending" for s in steps}
-    step_container = st.container()
+    _sub_msg = [""]          # mutable cell so sub_progress can update it
+    step_placeholder = st.empty()
+
+    def render_steps(elapsed: int | None = None):
+        rows = []
+        for s, state in step_statuses.items():
+            is_running = state == "running"
+            icon  = {"pending": "○", "running": "⟳", "done": "✓"}[state]
+            fg    = {"pending": "#555", "running": "#e8f0fe", "done": "#4caf87"}[state]
+            bg    = "background:#0d1f35;" if is_running else ""
+            bold  = "font-weight:600;" if is_running else ""
+            sub   = (
+                f"<div style='font-size:12px;color:#8ab4f8;margin:3px 0 0 22px;'>{_sub_msg[0]}</div>"
+                if is_running and _sub_msg[0] else ""
+            )
+            rows.append(
+                f"<div style='padding:7px 16px;{bg}border-bottom:1px solid #1a1a2e;'>"
+                f"<span style='font-family:monospace;color:{fg};{bold}'>{icon}&nbsp;&nbsp;{s}</span>"
+                f"{sub}</div>"
+            )
 
-    def render_steps():
-        with step_container:
-            for s, state in step_statuses.items():
-                icon  = {"pending": "○", "running": "⟳", "done": "✓"}[state]
-                color = {"pending": "#555", "running": "#8ab4f8", "done": "#4caf87"}[state]
-                st.markdown(
-                    f"<span style='color:{color};font-family:monospace;'>{icon}  {s}</span>",
-                    unsafe_allow_html=True,
-                )
+        footer = ""
+        if elapsed is not None:
+            footer = (
+                f"<div style='padding:7px 16px;font-size:12px;color:#4caf87;'>"
+                f"✓ Evaluation complete in {elapsed}s</div>"
+            )
+
+        step_placeholder.markdown(
+            f"<div style='border:1px solid #2a2a3a;border-radius:8px;overflow:hidden;'>"
+            + "".join(rows) + footer +
+            "</div>",
+            unsafe_allow_html=True,
+        )
 
     def sub_progress(msg: str):
-        status_text.markdown(f"*{msg}*")
+        _sub_msg[0] = msg
+        render_steps()
 
     module_results = {}
     eval_start = datetime.now()
@@ -246,15 +269,14 @@ if run and uploaded:
     module_results["demand"] = demand.evaluate(client, doc, progress_cb=sub_progress)
     step_statuses[steps[4]] = "done"; progress_bar.progress(92)
 
-    step_statuses[steps[5]] = "running"; render_steps()
-    status_text.markdown("*Computing weighted Knowledge Value Score...*")
+    step_statuses[steps[5]] = "running"; _sub_msg[0] = "Computing weighted Knowledge Value Score..."; render_steps()
     dim_scores = {k: module_results[k]["score"] for k in module_results}
     kvs_result = scorer.compute(dim_scores)
     step_statuses[steps[5]] = "done"; progress_bar.progress(100)
-    render_steps()
 
     elapsed = round(time.time() - t0)
-    status_text.markdown(f"*Evaluation complete in {elapsed}s.*")
+    _sub_msg[0] = ""
+    render_steps(elapsed=elapsed)
     eval_date_str = eval_start.strftime("%Y-%m-%d %H:%M UTC")
     meta = model_meta(eval_date_str)