Upload 4 files

admin_dashboard.py

@@ -1,190 +1,189 @@
-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()  # آموزش مجدد مدل به عنوان بخشی از به‌روزرسانی
+import React, { useState, useEffect } from 'react';
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
+import { Upload, RefreshCw, Users, BarChart2, ThumbsUp, Database } from 'lucide-react';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+
+const AdminDashboard = () => {
+  const [stats, setStats] = useState({
+    accuracy: 95.5,
+    interactions: 1234,
+    satisfaction: 98,
+    lastUpdate: new Date().toLocaleString(),
+    averageResponseTime: 0.5,
+    totalQuestions: 3500
+  });
+
+  const [learningData, setLearningData] = useState([
+    { date: '2024-01', accuracy: 90 },
+    { date: '2024-02', accuracy: 92 },
+    { date: '2024-03', accuracy: 94 },
+    { date: '2024-04', accuracy: 95.5 }
+  ]);
+
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [updateStatus, setUpdateStatus] = useState(null);
+
+  const updateKnowledgeBase = async () => {
+    setIsUpdating(true);
+    setUpdateStatus('درحال به‌روزرسانی پایگاه دانش...');
     
-    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"
+    try {
+      // ارسال درخواست به‌روزرسانی به سرور
+      const response = await fetch('/api/update-knowledge-base', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
         }
+      });
+
+      if (response.ok) {
+        setUpdateStatus('به‌روزرسانی با موفقیت انجام شد');
+        setStats(prev => ({
+          ...prev,
+          lastUpdate: new Date().toLocaleString()
+        }));
+      } else {
+        throw new Error('خطا در به‌روزرسانی');
+      }
+    } catch (error) {
+      setUpdateStatus('خطا در به‌روزرسانی پایگاه دانش');
+    } finally {
+      setIsUpdating(false);
+      // پاک کردن پیام وضعیت بعد از 3 ثانیه
+      setTimeout(() => setUpdateStatus(null), 3000);
+    }
+  };
+
+  const handleFileUpload = async (event) => {
+    const file = event.target.files[0];
+    if (!file) return;
+
+    const formData = new FormData();
+    formData.append('file', file);
+
+    try {
+      const response = await fetch('/api/upload-document', {
+        method: 'POST',
+        body: formData
+      });
+
+      if (response.ok) {
+        setUpdateStatus('فایل با موفقیت ��پلود شد');
+      } else {
+        throw new Error('خطا در آپلود فایل');
+      }
+    } catch (error) {
+      setUpdateStatus('خطا در آپلود فایل');
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 p-8 rtl">
+      <div className="max-w-6xl mx-auto space-y-8">
+        {/* Header */}
+        <div className="text-center">
+          <h1 className="text-4xl font-bold text-gray-800 mb-4">پنل مدیریت</h1>
+          <p className="text-gray-600">آخرین به‌روزرسانی: {stats.lastUpdate}</p>
+        </div>
+
+        {/* Status Alert */}
+        {updateStatus && (
+          <Alert className="bg-white/30 backdrop-blur-lg">
+            <AlertDescription>{updateStatus}</AlertDescription>
+          </Alert>
+        )}
+
+        {/* Stats Cards */}
+        <div className="grid md:grid-cols-3 gap-6">
+          {/* Response Time Card */}
+          <div className="bg-white/30 backdrop-blur-lg rounded-2xl p-6 shadow-[5px_5px_20px_rgba(0,0,0,0.1),-5px_-5px_20px_rgba(255,255,255,0.8)] transition-all duration-300 hover:shadow-[8px_8px_25px_rgba(0,0,0,0.12),-8px_-8px_25px_rgba(255,255,255,0.9)] hover:transform hover:-translate-y-1">
+            <div className="flex items-center justify-between">
+              <BarChart2 className="text-blue-500" size={24} />
+              <h3 className="text-lg font-semibold text-gray-700">زمان پاسخ‌دهی</h3>
+            </div>
+            <p className="text-3xl font-bold text-blue-600 mt-4">{stats.averageResponseTime}s</p>
+          </div>
+
+          {/* Questions Card */}
+          <div className="bg-white/30 backdrop-blur-lg rounded-2xl p-6 shadow-[5px_5px_20px_rgba(0,0,0,0.1),-5px_-5px_20px_rgba(255,255,255,0.8)] transition-all duration-300 hover:shadow-[8px_8px_25px_rgba(0,0,0,0.12),-8px_-8px_25px_rgba(255,255,255,0.9)] hover:transform hover:-translate-y-1">
+            <div className="flex items-center justify-between">
+              <Users className="text-green-500" size={24} />
+              <h3 className="text-lg font-semibold text-gray-700">تعداد سوالات</h3>
+            </div>
+            <p className="text-3xl font-bold text-green-600 mt-4">{stats.totalQuestions}</p>
+          </div>
+
+          {/* Accuracy Card */}
+          <div className="bg-white/30 backdrop-blur-lg rounded-2xl p-6 shadow-[5px_5px_20px_rgba(0,0,0,0.1),-5px_-5px_20px_rgba(255,255,255,0.8)] transition-all duration-300 hover:shadow-[8px_8px_25px_rgba(0,0,0,0.12),-8px_-8px_25px_rgba(255,255,255,0.9)] hover:transform hover:-translate-y-1">
+            <div className="flex items-center justify-between">
+              <ThumbsUp className="text-purple-500" size={24} />
+              <h3 className="text-lg font-semibold text-gray-700">دقت پاسخ‌گویی</h3>
+            </div>
+            <p className="text-3xl font-bold text-purple-600 mt-4">{stats.accuracy}%</p>
+          </div>
+        </div>
+
+        {/* Chart Section */}
+        <Card className="bg-white/30 backdrop-blur-lg rounded-2xl p-6 shadow-[5px_5px_20px_rgba(0,0,0,0.1),-5px_-5px_20px_rgba(255,255,255,0.8)]">
+          <CardHeader>
+            <CardTitle>روند یادگیری</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="h-64">
+              <ResponsiveContainer width="100%" height="100%">
+                <LineChart data={learningData}>
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis dataKey="date" />
+                  <YAxis domain={[80, 100]} />
+                  <Tooltip />
+                  <Line 
+                    type="monotone" 
+                    dataKey="accuracy" 
+                    stroke="#4F46E5" 
+                    strokeWidth={2}
+                    dot={{ fill: '#4F46E5' }}
+                  />
+                </LineChart>
+              </ResponsiveContainer>
+            </div>
+          </CardContent>
+        </Card>
+
+        {/* Actions Section */}
+        <div className="grid md:grid-cols-2 gap-6">
+          {/* Update Knowledge Base Button */}
+          <Button 
+            onClick={updateKnowledgeBase}
+            disabled={isUpdating}
+            className="bg-gradient-to-r from-blue-500 to-indigo-600 text-white rounded-xl p-4 flex items-center justify-center gap-2 shadow-[5px_5px_20px_rgba(0,0,0,0.1)] transition-all duration-300 hover:shadow-[8px_8px_25px_rgba(0,0,0,0.12)] hover:transform hover:-translate-y-1"
+          >
+            <Database className={`w-5 h-5 ${isUpdating ? 'animate-spin' : ''}`} />
+            {isUpdating ? 'در حال به‌روزرسانی...' : 'به‌روزرسانی پایگاه دانش'}
+          </Button>
+
+          {/* File Upload Section */}
+          <div className="bg-white/30 backdrop-blur-lg rounded-2xl p-6 shadow-[5px_5px_20px_rgba(0,0,0,0.1),-5px_-5px_20px_rgba(255,255,255,0.8)]">
+            <div className="flex items-center justify-center w-full">
+              <label className="flex flex-col items-center justify-center w-full h-32 border-2 border-dashed rounded-xl border-gray-300 cursor-pointer bg-white/50 hover:bg-white/70 transition-all duration-300">
+                <div className="flex flex-col items-center justify-center pt-5 pb-6">
+                  <Upload className="w-8 h-8 text-gray-500 mb-2" />
+                  <p className="text-sm text-gray-500">برای آپلود فایل کلیک کنید</p>
+                </div>
+                <input 
+                  type="file" 
+                  className="hidden"
+                  onChange={handleFileUpload}
+                  accept=".txt,.pdf,.docx"
+                />
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
 
-# ایجاد یک نمونه از کلاس 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)
+export default AdminDashboard;

admin_dashboard_filemanager.py

@@ -1,68 +1,78 @@
 import streamlit as st
 from pathlib import Path
 from datetime import datetime
-import shutil
 import zipfile
 from PIL import Image
 import time
 
-# تنظیمات صفحه
-st.set_page_config(page_title="مدیریت فایل‌ها", layout="centered", page_icon="📁")
+# Page configuration
+st.set_page_config(
+    page_title="مدیریت فایل",
+    page_icon="📂",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
 
-# CSS برای طراحی گلس مورفیسم و نئومورفیسم
-CUSTOM_CSS = """
+# Custom CSS with Farsi font and modern theme
+st.markdown("""
 <style>
-body {
-    font-family: 'Vazir', sans-serif;
-    background: linear-gradient(135deg, #ece9e6, #ffffff);
-}
-.dashboard-container {
-    max-width: 800px;
-    margin: auto;
-    padding: 20px;
-}
-.glass-card, .glass-button, .drag-drop {
-    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-button {
-    color: #ffffff;
-    background: linear-gradient(135deg, #4a90e2, #50e3c2);
-    border: none;
-    font-size: 18px;
-    cursor: pointer;
-    width: 100%;
-    padding: 10px 20px;
-    margin-top: 10px;
-    border-radius: 20px;
-    transition: all 0.3s ease;
-}
-.glass-button:hover {
-    background: linear-gradient(135deg, #50e3c2, #4a90e2);
-}
-.drag-drop {
-    border: 2px dashed #4a90e2;
-    padding: 40px;
-    text-align: center;
-    cursor: pointer;
-}
+    @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
+    * {
+        font-family: 'Vazirmatn', sans-serif;
+    }
+    .main {
+        background-color: #f0f2f6;
+    }
+    .stButton>button {
+        width: 100%;
+        border-radius: 10px;
+        background-color: #4c78af;
+        color: white;
+        border: none;
+        padding: 0.5rem 1rem;
+        margin: 0.25rem 0;
+        transition: all 0.3s ease;
+    }
+    .stButton>button:hover {
+        background-color: #3a5d8f;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    }
+    .uploadedFile {
+        border: 2px dashed #4c78af;
+        border-radius: 10px;
+        padding: 1rem;
+        margin: 1rem 0;
+    }
+    .css-1d391kg {
+        padding: 1rem;
+        border-radius: 10px;
+        background-color: white;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    }
+    h1, h2, h3 {
+        color: #1e3d59;
+    }
+    .stProgress .st-bo {
+        background-color: #4c78af;
+    }
+    .stSelectbox, .stMultiSelect {
+        border-radius: 10px;
+    }
 </style>
-"""
-st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
+""", unsafe_allow_html=True)
 
+# FileManager class for file operations
 class FileManager:
     def __init__(self):
-        self.root_path = Path('uploads')
+        self.root_path = Path("uploads")
         self.root_path.mkdir(exist_ok=True)
 
     def upload_file(self, file):
-        """آپلود فایل با نوار پیشرفت"""
+        """آپلود فایل با نمایش نوار پیشرفت"""
+        progress_text = st.empty()
+        progress_bar = st.progress(0)
         dest_path = self.root_path / file.name
+
         with open(dest_path, "wb") as f:
             total_size = file.size
             chunk_size = 1024
@@ -71,75 +81,148 @@ class FileManager:
                 data = file.read(chunk_size)
                 f.write(data)
                 bytes_read += len(data)
-                st.progress(bytes_read / total_size)
-        return f"فایل '{file.name}' با موفقیت آپلود شد."
+                progress = bytes_read / total_size
+                progress_bar.progress(progress)
+                progress_text.text(f"در حال آپلود... {int(progress * 100)}%")
+
+        progress_text.empty()
+        progress_bar.empty()
+        return f"فایل '{file.name}' با موفقیت آپلود شد!"
 
     def list_files(self, file_type=None):
-        """لیست فایل‌ها با فیلتر نوع فایل"""
-        files = [f.name for f in self.root_path.iterdir() if f.is_file() and (not file_type or f.suffix == file_type)]
-        return files
+        """لیست فایل‌ها با امکان فیلتر بر اساس نوع فایل"""
+        files = [
+            f.name for f in self.root_path.iterdir()
+            if f.is_file() and (not file_type or f.suffix.lower() == file_type.lower())
+        ]
+        return sorted(files)
 
     def delete_file(self, filename):
         """حذف فایل"""
-        path = self.root_path / filename
-        if path.exists():
-            path.unlink()
-            return f"فایل '{filename}' حذف شد."
-        return f"فایل '{filename}' یافت نشد."
+        try:
+            path = self.root_path / filename
+            if path.exists():
+                path.unlink()
+                return "success", f"فایل '{filename}' با موفقیت حذف شد"
+            return "error", f"فایل '{filename}' یافت نشد"
+        except Exception as e:
+            return "error", f"خطا در حذف فایل: {str(e)}"
 
     def preview_file(self, filename):
         """پیش‌نمایش فایل"""
         path = self.root_path / filename
-        if path.suffix in ['.jpg', '.jpeg', '.png']:
-            return Image.open(path)
-        elif path.suffix == '.txt':
-            with open(path, "r", encoding="utf-8") as f:
-                return f.read(300)
-        return "پیش‌نمایش در دسترس نیست."
+        try:
+            if path.suffix.lower() in ['.jpg', '.jpeg', '.png', '.gif']:
+                return Image.open(path)
+            elif path.suffix.lower() == '.txt':
+                with open(path, "r", encoding="utf-8") as f:
+                    return f.read(500) + "\n...(ادامه دارد)" if path.stat().st_size > 500 else f.read()
+            return "پیش‌نمایش برای این نوع فایل در دسترس نیست"
+        except Exception as e:
+            return f"خطا در نمایش فایل: {str(e)}"
 
     def compress_files(self, files):
-        """فشرده‌سازی فایل‌ها"""
-        zip_name = f"compressed_{datetime.now().strftime('%Y%m%d%H%M%S')}.zip"
-        zip_path = self.root_path / zip_name
-        with zipfile.ZipFile(zip_path, 'w') as zipf:
-            for file in files:
-                file_path = self.root_path / file
-                zipf.write(file_path, file)
-                st.progress((files.index(file) + 1) / len(files))
-        return f"فایل‌ها با نام '{zip_name}' فشرده شدند."
-
-file_manager = FileManager()
-
-# آپلود فایل
-st.title("📁 مدیریت فایل‌ها")
-uploaded_file = st.file_uploader("فایل خود را آپلود کنید", type=["jpg", "jpeg", "png", "txt"], accept_multiple_files=False)
-
-if uploaded_file:
-    st.write(file_manager.upload_file(uploaded_file))
-
-# لیست فایل‌ها و فیلتر نوع فایل
-st.subheader("فایل‌های آپلود شده")
-file_type = st.selectbox("نمایش فایل‌های:", ["همه", ".jpg", ".txt", ".png"], index=0)
-files = file_manager.list_files(None if file_type == "همه" else file_type)
-
-# نمایش منوی زمینه و عملیات‌ها
-for file in files:
-    col1, col2, col3, col4 = st.columns([3, 1, 1, 1])
+        """فشرده‌سازی فایل‌های انتخاب شده به ZIP"""
+        if not files:
+            return "error", "لطفاً فایل‌هایی را برای فشرده‌سازی انتخاب کنید"
+        
+        try:
+            zip_name = f"compressed_{datetime.now().strftime('%Y%m%d_%H%M%S')}.zip"
+            zip_path = self.root_path / zip_name
+            progress_text = st.empty()
+            progress_bar = st.progress(0)
+
+            with zipfile.ZipFile(zip_path, 'w') as zipf:
+                for i, file in enumerate(files, 1):
+                    file_path = self.root_path / file
+                    zipf.write(file_path, file)
+                    progress = i / len(files)
+                    progress_bar.progress(progress)
+                    progress_text.text(f"در حال فشرده‌سازی... {int(progress * 100)}%")
+
+            progress_text.empty()
+            progress_bar.empty()
+            return "success", f"فایل‌ها با موفقیت فشرده‌سازی شد: '{zip_name}'"
+        except Exception as e:
+            return "error", f"خطا در فشرده‌سازی فایل‌ها: {str(e)}"
+
+def main():
+    st.title("📂 مدیریت فایل پیشرفته")
+
+    file_manager = FileManager()
+
+    # Layout with two columns
+    col1, col2 = st.columns([2, 1])
+
     with col1:
-        if st.button(f"پیش‌نمایش {file}"):
-            preview = file_manager.preview_file(file)
-            if isinstance(preview, str):
-                st.text(preview)
-            else:
-                st.image(preview)
+        st.subheader("📤 آپلود فایل")
+        uploaded_file = st.file_uploader(
+            "فایل خود را اینجا قرار دهید یا برای انتخاب کلیک کنید",
+            type=["jpg", "jpeg", "png", "gif", "txt"],
+            accept_multiple_files=False
+        )
+        if uploaded_file:
+            result = file_manager.upload_file(uploaded_file)
+            st.success(result)
+
     with col2:
-        if st.button(f"حذف {file}"):
-            st.write(file_manager.delete_file(file))
-    with col3:
-        st.download_button(label=f"دانلود {file}", data=open(file_manager.root_path / file, 'rb').read(), file_name=file)
-
-# فشرده‌سازی فایل‌ها
-st.subheader("فشرده‌سازی فایل‌��ا")
-selected_files = st.multiselect("فایل‌های موردنظر را انتخاب کنید", files)
-if st.button("فشرده‌سازی فایل‌ها"):
-    st.write(file_manager.compress_files(selected_files))
+        st.subheader("🔍 فیلتر فایل‌ها")
+        file_type = st.selectbox(
+            "نمایش نوع فایل:",
+            ["همه", ".jpg", ".jpeg", ".png", ".gif", ".txt"],
+            index=0
+        )
+
+    # List of uploaded files
+    st.subheader("📁 فایل‌های آپلود شده")
+    files = file_manager.list_files(None if file_type == "همه" else file_type)
+
+    if not files:
+        st.info("هنوز فایلی آپلود نشده است")
+    else:
+        for file in files:
+            col1, col2, col3, col4 = st.columns([3, 1, 1, 1])
+
+            with col1:
+                if st.button(f"👁️ پیش‌نمایش {file}"):
+                    preview = file_manager.preview_file(file)
+                    if isinstance(preview, str):
+                        st.text(preview)
+                    else:
+                        st.image(preview, use_column_width=True)
+
+            with col2:
+                if st.button(f"🗑️ حذف {file}"):
+                    status, message = file_manager.delete_file(file)
+                    if status == "success":
+                        st.success(message)
+                    else:
+                        st.error(message)
+
+            with col3:
+                with open(file_manager.root_path / file, 'rb') as f:
+                    st.download_button(
+                        label=f"⬇️ دانلود",
+                        data=f.read(),
+                        file_name=file
+                    )
+
+        # Compression section
+        st.subheader("🗜️ فشرده‌سازی فایل‌ها")
+        selected_files = st.multiselect(
+            "فایل‌های مورد نظر برای فشرده‌سازی را انتخاب کنید",
+            files
+        )
+
+        if st.button("📦 فشرده‌سازی فایل‌های انتخاب شده"):
+            if selected_files:
+                status, message = file_manager.compress_files(selected_files)
+                if status == "success":
+                    st.success(message)
+                else:
+                    st.error(message)
+            else:
+                st.warning("لطفاً فایل‌هایی برای فشرده‌سازی انتخاب کنید")
+
+if __name__ == "__main__":
+    main()

app.py

@@ -1,305 +1,585 @@
-import streamlit as st
-from datetime import datetime
-import time
-import random
-
-CUSTOM_CSS = """
-<style>
-    @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap');
-
-    :root {
-        --primary-bg: #f0f2f5;
-        --chat-bg: #ffffff;
-        --primary-color: #2979ff;
-        --secondary-color: #f50057;
-        --text-primary: #262626;
-        --text-secondary: #666666;
-    }
-
-    body {
-        font-family: 'Vazirmatn', sans-serif !important;
-        background-color: var(--primary-bg) !important;
-        color: var(--text-primary);
-    }
-
-    .main-header {
-        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-        color: white;
-        padding: 1rem;
-        border-radius: 15px;
-        margin-bottom: 2rem;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        text-align: center;
-    }
-
-    .chat-window {
-        background: var(--chat-bg);
-        border-radius: 20px;
-        padding: 1.5rem;
-        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-        max-height: 600px;
-        overflow-y: auto;
-        margin-bottom: 2rem;
-    }
-
-    .message {
-        display: flex;
-        margin-bottom: 1.5rem;
-        animation: fadeIn 0.3s ease-in-out;
-    }
-
-    .message-content {
-        max-width: 80%;
-        padding: 1rem 1.5rem;
-        border-radius: 15px;
-        position: relative;
-    }
-
-    .user-message {
-        justify-content: flex-end;
-    }
-
-    .user-message .message-content {
-        background: var(--primary-color);
-        color: white;
-        border-bottom-right-radius: 5px;
-        margin-left: auto;
-    }
-
-    .bot-message {
-        justify-content: flex-start;
-    }
-
-    .bot-message .message-content {
-        background: #f1f1f1;
-        color: var(--text-primary);
-        border-bottom-left-radius: 5px;
-    }
-
-    .timestamp {
-        font-size: 0.75rem;
-        color: var(--text-secondary);
-        margin-top: 0.25rem;
-        text-align: right;
-    }
-
-    .input-area {
-        background: white;
-        padding: 1rem;
-        border-radius: 15px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        margin-top: 1rem;
-    }
-
-    .stTextInput input {
-        border: 2px solid #e0e0e0 !important;
-        border-radius: 10px !important;
-        padding: 0.75rem 1rem !important;
-        font-size: 1rem !important;
-        transition: all 0.3s ease;
-        direction: rtl;
-    }
-
-    .stTextInput input:focus {
-        border-color: var(--primary-color) !important;
-        box-shadow: 0 0 0 2px rgba(41, 121, 255, 0.2) !important;
-    }
-
-    .stButton > button {
-        background: var(--primary-color) !important;
-        color: white !important;
-        border-radius: 10px !important;
-        padding: 0.75rem 2rem !important;
-        font-family: 'Vazirmatn', sans-serif !important;
-        font-weight: 500 !important;
-        transition: all 0.3s ease !important;
-        border: none !important;
-    }
-
-    .stButton > button:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(41, 121, 255, 0.3) !important;
-    }
-
-    .typing-indicator {
-        padding: 1rem;
-        background: #f1f1f1;
-        border-radius: 10px;
-        margin-bottom: 1rem;
-        animation: pulse 1.5s infinite;
-    }
-
-    @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(10px); }
-        to { opacity: 1; transform: translateY(0); }
-    }
-
-    @keyframes pulse {
-        0% { opacity: 0.5; }
-        50% { opacity: 1; }
-        100% { opacity: 0.5; }
-    }
-
-    .status-bar {
-        background: rgba(255, 255, 255, 0.9);
-        padding: 0.5rem 1rem;
-        border-radius: 10px;
-        margin-bottom: 1rem;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-size: 0.9rem;
-        color: var(--text-secondary);
-    }
-
-    .prompt-suggestions {
-        display: flex;
-        gap: 0.5rem;
-        flex-wrap: wrap;
-        margin: 1rem 0;
-    }
-
-    .prompt-suggestion {
-        background: #f1f1f1;
-        padding: 0.5rem 1rem;
-        border-radius: 20px;
-        font-size: 0.9rem;
-        cursor: pointer;
-        transition: all 0.3s ease;
-    }
-
-    .prompt-suggestion:hover {
-        background: var(--primary-color);
-        color: white;
-    }
-</style>
-"""
-
-class EnhancedChatbot:
-    def __init__(self):
-        if 'messages' not in st.session_state:
-            st.session_state.messages = []
-        if 'last_activity' not in st.session_state:
-            st.session_state.last_activity = datetime.now()
-        
-    def format_timestamp(self):
-        return datetime.now().strftime("%H:%M")
-        
-    def get_bot_status(self):
-        return "🟢 آنلاین" if (datetime.now() - st.session_state.last_activity).seconds < 300 else "🔴 آفلاین"
-        
-    def chat_response(self, message):
-        if not message.strip():
-            return
-            
-        # اضافه کردن پیام کاربر
-        timestamp = self.format_timestamp()
-        st.session_state.messages.append({
-            "role": "user",
-            "content": message,
-            "timestamp": timestamp
-        })
-        
-        # شبیه‌سازی تایپ کردن ربات
-        with st.empty():
-            for _ in range(3):
-                time.sleep(0.5)
-                st.write("در حال تایپ...")
-                
-        # پاسخ ربات
-        responses = [
-            "بله، متوجه شدم. چطور می‌تونم کمکتون کنم؟",
-            "این موضوع جالبیه! می‌تونید بیشتر توضیح بدید؟",
-            "من اینجا هستم تا به شما کمک کنم. سوال دیگه‌ای دارید؟",
-            "اجازه بدید بیشتر در این مورد صحبت کنیم...",
-        ]
-        
-        bot_response = random.choice(responses)
-        st.session_state.messages.append({
-            "role": "assistant",
-            "content": bot_response,
-            "timestamp": self.format_timestamp()
-        })
-        
-        st.session_state.last_activity = datetime.now()
-
-def main():
-    st.set_page_config(
-        page_title="چت‌بات هوشمند | پشتیبانی آنلاین",
-        page_icon="💬",
-        layout="wide"
-    )
-    
-    st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
-    
-    # هدر اصلی
-    st.markdown("""
-        <div class="main-header">
-            <h1>🤖 چت‌بات هوشمند</h1>
-            <p>پاسخگوی 24 ساعته شما هستیم</p>
-        </div>
-    """, unsafe_allow_html=True)
-    
-    # ستون‌بندی صفحه
-    col1, col2 = st.columns([3, 1])
-    
-    with col1:
-        # نوار وضعیت
-        st.markdown(f"""
-            <div class="status-bar">
-                <span>{chatbot.get_bot_status()}</span>
-                <span>آخرین فعالیت: {chatbot.format_timestamp()}</span>
-            </div>
-        """, unsafe_allow_html=True)
-        
-        # پنجره چت
-        st.markdown('<div class="chat-window">', unsafe_allow_html=True)
-        
-        for msg in st.session_state.messages:
-            message_class = "user-message" if msg["role"] == "user" else "bot-message"
-            st.markdown(f"""
-                <div class="message {message_class}">
-                    <div class="message-content">
-                        {msg["content"]}
-                        <div class="timestamp">{msg["timestamp"]}</div>
-                    </div>
-                </div>
-            """, unsafe_allow_html=True)
-        
-        st.markdown('</div>', unsafe_allow_html=True)
-        
-        # بخش ورودی پیام
-        st.markdown('<div class="input-area">', unsafe_allow_html=True)
-        
-        # پیشنهادات سریع
-        suggestions = ["سلام", "درباره خدمات", "تماس با ما", "قیمت‌ها"]
-        st.markdown('<div class="prompt-suggestions">', unsafe_allow_html=True)
-        for suggestion in suggestions:
-            st.markdown(f'<span class="prompt-suggestion">{suggestion}</span>', unsafe_allow_html=True)
-        st.markdown('</div>', unsafe_allow_html=True)
-        
-        # ورودی پیام
-        user_input = st.text_input("", placeholder="پیام خود را اینجا بنویسید...", key="user_input")
-        if st.button("ارسال"):
-            if user_input:
-                chatbot.chat_response(user_input)
-                st.experimental_rerun()
-        
-        st.markdown('</div>', unsafe_allow_html=True)
-    
-    # ستون اطلاعات جانبی
-    with col2:
-        st.markdown("""
-            <div style="background: white; padding: 1rem; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
-                <h3>💡 راهنمای استفاده</h3>
-                <ul>
-                    <li>برای شروع گفتگو کافیست پیام خود را تایپ کنید</li>
-                    <li>از پیشنهادات سریع بالای صفحه استفاده کنید</li>
-                    <li>پشتیبانی 24 ساعته در خدمت شماست</li>
-                </ul>
-            </div>
-        """, unsafe_allow_html=True)
-
-if __name__ == "__main__":
-    chatbot = EnhancedChatbot()
-    main()
+import streamlit as st
+import time
+import random
+import json
+from datetime import datetime
+import os
+
+# تنظیمات اصلی چت‌بات
+ADMIN_USERNAME = "admin"
+ADMIN_PASSWORD = "password"
+
+# CSS بهبود یافته با انیمیشن‌ها و افکت‌های جدید
+CUSTOM_CSS = """
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap');
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
+
+:root {
+    --primary-color: #3b82f6;
+    --secondary-color: #6366f1;
+    --accent-color: #10b981;
+    --background-color: #f8fafc;
+    --chat-bg: #ffffff;
+    --user-message-bg: #e0e7ff;
+    --bot-message-bg: #f1f5f9;
+    --text-primary: #1e293b;
+    --text-secondary: #475569;
+    --border-color: #e2e8f0;
+    --error-color: #ef4444;
+    --success-color: #22c55e;
+}
+
+/* === انیمیشن‌های جدید === */
+@keyframes slideIn {
+    from { transform: translateY(20px); opacity: 0; }
+    to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes pulse {
+    0% { transform: scale(1); }
+    50% { transform: scale(1.05); }
+    100% { transform: scale(1); }
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+/* === استایل‌های اصلی === */
+body {
+    font-family: 'Vazirmatn', sans-serif !important;
+    background-color: var(--background-color);
+    direction: rtl;
+}
+
+.chat-container {
+    max-width: 900px;
+    margin: 2rem auto;
+    background: var(--chat-bg);
+    border-radius: 1rem;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    animation: slideIn 0.5s ease-out;
+}
+
+.chat-header {
+    background: linear-gradient(to left, var(--primary-color), var(--secondary-color));
+    color: white;
+    padding: 1.5rem;
+    border-radius: 1rem 1rem 0 0;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.chat-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+        45deg,
+        transparent 0%,
+        rgba(255, 255, 255, 0.1) 50%,
+        transparent 100%
+    );
+    animation: shine 3s infinite linear;
+}
+
+@keyframes shine {
+    from { transform: translateX(-100%) rotate(45deg); }
+    to { transform: translateX(100%) rotate(45deg); }
+}
+
+.chat-header h1 {
+    font-size: 1.75rem;
+    font-weight: 700;
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+}
+
+.chat-header h1 i {
+    animation: pulse 2s infinite;
+}
+
+.chat-messages {
+    height: 500px;
+    overflow-y: auto;
+    padding: 1.5rem;
+    background: var(--chat-bg);
+    scroll-behavior: smooth;
+}
+
+.message {
+    margin-bottom: 1rem;
+    max-width: 80%;
+    padding: 1rem;
+    border-radius: 0.75rem;
+    position: relative;
+    animation: fadeIn 0.3s ease-out;
+    transition: transform 0.2s;
+}
+
+.message:hover {
+    transform: translateY(-2px);
+}
+
+.message.user {
+    background: var(--user-message-bg);
+    margin-left: auto;
+    color: var(--text-primary);
+    box-shadow: 2px 2px 10px rgba(99, 102, 241, 0.1);
+}
+
+.message.bot {
+    background: var(--bot-message-bg);
+    margin-right: auto;
+    color: var(--text-primary);
+    box-shadow: 2px 2px 10px rgba(241, 245, 249, 0.3);
+}
+
+.message::before {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: 8px solid transparent;
+}
+
+.message.user::before {
+    border-left-color: var(--user-message-bg);
+    right: -16px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.message.bot::before {
+    border-right-color: var(--bot-message-bg);
+    left: -16px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.chat-input {
+    padding: 1.5rem;
+    border-top: 1px solid var(--border-color);
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(10px);
+}
+
+.chat-input input {
+    flex: 1;
+    padding: 0.75rem 1rem;
+    border: 2px solid var(--border-color);
+    border-radius: 0.5rem;
+    font-family: 'Vazirmatn', sans-serif;
+    font-size: 0.875rem;
+    transition: all 0.3s;
+}
+
+.chat-input input:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.chat-input button {
+    background: var(--primary-color);
+    color: white;
+    border: none;
+    padding: 0.75rem 1.5rem;
+    border-radius: 0.5rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    transition: all 0.2s;
+    font-weight: 500;
+}
+
+.chat-input button:hover {
+    background: var(--secondary-color);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+.chat-input button:active {
+    transform: translateY(0);
+}
+
+/* === قابلیت‌های جدید === */
+.typing-indicator {
+    display: flex;
+    gap: 0.5rem;
+    padding: 1rem;
+    background: var(--bot-message-bg);
+    border-radius: 0.75rem;
+    width: fit-content;
+    margin-bottom: 1rem;
+    animation: fadeIn 0.3s;
+}
+
+.typing-dot {
+    width: 8px;
+    height: 8px;
+    background: var(--primary-color);
+    border-radius: 50%;
+    animation: typingDot 1s infinite;
+}
+
+.typing-dot:nth-child(2) { animation-delay: 0.2s; }
+.typing-dot:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes typingDot {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-5px); }
+}
+
+.quick-replies {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-top: 1rem;
+}
+
+.quick-reply {
+    background: var(--accent-color);
+    color: white;
+    padding: 0.5rem 1rem;
+    border-radius: 2rem;
+    cursor: pointer;
+    transition: all 0.2s;
+    font-size: 0.875rem;
+}
+
+.quick-reply:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+/* === پنل مدیریت === */
+.admin-panel {
+    background: white;
+    padding: 1.5rem;
+    border-radius: 0.75rem;
+    margin-bottom: 1rem;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+}
+
+.admin-panel h2 {
+    color: var(--text-primary);
+    font-size: 1.25rem;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.admin-controls {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.admin-button {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: none;
+    font-family: 'Vazirmatn', sans-serif;
+    font-weight: 500;
+}
+
+.admin-button.danger {
+    background: var(--error-color);
+    color: white;
+}
+
+.admin-button.success {
+    background: var(--success-color);
+    color: white;
+}
+
+.admin-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+.statistics {
+    background: white;
+    padding: 1rem;
+    border-radius: 0.5rem;
+    margin-top: 1rem;
+}
+
+.stat-item {
+    display: flex;
+    justify-content: space-between;
+    padding: 0.5rem 0;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.stat-item:last-child {
+    border-bottom: none;
+}
+</style>
+"""
+
+class EnhancedChatbot:
+    def __init__(self):
+        self.conversation_history = []
+        self.admin_logged_in = False
+        self.quick_replies = [
+            "بخشنامه‌های جدید",
+            "راهنمای استفاده",
+            "تماس با پشتیبانی",
+            "گزارش مشکل"
+        ]
+        self.stats = {
+            'total_messages': 0,
+            'user_messages': 0,
+            'bot_messages': 0,
+            'start_time': datetime.now()
+        }
+        self.load_responses()
+
+    def load_responses(self):
+        """بارگذاری پاسخ‌های از پیش تعریف شده"""
+        self.responses = {
+            'greeting': [
+                "سلام! چطور می‌تونم کمکتون کنم؟",
+                "درود! من پاسخگوی هوشمند بخشنامه هستم. چه کمکی از دستم برمیاد؟",
+                "خوش آمدید! در خدمت شما هستم."
+            ],
+            'help': [
+                "برای راهنمایی بیشتر می‌تونید از گزینه‌های سریع پایین استفاده کنید.",
+                "من می‌تونم در موارد زیر کمکتون کنم:\n- جستجوی بخشنامه‌ها\n- پاسخ به سوالات متداول\n- راهنمایی در مورد فرآیندها",
+            ],
+            'unknown': [
+                "متوجه نشدم. می‌شه بیشتر توضیح بدید؟",
+                "می‌تونید سوالتون رو به شکل دیگه‌ای بپرسید؟",
+                "برای راهنمایی بهتر، لطفاً جزئیات بیشتری ارائه کنید."
+            ]
+        }
+
+    def chat_response(self, message):
+        """پردازش پیام کاربر و ارائه پاسخ هوشمند"""
+        self.stats['total_messages'] += 1
+        self.stats['user_messages'] += 1
+        
+        # افزودن پیام کاربر
+        self.conversation_history.append({
+            'type': 'user',
+            'message': message,
+            'timestamp': datetime.now().strftime("%H:%M")
+        })
+
+        # شبیه‌سازی تایپ کردن
+        time.sleep(1)
+
+        # انتخاب پاسخ مناسب
+        if any(word in message.lower() for word in ['سلام', 'درود', 'خوش آمدید']):
+            response = random.choice(self.responses['greeting'])
+        elif 'راهنمایی' in message.lower() or 'کمک' in message.lower():
+            response = random.choice(self.responses['help'])
+        else:
+            response = random.choice(self.responses['unknown'])
+
+        self.stats['bot_messages'] += 1
+        
+        # افزودن پاسخ ربات
+        self.conversation_history.append({
+            'type': 'bot',
+            'message': response,
+            'timestamp': datetime.now().strftime("%H:%M")
+        })
+
+        return self.conversation_history
+
+    def get_stats(self):
+        """دریافت آمار چت‌بات"""
+        uptime = datetime.now() - self.stats['start_time']
+        return {
+            'total_messages': self.stats['total_messages'],
+            'user_messages': self.stats['user_messages'],
+            'bot_messages': self.stats['bot_messages'],
+            'uptime': str(uptime).split('.')[0],
+            'response_rate': f"{(self.stats['bot_messages'] / self.stats['user_messages'] * 100):.1f}%" if self.stats['user_messages'] > 0 else "0%"
+        }
+
+# تنظیمات اولیه استریملیت
+# ادامه کد قبلی...
+
+# تنظیمات اولیه استریملیت
+st.set_page_config(
+    page_title="پاسخگوی هوشمند بخشنامه",
+    page_icon="🤖",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# اعمال CSS
+st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
+
+# ایجاد نمونه از چت‌بات
+if 'chatbot' not in st.session_state:
+    st.session_state.chatbot = EnhancedChatbot()
+
+# نمایش هدر اصلی
+st.markdown("""
+    <div class="chat-container">
+        <div class="chat-header">
+            <h1>
+                <i class="fas fa-robot"></i>
+                پاسخگوی هوشمند بخشنامه
+                <span class="status-badge online">
+                    <i class="fas fa-circle"></i>
+                </span>
+            </h1>
+        </div>
+        <div class="chat-messages" id="chat-messages">
+""", unsafe_allow_html=True)
+
+# نمایش پیام‌ها
+for message in st.session_state.chatbot.conversation_history:
+    message_class = "user" if message['type'] == 'user' else "bot"
+    icon = "user" if message['type'] == 'user' else "robot"
+    
+    st.markdown(f"""
+        <div class="message {message_class}">
+            <div class="message-header">
+                <i class="fas fa-{icon}"></i>
+                <span class="timestamp">{message['timestamp']}</span>
+            </div>
+            <div class="message-content">
+                {message['message']}
+            </div>
+        </div>
+    """, unsafe_allow_html=True)
+
+# نمایش نشانگر تایپ کردن
+if st.session_state.get('is_typing', False):
+    st.markdown("""
+        <div class="typing-indicator">
+            <div class="typing-dot"></div>
+            <div class="typing-dot"></div>
+            <div class="typing-dot"></div>
+        </div>
+    """, unsafe_allow_html=True)
+
+# پاسخ‌های سریع
+st.markdown("""
+    <div class="quick-replies">
+""", unsafe_allow_html=True)
+
+for reply in st.session_state.chatbot.quick_replies:
+    st.markdown(f"""
+        <div class="quick-reply" onclick="document.getElementById('user-input').value='{reply}'">
+            {reply}
+        </div>
+    """, unsafe_allow_html=True)
+
+st.markdown("</div>", unsafe_allow_html=True)
+
+# بخش ورودی پیام
+col1, col2 = st.columns([4, 1])
+with col1:
+    user_message = st.text_input(
+        "",
+        placeholder="پیام خود را بنویسید...",
+        key="user_message",
+        help="برای ارسال پیام، متن خود را وارد کرده و دکمه ارسال را بزنید"
+    )
+
+with col2:
+    send_button = st.button(
+        "ارسال پیام",
+        key="send_button",
+        help="برای ارسال پیام کلیک کنید"
+    )
+
+if send_button and user_message:
+    st.session_state['is_typing'] = True
+    st.session_state.chatbot.chat_response(user_message)
+    st.session_state['is_typing'] = False
+    st.experimental_rerun()
+
+st.markdown("</div>", unsafe_allow_html=True)
+
+# پنل مدیریت در سایدبار
+with st.sidebar:
+    st.markdown("""
+        <div class="admin-panel">
+            <h2>
+                <i class="fas fa-cog"></i>
+                پنل مدیریت
+            </h2>
+        </div>
+    """, unsafe_allow_html=True)
+    
+    if st.checkbox("نمایش آمار"):
+        stats = st.session_state.chatbot.get_stats()
+        st.markdown("""
+            <div class="statistics">
+                <h3>آمار سیستم</h3>
+        """, unsafe_allow_html=True)
+        
+        for key, value in stats.items():
+            st.markdown(f"""
+                <div class="stat-item">
+                    <span>{key}:</span>
+                    <strong>{value}</strong>
+                </div>
+            """, unsafe_allow_html=True)
+        
+        st.markdown("</div>", unsafe_allow_html=True)
+
+    if st.button("پاک کردن تاریخچه", key="clear_history"):
+        st.session_state.chatbot.conversation_history = []
+        st.experimental_rerun()
+
+    # تنظیمات ظاهری
+    st.markdown("### تنظیمات ظاهری")
+    font_size = st.slider("اندازه متن", 12, 20, 14)
+    st.markdown(f"""
+        <style>
+        .message {{ font-size: {font_size}px; }}
+        </style>
+    """, unsafe_allow_html=True)
+
+# اضافه کردن اسکریپت‌های جاوااسکریپت برای عملکرد بهتر
+st.markdown("""
+    <script>
+        // اسکرول خودکار به آخرین پیام
+        function scrollToBottom() {
+            const messages = document.querySelector('.chat-messages');
+            messages.scrollTop = messages.scrollHeight;
+        }
+        
+        // اجرای اسکرول در لود صفحه
+        window.onload = scrollToBottom;
+        
+        // مدیریت کلیدهای میانبر
+        document.addEventListener('keydown', function(event) {
+            if (event.key === 'Enter' && !event.shiftKey) {
+                const sendButton = document.querySelector('button:contains("ارسال پیام")');
+                if (sendButton) {
+                    sendButton.click();
+                }
+            }
+        });
+    </script>
+""", unsafe_allow_html=True)

requests.txt

@@ -0,0 +1,19 @@
+requests
+pandas
+numpy
+matplotlib
+seaborn
+scikit-learn
+streamlit
+plotly
+transformers
+flask
+fastapi
+opencv-python
+beautifulsoup4
+scrapy
+sqlalchemy
+tensorflow
+torch
+awsomefont 
+gradio