Update app.py

app.py

@@ -6,7 +6,7 @@ import os
 # ============================================
 # MiniMax-M2.1 Streaming Chat
 # Dual Provider: Novita (HF) + MiniMax Official API
-# Comic Classic Theme
+# Gradio 6.0 Compatible
 # ============================================
 
 # Provider 상태 관리
@@ -79,7 +79,7 @@ def chat_with_minimax(messages):
 def chat_respond(message, history):
     """
     Streaming chat with automatic fallback
-    Returns: tuple (history, status)
+    Gradio 6.0 messages format: [{"role": "user/assistant", "content": "..."}]
     """
     if not message.strip():
         return history, provider.get_status()
@@ -90,25 +90,26 @@ def chat_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 (Gradio 6.0 messages format)
     for h in history:
-        if isinstance(h, (list, tuple)) and len(h) == 2:
-            if h[0]:
-                api_messages.append({"role": "user", "content": h[0]})
-            if h[1]:
-                api_messages.append({"role": "assistant", "content": h[1]})
+        if isinstance(h, dict):
+            api_messages.append({"role": h.get("role", "user"), "content": h.get("content", "")})
     
     api_messages.append({"role": "user", "content": message})
     
     response_text = ""
-    current_status = provider.get_status()
     
     # 1차: Novita
     if provider.novita_available and provider.current_provider == "novita":
         try:
             for chunk in chat_with_novita(api_messages):
                 response_text += chunk
-                yield history + [[message, response_text]], "🟢 Novita (HuggingFace)"
+                # Gradio 6.0 messages format
+                new_history = history + [
+                    {"role": "user", "content": message},
+                    {"role": "assistant", "content": response_text}
+                ]
+                yield new_history, "🟢 Novita (HuggingFace)"
             return
         except Exception as e:
             error_msg = str(e).lower()
@@ -121,18 +122,30 @@ def chat_respond(message, history):
     # 2차: MiniMax
     try:
         if not os.environ.get("MINIMAX_API_KEY"):
-            yield history + [[message, "❌ MINIMAX_API_KEY not configured."]], "🔴 No API Key"
+            new_history = history + [
+                {"role": "user", "content": message},
+                {"role": "assistant", "content": "❌ MINIMAX_API_KEY not configured."}
+            ]
+            yield new_history, "🔴 No API Key"
             return
         
         for chunk in chat_with_minimax(api_messages):
             response_text += chunk
-            yield history + [[message, response_text]], "🟡 MiniMax Official API"
+            new_history = history + [
+                {"role": "user", "content": message},
+                {"role": "assistant", "content": response_text}
+            ]
+            yield new_history, "🟡 MiniMax Official API"
         return
         
     except Exception as e:
         if "rate limit" not in str(e).lower():
             provider.reset_to_novita()
-        yield history + [[message, f"❌ Error: {str(e)}"]], "🔴 Error"
+        new_history = history + [
+            {"role": "user", "content": message},
+            {"role": "assistant", "content": f"❌ Error: {str(e)}"}
+        ]
+        yield new_history, "🔴 Error"
 
 def reset_provider_fn():
     """수동으로 Novita로 리셋"""
@@ -147,10 +160,8 @@ def clear_chat_fn():
 # 🎨 Comic Classic Theme CSS
 # ============================================
 css = """
-/* ===== 🎨 Google Fonts Import ===== */
 @import url('https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap');
 
-/* ===== 🎨 Comic Classic 배경 ===== */
 .gradio-container {
     background-color: #FEF9C3 !important;
     background-image: radial-gradient(#1F2937 1px, transparent 1px) !important;
@@ -159,82 +170,40 @@ css = """
     font-family: 'Comic Neue', cursive, sans-serif !important;
 }
 
-/* ===== 허깅페이스 헤더 숨김 ===== */
-.huggingface-space-header,
-#space-header,
-.space-header,
-[class*="space-header"],
-.svelte-1ed2p3z,
-.space-header-badge,
-[data-testid="space-header"] {
+.huggingface-space-header, #space-header, .space-header, [class*="space-header"] {
     display: none !important;
-    visibility: hidden !important;
-    height: 0 !important;
-    width: 0 !important;
 }
 
