Upload 3 files

admin_dashboard.py

@@ -0,0 +1,190 @@
+import streamlit as st
+import subprocess
+import time
+import pandas as pd
+import plotly.express as px
+import random
+from datetime import datetime
+from sklearn.linear_model import LogisticRegression
+from sklearn.datasets import make_classification
+from sklearn.model_selection import train_test_split
+from sklearn.metrics import accuracy_score
+
+# کلاس برای یادگیری ماشین
+class MLEngine:
+    def __init__(self):
+        # ایجاد داده‌های آموزشی شبیه‌سازی شده
+        self.X, self.y = make_classification(n_samples=1000, n_features=10, random_state=42)
+        self.model = LogisticRegression()
+        self.training_history = []
+        self.last_update_time = None
+        self.current_accuracy = 0
+        self.total_interactions = 1234
+        self.user_satisfaction = 95
+    
+    def train_model(self):
+        """آموزش مدل و ذخیره دقت آن"""
+        # تقسیم داده‌ها به مجموعه‌های آموزشی و آزمایشی
+        X_train, X_test, y_train, y_test = train_test_split(self.X, self.y, test_size=0.2, random_state=42)
+        self.model.fit(X_train, y_train)
+        
+        # پیش‌بینی و محاسبه دقت
+        predictions = self.model.predict(X_test)
+        accuracy = accuracy_score(y_test, predictions)
+        
+        # ذخیره دقت در تاریخچه آموزشی
+        self.current_accuracy = accuracy * 100  # دقت به درصد
+        self.training_history.append({"timestamp": datetime.now(), "accuracy": self.current_accuracy})
+        self.last_update_time = datetime.now()
+    
+    def update_knowledge_base(self):
+        """شبیه‌سازی به‌روزرسانی پایگاه دانش"""
+        time.sleep(2)  # شبیه‌سازی زمان به‌روزرسانی پایگاه دانش
+        self.train_model()  # آموزش مجدد مدل به عنوان بخشی از به‌روزرسانی
+    
+    def get_learning_stats(self):
+        """برگرداندن آمار یادگیری شامل دقت و تاریخچه آموزشی"""
+        return {
+            "history": self.training_history,
+            "currentAccuracy": self.current_accuracy,
+            "totalInteractions": self.total_interactions,
+            "userSatisfaction": self.user_satisfaction,
+            "lastUpdate": self.last_update_time.strftime("%Y-%m-%d %H:%M:%S") if self.last_update_time else "No Update Yet"
+        }
+
+# ایجاد یک نمونه از کلاس MLEngine
+ml_engine = MLEngine()
+ml_engine.train_model()  # آموزش اولیه مدل
+
+# تابع برای اجرای فایل `admin_dashboard_filemanager.py`
+def open_file_manager():
+    """اجرای فایل مدیریت فایل‌ها و به‌روزرسانی پایگاه دانش"""
+    try:
+        # اجرای فایل `admin_dashboard_filemanager.py`
+        subprocess.Popen(["python", "admin_dashboard_filemanager.py"])
+        st.success("Knowledge Base update has been initiated successfully!")
+    except Exception as e:
+        st.error(f"Error while opening file manager: {e}")
+
+# CSS سفارشی برای طراحی گلس مورفیسم و نئومورفیسم
+CUSTOM_CSS = """
+<style>
+body {
+    background: linear-gradient(135deg, #ece9e6, #ffffff);
+    font-family: 'Arial', sans-serif;
+}
+.dashboard-container {
+    max-width: 800px;
+    margin: auto;
+    padding: 20px;
+}
+.glass-card, .glass-button, .glass-chart {
+    backdrop-filter: blur(10px); /* شفافیت پس‌زمینه */
+    background: rgba(255, 255, 255, 0.15); /* پس‌زمینه شفاف */
+    border-radius: 20px; /* گوشه‌های گرد */
+    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15), -4px -4px 10px rgba(255, 255, 255, 0.7); /* سایه‌های نئومورفیسم */
+    padding: 20px;
+    margin: 15px 0;
+    transition: all 0.3s ease;
+}
+.glass-card:hover, .glass-button:hover {
+    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2), -6px -6px 12px rgba(255, 255, 255, 0.5); /* افکت سایه هنگام هاور */
+    transform: translateY(-5px); /* جابجایی جزئی */
+}
+.header {
+    text-align: center;
+    color: #333;
+    font-size: 24px;
+    font-weight: bold;
+    padding: 10px 0;
+}
+.glass-button {
+    display: inline-block;
+    color: #ffffff;
+    background: linear-gradient(135deg, #4a90e2, #50e3c2);
+    border: none;
+    font-size: 18px;
+    cursor: pointer;
+    text-align: center;
+    width: 100%;
+    padding: 10px 20px;
+    margin-top: 10px;
+    border-radius: 20px;
+    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15), -4px -4px 10px rgba(255, 255, 255, 0.7); /* سایه‌های نئومورفیسم */
+    transition: all 0.3s ease;
+}
+.glass-button:hover {
+    background: linear-gradient(135deg, #50e3c2, #4a90e2); /* تغییر رنگ هنگام هاور */
+}
+.stat-card {
+    text-align: center;
+    color: #333;
+    padding: 15px;
+}
+.stat-title {
+    font-size: 16px;
+    color: #666;
+}
+.stat-value {
+    font-size: 26px;
+    font-weight: bold;
+    color: #4a90e2;
+}
+.glass-upload {
+    background: rgba(255, 255, 255, 0.25); /* پس‌زمینه شفاف */
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    border-radius: 20px;
+    padding: 20px;
+    box-shadow: inset 4px 4px 6px rgba(0, 0, 0, 0.1), inset -4px -4px 6px rgba(255, 255, 255, 0.5); /* سایه داخلی */
+}
+.icon {
+    font-size: 24px;
+    color: #4a90e2;
+    margin-right: 8px;
+}
+</style>
+"""
+
+# اعمال CSS سفارشی
+st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
+
+# ساخت داشبورد
+st.markdown("<div class='dashboard-container'>", unsafe_allow_html=True)
+st.markdown("<div class='header'>Admin Dashboard</div>", unsafe_allow_html=True)
+
+# دکمه به‌روزرسانی پایگاه دانش با طراحی گلس مورفیسم
+if st.button("Update Knowledge Base"):
+    ml_engine.update_knowledge_base()
+    open_file_manager()
+
+# نمایش آمارها با طراحی نئومورفیسم
+st.subheader("Statistics")
+col1, col2, col3 = st.columns(3)
+
+# نمایش آمارهای فعلی مدل
+stats = ml_engine.get_learning_stats()
+col1.markdown(f"<div class='glass-card stat-card'><div class='stat-title'>📊 Accuracy</div><div class='stat-value'>{stats['currentAccuracy']:.2f}%</div></div>", unsafe_allow_html=True)
+col2.markdown(f"<div class='glass-card stat-card'><div class='stat-title'>👤 Total Interactions</div><div class='stat-value'>{stats['totalInteractions']}</div></div>", unsafe_allow_html=True)
+col3.markdown(f"<div class='glass-card stat-card'><div class='stat-title'>👍 User Satisfaction</div><div class='stat-value'>{stats['userSatisfaction']}%</div></div>", unsafe_allow_html=True)
+
+# نمودار روند یادگیری با طراحی شفاف (گلس مورفیسم)
+st.subheader("Learning Rate Trend")
+learning_df = pd.DataFrame([
+    {"Date": stat["timestamp"], "Accuracy": stat["accuracy"]} 
+    for stat in stats["history"]
+])
+fig = px.line(learning_df, x="Date", y="Accuracy", title="Learning Rate Over Time", 
+              template="plotly_white", markers=True)
+fig.update_traces(line=dict(color="#4a90e2", width=2))
+st.plotly_chart(fig, use_container_width=True)
+
+# آپلود فایل با طراحی نئومورفیسم
+st.subheader("Manage Files")
+st.markdown("<div class='glass-upload'>", unsafe_allow_html=True)
+uploaded_file = st.file_uploader("Upload Document", type=["txt", "pdf", "docx"])
+if uploaded_file:
+    st.success("File uploaded successfully!")
+st.markdown("</div>", unsafe_allow_html=True)
+
+# پایان داشبورد
+st.markdown("</div>", unsafe_allow_html=True)

