Update app.py

app.py

@@ -89,7 +89,7 @@ def respond(message, history):
         "content": "You are MiniMax-M2.1, a helpful AI assistant built by MiniMax. You excel at coding, tool use, and complex reasoning tasks. Respond in the same language as the user."
     }]
     
-    # Add history
+    # Add history (handle both dict and tuple formats)
     for h in history:
         if isinstance(h, dict):
             api_messages.append({"role": h.get("role", "user"), "content": h.get("content", "")})
@@ -121,7 +121,7 @@ def respond(message, history):
     # 2차: MiniMax
     try:
         if not os.environ.get("MINIMAX_API_KEY"):
-            yield "❌ Error: MINIMAX_API_KEY not configured."
+            yield "❌ Error: MINIMAX_API_KEY not configured. Please add it to Space Secrets."
             return
         
         for chunk in chat_with_minimax(api_messages):
@@ -135,69 +135,41 @@ def respond(message, history):
         yield f"❌ Error: {str(e)}"
 
 # ============================================
-# 🎨 Comic Classic Theme CSS
+# Header HTML with embedded styles
 # ============================================
-css = """
+header_html = """
+<style>
 @import url('https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap');
 
 .gradio-container {
     background-color: #FEF9C3 !important;
     background-image: radial-gradient(#1F2937 1px, transparent 1px) !important;
     background-size: 20px 20px !important;
-    min-height: 100vh !important;
     font-family: 'Comic Neue', cursive, sans-serif !important;
 }
 
-.huggingface-space-header, #space-header, .space-header, [class*="space-header"] {
-    display: none !important;
-}
-
-footer, .footer, .gradio-footer, .built-with-gradio {
-    display: none !important;
-}
+footer { display: none !important; }
 
 h1 {
     font-family: 'Bangers', cursive !important;
     color: #1F2937 !important;
-    font-size: 3rem !important;
-    text-align: center !important;
     text-shadow: 4px 4px 0px #FACC15, 6px 6px 0px #1F2937 !important;
     letter-spacing: 3px !important;
 }
 
-.chatbot {
-    background: #FFFFFF !important;
-    border: 3px solid #1F2937 !important;
-    border-radius: 12px !important;
-    box-shadow: 6px 6px 0px #1F2937 !important;
-}
-
-textarea, input[type="text"] {
-    background: #FFFFFF !important;
+textarea {
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
-    color: #1F2937 !important;
     font-family: 'Comic Neue', cursive !important;
-    font-size: 1rem !important;
-    font-weight: 700 !important;
-}
-
-textarea:focus, input[type="text"]:focus {
-    border-color: #3B82F6 !important;
-    box-shadow: 4px 4px 0px #3B82F6 !important;
-    outline: none !important;
 }
 
 button {
     background: #3B82F6 !important;
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
-    color: #FFFFFF !important;
+    color: white !important;
     font-family: 'Bangers', cursive !important;
-    font-size: 1.1rem !important;
-    letter-spacing: 2px !important;
     box-shadow: 4px 4px 0px #1F2937 !important;
-    text-shadow: 1px 1px 0px #1F2937 !important;
 }
 
 button:hover {
@@ -206,74 +178,27 @@ button:hover {
     box-shadow: 6px 6px 0px #1F2937 !important;
 }
 
-button:active {
-    transform: translate(2px, 2px) !important;
-    box-shadow: 2px 2px 0px #1F2937 !important;
-}
-
-.secondary {
-    background: #EF4444 !important;
-}
-
-.secondary:hover {
-    background: #DC2626 !important;
-}
-
-.gr-panel, .gr-box, .block, .gr-group {
-    background: #FFFFFF !important;
-    border: 3px solid #1F2937 !important;
-    border-radius: 8px !important;
-    box-shadow: 6px 6px 0px #1F2937 !important;
-}
-
-.gr-accordion {
-    background: #FACC15 !important;
-    border: 3px solid #1F2937 !important;
-    border-radius: 8px !important;
-    box-shadow: 4px 4px 0px #1F2937 !important;
-}
-
-.model-info {
-    background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%) !important;
+.chatbot {
     border: 3px solid #1F2937 !important;
     border-radius: 12px !important;
-    padding: 15px !important;
-    color: white !important;
-    box-shadow: 5px 5px 0px #1F2937 !important;
-    margin: 20px 0 !important;
+    box-shadow: 6px 6px 0px #1F2937 !important;
 }
 
 pre, code {
     background: #1F2937 !important;
     color: #10B981 !important;
-    border: 2px solid #10B981 !important;
     border-radius: 6px !important;
-    font-family: 'Courier New', monospace !important;
-}
-
-::-webkit-scrollbar { width: 12px; }
-::-webkit-scrollbar-track { background: #FEF9C3; border: 2px solid #1F2937; }
-::-webkit-scrollbar-thumb { background: #3B82F6; border: 2px solid #1F2937; }
-::-webkit-scrollbar-thumb:hover { background: #EF4444; }
-
-@media (max-width: 768px) {
-    h1 { font-size: 2rem !important; }
 }
-"""
-
-# ============================================
-# Gradio ChatInterface (Simple & Compatible)
-# ============================================
+</style>
 
-# Header HTML
-header_html = """
 <div style="text-align: center; margin: 10px 0;">
-    <a href="https://www.humangen.ai" target="_blank" style="text-decoration: none;">
+    <a href="https://www.humangen.ai" target="_blank">
         <img src="https://img.shields.io/static/v1?label=🏠 HOME&message=HUMANGEN.AI&color=0000ff&labelColor=ffcc00&style=for-the-badge" alt="HOME">
     </a>
 
 </div>
-<div class="model-info">
+
+<div style="background: linear-gradient(135deg, #3B82F6, #8B5CF6); border: 3px solid #1F2937; border-radius: 12px; padding: 15px; color: white; box-shadow: 5px 5px 0px #1F2937; margin: 15px 0;">
     <div style="display: flex; justify-content: space-around; flex-wrap: wrap; text-align: center;">
         <div><strong style="font-size: 1.5rem;">230B</strong><br><span style="font-size: 0.9rem;">Total Params</span></div>
         <div><strong style="font-size: 1.5rem;">10B</strong><br><span style="font-size: 0.9rem;">Active Params</span></div>
@@ -281,9 +206,15 @@ header_html = """
         <div><strong style="font-size: 1.5rem;">#1</strong><br><span style="font-size: 0.9rem;">Open Source</span></div>
     </div>
 </div>
+
+<p style="text-align: center; font-family: 'Comic Neue', sans-serif; font-weight: bold; color: #1F2937;">
+    ⚡ Claude Sonnet 4.5 수준의 코딩 & 에이전트 성능! | 🔄 Novita 크레딧 소진 시 MiniMax API로 자동 전환
+</p>
 """
 
+# ============================================
 # Create ChatInterface
+# ============================================
 demo = gr.ChatInterface(
     fn=respond,
     title="🤖 MINIMAX-M2.1 CHAT 💬",
@@ -295,7 +226,6 @@ demo = gr.ChatInterface(
         "FastAPI로 JWT 인증 구현해줘",
         "머신러닝 모델 배포 파이프라인을 설계해줘",
     ],
-    css=css,
     theme=gr.themes.Soft(),
 )