Implement new feature for user authentication and improve error handling

app.py

@@ -4,29 +4,30 @@ import re
 from functools import lru_cache
 import logging
 from typing import List, Dict, Tuple
+import json
 
 # Set up logging
 logging.basicConfig(level=logging.INFO)
 logger = logging.getLogger(__name__)
 
-# รายชื่อโมเดลที่ให้เลือก
+# Enhanced model list with descriptions
 MODEL_LIST = [
-    "SandboxBhh/sentiment-thai-text-model",
-    "poom-sci/WangchanBERTa-finetuned-sentiment",
-    "Thaweewat/wangchanberta-hyperopt-sentiment-01",
-    "cardiffnlp/twitter-xlm-roberta-base-sentiment",
-    "phoner45/wangchan-sentiment-thai-text-model",
-    "ZombitX64/Sentiment-01",
-    "ZombitX64/Sentiment-02",
-    "ZombitX64/Sentiment-03",
-    "ZombitX64/MultiSent-E5-Pro",
-    "ZombitX64/MultiSent-E5",
-    "ZombitX64/Thai-sentiment-e5",
-    "ZombitX64/sentiment-103",
-    "nlptown/bert-base-multilingual-uncased-sentiment"
+    ("ZombitX64/MultiSent-E5-Pro", "🏆 MultiSent E5 Pro - แนะนำ (ความแม่นยำสูงสุด)"),
+    ("ZombitX64/Thai-sentiment-e5", "🎯 Thai Sentiment E5 - เฉพาะภาษาไทย"),
+    ("poom-sci/WangchanBERTa-finetuned-sentiment", "🔥 WangchanBERTa - โมเดลไทยยอดนิยม"),
+    ("SandboxBhh/sentiment-thai-text-model", "✨ Sandbox Thai - เร็วและแม่นยำ"),
+    ("ZombitX64/MultiSent-E5", "⚡ MultiSent E5 - รวดเร็ว"),
+    ("Thaweewat/wangchanberta-hyperopt-sentiment-01", "🧠 WangchanBERTa Hyperopt"),
+    ("cardiffnlp/twitter-xlm-roberta-base-sentiment", "🌐 XLM-RoBERTa - หลายภาษา"),
+    ("phoner45/wangchan-sentiment-thai-text-model", "📱 Wangchan Mobile"),
+    ("ZombitX64/Sentiment-01", "🔬 Sentiment v1"),
+    ("ZombitX64/Sentiment-02", "🔬 Sentiment v2"),
+    ("ZombitX64/Sentiment-03", "🔬 Sentiment v3"),
+    ("ZombitX64/sentiment-103", "🔬 Sentiment 103"),
+    ("nlptown/bert-base-multilingual-uncased-sentiment", "🌍 BERT Multilingual")
 ]
 
-# ใช้ cache เพื่อไม่ต้องโหลดโมเดลซ้ำ
+# Cache for model loading
 @lru_cache(maxsize=3)
 def get_nlp(model_name: str):
     try:
@@ -35,22 +36,19 @@ def get_nlp(model_name: str):
         logger.error(f"Error loading model {model_name}: {e}")
         raise gr.Error(f"ไม่สามารถโหลดโมเดล {model_name} ได้: {str(e)}")
 
-# Enhanced label mapping with more comprehensive support
+# Enhanced label mapping with modern styling
 LABEL_MAPPINGS = {
-    # Standard labels
-    "LABEL_0": {"code": 0, "name": "question", "emoji": "❓", "color": "#2196F3", "bg": "#E3F2FD"},
-    "LABEL_1": {"code": 1, "name": "negative", "emoji": "😔", "color": "#F44336", "bg": "#FFEBEE"},
-    "LABEL_2": {"code": 2, "name": "neutral", "emoji": "😐", "color": "#FF9800", "bg": "#FFF3E0"},
-    "LABEL_3": {"code": 3, "name": "positive", "emoji": "😊", "color": "#4CAF50", "bg": "#E8F5E8"},
+    "LABEL_0": {"code": 0, "name": "question", "emoji": "🤔", "color": "#6366f1", "bg": "rgba(99, 102, 241, 0.1)", "description": "คำถาม"},
+    "LABEL_1": {"code": 1, "name": "negative", "emoji": "😢", "color": "#ef4444", "bg": "rgba(239, 68, 68, 0.1)", "description": "เชิงลบ"},
+    "LABEL_2": {"code": 2, "name": "neutral", "emoji": "😐", "color": "#f59e0b", "bg": "rgba(245, 158, 11, 0.1)", "description": "เป็นกลาง"},
+    "LABEL_3": {"code": 3, "name": "positive", "emoji": "😊", "color": "#10b981", "bg": "rgba(16, 185, 129, 0.1)", "description": "เชิงบวก"},
     
-    # Alternative label formats
-    "POSITIVE": {"code": 3, "name": "positive", "emoji": "😊", "color": "#4CAF50", "bg": "#E8F5E8"},
-    "NEGATIVE": {"code": 1, "name": "negative", "emoji": "😔", "color": "#F44336", "bg": "#FFEBEE"},
-    "NEUTRAL": {"code": 2, "name": "neutral", "emoji": "😐", "color": "#FF9800", "bg": "#FFF3E0"},
+    "POSITIVE": {"code": 3, "name": "positive", "emoji": "😊", "color": "#10b981", "bg": "rgba(16, 185, 129, 0.1)", "description": "เชิงบวก"},
+    "NEGATIVE": {"code": 1, "name": "negative", "emoji": "😢", "color": "#ef4444", "bg": "rgba(239, 68, 68, 0.1)", "description": "เชิงลบ"},
+    "NEUTRAL": {"code": 2, "name": "neutral", "emoji": "😐", "color": "#f59e0b", "bg": "rgba(245, 158, 11, 0.1)", "description": "เป็นกลาง"},
     
-    # Numerical labels
-    "0": {"code": 0, "name": "negative", "emoji": "😔", "color": "#F44336", "bg": "#FFEBEE"},
-    "1": {"code": 1, "name": "positive", "emoji": "😊", "color": "#4CAF50", "bg": "#E8F5E8"},
+    "0": {"code": 0, "name": "negative", "emoji": "😢", "color": "#ef4444", "bg": "rgba(239, 68, 68, 0.1)", "description": "เชิงลบ"},
+    "1": {"code": 1, "name": "positive", "emoji": "😊", "color": "#10b981", "bg": "rgba(16, 185, 129, 0.1)", "description": "เชิงบวก"},
 }
 
 def get_label_info(label: str) -> Dict:
