Update app.py

app.py

@@ -56,3 +56,136 @@ data = {
     ]
 }
 
+
+import gradio as gr
+import os
+import requests
+import json
+
+# Daftar model yang tersedia
+MODELS = [
+    "anthropic/claude-opus-4",
+    "anthropic/claude-sonnet-4",
+    "deepseek/deepseek-r1-0528",
+    "deepseek/deepseek-chat-v3-0324",
+    "openai/gpt-4.1",
+    "openai/gpt-4.1-mini",
+    "google/gemini-2.5-pro-preview",
+    "microsoft/phi-4-reasoning-plus",
+    "qwen/qwen3-30b-a3b",
+    "meta-llama/llama-guard-4-12b",
+    "meta-llama/llama-4-maverick",
+    "meta-llama/llama-4-scout",
+    "x-ai/grok-2-vision-1212"
+]
+
+def chat_with_openrouter(prompt, system_prompt, model):
+    try:
+        # Konfigurasi API OpenRouter
+        api_url = "https://openrouter.ai/api/v1/chat/completions"
+        api_key = os.environ.get("OPENROUTER_API_KEY")
+        
+        # Header untuk autentikasi
+        headers = {
+            "Authorization": f"Bearer {api_key}",
+            "HTTP-Referer": "https://huggingface.co",
+            "X-Title": "OpenRouter Space",
+        }
+        
+        # Bangun pesan dengan sistem prompt
+        messages = []
+        if system_prompt.strip():
+            messages.append({"role": "system", "content": system_prompt})
+        messages.append({"role": "user", "content": prompt})
+        
+        # Body request
+        data = {
+            "model": model,
+            "messages": messages,
+            "max_tokens": 2048
+        }
+        
+        # Kirim request ke OpenRouter
+        response = requests.post(api_url, headers=headers, json=data, timeout=90)
+        response.raise_for_status()
+        
+        # Ekstrak dan kembalikan respons
+        result = response.json()
+        return result["choices"][0]["message"]["content"]
+    
+    except Exception as e:
+        error_detail = f"{str(e)}"
+        if hasattr(e, 'response') and e.response:
+            try:
+                error_resp = e.response.json()
+                error_detail += f"\nError: {error_resp.get('error', {}).get('message', 'Unknown error')}"
+            except:
+                error_detail += f"\nStatus: {e.response.status_code}\nResponse: {e.response.text[:500]}"
+        return f"🚨 Error: {error_detail}"
+
+# Buat antarmuka Gradio dengan lebih banyak kontrol
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    gr.Markdown("""
+    ## 🤖 Advanced OpenRouter AI Assistant
+    Pilih model AI dan atur sistem prompt untuk mengontrol perilaku asisten
+    """)
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            model_dropdown = gr.Dropdown(
+                label="Pilih Model AI",
+                choices=MODELS,
+                value="anthropic/claude-opus-4",
+                interactive=True
+            )
+            system_prompt = gr.Textbox(
+                label="Sistem Prompt",
+                placeholder="Contoh: 'Anda adalah ahli bahasa Indonesia yang ramah dan membantu'",
+                lines=4,
+                value="Anda adalah asisten AI yang membantu dengan jawaban informatif dan ramah. Gunakan bahasa Indonesia yang baik dan benar."
+            )
+            gr.Markdown("### Petunjuk:")
+            gr.Markdown("- Gunakan sistem prompt untuk mengatur perilaku AI")
+            gr.Markdown("- Model Claude Opus/Sonnet bagus untuk tugas kompleks")
+            gr.Markdown("- GPT-4.1 untuk kreativitas, Gemini untuk penalaran")
+            
+        with gr.Column(scale=2):
+            inp = gr.Textbox(
+                label="Pertanyaan Anda",
+                placeholder="Tulis pertanyaan atau instruksi di sini...",
+                lines=5
+            )
+            out = gr.Textbox(
+                label="Jawaban AI",
+                lines=10,
+                interactive=False
+            )
+            btn = gr.Button("Kirim Permintaan", variant="primary")
+    
+    # Contoh prompt
+    examples = gr.Examples(
+        examples=[
+            ["Jelaskan teori relativitas khusus dengan analogi sederhana", "", "anthropic/claude-opus-4"],
+            ["Buat puisi tentang teknologi AI dalam 4 bait", "Anda adalah penyair profesional", "openai/gpt-4.1"],
+            ["Analisis dampak ekonomi AI di Indonesia tahun 2024", "Anda adalah analis ekonomi senior", "google/gemini-2.5-pro-preview"]
+        ],
+        inputs=[inp, system_prompt, model_dropdown],
+        label="Contoh Permintaan"
+    )
+    
+    btn.click(
+        fn=chat_with_openrouter,
+        inputs=[inp, system_prompt, model_dropdown],
+        outputs=out
+    )
+    
+    # Footer dengan referensi
+    gr.Markdown("---")
+    gr.HTML("""
+    <div style="text-align: center">
+        <p>Powered by <a href="https://openrouter.ai" target="_blank">OpenRouter</a></p>
+        <img src="https://cdn.myportfolio.com/45200424-090f-478b-9be0-85ca9dee2b39/f3a8a7fb-b385-4a7a-8bee-e325c4b9cf9b_rw_600.png?h=fe0a7278654a29de048391005c6d748f" width="200">
+    </div>
+    """)
+
+demo.launch()