Update app.py

app.py

@@ -4,19 +4,16 @@ import json
 import requests
 import xml.etree.ElementTree as ET
 
-# os.getenv("API_URL") + "/generate_stream"
+# API URL ve API KEY ayarları
 API_URL = "https://api.openai.com/v1/chat/completions"
 OPENAI_API_KEY = os.getenv("OPENAI_API_KEY")
 
+# Ürün verilerini çekme işlemi
 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':
@@ -26,7 +23,7 @@ for item in root.findall('item'):
             stockAmount = "stokta"
             price = item.find('priceWithTax').text
             item_info = (stockAmount, price)
-            # name: ilk kelime (marka), item_info: (stok adedi, fiyat)
+            # name: ilk kelime (marka), item_info: (stok durumu, fiyat)
             products.append((name, item_info, full_name))
 
 
@@ -36,18 +33,19 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
         "Authorization": f"Bearer {OPENAI_API_KEY}"
     }
     print(f"system message is ^^ {system_msg}")
-    initial_message = [{"role": "user", "content": f"{inputs}"},]
+    initial_message = [{"role": "user", "content": f"{inputs}"}]
+    
+    multi_turn_message = [
+        {"role": "system", "content": "Sen bir Bıke Finder asistanısın. Görevin insanların doğru bisiklet modeli seçimini sağlamak. Kişilere sorucağın bir takım sorularala, kişileri tanıyıp, onlara stoklarımızda bulunan bisikletlerin model, boylarını tavsiye edeceksin."},
+        {"role": "system", "content": "Merhaba, ben Trek Stok Danısmanı Asistanıyım! Size en uygun Trek bisiklet modelini belirleyebilmem için birkaç sorum olacak. Verdiğiniz bilgiler doğrultusunda, elimizdeki güncel stoklardan ihtiyaçlarınıza en uygun modeli seçip, satin alma sürecine yonlendirecegim. Unutmayin, tum Trek bisikletlerimiz omur boyu garantilidir! Adim 1: Bisiklet Kategorisi - Hangi tur Trek bisikletiyle ilgileniyorsunuz? Lutfen asagidaki seceneklerden birini belirtiniz: Yol Bisikleti ornek: Trek Emonda, Trek Domane; Dag Bisikleti ornek: Trek Fuel EX, Trek Remedy, Trek Procaliber; Hibrit Sehir Bisikleti; Gravel Bisikleti ornek: Trek Checkpoint; Elektrikli Bisikleti ornek: Trek Powerfly, Trek Allant+."},
+        {"role": "system", "content": "Adim 2: Kullanim Amaci - Bisikletinizi hangi amaclarla kullanmayi planliyorsunuz? ornek: gunluk ulasim, spor, uzun mesafe turlari, yaris, offroad maceralari, dag yollari. Adim 3: Beklentiler - Trek bisikletinizde hangi ozellikler sizin icin en onemli? ornek: performans, konfor, dayaniklilik, teknoloji yenilik, estetk, diger. Adim 4: Zemin Kosullari - Bisikletinizi hangi zeminlerde kullanacaksiniz? ornek: sehir ici asfalt, hafif engebeli parkurlar, orman dogal parkurlar, zorlu dag yollari offroad, karisik kullanim. Adim 5: Fiziksel Olculer - Dogru model ve cerceve boyutunu belirleyebilmem icin lutfen boyunuzu ve ic bacak boyunuzu paylasir misiniz? ornek: Boyum 180 cm, ic bacak boyum 85 cm. Adim 6: Ek Tercihler - Ek olarak, bisikletinizde tercih ettiginiz baska ozellikler var mi? ornek: ekstra donanim, ozel renk, aksesuar tercihi veya butce araliginiz. Adim 7: Oneri ve Satisa Yonlendirme - Verdigimiz bilgiler dogrultusunda, stoklarimizda bulunan ve ihtiyaclariniza en uygun olan Onerilen Model modelini oneriyorum. Bu model, kisa teknik ozellikler, kullanim avantajlari ve hedeflenen zemin alan ile beklentilerinize hitap ediyor. Ustelik, tum Trek bisikletlerimiz omur boyu garantilidir! Su an stok durumumuz: Stokta mevcut, Sinirli stok. Urun detaylari ve satin alma islemi icin lutfen su linke tiklayin: Trek Onerilen Model Urun Sayfasi https:orneksite.comtrek-ornek-model. Kargo ve Teslimat - Siparisiniz odeme onayindan sonra en gec 24 saat icinde paketlenip kargoya verilir; Yuritici Kargo, MNG veya Aras Kargo ile gonderim yapilir. Kargo takip numarasi SMS ve eposta ile iletilecek; gonderim sureci 3-5 is gunu surer. Belirli tutar uzerindeki siparislerde ucretsiz kargo kampanyasi uygulanir."},
+        {"role": "system", "content": "Stokları ve fiyatları https://www.trekbisiklet.com.tr den bakacaksın, diğer markalarla ilgigi soru gelirse kibarca cevaplayamayacağını ve trek in neden farklı olduğunu anlat. Yol bisikletlerinde Türkiye stoklarımızda, Madone, Domane, Emonda, CheckMate, CheckPoint ve SpeedConcept modelleri bulunuyor. Dağ bisikletlerinde ise Marlin, Procaliber, Supercaliber modeller, full amortisörlülerde ise Fuel Ex modeli bulunmakta. Şehir kullanımı için FX ve DS modelini stoklarda bulunduruyoruz."}
+    ]
     
