Move agent skill download below output

app.py

@@ -1,5 +1,5 @@
-from pathlib import Path
 import shutil
+from pathlib import Path
 
 import gradio as gr
 
@@ -208,6 +208,7 @@ structured_json_templates = {
 
 default_structured_json_template = "Invoice with line items"
 
+
 def download_agentskill():
     return shutil.make_archive(
         "extract-image-data",
@@ -222,15 +223,6 @@ with gr.Blocks(title="Image Data Extractor") as demo:
         "Extract structured JSON from an image and optional text using "
         "[numind/NuExtract3](https://huggingface.co/numind/NuExtract3)."
     )
-    gr.Markdown(
-        "## Install the agent skill\n"
-        "Download the ZIP, extract it, and place the `extract-image-data` folder "
-        "in your project's `.agents/skills/` directory. Agents should read its "
-        "`SKILL.md` and use it whenever a task requires structured extraction "
-        "from an image."
-    )
-    download_agentskill_button = gr.Button("Download agent skill")
-    download_agentskill_file = gr.File(label="Agent skill ZIP")
     with gr.Row():
         with gr.Column():
             image = gr.Image(label="Document image", type="pil", height=430)
@@ -263,69 +255,32 @@ with gr.Blocks(title="Image Data Extractor") as demo:
                 open=True,
                 show_indices=True,
             )
+            gr.Markdown(
+                "## Install the agent skill\n"
+                "Download the ZIP, extract it, and place the `extract-image-data` folder "
+                "in your project's `.agents/skills/` directory. Agents should read its "
+                "`SKILL.md` and use it whenever a task requires structured extraction "
+                "from an image."
+            )
+            download_agentskill_button = gr.Button("Download agent skill")
+            download_agentskill_file = gr.File(label="Agent skill ZIP")
 
     gr.Examples(
         examples=[
             [
-                "Basic receipt",
-                str(
-                    Path(__file__).parent
-                    / "data"
-                    / "samples"
-                    / "receipt-ocr-original.webp"
-                ),
-                "",
-                False,
-            ],
-            [
-                "Invoice with line items",
-                str(
-                    Path(__file__).parent
-                    / "data"
-                    / "samples"
-                    / "invoice-with-items.png"
-                ),
-                "",
-                False,
-            ],
-            [
-                "Advanced bank statement",
-                str(
-                    Path(__file__).parent
-                    / "data"
-                    / "samples"
-                    / "BankStatementChequing.png"
-                ),
+                preset,
+                str(Path(__file__).parent / "data" / "samples" / filename),
                 "",
                 False,
-            ],
-            [
-                "Basic bank statement",
-                str(
-                    Path(__file__).parent
-                    / "data"
-                    / "samples"
-                    / "bank statement blog image.webp"
-                ),
-                "",
-                False,
-            ],
-            *[
-                [
-                    default_structured_json_template,
-                    str(path),
-                    "",
-                    False,
-                ]
-                for path in sorted(
-                    path
-                    for path in (Path(__file__).parent / "data" / "samples").glob(
-                        "*.png"
-                    )
-                    if path.name
-                    not in {"BankStatementChequing.png", "invoice-with-items.png"}
-                )
-            ],
+            ]
+            for preset, filename in [
+                ("Basic receipt", "receipt-ocr-original.webp"),
+                ("Invoice with line items", "invoice-with-items.png"),
+                ("Advanced bank statement", "BankStatementChequing.png"),
+                ("Basic bank statement", "bank statement blog image.webp"),
+                ("Advanced global record", "tags.png"),
+                ("Advanced global record", "task-list.png"),
+            ]
         ],
         inputs=[template_preset, image, text, enable_thinking],
     )