Update app.py

app.py

@@ -9,9 +9,10 @@ print("Memuat tokenizer...")
 tokenizer = AutoTokenizer.from_pretrained(model_name)
 
 print("Memuat model Bahasa Biak...")
+# Mengembalikan argumen ke 'dtype' sesuai warning log transformers Anda agar tidak deprecated
 model = AutoModelForCausalLM.from_pretrained(
     model_name,
-    torch_dtype=torch.float16,
+    dtype=torch.float16,
     device_map="auto"
 )
 
@@ -81,25 +82,31 @@ def prediksi_terjemahan(message, history):
             if next_token.item() == generation_kwargs["eos_token_id"]:
                 break
 
-# ========================================================
-#  PERBAIKAN UI/UX: MENGGUNAKAN ID UTAMA YANG DIJAMIN AMAN
-# ========================================================
+# ==========================================
+#         STRUKTUR DESAIN CUSTOM CSS
+# ==========================================
 desain_kustom_css = """
-#wadah-chat {
-    max-width: 800px !important;  /* Membatasi lebar maksimal agar tidak melar ke samping */
-    margin: 0 auto !important;     /* Memaksa posisi kotak chat berada tepat di tengah monitor */
+#wadah-lebar-chat {
+    max-width: 800px !important;   /* Membatasi lebar agar pas seperti ChatGPT */
+    margin: 0 auto !important;      /* Menjaga posisi tetap presisi di tengah layar */
+    float: none !important;
 }
 """
 
-# Menyusun interface dengan gr.Blocks standar yang didukung penuh oleh Hugging Face
-with gr.Blocks(theme=gr.themes.Soft(), css=desain_kustom_css) as demo:
-    gr.Markdown("# 🤖 AI Bahasa Indonesia-Biak", elem_id="judul")
+# Membuka Blocks tanpa menyelipkan theme/css langsung di sini agar lolos dari Warning Gradio
+with gr.Blocks() as demo:
+    gr.Markdown("# 🤖 AI Bahasa Indonesia-Biak")
     
-    # Perbaikan: Menggunakan gr.Column standar dengan elem_id langsung pada ChatInterface
-    gr.ChatInterface(
-        fn=prediksi_terjemahan,
-        elem_id="wadah-chat"  # Menyuntikkan CSS pembatas lebar langsung ke komponen utama
-    )
+    # Solusi: Membungkus ChatInterface ke dalam gr.Column yang mendukung penuh elem_id
+    with gr.Column(elem_id="wadah-lebar-chat"):
+        gr.ChatInterface(
+            fn=prediksi_terjemahan,
+            
+        )
 
 if __name__ == "__main__":
-    demo.launch()
+    # PERBAIKAN: Memindahkan pengaturan tema dan CSS ke fungsi .launch() sesuai standarisasi sistem Gradio
+    demo.launch(
+        theme=gr.themes.Soft(),
+        css=desain_kustom_css
+    )