Upload 3 files

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## v18-product-polished-ui
+
+- Refined the public Gradio UI without changing backend workflows.
+- Added a centered max-width layout and lightweight card styling.
+- Reorganized Build and Validate inputs into two-column sections where appropriate.
+- Grouped advanced settings and smoke-test payloads into clearer sections.
+- Kept native Gradio quick-link buttons for Job, Space, Settings, and artifacts.
+
 ## v17-product-button-links
 
 - Replaced custom HTML/Markdown quick links with native Gradio `gr.Button(link=..., link_target="_blank")` controls.

README.md

@@ -26,6 +26,9 @@ model card → agentic job → generated private Space → hardware if available
 
 ## Main workflow
 
+The public UI is intentionally compact: Build and Validate are the only product workflows, with inputs grouped into two-column cards and advanced settings separated from the primary fields.
+
+
 ### 1. Build from model card
 
 Paste a Hugging Face model ID or model-card URL. The app launches an HF Job that:
@@ -37,7 +40,7 @@ Paste a Hugging Face model ID or model-card URL. The app launches an HF Job that
 - attempts ZeroGPU first, then fixed-GPU fallback if enabled;
 - validates `/health` or Gradio API availability;
 - classifies the result honestly;
-- returns quick links to the Job page, generated Space, Space settings, and run artifacts.
+- returns native Gradio buttons to open the Job page, generated Space, Space settings, and run artifacts.
 
 ### 2. Validate existing Space
 
@@ -49,7 +52,7 @@ If automatic hardware assignment fails, set the hardware manually in the generat
 - stores returned artifacts in the Bucket;
 - measures latency;
 - recommends a conservative ZeroGPU duration;
-- returns quick links to the validation Job, target Space, Space settings, and run artifacts.
+- returns native Gradio buttons to open the validation Job, target Space, Space settings, and run artifacts.
 
 ## Result statuses
 

app.py

@@ -17,6 +17,34 @@ from src.runs import make_run_id, validate_run_id
 from src.security import redact
 
 
+
+
+APP_CSS = """
+.gradio-container {
+    max-width: 1180px !important;
+    margin: 0 auto !important;
+}
+.asf-hero {
+    max-width: 920px;
+    margin: 0 auto 1rem auto;
+}
+.asf-card {
+    border: 1px solid var(--border-color-primary);
+    border-radius: 14px;
+    padding: 1rem;
+    background: var(--background-fill-secondary);
+}
+.asf-compact textarea, .asf-compact input {
+    font-size: 0.95rem;
+}
+.asf-links button {
+    min-width: 0 !important;
+}
+.asf-status textarea {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+}
+"""
+
 APP_DESCRIPTION = f"""
 # Agentic Space Factory
 
@@ -242,70 +270,93 @@ def refresh_run_ui(
 
 
 def build_demo() -> gr.Blocks:
-    with gr.Blocks(title="Agentic Space Factory") as demo:
-        gr.Markdown(APP_DESCRIPTION)
-        gr.LoginButton()
-
-        login_status = gr.Markdown()
+    with gr.Blocks(title="Agentic Space Factory", css=APP_CSS) as demo:
+        gr.Markdown(APP_DESCRIPTION, elem_classes=["asf-hero"])
+        with gr.Row(equal_height=True):
+            with gr.Column(scale=0, min_width=220):
+                gr.LoginButton()
+            with gr.Column(scale=1):
+                login_status = gr.Markdown(elem_classes=["asf-card"])
         demo.load(fn=get_login_status, inputs=None, outputs=login_status)
 
         with gr.Tab("Build from model card"):
             gr.Markdown(
                 """
