single-page layout: generator left, community feed right; hide gradio footer + api link

app.py

@@ -395,6 +395,8 @@ body {
 .song-links a { color: #a855f7; text-decoration: none; margin-right: 8px; }
 .empty-feed { text-align: center; padding: 40px 10px; color: #94a3b8; }
 audio::-webkit-media-controls-panel { background: #1f2937; }
+/* hide Gradio footer: Use via API · Built with Gradio · Settings */
+footer { display: none !important; }
 """
 
 with gr.Blocks(css=custom_css, title="YuE2-3B Music Generator") as demo:
@@ -411,79 +413,73 @@ with gr.Blocks(css=custom_css, title="YuE2-3B Music Generator") as demo:
         """
     )
 
-    with gr.Tabs():
-        with gr.Tab("🎵 Generate"):
-            with gr.Row():
-                with gr.Column(scale=5):
-                    title_input = gr.Textbox(
-                        label="🏷️ Title (optional — auto from style if empty)",
-                        value="",
-                        placeholder="e.g. Reggaeton Latin Spanish Old",
-                        lines=1,
-                    )
-                    style = gr.Textbox(
-                        label="🎨 Style Prompt",
-                        value="Cyber metal, English, aggressive male vocals, distorted guitars, double-kick drums",
-                        lines=3
-                    )
-                    tags_input = gr.Textbox(
-                        label="🏷️ Tags (comma separated, shown in community feed)",
-                        value="",
-                        placeholder="e.g. pop, melodic, cinematic",
-                        lines=1,
-                    )
-                    lyrics = gr.Textbox(
-                        label="📜 Lyrics ([verse] / [chorus] structure)",
-                        value="[verse]\nnothing here but static skies\nwe ride the current till it dies",
-                        lines=8
-                    )
-                    with gr.Row():
-                        cot = gr.Radio(["full", "melody", "off"], value="full", label="CoT Mode")
-                        seed = gr.Number(label="Seed (0 for Random)", value=0, precision=0)
-                        cfg = gr.Number(label="CFG Scale", value=1.0, precision=2)
-                    with gr.Row():
-                        bpm_input = gr.Number(label="BPM", value=120, precision=0)
-                        lang_input = gr.Textbox(label="Language", value="en", lines=1)
-
-                    btn = gr.Button("🚀 Generate Song", elem_classes=["generate-btn"])
-
-                with gr.Column(scale=5):
-                    audio = gr.Audio(label="🎧 Generated Song Player", type="filepath")
-                    mp3_file = gr.File(label="📥 Download MP3 (320kbps)")
-                    info = gr.Textbox(label="ℹ️ Generation Info", interactive=False)
-
-            gen_event = btn.click(
-                fn=generate,
-                inputs=[style, lyrics, cot, seed, cfg, title_input, bpm_input, lang_input, tags_input],
-                outputs=[audio, mp3_file, info],
-                queue=True
+    with gr.Row():
+        # LEFT: generator
+        with gr.Column(scale=5):
+            title_input = gr.Textbox(
+                label="🏷️ Title (optional — auto from style if empty)",
+                value="",
+                placeholder="e.g. Reggaeton Latin Spanish Old",
+                lines=1,
             )
-
-        with gr.Tab("🌍 Community Songs"):
-            gr.Markdown(
-                "Latest songs generated by users — auto-shared to the "
-                "[YuE2-community dataset](https://huggingface.co/datasets/directedbykobyperez/YuE2-community). "
-                "The feed loads automatically and refreshes after each generation."
+            style = gr.Textbox(
+                label="🎨 Style Prompt",
+                value="Cyber metal, English, aggressive male vocals, distorted guitars, double-kick drums",
+                lines=3
+            )
+            tags_input = gr.Textbox(
+                label="🏷️ Tags (comma separated, shown in community feed)",
+                value="",
+                placeholder="e.g. pop, melodic, cinematic",
+                lines=1,
             )
+            lyrics = gr.Textbox(
+                label="📜 Lyrics ([verse] / [chorus] structure)",
+                value="[verse]\nnothing here but static skies\nwe ride the current till it dies",
+                lines=8
+            )
+            with gr.Row():
+                cot = gr.Radio(["full", "melody", "off"], value="full", label="CoT Mode")
+                seed = gr.Number(label="Seed (0 for Random)", value=0, precision=0)
+                cfg = gr.Number(label="CFG Scale", value=1.0, precision=2)
             with gr.Row():
-                search_box = gr.Textbox(label="🔍 Search (title / prompt / lyrics / tags / id)", value="", lines=1, scale=4)
+                bpm_input = gr.Number(label="BPM", value=120, precision=0)
+                lang_input = gr.Textbox(label="Language", value="en", lines=1)
+
+            btn = gr.Button("🚀 Generate Song", elem_classes=["generate-btn"])
+            audio = gr.Audio(label="🎧 Generated Song Player", type="filepath")
+            mp3_file = gr.File(label="📥 Download MP3 (320kbps)")
+            info = gr.Textbox(label="ℹ️ Generation Info", interactive=False)
+
+        # RIGHT: community generations
+        with gr.Column(scale=6):
+            gr.Markdown("### 🌍 Latest Community Songs")
+            with gr.Row():
+                search_box = gr.Textbox(label="🔍 Search", value="", placeholder="title / prompt / lyrics / tags / id", lines=1, scale=4)
                 limit_slider = gr.Slider(5, 60, value=20, step=5, label="How many")
                 refresh_btn = gr.Button("🔄 Refresh", scale=1)
-            feed_status = gr.Textbox(label="Status", interactive=False, value="Press Refresh to load songs.")
-            feed_html = gr.HTML("<div class='empty-feed'>Press 🔄 Refresh to load the latest community songs.</div>")
+            feed_status = gr.Textbox(label="Status", interactive=False, value="Loading songs...")
+            feed_html = gr.HTML("<div class='empty-feed'>Loading latest community songs...</div>")
+
+    gen_event = btn.click(
+        fn=generate,
+        inputs=[style, lyrics, cot, seed, cfg, title_input, bpm_input, lang_input, tags_input],
+        outputs=[audio, mp3_file, info],
+        queue=True
+    )
 
-            refresh_btn.click(
-                fn=refresh_feed,
-                inputs=[search_box, limit_slider],
-                outputs=[feed_html, feed_status],
-            )
+    refresh_btn.click(
+        fn=refresh_feed,
+        inputs=[search_box, limit_slider],
+        outputs=[feed_html, feed_status],
+    )
 
-            # auto-refresh feed right after each generation (CPU-only, no extra GPU time)
-            gen_event.then(
-                fn=refresh_feed,
-                inputs=[search_box, limit_slider],
-                outputs=[feed_html, feed_status],
-            )
+    # auto-refresh feed right after each generation (CPU-only, no extra GPU time)
+    gen_event.then(
+        fn=refresh_feed,
+        inputs=[search_box, limit_slider],
+        outputs=[feed_html, feed_status],
+    )
 
     # auto-load feed on page open so users see songs without pressing Refresh
     demo.load(
@@ -492,4 +488,4 @@ with gr.Blocks(css=custom_css, title="YuE2-3B Music Generator") as demo:
         outputs=[feed_html, feed_status],
     )
 
-demo.queue().launch()
+demo.queue().launch(show_api=False)