Update src/streamlit_app.py

src/streamlit_app.py

@@ -34,11 +34,15 @@ if "code" in st.query_params and not st.session_state.user_email:
             cookies.save(); st.rerun()
     except: pass
 
+# ИСПРАВЛЕННЫЙ LOGOUT
 def logout():
+    for key in ["saved_email", "saved_name"]:
+        if key in cookies:
+            del cookies[key]
+    cookies.save()
     st.session_state.user_email = None
     st.session_state.user_name = "Пользователь"
-    cookies["saved_email"], cookies["saved_name"] = None, None
-    cookies.save(); st.rerun()
+    st.rerun()
 
 def load_chats():
     u_id = st.session_state.user_email.replace('@','_').replace('.','_') if st.session_state.user_email else 'guest'
@@ -64,7 +68,7 @@ MODELS_CONFIG = {
     "✨ HiperAI v1.1.3 (Stable)": {"engine": "openai", "model": "gpt-4o-mini", "identity": "HiperAI v1.1.3."},
 }
 
-# --- UI И CSS ---
+# --- НОВЫЙ ДИЗАЙН И CSS ---
 st.set_page_config(page_title="HiperDouble AI", page_icon="🧬", layout="wide")
 
 if "chats" not in st.session_state: st.session_state.chats = load_chats()
@@ -74,13 +78,13 @@ if "edit_mode" not in st.session_state: st.session_state.edit_mode = None
 
 st.markdown("""
 <style>
+    /* ФОН С ГРАДИЕНТОМ */
     html, body, [data-testid="stAppViewContainer"] {
-        background: #020205;
-        background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://w.wallhaven.cc/full/85/wallhaven-85m76y.png');
-        background-size: cover;
+        background: radial-gradient(circle at top right, #1a0b2e, #020205);
         background-attachment: fixed;
     }
 
+    /* НЕОНОВЫЙ ЗАГОЛОВОК */
     .main-title {
         font-size: clamp(2.3rem, 8vw, 4rem);
         font-weight: 900;
@@ -91,33 +95,59 @@ st.markdown("""
         -webkit-text-fill-color: transparent;
         animation: shine 4s linear infinite;
         padding: 20px 0;
+        text-shadow: 0px 10px 20px rgba(115, 103, 240, 0.3);
     }
     @keyframes shine { to { background-position: 200% center; } }
 
-    /* ГЛАВНЫЙ ФИКС: Огромный отступ снизу для контента */
+    /* КОНТЕЙНЕР СООБЩЕНИЙ */
     .main .block-container { 
-        padding-bottom: 400px !important; 
+        padding-bottom: 380px !important; 
     }
 
+    /* СТИЛЬ ПУЗЫРЕЙ ЧАТА */
+    .chat-bubble {
+        padding: 18px 22px;
+        border-radius: 20px;
+        margin-bottom: 18px;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        backdrop-filter: blur(5px);
+        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
+        color: #e0e0e0;
+    }
+    .user-bubble { 
+        border-left: 5px solid #ff00cc; 
+        background: rgba(255, 0, 204, 0.08);
+        box-shadow: 0 4px 15px rgba(255, 0, 204, 0.1);
+    }
+
+    /* ПАНЕЛЬ ВВОДА */
     [data-testid="stBottom"] {
         position: fixed !important;
         bottom: 0px !important;
-        background: #05050a !important;
+        background: rgba(10, 10, 20, 0.95) !important;
+        backdrop-filter: blur(10px);
         z-index: 100 !important;
         padding: 15px 5% 45px 5% !important;
-        border-top: 1px solid rgba(255,255,255,0.1);
+        border-top: 1px solid rgba(115, 103, 240, 0.3);
     }
 
-    [data-testid="stSidebar"] { z-index: 999999 !important; background-color: #080810 !important; }
+    /* SIDEBAR */
+    [data-testid="stSidebar"] { 
+        background-color: #0a0a15 !important; 
+        border-right: 1px solid rgba(255,255,255,0.05);
+    }
 
-    .chat-bubble {
-        padding: 15px 20px;
-        border-radius: 18px;
-        margin-bottom: 15px;
-        background: rgba(255,255,255,0.08);
-        border: 1px solid rgba(255,255,255,0.1);
+    /* КНОПКИ */
+    .stButton>button {
+        border-radius: 10px !important;
+        transition: 0.3s !important;
+    }
+    .stButton>button:hover {
+        border-color: #7367f0 !important;
+        color: #7367f0 !important;
+        transform: translateY(-2px);
     }
-    .user-bubble { border-left: 5px solid #ff00cc; background: rgba(255, 0, 204, 0.04); }
 </style>
 """, unsafe_allow_html=True)
 
@@ -163,13 +193,11 @@ st.markdown('<p class="main-title">HiperDouble AI</p>', unsafe_allow_html=True)
 
 if st.session_state.current_chat in st.session_state.chats:
     messages = st.session_state.chats[st.session_state.current_chat]
-    # Сообщения в обратном порядке (новые сверху)
     for m in reversed(messages):
         r_name, r_class = ("Вы", "user-bubble") if m['role'] == 'user' else ("HiperAi", "")
         st.markdown(f"<div class='chat-bubble {r_class}'><b>{r_name}:</b><br>{m['content']}</div>", unsafe_allow_html=True)
     
-    # ПУСТОЙ БЛОК-БУФЕР В САМОМ НИЗУ (под всеми сообщениями)
-    st.markdown("<div style='height: 150px;'></div>", unsafe_allow_html=True)
+    st.markdown("<div style='height: 100px;'></div>", unsafe_allow_html=True)
 
 # ПОЛЕ ВВОДА
 u_input = st.chat_input(T['in'])