Upload app.py with huggingface_hub

app.py

@@ -1342,6 +1342,12 @@ def render_timeline(task_id):
 
 
 _RAW_LOG_CSS = """
+details.raw-acc{background:#fff;border:1px solid #e2e2ef;border-radius:12px;margin-top:12px;
+padding:10px 16px;box-shadow:0 1px 2px rgba(30,27,75,.05)}
+details.raw-acc summary{cursor:pointer;font-weight:600;font-size:14px;color:#1f1a3a;
+list-style-position:inside;padding:2px 0}
+details.raw-acc[open] summary{margin-bottom:9px}
+
 .raw-log{max-height:420px;overflow:auto;background:#101226;color:#dfe3ff;border-radius:10px;
 padding:12px 14px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;line-height:1.55;
 white-space:pre-wrap;word-break:break-word;margin:0}
@@ -1351,14 +1357,24 @@ def _pre(text):
     """Instantly-rendered raw-log panel (gr.Code never mounts inside a closed Accordion)."""
     return f'<pre class="raw-log">{html.escape(text)}</pre>'
 
+
+def _raw_details(task_id):
+    """Native <details> collapsibles — Gradio Accordions lazy-render their children
+    and the re-hydration event 422s in Gradio 6, leaving an eternal spinner."""
+    txt = _read(artifact(task_id, "trajectory.txt")) or "(no trajectory.txt in this Space)"
+    jl = _read(artifact(task_id, "trajectory.jsonl")) or "(no trajectory.jsonl)"
+    return (
+        f'<details class="raw-acc"><summary>📜 Raw model transcript (trajectory.txt)</summary>{_pre(txt)}</details>'
+        f'<details class="raw-acc"><summary>📄 Raw event log (trajectory.jsonl)</summary>{_pre(jl)}</details>'
+    )
+
 def show(task_id):
     t = BY_ID[task_id]
     return (info_card(t),
             t["swift"],
             artifact(task_id, "run.mp4"),
             render_timeline(task_id),
-            _pre(_read(artifact(task_id, "trajectory.txt")) or "(no trajectory.txt in this Space)"),
-            _pre(_read(artifact(task_id, "trajectory.jsonl")) or "(no trajectory.jsonl)"))
+            _raw_details(task_id))
 
 # Helper to construct callback functions avoiding closure-scoping issues
 def make_click_fn(task_id):
@@ -1757,11 +1773,7 @@ with gr.Blocks(title="SiriBench — iOS agent tasks & trajectories") as demo:
                         'independent re-read of the real device data.</p>')
                 timeline = gr.HTML()
 
-                with gr.Accordion("📜 Raw model transcript (trajectory.txt)", open=False):
-                    traj = gr.HTML()
-
-                with gr.Accordion("📄 Raw event log (trajectory.jsonl)", open=False):
-                    jsonl = gr.HTML()
+                rawlogs = gr.HTML()
 
         # Mapping dictionary of visual button hooks to bind triggers
         task_buttons = {
@@ -1786,7 +1798,7 @@ with gr.Blocks(title="SiriBench — iOS agent tasks & trajectories") as demo:
             btn.click(fn=make_click_fn(task_id), outputs=picker)
 
         # Dropdown trigger updates all visualization panels
-        outs = [info, swift, video, timeline, traj, jsonl]
+        outs = [info, swift, video, timeline, rawlogs]
         picker.change(show, picker, outs)
         demo.load(show, picker, outs)