Upload folder using huggingface_hub

.env.example

@@ -0,0 +1,12 @@
+# Hugging Face API
+HF_API_TOKEN=hf_xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+HF_MODEL_ID=mistralai/Mistral-7B-Instruct-v0.2
+
+# Supabase (اختياري - يمكن استخدام ملفات JSON محلية بدلاً منه)
+SUPABASE_URL=https://xxxxxxxxxxxxx.supabase.co
+SUPABASE_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+# Application Settings
+APP_NAME=مدرستك المحورية
+APP_DESCRIPTION=رحلة تعلم مخصصة على مدار 3 أشهر
+DEFAULT_LANGUAGE=ar

README.md

@@ -1,12 +1,249 @@
+# 🎓 مدرستك المحورية - Personalized Learning Hub
+
+<div dir="rtl">
+
+## 🌟 نظرة عامة
+
+**مدرستك المحورية** هي منصة تعليمية ذكية مبنية بتقنية Streamlit ومدعومة بنماذج Hugging Face، توفر لك تجربة تعلم مخصصة بالكامل على مدار 3 أشهر (12 أسبوعاً). المنصة تتكيف مع مستواك، وقتك المتاح، وأسلوب تعلمك المفضل.
+
+## ✨ المميزات الرئيسية
+
+### 📝 ملف تعريفي مخصص
+- إنشاء ملف تعريفي شامل (مهارات، مستوى، وقت متاح، أهداف)
+- رفع ملف JSON أو ملء نموذج تفاعلي
+- معاينة وتعديل الملف في أي وقت
+
+### 🎯 خطط تعليمية ذكية
+- اختيار من 4 محاور تعليمية:
+  - 🤖 **الذكاء الاصطناعي**: أساسيات AI والتعلم الآلي
+  - 📊 **البيانات والمنطق**: تحليل البيانات والتفكير النقدي
+  - 🎨 **التفكير التصميمي**: حل المشكلات بإبداع
+  - 💻 **تطوير الويب**: بناء مواقع حديثة
+- توليد منهج مخصص لـ 12 أسبوعاً
+- جدول زمني يتكيف مع ساعاتك المتاحة
+
+### 📚 دروس تفاعلية
+- دروس قصيرة ومكثفة (5-10 دقائق)
+- محتوى يتكيف مع أسلوب تعلمك
+- تمارين عملية وأسئلة للتفكير
+- نظام ملاحظات شخصية
+
+### 🔬 تجارب عملية
+- تجربة عملية لكل أسبوع
+- رفع المخرجات والملفات
+- توثيق التعلم والتحديات
+- بناء محفظة أعمال
+
+### 👥 مشاريع جماعية
+- إنشاء والانضمام لمشاريع
+- إدارة المهام وتعيينها
+- رفع مخرجات المشروع
+- التعاون مع متعلمين آخرين
+
+### 📊 متابعة التقدم
+- لوحة تحكم شاملة للتقدم
+- رسوم بيانية تفاعلية (Plotly)
+- نظام شارات وإنجازات
+- تصدير المحفظة بصيغة JSON
+
+## 🚀 التثبيت والتشغيل
+
+### المتطلبات
+- Python 3.8+
+- pip
+
+### خطوات التشغيل محلياً
+
+1. **استنساخ المشروع**
+```bash
+git clone <repository-url>
+cd huggingface-space-repo
+```
+
+2. **تثبيت المكتبات**
+```bash
+pip install -r requirements.txt
+```
+
+3. **إعداد متغيرات البيئة** (اختياري)
+```bash
+cp .env.example .env
+# عدّل الملف وأضف مفاتيح API إن وُجدت
+```
+
+4. **تشغيل التطبيق**
+```bash
+streamlit run app.py
+```
+
+5. **فتح المتصفح**
+```
+http://localhost:8501
+```
+
+## 📁 هيكل المشروع
+
+```
+huggingface-space-repo/
+├── app.py                 # التطبيق الرئيسي
+├── config.py              # الإعدادات العامة
+├── requirements.txt       # المكتبات المطلوبة
+├── .env.example           # مثال لمتغيرات البيئة
+│
+├── utils/                 # الوظائف المساعدة
+│   ├── api_utils.py       # تكامل HF API و Supabase
+│   ├── data_utils.py      # معالجة البيانات
+│   └── ui_utils.py        # تخصيص الواجهة
+│
+├── pages/                 # صفحات التطبيق
+│   ├── home.py            # الصفحة الرئيسية
+│   ├── profile.py         # الملف التعريفي
+│   ├── plan.py            # الخطة التعليمية
+│   ├── lesson.py          # الدروس
+│   ├── experiment.py      # التجارب العملية
+│   ├── projects.py        # المشاريع الجماعية
+│   └── progress.py        # التقدم والمحفظة
+│
+├── assets/                # الأصول البصرية
+│   └── css/
+│       └── style.css      # التنسيقات المخصصة
+│
+├── data/                  # البيانات الثابتة
+│   ├── sample_profiles.json
+│   ├── units.json
+│   └── prompts.json
+│
+└── tests/                 # الاختبارات
+    └── test_app.py
+```
+
+## 🎨 التخصيص
+
+### الألوان والثيم
+عدّل ملف `config.py` لتغيير الألوان:
+```python
+COLORS = {
+    "primary": "#667eea",
+    "secondary": "#764ba2",
+    # ...
+}
+```
+
+### إضافة محاور جديدة
+في `config.py`، أضف محور جديد:
+```python
+LEARNING_HUBS = {
+    "new_hub": {
+        "name": "المحور الجديد",
+        "description": "وصف المحور",
+        "duration_weeks": 12,
+        "estimated_hours": 120,
+        "icon": "🎓"
+    }
+}
+```
+
+## 🔗 التكامل مع Hugging Face
+
+### استخدام نموذج مخصص
+1. احصل على API Token من Hugging Face
+2. أضفه في `.env`:
+```
+HF_API_TOKEN=hf_xxxxxxxxxxxxx
+HF_MODEL_ID=mistralai/Mistral-7B-Instruct-v0.2
+```
+
+### استخدام Supabase (اختياري)
+للحفظ الدائم للبيانات:
+```
+SUPABASE_URL=https://xxxxx.supabase.co
+SUPABASE_KEY=xxxxxxxxxxxxx
+```
+
+## 🚀 النشر على Hugging Face Spaces
+
+1. **إنشاء Space جديد**
+   - اذهب إلى: https://huggingface.co/spaces
+   - انقر "Create new Space"
+   - اختر: Streamlit SDK
+
+2. **رفع الملفات**
+   ```bash
+   git clone https://huggingface.co/spaces/<username>/<space-name>
+   cd <space-name>
+   
+   # انسخ جميع الملفات
+   cp -r /path/to/huggingface-space-repo/* .
+   
+   git add .
+   git commit -m "Initial commit"
+   git push
+   ```
+
+3. **إعداد Secrets**
+   - في إعدادات Space، أضف:
+   - `HF_API_TOKEN`
+   - `SUPABASE_URL` (إن استخدمت)
+   - `SUPABASE_KEY` (إن استخدمت)
+
+4. **التشغيل**
+   - Space سيعمل تلقائياً!
+
+## 📝 الاستخدام
+
+### 1. إنشاء ملف تعريفي
+- انتقل لصفحة "الملف التعريفي"
+- املأ معلوماتك (الاسم، المستوى، الوقت المتاح...)
+- أو ارفع ملف JSON
+
+### 2. اختيار محور
+- اذهب لصفحة "الخطة التعليمية"
+- اختر المحور المناسب لك
+- انقر "توليد الخطة المخصصة"
+
+### 3. البدء بالتعلم
+- افتح "الدروس"
+- اختر أسبوعاً
+- ابدأ بقراءة الدروس
+- ضع علامة "مكتمل" عند الانتهاء
+
+### 4. التجارب العملية
+- افتح "التجارب"
+- اختر تجربة من أسبوع معين
+- قم برفع مخرجاتك
+
+### 5. المشاريع الجماعية
+- أنشئ مشروعاً أو انضم لواحد
+- أضف مهام وأعضاء
+- ارفع مخرجات المشروع
+
+## 🤝 المساهمة
+
+نرحب بالمساهمات! لإضافة ميزات جديدة:
+
+1. Fork المشروع
+2. أنشئ فرعاً جديداً (`git checkout -b feature/AmazingFeature`)
+3. Commit تغييراتك (`git commit -m 'Add some AmazingFeature'`)
+4. Push للفرع (`git push origin feature/AmazingFeature`)
+5. افتح Pull Request
+
+## 📄 الترخيص
+
+هذا المشروع مفتوح المصدر تحت ترخيص MIT.
+
+## 📧 التواصل
+
+لأي استفسارات أو مشاكل، يرجى فتح Issue على GitHub.
+
+## 🙏 شكر وتقدير
+
+- **Streamlit** - إطار العمل الرائع
+- **Hugging Face** - نماذج الذكاء الاصطناعي
+- **Plotly** - الرسوم البيانية التفاعلية
+- **المجتمع العربي** - الإلهام والدعم
+
 ---
-title: Edu App Ai
-emoji: 🌍
-colorFrom: purple
-colorTo: gray
-sdk: gradio
-sdk_version: 6.4.0
-app_file: app.py
-pinned: false
----
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+**بُني بـ ❤️ لتمكين المتعلمين العرب في كل مكان** 🎓
+
+</div>

app.py

@@ -0,0 +1,140 @@
+"""
+التطبيق الرئيسي - مدرستك المحورية
+نسخة بدون تسجيل دخول (MVP)
+"""
+
+import streamlit as st
+import sys
+from pathlib import Path
+
+# إضافة المسار الحالي
+sys.path.append(str(Path(__file__).parent))
+
+import config
+from utils.ui_utils import load_custom_css, init_session_state
+
+# استيراد الصفحات
+from pages import home, profile, plan, lesson, experiment, projects, progress
+
+
+def main():
+    """الدالة الرئيسية للتطبيق"""
+    
+    # إعدادات الصفحة
+    st.set_page_config(
+        page_title=config.APP_NAME,
+        page_icon="🎓",
+        layout="wide",
+        initial_sidebar_state="expanded"
+    )
+    
+    # تحميل CSS مخصص
+    load_custom_css()
+    
+    # تهيئة session state
+    init_session_state({
+        "page": "home",
+        "profile": None,
+        "selected_hub": None,
+        "curriculum": None,
+        "schedule": None,
+        "completed_lessons": [],
+        "completed_experiments": [],
+        "completed_units": [],
+        "projects": [],
+        "user_projects": [],
+        "experiment_submissions": {},
+        "selected_week_idx": 0
+    })
+    
+    # Sidebar للتنقل
+    with st.sidebar:
+        st.markdown(f"# {config.APP_NAME}")
+        st.markdown("---")
+        
+        # قائمة التنقل
+        st.markdown("### 📍 التنقل")
+        
+        pages = {
+            "home": {"name": "🏠 الصفحة الرئيسية", "icon": "🏠"},
+            "profile": {"name": "👤 الملف التعريفي", "icon": "👤"},
+            "plan": {"name": "📅 الخطة التعليمية", "icon": "📅"},
+            "lesson": {"name": "📚 الدروس", "icon": "📚"},
+            "experiment": {"name": "🔬 التجارب", "icon": "🔬"},
+            "projects": {"name": "👥 المشاريع", "icon": "👥"},
+            "progress": {"name": "📊 التقدم", "icon": "📊"}
+        }
+        
+        for page_key, page_data in pages.items():
+            if st.button(
+                page_data['name'],
+                key=f"nav_{page_key}",
+                use_container_width=True,
+                type="primary" if st.session_state.page == page_key else "secondary"
+            ):
+                st.session_state.page = page_key
+                st.rerun()
+        
+        st.markdown("---")
+        
+        # معلومات سريعة
+        if st.session_state.profile:
+            st.markdown("### 👤 معلومات سريعة")
+            st.markdown(f"**الاسم:** {st.session_state.profile.get('name', 'غير محدد')}")
+            st.markdown(f"**المستوى:** {st.session_state.profile.get('level', 'مبتدئ')}")
+            
+            if st.session_state.curriculum:
+                total_lessons = sum(len(unit.get("lessons", [])) for unit in st.session_state.curriculum)
+                completed = len(st.session_state.completed_lessons)
+                percentage = (completed / total_lessons * 100) if total_lessons > 0 else 0
+                
+                st.markdown(f"**التقدم:** {percentage:.1f}%")
+                st.progress(percentage / 100)
+            
+            st.markdown("---")
+        
+        # معلومات التطبيق
+        st.markdown("### ℹ️ معلومات")
+        st.markdown(f"""
+        **الإصدار:** 1.0.0 (MVP)  
+        **النوع:** بدون تسجيل دخول  
+        **الحالة:** تجريبي  
+        
+        ---
+        
+        🤗 **مدعوم بـ Hugging Face**  
+        💻 **مبني بـ Streamlit**
+        """)
+        
+        # زر إعادة تعيين (للتجربة)
+        st.markdown("---")
+        if st.button("🔄 إعادة تعيين التطبيق", use_container_width=True):
+            for key in list(st.session_state.keys()):
+                del st.session_state[key]
+            st.rerun()
+    
+    # عرض الصفحة المحددة
+    try:
+        if st.session_state.page == "home":
+            home.show()
+        elif st.session_state.page == "profile":
+            profile.show()
+        elif st.session_state.page == "plan":
+            plan.show()
+        elif st.session_state.page == "lesson":
+            lesson.show()
+        elif st.session_state.page == "experiment":
+            experiment.show()
+        elif st.session_state.page == "projects":
+            projects.show()
+        elif st.session_state.page == "progress":
+            progress.show()
+        else:
+            home.show()
+    except Exception as e:
+        st.error(f"حدث خطأ: {str(e)}")
+        st.info("يرجى المحاولة مرة أخرى أو إعادة تعيين التطبيق من الشريط الجانبي")
+
+
+if __name__ == "__main__":
+    main()

assets/css/style.css