@@ -59,45 +57,81 @@ def get_label_info(label: str) -> Dict:
         "code": -1, 
         "name": label.lower(), 
         "emoji": "🔍", 
-        "color": "#666666", 
-        "bg": "#F5F5F5"
+        "color": "#6b7280", 
+        "bg": "rgba(107, 114, 128, 0.1)",
+        "description": "ไม่ทราบ"
     })
 
 def split_sentences(text: str) -> List[str]:
     """Enhanced sentence splitting with better Thai support"""
-    # Split by various sentence endings and normalize
-    sentences = re.split(r'[.!?。\n]+', text)
-    # Clean and filter empty sentences
+    sentences = re.split(r'[.!?။\n]+', text)
     sentences = [s.strip() for s in sentences if s.strip() and len(s.strip()) > 2]
     return sentences
 
-def create_progress_bar(score: float, width: int = 20) -> str:
-    """Create a visual progress bar"""
-    filled = int(score * width)
-    return "█" * filled + "░" * (width - filled)
+def create_confidence_bar(score: float) -> str:
+    """Create a modern confidence visualization"""
+    percentage = int(score * 100)
+    return f"""
+    <div style="display: flex; align-items: center; gap: 10px; margin: 8px 0;">
+        <div style="flex: 1; height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden;">
+            <div style="width: {percentage}%; height: 100%; background: linear-gradient(90deg, #10b981, #059669); transition: all 0.3s ease;"></div>
+        </div>
+        <span style="font-weight: 600; color: #374151; min-width: 50px;">{percentage}%</span>
+    </div>
+    """
 
 def analyze_text(text: str, model_name: str) -> str:
-    """Enhanced text analysis with better error handling and formatting"""
+    """Enhanced text analysis with modern HTML formatting"""
     if not text or not text.strip():
-        return "❗ กรุณาใส่ข้อความที่ต้องการวิเคราะห์"
+        return """
+        <div style="padding: 20px; background: rgba(239, 68, 68, 0.1); border-radius: 12px; border-left: 4px solid #ef4444;">
+            <div style="color: #dc2626; font-weight: 600; display: flex; align-items: center; gap: 8px;">
+                <span style="font-size: 20px;">⚠️</span>
+                กรุณาใส่ข้อความที่ต้องการวิเคราะห์
+            </div>
+        </div>
+        """
     
     sentences = split_sentences(text)
     
     if not sentences:
-        return "❗ ไม่พบประโยคที่สามารถวิเคราะห์ได้ กรุณาใส่ข้อความที่ยาวกว่านี้"
+        return """
+        <div style="padding: 20px; background: rgba(239, 68, 68, 0.1); border-radius: 12px; border-left: 4px solid #ef4444;">
+            <div style="color: #dc2626; font-weight: 600; display: flex; align-items: center; gap: 8px;">
+                <span style="font-size: 20px;">⚠️</span>
+                ไม่พบประโยคที่สามารถวิเคราะห์ได้ กรุณาใส่ข้อความที่ยาวกว่านี้
+            </div>
+        </div>
+        """
     
     try:
         nlp = get_nlp(model_name)
     except Exception as e:
-        return f"❌ เกิดข้อผิดพลาดในการโหลดโมเดล: {str(e)}"
+        return f"""
+        <div style="padding: 20px; background: rgba(239, 68, 68, 0.1); border-radius: 12px; border-left: 4px solid #ef4444;">
+            <div style="color: #dc2626; font-weight: 600; display: flex; align-items: center; gap: 8px;">
+                <span style="font-size: 20px;">❌</span>
+                เกิดข้อผิดพลาดในการโหลดโมเดล: {str(e)}
+            </div>
+        </div>
+        """
     
-    results = []
-    results.append("📊 **ผลการวิเคราะห์ความรู้สึก**\n" + "="*60 + "\n")
-    results.append(f"🤖 **โมเดล:** {model_name}\n")
+    # Header
+    html_parts = ["""
+    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 24px; border-radius: 16px 16px 0 0; margin-bottom: 0;">
+        <h2 style="margin: 0; font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 12px;">
+            <span style="font-size: 28px;">🧠</span>
+            ผลการวิเคราะห์ความรู้สึก
+        </h2>
+        <p style="margin: 8px 0 0 0; opacity: 0.9; font-size: 14px;">โมเดล: """ + model_name.split('/')[-1] + """</p>
+    </div>
+    """]
     
     sentiment_counts = {"positive": 0, "negative": 0, "neutral": 0, "question": 0, "other": 0}
     total_confidence = 0
+    sentence_results = []
     
+    # Analyze each sentence
     for i, sentence in enumerate(sentences, 1):
         try:
             result = nlp(sentence)[0]
@@ -107,7 +141,6 @@ def analyze_text(text: str, model_name: str) -> str:
             label_info = get_label_info(label)
             label_name = label_info["name"]
             
-            # Count sentiments
             if label_name in sentiment_counts:
                 sentiment_counts[label_name] += 1
             else:
