Update src/streamlit_app.py

src/streamlit_app.py

@@ -34,11 +34,9 @@ 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]
+        if key in cookies: del cookies[key]
     cookies.save()
     st.session_state.user_email = None
     st.session_state.user_name = "Пользователь"
@@ -68,7 +66,6 @@ MODELS_CONFIG = {
     "✨ HiperAI v1.1.3 (Stable)": {"engine": "openai", "model": "gpt-4o-mini", "identity": "HiperAI v1.1.3."},
 }
 
-# --- НОВЫЙ ДИЗАЙН И 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()
@@ -76,15 +73,14 @@ if "current_chat" not in st.session_state or st.session_state.current_chat not i
     st.session_state.current_chat = list(st.session_state.chats.keys())[0]
 if "edit_mode" not in st.session_state: st.session_state.edit_mode = None
 
+# --- ГЛАВНЫЙ ФИКС CSS ---
 st.markdown("""
 <style>
-    /* ФОН С ГРАДИЕНТОМ */
     html, body, [data-testid="stAppViewContainer"] {
         background: radial-gradient(circle at top right, #1a0b2e, #020205);
         background-attachment: fixed;
     }
 
-    /* НЕОНОВЫЙ ЗАГОЛОВОК */
     .main-title {
         font-size: clamp(2.3rem, 8vw, 4rem);
         font-weight: 900;
@@ -95,59 +91,39 @@ 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: 380px !important; 
+        display: flex !important;
+        flex-direction: column-reverse !important; /* НОВЫЕ СВЕРХУ, СТАРЫЕ ВНИЗУ */
+        padding-bottom: 150px !important; 
+        padding-top: 20px !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: rgba(10, 10, 20, 0.95) !important;
-        backdrop-filter: blur(10px);
+        background: rgba(10, 10, 20, 0.98) !important;
+        backdrop-filter: blur(15px);
         z-index: 100 !important;
-        padding: 15px 5% 45px 5% !important;
+        padding: 10px 5% 40px 5% !important;
         border-top: 1px solid rgba(115, 103, 240, 0.3);
     }
 
-    /* SIDEBAR */
-    [data-testid="stSidebar"] { 
-        background-color: #0a0a15 !important; 
-        border-right: 1px solid rgba(255,255,255,0.05);
-    }
+    [data-testid="stSidebar"] { background-color: #0a0a15 !important; z-index: 999999 !important; }
 
-    /* КНОПКИ */
-    .stButton>button {
-        border-radius: 10px !important;
-        transition: 0.3s !important;
-    }
-    .stButton>button:hover {
-        border-color: #7367f0 !important;
-        color: #7367f0 !important;
-        transform: translateY(-2px);
+    .chat-bubble {
+        padding: 18px 22px;
+        border-radius: 20px;
+        margin-top: 15px; /* Теперь margin-top, т.к. порядок обратный */
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        backdrop-filter: blur(5px);
+        color: #e0e0e0;
     }
+    .user-bubble { border-left: 5px solid #ff00cc; background: rgba(255, 0, 204, 0.08); }
 </style>
 """, unsafe_allow_html=True)
 
@@ -189,15 +165,15 @@ with st.sidebar:
                 save_chats(st.session_state.chats); st.session_state.edit_mode = None; st.session_state.current_chat = new_n; st.rerun()
 
 # --- ЭКРАН ---
+# Заголовок теперь ВНИЗУ списка (так как контейнер перевернут, он окажется сверху)
 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):
+    # ВАЖНО: Мы НЕ используем reversed(), так как column-reverse сделает это за нас!
+    for m in 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: 100px;'></div>", unsafe_allow_html=True)
 
 # ПОЛЕ ВВОДА
 u_input = st.chat_input(T['in'])