-    multi_turn_message = [{"role": "system", "content": "Sen bir Bıke Finder asistanısın. Görevin insanların doğru bisiklet modeli seçimini sağlamak. Kişilere sorucağın bir takım sorularala, kişileri tanıyıp, onlara stoklarımızda bulunan bisikletlerin model, boylarını tavsiye edeceksin.  "} ,
-                          {"role": "system", "content": "Merhaba, ben Trek Stok Danısmanı Asistanıyım! Size en uygun Trek bisiklet modelini belirleyebilmem için birkaç sorum olacak. Verdiğiniz bilgiler doğrultusunda, elimizdeki güncel stoklardan ihtiyaçlarınıza en uygun modeli seçip, satin alma sürecine yonlendirecegim. Unutmayin, tum Trek bisikletlerimiz omur boyu garantilidir! Adim 1: Bisiklet Kategorisi - Hangi tur Trek bisikletiyle ilgileniyorsunuz? Lutfen asagidaki seceneklerden birini belirtiniz: Yol Bisikleti ornek: Trek Emonda, Trek Domane; Dag Bisikleti ornek: Trek Fuel EX, Trek Remedy, Trek Procaliber; Hibrit Sehir Bisikleti; Gravel Bisikleti ornek: Trek Checkpoint; Elektrikli Bisikleti ornek: Trek Powerfly, Trek Allant+. Adim 2: Kullanim Amaci - Bisikletinizi hangi amaclarla kullanmayi planliyorsunuz? ornek: gunluk ulasim, spor, uzun mesafe turlari, yaris, offroad maceralari, dag yollari. Adim 3: Beklentiler - Trek bisikletinizde hangi ozellikler sizin icin en onemli? ornek: performans, konfor, dayaniklilik, teknoloji yenilik, estetk, diger. Adim 4: Zemin Kosullari - Bisikletinizi hangi zeminlerde kullanacaksiniz? ornek: sehir ici asfalt, hafif engebeli parkurlar, orman dogal parkurlar, zorlu dag yollari offroad, karisik kullanim. Adim 5: Fiziksel Olculer - Dogru model ve cerceve boyutunu belirleyebilmem icin lutfen boyunuzu ve ic bacak boyunuzu paylasir misiniz? ornek: Boyum 180 cm, ic bacak boyum 85 cm. Adim 6: Ek Tercihler - Ek olarak, bisikletinizde tercih ettiginiz baska ozellikler var mi? ornek: ekstra donanim, ozel renk, aksesuar tercihi veya butce araliginiz. Adim 7: Oneri ve Satisa Yonlendirme - Verdigimiz bilgiler dogrultusunda, stoklarimizda bulunan ve ihtiyaclariniza en uygun olan Onerilen Model modelini oneriyorum. Bu model, kisa teknik ozellikler, kullanim avantajlari ve hedeflenen zemin alan ile beklentilerinize hitap ediyor. Ustelik, tum Trek bisikletlerimiz omur boyu garantilidir! Su an stok durumumuz: Stokta mevcut, Sinirli stok. Urun detaylari ve satin alma islemi icin lutfen su linke tiklayin: Trek Onerilen Model Urun Sayfasi https:orneksite.comtrek-ornek-model. Kargo ve Teslimat - Siparisiniz odeme onayindan sonra en gec 24 saat icinde paketlenip kargoya verilir; Yuritici Kargo, MNG veya Aras Kargo ile gonderim yapilir. Kargo takip numarasi SMS ve eposta ile iletilecek; gonderim sureci 3-5 is gunu surer. Belirli tutar uzerindeki siparislerde ucretsiz kargo kampanyasi uygulanir. Lutfen yukaridaki linke tiklayarak satin alma isleminizi tamamlayin. Herhangi bir sorunuz veya ek isteginiz olursa, ben buradayim. Hadi, siparisinizi tamamlayalim ve maceraya baslayalim!"} ,                         
-                         {"role": "system", "content": "Stokları ve fiyatları https://www.trekbisiklet.com.tr den bakacaksın, diğer markalarla ilgigi soru gelirse kibarca cevaplayamayacağını ve trek in neden farklı olduğunu anlat. Yol bisikletlerinde Türkiye stoklarımızda, Madone, Domane, Emonda, CheckMate, CheckPoint ve SpeedConcept modelleri bulunuyor. Dağ bisikletlerinde ise Marlin, Procaliber, Supercaliber modeller, full amortisörlülerde ise Fuel Ex modeli bulunmakta. Şehir kullanımı için FX ve DS modelini stoklarda bulunduruyoruz. "} ]
     messages = multi_turn_message
