Update app.py

app.py

@@ -10,12 +10,12 @@ from langchain.chat_models import ChatOpenAI
 from typing import List
 from together import Together
 
-# ----------------- تنظیمات صفحه -----------------
 import streamlit as st
 
+# ----------------- تنظیمات صفحه -----------------
 st.set_page_config(page_title="رزم یار ارتش", page_icon="🪖", layout="wide")
 
-# استایل سفارشی
+# ----------------- استایل سفارشی -----------------
 st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
@@ -25,103 +25,106 @@ st.markdown("""
         direction: rtl;
         text-align: right;
     }
-
-    /* بکگراند اصلی */
     .stApp {
-        background: linear-gradient(135deg, #f2f6fc, #d9e4f5);
-        min-height: 100vh;
-        padding: 0;
-        margin: 0;
+        background: linear-gradient(to left, #f0f4f7, #d9e2ec);
     }
-
-    /* استایل پیام‌های چت */
-    .stChatMessage {
-        background: #ffffff;
-        border: 1px solid #d1d5db;
-        border-radius: 14px;
-        padding: 16px;
-        margin-bottom: 20px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        animation: fadeIn 0.4s ease-in-out;
+    .sidebar .sidebar-content {
+        background-color: #ffffff;
+        border-left: 2px solid #4e8a3e;
+        padding-top: 20px;
     }
-
-    /* فیلدهای ورودی */
-    .stTextInput > div > input, .stTextArea textarea {
-        background: #f9fafb !important;
-        border-radius: 8px !important;
-        direction: rtl;
-        text-align: right;
-        font-family: 'Vazirmatn', Tahoma;
+    .sidebar .sidebar-content div {
+        margin-bottom: 20px;
+        font-weight: bold;
+        color: #2c3e50;
     }
-
-    /* دکمه‌ها */
     .stButton>button {
-        background: linear-gradient(90deg, #4e8a3e, #5cb85c) !important;
+        background-color: #4e8a3e !important;
         color: white !important;
         font-weight: bold;
-        border-radius: 12px;
-        padding: 10px 24px;
-        transition: all 0.3s ease;
-        border: none;
+        border-radius: 10px;
+        padding: 8px 20px;
+        transition: 0.3s;
     }
     .stButton>button:hover {
-        background: linear-gradient(90deg, #3c6d30, #4cae4c) !important;
-        transform: scale(1.03);
+        background-color: #3c6d30 !important;
     }
-
-    /* هدر صفحه */
     .header-text {
         text-align: center;
         margin-top: 20px;
-        margin-bottom: 30px;
-        background: rgba(255, 255, 255, 0.85);
-        padding: 25px;
+        margin-bottom: 40px;
+        background-color: rgba(255, 255, 255, 0.8);
+        padding: 20px;
         border-radius: 20px;
-        box-shadow: 0 6px 16px rgba(0,0,0,0.1);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
     }
     .header-text h1 {
-        font-size: 38px;
+        font-size: 42px;
         color: #2c3e50;
-        margin-bottom: 10px;
+        margin: 0;
         font-weight: bold;
     }
     .subtitle {
         font-size: 18px;
         color: #34495e;
-        margin-top: 5px;
+        margin-top: 8px;
+    }
+    .chat-message {
+        background-color: rgba(255, 255, 255, 0.9);
+        border: 1px solid #4e8a3e;
+        border-radius: 12px;
+        padding: 16px;
+        margin-bottom: 15px;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    }
+    .stTextInput>div>input, .stTextArea textarea {
+        background-color: rgba(255,255,255,0.9) !important;
+        border-radius: 8px !important;
+        direction: rtl;
+        text-align: right;
+        font-family: 'Vazirmatn', Tahoma;
     }
-
-    /* انیمیشن fadeIn */
     @keyframes fadeIn {
         from { opacity: 0; transform: translateY(10px); }
         to { opacity: 1; transform: translateY(0); }
     }
-
-    /* منوی کناری */
-    [data-testid="stSidebar"] {
-        background: #ffffff;
-        border-left: 1px solid #e6e6e6;
-        padding: 20px;
-    }
-    [data-testid="stSidebar"] .css-1d391kg {
-        gap: 10px;
-    }
     </style>
 """, unsafe_allow_html=True)
 
-# لوگوی وسط
-col1, col2, col3 = st.columns([1, 0.2, 1])
-with col2:
-    st.image("log.png", width=240)
-
-# هدر اصلی
+# ----------------- بدنه اصلی -----------------
+with st.sidebar:
+    st.image("log.png", width=180)
+    st.markdown("### 🛡️ منو")
+    st.button("گفتگوی جدید")
+    st.button("تاریخچه")
+    st.markdown("---")
+    st.markdown("### 📚 مدل‌های هوش مصنوعی")
+    st.button("مدل ها")
+    st.markdown("### ✍️ تولید محتوا")
+    st.button("متن و تصویر")
+    st.markdown("### 🧭 دستیارها")
+    st.button("دستیار ویژه")
+    st.markdown("### 🛠️ ابزارها")
+    st.button("ابزار مالی")
+    st.markdown("---")
+    st.button("⚙️ تنظیمات")
+    st.button("❓ پشتیبانی")
+
+# محتوای اصلی
 st.markdown("""
     <div class="header-text">
         <h1>رزم یار ارتش</h1>
-        <div class="subtitle">دستیار هوشمند و همراه شما در مسیر موفقیت</div>
+        <div class="subtitle">دستیار هوشمند ارتشی برای پشتیبانی و راهبری</div>
     </div>
 """, unsafe_allow_html=True)
 
+st.markdown('<div class="chat-message">👋 سلام! چطور میتونم کمکتون کنم؟</div>', unsafe_allow_html=True)
+
+# کادر چت کاربر
+user_input = st.text_input("پیام خود را وارد کنید...")
+
+if user_input:
+    st.markdown(f'<div class="chat-message">📩 شما: {user_input}</div>', unsafe_allow_html=True)
 
 # ----------------- لود PDF و ساخت ایندکس -----------------
 class TogetherEmbeddings(Embeddings):