Update app.py

app.py

@@ -4,19 +4,17 @@ import json
 import requests
 import xml.etree.ElementTree as ET
 
-
-
-
-# API URL ve API anahtarı
+# os.getenv("API_URL") + "/generate_stream"
 API_URL = "https://api.openai.com/v1/chat/completions"
 OPENAI_API_KEY = os.getenv("OPENAI_API_KEY")
 
-# XML'den ürün bilgilerini çekiyoruz
 url = 'https://www.trekbisiklet.com.tr/output/8582384479'
+
 response = requests.get(url)
 root = ET.fromstring(response.content)
 
 products = []
+
 for item in root.findall('item'):
     if item.find('isOptionOfAProduct').text == '1':
         if item.find('stockAmount').text > '0':
@@ -29,7 +27,6 @@ for item in root.findall('item'):
             # name: ilk kelime (marka), item_info: (stok adedi, fiyat)
             products.append((name, item_info, full_name))
 
-
 def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], history=[]):
     headers = {
         "Content-Type": "application/json",
@@ -37,11 +34,6 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
     }
     print(f"system message is ^^ {system_msg}")
     initial_message = [{"role": "user", "content": f"{inputs}"},]
-
-    
-
-
-    
     
     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. vereceğin bilgiyi bu bilgilerin içinden alıyorsan her kelimenin yan yana yazmazı şartı ile o bilgiyi verebilirsin. Madone SLR bisikletler soruluyorsa (GEN 7) ibaresini kendin ekleyerek, aramayı GEN 7'li yap.Sana verilen bilgilerin içinde bir ürün adı veya bisiklet modelinin rengi yoksa, ürün ile ilgili bilgi vermeyeceksin ve sorulan modelden farklı boy ve renkler stoklarda varsa, bu bilgileri vereceksin. Alternatif renk veya boyu yok ise, başka bir model adını öğrenirsen stokları tekrar kontrol edebileceğini söyleyeceksin. Sana bir model adı rakamı ile verilmiş ve bu ürün bu bilgiler içinde yok ise, o ürün stoklarımızda yoktur diye bilgi vereceksin ve model adı rakamsız girilmiş ise nodel adının rakamı ile girilmesini rica edeceksin, örnek olarak 'Madone SL 7' gibi 7 rakamının da yazılmasını rica edeceksin. Madone, Emonda, Domane ve Checpont modelleri birer yol bisikleti modelidir, bu modellerin renklerinden önce yazan ve 47, 49, 50, 52, 54, 56, 58, 60, 62, 64 rakamları, o bisikletlerin boylarıdır. Bu bilgi içindeki renkler ise o ürünlerin renkleridir. Sana bir ürün var mı diye sorulduğunda, sadece bilgi içinde olan ürünleri söyleyebilirsin. Stoklarımızda yok ise o ürün ile ilgili bilgi vermeyeceksin. En büyük veya en küçük boy sorulduğunda, bilgi içinde renki bilgisi olan modellerin bilgisini vereceksin. Gerçek zamanlı stok bilgilerine erişme yeteneğin var. En aşağıdaki ürünlerin adına, rengine, boyuna ve fiyatına tam erişimin var ve bunları bilmiyorum demeyeceksin. Üyelere özel fiyatları ve indirimleri görmek için kullanıcıların siteye üye olmaları gerekmektedir. Sen bir AI Trek marka bisiklet uzmanı, bilir kişisi ve asistanısın.Trek ve Electra bisikletler konusunda uzmanım.İzmir'de yeni bir mağazamız açılıyor. Mağazamız Nisan 2025 ayında açılmış olacak. Yeri is Alsancak'da. İstanbul'da üç Trek mağazamız var: Caddebostan, Ortaköy ve Sarıyer. Ortaköy mağazası 10.00-19.00 saatleri arasında açık. ve Toyota Plaza ve Carrefour'un yanindadir,tam adresi Dereboyu Cad No:84 Ortaköy Beşiktaş ve telefon numarası 0212 2271015. Caddebostan mağazası, Prof. Dr. Hulusi Behçet 18 Caddebostan, Kadıköy adresinde, Göztepe Parkı karşısındadır, telefon numarası 0216 6292432, 10.00-19.00 saatleri arasında açık. Tüm mağazalar Pazar günü kapalıdır. Caddebostan mağazamızda haftanın her günü Bike fit yapılmaktadır ve ücreti 3500 TL ve süresi 60-90 dakika. Bike fit yaptırmak isteyenler, Bike fit sayfamızda sağ tarafta bulunan RANDEVU AL butonu ile randevu oluştumaları gerekmektedir. Sarıyer mağazamızın adresi şöyledir: Mareşal Fevzi Çakmak Cad. No 54 Kemer-Bahçeköy Mahallsi Sarıyer, hafta içleri ve cumartesi günleri 10.00 ile 19.00 saatleri arasında hizmet vermektedir. Bu mağazamız elektrikli bisikletlerin daha çok sergilendiği ve tüm çeşiti bir arada görebileceğiniz mağazamızdır. Maslaktan, Belgrad ormanına gelirken sol tarafta kalmaktadır ve telefon numarası 0542 137 1080.."},
@@ -94,7 +86,7 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
     
     chat_counter += 1
     history.append(inputs)
-    
+    print(f"Logging : payload is - {payload}")
     
     response = requests.post(API_URL, headers=headers, json=payload, stream=True)
     print(f"Logging : response code - {response}")