admin_dashboard_filemanager.py

@@ -0,0 +1,364 @@
+import gradio as gr
+import json
+import os
+import shutil
+from pathlib import Path
+from datetime import datetime
+import zipfile
+
+# CSS سفارشی با طراحی گلس مورفیسم و نئومورفیسم
+CUSTOM_CSS = """
+.file-manager {
+    border-radius: 20px;
+    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15), -4px -4px 10px rgba(255, 255, 255, 0.7);
+    backdrop-filter: blur(10px);
+    background-color: rgba(255, 255, 255, 0.2);
+    padding: 20px;
+}
+
+.custom-header {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white !important;
+    padding: 20px !important;
+    border-radius: 20px;
+    margin: -20px -20px 20px -20px !important;
+}
+
+.file-operations {
+    display: flex;
+    gap: 10px;
+    margin: 15px 0;
+    background: rgba(240, 248, 255, 0.7);
+    padding: 15px;
+    border-radius: 20px;
+    box-shadow: inset 4px 4px 6px rgba(0, 0, 0, 0.1), inset -4px -4px 6px rgba(255, 255, 255, 0.5);
+}
+
+.file-preview {
+    border-radius: 20px;
+    margin-top: 15px;
+    padding: 20px;
+    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.5);
+    backdrop-filter: blur(5px);
+    background: rgba(255, 255, 255, 0.7);
+}
+
+.breadcrumb {
+    background: rgba(241, 245, 249, 0.9);
+    padding: 12px 20px;
+    border-radius: 20px;
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.search-box {
+    margin: 10px 0;
+    padding: 12px;
+    border-radius: 20px;
+    border: 2px solid rgba(102, 126, 234, 0.5);
+    width: 100%;
+    backdrop-filter: blur(5px);
+    transition: all 0.3s ease;
+}
+
+.search-box:focus {
+    border-color: #667eea;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
+}
+
+.file-item, .folder-item {
+    transition: all 0.3s ease;
+    padding: 12px 15px;
+    margin: 5px 0;
+    border-radius: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    backdrop-filter: blur(5px);
+    box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.1), inset -3px -3px 5px rgba(255, 255, 255, 0.5);
+}
+
+.file-item:hover, .folder-item:hover {
+    background-color: rgba(255, 255, 255, 0.8);
+    transform: translateX(5px);
+}
+
+.status-message {
+    margin-top: 15px;
+    padding: 12px;
+    border-radius: 20px;
+    animation: slideIn 0.3s ease;
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.operation-button {
+    transition: all 0.3s ease !important;
+    border-radius: 20px !important;
+    padding: 8px 16px !important;
+    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1), -4px -4px 6px rgba(255, 255, 255, 0.7);
+}
+
+.operation-button:hover {
+    transform: translateY(-2px);
+}
+
+.preview-title {
+    color: #4a5568;
+    font-size: 1.1em;
+    margin-bottom: 10px;
+    border-bottom: 2px solid rgba(226, 232, 240, 0.8);
+    padding-bottom: 8px;
+}
+
+.context-menu {
+    position: absolute;
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 20px;
+    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1), -4px -4px 6px rgba(255, 255, 255, 0.7);
+    padding: 5px 0;
+    z-index: 1000;
+}
+"""
+
+class EnhancedFileManager:
+    def __init__(self):
+        self.root_path = Path('data')
+        self.root_path.mkdir(exist_ok=True)
+        self.clipboard = None
+        self.history = []
+        self.current_path = str(self.root_path)
+        
+    def list_files(self, search_query=""):
+        path = Path(self.current_path)
+        files = []
+        folders = []
+        
+        try:
+            for item in path.iterdir():
+                if search_query and search_query.lower() not in item.name.lower():
+                    continue
+                    
+                modified_time = datetime.fromtimestamp(item.stat().st_mtime).strftime("%Y-%m-%d %H:%M")
+                
+                if item.is_file():
+                    size = item.stat().st_size
+                    size_str = f"{size/1024/1024:.2f} MB" if size > 1024*1024 else f"{size/1024:.1f} KB"
+                    icon = self._get_file_icon(item.suffix.lower())
+                    
+                    files.append({
+                        "icon": icon,
+                        "name": item.name,
+                        "type": "file",
+                        "path": str(item),
+                        "size": size_str,
+                        "modified": modified_time
+                    })
+                else:
+                    items_count = len(list(item.iterdir()))
+                    folders.append({
+                        "icon": "📁",
+                        "name": item.name,
+                        "type": "folder",
+                        "path": str(item),
+                        "modified": modified_time,
+                        "items_count": items_count
+                    })
+            
+            return {
+                "folders": sorted(folders, key=lambda x: x["name"].lower()),
+                "files": sorted(files, key=lambda x: x["name"].lower())
+            }
+            
+        except Exception as e:
+            return {"folders": [], "files": [], "error": str(e)}
+    
+    def _get_file_icon(self, extension):
+        icons = {
+            '.pdf': '📕',
+            '.txt': '📄',
+            '.doc': '📝',
+            '.docx': '📝',
+            '.xls': '📊',
+            '.xlsx': '📊',
+            '.jpg': '🖼️',
+            '.jpeg': '🖼️',
+            '.png': '🖼️',
+            '.gif': '🖼️',
+            '.zip': '🗜️',
+            '.rar': '🗜️',
+            '.mp3': '🎵',
+            '.mp4': '🎥',
+            '.py': '🐍',
+            '.js': '📜',
+            '.html': '🌐',
+            '.css': '🎨'
+        }
+        return icons.get(extension, '📄')
+    
+    def create_folder(self, name):
+        if not name:
+            return False, self._create_status("لطفاً نام پوشه را وارد کنید", "error")
+        
+        try:
+            new_folder = Path(self.current_path) / name
+            if new_folder.exists():
+                return False, self._create_status("پوشه‌ای با این نام قبلاً وجود دارد", "error")
+                
+            new_folder.mkdir(parents=True)
+            return True, self._create_status("پوشه با موفقیت ایجاد شد", "success")
+        except Exception as e:
+            return False, self._create_status(f"خطا در ایجاد پوشه: {str(e)}", "error")
+    
+    def upload_file(self, file):
+        if file is None:
+            return False, self._create_status("لطفاً یک فایل انتخاب کنید", "error")
+            
+        try:
+            dest_path = Path(self.current_path) / file.name
+            if dest_path.exists():
+                return False, self._create_status("فایلی با این نام قبلاً وجود دارد", "error")
+                
+            shutil.copy2(file.name, dest_path)
+            return True, self._create_status("فایل با موفقیت آپلود شد", "success")
+        except Exception as e:
+            return False, self._create_status(f"خطا در آپلود: {str(e)}", "error")
+    
+    def delete_item(self, path):
+        try:
+            path = Path(path)
+            if path.is_file():
+                path.unlink()
+            else:
+                shutil.rmtree(path)
+            return True, self._create_status("آیتم با موفقیت حذف شد", "success")
+        except Exception as e:
+            return False, self._create_status(f"خطا در حذف: {str(e)}", "error")
+    
+    def compress_items(self, items):
+        try:
+            if not items:
+                return False, self._create_status("لطفاً حداقل یک آیتم انتخاب کنید", "error")
+                
+            archive_name = f"archive_{datetime.now().strftime('%Y%m%d_%H%M%S')}"
+            archive_path = Path(self.current_path) / f"{archive_name}.zip"
+            
+            with zipfile.ZipFile(archive_path, 'w') as zipf:
+                for item in items:
+                    item_path = Path(item)
+                    if item_path.is_file():
+                        zipf.write(item_path, item_path.name)
+                    else:
+                        for root, dirs, files in os.walk(item_path):
+                            for file in files:
+                                file_path = Path(root) / file
+                                zipf.write(file_path, file_path.relative_to(item_path.parent))
+                                
+            return True, self._create_status("فایل فشرده با موفقیت ایجاد شد", "success")
+        except Exception as e:
+            return False, self._create_status(f"خطا در فشرده‌سازی: {str(e)}", "error")
+
+    def _create_status(self, message, status="info"):
+        color_map = {
+            "success": "#48bb78",
+            "error": "#f56565",
+            "info": "#4299e1",
+            "warning": "#ecc94b"
+        }
+        color = color_map.get(status, color_map["info"])
+        
+        return f"""
+        <div class="status-message" style="
+            background-color: {color}10;
+            border-right: 4px solid {color};
+            color: {color};
+        ">
+            {message}
+        </div>
+        """
+
+def create_interface():
+    manager = EnhancedFileManager()
+    
+    with gr.Blocks(css=CUSTOM_CSS) as interface:
+        with gr.Column(elem_classes="file-manager"):
+            gr.Markdown("# 🗂️ مدیریت پیشرفته فایل‌ها", elem_classes="custom-header")
+            
+            # نوار مسیر
+            with gr.Row(elem_classes="breadcrumb"):
+                current_path = gr.Textbox(value=manager.current_path, label="", interactive=False)
+                home_btn = gr.Button("🏠", elem_classes="operation-button")
+                up_btn = gr.Button("⬆️", elem_classes="operation-button")
+                refresh_btn = gr.Button("🔄", elem_classes="operation-button")
+            
+            # جستجو
+            search_box = gr.Textbox(
+                placeholder="🔍 جستجو در فایل‌ها...",
+                elem_classes="search-box"
+            )
+            
+            # عملیات اصلی
+            with gr.Row(elem_classes="file-operations"):
+                upload_btn = gr.UploadButton(
+                    "📤 آپلود فایل",
+                    elem_classes="operation-button"
+                )
+                new_folder_btn = gr.Button(
+                    "📁 پوشه جدید",
+                    elem_classes="operation-button"
+                )
+                compress_btn = gr.Button(
+                    "🗜️ فشرده‌سازی",
+                    elem_classes="operation-button"
+                )
+            
+            # لیست فایل‌ها و پیش‌نمایش
+            with gr.Row():
+                with gr.Column(scale=2):
+                    file_list = gr.HTML()
+                with gr.Column(scale=1):
+                    with gr.Group(elem_classes="file-preview"):
+                        gr.Markdown("### 👁️ پیش‌نمایش", elem_classes="preview-title")
+                        preview = gr.HTML()
+            
+            # پیام‌های وضعیت
+            status = gr.HTML()
+            
+            # عملکردها
+            def update_file_list(search=""):
+                files_data = manager.list_files(search)
+                return manager._format_file_list(files_data)
+            
+            def handle_upload(file):
+                success, message = manager.upload_file(file)
+                return message, update_file_list()
+            
+            def handle_new_folder():
+                name = gr.Textbox(label="نام پوشه جدید").value
+                success, message = manager.create_folder(name)
+                return message, update_file_list()
+            
+            # اتصال رویدادها
+            search_box.change(update_file_list, inputs=[search_box], outputs=[file_list])
+            upload_btn.upload(handle_upload, inputs=[upload_btn], outputs=[status, file_list])
+            new_folder_btn.click(handle_new_folder, outputs=[status, file_list])
+            refresh_btn.click(update_file_list, outputs=[file_list])
+            
+            home_btn.click(
+                lambda: (str(manager.root_path), update_file_list()),
+                outputs=[current_path, file_list]
+            )
+            
+            up_btn.click(
+                lambda p: (str(Path(p).parent), update_file_list()),
+                inputs=[current_path],
+                outputs=[current_path, file_list]
+            )
+    
+    return interface
+
+if __name__ == "__main__":
+    demo = create_interface()
+    demo.launch()