@@ -115,267 +148,556 @@ def analyze_text(text: str, model_name: str) -> str:
             
             total_confidence += score
             
-            # Create formatted result
-            progress_bar = create_progress_bar(score)
-            confidence_percent = score * 100
-            
-            result_text = f"""
-🔸 **ประโยคที่ {i}:** "{sentence[:100]}{'...' if len(sentence) > 100 else ''}"
-
-{label_info['emoji']} **ผลวิเคราะห์:** {label_name.upper()} (รหัส: {label_info['code']})
-📈 **ความมั่นใจ:** {score:.3f} ({confidence_percent:.1f}%)
-{progress_bar} {score:.3f}
-
-{'─' * 70}
-"""
-            results.append(result_text)
+            # Store result for display
+            sentence_results.append({
+                'sentence': sentence,
+                'label_info': label_info,
+                'score': score,
+                'index': i
+            })
             
         except Exception as e:
             logger.error(f"Error analyzing sentence {i}: {e}")
-            results.append(f"\n❌ เกิดข้อผิดพลาดในการวิเคราะห์ประโยคที่ {i}: {str(e)}\n{'─' * 70}\n")
+            sentence_results.append({
+                'sentence': sentence,
+                'error': str(e),
+                'index': i
+            })
     
-    # Enhanced summary
+    # Results container
+    html_parts.append("""
+    <div style="background: white; padding: 0; border-radius: 0 0 16px 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden;">
+    """)
+    
+    # Individual sentence results
+    for result in sentence_results:
+        if 'error' in result:
+            html_parts.append(f"""
+            <div style="padding: 20px; border-bottom: 1px solid #f3f4f6;">
+                <div style="color: #dc2626; font-weight: 600; display: flex; align-items: center; gap: 8px;">
+                    <span style="font-size: 18px;">❌</span>
+                    เกิดข้อผิดพลาดในการวิเคราะห์ประโยคที่ {result['index']}
+                </div>
+                <p style="color: #6b7280; margin: 8px 0 0 0; font-size: 14px;">{result['error']}</p>
+            </div>
+            """)
+        else:
+            label_info = result['label_info']
+            confidence_bar = create_confidence_bar(result['score'])
+            
+            html_parts.append(f"""
+            <div style="padding: 20px; border-bottom: 1px solid #f3f4f6; transition: all 0.2s ease;" onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='white'">
+                <div style="display: flex; align-items: flex-start; gap: 16px;">
+                    <div style="background: {label_info['bg']}; padding: 12px; border-radius: 50%; min-width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
+                        <span style="font-size: 20px;">{label_info['emoji']}</span>
+                    </div>
+                    <div style="flex: 1;">
+                        <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
+                            <span style="background: {label_info['color']}; color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase;">
+                                {label_info['description']}
+                            </span>
+                            <span style="color: #6b7280; font-size: 14px;">ประโยคที่ {result['index']}</span>
+                        </div>
+                        <p style="color: #374151; margin: 0 0 12px 0; font-size: 16px; line-height: 1.5;">
+                            "{result['sentence'][:150]}{'...' if len(result['sentence']) > 150 else ''}"
+                        </p>
+                        <div style="color: #6b7280; font-size: 14px; margin-bottom: 8px;">ความมั่นใจ:</div>
+                        {confidence_bar}
+                    </div>
+                </div>
+            </div>
+            """)
+    
+    # Summary section
     total_sentences = len(sentences)
     avg_confidence = total_confidence / total_sentences if total_sentences > 0 else 0
     
-    summary = f"""
-📋 **สรุปผลการวิเคราะห์**
-━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-📊 จำนวนประโยคทั้งหมด: {total_sentences} ประโยค
-📈 ความมั่นใจเฉลี่ย: {avg_confidence:.3f} ({avg_confidence*100:.1f}%)
-
-🎯 **การกระจายของความรู้สึก:**
-"""
+    # Create chart data for summary
+    chart_items = []
+    colors = {"positive": "#10b981", "negative": "#ef4444", "neutral": "#f59e0b", "question": "#6366f1", "other": "#6b7280"}
+    emojis = {"positive": "😊", "negative": "😢", "neutral": "😐", "question": "🤔", "other": "🔍"}
     
     for sentiment, count in sentiment_counts.items():
         if count > 0:
             percentage = (count / total_sentences) * 100
-            emoji = {"positive": "😊", "negative": "😔", "neutral": "😐", "question": "❓", "other": "🔍"}
-            summary += f"   {emoji.get(sentiment, '🔍')} {sentiment.title()}: {count} ประโยค ({percentage:.1f}%)\n"
+            chart_items.append(f"""
+            <div style="display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(99, 102, 241, 0.02); border-radius: 8px;">
+                <span style="font-size: 24px;">{emojis.get(sentiment, '🔍')}</span>
+                <div style="flex: 1;">
+                    <div style="font-weight: 600; color: #374151; text-transform: capitalize;">{sentiment}</div>
+                    <div style="color: #6b7280; font-size: 14px;">{count} ประโยค ({percentage:.1f}%)</div>
+                </div>
+                <div style="width: 60px; height: 6px; background: #e5e7eb; border-radius: 3px; overflow: hidden;">
+                    <div style="width: {percentage}%; height: 100%; background: {colors.get(sentiment, '#6b7280')}; transition: all 0.3s ease;"></div>
+                </div>
+            </div>
+            """)
+    
+    html_parts.append(f"""
+    <div style="padding: 24px; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);">
+        <h3 style="color: #1e293b; margin: 0 0 20px 0; font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 8px;">
+            <span style="font-size: 24px;">📊</span>
+            สรุปผลการวิเคราะห์
+        </h3>
+        
+        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px;">
+            <div style="background: white; padding: 20px; border-radius: 12px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
+                <div style="font-size: 32px; font-weight: 700; color: #6366f1; margin-bottom: 4px;">{total_sentences}</div>
+                <div style="color: #6b7280; font-size: 14px;">ประโยคทั้งหมด</div>
+            </div>
+            <div style="background: white; padding: 20px; border-radius: 12px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
+                <div style="font-size: 32px; font-weight: 700; color: #10b981; margin-bottom: 4px;">{avg_confidence*100:.0f}%</div>
+                <div style="color: #6b7280; font-size: 14px;">ความมั่นใจเฉลี่ย</div>
+            </div>
+        </div>
+        
+        <div style="display: grid; gap: 8px;">
+            {"".join(chart_items)}
+        </div>
+    </div>
+    """)
     