@@ -115,86 +107,114 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
                     history[-1] = partial_words
                 chat = [(history[i], history[i + 1]) for i in range(0, len(history) - 1, 2)]
                 token_counter += 1
-                yield chat, history, chat_counter
-                
-
-    
+                yield chat, history, chat_counter, response
 
 def reset_textbox():
     return gr.update(value='')
 
-
-print("Mevcut dizinler:", os.listdir("/mnt"))
-print("Data klasöründeki dosyalar:", os.listdir("/mnt/data") if os.path.exists("/mnt/data") else "Klasör yok")
-# CSS ayarları
+# CSS: Butonun sabit, yuvarlak kalması ve sağa doğru hafifçe 2px uzaklaşması için ayarlandı.
+# Ek olarak, mobilde giriş alanının genişliğini kısıtlamak için "#input_text" id'sine genişlik ayarı ekledik.
 demo_css = """
 #send_button {
-  background-color: #0b93f6;
-  border: none;
-  color: white;
-  font-size: 24px;
-  border-radius: 10%;
-  width: 35px !important;
-  height: 37px !important;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: background-color 0.3s;
+    background-color: #0b93f6;
+    border: none;
+    color: white;
+    font-size: 24px;
+    border-radius: 10%;
+    width: 35px !important;
+    height: 37px !important;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: background-color 0.3s;
 }
 #send_button:hover {
-  background-color: #0077c0;
+    background-color: #0077c0;
 }
+
+
+
+
+
+
+/* Buton kapsayıcısındaki sol margin değerini kaldırıyoruz */
 .fixed_button_container {
-  padding: 0px;
-  margin: 0px 0 0 0px;
+  
+    padding: 0px;
+    margin: 0px 0 0 0px;  /* Sol boşluk kaldırıldı */
 }
 #custom_row {
-  width: 150% !important;
-  flex-wrap: nowrap !important;
+    width: 150% !important;  /* İstediğiniz yüksekliği girin */
+    flex-wrap: nowrap !important;
 }
+
+/* Mobil ekranlar için özel düzenleme */
 @media only screen and (max-width: 1000px) {
-  .custom_row {
-    flex-wrap: nowrap !important;
-  }
+    .custom_row {  /* Eğer Row'a bu sınıf atanmışsa */
+        flex-wrap: nowrap !important;
+    }
 }
 #chatbot {
-  height: 60vh !important;
-  overflow-y: auto;
+  height: 100vh; /* Bu, chatbotun yüksekliğini sayfanın tamamına yayacaktır */
+  overflow-y: auto; /* Bu, dikey kaydırma çubuğunu etkinleştirir */
 }
+
+
 """
 
+
+
 # Tema ayarları
-theme = gr.themes.Base(neutral_hue="blue", text_size="sm", spacing_size="sm")
+theme = gr.themes.Base(
+    neutral_hue="blue",
+    text_size="sm",
+    spacing_size="sm",
+    )
 
-# Gradio arayüzü
-with gr.Blocks(css=demo_css) as demo:
+with gr.Blocks(css=demo_css, theme=theme) as demo:
     with gr.Column(elem_id="col_container"):
         with gr.Accordion("", open=False, visible=False):
             system_msg = gr.Textbox(value="")
             new_msg = gr.Textbox(value="")
             accordion_msg = gr.HTML(value="", visible=False)
+        
         chatbot = gr.Chatbot(label='Trek Asistanı', elem_id="chatbot")
         
+        # Row içinde, metin kutusu ve buton arasındaki boşluğu sıfırlıyoruz.
         with gr.Row(elem_id="custom_row"):
-            inputs = gr.Textbox(placeholder="Buraya yazın", show_label=False, container=False)
+            inputs = gr.Textbox(
+                placeholder="Buraya yazın",
+                show_label=False,
+                container=False,
+                
+            )
+            # Butonu, genişlemesini engelleyen sabit kapsayıcı içinde yerleştiriyoruz.
             with gr.Column(elem_classes="fixed_button_container"):
                 send_button = gr.Button(value="✈", elem_id="send_button")
+        
         state = gr.State([])
-        save_button = gr.Button("Sohbeti Kaydet")
-        save_button.click(save_current_chat, [state], [state])
-
-
         with gr.Accordion("", open=False, visible=False):
-            top_p = gr.Slider(minimum=0, maximum=1.0, value=0.5, step=0.05, interactive=False, visible=False)
-            temperature = gr.Slider(minimum=0, maximum=5.0, value=0.1, step=0.1, interactive=False, visible=False)
+            top_p = gr.Slider(minimum=0, maximum=1.0, value=0.5,
+                              step=0.05, interactive=False, visible=False)
+            temperature = gr.Slider(minimum=0, maximum=5.0, value=0.1,
+                                    step=0.1, interactive=False, visible=False)
             chat_counter = gr.Number(value=0, visible=False, precision=0)
         
-        # ENTER ile gönderme
-        inputs.submit(predict, [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter])
+        # ENTER tuşuyla gönderme işlemi
+        inputs.submit(
+            predict,
+            [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
+            [chatbot, state, chat_counter]
+        )
         inputs.submit(reset_textbox, [], [inputs])
-        send_button.click(predict, [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter])
+        
+        # Gönder butonuna tıklandığında işlemin gerçekleşmesi
+        send_button.click(
+            predict,
+            [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
+            [chatbot, state, chat_counter]
+        )
         send_button.click(reset_textbox, [], [inputs])
 
 demo.queue(max_size=10).launch(debug=True)
-