app.py

@@ -1,236 +1,236 @@
-import streamlit as st
-import time
-import random
-import os
-
-# تنظیمات اصلی چت‌بات
-ADMIN_USERNAME = "admin"
-ADMIN_PASSWORD = "password"
-
-# CSS سفارشی برای ظاهر چت‌بات و حالت تیره و روشن
-CUSTOM_CSS = """
-<style>
-:root {
-    --primary-color: #4a90e2;
-    --secondary-color: #ff6b6b;
-    --neutral-color: #f5f5f5;
-    --accent-color: #50e3c2;
-    --background-light: #e8effa;
-    --background-dark: #1c1c1e;
-    --text-color-light: #333;
-    --text-color-dark: #e0e0e0;
-    --shadow-color: rgba(0, 0, 0, 0.1);
-}
-
-body {
-    font-family: 'Vazir', sans-serif;
-    background: var(--background-color);
-}
-
-.chat-container {
-    max-width: 400px;
-    margin: 0 auto;
-    border-radius: 15px;
-    box-shadow: 0px 4px 12px var(--shadow-color);
-    overflow: hidden;
-    background: var(--background-color);
-}
-
-.header {
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
-    color: white;
-    padding: 10px;
-    text-align: center;
-    font-weight: bold;
-    font-size: 18px;
-}
-
-.chat-body {
-    background: var(--neutral-color);
-    padding: 15px;
-    height: 300px;
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-}
-
-.message {
-    padding: 12px 15px;
-    margin: 10px 0;
-    border-radius: 15px;
-    width: fit-content;
-    max-width: 80%;
-    font-size: 15px;
-    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
-    transition: all 0.3s ease;
-}
-
-.message.user {
-    align-self: flex-end;
-    background: var(--primary-color);
-    color: var(--text-color-light);
-}
-
-.message.bot {
-    align-self: flex-start;
-    background: var(--secondary-color);
-    color: white;
-}
-
-.footer {
-    display: flex;
-    padding: 10px;
-    background: var(--neutral-color);
-    border-top: 1px solid #ddd;
-    align-items: center;
-}
-
-.footer input[type="text"] {
-    flex: 1;
-    padding: 10px;
-    border: none;
-    border-radius: 20px;
-    background: #ffffff;
-    margin-right: 10px;
-    font-size: 14px;
-    box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.1);
-}
-
-.footer .icon, .footer .send-btn {
-    font-size: 20px;
-    color: var(--primary-color);
-    cursor: pointer;
-    transition: color 0.3s ease, transform 0.2s ease;
-}
-
-.footer .icon:hover, .footer .send-btn:hover {
-    color: var(--secondary-color);
-    transform: scale(1.1);
-}
-
-.admin-icon {
-    font-size: 40px;
-    color: var(--primary-color);
-    cursor: pointer;
-    text-align: center;
-    margin-top: 10px;
-    transition: color 0.3s ease;
-}
-
-.admin-icon:hover {
-    color: var(--secondary-color);
-    transform: scale(1.1);
-}
-
-h1, h2 {
-    font-size: 20px;
-    color: var(--primary-color);
-    text-align: center;
-    margin-top: 15px;
-    font-weight: bold;
-}
-</style>
-"""
-
-# اعمال CSS سفارشی
-st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
-
-class ModernChatbot:
-    def __init__(self):
-        self.conversation_history = []
-        self.admin_logged_in = False
-
-    def chat_response(self, message):
-        """دریافت پیام کاربر و اضافه کردن پاسخ به تاریخچه گفتگو"""
-        time.sleep(0.5)
-        self.conversation_history.append(("شما", message))
-        
-        responses = [
-            "این یک پاسخ نمونه از ربات است.",
-            "چه کمکی از من بر می‌آید؟",
-            "لطفاً بیشتر توضیح دهید.",
-            "متشکرم از پیامتان!"
-        ]
-        bot_message = random.choice(responses)
-        self.conversation_history.append(("ربات", bot_message))
-        
-        return self.conversation_history
-
-    def login_admin(self, username, password):
-        if username == ADMIN_USERNAME and password == ADMIN_PASSWORD:
-            self.admin_logged_in = True
-            return True
-        else:
-            return False
-
-    def clear_history(self):
-        self.conversation_history = []
-
-# ایجاد چت‌بات
-chatbot = ModernChatbot()
-
-# حالت روشن یا تیره
-dark_mode = st.sidebar.checkbox("فعال کردن حالت تیره")
-
-# تغییر تم بر اساس حالت انتخاب شده
-background_color = "--background-dark" if dark_mode else "--background-light"
-text_color = "--text-color-dark" if dark_mode else "--text-color-light"
-st.markdown(f"<style>:root {{ --background-color: var({background_color}); --text-color: var({text_color}); }}</style>", unsafe_allow_html=True)
-
-# آیکون ورود ادمین و نمایش پاپ‌آپ
-st.markdown("<div class='admin-icon'>&#128100;</div>", unsafe_allow_html=True)
-
-if "show_popup" not in st.session_state:
-    st.session_state["show_popup"] = False
-
-if "admin_logged_in" not in st.session_state:
-    st.session_state["admin_logged_in"] = False
-
-if st.session_state["show_popup"]:
-    with st.container():
-        st.markdown("<div class='popup-form'><h2 style='color: var(--primary-color); text-align:center;'>ورود ا��مین</h2>", unsafe_allow_html=True)
-        username = st.text_input("نام کاربری")
-        password = st.text_input("رمز عبور", type="password")
-        if st.button("ورود"):
-            if chatbot.login_admin(username, password):
-                st.session_state["admin_logged_in"] = True
-                st.session_state["show_popup"] = False
-                st.success("ورود موفقیت‌آمیز بود!")
-                st.experimental_rerun()
-            else:
-                st.error("نام کاربری یا رمز عبور اشتباه است")
-else:
-    if st.button("ورود به ادمین"):
-        st.session_state["show_popup"] = True
-
-if st.session_state["admin_logged_in"]:
-    st.subheader("داشبورد مدیر")
-    if st.button("🗑️ حذف تاریخچه گفتگو"):
-        chatbot.clear_history()
-        st.success("تاریخچه گفتگو حذف شد.")
-        st.experimental_rerun()
-
-    # لینک به فایل داشبورد
-    if os.path.exists("admin_dashboard.py"):
-        st.markdown("[ورود به داشبورد](./admin_dashboard.py)", unsafe_allow_html=True)
-
-# نمایش چت‌باکس
-st.markdown("<div class='chat-container'><div class='header'>Chat with us</div><div class='chat-body'>", unsafe_allow_html=True)
-
-# نمایش تاریخچه گفتگو
-for sender, message in chatbot.conversation_history:
-    align_class = "user" if sender == "شما" else "bot"
-    st.markdown(f"<div class='message {align_class}'><strong>{sender}:</strong> {message}</div>", unsafe_allow_html=True)
-
-st.markdown("</div><div class='footer'><input type='text' placeholder='Type a message...' id='user_message'/><span class='icon'>📎</span><span class='send-btn'>🚀</span></div></div>", unsafe_allow_html=True)
-
-user_message = st.text_input("پیام خود را اینجا بنویسید...", key="user_message", label_visibility="collapsed")
-
-if st.button("ارسال"):
-    if user_message:
-        chatbot.chat_response(user_message)
-        st.experimental_rerun()
-
-if st.button("پاک کردن گفتگو") and not chatbot.admin_logged_in:
-    chatbot.clear_history()
-    st.experimental_rerun()
+import streamlit as st
+import time
+import random
+import os
+
+# تنظیمات اصلی چت‌بات
+ADMIN_USERNAME = "admin"
+ADMIN_PASSWORD = "password"
+
+# CSS سفارشی برای ظاهر چت‌بات و حالت تیره و روشن
+CUSTOM_CSS = """
+<style>
+:root {
+    --primary-color: #4a90e2;
+    --secondary-color: #ff6b6b;
+    --neutral-color: #f5f5f5;
+    --accent-color: #50e3c2;
+    --background-light: #e8effa;
+    --background-dark: #1c1c1e;
+    --text-color-light: #333;
+    --text-color-dark: #e0e0e0;
+    --shadow-color: rgba(0, 0, 0, 0.1);
+}
+
+body {
+    font-family: 'Vazir', sans-serif;
+    background: var(--background-color);
+}
+
+.chat-container {
+    max-width: 400px;
+    margin: 0 auto;
+    border-radius: 15px;
+    box-shadow: 0px 4px 12px var(--shadow-color);
+    overflow: hidden;
+    background: var(--background-color);
+}
+
+.header {
+    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
+    color: white;
+    padding: 10px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.chat-body {
+    background: var(--neutral-color);
+    padding: 15px;
+    height: 300px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.message {
+    padding: 12px 15px;
+    margin: 10px 0;
+    border-radius: 15px;
+    width: fit-content;
+    max-width: 80%;
+    font-size: 15px;
+    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
+    transition: all 0.3s ease;
+}
+
+.message.user {
+    align-self: flex-end;
+    background: var(--primary-color);
+    color: var(--text-color-light);
+}
+
+.message.bot {
+    align-self: flex-start;
+    background: var(--secondary-color);
+    color: white;
+}
+
+.footer {
+    display: flex;
+    padding: 10px;
+    background: var(--neutral-color);
+    border-top: 1px solid #ddd;
+    align-items: center;
+}
+
+.footer input[type="text"] {
+    flex: 1;
+    padding: 10px;
+    border: none;
+    border-radius: 20px;
+    background: #ffffff;
+    margin-right: 10px;
+    font-size: 14px;
+    box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.1);
+}
+
+.footer .icon, .footer .send-btn {
+    font-size: 20px;
+    color: var(--primary-color);
+    cursor: pointer;
+    transition: color 0.3s ease, transform 0.2s ease;
+}
+
+.footer .icon:hover, .footer .send-btn:hover {
+    color: var(--secondary-color);
+    transform: scale(1.1);
+}
+
+.admin-icon {
+    font-size: 40px;
+    color: var(--primary-color);
+    cursor: pointer;
+    text-align: center;
+    margin-top: 10px;
+    transition: color 0.3s ease;
+}
+
+.admin-icon:hover {
+    color: var(--secondary-color);
+    transform: scale(1.1);
+}
+
+h1, h2 {
+    font-size: 20px;
+    color: var(--primary-color);
+    text-align: center;
+    margin-top: 15px;
+    font-weight: bold;
+}
+</style>
+"""
+
+# اعمال CSS سفارشی
+st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
+
+class ModernChatbot:
+    def __init__(self):
+        self.conversation_history = []
+        self.admin_logged_in = False
+
+    def chat_response(self, message):
+        """دریافت پیام کاربر و اضافه کردن پاسخ به تاریخچه گفتگو"""
+        time.sleep(0.5)
+        self.conversation_history.append(("شما", message))
+        
+        responses = [
+            "این یک پاسخ نمونه از ربات است.",
+            "چه کمکی از من بر می‌آید؟",
+            "لطفاً بیشتر توضیح دهید.",
+            "متشکرم از پیامتان!"
+        ]
+        bot_message = random.choice(responses)
+        self.conversation_history.append(("ربات", bot_message))
+        
+        return self.conversation_history
+
+    def login_admin(self, username, password):
+        if username == ADMIN_USERNAME and password == ADMIN_PASSWORD:
+            self.admin_logged_in = True
+            return True
+        else:
+            return False
+
+    def clear_history(self):
+        self.conversation_history = []
+
+# ایجاد چت‌بات
+chatbot = ModernChatbot()
+
+# حالت روشن یا تیره
+dark_mode = st.sidebar.checkbox("فعال کردن حالت تیره")
+
+# تغییر تم بر اساس حالت انتخاب شده
+background_color = "--background-dark" if dark_mode else "--background-light"
+text_color = "--text-color-dark" if dark_mode else "--text-color-light"
+st.markdown(f"<style>:root {{ --background-color: var({background_color}); --text-color: var({text_color}); }}</style>", unsafe_allow_html=True)
+
+# آیکون ورود ادمین و نمایش پاپ‌آپ
+st.markdown("<div class='admin-icon'>&#128100;</div>", unsafe_allow_html=True)
+
+if "show_popup" not in st.session_state:
+    st.session_state["show_popup"] = False
+
+if "admin_logged_in" not in st.session_state:
+    st.session_state["admin_logged_in"] = False
+
+if st.session_state["show_popup"]:
+    with st.container():
+        st.markdown("<div class='popup-form'><h2 style='color: var(--primary-color); text-align:center;'>ورود ادمین</h2>", unsafe_allow_html=True)
+        username = st.text_input("نام کاربری")
+        password = st.text_input("رمز عبور", type="password")
+        if st.button("ورود"):
+            if chatbot.login_admin(username, password):
+                st.session_state["admin_logged_in"] = True
+                st.session_state["show_popup"] = False
+                st.success("ورود موفقیت‌آمیز بود!")
+                st.experimental_rerun()
+            else:
+                st.error("نام کاربری یا رمز عبور اشتباه است")
+else:
+    if st.button("ورود به ادمین"):
+        st.session_state["show_popup"] = True
+
+if st.session_state["admin_logged_in"]:
+    st.subheader("داشبورد مدیر")
+    if st.button("🗑️ حذف تاریخچه گفتگو"):
+        chatbot.clear_history()
+        st.success("تاریخچه گفتگو حذف شد.")
+        st.experimental_rerun()
+
+    # لینک به فایل داشبورد
+    if os.path.exists("admin_dashboard.py"):
+        st.markdown("[ورود به داشبورد](./admin_dashboard.py)", unsafe_allow_html=True)
+
+# نمایش چت‌باکس
+st.markdown("<div class='chat-container'><div class='header'>Chat with us</div><div class='chat-body'>", unsafe_allow_html=True)
+
+# نمایش تاریخچه گفتگو
+for sender, message in chatbot.conversation_history:
+    align_class = "user" if sender == "شما" else "bot"
+    st.markdown(f"<div class='message {align_class}'><strong>{sender}:</strong> {message}</div>", unsafe_allow_html=True)
+
+st.markdown("</div><div class='footer'><input type='text' placeholder='Type a message...' id='user_message'/><span class='icon'>📎</span><span class='send-btn'>🚀</span></div></div>", unsafe_allow_html=True)
+
+user_message = st.text_input("پیام خود را اینجا بنویسید...", key="user_message", label_visibility="collapsed")
+
+if st.button("ارسال"):
+    if user_message:
+        chatbot.chat_response(user_message)
+        st.experimental_rerun()
+
+if st.button("پاک کردن گفتگو") and not chatbot.admin_logged_in:
+    chatbot.clear_history()
+    st.experimental_rerun()