Update app.py

app.py

@@ -6,10 +6,10 @@ import os
 # ============================================
 # MiniMax-M2.1 Streaming Chat
 # Dual Provider: Novita (HF) + MiniMax Official API
-# Gradio 6.0 Compatible
+# Gradio 6.0 Compatible - Full Width Layout
 # ============================================
 
-# Provider 상태 관리
+# Provider Management
 class ProviderManager:
     def __init__(self):
         self.current_provider = "novita"
@@ -47,7 +47,7 @@ class ProviderManager:
 provider = ProviderManager()
 
 def chat_with_novita(messages):
-    """Novita provider를 통한 스트리밍"""
+    """Streaming via Novita provider"""
     stream = provider.novita_client.chat.completions.create(
         model="MiniMaxAI/MiniMax-M2.1",
         messages=messages,
@@ -62,7 +62,7 @@ def chat_with_novita(messages):
             yield chunk.choices[0].delta.content
 
 def chat_with_minimax(messages):
-    """MiniMax 공식 API를 통한 스트리밍"""
+    """Streaming via MiniMax Official API"""
     stream = provider.minimax_client.chat.completions.create(
         model="MiniMax-M2.1",
         messages=messages,
@@ -99,12 +99,11 @@ def chat_respond(message, history):
     
     response_text = ""
     
-    # 1차: Novita
+    # 1st: Try Novita
     if provider.novita_available and provider.current_provider == "novita":
         try:
             for chunk in chat_with_novita(api_messages):
                 response_text += chunk
-                # Gradio 6.0 messages format
                 new_history = history + [
                     {"role": "user", "content": message},
                     {"role": "assistant", "content": response_text}
@@ -119,7 +118,7 @@ def chat_respond(message, history):
             else:
                 print(f"⚠️ Novita error: {e}")
     
-    # 2차: MiniMax
+    # 2nd: Fallback to MiniMax
     try:
         if not os.environ.get("MINIMAX_API_KEY"):
             new_history = history + [
@@ -148,12 +147,12 @@ def chat_respond(message, history):
         yield new_history, "🔴 Error"
 
 def reset_provider_fn():
-    """수동으로 Novita로 리셋"""
+    """Manually reset to Novita"""
     provider.reset_to_novita()
     return "✅ Reset to Novita!"
 
 def clear_chat_fn():
-    """채팅 초기화"""
+    """Clear chat history"""
     return [], "", provider.get_status()
 
 # ============================================
@@ -261,13 +260,6 @@ textarea:focus, input[type="text"]:focus {
     box-shadow: 4px 4px 0px #10B981 !important;
 }
 
-.gr-accordion {
-    background: #FACC15 !important;
-    border: 3px solid #1F2937 !important;
-    border-radius: 8px !important;
-    box-shadow: 4px 4px 0px #1F2937 !important;
-}
-
 .chatbot {
     border: 3px solid #1F2937 !important;
     border-radius: 12px !important;
@@ -294,7 +286,7 @@ pre, code {
 """
 
 # ============================================
-# Gradio Interface (Gradio 6.0 Compatible)
+# Gradio Interface - Full Width Layout (English)
 # ============================================
 with gr.Blocks(fill_height=True) as demo:
     
@@ -315,11 +307,11 @@ with gr.Blocks(fill_height=True) 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("""<p class="subtitle">⚡ Claude Sonnet 4.5-level Coding & Agent Performance! 230B Parameter Open Source Model 🚀</p>""")
     
     # Model Info Box
     gr.HTML("""
-        <div style="background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%); border: 3px solid #1F2937; border-radius: 12px; padding: 15px; color: white; box-shadow: 5px 5px 0px #1F2937; margin: 0 auto 20px auto; max-width: 800px;">
+        <div style="background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%); border: 3px solid #1F2937; border-radius: 12px; padding: 15px; color: white; box-shadow: 5px 5px 0px #1F2937; margin: 0 auto 20px auto; max-width: 1200px;">
             <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>
@@ -329,84 +321,37 @@ with gr.Blocks(fill_height=True) as demo:
         </div>
     """)
     
-    with gr.Row(equal_height=False):
-        # Left Column - Chat
-        with gr.Column(scale=2, min_width=400):
-            # Provider Status
-            with gr.Row():
-                provider_status = gr.Textbox(
-                    value="🟢 Novita (HuggingFace)",
-                    label="🔌 Current Provider",
-                    interactive=False,
-                    elem_classes="status-box",
-                    scale=3
-                )
-                reset_btn = gr.Button("🔄 Reset", variant="secondary", scale=1)
-            
-            # Chatbot - Gradio 6.0 uses messages format by default
-            chatbot = gr.Chatbot(
-                label="💬 Chat",
-                height=450,
-                show_label=False,
-                elem_classes="chatbot"
-            )
-            
-            # Input Row
-            with gr.Row():
-                msg = gr.Textbox(
-                    label="",
-                    placeholder="메시지를 입력하세요... (코딩, 분석, 창작 등 무엇이든!)",
-                    scale=8,
-                    container=False
-                )
-                submit_btn = gr.Button("📤 SEND", variant="primary", scale=2)
-            
-            # Clear Button
-            clear_btn = gr.Button("🗑️ CLEAR CHAT", variant="secondary")
-        
-        # Right Column - Info
-        with gr.Column(scale=1, min_width=300):
-            with gr.Accordion("💡 Example Prompts", open=True):
-                gr.Markdown("""
-**코딩:**
-- Python으로 퀵소트 구현해줘
-- React Todo 앱 만들어줘
-- FastAPI JWT 인증 구현해줘
-
-**설명:**
-- Docker vs Kubernetes 차이점
-- REST API 설계 베스트 프랙티스
-
-**분석:**
-- 머신러닝 배포 파이프라인 설계
-                """)
-            
-            with gr.Accordion("🔌 Provider Info", open=False):
-                gr.Markdown("""
-### 듀얼 프로바이더
-
-**1차: Novita (HuggingFace)**
-- HF PRO 크레딧 사용
-
-**2차: MiniMax Official API**
-- 크레딧 소진 시 자동 전환
-- 현재 한시적 무료
-
-### Secrets 설정
-```
-HF_TOKEN
-MINIMAX_API_KEY
-```
-                """)
-            
-            with gr.Accordion("🎯 Model Info", open=False):
-                gr.Markdown("""
-- **🏆 SOTA 코딩** — Claude Sonnet 4.5 능가
-- **🌍 다국어** — Python, Rust, Java, Go, C++
-- **🤖 에이전트** — 멀티스텝 태스크
-- **💡 추론** — Interleaved Thinking
-- **🔧 도구** — 함수 호출 지원
-                """)
+    # Provider Status Row
+    with gr.Row():
+        provider_status = gr.Textbox(
+            value="🟢 Novita (HuggingFace)",
+            label="🔌 Current Provider",
+            interactive=False,
+            elem_classes="status-box",
+            scale=4
+        )
+        reset_btn = gr.Button("🔄 Reset Provider", variant="secondary", scale=1)
+    
+    # Chatbot - Full Width
+    chatbot = gr.Chatbot(
+        label="💬 Chat",
+        height=500,
+        show_label=False,
+        elem_classes="chatbot"
+    )
+    
+    # Input Row
+    with gr.Row():
+        msg = gr.Textbox(
+            label="",
+            placeholder="Enter your message... (coding, analysis, creative writing, anything!)",
+            scale=8,
+            container=False
+        )
+        submit_btn = gr.Button("📤 SEND", variant="primary", scale=2)
+    
+    # Clear Button
+    clear_btn = gr.Button("🗑️ CLEAR CHAT", variant="secondary")
     
     # Event Handlers
     def respond(message, history):