Update app.py

app.py

@@ -33,10 +33,6 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
     }
     print(f"system message is ^^ {system_msg}")
     
-    # İlk kullanıcı mesajı (örnek amaçlı)
-    initial_message = [{"role": "user", "content": f"{inputs}"}]
-    
-    # Çoklu sohbet mesajları – Buraya verilen metinleri ihtiyaçlarınıza göre düzenleyebilirsiniz.
     multi_turn_message = [
         {"role": "system", "content": "Bir önceki sohbeti unut. Vereceğin ürün bilgisi, bu bilginin içinde yan yana yazmıyorsa veya arada başka bilgiler yazıyor ise, o bilgiyi vermeyeceksin çünkü o bilgi yanlıştır. ..."},
         {"role": "system", "content": "Dağ bisikletleri modelleri: Marlin, Roscoe, Procaliber, Supercaliber, Fuel Ex. Şehit bisikletleri: FX ve DS (Dual Sport). Elektrikli Bisiklet modelleri: Powerfly, Powerfly FS, Rail, Fuel Exe, Domane SLR +, Verve +, Townie +, Fx +, DS +."},
@@ -60,7 +56,7 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
     # Kullanıcı girişindeki kelimeleri küçük harfe çevirip listeye alıyoruz.
     input_words = [str(word).lower() for word in inputs.split()]
     
-    # Eğer kullanıcının girişinde ürün isminden birine rastlanırsa, ilgili ürün bilgisini sisteme ekliyoruz.
+    # Eğer kullanıcının girişinde ürün isminden birine rastlanırsa, ilgili ürün bilgisini ekliyoruz.
     for product_info in products:
         if product_info[0] in input_words:
             new_msg = f"{product_info[2]} {product_info[1][0]} ve fiyatı EURO {product_info[1][1]}"
@@ -75,7 +71,7 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
         messages.append(user_msg)
         messages.append(assistant_msg)
     
-    # Son olarak, mevcut kullanıcı girişini de ekliyoruz.
+    # Mevcut kullanıcı girişini ekliyoruz.
     messages.append({"role": "user", "content": inputs})
     
     payload = {
@@ -104,7 +100,6 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
             continue
         if chunk.decode():
             chunk = chunk.decode()
-            # Gelen veri içerisinde "content" varsa ekliyoruz.
             if len(chunk) > 12 and "content" in json.loads(chunk[6:])['choices'][0]['delta']:
                 partial_words += json.loads(chunk[6:])['choices'][0]["delta"]["content"]
                 if token_counter == 0:
@@ -118,17 +113,29 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
 def reset_textbox():
     return gr.update(value='')
 
-# CSS: Gönder butonunun stilini belirleyen kod
+# CSS: Buton stilinin yanı sıra özel satır sınıfıyla gap (boşluk) sıfırlanıyor.
 demo_css = """
 #send_button {
-    background-color: transparent;
+    background-color: #0b93f6;
     border: none;
+    color: white;
     font-size: 24px;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     cursor: pointer;
-    padding: 0 10px;
+    transition: background-color 0.3s;
 }
 #send_button:hover {
-    color: #0b93f6;
+    background-color: #0077c0;
+}
+/* Özel satır için gap değerini sıfırlıyoruz */
+.compact_row {
+    gap: 0px !important;
+    margin: 0px;
 }
 """
 
@@ -141,7 +148,6 @@ theme = gr.themes.Base(
 
 with gr.Blocks(css=demo_css, theme=theme) as demo:
     with gr.Column(elem_id="col_container"):
-        # Gizli ayarların bulunduğu alan (Accordion) – isteğe bağlı
         with gr.Accordion("", open=False, visible=False):
             system_msg = gr.Textbox(value="")
             new_msg = gr.Textbox(value="")
@@ -149,13 +155,14 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
             
         chatbot = gr.Chatbot(label='Trek Asistanı', elem_id="chatbot")
         
-        # Giriş kutusu ve gönder butonunu aynı satıra alıyoruz.
-        with gr.Row(variant="compact"):
+        # Özel sınıf (compact_row) kullanarak metin kutusu ile buton arasındaki boşluğu kaldırıyoruz.
+        with gr.Row(elem_classes="compact_row"):
             inputs = gr.Textbox(
                 placeholder="Buraya yazın, yanıtlayalım.", 
                 show_label=False,
                 container=True
             )
+            # Buton içeriğinde doğrudan Unicode "✈" karakterini kullanıyoruz.
             send_button = gr.Button(value="⇨", elem_id="send_button")
             
         state = gr.State([])
@@ -166,7 +173,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
                                     step=0.1, interactive=False, visible=False)
             chat_counter = gr.Number(value=0, visible=False, precision=0)
         
-        # Kullanıcı ENTER tuşuyla gönderdiğinde çalışacak işlemler
+        # ENTER tuşu ile gönderme işlemleri.
         inputs.submit(
             predict, 
             [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],