Update app.py

app.py

@@ -45,4 +45,203 @@ META_HEROES = {
         "counters": {"Grock": "Immune CC.", "Vexana": "Teror bayangan lord.", "Terizla": "Adu gebuk menang sustain."}
     },
     "Terizla": {
-        "role": "EXP Laner", "type": "Sustain/Initi
+        "role": "EXP Laner", "type": "Sustain/Initiator", "meta": "Wombo Combo",
+        "counters": {"Valir": "Zonasi dorongan menjauh.", "Karrie": "Dicairkan dengan true damage.", "Diggie": "Bebas dari rantai ulti."}
+    },
+    "Ruby": {
+        "role": "EXP Laner", "type": "Spellvamp/Cc", "meta": "Sustained",
+        "counters": {"Baxia": "Memotong lifesteal.", "Phoveus": "Ayunan skill pemicu lompatan.", "Minsitthar": "Mencegah pasif lompat kecil."}
+    }
+    # Tambahkan counter hero META lainnya di sini jika diperlukan
+}
+
+# ========================================================
+# 2. DAFTAR UTUH SEMUA HERO MLBB (TOTAL LIST)
+# ========================================================
+ALL_MLBB_HEROES = sorted([
+    # META PRIORITAS (Ditampilkan di atas dengan tanda khusus)
+    "⭐ Ling", "⭐ Fanny", "⭐ Nolan", "⭐ Hayabusa", "⭐ Hylos", "⭐ Zhuxin", 
+    "⭐ Tigreal", "⭐ Mathilda", "⭐ Harith", "⭐ Roger", "⭐ Terizla", "⭐ Ruby",
+    # ALL HEROES SYSTEM
+    "Aamon", "Akai", "Aldous", "Alice", "Alpha", "Alucard", "Angela", "Argus", "Arlott", "Atlas", "Aulus", "Aurora",
+    "Badang", "Balmond", "Bane", "Barats", "Baxia", "Beatrix", "Belerick", "Benedetta", "Brody", "Bruno",
+    "Carmilla", "Cecilion", "Chang'e", "Chou", "Cici", "Claude", "Clint", "Cyclops",
+    "Diggie", "Dyrroth", "Esmeralda", "Estes", "Eudora", "Faramis", "Floryn", "Fredrinn", "Freya",
+    "Gatotkaca", "Gloo", "Gord", "Grock", "Guinevere", "Gusion", "Hanabi", "Hanzo", "Harley", "Helcurt",
+    "Irithel", "Ixia", "Jawhead", "Johnson", "Kadita", "Kagura", "Kaja", "Karina", "Karrie", "Khaleed", "Khufra", "Kimmy",
+    "Lancelot", "Layla", "Leomord", "Lesley", "Lolita", "Lunox", "Luo Yi", "Lyria", "Martis", "Masha", "Melissa", "Minotaur", "Minsitthar", "Miya", "Moskov",
+    "Nana", "Natalia", "Natan", "Novaria", "Odette", "Paquito", "Pharsa", "Phoveus", "Popol and Kupa",
+    "Rafaela", "Saber", "Selena", "Silvanna", "Sun", "Terizla", "Thamuz", "Uranus", "Vale", "Valentina", "Valir", "Vexana",
+    "Wanwan", "X.Borg", "Xavier", "Yi Sun-shin", "Yin", "Yu Zhong", "Yve", "Zilong"
+])
+
+BLANK_IMG = "https://via.placeholder.com/65x65/0f172a/64748b?text=%3F"
+
+# Helper pembersih bintang untuk pencarian database & gambar
+def clean_name(name):
+    if not name: return ""
+    return name.replace("⭐ ", "").strip()
+
+# Render HTML Image otomatis menggunakan placeholder terstandar jika tidak terdaftar link manual
+def update_hero_html(hero_name):
+    if not hero_name:
+        return f'<div style="display:flex; justify-content:center; margin: 4px 0;"><img src="{BLANK_IMG}" style="width:65px; height:65px; border-radius:8px; border:2px solid #334155;" /></div>'
+    
+    pure_name = clean_name(hero_name)
+    # Fallback gambar text generator jika link statis tidak dipanggil langsung
+    url = f"https://via.placeholder.com/65x65/1e293b/f8fafc?text={pure_name[:4]}"
+    
+    return f'<div style="display:flex; justify-content:center; margin: 4px 0;"><img src="{url}" style="width:65px; height:65px; border-radius:8px; border:2px solid #475569; object-fit:cover;" /></div>'
+
+def analyze_tournament_draft(rank, b1, b2, b3, b4, b5, r1, r2, r3, r4, r5, ban1, ban2, ban3, ban4, ban5, ban6, ban7, ban8, ban9, ban10):
+    blue_team = [clean_name(h) for h in [b1, b2, b3, b4, b5] if h]
+    red_team = [clean_name(h) for h in [r1, r2, r3, r4, r5] if h]
+    all_bans = [clean_name(h) for h in [ban1, ban2, ban3, ban4, ban5, ban6, ban7, ban8, ban9, ban10] if h]
+
+    # 1. ANALISIS COUNTER HERO MUSUH (BERBASIS META CORE)
+    counter_html = "<div style='background-color: #0f172a; padding: 15px; border-radius: 10px; border: 1px solid #334155;'>"
+    if not red_team:
+        counter_html += "<p style='color: #94a3b8; margin:0;'>Menunggu pick musuh...</p>"
+    else:
+        has_meta_analysis = False
+        for hero in red_team:
+            if hero in META_HEROES:
+                has_meta_analysis = True
+                data = META_HEROES[hero]
+                counter_html += f"""
+                <div style='margin-bottom: 12px; border-left: 4px solid #ef4444; padding-left: 12px;'>
+                    <b style='color: #f87171;'>⚠️ ANCAMAN META: {hero}</b> <span style='font-size:11px; color:#cbd5e1; background:#991b1b; padding:2px 6px; border-radius:4px;'>{data['meta']}</span>
+                    <ul style='color: #94a3b8; font-size: 13px; margin: 4px 0 0 15px; padding:0;'>
+                """
+                for c_hero, reason in data["counters"].items():
+                    if c_hero not in blue_team and c_hero not in red_team and c_hero not in all_bans:
+                        counter_html += f"<li><span style='color: #60a5fa; font-weight:bold;'>{c_hero}</span>: {reason}</li>"
+                counter_html += "</ul></div>"
+        if not has_meta_analysis:
+            counter_html += "<p style='color: #34d399; margin:0;'>✅ Musuh pick hero non-prioritas turnamen. Tekanan draf tergolong aman.</p>"
+    counter_html += "</div>"
+
+    # 2. METALOGI & REKOMENDASI COMBO TIM
+    meta_counts = {}
+    for h in blue_team:
+        if h in META_HEROES:
+            m_type = META_HEROES[h]["meta"]
+            meta_counts[m_type] = meta_counts.get(m_type, 0) + 1
+            
+    meta_html = "<div style='background-color: #0f172a; padding: 15px; border-radius: 10px; border: 1px solid #334155;'>"
+    if not blue_team:
+        meta_html += "<p style='color: #94a3b8; margin:0;'>Rancang draf timmu untuk melihat arah sinergi META...</p>"
+    else:
+        dominant_meta = max(meta_counts, key=meta_counts.get) if meta_counts else "Sustain/Balanced"
+        if dominant_meta == "Wombo Combo":
+            meta_html += "<b style='color: #fbbf24; font-size:16px;'>🔥 DETEKSI STRATEGI: META WOMBO COMBO</b><p style='color: #cbd5e1; font-size:13px; margin:5px 0;'>Sinergikan dengan hero area CC masal.</p>"
+        elif dominant_meta == "Ube/Regen":
+            meta_html += "<b style='color: #34d399; font-size:16px;'>🛡️ DETEKSI STRATEGI: META UBE (REGEN)</b><p style='color: #cbd5e1; font-size:13px; margin:5px 0;'>Pertahankan formasi menempel dan amankan healer/tank tebal.</p>"
+        elif dominant_meta == "Dive":
+            meta_html += "<b style='color: #60a5fa; font-size:16px;'>🚀 DETEKSI STRATEGI: META DIVE (TABRAK)</b><p style='color: #cbd5e1; font-size:13px; margin:5px 0;'>Amankan hero penabrak lini belakang musuh.</p>"
+        else:
+            meta_html += f"<b style='color: #cbd5e1; font-size:14px;'>🛡️ STRATEGI BERIMBANG ATAU COMFORT PICK ({dominant_meta})</b>"
+    meta_html += "</div>"
+
+    return counter_html, meta_html, "<div style='background-color: #0f172a; padding: 15px; border-radius: 10px; border: 1px solid #334155; color:#4ade80;'>✅ Draft Monitoring Aktif</div>"
+
+# ========================================================
+# INTERFACE DESIGN
+# ========================================================
+custom_css = """
+body { background-color: #020617; }
+.gradio-container { background-color: #020617 !important; color: white !important; }
+.blue-side { border: 2px solid #3b82f6; padding: 15px; border-radius: 12px; background: rgba(59, 130, 246, 0.03); }
+.red-side { border: 2px solid #ef4444; padding: 15px; border-radius: 12px; background: rgba(239, 68, 68, 0.03); }
+.ban-panel { border: 1px dashed #475569; padding: 12px; border-radius: 10px; background: rgba(15, 23, 42, 0.6); margin-bottom: 15px; }
+"""
+
+with gr.Blocks() as demo:
+    gr.HTML("""
+        <div style='text-align: center; padding: 10px 0;'>
+            <h1 style='color: #3b82f6; font-size: 28px; margin:0;'>🏆 MLBB COMPLETE TOURNAMENT ANALYZER</h1>
+            <p style='color: #64748b; margin: 5px 0;'>Sistem Analisis Strategi Draf MPL 10-Ban Rule • Patch v2026</p>
+        </div>
+    """)
+    
+    # BAN SECTIONS
+    with gr.Group(elem_classes="ban-panel"):
+        gr.HTML("<b style='color: #94a3b8; display:block; text-align:center; margin-bottom:5px;'>🚫 TOURNAMENT BAN POOL</b>")
+        with gr.Row():
+            b_ban1 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="B-Ban 1")
+            b_ban2 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="B-Ban 2")
+            b_ban3 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="B-Ban 3")
+            b_ban4 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="B-Ban 4")
+            b_ban5 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="B-Ban 5")
+        with gr.Row():
+            r_ban1 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="R-Ban 1")
+            r_ban2 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="R-Ban 2")
+            r_ban3 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="R-Ban 3")
+            r_ban4 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="R-Ban 4")
+            r_ban5 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="R-Ban 5")
+
+    with gr.Row():
+        # BLUE TEAM PICKS
+        with gr.Column(elem_classes="blue-side", scale=1):
+            gr.HTML("<h3 style='color: #60a5fa; margin-top:0; text-align:center;'>🔵 BLUE TEAM PICKS</h3>")
+            rank_pick = gr.Dropdown(["Pro-Tournament", "Ranked Match"], value="Pro-Tournament", label="Format")
+            
+            b1 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Pick 1")
+            img_b1 = gr.HTML(update_hero_html(None))
+            b2 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Pick 2")
+            img_b2 = gr.HTML(update_hero_html(None))
+            b3 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Pick 3")
+            img_b3 = gr.HTML(update_hero_html(None))
+            b4 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Pick 4")
+            img_b4 = gr.HTML(update_hero_html(None))
+            b5 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Pick 5")
+            img_b5 = gr.HTML(update_hero_html(None))
+            
+        # CENTER OPERATIONS PANEL
+        with gr.Column(scale=1):
+            btn_analyze = gr.Button("⚔️ EVALUASI STRATEGI TURNAMEN", variant="primary", size="lg")
+            gr.HTML("<h3 style='color: #fbbf24; margin-top:15px;'>🔮 METALOGI & COMBO TIM</h3>")
+            meta_out = gr.HTML("<p style='color: #64748b;'>Menunggu draf...</p>")
+            gr.HTML("<h3 style='color: #4ade80; margin-top:15px;'>📊 STATUS ENGINE</h3>")
+            comp_out = gr.HTML("<p style='color: #64748b;'>Ready.</p>")
+
+        # RED TEAM PICKS
+        with gr.Column(elem_classes="red-side", scale=1):
+            gr.HTML("<h3 style='color: #f87171; margin-top:0; text-align:center;'>🔴 RED TEAM PICKS</h3>")
+            
+            r1 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Enemy 1")
+            img_r1 = gr.HTML(update_hero_html(None))
+            r2 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Enemy 2")
+            img_r2 = gr.HTML(update_hero_html(None))
+            r3 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Enemy 3")
+            img_r3 = gr.HTML(update_hero_html(None))
+            r4 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Enemy 4")
+            img_r4 = gr.HTML(update_hero_html(None))
+            r5 = gr.Dropdown([None] + ALL_MLBB_HEROES, label="Enemy 5")
+            img_r5 = gr.HTML(update_hero_html(None))
+
+    gr.HTML("<h2 style='color: #ef4444; border-bottom: 2px solid #ef4444; padding-bottom: 5px; margin-top:20px;'>🕵️ DEEP COUNTER-PICK STRATEGY REPORT</h2>")
+    counter_out = gr.HTML("<p style='color: #64748b;'>Kalkulasi taktis...</p>")
+
+    # BINDING IMAGE CHANGES VIA HTML INJECTION
+    b1.change(fn=update_hero_html, inputs=b1, outputs=img_b1)
+    b2.change(fn=update_hero_html, inputs=b2, outputs=img_b2)
+    b3.change(fn=update_hero_html, inputs=b3, outputs=img_b3)
+    b4.change(fn=update_hero_html, inputs=b4, outputs=img_b4)
+    b5.change(fn=update_hero_html, inputs=b5, outputs=img_b5)
+    
+    r1.change(fn=update_hero_html, inputs=r1, outputs=img_r1)
+    r2.change(fn=update_hero_html, inputs=r2, outputs=img_r2)
+    r3.change(fn=update_hero_html, inputs=r3, outputs=img_r3)
+    r4.change(fn=update_hero_html, inputs=r4, outputs=img_r4)
+    r5.change(fn=update_hero_html, inputs=r5, outputs=img_r5)
+
+    # ACTION BUTTON BINDING
+    btn_analyze.click(
+        fn=analyze_tournament_draft,
+        inputs=[rank_pick, b1, b2, b3, b4, b5, r1, r2, r3, r4, r5, b_ban1, b_ban2, b_ban3, b_ban4, b_ban5, r_ban1, r_ban2, r_ban3, r_ban4, r_ban5],
+        outputs=[counter_out, meta_out, comp_out]
+    )
+
+if __name__ == "__main__":
+    demo.launch(show_error=True)