Update app.py

app.py

@@ -1,71 +1,32 @@
 import gradio as gr
-from huggingface_hub import InferenceClient
-
-"""
-For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
-"""
-# Menggunakan model Gemini yang tersedia di HuggingFace
-client = InferenceClient("google/gemini-xx")  # Gantilah dengan nama model Gemini yang tepat
-
-
-def respond(
-    message,
-    history: list[tuple[str, str]],
-    system_message,
-    max_tokens,
-    temperature,
-    top_p,
-):
-    # Set system message to greet in Indonesian
-    system_message = "Hai, apa ada yang bisa saya bantu?"
-
-    messages = [{"role": "system", "content": system_message}]
-
-    for val in history:
-        if val[0]:
-            messages.append({"role": "user", "content": val[0]})
-        if val[1]:
-            messages.append({"role": "assistant", "content": val[1]})
-
-    # Menambahkan pertanyaan tentang Riswan
-    if message.lower() == "siapa riswan?":
-        messages.append({"role": "user", "content": "Siapa Riswan dan apa yang dia buat?"})
-
-    messages.append({"role": "user", "content": message})
-
-    response = ""
-
-    for message in client.chat_completion(
-        messages,
-        max_tokens=max_tokens,
-        stream=True,
-        temperature=temperature,
-        top_p=top_p,
-    ):
-        token = message.choices[0].delta.content
-        response += token
-        yield response
-
-
-"""
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(value="Anda adalah chatbot yang ramah.", label="Pesan Sistem"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max token baru"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperatur"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nukleus sampling)",
-        ),
-    ],
-)
-
-
-if __name__ == "__main__":
-    demo.launch()
+from functions import random_plot, add_message, chat_mem, print_like_dislike
+
+# Ambil pesan awal dari chat_mem
+initial_messages = [(None, "Selamat datang di chatbot Nopiyar.my.id! Ada yang bisa saya bantu?")]
+fig = random_plot()
+
+# Membuat antarmuka Gradio
+with gr.Blocks(fill_height=True, css="footer {visibility: hidden}") as demo:
+    gr.HTML("<div style='text-align: center;'><h2>Chat bot Nopiyar.my.id</h2></div>")  # Menambahkan judul di sini dengan CSS untuk memposisikan di tengah
+    chatbot = gr.Chatbot(
+        label="NPR",
+        elem_id="chatbot",
+        bubble_full_width=True,
+        scale=1,
+        avatar_images=(None, "https://iili.io/d5tk44a.md.png"),
+        placeholder="Masukkan pesan...",
+        render_markdown=True,
+        sanitize_html=True,
+        show_copy_button=True,
+        value=initial_messages
+    )
+    
+    chat_input = gr.Textbox(interactive=True, placeholder="Masukkan pesan...", show_label=False)
+    
+    chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+    bot_msg = chat_msg.then(chat_mem, inputs=[chat_input, chatbot], outputs=[chat_input, chatbot], api_name="bot_response")
+    bot_msg.then(lambda: gr.Textbox(interactive=True), None, [chat_input])
+
+    chatbot.like(print_like_dislike, None, None)  # Menjaga fitur like (tetap bisa digunakan jika perlu)
+
+demo.launch()