Update app.py

app.py

@@ -14,173 +14,199 @@ import streamlit as st
 from docx import Document as DocxDocument  
 
 
-# ----------------- تنظیمات صفحه -----------------
-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');
+    
     html, body, [class*="css"] {
         font-family: 'Vazirmatn', Tahoma, sans-serif;
         direction: rtl;
         text-align: right;
     }
+    
     .stApp {
-        background: linear-gradient(to left, #f0f4f7, #d9e2ec);
+        background: linear-gradient(to left, #4b5e40, #2e3b2e);
+        color: #ffffff;
     }
-    .sidebar .sidebar-content {
-        background-color: #ffffff;
-        border-left: 2px solid #4e8a3e;
-        padding-top: 10px;
+    
+    /* استایل سایدبار */
+    [data-testid="stSidebar"] {
+        width: 260px !important;
+        background-color: #1a2b1e;
+        border: none !important; /* حذف حاشیه زرد */
+        padding-top: 20px;
     }
-    .sidebar .sidebar-content div {
-        margin-bottom: 10px;
-        font-weight: bold;
-        color: #2c3e50;
-        font-size: 15px;
+    
+    .menu-item {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 20px;
+        font-size: 16px;
+        color: #d4d4d4;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+    }
+    
+    .menu-item:hover {
+        background-color: #2e3b2e;
+        color: #b8860b;
     }
+    
+    .menu-item img {
+        width: 24px;
+        height: 24px;
+    }
+    
+    /* استایل دکمه‌ها */
     .stButton>button {
-        background-color: #4e8a3e !important;
-        color: white !important;
-        font-weight: bold;
-        border-radius: 8px;
-        padding: 5px 16px;
-        transition: 0.3s;
-        font-size: 14px;
+        background-color: #b8860b !important;
+        color: #1a2b1e !important;
+        font-family: 'Vazirmatn', Tahoma;
+        font-weight: 700;
+        border-radius: 10px;
+        padding: 12px 24px;
+        border: none;
+        transition: all 0.3s ease;
+        font-size: 16px;
+        width: 100%;
+        margin: 10px 0;
     }
+    
     .stButton>button:hover {
-        background-color: #3c6d30 !important;
+        background-color: #8b6508 !important;
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
     }
+    
+    /* استایل هدر */
     .header-text {
         text-align: center;
-        margin-top: 15px;
-        margin-bottom: 25px;
-        background-color: rgba(255, 255, 255, 0.85);
-        padding: 16px;
-        border-radius: 16px;
-        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+        margin: 20px 0;
+        background-color: rgba(26, 43, 30, 0.9);
+        padding: 25px;
+        border-radius: 15px;
+        box-shadow: 0 6px 12px rgba(0,0,0,0.4);
     }
+    
     .header-text h1 {
-        font-size: 36px;
-        color: #2c3e50;
+        font-size: 42px;
+        color: #b8860b;
         margin: 0;
-        font-weight: bold;
+        font-weight: 700;
     }
+    
     .subtitle {
-        font-size: 16px;
-        color: #34495e;
-        margin-top: 5px;
+        font-size: 18px;
+        color: #d4d4d4;
+        margin-top: 10px;
     }
+    
+    /* استایل پیام چت */
     .chat-message {
-        background-color: rgba(255, 255, 255, 0.95);
-        border: 1px solid #4e8a3e;
-        border-radius: 12px;
-        padding: 14px;
-        margin-bottom: 10px;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.08);
-        animation: fadeIn 0.5s ease;
+        background-color: rgba(26, 43, 30, 0.95);
+        border: 2px solid #b8860b;
+        border-radius: 15px;
+        padding: 20px;
+        margin: 15px 0;
+        box-shadow: 0 6px 12px rgba(0,0,0,0.3);
+        animation: fadeIn 0.6s ease;
+        font-size: 18px;
+        color: #d4d4d4;
+        display: flex;
+        align-items: center;
+        gap: 15px;
+    }
+    
+    @keyframes fadeIn {
+        from { opacity: 0; transform: translateY(10px); }
+        to { opacity: 1; transform: translateY(0); }
     }
+    
+    /* استایل ورودی‌ها */
     .stTextInput>div>input, .stTextArea textarea {
-        background-color: rgba(255,255,255,0.9) !important;
-        border-radius: 8px !important;
-        direction: rtl;
-        text-align: right;
+        background-color: rgba(26, 43, 30, 0.95) !important;
+        border-radius: 10px !important;
+        border: 1px solid #b8860b !important;
+        padding: 12px !important;
         font-family: 'Vazirmatn', Tahoma;
+        font-size: 16px;
+        color: #d4d4d4 !important;
     }
+    
     img.small-logo {
-        width: 90px;
-        margin-bottom: 15px;
+        width: 120px;
+        margin: 0 auto 20px;
         display: block;
-        margin-right: auto;
-        margin-left: auto;
     }
-    .menu-item {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 6px 0;
-        font-size: 15px;
-        cursor: pointer;
-    }
-    .menu-item img {
-        width: 20px;
-        height: 20px;
-    }
-    </style>
-""", unsafe_allow_html=True)
-
-# ----------------- بدنه اصلی -----------------
-with st.sidebar:
-    st.image("log.png", width=90)
-
     
-    st.markdown("""
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/3596/3596165.png" />
-        گفتگوی جدید
-    </div>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/709/709496.png" />
-        تاریخچه
-    </div>
-    <hr/>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/1828/1828932.png" />
-        مدل‌های هوش مصنوعی
-    </div>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/681/681494.png" />
-        تولید محتوا
-    </div>
-    <hr/>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/3601/3601646.png" />
-        دستیار ویژه
-    </div>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/709/709612.png" />
-        ابزار مالی
-    </div>
-    <hr/>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/2099/2099058.png" />
-        تنظیمات
-    </div>
-    <div class="menu-item">
-        <img src="https://cdn-icons-png.flaticon.com/512/597/597177.png" />
-        پشتیبانی
-    </div>
-    """, unsafe_allow_html=True)
-st.markdown("""
-    <style>
-    /* تنظیم سایز سایدبار */
-    [data-testid="stSidebar"] {
-        width: 220px !important;
-        flex-shrink: 0;
+    hr {
+        border: 1px solid #b8860b;
+        margin: 15px 0;
     }
+    
+    /* رفع مشکل نوار زرد */
     [data-testid="stSidebar"] > div {
-        width: 220px !important;
+        border: none !important;
     }
     </style>
 """, unsafe_allow_html=True)
 
-# محتوای اصلی
+# ----------------- احراز هویت ساده -----------------
+if "authenticated" not in st.session_state:
+    st.session_state.authenticated = False
+
+if not st.session_state.authenticated:
+    st.markdown("<h3 style='text-align: center; color: #b8860b;'>ورود به رزم‌یار ارتش</h3>", unsafe_allow_html=True)
+    username = st.text_input("نام کاربری:", placeholder="شناسه نظامی خود را وارد کنید")
+    password = st.text_input("رمز عبور:", type="password", placeholder="رمز عبور نظامی")
+    if st.button("ورود"):
+        if username == "admin" and password == "123":
+            st.session_state.authenticated = True
+            st.rerun()
+        else:
+            st.error("نام کاربری یا رمز عبور اشتباه است.")
+    st.stop()
+
+# ----------------- سایدبار -----------------
+with st.sidebar:
+    st.image("log.png", use_container_width=True)  # اصلاح use_column_width
+    
+    menu_items = [
+        ("گزارش عملیاتی", "https://cdn-icons-png.flaticon.com/512/3596/3596165.png"),
+        ("تاریخچه ماموریت‌ها", "https://cdn-icons-png.flaticon.com/512/709/709496.png"),
+        ("تحلیل داده‌های نظامی", "https://cdn-icons-png.flaticon.com/512/1828/1828932.png"),
+        ("مدیریت منابع", "https://cdn-icons-png.flaticon.com/512/681/681494.png"),
+        ("دستیار فرماندهی", "https://cdn-icons-png.flaticon.com/512/3601/3601646.png"),
+        ("تنظیمات امنیتی", "https://cdn-icons-png.flaticon.com/512/2099/2099058.png"),
+        ("پشتیبانی فنی", "https://cdn-icons-png.flaticon.com/512/597/597177.png"),
+    ]
+    
+    for idx, (text, icon) in enumerate(menu_items):
+        st.markdown(f"""
+            <div class="menu-item">
+                <img src="{icon}" />
+                {text}
+            </div>
+        """, unsafe_allow_html=True)
+        if idx in [1, 3, 5]:
+            st.markdown("<hr/>", unsafe_allow_html=True)
+
+# ----------------- محتوای اصلی -----------------
 st.markdown("""
     <div class="header-text">
-        <h1>رزم یار ارتش</h1>
-        <div class="subtitle">دستیار هوشمند ارتشی برای پشتیبانی و راهبری</div>
+        <h1>رزم‌یار ارتش</h1>
+        <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)
-
+# پیام خوش‌آمدگویی
+st.markdown(f"""
+    <div class="chat-message">
+        <span style="font-size: 24px;">🪖</span>
+        <span>به رزم‌یار ارتش خوش آمدید. </span>
+    </div>
+""", unsafe_allow_html=True)
 
 
 # ----------------- لود csv و ساخت ایندکس -----------------