-    results.append(summary)
+    html_parts.append("</div>")
     
-    return "\n".join(results)
+    return "".join(html_parts)
 
-# Modern minimal CSS
+# Modern CSS with glassmorphism and smooth animations
 CUSTOM_CSS = """
-body, .gradio-container {
-    background: #f7faff !important;
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+* {
+    font-family: 'Inter', 'Noto Sans Thai', sans-serif !important;
 }
+
 .gradio-container {
-    max-width: 1100px !important;
-    margin: 32px auto 32px auto !important;
-    border-radius: 22px !important;
-    box-shadow: 0 8px 32px 0 #bdbdbd55;
-    border: 1.5px solid #e3e3e3;
-    min-height: 96vh;
-    padding-bottom: 32px;
+    max-width: 1200px !important;
+    margin: 0 auto !important;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    min-height: 100vh;
+    padding: 20px;
 }
-.main-card {
-    background: #fff !important;
-    border-radius: 18px;
-    box-shadow: 0 2px 12px 0 #bdbdbd55;
-    padding: 28px 24px 20px 24px;
-    margin: 18px 0;
-    border: 1.5px solid #d1d1d1;
-    color: #222 !important;
-    transition: box-shadow 0.2s;
+
+.main-content {
+    background: rgba(255, 255, 255, 0.95) !important;
+    backdrop-filter: blur(20px) !important;
+    border-radius: 24px !important;
+    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37) !important;
+    border: 1px solid rgba(255, 255, 255, 0.18) !important;
+    overflow: hidden;
 }
-.main-card:hover {
-    box-shadow: 0 6px 24px 0 #bdbdbd77;
+
+.glass-card {
+    background: rgba(255, 255, 255, 0.9) !important;
+    backdrop-filter: blur(10px) !important;
+    border-radius: 16px !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
+    transition: all 0.3s ease !important;
 }
-.output-markdown {
-    font-family: 'Segoe UI', 'Noto Sans Thai', sans-serif !important;
-    line-height: 1.7;
-    font-size: 1.08em;
-    color: #222 !important;
+
+.glass-card:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
 }
+
 .gr-button {
-    font-size: 1.13em;
-    padding: 0.9em 2.7em;
-    border-radius: 13px;
-    font-weight: 600;
-    transition: all 0.2s;
-    background: linear-gradient(90deg, #4a63e7 0%, #764ba2 100%);
-    color: #fff !important;
-    border: none;
-    box-shadow: 0 2px 8px #bdbdbd33;
-}
-.gr-button.secondary, .gr-button[variant="secondary"] {
-    background: #eaeaea !important;
-    color: #333 !important;
-    border: 1px solid #cccccc;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    border: none !important;
+    border-radius: 12px !important;
+    padding: 12px 24px !important;
+    font-weight: 600 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.5px !important;
+    transition: all 0.3s ease !important;
+    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
 }
+
 .gr-button:hover {
-    transform: translateY(-2px) scale(1.03);
-    box-shadow: 0 6px 18px #bdbdbd55;
-    filter: brightness(1.04);
+    transform: translateY(-2px) !important;
+    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
+}
+
+.gr-button.secondary {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
+    box-shadow: 0 4px 15px rgba(240, 147, 251, 0.4) !important;
+}
+
+.gr-button.secondary:hover {
+    box-shadow: 0 6px 20px rgba(240, 147, 251, 0.6) !important;
+}
+
+.gr-textbox textarea, .gr-textbox input {
+    border-radius: 12px !important;
+    border: 2px solid rgba(102, 126, 234, 0.2) !important;
+    font-size: 16px !important;
+    padding: 16px !important;
+    transition: all 0.3s ease !important;
+    background: rgba(255, 255, 255, 0.9) !important;
+}
+
+.gr-textbox textarea:focus, .gr-textbox input:focus {
+    border-color: #667eea !important;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
+    transform: scale(1.01) !important;
+}
+
+.gr-dropdown > div {
+    border-radius: 12px !important;
+    border: 2px solid rgba(102, 126, 234, 0.2) !important;
+    background: rgba(255, 255, 255, 0.9) !important;
+}
+
+.gr-dropdown > div:focus-within {
+    border-color: #667eea !important;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
 }
-.gr-textbox textarea {
-    font-size: 1.13em;
-    min-height: 150px;
-    font-family: 'Segoe UI', 'Noto Sans Thai', sans-serif;
-    background: #fff;
-    border-radius: 10px;
-    border: 1.5px solid #cccccc;
-    color: #222;
-    padding: 14px;
+
+.gr-panel {
+    border-radius: 16px !important;
+    border: none !important;
+    background: transparent !important;
+}
+
+.gr-form {
+    background: transparent !important;
+    border: none !important;
+}
+
+.gr-box {
+    border: none !important;
+    background: transparent !important;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(102, 126, 234, 0.6);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(102, 126, 234, 0.8);
 }
-.gr-dropdown input {
-    font-size: 1.1em;
-    border-radius: 8px;
-    background: #fff;
-    border: 1.5px solid #cccccc;
-    color: #222;
+
+/* Animation for content */
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
-.gr-markdown h1, .gr-markdown h3 {
-    color: #2a2a4d !important;
+
+.gr-column, .gr-row {
+    animation: slideIn 0.6s ease-out !important;
 }
-.gr-markdown, .gr-markdown ul, .gr-markdown p, .gr-markdown li {
-    color: #222 !important;
+
+/* Enhanced examples styling */
+.gr-examples {
+    border-radius: 16px !important;
+    overflow: hidden !important;
 }
-.gr-markdown ul {
-    margin-left: 1.2em;
+
+.gr-examples .gr-button {
+    background: rgba(255, 255, 255, 0.1) !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
+    margin: 4px !important;
+    font-size: 14px !important;
+    text-transform: none !important;
+    letter-spacing: normal !important;
 }
-@media (max-width: 900px) {
-    .gradio-container { max-width: 99vw !important; padding: 0 2vw; }
-    .main-card { padding: 16px 6px; }
+
+.gr-examples .gr-button:hover {
+    background: rgba(255, 255, 255, 0.2) !important;
+    transform: scale(1.02) !important;
 }
 """
 