@@ -0,0 +1,295 @@
+/* ملف CSS مخصص للتطبيق */
+
+/* استيراد خط عربي جميل */
+@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
+
+/* تطبيق الخط على كل العناصر */
+* {
+    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
+    direction: rtl;
+    text-align: right;
+}
+
+/* خلفية التطبيق */
+.main {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background-attachment: fixed;
+}
+
+/* حاوية المحتوى */
+.block-container {
+    background: rgba(255, 255, 255, 0.97);
+    border-radius: 25px;
+    padding: 2.5rem;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+    backdrop-filter: blur(10px);
+}
+
+/* العناوين */
+h1, h2, h3, h4, h5, h6 {
+    color: #667eea;
+    font-weight: 700;
+}
+
+h1 {
+    font-size: 2.5rem !important;
+}
+
+/* الأزرار */
+.stButton > button {
+    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    border: none;
+    border-radius: 12px;
+    padding: 0.75rem 2rem;
+    font-size: 1.05rem;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    width: 100%;
+    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+}
+
+.stButton > button:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
+}
+
+.stButton > button:active {
+    transform: translateY(-1px);
+}
+
+/* الأزرار الثانوية */
+.stButton > button[kind="secondary"] {
+    background: white;
+    color: #667eea;
+    border: 2px solid #667eea;
+}
+
+.stButton > button[kind="secondary"]:hover {
+    background: #f7fafc;
+}
+
+/* صناديق المعلومات */
+.success-box {
+    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
+    color: white;
+    padding: 1.25rem;
+    border-radius: 12px;
+    margin: 1.5rem 0;
+    box-shadow: 0 4px 15px rgba(72, 187, 120, 0.3);
+}
+
+.info-box {
+    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
+    color: white;
+    padding: 1.25rem;
+    border-radius: 12px;
+    margin: 1.5rem 0;
+    box-shadow: 0 4px 15px rgba(66, 153, 225, 0.3);
+}
+
+.warning-box {
+    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
+    color: white;
+    padding: 1.25rem;
+    border-radius: 12px;
+    margin: 1.5rem 0;
+    box-shadow: 0 4px 15px rgba(237, 137, 54, 0.3);
+}
+
+/* البطاقات */
+.card {
+    background: white;
+    border-radius: 15px;
+    padding: 1.75rem;
+    margin: 1.25rem 0;
+    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    border: 1px solid #e2e8f0;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
+}
+
+/* شريط التقدم */
+.progress-bar {
+    background: #e2e8f0;
+    border-radius: 12px;
+    height: 30px;
+    overflow: hidden;
+    margin: 1.5rem 0;
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.progress-fill {
+    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-weight: 700;
+    font-size: 0.95rem;
+    transition: width 0.6s ease;
+    box-shadow: 0 2px 8px rgba(72, 187, 120, 0.4);
+}
+
+/* الشارات */
+.badge {
+    display: inline-block;
+    padding: 0.4rem 0.9rem;
+    border-radius: 25px;
+    font-size: 0.85rem;
+    font-weight: 600;
+    margin: 0.25rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.badge-primary {
+    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+.badge-success {
+    background: #48bb78;
+    color: white;
+}
+
+.badge-warning {
+    background: #ed8936;
+    color: white;
+}
+
+.badge-info {
+    background: #4299e1;
+    color: white;
+}
+
+.badge-danger {
+    background: #f56565;
+    color: white;
+}
+
+/* حقول الإدخال */
+.stTextInput > div > div > input,
+.stTextArea > div > div > textarea,
+.stSelectbox > div > div > select {
+    border-radius: 10px;
+    border: 2px solid #e2e8f0;
+    padding: 0.75rem;
+    font-size: 1rem;
+    transition: all 0.3s ease;
+}
+
+.stTextInput > div > div > input:focus,
+.stTextArea > div > div > textarea:focus,
+.stSelectbox > div > div > select:focus {
+    border-color: #667eea;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+}
+
+/* Expander */
+.streamlit-expanderHeader {
+    background: #f7fafc;
+    border-radius: 10px;
+    font-weight: 600;
+    padding: 1rem;
+    border: 1px solid #e2e8f0;
+}
+
+.streamlit-expanderHeader:hover {
+    background: #edf2f7;
+}
+
+/* Tabs */
+.stTabs [data-baseweb="tab-list"] {
+    gap: 0.5rem;
+}
+
+.stTabs [data-baseweb="tab"] {
+    border-radius: 10px 10px 0 0;
+    padding: 0.75rem 1.5rem;
+    font-weight: 600;
+}
+
+.stTabs [aria-selected="true"] {
+    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+/* Metrics */
+.stMetric {
+    background: white;
+    padding: 1rem;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+}
+
+/* Sidebar */
+.css-1d391kg, [data-testid="stSidebar"] {
+    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+.css-1d391kg .stButton > button, [data-testid="stSidebar"] .stButton > button {
+    background: rgba(255, 255, 255, 0.2);
+    color: white;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.css-1d391kg .stButton > button:hover, [data-testid="stSidebar"] .stButton > button:hover {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+/* تنسيقات إضافية */
+hr {
+    border: none;
+    border-top: 2px solid #e2e8f0;
+    margin: 2rem 0;
+}
+
+/* تحسين المسافات */
+.element-container {
+    margin-bottom: 1rem;
+}
+
+/* رسائل Streamlit */
+.stAlert {
+    border-radius: 10px;
+    border: none;
+    padding: 1rem;
+}
+
+/* File Uploader */
+.stFileUploader {
+    border: 2px dashed #cbd5e0;
+    border-radius: 10px;
+    padding: 2rem;
+    transition: all 0.3s ease;
+}
+
+.stFileUploader:hover {
+    border-color: #667eea;
+    background: #f7fafc;
+}
+
+/* تحسينات للجوال */
+@media (max-width: 768px) {
+    .block-container {
+        padding: 1.5rem;
+        margin-top: 1rem;
+    }
+    
+    h1 {
+        font-size: 2rem !important;
+    }
+    
+    .stButton > button {
+        padding: 0.6rem 1rem;
+        font-size: 0.95rem;
+    }
+}

config.py

@@ -0,0 +1,85 @@
+"""
+ملف الإعدادات العامة للتطبيق
+"""
+import os
+from dotenv import load_dotenv
+
+# تحميل متغيرات البيئة
+load_dotenv()
+
+# إعدادات Hugging Face
+HF_API_TOKEN = os.getenv("HF_API_TOKEN", "")
+HF_MODEL_ID = os.getenv("HF_MODEL_ID", "mistralai/Mistral-7B-Instruct-v0.2")
+HF_API_URL = f"https://api-inference.huggingface.co/models/{HF_MODEL_ID}"
+
+# إعدادات Supabase (اختياري)
+SUPABASE_URL = os.getenv("SUPABASE_URL", "")
+SUPABASE_KEY = os.getenv("SUPABASE_KEY", "")
+USE_SUPABASE = bool(SUPABASE_URL and SUPABASE_KEY)
+
+# إعدادات التطبيق
+APP_NAME = "🎓 مدرستك المحورية"
+APP_DESCRIPTION = "رحلة تعلم مخصصة على مدار 3 أشهر"
+DEFAULT_LANGUAGE = "ar"
+
+# إعدادات الخطط
+PLAN_DURATION_WEEKS = 12
+DEFAULT_HOURS_PER_WEEK = 10
+
+# ألوان التطبيق (Theme)
+COLORS = {
+    "primary": "#667eea",
+    "secondary": "#764ba2",
+    "success": "#48bb78",
+    "warning": "#ed8936",
+    "danger": "#f56565",
+    "info": "#4299e1",
+    "light": "#f7fafc",
+    "dark": "#2d3748",
+}
+
+# أيقونات
+ICONS = {
+    "home": "🏠",
+    "profile": "👤",
+    "plan": "📅",
+    "lesson": "📚",
+    "experiment": "🔬",
+    "projects": "👥",
+    "progress": "📊",
+    "completed": "✅",
+    "pending": "⏳",
+    "locked": "🔒",
+}
+
+# محاور التعلم (Hubs) المتاحة
+LEARNING_HUBS = {
+    "ai_intro": {
+        "name": "مقدمة في الذكاء الاصطناعي",
+        "description": "تعلم أساسيات الذكاء الاصطناعي والتعلم الآلي",
+        "duration_weeks": 12,
+        "estimated_hours": 120,
+        "icon": "🤖"
+    },
+    "data_logic": {
+        "name": "البيانات والمنطق",
+        "description": "تحليل البيانات والتفكير المنطقي",
+        "duration_weeks": 12,
+        "estimated_hours": 100,
+        "icon": "📊"
+    },
+    "design_thinking": {
+        "name": "التفكير التصميمي",
+        "description": "حل المشكلات بطريقة إبداعية",
+        "duration_weeks": 12,
+        "estimated_hours": 90,
+        "icon": "🎨"
+    },
+    "web_development": {
+        "name": "تطوير الويب",
+        "description": "بناء مواقع وتطبيقات ويب حديثة",
+        "duration_weeks": 12,
+        "estimated_hours": 150,
+        "icon": "💻"
+    },
+}

data/prompts.json

@@ -0,0 +1,31 @@
+{
+  "curriculum_generation": {
+    "system": "أنت مصمم مناهج تعليمية خبير. مهمتك توليد خطة تعلم لمدة {weeks} أسبوعاً لمستخدم بناءً على ملفه التعريفي.",
+    "user_template": "معلومات المستخدم:\n- الاسم: {name}\n- المستوى: {level}\n- الوقت المتاح أسبوعياً: {available_hours} ساعات\n- أسلوب التعلم المفضل: {learning_style}\n- المحور المطلوب: {hub_name}\n\nولّد خطة تعلم بصيغة JSON تحتوي على {weeks} وحدة أسبوعية. كل وحدة يجب أن تحتوي على:\n- week: رقم الأسبوع\n- unit_title: عنوان الوحدة\n- estimated_time_mins: الوقت المقدر بالدقائق\n- lessons: قائمة بالدروس (كل درس له: title, duration_mins, type, description)\n- experiment: تجربة عملية (title, description, deliverable)\n\nردّ فقط بصيغة JSON بدون أي نص إضافي."
+  },
+  
+  "lesson_generation": {
+    "system": "أنت مدرس متخصص يكتب دروساً تعليمية قصيرة (5-10 دقائق قراءة) لفهم مفهوم واحد عميق.",
+    "user_template": "موضوع الدرس: {lesson_title}\n\nالدرس يجب أن يتضمن:\n1. الفكرة المركزية (ملخص في سطرين)\n2. شرح مبسط مع أمثلة واقعية\n3. نقاط رئيسية (3-5 نقاط)\n4. سؤال للتفكير\n5. مقترحات للمتابعة\n\nاكتب بأسلوب واضح ومشجع ومناسب لمستوى: {level}"
+  },
+  
+  "lesson_adaptation": {
+    "system": "أنت مدرس يتكيف مع أسلوب المتعلم.",
+    "user_template": "المستخدم يفضل الأسلوب: {preferred_style}\n\nأعد كتابة الدرس التالي بطريقة تناسب هذا الأسلوب:\n\n{lesson_content}\n\nتأكد من:\n- إذا كان بصرياً: استخدم أوصافاً مرئية وأمثلة مصورة\n- إذا كان نصياً: ركز على التفاصيل المكتوبة والشروحات الدقيقة\n- إذا كان عملياً: أكثر من الأمثلة التطبيقية والتمارين\n- إذا كان مختلطاً: امزج بين كل الأساليب"
+  },
+  
+  "exercise_generation": {
+    "system": "أنت مصمم تمارين تعليمية مبتكرة.",
+    "user_template": "اصنع تمريناً يختبر الفهم الحقيقي للمفهوم التالي: {concept}\n\nالتمرين يجب أن:\n- لا يعتمد فقط على الحفظ\n- يتطلب تطبيق عملي أو تفكير نقدي\n- يكون مناسباً لمستوى: {level}\n- يستغرق حوالي {duration} دقيقة\n\nأرفق معيار تصحيح مختصر."
+  },
+  
+  "project_suggestion": {
+    "system": "أنت مستشار مشاريع تعليمية.",
+    "user_template": "اقترح {count} أفكار مشاريع جماعية مناسبة للمحور: {hub_name}\n\nكل مشروع يجب أن يتضمن:\n- العنوان\n- الوصف (2-3 جمل)\n- المهارات المطلوبة\n- المدة المقترحة (بالأسابيع)\n- المخرجات المتوقعة\n- عدد الأعضاء المناسب\n\nالمشاريع يجب أن تكون:\n- عملية وقابلة للتنفيذ\n- مناسبة لمستوى: {level}\n- تعزز التعلم التعاوني"
+  },
+  
+  "feedback_generation": {
+    "system": "أنت معلم يقدم تغذية راجعة بناءة ومشجعة.",
+    "user_template": "الطالب أكمل التمرين/المشروع التالي:\n\n{submission}\n\nقدم تغذية راجعة تتضمن:\n1. نقاط القوة (2-3 نقاط)\n2. مجالات التحسين (2-3 نقاط)\n3. اقتراحات محددة للتطوير\n4. كلمة تشجيعية\n\nكن إيجابياً وداعماً مع الحفاظ على الموضوعية."
+  }
+}

data/sample_profiles.json

@@ -0,0 +1,46 @@
+{
+  "sample_profiles": [
+    {
+      "name": "أحمد محمد",
+      "age": "25",
+      "level": "متوسط",
+      "skills": ["Python", "تحليل البيانات", "Excel"],
+      "available_hours": 15,
+      "learning_style": "مختلط (نظري وعملي)",
+      "goals": "أريد تعلم الذكاء الاصطناعي والتعلم الآلي لبناء تطبيقات ذكية وتحسين مهاراتي في مجال البيانات",
+      "preferences": {
+        "language": "ar",
+        "notifications": true,
+        "theme": "light"
+      }
+    },
+    {
+      "name": "سارة علي",
+      "age": "22",
+      "level": "مبتدئ",
+      "skills": ["تصميم جرافيك", "Photoshop"],
+      "available_hours": 10,
+      "learning_style": "بصري (فيديوهات، صور)",
+      "goals": "أرغب في تعلم التفكير التصميمي وتطوير مهاراتي الإبداعية لحل المشكلات بطرق مبتكرة",
+      "preferences": {
+        "language": "ar",
+        "notifications": true,
+        "theme": "light"
+      }
+    },
+    {
+      "name": "محمد حسن",
+      "age": "30",
+      "level": "متقدم",
+      "skills": ["JavaScript", "React", "Node.js", "HTML", "CSS"],
+      "available_hours": 20,
+      "learning_style": "عملي (تطبيقات، مشاريع)",
+      "goals": "أسعى لتطوير مهاراتي في تطوير الويب الحديث وبناء تطبيقات متقدمة",
+      "preferences": {
+        "language": "ar",
+        "notifications": true,
+        "theme": "dark"
+      }
+    }
+  ]
+}

data/units.json

@@ -0,0 +1,187 @@
+{
+  "ai_intro": {
+    "hub_id": "ai_intro",
+    "name": "مقدمة في الذكاء الاصطناعي",
+    "description": "تعلم أساسيات الذكاء الاصطناعي والتعلم الآلي",
+    "icon": "🤖",
+    "sample_units": [
+      {
+        "week": 1,
+        "unit_title": "ما هو الذكاء الاصطناعي؟",
+        "estimated_time_mins": 480,
+        "lessons": [
+          {
+            "title": "تعريف الذكاء الاصطناعي",
+            "duration_mins": 60,
+            "type": "concept",
+            "description": "فهم المفاهيم الأساسية للذكاء الاصطناعي وتطبيقاته"
+          },
+          {
+            "title": "تاريخ الذكاء الاصطناعي",
+            "duration_mins": 90,
+            "type": "theory",
+            "description": "رحلة عبر تطور AI من الخمسينات حتى اليوم"
+          },
+          {
+            "title": "أنواع الذكاء الاصطناعي",
+            "duration_mins": 120,
+            "type": "concept",
+            "description": "التعرف على AI الضيق، العام، والفائق"
+          }
+        ],
+        "experiment": {
+          "title": "استكشاف تطبيقات AI في حياتك",
+          "description": "قم بتوثيق 10 تطبيقات ذكاء اصطناعي تستخدمها يومياً وكيف تعمل",
+          "deliverable": "تقرير مكتوب أو عرض تقديمي"
+        }
+      },
+      {
+        "week": 2,
+        "unit_title": "أساسيات التعلم الآلي",
+        "estimated_time_mins": 540,
+        "lessons": [
+          {
+            "title": "مقدمة في Machine Learning",
+            "duration_mins": 90,
+            "type": "concept",
+            "description": "فهم الفرق بين البرمجة التقليدية والتعلم الآلي"
+          },
+          {
+            "title": "أنواع التعلم الآلي",
+            "duration_mins": 120,
+            "type": "theory",
+            "description": "التعلم الموجه، غير الموجه، والتعزيزي"
+          },
+          {
+            "title": "أول نموذج تعلم آلي",
+            "duration_mins": 180,
+            "type": "practical",
+            "description": "بناء نموذج بسيط للتنبؤ باستخدام Python"
+          }
+        ],
+        "experiment": {
+          "title": "بناء نموذج تصنيف بسيط",
+          "description": "استخدم مكتبة scikit-learn لبناء نموذج يصنف البيانات",
+          "deliverable": "كود Python + شرح للنتائج"
+        }
+      }
+    ]
+  },
+  
+  "data_logic": {
+    "hub_id": "data_logic",
+    "name": "البيانات والمنطق",
+    "description": "تحليل البيانات والتفكير المنطقي",
+    "icon": "📊",
+    "sample_units": [
+      {
+        "week": 1,
+        "unit_title": "مقدمة في تحليل البيانات",
+        "estimated_time_mins": 450,
+        "lessons": [
+          {
+            "title": "ما هي البيانات؟",
+            "duration_mins": 60,
+            "type": "concept",
+            "description": "فهم أنواع البيانات ومصادرها"
+          },
+          {
+            "title": "أدوات تحليل البيانات",
+            "duration_mins": 120,
+            "type": "practical",
+            "description": "التعرف على Excel, Python, وأدوات أخرى"
+          },
+          {
+            "title": "التفكير النقدي والبيانات",
+            "duration_mins": 90,
+            "type": "theory",
+            "description": "كيف نقرأ البيانات بشكل نقدي"
+          }
+        ],
+        "experiment": {
+          "title": "تحليل مجموعة بيانات حقيقية",
+          "description": "اختر مجموعة بيانات من Kaggle وقم بتحليلها",
+          "deliverable": "تقرير تحليلي + رسوم بيانية"
+        }
+      }
+    ]
+  },
+  
+  "design_thinking": {
+    "hub_id": "design_thinking",
+    "name": "التفكير التصميمي",
+    "description": "حل المشكلات بطريقة إبداعية",
+    "icon": "🎨",
+    "sample_units": [
+      {
+        "week": 1,
+        "unit_title": "مبادئ التفكير التصميمي",
+        "estimated_time_mins": 420,
+        "lessons": [
+          {
+            "title": "ما هو التفكير التصميمي؟",
+            "duration_mins": 60,
+            "type": "concept",
+            "description": "فهم العملية الإبداعية لحل المشكلات"
+          },
+          {
+            "title": "المراحل الخمس",
+            "duration_mins": 120,
+            "type": "theory",
+            "description": "التعاطف، التعريف، التخيل، النمذجة، الاختبار"
+          },
+          {
+            "title": "التعاطف مع المستخدم",
+            "duration_mins": 90,
+            "type": "practical",
+            "description": "تقنيات لفهم احتياجات المستخدمين"
+          }
+        ],
+        "experiment": {
+          "title": "مشروع تصميم حل لمشكلة محلية",
+          "description": "حدد مشكلة في محيطك وطبق عملية التفكير التصميمي",
+          "deliverable": "عرض تقديمي للحل المقترح"
+        }
+      }
+    ]
+  },
+  
+  "web_development": {
+    "hub_id": "web_development",
+    "name": "تطوير الويب",
+    "description": "بناء مواقع وتطبيقات ويب حديثة",
+    "icon": "💻",
+    "sample_units": [
+      {
+        "week": 1,
+        "unit_title": "أساسيات HTML و CSS",
+        "estimated_time_mins": 600,
+        "lessons": [
+          {
+            "title": "مقدمة في HTML",
+            "duration_mins": 120,
+            "type": "concept",
+            "description": "بنية صفحة الويب والعناصر الأساسية"
+          },
+          {
+            "title": "تنسيق الصفحات بـ CSS",
+            "duration_mins": 180,
+            "type": "practical",
+            "description": "الألوان، الخطوط، والتخطيط"
+          },
+          {
+            "title": "التصميم المتجاوب",
+            "duration_mins": 120,
+            "type": "practical",
+            "description": "بناء صفحات تعمل على جميع الأجهزة"
+          }
+        ],
+        "experiment": {
+          "title": "بناء صفحة ويب شخصية",
+          "description": "صمم وطور صفحة ويب تعريفية عنك",
+          "deliverable": "موقع ويب منشور على GitHub Pages"
+        }
+      }
+    ]
+  }
+}

pages/__init__.py

@@ -0,0 +1 @@
+# ملف لجعل pages مجلداً قابلاً للاستيراد

pages/experiment.py

@@ -0,0 +1,223 @@
+"""
+صفحة التجارب العملية - رفع المخرجات وتوثيق التجارب
+"""
+import streamlit as st
+import sys
+sys.path.append('..')
+from utils.ui_utils import load_custom_css, show_success_message, show_warning_message
+from datetime import datetime
+
+
+def show():
+    """عرض صفحة التجارب العملية"""
+    
+    load_custom_css()
+    
+    st.markdown("## 🔬 التجارب العملية")
+    st.markdown("---")
+    
+    # تهيئة completed_experiments
+    if "completed_experiments" not in st.session_state:
+        st.session_state.completed_experiments = []
+    
+    if "experiment_submissions" not in st.session_state:
+        st.session_state.experiment_submissions = {}
+    
+    # إذا كان هناك تجربة محددة
+    if "current_experiment" in st.session_state and st.session_state.current_experiment:
+        experiment = st.session_state.current_experiment
+        week = st.session_state.get("current_week", 0)
+        
+        st.markdown(f"""
+        <div class='card' style='background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;'>
+            <h2 style='color: white; margin-top: 0;'>🔬 {experiment['title']}</h2>
+            <p><strong>الأسبوع:</strong> {week}</p>
+            <p style='font-size: 1.1rem;'>{experiment['description']}</p>
+            <p><strong>📦 المخرج المطلوب:</strong> {experiment['deliverable']}</p>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        st.markdown("---")
+        
+        experiment_id = f"week_{week}_{experiment['title']}"
+        is_completed = experiment_id in st.session_state.completed_experiments
+        
+        if is_completed:
+            show_success_message("✅ لقد أكملت هذه التجربة!")
+            
+            # عرض التسليم السابق
+            if experiment_id in st.session_state.experiment_submissions:
+                submission = st.session_state.experiment_submissions[experiment_id]
+                
+                st.markdown("### 📄 تسليمك السابق:")
+                st.markdown(f"""
+                <div class='card'>
+                    <p><strong>تاريخ التسليم:</strong> {submission.get('date', 'غير محدد')}</p>
+                    <p><strong>الملاحظات:</strong></p>
+                    <p>{submission.get('notes', 'لا توجد ملاحظات')}</p>
+                </div>
+                """, unsafe_allow_html=True)
+                
+                if submission.get('files'):
+                    st.markdown("**📎 الملفات المرفقة:**")
+                    for file_name in submission['files']:
+                        st.markdown(f"- 📄 {file_name}")
+        
+        else:
+            # نموذج التسليم
+            st.markdown("### 📤 تسليم التجربة")
+            
+            st.markdown("""
+            <div class='info-box'>
+                <strong>💡 نصائح للتسليم الناجح:</strong>
+                <ul style='margin: 0.5rem 0 0 0;'>
+                    <li>وثّق خطوات عملك بوضوح</li>
+                    <li>اشرح التحديات التي واجهتك وكيف حللتها</li>
+                    <li>ضع تأملاتك وما تعلمته</li>
+                    <li>أرفق ملفات أو روابط ذات صلة</li>
+                </ul>
+            </div>
+            """, unsafe_allow_html=True)
+            
+            st.markdown("<br>", unsafe_allow_html=True)
+            
+            # حقول التسليم
+            notes = st.text_area(
+                "📝 وصف عملك والملاحظات:",
+                placeholder="اشرح ما قمت به، الخطوات، التحديات، وما تعلمته...",
+                height=200
+            )
+            
+            st.markdown("---")
+            
+            # رفع ملفات
+            st.markdown("### 📎 رفع الملفات (اختياري)")
+            uploaded_files = st.file_uploader(
+                "ارفع ملفات المشروع (صور، مستندات، كود...)",
+                accept_multiple_files=True,
+                help="يمكنك رفع عدة ملفات"
+            )
+            
+            # أو إضافة روابط
+            st.markdown("### 🔗 أو أضف روابط")
+            links = st.text_area(
+                "روابط (GitHub, Google Drive, إلخ)",
+                placeholder="https://github.com/username/project\nhttps://drive.google.com/...",
+                height=100
+            )
+            
+            st.markdown("<br>", unsafe_allow_html=True)
+            
+            # زر التسليم
+            col1, col2 = st.columns([2, 1])
+            with col1:
+                if st.button("✅ تسليم التجربة", use_container_width=True, type="primary"):
+                    if notes.strip():
+                        # حفظ التسليم
+                        submission = {
+                            "date": datetime.now().strftime("%Y-%m-%d %H:%M"),
+                            "notes": notes,
+                            "files": [f.name for f in uploaded_files] if uploaded_files else [],
+                            "links": links.strip().split("\n") if links.strip() else []
+                        }
+                        
+                        st.session_state.experiment_submissions[experiment_id] = submission
+                        st.session_state.completed_experiments.append(experiment_id)
+                        
+                        show_success_message("🎉 تم تسليم التجربة بنجاح!")
+                        st.balloons()
+                        st.rerun()
+                    else:
+                        show_warning_message("⚠️ يجب كتابة وصف للعمل على الأقل")
+            
+            with col2:
+                if st.button("💾 حفظ مسودة"):
+                    st.info("تم حفظ عملك كمسودة")
+        
+        # زر العودة
+        st.markdown("<br><br>", unsafe_allow_html=True)
+        if st.button("⬅️ العودة للدروس"):
+            st.session_state.page = "lesson"
+            st.rerun()
+    
+    else:
+        # عرض جميع التجارب
+        st.markdown("### 🔬 جميع التجارب العملية")
+        
+        if "curriculum" not in st.session_state or not st.session_state.curriculum:
+            st.warning("⚠️ لم يتم إنشاء خطة تعليمية بعد!")
+            if st.button("📅 إنشاء خطة"):
+                st.session_state.page = "plan"
+                st.rerun()
+            return
+        
+        curriculum = st.session_state.curriculum
+        experiments = [(unit['week'], unit.get('experiment')) for unit in curriculum if unit.get('experiment')]
+        
+        # حساب التقدم
+        total_experiments = len(experiments)
+        completed_count = len(st.session_state.completed_experiments)
+        progress_percentage = (completed_count / total_experiments * 100) if total_experiments > 0 else 0
+        
+        col1, col2, col3 = st.columns(3)
+        with col1:
+            st.metric("إجمالي التجارب", total_experiments)
+        with col2:
+            st.metric("مكتملة", completed_count)
+        with col3:
+            st.metric("النسبة", f"{progress_percentage:.1f}%")
+        
+        st.markdown("---")
+        
+        # عرض التجارب
+        for week, experiment in experiments:
+            experiment_id = f"week_{week}_{experiment['title']}"
+            is_completed = experiment_id in st.session_state.completed_experiments
+            
+            status_icon = "✅" if is_completed else "⏳"
+            status_color = "#48bb78" if is_completed else "#ed8936"
+            
+            with st.expander(f"{status_icon} الأسبوع {week}: {experiment['title']}"):
+                st.markdown(f"""
+                <div class='card' style='border-right: 4px solid {status_color};'>
+                    <p><strong>الوصف:</strong> {experiment['description']}</p>
+                    <p><strong>📦 المخرج:</strong> {experiment['deliverable']}</p>
+                </div>
+                """, unsafe_allow_html=True)
+                
+                if is_completed:
+                    st.success("مكتمل ✅")
+                    
+                    # عرض التسليم
+                    if experiment_id in st.session_state.experiment_submissions:
+                        submission = st.session_state.experiment_submissions[experiment_id]
+                        with st.expander("📄 عرض التسليم"):
+                            st.markdown(f"**تاريخ التسليم:** {submission.get('date', 'غير محدد')}")
+                            st.markdown("**الملاحظات:**")
+                            st.markdown(submission.get('notes', 'لا توجد'))
+                            
+                            if submission.get('files'):
+                                st.markdown("**الملفات:**")
+                                for file_name in submission['files']:
+                                    st.markdown(f"- {file_name}")
+                            
+                            if submission.get('links'):
+                                st.markdown("**الروابط:**")
+                                for link in submission['links']:
+                                    if link.strip():
+                                        st.markdown(f"- [{link}]({link})")
+                else:
+                    if st.button(f"🚀 ابدأ التجربة", key=f"start_exp_{week}", use_container_width=True):
+                        st.session_state.current_experiment = experiment
+                        st.session_state.current_week = week
+                        st.rerun()
+        
+        # زر العودة
+        st.markdown("<br><br>", unsafe_allow_html=True)
+        if st.button("⬅️ العودة للدروس"):
+            st.session_state.page = "lesson"
+            st.rerun()
+
+
+if __name__ == "__main__":
+    show()

pages/home.py

@@ -0,0 +1,160 @@
+"""
+الصفحة الرئيسية - شرح التطبيق وزر البدء
+"""
+import streamlit as st
+import sys
+sys.path.append('..')
+import config
+from utils.ui_utils import show_hero_section, show_feature_cards, load_custom_css
+
+
+def show():
+    """عرض صفحة البداية"""
+    
+    # تحميل CSS مخصص
+    load_custom_css()
+    
+    # قسم Hero
+    show_hero_section(
+        config.APP_NAME,
+        config.APP_DESCRIPTION
+    )
+    
+    # وصف مختصر
+    st.markdown("""
+    <div style='text-align: center; max-width: 800px; margin: 2rem auto;'>
+        <p style='font-size: 1.1rem; color: #4a5568; line-height: 1.8;'>
+            مرحباً بك في منصة تعليمية ذكية تُصمم لك خطة تعلم مخصصة بناءً على مهاراتك، 
+            وقتك المتاح، وأهدافك. ستحصل على منهج شامل لمدة 12 أسبوعاً مع دروس تفاعلية، 
+            تجارب عملية، ومشاريع جماعية لتعزيز تعلمك.
+        </p>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    st.markdown("<br>", unsafe_allow_html=True)
+    
+    # بطاقات الميزات
+    features = [
+        {
+            "icon": "🎯",
+            "title": "خطة مخصصة",
+            "description": "منهج يتكيف مع مستواك ووقتك المتاح"
+        },
+        {
+            "icon": "📚",
+            "title": "دروس تفاعلية",
+            "description": "محتوى تعليمي غني بالأمثلة والتطبيقات"
+        },
+        {
+            "icon": "🔬",
+            "title": "تجارب عملية",
+            "description": "مشاريع تطبيقية لتعزيز الفهم"
+        },
+        {
+            "icon": "📊",
+            "title": "متابعة التقدم",
+            "description": "تتبع إنجازاتك ومحفظة أعمالك"
+        }
+    ]
+    
+    show_feature_cards(features)
+    
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    
+    # كيف يعمل؟
+    st.markdown("""
+    <div style='max-width: 900px; margin: 3rem auto;'>
+        <h2 style='text-align: center; color: #667eea; margin-bottom: 2rem;'>
+            🚀 كيف تبدأ رحلتك؟
+        </h2>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    # خطوات البدء
+    steps = [
+        {
+            "number": "1",
+            "title": "أنشئ ملفك التعريفي",
+            "description": "أخبرنا عن مهاراتك، مستواك، ووقتك المتاح",
+            "icon": "👤"
+        },
+        {
+            "number": "2",
+            "title": "اختر محورك التعليمي",
+            "description": "حدد المجال الذي تريد التعلم فيه (AI، البيانات، التصميم...)",
+            "icon": "🎓"
+        },
+        {
+            "number": "3",
+            "title": "احصل على خطتك المخصصة",
+            "description": "سنولّد لك منهجاً كاملاً لـ 12 أسبوعاً",
+            "icon": "📅"
+        },
+        {
+            "number": "4",
+            "title": "ابدأ التعلم والممارسة",
+            "description": "دروس يومية، تجارب عملية، ومشاريع مثيرة",
+            "icon": "🚀"
+        }
+    ]
+    
+    for step in steps:
+        st.markdown(f"""
+        <div class='card' style='display: flex; align-items: center; gap: 1.5rem; margin: 1rem auto; max-width: 800px;'>
+            <div style='background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
+                        color: white; width: 60px; height: 60px; border-radius: 50%; 
+                        display: flex; align-items: center; justify-content: center; 
+                        font-size: 1.5rem; font-weight: bold; flex-shrink: 0;'>
+                {step['number']}
+            </div>
+            <div style='flex: 1;'>
+                <h3 style='margin: 0 0 0.5rem 0; color: #2d3748;'>
+                    {step['icon']} {step['title']}
+                </h3>
+                <p style='margin: 0; color: #718096;'>{step['description']}</p>
+            </div>
+        </div>
+        """, unsafe_allow_html=True)
+    
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    
+    # زر البدء
+    col1, col2, col3 = st.columns([1, 2, 1])
+    with col2:
+        if st.button("🎯 ابدأ رحلتك التعليمية الآن", use_container_width=True, type="primary"):
+            st.session_state.page = "profile"
+            st.rerun()
+    
+    st.markdown("<br>", unsafe_allow_html=True)
+    
+    # معلومات إضافية
+    with st.expander("❓ أسئلة شائعة"):
+        st.markdown("""
+        ### هل التطبيق مجاني؟
+        نعم! هذه نسخة تجريبية مجانية بالكامل.
+        
+        ### كم من الوقت أحتاج أسبوعياً؟
+        يمكنك تحديد الوقت المتاح لديك (من ساعة إلى 40 ساعة أسبوعياً) وسيتكيف المنهج معك.
+        
+        ### هل أحتاج خبرة سابقة؟
+        لا! نوفر محاور للمبتدئين وللمتقدمين على حد سواء.
+        
+        ### هل يمكنني تغيير الخطة لاحقاً؟
+        بالتأكيد! يمكنك تعديل خطتك في أي وقت.
+        
+        ### هل هناك شهادات؟
+        حالياً لا نقدم شهادات رسمية، لكننا نوفر محفظة أعمال توثّق إنجازاتك.
+        """)
+    
+    # Footer
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    st.markdown("""
+    <div style='text-align: center; color: #a0aec0; padding: 2rem; border-top: 1px solid #e2e8f0; margin-top: 3rem;'>
+        <p>🎓 مدرستك المحورية | مدعوم بـ Hugging Face 🤗</p>
+        <p style='font-size: 0.9rem;'>بُني بـ ❤️ لتمكين المتعلمين في كل مكان</p>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+if __name__ == "__main__":
+    show()

pages/lesson.py

@@ -0,0 +1,233 @@
+"""
+صفحة الدرس اليومي - عرض الدروس والشرح
+"""
+import streamlit as st
+import sys
+sys.path.append('..')
+from utils.ui_utils import load_custom_css, show_success_message, show_lesson_card, show_progress_bar
+from utils.api_utils import generate_lesson_content
+
+
+def show():
+    """عرض صفحة الدروس"""
+    
+    load_custom_css()
+    
+    st.markdown("## 📚 الدروس التعليمية")
+    st.markdown("---")
+    
+    # التحقق من وجود منهج
+    if "curriculum" not in st.session_state or not st.session_state.curriculum:
+        st.warning("⚠️ لم يتم إنشاء خطة تعليمية بعد!")
+        if st.button("📅 إنشاء خطة"):
+            st.session_state.page = "plan"
+            st.rerun()
+        return
+    
+    curriculum = st.session_state.curriculum
+    
+    # تهيئة الدروس المكتملة
+    if "completed_lessons" not in st.session_state:
+        st.session_state.completed_lessons = []
+    
+    # حساب التقدم
+    total_lessons = sum(len(unit.get("lessons", [])) for unit in curriculum)
+    completed_count = len(st.session_state.completed_lessons)
+    progress_percentage = (completed_count / total_lessons * 100) if total_lessons > 0 else 0
+    
+    # عرض التقدم
+    st.markdown("### 📊 تقدمك في الدروس")
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        st.metric("الدروس المكتملة", f"{completed_count}/{total_lessons}")
+    with col2:
+        st.metric("نسبة الإنجاز", f"{progress_percentage:.1f}%")
+    with col3:
+        remaining = total_lessons - completed_count
+        st.metric("الدروس المتبقية", remaining)
+    
+    show_progress_bar(progress_percentage, "")
+    
+    st.markdown("---")
+    
+    # اختيار الأسبوع
+    st.markdown("### 📅 اختر الأسبوع")
+    
+    week_options = [f"الأسبوع {unit['week']}: {unit['unit_title']}" for unit in curriculum]
+    
+    if "selected_week_idx" not in st.session_state:
+        st.session_state.selected_week_idx = 0
+    
+    selected_week_display = st.selectbox(
+        "اختر أسبوعاً:",
+        week_options,
+        index=st.session_state.selected_week_idx
+    )
+    
+    selected_week_idx = week_options.index(selected_week_display)
+    st.session_state.selected_week_idx = selected_week_idx
+    
+    current_unit = curriculum[selected_week_idx]
+    
+    st.markdown("---")
+    
+    # عرض معلومات الوحدة
+    st.markdown(f"### 📖 {current_unit['unit_title']}")
+    
+    col1, col2 = st.columns(2)
+    with col1:
+        st.markdown(f"""
+        <div class='card'>
+            <h4>⏱️ معلومات الوحدة</h4>
+            <p><strong>الأسبوع:</strong> {current_unit['week']}</p>
+            <p><strong>الوقت المقدر:</strong> {current_unit['estimated_time_mins']} دقيقة (~{round(current_unit['estimated_time_mins']/60, 1)} ساعة)</p>
+            <p><strong>عدد الدروس:</strong> {len(current_unit.get('lessons', []))}</p>
+        </div>
+        """, unsafe_allow_html=True)
+    
+    with col2:
+        unit_lessons = current_unit.get("lessons", [])
+        unit_completed = sum(1 for lesson in unit_lessons if f"{current_unit['week']}_{lesson['title']}" in st.session_state.completed_lessons)
+        unit_progress = (unit_completed / len(unit_lessons) * 100) if len(unit_lessons) > 0 else 0
+        
+        st.markdown(f"""
+        <div class='card'>
+            <h4>📊 تقدم هذه الوحدة</h4>
+            <p><strong>مكتمل:</strong> {unit_completed}/{len(unit_lessons)} دروس</p>
+        </div>
+        """, unsafe_allow_html=True)
+        show_progress_bar(unit_progress, "")
+    
+    st.markdown("---")
+    
+    # عرض الدروس
+    st.markdown("### 📚 دروس هذا الأسبوع")
+    
+    lessons = current_unit.get("lessons", [])
+    
+    if not lessons:
+        st.info("لا توجد دروس في هذه الوحدة")
+    else:
+        for idx, lesson in enumerate(lessons):
+            lesson_id = f"{current_unit['week']}_{lesson['title']}"
+            is_completed = lesson_id in st.session_state.completed_lessons
+            
+            with st.expander(f"{'✅' if is_completed else '📖'} درس {idx+1}: {lesson['title']}", expanded=(idx==0 and not is_completed)):
+                
+                # معلومات الدرس
+                col1, col2 = st.columns([3, 1])
+                with col1:
+                    st.markdown(f"**الوصف:** {lesson.get('description', 'لا يوجد وصف')}")
+                with col2:
+                    st.markdown(f"**⏱️ المدة:** {lesson.get('duration_mins', 0)} دقيقة")
+                    st.markdown(f"**📌 النوع:** {lesson.get('type', 'درس')}")
+                
+                st.markdown("---")
+                
+                # محتوى الدرس
+                if f"lesson_content_{lesson_id}" not in st.session_state:
+                    if st.button(f"📖 عرض محتوى الدرس", key=f"load_{lesson_id}"):
+                        with st.spinner("🔄 جاري تحميل المحتوى..."):
+                            content = generate_lesson_content(
+                                lesson['title'],
+                                st.session_state.get("profile", {})
+                            )
+                            st.session_state[f"lesson_content_{lesson_id}"] = content
+                            st.rerun()
+                else:
+                    # عرض المحتوى
+                    content = st.session_state[f"lesson_content_{lesson_id}"]
+                    
+                    st.markdown(f"""
+                    <div class='card' style='background: #f7fafc;'>
+                        {content}
+                    </div>
+                    """, unsafe_allow_html=True)
+                    
+                    st.markdown("---")
+                    
+                    # أزرار التفاعل
+                    col1, col2, col3 = st.columns(3)
+                    
+                    with col1:
+                        if not is_completed:
+                            if st.button("✅ وضع علامة مكتمل", key=f"complete_{lesson_id}", use_container_width=True):
+                                st.session_state.completed_lessons.append(lesson_id)
+                                show_success_message("تم تسجيل إتمام الدرس! 🎉")
+                                st.balloons()
+                                st.rerun()
+                        else:
+                            st.success("مكتمل ✅")
+                    
+                    with col2:
+                        if st.button("🔄 إعادة الشرح", key=f"reload_{lesson_id}", use_container_width=True):
+                            del st.session_state[f"lesson_content_{lesson_id}"]
+                            st.info("قم بالضغط على 'عرض محتوى الدرس' مرة أخرى")
+                    
+                    with col3:
+                        if st.button("📝 ملاحظات", key=f"notes_{lesson_id}", use_container_width=True):
+                            st.session_state[f"show_notes_{lesson_id}"] = True
+                    
+                    # منطقة الملاحظات
+                    if st.session_state.get(f"show_notes_{lesson_id}", False):
+                        st.markdown("**✍️ ملاحظاتك الشخصية:**")
+                        note_key = f"note_{lesson_id}"
+                        if note_key not in st.session_state:
+                            st.session_state[note_key] = ""
+                        
+                        note = st.text_area(
+                            "اكتب ملاحظاتك هنا:",
+                            value=st.session_state[note_key],
+                            key=f"note_input_{lesson_id}",
+                            height=100
+                        )
+                        
+                        if st.button("💾 حفظ الملاحظات", key=f"save_note_{lesson_id}"):
+                            st.session_state[note_key] = note
+                            show_success_message("تم حفظ ملاحظاتك!")
+    
+    # التجربة العملية
+    if current_unit.get("experiment"):
+        st.markdown("---")
+        st.markdown("### 🔬 التجربة العملية للأسبوع")
+        
+        experiment = current_unit["experiment"]
+        
+        st.markdown(f"""
+        <div class='card' style='background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;'>
+            <h3 style='color: white; margin-top: 0;'>🔬 {experiment['title']}</h3>
+            <p>{experiment['description']}</p>
+            <p><strong>📦 المخرج المطلوب:</strong> {experiment['deliverable']}</p>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        if st.button("🚀 ابدأ التجربة", use_container_width=True, type="primary"):
+            st.session_state.current_experiment = experiment
+            st.session_state.current_week = current_unit['week']
+            st.session_state.page = "experiment"
+            st.rerun()
+    
+    # أزرار التنقل
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    st.markdown("---")
+    
+    col1, col2, col3 = st.columns(3)
+    
+    with col1:
+        if st.button("⬅️ العودة للخطة"):
+            st.session_state.page = "plan"
+            st.rerun()
+    
+    with col2:
+        if st.button("📊 التقدم والإنجازات", use_container_width=True):
+            st.session_state.page = "progress"
+            st.rerun()
+    
+    with col3:
+        if st.button("👥 المشاريع الجماعية", use_container_width=True):
+            st.session_state.page = "projects"
+            st.rerun()
+
+
+if __name__ == "__main__":
+    show()

pages/plan.py

@@ -0,0 +1,234 @@
+"""
+صفحة اختيار/توليد الخطة التعليمية
+"""
+import streamlit as st
+import sys
+sys.path.append('..')
+import config
+from utils.ui_utils import load_custom_css, show_hub_selector, show_success_message, show_warning_message, show_progress_bar
+from utils.api_utils import generate_curriculum, generate_default_curriculum
+from utils.data_utils import generate_schedule
+
+
+def show():
+    """عرض صفحة اختيار الخطة"""
+    
+    load_custom_css()
+    
+    st.markdown("## 📅 خطة التعلم المخصصة")
+    st.markdown("---")
+    
+    # التحقق من وجود ملف تعريفي
+    if "profile" not in st.session_state or not st.session_state.profile:
+        show_warning_message("⚠️ يجب إنشاء ملف تعريفي أولاً!")
+        if st.button("👤 إنشاء ملف تعريفي"):
+            st.session_state.page = "profile"
+            st.rerun()
+        return
+    
+    profile = st.session_state.profile
+    
+    # عرض ملخص الملف التعريفي
+    st.markdown("### 👤 ملفك التعريفي")
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        st.metric("الاسم", profile.get("name", "غير محدد"))
+    with col2:
+        st.metric("المستوى", profile.get("level", "مبتدئ"))
+    with col3:
+        st.metric("الوقت المتاح", f"{profile.get('available_hours', 10)} ساعة/أسبوع")
+    
+    st.markdown("---")
+    
+    # اختيار المحور
+    if "selected_hub" not in st.session_state:
+        st.session_state.selected_hub = None
+    
+    if not st.session_state.selected_hub:
+        st.markdown("### 🎯 الخطوة 1: اختر محورك التعليمي")
+        st.markdown("اختر المجال الذي تريد التخصص فيه على مدار 3 أشهر:")
+        
+        # عرض المحاور
+        cols = st.columns(2)
+        hub_items = list(config.LEARNING_HUBS.items())
+        
+        for idx, (hub_id, hub_data) in enumerate(hub_items):
+            col = cols[idx % 2]
+            with col:
+                st.markdown(f"""
+                <div class='card' style='min-height: 220px;'>
+                    <div style='text-align: center; font-size: 3rem; margin-bottom: 1rem;'>
+                        {hub_data['icon']}
+                    </div>
+                    <h3 style='text-align: center; margin: 0.5rem 0;'>{hub_data['name']}</h3>
+                    <p style='text-align: center; color: #718096;'>{hub_data['description']}</p>
+                    <div style='text-align: center; margin-top: 1rem;'>
+                        <span class='badge badge-info'>⏱️ {hub_data['duration_weeks']} أسبوع</span>
+                        <span class='badge badge-primary'>📊 ~{hub_data['estimated_hours']} ساعة</span>
+                    </div>
+                </div>
+                """, unsafe_allow_html=True)
+                
+                if st.button(f"اختيار {hub_data['name']}", key=f"select_{hub_id}", use_container_width=True):
+                    st.session_state.selected_hub = hub_id
+                    st.rerun()
+    
+    else:
+        # عرض المحور المختار
+        hub_data = config.LEARNING_HUBS[st.session_state.selected_hub]
+        
+        st.markdown(f"""
+        <div class='success-box' style='text-align: center;'>
+            <h3 style='margin: 0;'>{hub_data['icon']} المحور المختار: {hub_data['name']}</h3>
+            <p style='margin: 0.5rem 0 0 0;'>{hub_data['description']}</p>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        if st.button("🔄 تغيير المحور"):
+            st.session_state.selected_hub = None
+            st.rerun()
+        
+        st.markdown("---")
+        
+        # الخطوة 2: توليد الخطة
+        st.markdown("### 📋 الخطوة 2: توليد خطتك المخصصة")
+        
+        if "curriculum" not in st.session_state:
+            st.session_state.curriculum = None
+        
+        if not st.session_state.curriculum:
+            st.markdown("""
+            <div class='info-box'>
+                <p style='margin: 0;'>
+                    سنقوم الآن بتوليد منهج مخصص لك بناءً على:
+                </p>
+                <ul style='margin: 0.5rem 0 0 0;'>
+                    <li>مستواك الحالي: <strong>{}</strong></li>
+                    <li>الوقت المتاح: <strong>{} ساعة/أسبوع</strong></li>
+                    <li>أسلوب التعلم: <strong>{}</strong></li>
+                    <li>المحور: <strong>{}</strong></li>
+                </ul>
+            </div>
+            """.format(
+                profile.get("level", "مبتدئ"),
+                profile.get("available_hours", 10),
+                profile.get("learning_style", "مختلط"),
+                hub_data["name"]
+            ), unsafe_allow_html=True)
+            
+            st.markdown("<br>", unsafe_allow_html=True)
+            
+            col1, col2, col3 = st.columns([1, 2, 1])
+            with col2:
+                if st.button("✨ توليد الخطة المخصصة", use_container_width=True, type="primary"):
+                    with st.spinner("🔄 جاري توليد خطتك المخصصة... قد يستغرق هذا دقيقة..."):
+                        # محاولة توليد المنهج عبر API
+                        curriculum_result = generate_curriculum(profile, st.session_state.selected_hub)
+                        
+                        if curriculum_result and "curriculum" in curriculum_result:
+                            st.session_state.curriculum = curriculum_result["curriculum"]
+                        else:
+                            # استخدام منهج افتراضي
+                            default_result = generate_default_curriculum(st.session_state.selected_hub)
+                            st.session_state.curriculum = default_result["curriculum"]
+                        
+                        # توليد الجدول الزمني
+                        st.session_state.schedule = generate_schedule(
+                            st.session_state.curriculum,
+                            profile.get("available_hours", 10)
+                        )
+                        
+                        st.session_state.completed_units = []
+                        st.session_state.completed_lessons = []
+                        
+                        st.rerun()
+        
+        else:
+            # عرض الخطة المُولدة
+            show_success_message("✅ تم توليد خطتك المخصصة بنجاح!")
+            
+            st.markdown("### 📊 نظرة عامة على خطتك")
+            
+            curriculum = st.session_state.curriculum
+            
+            col1, col2, col3, col4 = st.columns(4)
+            with col1:
+                st.metric("عدد الأسابيع", f"{len(curriculum)} أسبوع")
+            with col2:
+                total_lessons = sum(len(unit.get("lessons", [])) for unit in curriculum)
+                st.metric("إجمالي الدروس", total_lessons)
+            with col3:
+                total_hours = sum(unit.get("estimated_time_mins", 0) for unit in curriculum) / 60
+                st.metric("إجمالي الساعات", f"~{int(total_hours)} ساعة")
+            with col4:
+                st.metric("التجارب العملية", len(curriculum))
+            
+            st.markdown("---")
+            
+            # عرض الوحدات
+            st.markdown("### 📚 الوحدات التعليمية (12 أسبوع)")
+            
+            for unit in curriculum[:6]:  # عرض أول 6 وحدات فقط
+                week = unit.get("week", 0)
+                title = unit.get("unit_title", f"الوحدة {week}")
+                time_mins = unit.get("estimated_time_mins", 0)
+                time_hours = round(time_mins / 60, 1)
+                
+                with st.expander(f"📖 الأسبوع {week}: {title}"):
+                    st.markdown(f"**⏱️ الوقت المقدر:** {time_hours} ساعة ({time_mins} دقيقة)")
+                    
+                    # الدروس
+                    st.markdown("**📚 الدروس:**")
+                    for lesson in unit.get("lessons", []):
+                        st.markdown(f"- {lesson.get('title', '')} ({lesson.get('duration_mins', 0)} دقيقة) - {lesson.get('type', 'درس')}")
+                    
+                    # التجربة
+                    if unit.get("experiment"):
+                        exp = unit["experiment"]
+                        st.markdown("**🔬 التجربة العملية:**")
+                        st.markdown(f"- **{exp.get('title', '')}**")
+                        st.markdown(f"  {exp.get('description', '')}")
+                        st.markdown(f"  *المخرج المطلوب:* {exp.get('deliverable', 'غير محدد')}")
+            
+            if len(curriculum) > 6:
+                st.info(f"💡 هناك {len(curriculum) - 6} وحدات إضافية. ستظهر جميعها في صفحة الدروس.")
+            
+            st.markdown("<br>", unsafe_allow_html=True)
+            
+            # أزرار الإجراءات
+            col1, col2, col3 = st.columns(3)
+            
+            with col1:
+                if st.button("🔄 إعادة التوليد", use_container_width=True):
+                    st.session_state.curriculum = None
+                    st.rerun()
+            
+            with col2:
+                if st.button("📥 تنزيل الخطة (JSON)", use_container_width=True):
+                    import json
+                    curriculum_json = json.dumps({
+                        "hub": st.session_state.selected_hub,
+                        "profile": profile,
+                        "curriculum": curriculum
+                    }, ensure_ascii=False, indent=2)
+                    st.download_button(
+                        "تنزيل",
+                        data=curriculum_json,
+                        file_name="my_learning_plan.json",
+                        mime="application/json"
+                    )
+            
+            with col3:
+                if st.button("📚 ابدأ التعلم!", use_container_width=True, type="primary"):
+                    st.session_state.page = "lesson"
+                    st.rerun()
+    
+    # زر العودة
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    if st.button("⬅️ العودة للملف التعريفي"):
+        st.session_state.page = "profile"
+        st.rerun()
+
+
+if __name__ == "__main__":
+    show()

pages/profile.py

@@ -0,0 +1,253 @@
+"""
+صفحة الملف التعريفي - رفع أو إنشاء ملف تعريفي
+"""
+import streamlit as st
+import json
+import sys
+sys.path.append('..')
+from utils.ui_utils import show_hero_section, show_success_message, show_warning_message, load_custom_css
+from utils.data_utils import parse_profile_file, create_default_profile, validate_profile, export_profile_to_json
+
+
+def show():
+    """عرض صفحة الملف التعريفي"""
+    
+    load_custom_css()
+    
+    st.markdown("## 👤 الملف التعريفي")
+    st.markdown("---")
+    
+    # خيارات إنشاء الملف
+    st.markdown("### 🎯 كيف تريد إنشاء ملفك؟")
+    
+    tab1, tab2, tab3 = st.tabs(["📝 تعبئة نموذج", "📤 رفع ملف", "👁️ معاينة الملف"])
+    
+    # Tab 1: تعبئة نموذج
+    with tab1:
+        st.markdown("#### املأ المعلومات التالية:")
+        
+        col1, col2 = st.columns(2)
+        
+        with col1:
+            name = st.text_input("الاسم الكامل *", value=st.session_state.get("profile", {}).get("name", ""))
+            age = st.text_input("العمر", value=st.session_state.get("profile", {}).get("age", ""))
+            level = st.selectbox(
+                "المستوى الحالي *",
+                ["مبتدئ", "متوسط", "متقدم", "خبير"],
+                index=0
+            )
+        
+        with col2:
+            available_hours = st.number_input(
+                "الوقت المتاح أسبوعياً (ساعات) *",
+                min_value=1,
+                max_value=40,
+                value=st.session_state.get("profile", {}).get("available_hours", 10)
+            )
+            
+            learning_style = st.selectbox(
+                "أسلوب التعلم المفضل",
+                ["بصري (فيديوهات، صور)", "نصي (قراءة، مقالات)", "عملي (تطبيقات، مشاريع)", "مختلط (كل ما سبق)"],
+                index=3
+            )
+        
+        st.markdown("---")
+        
+        skills = st.text_area(
+            "المهارات الحالية (اختياري)",
+            placeholder="مثال: برمجة Python، تصميم جرافيك، تحليل بيانات...",
+            value=st.session_state.get("profile", {}).get("skills", "")
+        )
+        
+        goals = st.text_area(
+            "أهدافك من التعلم *",
+            placeholder="مثال: أريد تعلم الذكاء الاصطناعي لبناء تطبيقات ذكية...",
+            value=st.session_state.get("profile", {}).get("goals", "")
+        )
+        
+        st.markdown("<br>", unsafe_allow_html=True)
+        
+        if st.button("💾 حفظ الملف التعريفي", use_container_width=True, type="primary"):
+            # إنشاء الملف
+            profile = {
+                "name": name,
+                "age": age,
+                "level": level,
+                "skills": [s.strip() for s in skills.split(",") if s.strip()] if skills else [],
+                "available_hours": available_hours,
+                "learning_style": learning_style,
+                "goals": goals,
+                "preferences": {
+                    "language": "ar",
+                    "notifications": True,
+                    "theme": "light"
+                }
+            }
+            
+            # التحقق من الصحة
+            is_valid, errors = validate_profile(profile)
+            
+            if is_valid:
+                st.session_state.profile = profile
+                show_success_message("✅ تم حفظ ملفك التعريفي بنجاح!")
+                st.balloons()
+                st.markdown("<br>", unsafe_allow_html=True)
+                
+                col1, col2 = st.columns(2)
+                with col1:
+                    if st.button("📅 التالي: اختيار الخطة", use_container_width=True):
+                        st.session_state.page = "plan"
+                        st.rerun()
+                
+                with col2:
+                    # تنزيل الملف
+                    json_str = export_profile_to_json(profile)
+                    st.download_button(
+                        "📥 تنزيل الملف (JSON)",
+                        data=json_str,
+                        file_name="my_profile.json",
+                        mime="application/json",
+                        use_container_width=True
+                    )
+            else:
+                for error in errors:
+                    show_warning_message(f"⚠️ {error}")
+    
+    # Tab 2: رفع ملف
+    with tab2:
+        st.markdown("#### 📤 ارفع ملف تعريفي موجود")
+        st.markdown("يمكنك رفع ملف JSON أو TXT يحتوي على معلوماتك")
+        
+        uploaded_file = st.file_uploader(
+            "اختر ملفاً",
+            type=["json", "txt", "md"],
+            help="ملف JSON، TXT، أو Markdown"
+        )
+        
+        if uploaded_file:
+            try:
+                content = uploaded_file.read().decode("utf-8")
+                file_type = uploaded_file.name.split(".")[-1]
+                
+                parsed_profile = parse_profile_file(content, file_type)
+                
+                if parsed_profile:
+                    show_success_message("تم تحليل الملف بنجاح!")
+                    
+                    # عرض محتوى الملف
+                    st.json(parsed_profile)
+                    
+                    if st.button("✅ استخدام هذا الملف", use_container_width=True):
+                        st.session_state.profile = parsed_profile
+                        show_success_message("تم حفظ الملف التعريفي!")
+                        st.balloons()
+                else:
+                    show_warning_message("لم نتمكن من تحليل الملف. حاول مرة أخرى.")
+                    
+            except Exception as e:
+                show_warning_message(f"خطأ في قراءة الملف: {str(e)}")
+        
+        # مثال على تنسيق الملف
+        with st.expander("💡 مثال على تنسيق الملف"):
+            st.markdown("**JSON Format:**")
+            st.code('''
+{
+  "name": "أحمد محمد",
+  "age": "25",
+  "level": "متوسط",
+  "skills": ["Python", "تصميم"],
+  "available_hours": 15,
+  "learning_style": "مختلط",
+  "goals": "تعلم الذكاء الاصطناعي"
+}
+            ''', language="json")
+            
+            st.markdown("**Text Format:**")
+            st.code('''
+الاسم: أحمد محمد
+العمر: 25
+المستوى: متوسط
+المهارات: Python, تصميم
+ساعات متاحة: 15
+أسلوب التعلم: مختلط
+الأهداف: تعلم الذكاء الاصطناعي
+            ''', language="text")
+    
+    # Tab 3: معاينة الملف الحالي
+    with tab3:
+        if "profile" in st.session_state and st.session_state.profile:
+            st.markdown("#### 👁️ ملفك الحالي:")
+            
+            profile = st.session_state.profile
+            
+            # عرض جميل للملف
+            col1, col2 = st.columns(2)
+            
+            with col1:
+                st.markdown(f"""
+                <div class='card'>
+                    <h4>👤 المعلومات الشخصية</h4>
+                    <p><strong>الاسم:</strong> {profile.get('name', 'غير محدد')}</p>
+                    <p><strong>العمر:</strong> {profile.get('age', 'غير محدد')}</p>
+                    <p><strong>المستوى:</strong> {profile.get('level', 'غير محدد')}</p>
+                </div>
+                """, unsafe_allow_html=True)
+            
+            with col2:
+                st.markdown(f"""
+                <div class='card'>
+                    <h4>⏰ الوقت والتفضيلات</h4>
+                    <p><strong>الوقت المتاح:</strong> {profile.get('available_hours', 0)} ساعة/أسبوع</p>
+                    <p><strong>أسلوب التعلم:</strong> {profile.get('learning_style', 'غير محدد')}</p>
+                </div>
+                """, unsafe_allow_html=True)
+            
+            st.markdown(f"""
+            <div class='card'>
+                <h4>🎯 الأهداف</h4>
+                <p>{profile.get('goals', 'لم يتم تحديد أهداف')}</p>
+            </div>
+            """, unsafe_allow_html=True)
+            
+            if profile.get('skills'):
+                st.markdown(f"""
+                <div class='card'>
+                    <h4>💪 المهارات الحالية</h4>
+                    <p>{', '.join(profile.get('skills', [])) if isinstance(profile.get('skills'), list) else profile.get('skills', 'لا توجد')}</p>
+                </div>
+                """, unsafe_allow_html=True)
+            
+            st.markdown("<br>", unsafe_allow_html=True)
+            
+            col1, col2, col3 = st.columns(3)
+            
+            with col1:
+                if st.button("✏️ تعديل الملف", use_container_width=True):
+                    st.info("عد إلى تبويب 'تعبئة نموذج' للتعديل")
+            
+            with col2:
+                json_str = export_profile_to_json(profile)
+                st.download_button(
+                    "📥 تنزيل",
+                    data=json_str,
+                    file_name="my_profile.json",
+                    mime="application/json",
+                    use_container_width=True
+                )
+            
+            with col3:
+                if st.button("📅 التالي: الخطة", use_container_width=True, type="primary"):
+                    st.session_state.page = "plan"
+                    st.rerun()
+        else:
+            st.info("لم يتم إنشاء ملف تعريفي بعد. عد إلى تبويب 'تعبئة نموذج' أو 'رفع ملف'")
+    
+    # زر العودة
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    if st.button("⬅️ العودة للصفحة الرئيسية"):
+        st.session_state.page = "home"
+        st.rerun()
+
+
+if __name__ == "__main__":
+    show()

pages/progress.py

@@ -0,0 +1,307 @@
+"""
+صفحة التقدم والمحفظة - عرض الإنجازات والإحصائيات
+"""
+import streamlit as st
+import plotly.graph_objects as go
+import plotly.express as px
+import sys
+sys.path.append('..')
+from utils.ui_utils import load_custom_css, show_progress_bar, create_stat_card
+from utils.data_utils import calculate_progress, get_completion_stats
+import pandas as pd
+
+
+def show():
+    """عرض صفحة التقدم والإنجازات"""
+    
+    load_custom_css()
+    
+    st.markdown("## 📊 تقدمك وإنجازاتك")
+    st.markdown("---")
+    
+    # التحقق من وجود منهج
+    if "curriculum" not in st.session_state or not st.session_state.curriculum:
+        st.warning("⚠️ لم يتم إنشاء خطة تعليمية بعد!")
+        if st.button("📅 إنشاء خطة"):
+            st.session_state.page = "plan"
+            st.rerun()
+        return
+    
+    curriculum = st.session_state.curriculum
+    
+    # تهيئة البيانات
+    if "completed_lessons" not in st.session_state:
+        st.session_state.completed_lessons = []
+    
+    if "completed_experiments" not in st.session_state:
+        st.session_state.completed_experiments = []
+    
+    # حساب الإحصائيات
+    stats = get_completion_stats(st.session_state.completed_lessons, curriculum)
+    
+    # نظرة عامة
+    st.markdown("### 🎯 نظرة عامة")
+    
+    col1, col2, col3, col4 = st.columns(4)
+    
+    with col1:
+        st.markdown(create_stat_card(
+            "الدروس المكتملة",
+            f"{stats['lessons']['completed']}/{stats['lessons']['total']}",
+            "📚"
+        ), unsafe_allow_html=True)
+    
+    with col2:
+        st.markdown(create_stat_card(
+            "التجارب المكتملة",
+            f"{stats['experiments']['completed']}/{stats['experiments']['total']}",
+            "🔬"
+        ), unsafe_allow_html=True)
+    
+    with col3:
+        st.markdown(create_stat_card(
+            "نسبة الإنجاز",
+            f"{stats['overall_percentage']:.1f}%",
+            "🎯"
+        ), unsafe_allow_html=True)
+    
+    with col4:
+        total_weeks = len(curriculum)
+        completed_weeks = len([u for u in curriculum if all(
+            f"{u['week']}_{lesson['title']}" in st.session_state.completed_lessons
+            for lesson in u.get('lessons', [])
+        )])
+        st.markdown(create_stat_card(
+            "الأسابيع المكتملة",
+            f"{completed_weeks}/{total_weeks}",
+            "📅"
+        ), unsafe_allow_html=True)
+    
+    st.markdown("---")
+    
+    # شريط التقدم الإجمالي
+    st.markdown("### 📈 التقدم الإجمالي")
+    show_progress_bar(stats['overall_percentage'], get_progress_status(stats['overall_percentage']))
+    
+    st.markdown("---")
+    
+    # رسم بياني دائري
+    col1, col2 = st.columns(2)
+    
+    with col1:
+        st.markdown("### 📚 توزيع الدروس")
+        
+        fig = go.Figure(data=[go.Pie(
+            labels=['مكتملة', 'متبقية'],
+            values=[stats['lessons']['completed'], stats['lessons']['total'] - stats['lessons']['completed']],
+            hole=0.6,
+            marker_colors=['#48bb78', '#e2e8f0']
+        )])
+        
+        fig.update_layout(
+            showlegend=True,
+            height=300,
+            margin=dict(l=20, r=20, t=20, b=20),
+            annotations=[dict(
+                text=f"{stats['lessons']['percentage']:.1f}%",
+                x=0.5, y=0.5,
+                font_size=28,
+                font_color='#667eea',
+                showarrow=False
+            )]
+        )
+        
+        st.plotly_chart(fig, use_container_width=True)
+    
+    with col2:
+        st.markdown("### 🔬 توزيع التجارب")
+        
+        fig2 = go.Figure(data=[go.Pie(
+            labels=['مكتملة', 'متبقية'],
+            values=[stats['experiments']['completed'], stats['experiments']['total'] - stats['experiments']['completed']],
+            hole=0.6,
+            marker_colors=['#764ba2', '#e2e8f0']
+        )])
+        
+        fig2.update_layout(
+            showlegend=True,
+            height=300,
+            margin=dict(l=20, r=20, t=20, b=20),
+            annotations=[dict(
+                text=f"{stats['experiments']['percentage']:.1f}%",
+                x=0.5, y=0.5,
+                font_size=28,
+                font_color='#764ba2',
+                showarrow=False
+            )]
+        )
+        
+        st.plotly_chart(fig2, use_container_width=True)
+    
+    st.markdown("---")
+    
+    # التقدم الأسبوعي
+    st.markdown("### 📅 التقدم الأسبوعي")
+    
+    weekly_progress = []
+    for unit in curriculum:
+        week = unit['week']
+        unit_lessons = unit.get('lessons', [])
+        completed_in_week = sum(1 for lesson in unit_lessons if f"{week}_{lesson['title']}" in st.session_state.completed_lessons)
+        total_in_week = len(unit_lessons)
+        percentage = (completed_in_week / total_in_week * 100) if total_in_week > 0 else 0
+        
+        weekly_progress.append({
+            'الأسبوع': f"أسبوع {week}",
+            'النسبة': percentage,
+            'مكتمل': completed_in_week,
+            'الإجمالي': total_in_week
+        })
+    
+    df = pd.DataFrame(weekly_progress)
+    
+    fig3 = px.bar(
+        df,
+        x='الأسبوع',
+        y='النسبة',
+        text='النسبة',
+        color='النسبة',
+        color_continuous_scale=['#e2e8f0', '#667eea', '#764ba2'],
+        range_color=[0, 100]
+    )
+    
+    fig3.update_traces(texttemplate='%{text:.1f}%', textposition='outside')
+    fig3.update_layout(
+        height=400,
+        showlegend=False,
+        xaxis_title="",
+        yaxis_title="نسبة الإنجاز (%)",
+        yaxis_range=[0, 110]
+    )
+    
+    st.plotly_chart(fig3, use_container_width=True)
+    
+    st.markdown("---")
+    
+    # الشارات والإنجازات
+    st.markdown("### 🏆 الشارات والإنجازات")
+    
+    badges = []
+    
+    # شارة البداية
+    if stats['lessons']['completed'] > 0:
+        badges.append({"name": "🌱 الخطوة الأولى", "desc": "أكملت أول درس"})
+    
+    # شارة الأسبوع الأول
+    if completed_weeks >= 1:
+        badges.append({"name": "🎯 أسبوع كامل", "desc": "أكملت أسبوعاً كاملاً"})
+    
+    # شارة نصف الطريق
+    if stats['overall_percentage'] >= 50:
+        badges.append({"name": "⭐ منتصف الرحلة", "desc": "أكملت نصف المنهج"})
+    
+    # شارة التجارب
+    if stats['experiments']['completed'] >= 3:
+        badges.append({"name": "🔬 خبير تجارب", "desc": "أكملت 3 تجارب عملية"})
+    
+    # شارة المثابرة
+    if stats['lessons']['completed'] >= 20:
+        badges.append({"name": "💪 مثابر", "desc": "أكملت 20 درساً"})
+    
+    # شارة الإنجاز الكامل
+    if stats['overall_percentage'] >= 100:
+        badges.append({"name": "🎉 متخرج!", "desc": "أكملت المنهج بالكامل"})
+    
+    if badges:
+        cols = st.columns(min(len(badges), 4))
+        for idx, badge in enumerate(badges):
+            col = cols[idx % 4]
+            with col:
+                st.markdown(f"""
+                <div class='card' style='text-align: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; min-height: 150px; display: flex; flex-direction: column; justify-content: center;'>
+                    <h2 style='margin: 0.5rem 0; color: white;'>{badge['name'].split()[0]}</h2>
+                    <h4 style='margin: 0.25rem 0; color: white;'>{' '.join(badge['name'].split()[1:])}</h4>
+                    <p style='margin: 0.5rem 0 0 0; font-size: 0.85rem; color: rgba(255,255,255,0.9);'>{badge['desc']}</p>
+                </div>
+                """, unsafe_allow_html=True)
+    else:
+        st.info("ابدأ التعلم لتحصل على شاراتك الأولى! 🎯")
+    
+    st.markdown("---")
+    
+    # المحفظة
+    st.markdown("### 📁 محفظتك")
+    
+    st.markdown("""
+    <div class='info-box'>
+        <strong>💡 محفظتك تحتوي على:</strong>
+        <ul style='margin: 0.5rem 0 0 0;'>
+            <li>جميع الدروس المكتملة مع ملاحظاتك</li>
+            <li>التجارب العملية التي أنجزتها</li>
+            <li>المشاريع الجماعية التي شاركت فيها</li>
+            <li>الشارات والإنجازات</li>
+        </ul>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    # زر تصدير المحفظة
+    if st.button("📥 تصدير المحفظة (JSON)", use_container_width=True):
+        import json
+        from datetime import datetime
+        
+        portfolio = {
+            "profile": st.session_state.get('profile', {}),
+            "curriculum": curriculum,
+            "stats": stats,
+            "completed_lessons": st.session_state.completed_lessons,
+            "completed_experiments": st.session_state.completed_experiments,
+            "badges": badges,
+            "exported_at": datetime.now().strftime("%Y-%m-%d %H:%M")
+        }
+        
+        portfolio_json = json.dumps(portfolio, ensure_ascii=False, indent=2)
+        st.download_button(
+            "💾 تنزيل المحفظة",
+            data=portfolio_json,
+            file_name="my_portfolio.json",
+            mime="application/json"
+        )
+    
+    # أزرار التنقل
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    st.markdown("---")
+    
+    col1, col2, col3 = st.columns(3)
+    
+    with col1:
+        if st.button("📚 العودة للدروس", use_container_width=True):
+            st.session_state.page = "lesson"
+            st.rerun()
+    
+    with col2:
+        if st.button("🔬 التجارب", use_container_width=True):
+            st.session_state.page = "experiment"
+            st.rerun()
+    
+    with col3:
+        if st.button("👥 المشاريع", use_container_width=True):
+            st.session_state.page = "projects"
+            st.rerun()
+
+
+def get_progress_status(percentage: float) -> str:
+    """تحديد حالة التقدم"""
+    if percentage < 25:
+        return "بداية الرحلة 🌱"
+    elif percentage < 50:
+        return "في الطريق 🚀"
+    elif percentage < 75:
+        return "تقدم ممتاز 🌟"
+    elif percentage < 100:
+        return "قرب الإنجاز 🎯"
+    else:
+        return "مكتمل! 🎉"
+
+
+if __name__ == "__main__":
+    show()

pages/projects.py

@@ -0,0 +1,257 @@
+"""
+صفحة المشاريع الجماعية - إنشاء وإدارة المشاريع
+"""
+import streamlit as st
+import sys
+sys.path.append('..')
+from utils.ui_utils import load_custom_css, show_success_message, show_warning_message
+from datetime import datetime
+
+
+def show():
+    """عرض صفحة المشاريع الجماعية"""
+    
+    load_custom_css()
+    
+    st.markdown("## 👥 المشاريع الجماعية")
+    st.markdown("---")
+    
+    # تهيئة المشاريع
+    if "projects" not in st.session_state:
+        st.session_state.projects = []
+    
+    if "user_projects" not in st.session_state:
+        st.session_state.user_projects = []  # المشاريع التي انضم لها المستخدم
+    
+    # علامات تبويب
+    tab1, tab2, tab3 = st.tabs(["📋 المشاريع المتاحة", "➕ إنشاء مشروع", "📁 مشاريعي"])
+    
+    # Tab 1: المشاريع المتاحة
+    with tab1:
+        st.markdown("### 🌟 المشاريع المتاحة للانضمام")
+        
+        if not st.session_state.projects:
+            st.info("""
+            🎯 **لا توجد مشاريع متاحة حالياً**
+            
+            يمكنك إنشاء مشروع جديد من تبويب "إنشاء مشروع" وسيظهر هنا للآخرين للانضمام إليه!
+            """)
+        else:
+            for project in st.session_state.projects:
+                if project['id'] not in st.session_state.user_projects:
+                    with st.expander(f"🚀 {project['title']}"):
+                        col1, col2 = st.columns([3, 1])
+                        
+                        with col1:
+                            st.markdown(f"""
+                            <div class='card'>
+                                <p><strong>الوصف:</strong> {project['description']}</p>
+                                <p><strong>👤 منشئ المشروع:</strong> {project['owner']}</p>
+                                <p><strong>👥 الأعضاء:</strong> {len(project['members'])}/{project['max_members']}</p>
+                                <p><strong>📅 تاريخ الإنشاء:</strong> {project['created_at']}</p>
+                                <p><strong>🏷️ المهارات المطلوبة:</strong> {', '.join(project['skills'])}</p>
+                            </div>
+                            """, unsafe_allow_html=True)
+                        
+                        with col2:
+                            if len(project['members']) < project['max_members']:
+                                if st.button(f"✅ انضم", key=f"join_{project['id']}", use_container_width=True):
+                                    # إضافة المستخدم للمشروع
+                                    user_name = st.session_state.get('profile', {}).get('name', 'مستخدم')
+                                    project['members'].append(user_name)
+                                    st.session_state.user_projects.append(project['id'])
+                                    show_success_message(f"تم انضمامك لمشروع '{project['title']}'!")
+                                    st.balloons()
+                                    st.rerun()
+                            else:
+                                st.warning("مكتمل")
+    
+    # Tab 2: إنشاء مشروع
+    with tab2:
+        st.markdown("### ➕ إنشاء مشروع جديد")
+        
+        st.markdown("""
+        <div class='info-box'>
+            <strong>💡 نصائح لمشروع ناجح:</strong>
+            <ul style='margin: 0.5rem 0 0 0;'>
+                <li>اختر عنواناً واضحاً ووصفاً مفصلاً</li>
+                <li>حدد المهارات المطلوبة بدقة</li>
+                <li>ضع خطة زمنية واقعية</li>
+                <li>كن نشطاً في التواصل مع الفريق</li>
+            </ul>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        st.markdown("<br>", unsafe_allow_html=True)
+        
+        with st.form("create_project_form"):
+            project_title = st.text_input("عنوان المشروع *", placeholder="مثال: تطبيق ذكاء اصطناعي للتعرف على الصور")
+            
+            project_description = st.text_area(
+                "وصف المشروع *",
+                placeholder="اشرح فكرة المشروع، الأهداف، والمخرجات المتوقعة...",
+                height=150
+            )
+            
+            col1, col2 = st.columns(2)
+            with col1:
+                max_members = st.number_input("الحد الأقصى للأعضاء", min_value=2, max_value=10, value=4)
+            
+            with col2:
+                duration_weeks = st.number_input("المدة (بالأسابيع)", min_value=1, max_value=12, value=4)
+            
+            skills_input = st.text_input(
+                "المهارات المطلوبة (افصل بفواصل)",
+                placeholder="Python, تصميم, تحليل بيانات"
+            )
+            
+            submitted = st.form_submit_button("🚀 إنشاء المشروع", use_container_width=True, type="primary")
+            
+            if submitted:
+                if project_title.strip() and project_description.strip():
+                    # إنشاء المشروع
+                    new_project = {
+                        "id": f"proj_{len(st.session_state.projects) + 1}_{datetime.now().strftime('%Y%m%d%H%M%S')}",
+                        "title": project_title,
+                        "description": project_description,
+                        "owner": st.session_state.get('profile', {}).get('name', 'مستخدم'),
+                        "members": [st.session_state.get('profile', {}).get('name', 'مستخدم')],
+                        "max_members": max_members,
+                        "skills": [s.strip() for s in skills_input.split(",") if s.strip()],
+                        "duration_weeks": duration_weeks,
+                        "created_at": datetime.now().strftime("%Y-%m-%d"),
+                        "status": "active",
+                        "tasks": [],
+                        "deliverables": []
+                    }
+                    
+                    st.session_state.projects.append(new_project)
+                    st.session_state.user_projects.append(new_project['id'])
+                    
+                    show_success_message(f"✅ تم إنشاء مشروع '{project_title}' بنجاح!")
+                    st.balloons()
+                    st.rerun()
+                else:
+                    show_warning_message("⚠️ يجب ملء جميع الحقول المطلوبة")
+    
+    # Tab 3: مشاريعي
+    with tab3:
+        st.markdown("### 📁 المشاريع التي أشارك فيها")
+        
+        my_projects = [p for p in st.session_state.projects if p['id'] in st.session_state.user_projects]
+        
+        if not my_projects:
+            st.info("لم تنضم لأي مشروع بعد! تصفح المشاريع المتاحة أو أنشئ مشروعاً جديداً.")
+        else:
+            for project in my_projects:
+                user_name = st.session_state.get('profile', {}).get('name', 'مستخدم')
+                is_owner = project['owner'] == user_name
+                
+                with st.expander(f"{'👑' if is_owner else '👤'} {project['title']}", expanded=True):
+                    
+                    # معلومات المشروع
+                    st.markdown(f"""
+                    <div class='card'>
+                        <p><strong>الوصف:</strong> {project['description']}</p>
+                        <p><strong>👑 منشئ المشروع:</strong> {project['owner']}</p>
+                        <p><strong>⏱️ المدة:</strong> {project['duration_weeks']} أسابيع</p>
+                        <p><strong>📅 تاريخ البدء:</strong> {project['created_at']}</p>
+                    </div>
+                    """, unsafe_allow_html=True)
+                    
+                    # الأعضاء
+                    st.markdown("**👥 أعضاء الفريق:**")
+                    members_display = ", ".join([f"{'👑 ' if m == project['owner'] else ''}{m}" for m in project['members']])
+                    st.markdown(f"<div class='badge badge-info'>{members_display}</div>", unsafe_allow_html=True)
+                    
+                    st.markdown("---")
+                    
+                    # المهام
+                    st.markdown("**📋 المهام:**")
+                    
+                    project_tasks_key = f"tasks_{project['id']}"
+                    if project_tasks_key not in st.session_state:
+                        st.session_state[project_tasks_key] = project.get('tasks', [])
+                    
+                    tasks = st.session_state[project_tasks_key]
+                    
+                    if tasks:
+                        for idx, task in enumerate(tasks):
+                            col1, col2 = st.columns([4, 1])
+                            with col1:
+                                st.markdown(f"- {task['title']} (المسؤول: {task['assigned_to']})")
+                            with col2:
+                                status_badge = "success" if task['status'] == 'completed' else "warning"
+                                st.markdown(f"<span class='badge badge-{status_badge}'>{task['status']}</span>", unsafe_allow_html=True)
+                    else:
+                        st.info("لا توجد مهام بعد")
+                    
+                    # إضافة مهمة جديدة (للمنشئ فقط)
+                    if is_owner:
+                        with st.form(f"add_task_{project['id']}"):
+                            st.markdown("**➕ إضافة مهمة جديدة:**")
+                            col1, col2 = st.columns(2)
+                            with col1:
+                                task_title = st.text_input("عنوان المهمة", key=f"task_title_{project['id']}")
+                            with col2:
+                                assigned_to = st.selectbox("تعيين إلى", project['members'], key=f"assign_{project['id']}")
+                            
+                            if st.form_submit_button("➕ إضافة"):
+                                if task_title.strip():
+                                    new_task = {
+                                        "title": task_title,
+                                        "assigned_to": assigned_to,
+                                        "status": "pending",
+                                        "created_at": datetime.now().strftime("%Y-%m-%d")
+                                    }
+                                    tasks.append(new_task)
+                                    project['tasks'] = tasks
+                                    show_success_message("تم إضافة المهمة!")
+                                    st.rerun()
+                    
+                    st.markdown("---")
+                    
+                    # منطقة التواصل
+                    st.markdown("**💬 التواصل:**")
+                    st.info("""
+                    💡 **نصيحة:** استخدم أدوات التواصل الخارجية للتنسيق:
+                    - Slack / Discord للمحادثات
+                    - GitHub للكود
+                    - Google Drive / Notion للوثائق
+                    """)
+                    
+                    # رفع مخرجات
+                    st.markdown("**📤 رفع مخرجات:**")
+                    deliverable_file = st.file_uploader(
+                        "ارفع ملفات المشروع",
+                        key=f"upload_{project['id']}",
+                        accept_multiple_files=True
+                    )
+                    
+                    if deliverable_file:
+                        if st.button(f"💾 حفظ المخرجات", key=f"save_del_{project['id']}"):
+                            for file in deliverable_file:
+                                project['deliverables'].append({
+                                    "file_name": file.name,
+                                    "uploaded_by": user_name,
+                                    "uploaded_at": datetime.now().strftime("%Y-%m-%d %H:%M")
+                                })
+                            show_success_message("تم رفع المخرجات!")
+                            st.rerun()
+                    
+                    # عرض المخرجات
+                    if project.get('deliverables'):
+                        st.markdown("**📦 المخرجات المرفوعة:**")
+                        for del_item in project['deliverables']:
+                            st.markdown(f"- 📄 {del_item['file_name']} (بواسطة {del_item['uploaded_by']} - {del_item['uploaded_at']})")
+    
+    # زر العودة
+    st.markdown("<br><br>", unsafe_allow_html=True)
+    st.markdown("---")
+    if st.button("⬅️ العودة للدروس"):
+        st.session_state.page = "lesson"
+        st.rerun()
+
+
+if __name__ == "__main__":
+    show()

requirements.txt

@@ -0,0 +1,10 @@
+streamlit==1.32.0
+streamlit-option-menu==0.3.12
+streamlit-lottie==0.0.5
+supabase==2.4.0
+python-dotenv==1.0.1
+requests==2.31.0
+plotly==5.19.0
+pandas==2.2.1
+Pillow==10.2.0
+python-multipart==0.0.9

tests/test_app.py

@@ -0,0 +1,99 @@
+"""
+اختبارات بسيطة للتطبيق
+"""
+import pytest
+import sys
+from pathlib import Path
+
+# إضافة المسار
+sys.path.append(str(Path(__file__).parent.parent))
+
+from utils.data_utils import validate_profile, create_default_profile, parse_profile_file
+from utils.api_utils import generate_default_curriculum
+import config
+
+
+def test_create_default_profile():
+    """اختبار إنشاء ملف تعريفي افتراضي"""
+    profile = create_default_profile()
+    
+    assert profile is not None
+    assert "name" in profile
+    assert "level" in profile
+    assert "available_hours" in profile
+    assert profile["available_hours"] == 10
+
+
+def test_validate_profile_success():
+    """اختبار التحقق من ملف تعريفي صحيح"""
+    profile = {
+        "name": "أحمد",
+        "level": "متوسط",
+        "available_hours": 15
+    }
+    
+    is_valid, errors = validate_profile(profile)
+    
+    assert is_valid == True
+    assert len(errors) == 0
+
+
+def test_validate_profile_missing_fields():
+    """اختبار التحقق من ملف تعريفي ناقص"""
+    profile = {
+        "name": "أحمد"
+    }
+    
+    is_valid, errors = validate_profile(profile)
+    
+    assert is_valid == False
+    assert len(errors) > 0
+
+
+def test_validate_profile_invalid_hours():
+    """اختبار التحقق من ساعات غير صحيحة"""
+    profile = {
+        "name": "أحمد",
+        "level": "متوسط",
+        "available_hours": 50  # أكثر من الحد الأقصى
+    }
+    
+    is_valid, errors = validate_profile(profile)
+    
+    assert is_valid == False
+
+
+def test_parse_json_profile():
+    """اختبار تحليل ملف JSON"""
+    json_content = '{"name": "سارة", "level": "مبتدئ", "available_hours": 10}'
+    
+    profile = parse_profile_file(json_content, "json")
+    
+    assert profile is not None
+    assert profile["name"] == "سارة"
+    assert profile["level"] == "مبتدئ"
+
+
+def test_generate_default_curriculum():
+    """اختبار توليد منهج افتراضي"""
+    curriculum_result = generate_default_curriculum("ai_intro")
+    
+    assert curriculum_result is not None
+    assert "curriculum" in curriculum_result
+    assert len(curriculum_result["curriculum"]) == 12  # 12 أسبوع
+
+
+def test_learning_hubs_config():
+    """اختبار إعدادات المحاور"""
+    assert len(config.LEARNING_HUBS) > 0
+    
+    for hub_id, hub_data in config.LEARNING_HUBS.items():
+        assert "name" in hub_data
+        assert "description" in hub_data
+        assert "icon" in hub_data
+        assert "duration_weeks" in hub_data
+        assert hub_data["duration_weeks"] == 12
+
+
+if __name__ == "__main__":
+    pytest.main([__file__, "-v"])

utils/__init__.py

@@ -0,0 +1 @@
+# ملف لجعل utils مجلداً قابلاً للاستيراد

utils/api_utils.py

@@ -0,0 +1,248 @@
+"""
+وظائف مساعدة للتعامل مع APIs (Hugging Face و Supabase)
+"""
+import requests
+import json
+from typing import Dict, List, Optional
+import config
+
+def call_hf_api(prompt: str, max_tokens: int = 500, temperature: float = 0.7) -> Optional[str]:
+    """
+    استدعاء Hugging Face Inference API
+    
+    Args:
+        prompt: النص المُدخل للنموذج
+        max_tokens: الحد الأقصى للـ tokens في الرد
+        temperature: درجة العشوائية (0-1)
+    
+    Returns:
+        النص المُولّد أو None في حالة الخطأ
+    """
+    if not config.HF_API_TOKEN:
+        return None
+    
+    headers = {
+        "Authorization": f"Bearer {config.HF_API_TOKEN}",
+        "Content-Type": "application/json"
+    }
+    
+    payload = {
+        "inputs": prompt,
+        "parameters": {
+            "max_new_tokens": max_tokens,
+            "temperature": temperature,
+            "top_p": 0.9,
+            "return_full_text": False
+        }
+    }
+    
+    try:
+        response = requests.post(
+            config.HF_API_URL,
+            headers=headers,
+            json=payload,
+            timeout=30
+        )
+        
+        if response.status_code == 200:
+            result = response.json()
+            if isinstance(result, list) and len(result) > 0:
+                return result[0].get("generated_text", "")
+            return result.get("generated_text", "")
+        else:
+            print(f"خطأ في API: {response.status_code} - {response.text}")
+            return None
+            
+    except Exception as e:
+        print(f"خطأ في استدعاء HF API: {str(e)}")
+        return None
+
+
+def generate_curriculum(user_profile: Dict, hub_id: str) -> Optional[Dict]:
+    """
+    توليد منهج مخصص بناءً على ملف المستخدم
+    
+    Args:
+        user_profile: بيانات المستخدم
+        hub_id: معرف المحور المختار
+    
+    Returns:
+        المنهج المُولّد أو None
+    """
+    hub = config.LEARNING_HUBS.get(hub_id, {})
+    
+    prompt = f"""أنت مصمم مناهج تعليمية خبير. مهمتك توليد خطة تعلم لمدة {config.PLAN_DURATION_WEEKS} أسبوعاً.
+
+معلومات المستخدم:
+- الاسم: {user_profile.get('name', 'غير محدد')}
+- المستوى: {user_profile.get('level', 'مبتدئ')}
+- الوقت المتاح أسبوعياً: {user_profile.get('available_hours', 10)} ساعات
+- أسلوب التعلم المفضل: {user_profile.get('learning_style', 'مختلط')}
+
+المحور المطلوب: {hub.get('name', 'غير محدد')}
+
+ولّد خطة تعلم بصيغة JSON تحتوي على 12 وحدة أسبوعية. كل وحدة يجب أن تحتوي على:
+- week: رقم الأسبوع
+- unit_title: عنوان الوحدة
+- estimated_time_mins: الوقت المقدر بالدقائق
+- lessons: قائمة بالدروس (كل درس له: title, duration_mins, type, description)
+- experiment: تجربة عملية (title, description, deliverable)
+
+مثال على البنية:
+{{
+  "curriculum": [
+    {{
+      "week": 1,
+      "unit_title": "...",
+      "estimated_time_mins": 600,
+      "lessons": [...],
+      "experiment": {{...}}
+    }}
+  ]
+}}
+
+ردّ فقط بصيغة JSON بدون أي نص إضافي."""
+
+    # محاولة استدعاء API
+    response = call_hf_api(prompt, max_tokens=2000, temperature=0.7)
+    
+    if response:
+        try:
+            # محاولة استخراج JSON من الرد
+            json_start = response.find("{")
+            json_end = response.rfind("}") + 1
+            if json_start != -1 and json_end > json_start:
+                json_str = response[json_start:json_end]
+                return json.loads(json_str)
+        except:
+            pass
+    
+    # في حالة الفشل، إرجاع منهج افتراضي
+    return generate_default_curriculum(hub_id)
+
+
+def generate_default_curriculum(hub_id: str) -> Dict:
+    """
+    توليد منهج افتراضي في حالة عدم توفر API
+    """
+    hub = config.LEARNING_HUBS.get(hub_id, config.LEARNING_HUBS["ai_intro"])
+    
+    curriculum = []
+    for week in range(1, 13):
+        unit = {
+            "week": week,
+            "unit_title": f"الوحدة {week}: {hub['name']} - جزء {week}",
+            "estimated_time_mins": 480,
+            "lessons": [
+                {
+                    "title": f"درس {week}.1: المفاهيم الأساسية",
+                    "duration_mins": 120,
+                    "type": "concept",
+                    "description": f"شرح المفاهيم الأساسية في الأسبوع {week}"
+                },
+                {
+                    "title": f"درس {week}.2: التطبيق العملي",
+                    "duration_mins": 180,
+                    "type": "practical",
+                    "description": f"تطبيق عملي على ما تم تعلمه"
+                }
+            ],
+            "experiment": {
+                "title": f"تجربة الأسبوع {week}",
+                "description": f"مشروع تطبيقي لتعزيز الفهم",
+                "deliverable": "ملف أو تقرير"
+            }
+        }
+        curriculum.append(unit)
+    
+    return {"curriculum": curriculum}
+
+
+def generate_lesson_content(lesson_title: str, user_context: Dict) -> str:
+    """
+    توليد محتوى درس مفصل
+    """
+    prompt = f"""أنت مدرس متخصص. اكتب درساً تعليمياً قصيراً (5-10 دقائق قراءة) عن:
+
+{lesson_title}
+
+الدرس يجب أن يتضمن:
+1. الفكرة المركزية (ملخص في سطرين)
+2. شرح مبسط مع أمثلة واقعية
+3. نقاط رئيسية (3-5 نقاط)
+4. سؤال للتفكير
+5. مصادر للمتابعة (اختياري)
+
+اكتب بأسلوب واضح ومشجع."""
+
+    response = call_hf_api(prompt, max_tokens=800)
+    
+    if response:
+        return response
+    
+    # محتوى افتراضي
+    return f"""# {lesson_title}
+
+## الفكرة المركزية 💡
+هذا درس تعليمي يهدف إلى تعريفك بالمفهوم الأساسي وتطبيقاته العملية.
+
+## الشرح 📖
+سنستكشف معاً هذا الموضوع المهم من خلال أمثلة واقعية وتطبيقات عملية تساعدك على الفهم العميق.
+
+## النقاط الرئيسية ⭐
+1. المفهوم الأساسي وأهميته
+2. التطبيقات العملية في الحياة اليومية
+3. خطوات التنفيذ والممارسة
+4. الأخطاء الشائعة وكيفية تجنبها
+5. الخطوات التالية للتعمق
+
+## سؤال للتفكير 🤔
+كيف يمكنك تطبيق ما تعلمته اليوم في مشروعك الشخصي أو عملك؟
+
+## للمتابعة 📚
+- ابحث عن أمثلة إضافية في مجالك
+- مارس التطبيق العملي بشكل يومي
+- شارك ما تعلمته مع الآخرين
+"""
+
+
+# دوال Supabase (اختيارية - يمكن استبدالها بملفات JSON محلية)
+def init_supabase():
+    """تهيئة اتصال Supabase"""
+    if not config.USE_SUPABASE:
+        return None
+    
+    try:
+        from supabase import create_client
+        return create_client(config.SUPABASE_URL, config.SUPABASE_KEY)
+    except:
+        return None
+
+
+def save_profile_to_supabase(profile: Dict) -> bool:
+    """حفظ ملف تعريفي في Supabase"""
+    client = init_supabase()
+    if not client:
+        return False
+    
+    try:
+        client.table("profiles").insert(profile).execute()
+        return True
+    except:
+        return False
+
+
+def get_profile_from_supabase(user_id: str) -> Optional[Dict]:
+    """جلب ملف تعريفي من Supabase"""
+    client = init_supabase()
+    if not client:
+        return None
+    
+    try:
+        response = client.table("profiles").select("*").eq("user_id", user_id).execute()
+        if response.data:
+            return response.data[0]
+    except:
+        pass
+    
+    return None

utils/data_utils.py

@@ -0,0 +1,266 @@
+"""
+وظائف معالجة البيانات (تحليل الملفات التعريفية، إدارة التقدم، إلخ)
+"""
+import json
+from typing import Dict, List, Optional
+from datetime import datetime, timedelta
+import io
+
+
+def parse_profile_file(file_content: str, file_type: str = "json") -> Optional[Dict]:
+    """
+    تحليل ملف تعريفي مرفوع
+    
+    Args:
+        file_content: محتوى الملف
+        file_type: نوع الملف (json, txt, markdown)
+    
+    Returns:
+        القاموس المُحلل أو None
+    """
+    try:
+        if file_type == "json":
+            return json.loads(file_content)
+        
+        elif file_type in ["txt", "markdown", "md"]:
+            # تحليل بسيط من نص حر
+            profile = {
+                "name": extract_field(file_content, ["name", "الاسم", "اسم"]),
+                "age": extract_field(file_content, ["age", "العمر", "عمر"]),
+                "level": extract_field(file_content, ["level", "المستوى", "مستوى"]),
+                "skills": extract_field(file_content, ["skills", "المهارات", "مهارات"]),
+                "available_hours": extract_field(file_content, ["hours", "ساعات", "وقت متاح"]),
+                "learning_style": extract_field(file_content, ["style", "أسلوب", "تفضيلات"]),
+                "goals": extract_field(file_content, ["goals", "أهداف", "هدف"]),
+            }
+            return profile
+        
+    except Exception as e:
+        print(f"خطأ في تحليل الملف: {str(e)}")
+    
+    return None
+
+
+def extract_field(text: str, keywords: List[str]) -> str:
+    """استخراج حقل من نص حر بناءً على كلمات مفتاحية"""
+    text_lower = text.lower()
+    
+    for keyword in keywords:
+        if keyword.lower() in text_lower:
+            # البحث عن السطر الذي يحتوي على الكلمة المفتاحية
+            for line in text.split('\n'):
+                if keyword.lower() in line.lower():
+                    # استخراج القيمة بعد النقطتين أو المساواة
+                    if ':' in line:
+                        return line.split(':', 1)[1].strip()
+                    elif '=' in line:
+                        return line.split('=', 1)[1].strip()
+    
+    return ""
+
+
+def create_default_profile() -> Dict:
+    """إنشاء ملف تعريفي افتراضي"""
+    return {
+        "name": "مستخدم جديد",
+        "age": "",
+        "level": "مبتدئ",
+        "skills": [],
+        "available_hours": 10,
+        "learning_style": "مختلط (نظري وعملي)",
+        "goals": "تعلم مهارات جديدة",
+        "preferences": {
+            "language": "ar",
+            "notifications": True,
+            "theme": "light"
+        }
+    }
+
+
+def validate_profile(profile: Dict) -> tuple[bool, List[str]]:
+    """
+    التحقق من صحة الملف التعريفي
+    
+    Returns:
+        (هل صالح, قائمة بالأخطاء)
+    """
+    errors = []
+    
+    required_fields = ["name", "level", "available_hours"]
+    for field in required_fields:
+        if field not in profile or not profile[field]:
+            errors.append(f"الحقل '{field}' مطلوب")
+    
+    if profile.get("available_hours"):
+        try:
+            hours = int(profile["available_hours"])
+            if hours < 1 or hours > 40:
+                errors.append("الوقت المتاح يجب أن يكون بين 1 و 40 ساعة أسبوعياً")
+        except:
+            errors.append("الوقت المتاح يجب أن يكون رقماً")
+    
+    return len(errors) == 0, errors
+
+
+def generate_schedule(curriculum: List[Dict], available_hours: int) -> List[Dict]:
+    """
+    توليد جدول زمني بناءً على المنهج والوقت المتاح
+    
+    Args:
+        curriculum: المنهج الدراسي
+        available_hours: الساعات المتاحة أسبوعياً
+    
+    Returns:
+        جدول زمني مفصل
+    """
+    schedule = []
+    start_date = datetime.now()
+    
+    for week_num, unit in enumerate(curriculum, start=1):
+        week_start = start_date + timedelta(weeks=week_num - 1)
+        
+        # توزيع الدروس على أيام الأسبوع
+        lessons = unit.get("lessons", [])
+        total_mins = sum(lesson.get("duration_mins", 60) for lesson in lessons)
+        
+        # إضافة وقت التجربة
+        if unit.get("experiment"):
+            total_mins += 120  # افتراض ساعتين للتجربة
+        
+        schedule_entry = {
+            "week": week_num,
+            "start_date": week_start.strftime("%Y-%m-%d"),
+            "unit_title": unit.get("unit_title", f"الوحدة {week_num}"),
+            "total_hours": round(total_mins / 60, 1),
+            "daily_breakdown": distribute_to_days(lessons, available_hours),
+            "experiment": unit.get("experiment"),
+            "status": "pending"
+        }
+        
+        schedule.append(schedule_entry)
+    
+    return schedule
+
+
+def distribute_to_days(lessons: List[Dict], hours_per_week: int) -> List[Dict]:
+    """توزيع الدروس على أيام الأسبوع"""
+    days = ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس"]
+    distribution = []
+    
+    mins_per_day = (hours_per_week * 60) // len(days)
+    
+    current_day = 0
+    current_day_mins = 0
+    current_day_lessons = []
+    
+    for lesson in lessons:
+        lesson_mins = lesson.get("duration_mins", 60)
+        
+        if current_day_mins + lesson_mins > mins_per_day and current_day_lessons:
+            # حفظ اليوم الحالي والانتقال للتالي
+            distribution.append({
+                "day": days[current_day % len(days)],
+                "lessons": current_day_lessons.copy(),
+                "total_mins": current_day_mins
+            })
+            current_day += 1
+            current_day_mins = 0
+            current_day_lessons = []
+        
+        current_day_lessons.append(lesson)
+        current_day_mins += lesson_mins
+    
+    # إضافة آخر يوم
+    if current_day_lessons:
+        distribution.append({
+            "day": days[current_day % len(days)],
+            "lessons": current_day_lessons,
+            "total_mins": current_day_mins
+        })
+    
+    return distribution
+
+
+def calculate_progress(completed_units: List[int], total_units: int) -> Dict:
+    """
+    حساب التقدم الإجمالي
+    
+    Returns:
+        معلومات التقدم
+    """
+    completed = len(completed_units)
+    percentage = (completed / total_units * 100) if total_units > 0 else 0
+    
+    return {
+        "completed_units": completed,
+        "total_units": total_units,
+        "percentage": round(percentage, 1),
+        "remaining_units": total_units - completed,
+        "status": get_progress_status(percentage)
+    }
+
+
+def get_progress_status(percentage: float) -> str:
+    """تحديد حالة التقدم"""
+    if percentage < 25:
+        return "بداية الرحلة 🌱"
+    elif percentage < 50:
+        return "في الطريق 🚀"
+    elif percentage < 75:
+        return "تقدم ممتاز 🌟"
+    elif percentage < 100:
+        return "قرب الإنجاز 🎯"
+    else:
+        return "مكتمل! 🎉"
+
+
+def export_profile_to_json(profile: Dict) -> str:
+    """تصدير الملف التعريفي إلى JSON"""
+    return json.dumps(profile, ensure_ascii=False, indent=2)
+
+
+def export_progress_to_json(progress_data: Dict) -> str:
+    """تصدير بيانات التقدم إلى JSON"""
+    return json.dumps(progress_data, ensure_ascii=False, indent=2)
+
+
+def load_local_data(filename: str) -> Optional[Dict]:
+    """تحميل بيانات من ملف JSON محلي"""
+    try:
+        with open(f"data/{filename}", "r", encoding="utf-8") as f:
+            return json.load(f)
+    except:
+        return None
+
+
+def save_local_data(filename: str, data: Dict) -> bool:
+    """حفظ بيانات في ملف JSON محلي"""
+    try:
+        with open(f"data/{filename}", "w", encoding="utf-8") as f:
+            json.dump(data, f, ensure_ascii=False, indent=2)
+        return True
+    except:
+        return False
+
+
+def get_completion_stats(completed_lessons: List[str], curriculum: List[Dict]) -> Dict:
+    """حساب إحصائيات الإنجاز المفصلة"""
+    total_lessons = sum(len(unit.get("lessons", [])) for unit in curriculum)
+    completed = len(completed_lessons)
+    
+    total_experiments = len([u for u in curriculum if u.get("experiment")])
+    completed_experiments = 0  # يمكن تتبعها بشكل منفصل
+    
+    return {
+        "lessons": {
+            "completed": completed,
+            "total": total_lessons,
+            "percentage": round(completed / total_lessons * 100, 1) if total_lessons > 0 else 0
+        },
+        "experiments": {
+            "completed": completed_experiments,
+            "total": total_experiments,
+            "percentage": round(completed_experiments / total_experiments * 100, 1) if total_experiments > 0 else 0
+        },
+        "overall_percentage": round((completed + completed_experiments) / (total_lessons + total_experiments) * 100, 1)
+    }

utils/ui_utils.py

@@ -0,0 +1,310 @@
+"""
+وظائف تخصيص واجهة المستخدم (UI utilities)
+"""
+import streamlit as st
+from typing import Dict, List, Optional
+import config
+
+
+def load_custom_css():
+    """تحميل CSS مخصص"""
+    try:
+        with open("assets/css/style.css", "r", encoding="utf-8") as f:
+            st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+    except:
+        # CSS افتراضي في حالة عدم وجود الملف
+        st.markdown("""
+        <style>
+        @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
+        
+        * {
+            font-family: 'Tajawal', sans-serif !important;
+        }
+        
+        .main {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background-attachment: fixed;
+        }
+        
+        .block-container {
+            background: rgba(255, 255, 255, 0.95);
+            border-radius: 20px;
+            padding: 2rem;
+            margin-top: 2rem;
+            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+        }
+        
+        h1, h2, h3 {
+            color: #667eea;
+        }
+        
+        .stButton > button {
+            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            border: none;
+            border-radius: 10px;
+            padding: 0.75rem 2rem;
+            font-size: 1.1rem;
+            font-weight: 600;
+            transition: all 0.3s ease;
+            width: 100%;
+        }
+        
+        .stButton > button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
+        }
+        
+        .success-box {
+            background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
+            color: white;
+            padding: 1rem;
+            border-radius: 10px;
+            margin: 1rem 0;
+        }
+        
+        .info-box {
+            background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
+            color: white;
+            padding: 1rem;
+            border-radius: 10px;
+            margin: 1rem 0;
+        }
+        
+        .warning-box {
+            background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
+            color: white;
+            padding: 1rem;
+            border-radius: 10px;
+            margin: 1rem 0;
+        }
+        
+        .card {
+            background: white;
+            border-radius: 15px;
+            padding: 1.5rem;
+            margin: 1rem 0;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+            transition: all 0.3s ease;
+        }
+        
+        .card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+        }
+        
+        .progress-bar {
+            background: #e2e8f0;
+            border-radius: 10px;
+            height: 25px;
+            overflow: hidden;
+            margin: 1rem 0;
+        }
+        
+        .progress-fill {
+            background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-weight: 600;
+            transition: width 0.5s ease;
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 0.35rem 0.75rem;
+            border-radius: 20px;
+            font-size: 0.875rem;
+            font-weight: 600;
+            margin: 0.25rem;
+        }
+        
+        .badge-primary {
+            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+            color: white;
+        }
+        
+        .badge-success {
+            background: #48bb78;
+            color: white;
+        }
+        
+        .badge-warning {
+            background: #ed8936;
+            color: white;
+        }
+        
+        .badge-info {
+            background: #4299e1;
+            color: white;
+        }
+        </style>
+        """, unsafe_allow_html=True)
+
+
+def show_hero_section(title: str, description: str):
+    """عرض قسم Hero جميل"""
+    st.markdown(f"""
+    <div style='text-align: center; padding: 3rem 1rem;'>
+        <h1 style='font-size: 3em; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); 
+                    -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem;'>
+            {title}
+        </h1>
+        <p style='font-size: 1.3rem; color: #4a5568; margin-top: 0;'>
+            {description}
+        </p>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+def show_card(title: str, content: str, icon: str = "📚"):
+    """عرض بطاقة جميلة"""
+    st.markdown(f"""
+    <div class='card'>
+        <h3 style='margin-top: 0;'>{icon} {title}</h3>
+        <p style='color: #4a5568;'>{content}</p>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+def show_feature_cards(features: List[Dict]):
+    """عرض بطاقات الميزات في أعمدة"""
+    cols = st.columns(len(features))
+    
+    for col, feature in zip(cols, features):
+        with col:
+            st.markdown(f"""
+            <div class='card' style='text-align: center;'>
+                <div style='font-size: 3rem; margin-bottom: 0.5rem;'>{feature.get('icon', '✨')}</div>
+                <h3 style='margin: 0.5rem 0;'>{feature.get('title', '')}</h3>
+                <p style='color: #718096; font-size: 0.95rem;'>{feature.get('description', '')}</p>
+            </div>
+            """, unsafe_allow_html=True)
+
+
+def show_progress_bar(percentage: float, label: str = ""):
+    """عرض شريط تقدم جميل"""
+    st.markdown(f"""
+    <div class='progress-bar'>
+        <div class='progress-fill' style='width: {percentage}%;'>
+            {percentage:.1f}%
+        </div>
+    </div>
+    {f'<p style="text-align: center; color: #4a5568; margin-top: 0.5rem;">{label}</p>' if label else ''}
+    """, unsafe_allow_html=True)
+
+
+def show_badge(text: str, badge_type: str = "primary"):
+    """عرض شارة ملونة"""
+    return f"<span class='badge badge-{badge_type}'>{text}</span>"
+
+
+def show_success_message(message: str):
+    """رسالة نجاح جميلة"""
+    st.markdown(f"""
+    <div class='success-box'>
+        <strong>✅ {message}</strong>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+def show_info_message(message: str):
+    """رسالة معلومات جميلة"""
+    st.markdown(f"""
+    <div class='info-box'>
+        <strong>ℹ️ {message}</strong>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+def show_warning_message(message: str):
+    """رسالة تحذير جميلة"""
+    st.markdown(f"""
+    <div class='warning-box'>
+        <strong>⚠️ {message}</strong>
+    </div>
+    """, unsafe_allow_html=True)
+
+
+def create_stat_card(label: str, value: str, icon: str = "📊"):
+    """إنشاء بطاقة إحصائية"""
+    return f"""
+    <div class='card' style='text-align: center;'>
+        <div style='font-size: 2.5rem;'>{icon}</div>
+        <h2 style='margin: 0.5rem 0; color: #667eea;'>{value}</h2>
+        <p style='color: #718096; margin: 0;'>{label}</p>
+    </div>
+    """
+
+
+def show_timeline(events: List[Dict]):
+    """عرض خط زمني للأحداث"""
+    for event in events:
+        status_icon = "✅" if event.get("completed") else "⏳"
+        st.markdown(f"""
+        <div class='card' style='border-right: 4px solid {"#48bb78" if event.get("completed") else "#cbd5e0"};'>
+            <div style='display: flex; align-items: center; gap: 1rem;'>
+                <div style='font-size: 2rem;'>{status_icon}</div>
+                <div style='flex: 1;'>
+                    <h4 style='margin: 0; color: #2d3748;'>{event.get('title', '')}</h4>
+                    <p style='margin: 0.25rem 0 0 0; color: #718096; font-size: 0.9rem;'>
+                        {event.get('date', '')}
+                    </p>
+                </div>
+            </div>
+        </div>
+        """, unsafe_allow_html=True)
+
+
+def show_hub_selector(hubs: Dict) -> Optional[str]:
+    """عرض محدد المحاور التعليمية"""
+    st.markdown("### 🎯 اختر محورك التعليمي")
+    
+    selected_hub = None
+    cols = st.columns(2)
+    
+    hub_items = list(hubs.items())
+    for idx, (hub_id, hub_data) in enumerate(hub_items):
+        col = cols[idx % 2]
+        with col:
+            if st.button(
+                f"{hub_data['icon']} {hub_data['name']}\n\n{hub_data['description']}",
+                key=f"hub_{hub_id}",
+                use_container_width=True
+            ):
+                selected_hub = hub_id
+    
+    return selected_hub
+
+
+def init_session_state(defaults: Dict):
+    """تهيئة session state بقيم افتراضية"""
+    for key, value in defaults.items():
+        if key not in st.session_state:
+            st.session_state[key] = value
+
+
+def show_lesson_card(lesson: Dict, lesson_id: str, is_completed: bool = False):
+    """عرض بطاقة درس"""
+    status_color = "#48bb78" if is_completed else "#cbd5e0"
+    status_text = "مكتمل ✅" if is_completed else "قيد الانتظار ⏳"
+    
+    st.markdown(f"""
+    <div class='card' style='border-right: 4px solid {status_color};'>
+        <div style='display: flex; justify-content: space-between; align-items: start;'>
+            <div style='flex: 1;'>
+                <h4 style='margin: 0 0 0.5rem 0; color: #2d3748;'>{lesson.get('title', '')}</h4>
+                <p style='color: #718096; margin: 0.25rem 0;'>{lesson.get('description', '')}</p>
+                <div style='margin-top: 0.75rem;'>
+                    <span class='badge badge-info'>⏱️ {lesson.get('duration_mins', 0)} دقيقة</span>
+                    <span class='badge badge-primary'>{lesson.get('type', 'درس')}</span>
+                </div>
+            </div>
+            <div style='text-align: left; min-width: 100px;'>
+                <span class='badge badge-{"success" if is_completed else "warning"}'>{status_text}</span>
+            </div>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)