Update app.py

app.py

@@ -8,22 +8,36 @@ client = Client()
 st.set_page_config(page_title="Chat with GPT", page_icon="🤖", layout="wide")
 
 # Заголовок и описание
-st.title("Chat with GPT-4o")
-st.write("Welcome to the GPT-4o chat interface. Ask me anything!")
+st.title("Chat with GPT Models")
+st.write("Welcome to the GPT chat interface. Choose a model and start chatting!")
 
-# Создание боковой панели для ввода сообщения
-with st.sidebar:
-    user_input = st.text_area("You:", height=100)
-    send_button = st.button("Send")
+# Выбор модели
+model_options = {
+    "gpt-4": "gpt-4",
+    "gpt-4o": "gpt-4o",
+    "gpt-4o-mini": "gpt-4o-mini",
+    "gpt-3.5-turbo": "gpt-3.5-turbo",
+    "gpt-4-turbo": "gpt-4-turbo",
+    "claude-3.5-sonnet": "claude-3.5-sonnet",
+    "claude-3-opus": "claude-3-opus",
+    "claude-3-haiku": "claude-3-haiku"
+}
+
+selected_model = st.selectbox("Choose a model:", list(model_options.keys()))
 
-# Основной контейнер для чата
+# Создание интерфейса для чата
 chat_container = st.container()
 
+# Создание формы для ввода сообщения
+with st.form(key='chat_form'):
+    user_input = st.text_area("You:", height=100)
+    send_button = st.form_submit_button("Send")
+
 # Обработка отправки сообщения
 if send_button and user_input:
-    # Отправка запроса к GPT
+    # Отправка запроса к выбранной модели GPT
     response = client.chat.completions.create(
-        model="gpt-4o",
+        model=model_options[selected_model],
         messages=[{"role": "user", "content": user_input}],
     )
     
@@ -33,7 +47,7 @@ if send_button and user_input:
     # Отображение сообщений в чате
     with chat_container:
         st.write(f"**You:** {user_input}")
-        st.write(f"**GPT:** {gpt_response}")
+        st.write(f"**{selected_model}:** {gpt_response}")
 
 # Пример стилизации с использованием CSS
 st.markdown(
@@ -59,10 +73,10 @@ st.markdown(
 )
 
 # Пример добавления изображения
-st.image("https://via.placeholder.com/150", caption="GPT-3.5-turbo", use_column_width=True)
+st.image("https://via.placeholder.com/150", caption="GPT Models", use_column_width=True)
 
 # Пример добавления разделителя
 st.markdown("---")
 
 # Пример добавления ссылки
-st.markdown("[Learn more about GPT-4](https://platform.openai.com/docs/models/gpt-4)")
+st.markdown("[Learn more about GPT models](https://platform.openai.com/docs/models)")