-# Enhanced Gradio interface
+# Create the modern Gradio interface
 with gr.Blocks(
-    theme=gr.themes.Soft(primary_hue="blue", secondary_hue="purple", neutral_hue="gray"),
+    theme=gr.themes.Glass(
+        primary_hue="blue",
+        secondary_hue="purple",
+        neutral_hue="slate",
+        font=["Inter", "Noto Sans Thai", "sans-serif"]
+    ),
     css=CUSTOM_CSS,
-    title="Thai Sentiment Analyzer - AI วิเคราะห์ความรู้สึกภาษาไทย"
+    title="🧠 AI Thai Sentiment Analyzer - วิเคราะห์ความรู้สึกภาษาไทย"
 ) as demo:
     
-    gr.Markdown("""
-    <div style="text-align: center; padding: 38px 0 18px 0;">
-        <h1 style="font-size:2.7em; margin-bottom: 0.18em; color:#3b3b6d; letter-spacing:0.5px;">🧠 Thai Sentiment Analyzer</h1>
-        <div style="font-size:1.18em; color:#4a4a7d; opacity:0.92;">
-            AI วิเคราะห์ความรู้สึกในข้อความภาษาไทย รองรับหลายโมเดลและหลายประโยค
+    # Header with modern design
+    gr.HTML("""
+    <div style="text-align: center; padding: 40px 0 30px 0;">
+        <div style="display: inline-block; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); padding: 20px 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 20px;">
+            <h1 style="font-size: 3.5em; margin: 0; color: white; font-weight: 800; text-shadow: 0 4px 8px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; gap: 20px;">
+                <span style="font-size: 1.2em;">🧠</span>
+                Thai Sentiment AI
+            </h1>
+            <p style="font-size: 1.4em; color: rgba(255,255,255,0.9); margin: 10px 0 0 0; font-weight: 300; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">
+                ระบบวิเคราะห์ความรู้สึกภาษาไทยด้วย AI ที่ทันสมัยและแม่นยำ
+            </p>
         </div>
     </div>
     """)
     
-    with gr.Row():
+    with gr.Row(equal_height=False):
+        # Left Column - Controls
         with gr.Column(scale=1):
-            gr.Markdown("""
-            <div class='main-card'>
-                <h3 style='color:#3b3b6d; margin-bottom:15px; font-size:1.18em;'>🤖 เลือกโมเดลวิเคราะห์</h3>
-                <p style='color:#666; font-size:0.97em; margin-bottom:10px;'>เลือกโมเดล AI ที่ต้องการใช้ในการวิเคราะห์ความรู้สึก</p>
-            </div>
-            """)
-            
-            model_dropdown = gr.Dropdown(
-                choices=MODEL_LIST,
-                value="ZombitX64/MultiSent-E5-Pro",
-                label="โมเดลที่ต้องการใช้",
-                info="แนะนำ: MultiSent-E5-Pro สำหรับความแม่นยำสูง"
-            )
-            
-            gr.Markdown("""
-            <div class='main-card' style='margin-top:20px;'>
-                <h3 style='color:#3b3b6d; margin-bottom:15px; font-size:1.13em;'>📖 คำแนะนำการใช้งาน</h3>
-                <ul style='color:#555; font-size:1em; line-height:1.7; margin-bottom:0;'>
-                    <li>พิมพ์ข้อความภาษาไทยที่ต้องการวิเคราะห์</li>
-                    <li>แยกประโยคด้วยจุด (.) หรือขึ้นบรรทัดใหม่</li>
-                    <li>รองรับการวิเคราะห์หลายประโยคพร้อมกัน</li>
-                    <li>ผลลัพธ์จะแสดงความมั่นใจและสรุปภาพรวม</li>
-                </ul>
-            </div>
-            """)
+            # Model Selection Card
+            with gr.Group():
+                gr.HTML("""
+                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 16px 16px 0 0; margin: -20px -20px 20px -20px;">
+                    <h3 style="margin: 0; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px;">
+                        <span style="font-size: 20px;">🤖</span>
+                        เลือกโมเดล AI
+                    </h3>
+                    <p style="margin: 8px 0 0 0; opacity: 0.9; font-size: 14px;">เลือกโมเดลที่ต้องการใช้ในการวิเคราะห์</p>
+                </div>
+                """)
+                
+                model_dropdown = gr.Dropdown(
+                    choices=[choice[1] for choice in MODEL_LIST],
+                    value="🏆 MultiSent E5 Pro - แนะนำ (ความแม่นยำสูงสุด)",
+                    label="",
+                    show_label=False,
+                    container=False
+                )
             
+            # Tips Card
+            with gr.Group():
+                gr.HTML("""
+                <div style="background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); padding: 20px; border-radius: 16px;">
+                    <h4 style="color: #8b4513; margin: 0 0 16px 0; font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 8px;">
+                        <span style="font-size: 18px;">💡</span>
+                        เคล็ดลับการใช้งาน
+                    </h4>
+                    <div style="color: #8b4513; font-size: 14px; line-height: 1.6;">
+                        <div style="margin-bottom: 12px; display: flex; align-items: flex-start; gap: 8px;">
+                            <span style="color: #ff6b35; font-weight: 600;">•</span>
+                            <span>พิมพ์ข้อความภาษาไทยที่ต้องการวิเคราะห์</span>
+                        </div>
+                        <div style="margin-bottom: 12px; display: flex; align-items: flex-start; gap: 8px;">
+                            <span style="color: #ff6b35; font-weight: 600;">•</span>
+                            <span>แยกประโยคด้วยจุด (.) หรือขึ้นบรรทัดใหม่</span>
+                        </div>
+                        <div style="margin-bottom: 12px; display: flex; align-items: flex-start; gap: 8px;">
+                            <span style="color: #ff6b35; font-weight: 600;">•</span>
+                            <span>สามารถวิเคราะห์หลายประโยคพร้อมกันได้</span>
+                        </div>
+                        <div style="display: flex; align-items: flex-start; gap: 8px;">
+                            <span style="color: #ff6b35; font-weight: 600;">•</span>
+                            <span>ผลลัพธ์จะแสดงความมั่นใจและสรุปภาพรวม</span>
+                        </div>
+                    </div>
+                </div>
+                """)
+        
+        # Right Column - Main Interface
         with gr.Column(scale=2):
-            gr.Markdown("""
-            <div class='main-card'>
-                <h3 style='color:#3b3b6d; margin-bottom:15px; font-size:1.15em;'>📝 ข้อความที่ต้องการวิเคราะห์</h3>
-            </div>
-            """)
-            
-            text_input = gr.Textbox(
-                lines=8,
-                placeholder="ตัวอย่าง:\nวันนี้อากาศดีมาก ฉันรู้สึกมีความสุข\nแต่การจราจรติดมาก น่าเบื่อจริงๆ\nโดยรวมแล้วก็โอเคนะ",
-                label="",
-                show_label=False
-            )
-            
-            with gr.Row():
-                analyze_btn = gr.Button("🔍 วิเคราะห์ข้อความ", variant="primary", size="lg")
-                clear_btn = gr.Button("🗑️ ล้างข้อความ", variant="secondary")
-            
-            output_box = gr.Textbox(
-                label="📊 ผลการวิเคราะห์ความรู้สึก",
-                lines=20,
-                show_copy_button=True,
-                show_label=True
+            # Input Section
+            with gr.Group():
+                gr.HTML("""
+                <div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); padding: 20px; border-radius: 16px 16px 0 0; margin: -20px -20px 20px -20px;">
+                    <h3 style="color: #2d3748; margin: 0; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px;">
+                        <span style="font-size: 20px;">✍️</span>
+                        ข้อความที่ต้องการวิเคราะห์
+                    </h3>
+                </div>
+                """)
+                
+                text_input = gr.Textbox(
+                    lines=6,
+                    placeholder="💭 ลองพิมพ์ข้อความที่ต้องการวิเคราะห์...\n\nตัวอย่าง:\nวันนี้อากาศดีมาก ฉันรู้สึกมีความสุข ☀️\nแต่การจราจรติดมาก น่าเบื่อจริงๆ 😤\nโดยรวมแล้วก็โอเคนะ 😊",
+                    label="",
+                    show_label=False,
+                    container=False
+                )
+                
+                with gr.Row():
+                    analyze_btn = gr.Button(
+                        "🔍 วิเคราะห์ข้อความ", 
+                        variant="primary", 
+                        size="lg",
+                        scale=2
+                    )
+                    clear_btn = gr.Button(
+                        "🗑️ ล้าง", 
+                        variant="secondary",
+                        scale=1
+                    )
+    
+    # Output Section
+    with gr.Row():
+        with gr.Column():
+            output_box = gr.HTML(
+                label="📊 ผลการวิเคราะห์",
+                value="""
+                <div style="padding: 60px 20px; text-align: center; color: #6b7280; background: rgba(255, 255, 255, 0.5); border-radius: 16px; border: 2px dashed #d1d5db;">
+                    <div style="font-size: 48px; margin-bottom: 16px;">🤖</div>
+                    <h3 style="color: #374151; margin: 0 0 8px 0;">พร้อมวิเคราะห์ความรู้สึก</h3>
+                    <p style="margin: 0; font-size: 14px;">ใส่ข้อความด้านบนแล้วกดปุ่ม "วิเคราะห์ข้อความ"</p>
+                </div>
+                """
             )
     
-    # Enhanced examples
+    # Examples Section
+    gr.HTML("""
+    <div style="margin: 40px 0 20px 0;">
+        <h3 style="color: white; text-align: center; font-size: 20px; font-weight: 700; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3);">
+            ✨ ตัวอย่างการใช้งาน
+        </h3>
+    </div>
+    """)
+    
     examples = gr.Examples(
         examples=[
-            ["วันนี้อากาศดีมาก ฉันรู้สึกมีความสุขมาก สีฟ้าสวยจริงๆ"],
-            ["ฉันไม่ชอบอาหารนี้เลย รสชาติแปลกมาก เค็มเกินไป"],
-            ["วันนี้เป็นยังไงบ้าง\nเรียนหนังสือกันไหม\nมีงานอะไรให้ช่วยไหม"],
-            ["บริการดีมาก พนักงานใจดีและเป็นกันเอง\nแต่ของมีราคาแพงไปหน่อย\nโดยรวมแล้วพอใจครับ แนะนำให้เพื่อนมาลอง"],
-            ["เมื่อไหร่จะได้เจอกันอีก คิดถึงมากเลย\nแต่ตอนนี้ต้องทำงานหนักก่อน เพื่ออนาคตที่ดี"]
+            ["วันนี้อากาศดีมาก ฉันรู้สึกมีความสุขมาก ☀️ สีฟ้าสวยจริงๆ น่ามองจัง"],
+            ["ฉันไม่ชอบอาหารนี้เลย 😤 รสชาติแปลกมาก เค็มเกินไป ไม่อร่อยเลย"],
+            ["วันนี้เป็นยังไงบ้าง? 🤔\nเรียนหนังสือกันไหม? 📚\nมีงานอะไรให้ช่วยไหม? 💪"],
+            ["บริการดีมาก 👍 พนักงานใจดีและเป็นกันเอง\nแต่ของมีราคาแพงไปหน่อย 💸\nโดยรวมแล้วพอใจครับ แนะนำให้เพื่อนมาลอง ⭐"],
+            ["เมื่อไหร่จะได้เจอกันอีก 😢 คิดถึงมากเลย\nแต่ตอนนี้ต้องทำงานหนักก่อน 💪 เพื่ออนาคตที่ดี ✨"]
         ],
         inputs=[text_input],
-        label="💡 คลิกเพื่อลองใช้ตัวอย่าง"
+        label="",
+        examples_per_page=5
     )
     
-    # Sentiment legend with enhanced styling
-    gr.Markdown("""
-    <div class='main-card' style='margin-top:30px; background: #5b3b6d;'>
-        <h3 style='color:#3b3b6d; text-align:center; margin-bottom:20px;'>🎯 คำอธิบายผลการวิเคราะห์</h3>
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; padding: 12px 0;">
-            <div style="text-align: center; padding: 13px; background: rgba(76, 175, 80, 0.08); border-radius: 11px;">
-                <div style="font-size: 26px; margin-bottom: 7px;">😊</div>
-                <strong style="color: #4CAF50; font-size: 1.08em;">Positive</strong><br>
-                <small style="color: #666;">ความรู้สึกเชิงบวก<br>ดี, สุข, ชอบ</small>
+    # Legend Section
+    gr.HTML("""
+    <div style="margin: 40px 0 20px 0; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border-radius: 20px; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.2);">
+        <h3 style="color: white; text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 25px; text-shadow: 0 2px 4px rgba(0,0,0,0.3);">
+            🎯 คำอธิบายผลการวิเคราะห์
+        </h3>
+        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;">
+            <div style="background: rgba(16, 185, 129, 0.15); backdrop-filter: blur(10px); border-radius: 16px; padding: 20px; text-align: center; border: 1px solid rgba(16, 185, 129, 0.3); transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(16, 185, 129, 0.2)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
+                <div style="font-size: 36px; margin-bottom: 12px;">😊</div>
+                <h4 style="color: #10b981; margin: 0 0 8px 0; font-size: 16px; font-weight: 700;">POSITIVE</h4>
+                <p style="color: rgba(255,255,255,0.8); margin: 0; font-size: 13px; line-height: 1.4;">ความรู้สึกเชิงบวก<br>ดี, สุข, ชอบ, ยินดี</p>
             </div>
-            <div style="text-align: center; padding: 13px; background: rgba(244, 67, 54, 0.08); border-radius: 11px;">
-                <div style="font-size: 26px; margin-bottom: 7px;">😔</div>
-                <strong style="color: #F44336; font-size: 1.08em;">Negative</strong><br>
-                <small style="color: #666;">ความรู้สึกเชิงลบ<br>เศร้า, โกรธ, ไม่ชอบ</small>
+            <div style="background: rgba(239, 68, 68, 0.15); backdrop-filter: blur(10px); border-radius: 16px; padding: 20px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.3); transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(239, 68, 68, 0.2)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
+                <div style="font-size: 36px; margin-bottom: 12px;">😢</div>
+                <h4 style="color: #ef4444; margin: 0 0 8px 0; font-size: 16px; font-weight: 700;">NEGATIVE</h4>
+                <p style="color: rgba(255,255,255,0.8); margin: 0; font-size: 13px; line-height: 1.4;">ความรู้สึกเชิงลบ<br>เศร้า, โกรธ, ไม่ชอบ</p>
             </div>
-            <div style="text-align: center; padding: 13px; background: rgba(255, 152, 0, 0.08); border-radius: 11px;">
-                <div style="font-size: 26px; margin-bottom: 7px;">😐</div>
-                <strong style="color: #FF9800; font-size: 1.08em;">Neutral</strong><br>
-                <small style="color: #666;">ความรู้สึกเป็นกลาง<br>ปกติ, พอใช้ได้</small>
+            <div style="background: rgba(245, 158, 11, 0.15); backdrop-filter: blur(10px); border-radius: 16px; padding: 20px; text-align: center; border: 1px solid rgba(245, 158, 11, 0.3); transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(245, 158, 11, 0.2)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
+                <div style="font-size: 36px; margin-bottom: 12px;">😐</div>
+                <h4 style="color: #f59e0b; margin: 0 0 8px 0; font-size: 16px; font-weight: 700;">NEUTRAL</h4>
+                <p style="color: rgba(255,255,255,0.8); margin: 0; font-size: 13px; line-height: 1.4;">ความรู้สึกเป็นกลาง<br>ปกติ, พอใช้ได้, ธรรมดา</p>
             </div>
-            <div style="text-align: center; padding: 13px; background: rgba(33, 150, 243, 0.08); border-radius: 11px;">
-                <div style="font-size: 26px; margin-bottom: 7px;">❓</div>
-                <strong style="color: #2196F3; font-size: 1.08em;">Question</strong><br>
-                <small style="color: #666;">ประโยคคำถาม<br>อะไร, ไหน, เมื่อไหร่</small>
+            <div style="background: rgba(99, 102, 241, 0.15); backdrop-filter: blur(10px); border-radius: 16px; padding: 20px; text-align: center; border: 1px solid rgba(99, 102, 241, 0.3); transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(99, 102, 241, 0.2)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
+                <div style="font-size: 36px; margin-bottom: 12px;">🤔</div>
+                <h4 style="color: #6366f1; margin: 0 0 8px 0; font-size: 16px; font-weight: 700;">QUESTION</h4>
+                <p style="color: rgba(255,255,255,0.8); margin: 0; font-size: 13px; line-height: 1.4;">ประโยคคำถาม<br>อะไร, ไหน, เมื่อไหร่</p>
             </div>
         </div>
     </div>
     """)
