docs: Add Persian documentation for status drawer

STATUS_DRAWER_IMPLEMENTATION.md

@@ -0,0 +1,202 @@
+# پیاده‌سازی صحیح: پنل کشویی وضعیت (Status Drawer)
+
+## ✅ پیاده‌سازی درست شد!
+
+### 🎯 آنچه خواسته شد:
+1. ✅ **پنل کشویی از سمت راست** (نه مودال وسط صفحه)
+2. ✅ **دکمه شناور زیبا** (همیشه در دسترس)
+3. ✅ **فقط منابع، اندپوینت‌ها، سرویس‌دهنده‌ها** (نه CPU/Memory)
+4. ✅ **بروزرسانی ریل‌تایم** (فقط وقتی پنل باز است)
+5. ✅ **کلیک روی فلش → باز می‌شود**
+6. ✅ **کلیک دوباره → بسته می‌شود**
+
+---
+
+## 📊 اطلاعاتی که نمایش داده می‌شود:
+
+### 1️⃣ خلاصه منابع (Resources Summary)
+```
+┌─────────────────────────────────┐
+│  Total Resources:    25         │
+│  Available:          22  🟢     │
+│  Unavailable:         3  🔴     │
+└─────────────────────────────────┘
+```
+
+### 2️⃣ وضعیت اندپوینت‌ها (API Endpoints)
+```
+🟢 /api/market          123ms • 99.8%
+🟢 /api/indicators       89ms • 98.5%
+🟢 /api/news            156ms • 97.2%
+```
+
+### 3️⃣ وضعیت سرویس‌دهنده‌ها (Providers)
+```
+🟢 CoinGecko            245ms
+🟢 Binance              178ms
+🟢 Backend API           12ms
+🔴 AI Models            Offline
+```
+
+### 4️⃣ وضعیت فیدهای بازار (Market Feeds)
+```
+🟢 BTC    $43,567
+🟢 ETH    $2,234
+🟢 BNB    $312
+🟢 SOL    $98
+🔴 ADA    Unavailable
+```
+
+---
+
+## 🎨 طراحی و رفتار:
+
+### دکمه شناور:
+- 📍 موقعیت: سمت راست صفحه، وسط عمودی
+- 🎨 طراحی: دایره‌ای با گرادیانت آبی-فیروزه‌ای
+- ✨ انیمیشن: بزرگ می‌شود موقع hover
+- 🖱️ کلیک: پنل را باز می‌کند
+
+### پنل کشویی:
+- 📍 موقعیت: از سمت راست به داخل می‌آید
+- 📏 عرض: 380px
+- 🎨 طراحی: مطابق تم Ocean Teal
+- ⚡ انیمیشن: نرم و حرفه‌ای (0.4 ثانیه)
+- 📱 ریسپانسیو: کامل موبایل‌محور
+
+---
+
+## 🔄 بروزرسانی ریل‌تایم:
+
+```javascript
+// فقط وقتی پنل باز است
+پنل باز → شروع polling (هر 3 ثانیه)
+پنل بسته → توقف polling
+
+// بدون مصرف CPU وقتی بسته است!
+```
+
+---
+
+## 🚀 نحوه استفاده:
+
+### برای کاربران:
+1. به داشبورد بروید
+2. دکمه شناور سمت راست را ببینید (دایره آبی-فیروزه‌ای)
+3. روی دکمه کلیک کنید
+4. پنل از سمت راست باز می‌شود
+5. اطلاعات ریل‌تایم را ببینید
+6. روی دکمه بستن یا جای خالی کلیک کنید
+
+### برای توسعه‌دهندگان:
+```javascript
+// دسترسی به drawer
+window.statusDrawer.open()   // باز کردن
+window.statusDrawer.close()  // بستن
+window.statusDrawer.toggle() // تغییر وضعیت
+```
+
+---
+
+## 📁 فایل‌های ایجاد شده:
+
+```
+static/shared/js/components/status-drawer.js    (350 lines)
+static/shared/css/status-drawer.css              (445 lines)
+```
+
+---
+
+## 🗑️ فایل‌های حذف شده:
+
+```
+❌ static/shared/js/components/system-status-modal.js
+❌ static/shared/css/system-status-modal.css
+```
+
+---
+
+## ✅ تست‌ها:
+
+### تست محلی:
+```bash
+cd /workspace
+python3 run_server.py
+
+# باز کردن مرورگر:
+http://localhost:7860/static/pages/dashboard/index.html
+
+# باید ببینید:
+1. دکمه شناور سمت راست (دایره آبی)
+2. کلیک → پنل از راست باز می‌شود
+3. اطلاعات ریل‌تایم نمایش داده می‌شود
+4. کلیک بستن → پنل بسته می‌شود
+```
+
+### چک‌لیست:
+- [ ] دکمه شناور دیده می‌شود؟
+- [ ] کلیک → پنل از راست باز می‌شود؟
+- [ ] تعداد منابع درست است؟
+- [ ] وضعیت اندپوینت‌ها نمایش داده می‌شود؟
+- [ ] وضعیت سرویس‌دهنده‌ها نمایش داده می‌شود؟
+- [ ] قیمت کوین‌ها به‌روز می‌شود؟
+- [ ] کلیک بستن → پنل بسته می‌شود؟
+- [ ] هیچ خطای console ندارد؟
+
+---
+
+## 🎯 تفاوت با پیاده‌سازی قبلی:
+
+| قبلی (اشتباه) | حالا (درست) |
+|---------------|--------------|
+| ❌ مودال وسط صفحه | ✅ پنل کشویی از راست |
+| ❌ دکمه در header | ✅ دکمه شناور زیبا |
+| ❌ CPU/Memory نمایش می‌داد | ✅ فقط منابع/اندپوینت‌ها/سرویس‌ها |
+| ❌ overlay تیره | ✅ فقط پنل، بدون overlay |
+| ❌ پیچیده | ✅ ساده و کاربرپسند |
+
+---
+
+## 📝 خلاصه:
+
+### ✅ چیزهایی که هست:
+- پنل کشویی از راست
+- دکمه شناور
+- منابع (تعداد کل/در دسترس/غیرفعال)
+- اندپوینت‌ها با زمان پاسخ
+- سرویس‌دهنده‌ها با وضعیت
+- قیمت کوین‌ها
+- بروزرسانی ریل‌تایم
+
+### ❌ چیزهایی که نیست:
+- CPU usage
+- Memory usage
+- Hard disk
+- هیچ اطلاعات سخت‌افزاری
+
+---
+
+## 🚀 آماده برای دیپلوی:
+
+```bash
+# تست محلی
+python3 run_server.py
+
+# بعد از تست موفق:
+git checkout main
+git merge cursor/system-status-modal-integration-bfbe
+git push origin main
+```
+
+---
+
+## ✨ نتیجه نهایی:
+
+یک **پنل کشویی حرفه‌ای و زیبا** که:
+- از سمت راست باز می‌شود
+- فقط اطلاعات مورد نیاز را نمایش می‌دهد
+- ریل‌تایم به‌روز می‌شود
+- هیچ مشکلی در عملکرد ندارد
+- کاملاً ریسپانسیو است
+
+**این دقیقاً همان چیزی است که خواسته شد! ✅**