Update app.py

app.py

@@ -1,14 +1,50 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
 import os
+import traceback
 
-fancy_css = """..."""
+fancy_css = """
+#main-container {
+    background-color: #f0f0f0;
+    font-family: 'Arial', sans-serif;
+}
+.gradio-container {
+    max-width: 700px;
+    margin: 0 auto;
+    padding: 20px;
+    background: white;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+}
+.gr-button {
+    background-color: #4CAF50;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+.gr-button:hover {
+    background-color: #45a049;
+}
+.gr-chat {
+    font-size: 16px;
+}
+#title {
+    text-align: center;
+    font-size: 2em;
+    margin-bottom: 20px;
+    color: #333;
+}
+"""
 
 CHORD_SYSTEM_PROMPT = """You are a music theory expert specialized in chord identification.
 Given a list of notes (like "C E G" or "D F# A C"), identify the chord name.
 Always respond with the chord name and a short explanation of the intervals.
 """
 
+# Read token from Secrets (set in Space -> Settings -> Repository secrets)
 HF_TOKEN = os.environ.get("HF_TOKEN")
 client = InferenceClient(token=HF_TOKEN, model="google/flan-t5-small")
 
@@ -35,7 +71,9 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
             yield "⚠️ No response from model (check model ID or token)."
 
     except Exception as e:
-        yield f"⚠️ Error: {str(e)}"
+        tb = traceback.format_exc()
+        yield f"⚠️ Error: {str(e)}\n\nTraceback:\n{tb}"
+
 
 chatbot = gr.ChatInterface(
     fn=respond,