+    
+    # Footer
+    gr.HTML("""
+    <div style="text-align: center; padding: 30px 0 10px 0;">
+        <p style="color: rgba(255,255,255,0.7); font-size: 14px; margin: 0; text-shadow: 0 1px 2px rgba(0,0,0,0.3);">
+            พัฒนาด้วย ❤️ โดยใช้ Transformers และ Gradio | รองรับโมเดล AI หลากหลาย
+        </p>
+    </div>
+    """)
 
-    # Enhanced event handlers
-    def analyze_wrapper(text, model_name):
+    # Event handlers with enhanced functionality
+    def analyze_wrapper(text, model_display_name):
         if not text.strip():
-            return "❗ กรุณาใส่ข้อความที่ต้องการวิเคราะห์"
+            return """
+            <div style="padding: 60px 20px; text-align: center; color: #6b7280; background: rgba(255, 255, 255, 0.5); border-radius: 16px; border: 2px dashed #d1d5db;">
+                <div style="font-size: 48px; margin-bottom: 16px;">⚠️</div>
+                <h3 style="color: #ef4444; margin: 0 0 8px 0;">กรุณาใส่ข้อความ</h3>
+                <p style="margin: 0; font-size: 14px;">ใส่ข้อความที่ต้องการวิเคราะห์ในช่องด้านบน</p>
+            </div>
+            """
+        
+        # Find actual model name from display name
+        model_name = None
+        for model_tuple in MODEL_LIST:
+            if model_tuple[1] == model_display_name:
+                model_name = model_tuple[0]
+                break
+        
+        if not model_name:
+            model_name = "ZombitX64/MultiSent-E5-Pro"  # fallback
+        
         return analyze_text(text, model_name)
     
     def clear_text():