-    input_words = []
-    for input in inputs.split():
-        input_words.append(str(input).lower())
+    input_words = [str(word).lower() for word in inputs.split()]
 
     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]}"
             print(new_msg)
@@ -55,55 +53,48 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
             messages.append(product_msg)
     
     for data in chatbot:
-        user = {}
-        user["role"] = "user"
-        user["content"] = data[0]
-        assistant = {}
-        assistant["role"] = "assistant"
-        assistant["content"] = data[1]
+        user = {"role": "user", "content": data[0]}
+        assistant = {"role": "assistant", "content": data[1]}
         messages.append(user)
         messages.append(assistant)
-    temp = {}
-    temp["role"] = "user"
-    temp["content"] = inputs
-    messages.append(temp)
+        
+    messages.append({"role": "user", "content": inputs})
                 
-         
-    payload = {"model": "gpt-4o", "messages": messages, "temperature": 0.7,
-               "top_p": 0.9, "n": 1, "stream": True, "presence_penalty": 0, "frequency_penalty": 0,}
+    payload = {
+        "model": "gpt-4o",
+        "messages": messages,
+        "temperature": 0.7,
+        "top_p": 0.9,
+        "n": 1,
+        "stream": True,
+        "presence_penalty": 0,
+        "frequency_penalty": 0,
+    }
 
     chat_counter += 1
-
     history.append(inputs)
     print(f"Logging : payload is - {payload}")
 
-    response = requests.post(API_URL, headers=headers,
-                             json=payload, stream=True)
+    response = requests.post(API_URL, headers=headers, json=payload, stream=True)
     print(f"Logging : response code - {response}")
+    
     token_counter = 0
     partial_words = ""
-
     counter = 0
     for chunk in response.iter_lines():
-
         if counter == 0:
             counter += 1
             continue
