Update app.py

app.py

@@ -1,137 +1,193 @@
 import gradio as gr
-import cv2
-import tempfile
+from huggingface_hub import InferenceClient
+from openai import OpenAI
 import os
-from PIL import Image
 
-def extract_last_frame(video_file):
+# ============================================
+# MiniMax-M2.1 Streaming Chat
+# Dual Provider: Novita (HF) + MiniMax Official API
+# Comic Classic Theme
+# ============================================
+
+# Provider 상태 관리
+class ProviderManager:
+    def __init__(self):
+        self.current_provider = "novita"
+        self.novita_available = True
+        
+        # Novita Client (via HuggingFace)
+        self.novita_client = InferenceClient(
+            provider="novita",
+            api_key=os.environ.get("HF_TOKEN"),
+        )
+        
+        # MiniMax Official API Client
+        self.minimax_client = OpenAI(
+            api_key=os.environ.get("MINIMAX_API_KEY", ""),
+            base_url="https://api.minimax.chat/v1"
+        )
+    
+    def get_status(self):
+        if self.current_provider == "novita":
+            return "🟢 Novita (HuggingFace)"
+        else:
+            return "🟡 MiniMax Official API"
+    
+    def switch_to_minimax(self):
+        self.current_provider = "minimax"
+        self.novita_available = False
+        print("⚠️ Switched to MiniMax Official API")
+    
+    def reset_to_novita(self):
+        self.current_provider = "novita"
+        self.novita_available = True
+        print("✅ Reset to Novita provider")
+
+# Global provider manager
+provider = ProviderManager()
+
+def chat_with_novita(messages):
+    """Novita provider를 통한 스트리밍"""
+    stream = provider.novita_client.chat.completions.create(
+        model="MiniMaxAI/MiniMax-M2.1",
+        messages=messages,
+        max_tokens=4096,
+        temperature=1.0,
+        top_p=0.95,
+        stream=True
+    )
+    
+    for chunk in stream:
+        if chunk.choices[0].delta.content:
+            yield chunk.choices[0].delta.content
+
+def chat_with_minimax(messages):
+    """MiniMax 공식 API를 통한 스트리밍"""
+    stream = provider.minimax_client.chat.completions.create(
+        model="MiniMax-M2.1",
+        messages=messages,
+        max_tokens=4096,
+        temperature=1.0,
+        top_p=0.95,
+        stream=True
+    )
+    
+    for chunk in stream:
+        if chunk.choices and chunk.choices[0].delta.content:
+            yield chunk.choices[0].delta.content
+
+def chat_respond(message, history):
     """
-    비디오 파일에서 마지막 프레임을 추출하여 이미지로 반환
+    Streaming chat with automatic fallback
+    Returns: tuple (history, status)
     """
-    if video_file is None:
-        return None, "⚠️ Please upload a video file first!"
+    if not message.strip():
+        return history, provider.get_status()
     
+    # Build API messages
+    api_messages = [{
+        "role": "system",
+        "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
+    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]})
+    
+    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)"
+            return
+        except Exception as e:
+            error_msg = str(e).lower()
+            if any(kw in error_msg for kw in ["rate limit", "quota", "exceeded", "insufficient", "credit", "balance", "limit", "429", "402", "payment"]):
+                print(f"⚠️ Novita error: {e}")
+                provider.switch_to_minimax()
+            else:
+                print(f"⚠️ Novita error: {e}")
+    
+    # 2차: MiniMax
     try:
-        # OpenCV로 비디오 열기
-        cap = cv2.VideoCapture(video_file)
-        
-        if not cap.isOpened():
-            return None, "❌ Error: Cannot open video file!"
-        
-        # 비디오 정보 가져오기
-        total_frames = int(cap.get(cv2.CAP_PROP_FRAME_COUNT))
-        fps = cap.get(cv2.CAP_PROP_FPS)
-        width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
-        height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
-        duration = total_frames / fps if fps > 0 else 0
-        
-        if total_frames <= 0:
-            cap.release()
-            return None, "❌ Error: Video has no frames!"
-        
-        # 마지막 프레임으로 이동
-        cap.set(cv2.CAP_PROP_POS_FRAMES, total_frames - 1)
-        
-        # 프���임 읽기
-        ret, frame = cap.read()
-        cap.release()
-        
-        if not ret:
-            return None, "❌ Error: Cannot read the last frame!"
-        
-        # BGR to RGB 변환
-        frame_rgb = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
-        
-        # PIL Image로 변환
-        image = Image.fromarray(frame_rgb)
+        if not os.environ.get("MINIMAX_API_KEY"):
+            yield history + [[message, "❌ MINIMAX_API_KEY not configured."]], "🔴 No API Key"
+            return
         
