Update app.py

app.py

@@ -586,34 +586,33 @@ with gr.Blocks(title="PrettyBird – Behavioral Consciousness Engine (BCE)") as
     </div>
     """)
 
-    with gr.Row():
-        with gr.Column(scale=2, elem_id="prettybird-chat"):
-            chatbot = gr.ChatInterface(
-                fn=respond,
-            )
-        with gr.Column(scale=1):
-            gr.HTML(
-                '<div class="pb-side-card">'
-                '<h3>🕊️ BCE in a Nutshell</h3>'
-                f'<p>{BCE_SHORT_TR}</p>'
-                '<div class="bce-meter">'
-                '<div class="bce-meter-row">'
+with gr.Row():
+    with gr.Column(scale=2, elem_id="prettybird-chat"):
+        chatbot = gr.ChatInterface(fn=respond)
+
+    with gr.Column(scale=1):
+        gr.HTML(
+            '<div class="pb-side-card">'
+            '<h3>🕊️ BCE in a Nutshell</h3>'
+            f'<p>{BCE_SHORT_TR}</p>'
+            '<div class="bce-meter">'
+              '<div class="bce-meter-row">'
                 '<span class="bce-meter-label">BCE State</span>'
                 '<div class="bce-meter-bar"><div class="bce-meter-fill state"></div></div>'
-                '</div>'
-                '<div class="bce-meter-row">'
+              '</div>'
+              '<div class="bce-meter-row">'
                 '<span class="bce-meter-label">Stability</span>'
                 '<div class="bce-meter-bar"><div class="bce-meter-fill stability"></div></div>'
-                '</div>'
-                '<div class="bce-meter-row">'
+              '</div>'
+              '<div class="bce-meter-row">'
                 '<span class="bce-meter-label">Creativity</span>'
                 '<div class="bce-meter-bar"><div class="bce-meter-fill creativity"></div></div>'
-                '</div>'
-                '</div>'
-                '</div>'
-            )
-    # Music
-    with gr.Group(elem_classes=["pb-music-wrap"]):
+              '</div>'
+            '</div>'
+            '</div>'
+        )
+
+        # ✅ Music: aynı sağ column içinde, kartın ALTINDA
         gr.HTML(
             f"""
             <div class="pb-music-title">
@@ -622,13 +621,14 @@ with gr.Blocks(title="PrettyBird – Behavioral Consciousness Engine (BCE)") as
             </div>
             """
         )
-        music = gr.Audio(
-            value=MUSIC_FILE_REL,  # relative path in repo
-            autoplay=True,
+        gr.Audio(
+            value=MUSIC_FILE_REL,
+            autoplay=False,   # HF’de autoplay çoğu zaman bloklanır
             loop=True,
-            interactive=False,
+            interactive=True,
             show_label=False,
         )
 
+
 if __name__ == "__main__":
     demo.launch()