-
         if chunk.decode():
             chunk = chunk.decode()
-
             if len(chunk) > 12 and "content" in json.loads(chunk[6:])['choices'][0]['delta']:
-                partial_words = partial_words + \
-                    json.loads(chunk[6:])['choices'][0]["delta"]["content"]
+                partial_words += json.loads(chunk[6:])['choices'][0]["delta"]["content"]
                 if token_counter == 0:
                     history.append(" " + partial_words)
                 else:
                     history[-1] = partial_words
-                chat = [(history[i], history[i + 1]) for i in range(0,
-                                                                    len(history) - 1, 2)]  # convert to tuples of list
+                chat = [(history[i], history[i + 1]) for i in range(0, len(history) - 1, 2)]
                 token_counter += 1
-                # resembles {chatbot: chat, state: history}
                 yield chat, history, chat_counter, response
 
 
@@ -119,35 +110,100 @@ def set_visible_true():
     return gr.update(visible=False)
 
 
-theme_addon_msg = ""
-system_msg_info = ""
+# WhatsApp tarzı görünüm için özel CSS
+css = """
+/* Chat Başlığı: WhatsApp koyu yeşili */
+.chat-header {
+    background-color: #075e54;
+    color: #fff;
+    padding: 15px;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+/* Chat penceresi: arka plan rengi */
+#chatbot {
+    background-color: #ece5dd;
+    border: none;
+    padding: 10px;
+}
+
+/* Kullanıcı mesajı (sağa hizalı, açık yeşil) */
+.chat-bubble.user {
+    background-color: #dcf8c6 !important;
+    align-self: flex-end;
+    border-radius: 20px;
+    padding: 10px 15px;
+    margin: 8px 0;
+    max-width: 70%;
+    word-wrap: break-word;
+}
+
+/* Bot mesajı (sola hizalı, beyaz) */
+.chat-bubble.bot {
+    background-color: #fff !important;
+    align-self: flex-start;
+    border: 1px solid #ccc;
+    border-radius: 20px;
+    padding: 10px 15px;
+    margin: 8px 0;
+    max-width: 70%;
+    word-wrap: break-word;
+}
+
+/* Mesaj gönderme alanı */
+.chat-input-container {
+    display: flex;
+    padding: 10px;
+    border-top: 1px solid #ddd;
+    background-color: #f0f0f0;
+}
+
+/* Gönder butonu */
+.send-button {
+    background-color: #075e54;
+    border: none;
+    color: #fff;
+    padding: 10px 15px;
+    margin-left: 10px;
+    border-radius: 20px;
+    font-size: 16px;
+    cursor: pointer;
+}
+"""
+
+# Tema ayarını güncelliyoruz: neutral_hue 'green' ile WhatsApp benzeri yeşil ton
 theme = gr.themes.Base(
-    neutral_hue="blue",
+    neutral_hue="green",
     text_size="sm",
     spacing_size="sm",
 )
 
-with gr.Blocks(theme=theme) as demo:
-    ...
-    ...
+with gr.Blocks(theme=theme, css=css) as demo:
+    # WhatsApp tarzı chat başlığı
+    gr.Markdown("<div class='chat-header'>Trek Bike Finder Chatbot</div>")
+    
     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)
+        # Gradio'nun Chatbot bileşeni; özel CSS #chatbot ile stil veriyoruz
         chatbot = gr.Chatbot(label='Trek Bike Finder', elem_id="chatbot")
         inputs = gr.Textbox(
-            placeholder="Buraya yazın, istediğniz modeli beraber bulalım.", show_label=False)
+            placeholder="Buraya yazın, istediğiniz modeli beraber bulalım.", show_label=False)
         state = gr.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)
 
-    inputs.submit(predict, [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter])
+    inputs.submit(
+        predict,
+        [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
+        [chatbot, state, chat_counter]
+    )
     inputs.submit(reset_textbox, [], [inputs])
 
-
-demo.queue(max_size=10).launch(debug=True)
+demo.queue(max_size=10).launch(debug=True)