-        return ""
+        return "", """
+        <div style="padding: 60px 20px; text-align: center; color: #6b7280; background: rgba(255, 255, 255, 0.5); border-radius: 16px; border: 2px dashed #d1d5db;">
+            <div style="font-size: 48px; margin-bottom: 16px;">🤖</div>
+            <h3 style="color: #374151; margin: 0 0 8px 0;">พร้อมวิเคราะห์ความรู้สึก</h3>
+            <p style="margin: 0; font-size: 14px;">ใส่ข้อความด้านบนแล้วกดปุ่ม "วิเคราะห์ข้อความ"</p>
+        </div>
+        """
+    
+    def auto_analyze(text, model_display_name):
+        if text.strip():
+            return analyze_wrapper(text, model_display_name)
+        return """
+        <div style="padding: 60px 20px; text-align: center; color: #6b7280; background: rgba(255, 255, 255, 0.5); border-radius: 16px; border: 2px dashed #d1d5db;">
+            <div style="font-size: 48px; margin-bottom: 16px;">🤖</div>
+            <h3 style="color: #374151; margin: 0 0 8px 0;">พร้อมวิเคราะห์ความรู้สึก</h3>
+            <p style="margin: 0; font-size: 14px;">ใส่ข้อความด้านบนแล้วกดปุ่ม "วิเคราะห์ข้อความ"</p>
+        </div>
+        """
     
     # Connect events
