space: interactive replay demo — fast-forward 22s through real generation stages, with 6 real SF walk keyframes

app.py

@@ -245,6 +245,134 @@ def refresh_gallery():
     return render_demo_grid(fetch_demos())
 
 
+# Fast-forward replay of an actual MI300X generation run. The frames + final mp4
+# in showcase/ are real artifacts from this prompt. Timings on the left are the
+# actual wall-clock from incidents.md; the replay compresses ~81 min to ~22 s.
+SF_PROMPT = (
+    "30-second cinematic reel: a young woman walks alone through San Francisco at "
+    "golden hour — down a steep Pacific Heights street with bay views, past painted "
+    "Victorian houses, fog rolling in over the Pacific, ending at a quiet overlook "
+    "of the Golden Gate Bridge as the light shifts to blue hour."
+)
+
+REPLAY_FRAMES = [
+    "frame_000002.png",
+    "frame_000009.png",
+    "frame_000013.png",
+    "frame_000018.png",
+    "frame_000023.png",
+    "frame_000028.png",
+]
+
+
+def _frame_url(name):
+    return f"/gradio_api/file={SHOWCASE_DIR / name}"
+
+
+def replay_generation():
+    """Yield (status_md, gallery_html, video_update) progressively, simulating
+    the real pipeline at ~80x speed so a visitor can see every stage in 22 s."""
+    log_lines = []
+    gallery = ""
+    hidden = gr.update(visible=False)
+
+    def emit(line):
+        log_lines.append(line)
+        return "\n\n".join(log_lines)
+
+    yield emit(
+        "**`[00:00]`**   🎬 Director Agent loading — `Qwen3.5-35B-A3B` via vLLM + AITER MoE…"
+    ), gallery, hidden
+    time.sleep(0.7)
+
+    yield emit(
+        "**`[00:02]`**   ✏️ Planning 6 shots, character bibles, music brief, narration language…"
+    ), gallery, hidden
+    time.sleep(1.2)
+
+    plan_block = (
+        "```json\n"
+        '{\n'
+        '  "characters": {\n'
+        '    "A": "young woman, 27, navy peacoat, soft scarf, walking calmly"\n'
+        '  },\n'
+        '  "story_logline": "Pacific Heights walk through fog to Golden Gate overlook",\n'
+        '  "music_style": "intimate ambient piano + soft synth pad, 75 BPM",\n'
+        '  "vo_lang": "a"  // Director picked American English from setting\n'
+        '}\n'
+        "```"
+    )
+    yield emit(plan_block), gallery, hidden
+    time.sleep(0.6)
+
+    yield emit(
+        "**`[00:04]`**   🎨 FLUX.2 [klein] — painting character master portraits "
+        "*(reference editing, no LoRA training)*…"
+    ), gallery, hidden
+    time.sleep(0.9)
+
+    yield emit(
+        "**`[00:06]`**   🎞️ FLUX.2 — 6 per-shot keyframes, character-consistent across shots…"
+    ), gallery, hidden
+    time.sleep(0.5)
+
+    for idx, frame in enumerate(REPLAY_FRAMES):
+        gallery += (
+            f'<img src="{_frame_url(frame)}" '
+            f'style="width:30%;margin:1%;border-radius:8px;'
+            f'border:1px solid rgba(167,139,250,0.32);" '
+            f'alt="keyframe shot {idx}">'
+        )
+        yield log_lines and "\n\n".join(log_lines) or "", gallery, hidden
+        time.sleep(0.35)
+
+    yield emit(
+        "**`[00:09]`** &nbsp; 🎥 Wan2.2-I2V-A14B — animating each shot "
+        "*(FBCache lossless 2× + torch.compile 1.2× = ~10 min per clip on MI300X)*…"
+    ), gallery, hidden
+    time.sleep(0.4)
+
+    progress_line_idx = len(log_lines)
+    log_lines.append("")
+    for i in range(1, 7):
+        bars = "▰" * i + "▱" * (6 - i)
+        log_lines[progress_line_idx] = f"&nbsp;&nbsp;&nbsp;`shot {i}/6` &nbsp;{bars}"
+        yield "\n\n".join(log_lines), gallery, hidden
+        time.sleep(0.28)
+
+    yield emit(
+        "**`[00:15]`** &nbsp; 🔍 Vision Critic — Qwen3.5 reloaded, scoring 4 frames per clip "
+        "on a 10-label failure taxonomy…"
+    ), gallery, hidden
+    time.sleep(0.8)
+    yield emit(
+        "&nbsp;&nbsp;&nbsp;`shot 0` &nbsp;✅ overall **9/10** "
+        "*(character_match=10, scene=9, composition=9, artifact_free=9)* — no retry\n\n"
+        "&nbsp;&nbsp;&nbsp;`shots 1–5` &nbsp;✅ all pass first attempt"
+    ), gallery, hidden
+    time.sleep(0.7)
+
+    yield emit(
+        "**`[00:17]`** &nbsp; 🎵 ACE-Step v1 — generating 30 s instrumental from Director's brief…"
+    ), gallery, hidden
+    time.sleep(0.5)
+
+    yield emit(
+        "**`[00:19]`** &nbsp; 🗣️ Kokoro-82M — narrating per-shot voice-over, language picked by Director *(en-US)*…"
+    ), gallery, hidden
+    time.sleep(0.4)
+
+    yield emit(
+        "**`[00:21]`** &nbsp; 🎚️ ffmpeg — mixing music bed + per-shot VO via `adelay`, concat, loudnorm -18 LUFS…"
+    ), gallery, hidden
+    time.sleep(0.6)
+
+    yield emit(
+        "**`[00:22]`** &nbsp; ✅ **Final reel rendered.** &nbsp; Real wall-time on MI300X: **~81 minutes**.\n\n"
+        "> *This replay compressed 81 minutes into 22 seconds. The mp4 below is the actual output of the run shown above.*"
+    ), gallery, gr.update(value=str(SHOWCASE_DIR / "sf_walk.mp4"), visible=True)
+
+
 CUSTOM_CSS = r"""
 /* Force dark theme regardless of system / browser preference.
    Overrides Gradio's neutral scale (used as bg in light mode) to dark values
@@ -1300,23 +1428,50 @@ def build_ui():
 
             with gr.Tab("Live demo"):
                 gr.Markdown(
-                    "## Live demo paused — hackathon ended\n\n"
-                    "The AMD x lablab hackathon has wrapped, so the on-demand MI300X "
-                    "demo is paused. Every clip in the archive below was generated "
-                    "end-to-end on a single AMD Instinct MI300X during the event "
-                    "(FLUX.2 [klein] 4B keyframe + Wan2.2-I2V-A14B at 81 frames / 16 fps, "
-                    "FBCache 0.08, ~6 minutes per clip).\n\n"
-                    "> **Not Sora. Not Runway. Not Veo.** Every frame here was made by "
-                    "models you can download, weights you can self-host, and code you "
-                    "can fork. No paywall, no waitlist, no usage cap. See the "
-                    "**vs Sora & Runway** tab for the full breakdown."
+                    "## See it generate — fast-forward replay\n\n"
+                    "This is a real MI300X generation run from the hackathon, "
+                    "compressed from **~81 minutes wall-time to 22 seconds**. Every "
+                    "image and the final mp4 below is the actual artifact the pipeline "
+                    "produced from the prompt on the left. Hit **▶ Replay generation** "
+                    "to watch every stage scroll past — Director plan, FLUX.2 keyframes, "
+                    "Wan2.2 animation, Vision Critic verdict, music, voice-over, mix.\n\n"
+                    "> *(Live on-demand generation is paused — hackathon ended. This is "
+                    "a deterministic replay of one production run.)*"
                 )
-                gr.Markdown("### Generations archive")
-                demo_gallery = gr.HTML(
-                    value=render_demo_grid(fetch_demos()),
+                with gr.Row():
+                    with gr.Column(scale=1):
+                        gr.Markdown("### Prompt")
+                        gr.Textbox(
+                            value=SF_PROMPT,
+                            lines=6,
+                            interactive=False,
+                            label="One English sentence in",
+                            show_copy_button=True,
+                        )
+                        replay_btn = gr.Button(
+                            "▶ Replay generation",
+                            variant="primary",
+                            size="lg",
+                        )
+                        gr.Markdown("### Pipeline log")
+                        replay_log = gr.Markdown(
+                            "_Click ▶ Replay generation to start. Each stage updates "
+                            "as it would on the actual MI300X, just sped up ~220×._"
+                        )
+                    with gr.Column(scale=2):
+                        gr.Markdown("### Artifacts as they appear")
+                        replay_gallery = gr.HTML("")
+                        replay_video = gr.Video(
+                            label="Final 30 s reel",
+                            visible=False,
+                            autoplay=True,
+                            loop=True,
+                            interactive=False,
+                        )
+                replay_btn.click(
+                    replay_generation,
+                    outputs=[replay_log, replay_gallery, replay_video],
                 )
-                demo_refresh = gr.Button("Refresh archive", size="sm")
-                demo_refresh.click(refresh_gallery, outputs=[demo_gallery])
 
             with gr.Tab("vs Sora & Runway"):
                 gr.Markdown(
@@ -1552,5 +1707,5 @@ if __name__ == "__main__":
     demo = build_ui()
     demo.queue(default_concurrency_limit=1, max_size=8).launch(
         server_name="0.0.0.0", server_port=7860, share=False,
-        allowed_paths=[str(DEMO_CACHE)],
+        allowed_paths=[str(DEMO_CACHE), str(SHOWCASE_DIR)],
     )