Update app.py

app.py

@@ -586,33 +586,34 @@ 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: aynı sağ column içinde, kartın ALTINDA
+                '</div>'
+                '</div>'
+                '</div>'
+            )
+    # Music
+    with gr.Group(elem_classes=["pb-music-wrap"]):
         gr.HTML(
             f"""
             <div class="pb-music-title">
@@ -621,14 +622,13 @@ with gr.Row():
             </div>
             """
         )
-        gr.Audio(
-            value=MUSIC_FILE_REL,
-            autoplay=False,   # HF’de autoplay çoğu zaman bloklanır
+        music = gr.Audio(
+            value=MUSIC_FILE_REL,  # relative path in repo
+            autoplay=True,
             loop=True,
-            interactive=True,
+            interactive=False,
             show_label=False,
         )
 
-
 if __name__ == "__main__":
     demo.launch()