Update app.py

app.py

@@ -1,87 +1,68 @@
 import streamlit as st
-import g4f
+from g4f.client import Client
 
-# Функция для отправки сообщений в GPT
-def get_gpt_response(messages):
-    client = g4f.Client()
+# Инициализация клиента GPT
+client = Client()
+
+# Настройки страницы
+st.set_page_config(page_title="Chat with GPT", page_icon="🤖", layout="wide")
+
+# Заголовок и описание
+st.title("Chat with GPT-3.5-turbo")
+st.write("Welcome to the GPT-3.5-turbo chat interface. Ask me anything!")
+
+# Создание боковой панели для ввода сообщения
+with st.sidebar:
+    user_input = st.text_area("You:", height=100)
+    send_button = st.button("Send")
+
+# Основной контейнер для чата
+chat_container = st.container()
+
+# Обработка отправки сообщения
+if send_button and user_input:
+    # Отправка запроса к GPT
     response = client.chat.completions.create(
         model="gpt-3.5-turbo",
-        messages=messages,
+        messages=[{"role": "user", "content": user_input}],
     )
-    return response.choices[0].message.content
-
-# Инициализация списка сообщений
-if 'messages' not in st.session_state:
-    st.session_state['messages'] = [{"role": "user", "content": "Hello!"}]
+    
+    # Получение ответа
+    gpt_response = response.choices[0].message.content
+    
+    # Отображение сообщений в чате
+    with chat_container:
+        st.write(f"**You:** {user_input}")
+        st.write(f"**GPT:** {gpt_response}")
 
-# Настройки страницы
-st.set_page_config(page_title="GPT Chat", page_icon="🤖", layout="wide")
-
-# Стили CSS для красивого интерфейса
-st.markdown("""
+# Пример стилизации с использованием CSS
+st.markdown(
+    """
     <style>
-    .main {
-        background-color: #f0f0f5;
-        font-family: 'Montserrat', sans-serif;
-    }
-    .stTextInput > div > input {
-        background-color: #e0e0eb;
-        border: 1px solid #d1d1e0;
-        border-radius: 10px;
-        padding: 10px;
+    .stTextInput > div > div > textarea {
         font-size: 18px;
     }
     .stButton > button {
         background-color: #4CAF50;
         color: white;
-        border: none;
-        border-radius: 10px;
+        font-size: 16px;
         padding: 10px 20px;
-        font-size: 18px;
-        transition: background-color 0.3s ease;
+        border: none;
+        cursor: pointer;
     }
     .stButton > button:hover {
         background-color: #45a049;
     }
-    .st-chatbox {
-        background-color: #f7f7f7;
-        border-radius: 10px;
-        padding: 10px;
-        margin: 10px 0;
-    }
-    .st-chatbox-user {
-        text-align: right;
-        color: blue;
-    }
-    .st-chatbox-bot {
-        text-align: left;
-        color: green;
-    }
     </style>
-    """, unsafe_allow_html=True)
-
-# Заголовок
-st.title("Chat with GPT 🤖")
-
-# Форма для ввода сообщения пользователя
-with st.form(key="chat_form", clear_on_submit=True):
-    user_message = st.text_input("You:", placeholder="Type your message here...")
-    submit_button = st.form_submit_button(label="Send")
-
-# Отправка сообщения пользователя
-if submit_button and user_message:
-    # Добавление сообщения пользователя в историю
-    st.session_state['messages'].append({"role": "user", "content": user_message})
+    """,
+    unsafe_allow_html=True
+)
 
-    # Получение ответа от GPT
-    bot_message = get_gpt_response(st.session_state['messages'])
+# Пример добавления изображения
+st.image("https://via.placeholder.com/150", caption="GPT-3.5-turbo", use_column_width=True)
 
-    # Добавление ответа бота в историю
-    st.session_state['messages'].append({"role": "assistant", "content": bot_message})
+# Пример добавления разделителя
+st.markdown("---")
 
-# Отображение всех сообщений
-for message in st.session_state['messages']:
-    if message['role'] == 'user':
-        st.markdown(f"<div class='st-chatbox st-chatbox-user'><b>You:</b> {message['content']}</div>", unsafe_allow_html=True)
-    else:
-        st.markdown(f"<div class='st-chatbox st-chatbox-bot'><b>GPT:</b> {message['content']}</div>", unsafe_allow_html=True)
+# Пример добавления ссылки
+st.markdown("[Learn more about GPT-3.5-turbo](https://platform.openai.com/docs/models/gpt-3-5)")