-/* ===== Footer 숨김 ===== */
-footer,
-.footer,
-.gradio-container footer,
-.built-with,
-[class*="footer"],
-.gradio-footer,
-.show-api,
-.built-with-gradio {
+footer, .footer, .gradio-footer, .built-with-gradio {
     display: none !important;
-    visibility: hidden !important;
-    height: 0 !important;
 }
 
-/* ===== 🎨 헤더 타이틀 ===== */
 .header-text h1 {
     font-family: 'Bangers', cursive !important;
     color: #1F2937 !important;
     font-size: 3.5rem !important;
-    font-weight: 400 !important;
     text-align: center !important;
-    margin-bottom: 0.5rem !important;
-    text-shadow: 
-        4px 4px 0px #FACC15,
-        6px 6px 0px #1F2937 !important;
+    text-shadow: 4px 4px 0px #FACC15, 6px 6px 0px #1F2937 !important;
     letter-spacing: 3px !important;
     -webkit-text-stroke: 2px #1F2937 !important;
 }
 
-/* ===== 🎨 서브타이틀 ===== */
 .subtitle {
     text-align: center !important;
     font-family: 'Comic Neue', cursive !important;
     font-size: 1.2rem !important;
     color: #1F2937 !important;
-    margin-bottom: 1.5rem !important;
     font-weight: 700 !important;
 }
 
-/* ===== 🎨 카드/패널 ===== */
-.gr-panel,
-.gr-box,
-.gr-form,
-.block,
-.gr-group {
+.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;
-    transition: all 0.2s ease !important;
 }
 
-.gr-panel:hover,
-.block:hover {
-    transform: translate(-2px, -2px) !important;
-    box-shadow: 8px 8px 0px #1F2937 !important;
-}
-
-/* ===== 🎨 입력 필드 ===== */
-textarea, 
-input[type="text"], 
-input[type="number"] {
+textarea, input[type="text"] {
     background: #FFFFFF !important;
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
@@ -244,23 +213,18 @@ input[type="number"] {
     font-weight: 700 !important;
 }
 
-textarea:focus, 
-input[type="text"]:focus {
+textarea:focus, input[type="text"]:focus {
     border-color: #3B82F6 !important;
     box-shadow: 4px 4px 0px #3B82F6 !important;
     outline: none !important;
 }
 
-/* ===== 🎨 Primary 버튼 ===== */
-.gr-button-primary,
-button.primary,
-.gr-button.primary {
+.gr-button-primary, button.primary {
     background: #3B82F6 !important;
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
     color: #FFFFFF !important;
     font-family: 'Bangers', cursive !important;
-    font-weight: 400 !important;
     font-size: 1.3rem !important;
     letter-spacing: 2px !important;
     padding: 14px 28px !important;
@@ -268,52 +232,35 @@ button.primary,
     text-shadow: 1px 1px 0px #1F2937 !important;
 }
 
-.gr-button-primary:hover,
-button.primary:hover {
+.gr-button-primary:hover, button.primary:hover {
     background: #2563EB !important;
     transform: translate(-2px, -2px) !important;
     box-shadow: 7px 7px 0px #1F2937 !important;
 }
 
-.gr-button-primary:active,
-button.primary:active {
-    transform: translate(3px, 3px) !important;
-    box-shadow: 2px 2px 0px #1F2937 !important;
-}
-
-/* ===== 🎨 Secondary 버튼 ===== */
-.gr-button-secondary,
-button.secondary {
+.gr-button-secondary, button.secondary {
     background: #EF4444 !important;
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
     color: #FFFFFF !important;
     font-family: 'Bangers', cursive !important;
-    font-weight: 400 !important;
     font-size: 1.1rem !important;
     box-shadow: 4px 4px 0px #1F2937 !important;
-    text-shadow: 1px 1px 0px #1F2937 !important;
 }
 
-.gr-button-secondary:hover,
-button.secondary:hover {
+.gr-button-secondary:hover, button.secondary:hover {
     background: #DC2626 !important;
     transform: translate(-2px, -2px) !important;
-    box-shadow: 6px 6px 0px #1F2937 !important;
 }
 
-/* ===== 🎨 로그/상태 출력 ===== */
 .status-box textarea {
     background: #1F2937 !important;
     color: #10B981 !important;
     font-family: 'Courier New', monospace !important;
-    font-size: 0.9rem !important;
     border: 3px solid #10B981 !important;
-    border-radius: 8px !important;
     box-shadow: 4px 4px 0px #10B981 !important;
 }
 
-/* ===== 🎨 아코디언 ===== */
 .gr-accordion {
     background: #FACC15 !important;
     border: 3px solid #1F2937 !important;
@@ -321,7 +268,6 @@ button.secondary:hover {
     box-shadow: 4px 4px 0px #1F2937 !important;
 }
 
-/* ===== 🎨 채팅 영역 ===== */
 .chatbot {
     border: 3px solid #1F2937 !important;
     border-radius: 12px !important;
@@ -329,7 +275,6 @@ button.secondary:hover {
     background: #FFFFFF !important;
 }
 
-/* ===== 🎨 코드 블록 ===== */
 pre, code {
     background: #1F2937 !important;
     color: #10B981 !important;
@@ -338,59 +283,23 @@ pre, code {
     font-family: 'Courier New', monospace !important;
 }
 
-/* ===== 🎨 라벨 ===== */
-label,
-.gr-input-label,
-.gr-block-label {
-    color: #1F2937 !important;
-    font-family: 'Comic Neue', cursive !important;
-    font-weight: 700 !important;
-}
-
-/* ===== 🎨 스크롤바 ===== */
-::-webkit-scrollbar {
-    width: 12px;
-}
+::-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; }
 
-::-webkit-scrollbar-track {
-    background: #FEF9C3;
-    border: 2px solid #1F2937;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #3B82F6;
-    border: 2px solid #1F2937;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: #EF4444;
-}
-
-/* ===== 🎨 선택 하이라이트 ===== */
-::selection {
-    background: #FACC15;
-    color: #1F2937;
-}
-
-/* ===== 반응형 ===== */
 @media (max-width: 768px) {
-    .header-text h1 {
-        font-size: 2.2rem !important;
-        text-shadow: 3px 3px 0px #FACC15, 4px 4px 0px #1F2937 !important;
-    }
-    
-    .gr-button-primary,
-    button.primary {
-        padding: 12px 20px !important;
-        font-size: 1.1rem !important;
-    }
+    .header-text h1 { font-size: 2.2rem !important; }
 }
 """
 
 # ============================================
-# Gradio Interface (gr.Blocks 스타일)
+# Gradio Interface (Gradio 6.0 Compatible)
 # ============================================
-with gr.Blocks(fill_height=True, css=css) as demo:
+with gr.Blocks(fill_height=True) as demo:
+    
+    # Inject CSS via HTML
+    gr.HTML(f"<style>{css}</style>")
     
     # HOME Badge
     gr.HTML("""
@@ -405,14 +314,8 @@ with gr.Blocks(fill_height=True, css=css) as demo:
     """)
     
     # Header Title
-    gr.Markdown(
-        """# 🤖 MINIMAX-M2.1 CHAT 💬""",
-        elem_classes="header-text"
-    )
-    
-    gr.Markdown(
-        """<p class="subtitle">⚡ Claude Sonnet 4.5 수준의 코딩 & 에이전트 성능! 230B 파라미터 오픈소스 모델 🚀</p>"""
-    )
+    gr.Markdown("""# 🤖 MINIMAX-M2.1 CHAT 💬""", elem_classes="header-text")
+    gr.Markdown("""<p class="subtitle">⚡ Claude Sonnet 4.5 수준의 코딩 & 에이전트 성능! 230B 파라미터 오픈소스 모델 🚀</p>""")
     
     # Model Info Box
     gr.HTML("""
@@ -440,7 +343,7 @@ with gr.Blocks(fill_height=True, css=css) as demo:
                 )
                 reset_btn = gr.Button("🔄 Reset", variant="secondary", scale=1)
             
-            # Chatbot
+            # Chatbot - Gradio 6.0 uses messages format by default
             chatbot = gr.Chatbot(
                 label="💬 Chat",
                 height=450,
@@ -524,4 +427,4 @@ MINIMAX_API_KEY
     reset_btn.click(reset_provider_fn, outputs=[provider_status])
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(ssr_mode=False)