-        # 정보 로그 생성
-        info_log = f"""✅ EXTRACTION COMPLETE!
-{'=' * 50}
-📹 Video Info:
-   • Total Frames: {total_frames:,}
-   • FPS: {fps:.2f}
-   • Duration: {duration:.2f} seconds
-   • Resolution: {width} x {height}
-{'=' * 50}
-🖼️ Extracted Frame:
-   • Frame Number: {total_frames} (Last Frame)
-   • Image Size: {width} x {height}
-{'=' * 50}
-💾 Ready to download!"""
-        
-        return image, info_log
+        for chunk in chat_with_minimax(api_messages):
+            response_text += chunk
+            yield history + [[message, response_text]], "🟡 MiniMax Official API"
+        return
         
     except Exception as e:
-        return None, f"❌ Error: {str(e)}"
+        if "rate limit" not in str(e).lower():
+            provider.reset_to_novita()
+        yield history + [[message, f"❌ Error: {str(e)}"]], "🔴 Error"
+
+def reset_provider_fn():
+    """수동으로 Novita로 리셋"""
+    provider.reset_to_novita()
+    return "✅ Reset to Novita!"
 
+def clear_chat_fn():
+    """채팅 초기화"""
+    return [], "", provider.get_status()
 
 # ============================================
-# 🎨 Comic Classic Theme - Toon Playground
+# 🎨 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 배경 - 빈티지 페이퍼 + 도트 패턴 ===== */
+/* ===== 🎨 Comic Classic 배경 ===== */
 .gradio-container {
     background-color: #FEF9C3 !important;
-    background-image: 
-        radial-gradient(#1F2937 1px, transparent 1px) !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"],
 .svelte-1ed2p3z,
 .space-header-badge,
-.header-badge,
-[data-testid="space-header"],
-.svelte-kqij2n,
-.svelte-1ax1toq,
-.embed-container > div:first-child {
+[data-testid="space-header"] {
     display: none !important;
     visibility: hidden !important;
     height: 0 !important;
     width: 0 !important;
-    overflow: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
 }
 
-/* ===== Footer 완전 숨김 ===== */
+/* ===== Footer 숨김 ===== */
 footer,
 .footer,
 .gradio-container footer,
 .built-with,
 [class*="footer"],
 .gradio-footer,
-.main-footer,
-div[class*="footer"],
 .show-api,
-.built-with-gradio,
-a[href*="gradio.app"],
-a[href*="huggingface.co/spaces"] {
+.built-with-gradio {
     display: none !important;
     visibility: hidden !important;
     height: 0 !important;
-    padding: 0 !important;
-    margin: 0 !important;
 }
 
-/* ===== 메인 컨테이너 ===== */
-#col-container { 
-    max-width: 1000px; 
-    margin: 0 auto; 
-}
-
-/* ===== 🎨 헤더 타이틀 - 코믹 스타일 ===== */
+/* ===== 🎨 헤더 타이틀 ===== */
 .header-text h1 {
     font-family: 'Bangers', cursive !important;
     color: #1F2937 !important;
@@ -156,7 +212,7 @@ a[href*="huggingface.co/spaces"] {
     font-weight: 700 !important;
 }
 
-/* ===== 🎨 카드/패널 - 만화 프레임 스타일 ===== */
+/* ===== 🎨 카드/패널 ===== */
 .gr-panel,
 .gr-box,
 .gr-form,
@@ -175,7 +231,7 @@ a[href*="huggingface.co/spaces"] {
     box-shadow: 8px 8px 0px #1F2937 !important;
 }
 
-/* ===== 🎨 입력 필드 (Textbox) ===== */
+/* ===== 🎨 입력 필드 ===== */
 textarea, 
 input[type="text"], 
 input[type="number"] {
@@ -186,23 +242,16 @@ input[type="number"] {
     font-family: 'Comic Neue', cursive !important;
     font-size: 1rem !important;
     font-weight: 700 !important;
-    transition: all 0.2s ease !important;
 }
 
 textarea:focus, 
-input[type="text"]:focus, 
-input[type="number"]:focus {
+input[type="text"]:focus {
     border-color: #3B82F6 !important;
     box-shadow: 4px 4px 0px #3B82F6 !important;
     outline: none !important;
 }
 
-textarea::placeholder {
-    color: #9CA3AF !important;
-    font-weight: 400 !important;
-}
-
-/* ===== 🎨 Primary 버튼 - 코믹 블루 ===== */
+/* ===== 🎨 Primary 버튼 ===== */
 .gr-button-primary,
 button.primary,
 .gr-button.primary {
@@ -216,29 +265,25 @@ button.primary,
     letter-spacing: 2px !important;
     padding: 14px 28px !important;
     box-shadow: 5px 5px 0px #1F2937 !important;
-    transition: all 0.1s ease !important;
     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,
-.gr-button.primary:active {
+button.primary:active {
     transform: translate(3px, 3px) !important;
     box-shadow: 2px 2px 0px #1F2937 !important;
 }
 
-/* ===== 🎨 Secondary 버튼 - 코믹 레드 ===== */
+/* ===== 🎨 Secondary 버튼 ===== */
 .gr-button-secondary,
-button.secondary,
-.extract-btn {
+button.secondary {
     background: #EF4444 !important;
     border: 3px solid #1F2937 !important;
     border-radius: 8px !important;
@@ -246,53 +291,29 @@ button.secondary,
     font-family: 'Bangers', cursive !important;
     font-weight: 400 !important;
     font-size: 1.1rem !important;
-    letter-spacing: 1px !important;
     box-shadow: 4px 4px 0px #1F2937 !important;
-    transition: all 0.1s ease !important;
     text-shadow: 1px 1px 0px #1F2937 !important;
 }
 
 .gr-button-secondary:hover,
-button.secondary:hover,
-.extract-btn:hover {
+button.secondary:hover {
     background: #DC2626 !important;
     transform: translate(-2px, -2px) !important;
     box-shadow: 6px 6px 0px #1F2937 !important;
 }
 
-.gr-button-secondary:active,
-button.secondary:active,
-.extract-btn:active {
-    transform: translate(2px, 2px) !important;
-    box-shadow: 2px 2px 0px #1F2937 !important;
-}
-
-/* ===== 🎨 로그 출력 영역 ===== */
-.info-log textarea {
+/* ===== 🎨 로그/상태 출력 ===== */
+.status-box textarea {
     background: #1F2937 !important;
     color: #10B981 !important;
     font-family: 'Courier New', monospace !important;
     font-size: 0.9rem !important;
-    font-weight: 400 !important;
     border: 3px solid #10B981 !important;
     border-radius: 8px !important;
     box-shadow: 4px 4px 0px #10B981 !important;
 }
 
-/* ===== 🎨 비디오 업로드 영역 ===== */
-.video-upload {
-    border: 4px dashed #3B82F6 !important;
-    border-radius: 12px !important;
-    background: #EFF6FF !important;
-    transition: all 0.2s ease !important;
-}
-
-.video-upload:hover {
-    border-color: #EF4444 !important;
-    background: #FEF2F2 !important;
-}
-
-/* ===== 🎨 아코디언 - 말풍선 스타일 ===== */
+/* ===== 🎨 아코디언 ===== */
 .gr-accordion {
     background: #FACC15 !important;
     border: 3px solid #1F2937 !important;
@@ -300,57 +321,35 @@ button.secondary:active,
     box-shadow: 4px 4px 0px #1F2937 !important;
 }
 
-.gr-accordion-header {
-    color: #1F2937 !important;
-    font-family: 'Comic Neue', cursive !important;
-    font-weight: 700 !important;
-    font-size: 1.1rem !important;
+/* ===== 🎨 채팅 영역 ===== */
+.chatbot {
+    border: 3px solid #1F2937 !important;
+    border-radius: 12px !important;
+    box-shadow: 6px 6px 0px #1F2937 !important;
+    background: #FFFFFF !important;
 }
 
-/* ===== 🎨 이미지 출력 영역 ===== */
-.gr-image,
-.image-container {
-    border: 4px solid #1F2937 !important;
-    border-radius: 8px !important;
-    box-shadow: 8px 8px 0px #1F2937 !important;
-    overflow: hidden !important;
-    background: #FFFFFF !important;
+/* ===== 🎨 코드 블록 ===== */
+pre, code {
+    background: #1F2937 !important;
+    color: #10B981 !important;
+    border: 2px solid #10B981 !important;
+    border-radius: 6px !important;
+    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;
-    font-size: 1rem !important;
-}
-
-span.gr-label {
-    color: #1F2937 !important;
-}
-
-/* ===== 🎨 정보 텍스트 ===== */
-.gr-info,
-.info {
-    color: #6B7280 !important;
-    font-family: 'Comic Neue', cursive !important;
-    font-size: 0.9rem !important;
 }
 
-/* ===== 🎨 프로그레스 바 ===== */
-.progress-bar,
-.gr-progress-bar {
-    background: #3B82F6 !important;
-    border: 2px solid #1F2937 !important;
-    border-radius: 4px !important;
-}
-
-/* ===== 🎨 스크롤바 - 코믹 스타일 ===== */
+/* ===== 🎨 스크롤바 ===== */
 ::-webkit-scrollbar {
     width: 12px;
-    height: 12px;
 }
 
 ::-webkit-scrollbar-track {
@@ -361,7 +360,6 @@ span.gr-label {
 ::-webkit-scrollbar-thumb {
     background: #3B82F6;
     border: 2px solid #1F2937;
-    border-radius: 0px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
@@ -374,33 +372,11 @@ span.gr-label {
     color: #1F2937;
 }
 
-/* ===== 🎨 링크 스타일 ===== */
-a {
-    color: #3B82F6 !important;
-    text-decoration: none !important;
-    font-weight: 700 !important;
-}
-
-a:hover {
-    color: #EF4444 !important;
-}
-
-/* ===== 🎨 Row/Column 간격 ===== */
-.gr-row {
-    gap: 1.5rem !important;
-}
-
-.gr-column {
-    gap: 1rem !important;
-}
-
-/* ===== 반응형 조정 ===== */
+/* ===== 반응형 ===== */
 @media (max-width: 768px) {
     .header-text h1 {
         font-size: 2.2rem !important;
-        text-shadow: 
-            3px 3px 0px #FACC15,
-            4px 4px 0px #1F2937 !important;
+        text-shadow: 3px 3px 0px #FACC15, 4px 4px 0px #1F2937 !important;
     }
     
     .gr-button-primary,
@@ -408,22 +384,12 @@ a:hover {
         padding: 12px 20px !important;
         font-size: 1.1rem !important;
     }
-    
-    .gr-panel,
-    .block {
-        box-shadow: 4px 4px 0px #1F2937 !important;
-    }
-}
-
-/* ===== 🎨 다크모드 비활성화 (코믹은 밝아야 함) ===== */
-@media (prefers-color-scheme: dark) {
-    .gradio-container {
-        background-color: #FEF9C3 !important;
-    }
 }
 """
 
-# Build the Gradio interface
+# ============================================
+# Gradio Interface (gr.Blocks 스타일)
+# ============================================
 with gr.Blocks(fill_height=True, css=css) as demo:
     
     # HOME Badge
@@ -432,79 +398,130 @@ with gr.Blocks(fill_height=True, css=css) as demo:
             <a href="https://www.humangen.ai" target="_blank" style="text-decoration: none;">
                 <img src="https://img.shields.io/static/v1?label=🏠 HOME&message=HUMANGEN.AI&color=0000ff&labelColor=ffcc00&style=for-the-badge" alt="HOME">
             </a>
+            <a href="https://huggingface.co/MiniMaxAI/MiniMax-M2.1" target="_blank" style="text-decoration: none; margin-left: 10px;">
+                <img src="https://img.shields.io/static/v1?label=🤗&message=MiniMax-M2.1&color=ff6f00&labelColor=1F2937&style=for-the-badge" alt="Model">
+            </a>
         </div>
     """)
     
     # Header Title
     gr.Markdown(
-        """
-        # 🎬 VIDEO LAST FRAME EXTRACTOR 🖼️
-        """,
+        """# 🤖 MINIMAX-M2.1 CHAT 💬""",
         elem_classes="header-text"
     )
     
     gr.Markdown(
-        """
-        <p class="subtitle">📹 Upload a video and extract the LAST FRAME instantly! 💾</p>
-        """,
+        """<p class="subtitle">⚡ Claude Sonnet 4.5 수준의 코딩 & 에이전트 성능! 230B 파라미터 오픈소스 모델 🚀</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="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>
+                <div><strong style="font-size: 1.5rem;">88.6</strong><br><span style="font-size: 0.9rem;">VIBE Score</span></div>
+                <div><strong style="font-size: 1.5rem;">#1</strong><br><span style="font-size: 0.9rem;">Open Source</span></div>
+            </div>
+        </div>
+    """)
+    
     with gr.Row(equal_height=False):
-        # Left column - Input
-        with gr.Column(scale=1, min_width=320):
-            video_input = gr.Video(
-                label="📹 Upload Your Video",
-                sources=["upload"],
-                elem_classes="video-upload"
-            )
+        # 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)
             
-            extract_btn = gr.Button(
-                "🎬 EXTRACT LAST FRAME! 🖼️",
-                variant="primary",
-                size="lg",
-                elem_classes="extract-btn"
+            # Chatbot
+            chatbot = gr.Chatbot(
+                label="💬 Chat",
+                height=450,
+                show_label=False,
+                elem_classes="chatbot"
             )
             
-            with gr.Accordion("📜 Extraction Info", open=True):
-                info_log = gr.Textbox(
+            # Input Row
+            with gr.Row():
+                msg = gr.Textbox(
                     label="",
-                    placeholder="Upload a video and click extract to see info...",
-                    lines=12,
-                    max_lines=20,
-                    interactive=False,
-                    elem_classes="info-log"
+                    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 - Output
-        with gr.Column(scale=1, min_width=320):
-            output_image = gr.Image(
-                label="🖼️ Last Frame",
-                type="pil",
-                show_label=True,
-                height=500,
-            )
+        # 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 설계 베스트 프랙티스
+
+**분석:**
+- 머신러닝 배포 파이프라인 설계
+                """)
             
-            gr.Markdown(
-                """
-                <p style="text-align: center; margin-top: 10px; font-weight: 700; color: #1F2937;">
-                    💡 Right-click on the image to save, or use the download button!
-                </p>
-                """
-            )
-
-    # Connect the extract button
-    extract_btn.click(
-        fn=extract_last_frame,
-        inputs=[video_input],
-        outputs=[output_image, info_log],
-    )
+            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
+- **🔧 도구** — 함수 호출 지원
+                """)
+    
+    # Event Handlers
+    def respond(message, history):
+        if not message.strip():
+            yield history, provider.get_status()
+            return
+        for result in chat_respond(message, history):
+            yield result
     
-    # Auto-extract when video is uploaded
-    video_input.change(
-        fn=extract_last_frame,
-        inputs=[video_input],
-        outputs=[output_image, info_log],
+    # Connect events
+    msg.submit(respond, [msg, chatbot], [chatbot, provider_status]).then(
+        lambda: "", outputs=[msg]
+    )
+    submit_btn.click(respond, [msg, chatbot], [chatbot, provider_status]).then(
+        lambda: "", outputs=[msg]
     )
+    clear_btn.click(clear_chat_fn, outputs=[chatbot, msg, provider_status])
+    reset_btn.click(reset_provider_fn, outputs=[provider_status])
 
 if __name__ == "__main__":
     demo.launch()