-Paste a Hugging Face model ID or model-card URL. The worker creates a **private** Space, asks Pi + Qwen Coder to build the best Gradio app it can, attempts ZeroGPU first, then a fixed-GPU fallback if enabled. If automatic hardware assignment fails, set the hardware manually in the generated Space settings and run the validation tab.
-"""
-            )
-            with gr.Row():
-                build_run_id = gr.Textbox(label="Run ID", value=propose_universal_run_id, interactive=True)
-                gr.Button("Generate new run id").click(fn=propose_universal_run_id, inputs=None, outputs=build_run_id)
-
-            model_id = gr.Textbox(
-                label="Model card URL or model ID",
-                value="Tongyi-MAI/Z-Image-Turbo",
-                info="Examples: owner/model, https://huggingface.co/owner/model",
+### Build a private Space
+Paste a Hugging Face model ID or model-card URL. The worker creates a private Space, asks Pi + Qwen Coder to build the app, attempts ZeroGPU first, then a fixed-GPU fallback if enabled. If automatic hardware assignment fails, set the hardware manually in the generated Space settings and run the validation tab.
+""",
+                elem_classes=["asf-hero"],
             )
-            target_space_name = gr.Textbox(
-                label="Target Space name",
-                placeholder="e.g. space-factory-z-image-v1",
-                info="Use a fresh name. The Space is created under your username and remains private.",
-            )
-            pi_model = gr.Textbox(
-                label="Pi model",
-                value="Qwen/Qwen3-Coder-Next",
-                info="Model used by Pi through Hugging Face Inference Providers.",
-            )
-            implementation_mode = gr.Dropdown(
-                label="Implementation mode",
-                choices=["full-inference-gated", "full-inference-attempt", "safe-scaffold"],
-                value="full-inference-gated",
-                info="Gated mode forbids placeholder success; impossible models must produce technical blockers.",
-            )
-            with gr.Row():
-                preferred_hw = gr.Dropdown(
-                    label="Preferred Space hardware",
-                    choices=["zero-a10g", "cpu-basic", "t4-small", "t4-medium", "a10g-large", "l40sx1", "a100-large", "h200"],
-                    value="zero-a10g",
-                    info="ZeroGPU is attempted first by the worker. If your quota is exceeded, use manual hardware selection after generation.",
-                )
-                allow_fallback = gr.Checkbox(label="Allow fixed GPU fallback", value=True)
-                fallback_hw = gr.Dropdown(
-                    label="Fallback Space hardware",
-                    choices=["l40sx1", "a10g-large", "a100-large", "h200", "t4-medium"],
-                    value="l40sx1",
-                )
-
-            build_btn = gr.Button("Build private Space", variant="primary")
-            build_job_id = gr.Textbox(label="Job ID", interactive=True)
-            build_job_url = gr.Textbox(label="Job URL", interactive=False)
-            generated_space = gr.Textbox(label="Generated Space", interactive=False)
-            generated_space_url = gr.Textbox(label="Generated Space URL", interactive=False)
-            gr.Markdown("Quick links")
-            with gr.Row():
-                build_job_button = gr.Button("Open HF Job ↗", link=None, link_target="_blank", visible=False)
-                build_space_button = gr.Button("Open target Space ↗", link=None, link_target="_blank", visible=False)
-                build_settings_button = gr.Button("Open Space settings ↗", link=None, link_target="_blank", visible=False)
-                build_artifacts_button = gr.Button("Open run artifacts ↗", link=None, link_target="_blank", visible=False)
-            build_result = gr.Code(label="Launch result", language="json")
+
+            with gr.Row(equal_height=True):
+                with gr.Column(scale=2):
+                    with gr.Group(elem_classes=["asf-card"]):
+                        gr.Markdown("#### Model and target")
+                        with gr.Row():
+                            model_id = gr.Textbox(
+                                label="Model card URL or model ID",
+                                value="Tongyi-MAI/Z-Image-Turbo",
+                                info="Examples: owner/model, https://huggingface.co/owner/model",
+                                scale=2,
+                            )
+                            target_space_name = gr.Textbox(
+                                label="Target Space name",
+                                placeholder="e.g. space-factory-z-image-v1",
+                                info="Created under your username and kept private.",
+                                scale=1,
+                            )
+                        with gr.Row():
+                            build_run_id = gr.Textbox(label="Run ID", value=propose_universal_run_id, interactive=True, scale=2)
+                            gr.Button("Generate new run id", scale=0).click(fn=propose_universal_run_id, inputs=None, outputs=build_run_id)
+
+                    with gr.Accordion("Agent and implementation settings", open=True):
+                        with gr.Row():
+                            pi_model = gr.Textbox(
+                                label="Pi model",
+                                value="Qwen/Qwen3-Coder-Next",
+                                info="Model used by Pi through Hugging Face Inference Providers.",
+                                scale=1,
+                            )
+                            implementation_mode = gr.Dropdown(
+                                label="Implementation mode",
+                                choices=["full-inference-gated", "full-inference-attempt", "safe-scaffold"],
+                                value="full-inference-gated",
+                                info="Gated mode forbids placeholder success; impossible models must produce technical blockers.",
+                                scale=1,
+                            )
+                        with gr.Row():
+                            preferred_hw = gr.Dropdown(
+                                label="Preferred Space hardware",
+                                choices=["zero-a10g", "cpu-basic", "t4-small", "t4-medium", "a10g-large", "l40sx1", "a100-large", "h200"],
+                                value="zero-a10g",
+                                info="ZeroGPU is attempted first. If quota is exceeded, use manual hardware selection after generation.",
+                                scale=1,
+                            )
+                            fallback_hw = gr.Dropdown(
+                                label="Fallback Space hardware",
+                                choices=["l40sx1", "a10g-large", "a100-large", "h200", "t4-medium"],
+                                value="l40sx1",
+                                scale=1,
+                            )
+                            allow_fallback = gr.Checkbox(label="Allow fixed GPU fallback", value=True, scale=0)
+
+                with gr.Column(scale=1, min_width=280):
+                    with gr.Group(elem_classes=["asf-card"]):
+                        gr.Markdown("#### Launch")
+                        build_btn = gr.Button("Build private Space", variant="primary")
+                        build_job_id = gr.Textbox(label="Job ID", interactive=True)
+                        build_job_url = gr.Textbox(label="Job URL", interactive=False, visible=False)
+                        generated_space = gr.Textbox(label="Generated Space", interactive=False)
+                        generated_space_url = gr.Textbox(label="Generated Space URL", interactive=False, visible=False)
+                        gr.Markdown("Quick links")
+                        with gr.Row(elem_classes=["asf-links"]):
+                            build_job_button = gr.Button("Open HF Job ↗", link=None, link_target="_blank", visible=False)
+                            build_space_button = gr.Button("Open target Space ↗", link=None, link_target="_blank", visible=False)
+                        with gr.Row(elem_classes=["asf-links"]):
+                            build_settings_button = gr.Button("Open Space settings ↗", link=None, link_target="_blank", visible=False)
+                            build_artifacts_button = gr.Button("Open run artifacts ↗", link=None, link_target="_blank", visible=False)
+
+            build_result = gr.Code(label="Launch result", language="json", elem_classes=["asf-compact"])
 
             build_btn.click(
                 fn=launch_universal_model_card_job_ui,
@@ -324,50 +375,67 @@ Paste a Hugging Face model ID or model-card URL. The worker creates a **private*
                 ],
             )
 