-    analyze_btn.click(analyze_wrapper, inputs=[text_input, model_dropdown], outputs=output_box)
-    text_input.submit(analyze_wrapper, inputs=[text_input, model_dropdown], outputs=output_box)
-    model_dropdown.change(analyze_wrapper, inputs=[text_input, model_dropdown], outputs=output_box)
-    clear_btn.click(clear_text, outputs=text_input)
+    analyze_btn.click(
+        analyze_wrapper, 
+        inputs=[text_input, model_dropdown], 
+        outputs=output_box,
+        show_progress=True
+    )
+    
+    text_input.submit(
+        analyze_wrapper, 
+        inputs=[text_input, model_dropdown], 
+        outputs=output_box,
+        show_progress=True
+    )
+    
+    model_dropdown.change(
+        auto_analyze, 
+        inputs=[text_input, model_dropdown], 
+        outputs=output_box
+    )
+    
+    clear_btn.click(
+        clear_text, 
+        outputs=[text_input, output_box]
+    )
 
-# Launch with enhanced settings
+# Launch configuration
 if __name__ == "__main__":
-    demo.queue(max_size=20).launch(
+    demo.queue(
+        max_size=50,
+        default_concurrency_limit=10
+    ).launch(
         server_name="0.0.0.0",
         server_port=7860,
-        share=False,  # Set to True if you want to create a public link
+        share=True,  # Set to True for public sharing
         show_error=True,
-        favicon_path=None,  # Add your favicon path here
-        ssl_verify=False
-    )
+        show_api=False,
+        quiet=False,
+        favicon_path=None,
+        ssl_verify=False,
+        app_kwargs={
+            "docs_url": None,
+            "redoc_url": None,
+        }
+    )