-            build_refresh = gr.Button("Refresh build run status")
-            with gr.Tab("Build state"):
-                build_state = gr.Code(label="state.json", language="json")
-            with gr.Tab("Build events"):
-                build_events = gr.Code(label="events.jsonl", language="json")
-            with gr.Tab("Build report"):
-                build_report = gr.Markdown()
-            with gr.Tab("Build job"):
-                build_job_info = gr.Code(label="Job info/logs", language="json")
+            with gr.Group(elem_classes=["asf-card"]):
+                with gr.Row():
+                    build_refresh = gr.Button("Refresh build run status", variant="secondary")
+                with gr.Tabs():
+                    with gr.Tab("State"):
+                        build_state = gr.Code(label="state.json", language="json", elem_classes=["asf-status"])
+                    with gr.Tab("Events"):
+                        build_events = gr.Code(label="events.jsonl", language="json", elem_classes=["asf-status"])
+                    with gr.Tab("Report"):
+                        build_report = gr.Markdown()
+                    with gr.Tab("Job logs"):
+                        build_job_info = gr.Code(label="Job info/logs", language="json", elem_classes=["asf-status"])
 
             build_refresh.click(fn=refresh_run_ui, inputs=[build_run_id, build_job_id], outputs=[build_state, build_events, build_report, build_job_info])
 
         with gr.Tab("Validate existing Space"):
             gr.Markdown(
                 """
+### Validate a generated Space
 Use this after the builder generated a Space, especially if you had to set the GPU manually. This job does not rerun Pi. It waits for the existing Space, calls a live generation endpoint, checks the output type, stores returned artifacts in the Bucket, measures latency, and recommends a conservative ZeroGPU duration.
-"""
+""",
+                elem_classes=["asf-hero"],
             )
-            with gr.Row():
-                validate_run_id = gr.Textbox(label="Run ID", value=propose_validate_run_id, interactive=True)
-                gr.Button("Generate new validation run id").click(fn=propose_validate_run_id, inputs=None, outputs=validate_run_id)
 
-            target_space = gr.Textbox(
-                label="Existing target Space",
-                placeholder="fffiloni/space-factory-... or https://huggingface.co/spaces/...",
-            )
-            with gr.Row():
-                api_name = gr.Textbox(label="Generation API name", value="/generate")
-                expected_type = gr.Dropdown(label="Expected output type", choices=["image", "video", "audio", "text", "any"], value="image")
-            test_args = gr.Code(label="Test args JSON list", language="json", value='["a cinematic robot cat astronaut, detailed, studio lighting"]')
-            test_kwargs = gr.Code(label="Test kwargs JSON object", language="json", value="{}")
-            timeout_s = gr.Number(label="Live wait timeout seconds", value=1800, precision=0)
-
-            validate_btn = gr.Button("Validate Space + smoke-test generation", variant="primary")
-            validate_job_id = gr.Textbox(label="Job ID", interactive=True)
-            validate_job_url = gr.Textbox(label="Job URL", interactive=False)
-            validate_space_url = gr.Textbox(label="Target Space URL", interactive=False)
-            gr.Markdown("Quick links")
-            with gr.Row():
-                validate_job_button = gr.Button("Open HF Job ↗", link=None, link_target="_blank", visible=False)
-                validate_space_button = gr.Button("Open target Space ↗", link=None, link_target="_blank", visible=False)
-                validate_settings_button = gr.Button("Open Space settings ↗", link=None, link_target="_blank", visible=False)
-                validate_artifacts_button = gr.Button("Open run artifacts ↗", link=None, link_target="_blank", visible=False)
-            validate_result = gr.Code(label="Launch result", language="json")
+            with gr.Row(equal_height=True):
+                with gr.Column(scale=2):
+                    with gr.Group(elem_classes=["asf-card"]):
+                        gr.Markdown("#### Target and endpoint")
+                        target_space = gr.Textbox(
+                            label="Existing target Space",
+                            placeholder="fffiloni/space-factory-... or https://huggingface.co/spaces/...",
+                        )
+                        with gr.Row():
+                            api_name = gr.Textbox(label="Generation API name", value="/generate", scale=1)
+                            expected_type = gr.Dropdown(label="Expected output type", choices=["image", "video", "audio", "text", "any"], value="image", scale=1)
+                        with gr.Row():
+                            validate_run_id = gr.Textbox(label="Run ID", value=propose_validate_run_id, interactive=True, scale=2)
+                            gr.Button("Generate new validation run id", scale=0).click(fn=propose_validate_run_id, inputs=None, outputs=validate_run_id)
+
+                    with gr.Accordion("Smoke-test payload", open=True):
+                        with gr.Row():
+                            test_args = gr.Code(label="Test args JSON list", language="json", value='["a cinematic robot cat astronaut, detailed, studio lighting"]', scale=1)
+                            test_kwargs = gr.Code(label="Test kwargs JSON object", language="json", value="{}", scale=1)
+                        timeout_s = gr.Number(label="Live wait timeout seconds", value=1800, precision=0)
+
+                with gr.Column(scale=1, min_width=280):
+                    with gr.Group(elem_classes=["asf-card"]):
+                        gr.Markdown("#### Launch")
+                        validate_btn = gr.Button("Validate Space + smoke-test generation", variant="primary")
+                        validate_job_id = gr.Textbox(label="Job ID", interactive=True)
+                        validate_job_url = gr.Textbox(label="Job URL", interactive=False, visible=False)
+                        validate_space_url = gr.Textbox(label="Target Space URL", interactive=False, visible=False)
+                        gr.Markdown("Quick links")
+                        with gr.Row(elem_classes=["asf-links"]):
+                            validate_job_button = gr.Button("Open HF Job ↗", link=None, link_target="_blank", visible=False)
+                            validate_space_button = gr.Button("Open target Space ↗", link=None, link_target="_blank", visible=False)
+                        with gr.Row(elem_classes=["asf-links"]):
+                            validate_settings_button = gr.Button("Open Space settings ↗", link=None, link_target="_blank", visible=False)
+                            validate_artifacts_button = gr.Button("Open run artifacts ↗", link=None, link_target="_blank", visible=False)
+
+            validate_result = gr.Code(label="Launch result", language="json", elem_classes=["asf-compact"])
 
             validate_btn.click(
                 fn=launch_validate_existing_space_job_ui,
@@ -385,15 +453,17 @@ Use this after the builder generated a Space, especially if you had to set the G
                 ],
             )
 
-            validate_refresh = gr.Button("Refresh validation run status")
-            with gr.Tab("Validation state"):
-                validate_state = gr.Code(label="state.json", language="json")
-            with gr.Tab("Validation events"):
-                validate_events = gr.Code(label="events.jsonl", language="json")
-            with gr.Tab("Validation report"):
-                validate_report = gr.Markdown()
-            with gr.Tab("Validation job"):
-                validate_job_info = gr.Code(label="Job info/logs", language="json")
+            with gr.Group(elem_classes=["asf-card"]):
+                validate_refresh = gr.Button("Refresh validation run status", variant="secondary")
+                with gr.Tabs():
+                    with gr.Tab("State"):
+                        validate_state = gr.Code(label="state.json", language="json", elem_classes=["asf-status"])
+                    with gr.Tab("Events"):
+                        validate_events = gr.Code(label="events.jsonl", language="json", elem_classes=["asf-status"])
+                    with gr.Tab("Report"):
+                        validate_report = gr.Markdown()
+                    with gr.Tab("Job logs"):
+                        validate_job_info = gr.Code(label="Job info/logs", language="json", elem_classes=["asf-status"])
 
             validate_refresh.click(fn=refresh_run_ui, inputs=[validate_run_id, validate_job_id], outputs=[validate_state, validate_events, validate_report, validate_job_info])
 
@@ -416,7 +486,8 @@ The builder tries to create an app optimized for ZeroGPU when GPU is needed. It
 ## What this app cannot guarantee
 
 It cannot guarantee that every model card becomes a working Space. It cannot bypass model licenses, ZeroGPU quota, billing requirements, custom CUDA build failures, multi-GPU needs, or missing model documentation.
-"""
+""",
+                elem_classes=["asf-hero"],
             )
 
     return demo