🤖

NASHMI AI

جاري التحميل...

\n \n\n\n",[],[152,228],"cdbe071e-3fda-11f1-9d95-42b51c65c3df","api.ts","cdbe07dc-3fda-11f1-9d95-42b51c65c3df",13,["D",1777034441228],"const BASE = \"\";\n\nasync function api(path: string, options?: RequestInit) {\n const res = await fetch(`${BASE}/api${path}`, {\n ...options,\n headers: { \"Content-Type\": \"application/json\", ...options?.headers },\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"حدث خطأ\");\n return data;\n}\n\nexport const authAPI = {\n login: (email: string, password: string) =>\n api(\"/auth/login\", { method: \"POST\", body: JSON.stringify({ email, password }) }),\n register: (data: any) =>\n api(\"/auth/register\", { method: \"POST\", body: JSON.stringify(data) }),\n};\n\nexport const adminAPI = {\n getPending: () => api(\"/admin/pending\"),\n getUsers: () => api(\"/admin/users\"),\n approve: (id: number) => api(`/admin/approve/${id}`, { method: \"POST\" }),\n reject: (id: number) => api(`/admin/reject/${id}`, { method: \"POST\" }),\n deleteUser: (id: number) => api(`/admin/user/${id}`, { method: \"DELETE\" }),\n};\n\nexport const teacherAPI = {\n createAssignment: (data: any) =>\n api(\"/teacher/assignments\", { method: \"POST\", body: JSON.stringify(data) }),\n getAssignments: (teacherId: number) => api(`/teacher/assignments/${teacherId}`),\n updateAssignment: (id: number, data: any) =>\n api(`/teacher/assignments/${id}`, { method: \"PUT\", body: JSON.stringify(data) }),\n deleteAssignment: (id: number) =>\n api(`/teacher/assignments/${id}`, { method: \"DELETE\" }),\n getSubmissions: (assignmentId: number) => api(`/teacher/submissions/${assignmentId}`),\n gradeSubmission: (submission_id: number, grade_value: number) =>\n api(\"/teacher/grade-submission\", { method: \"POST\", body: JSON.stringify({ submission_id, grade_value }) }),\n createExam: (data: any) =>\n api(\"/teacher/exams\", { method: \"POST\", body: JSON.stringify(data) }),\n getExams: (teacherId: number) => api(`/teacher/exams/${teacherId}`),\n deleteExam: (id: number) => api(`/teacher/exams/${id}`, { method: \"DELETE\" }),\n getExamSubmissions: (examId: number) => api(`/teacher/exam-submissions/${examId}`),\n};\n\nexport const studentAPI = {\n getAssignments: (grade: string) => api(`/student/assignments/${encodeURIComponent(grade)}`),\n checkSubmission: (assignmentId: number, studentId: number) =>\n api(`/student/submission-check/${assignmentId}/${studentId}`),\n submitAssignment: (data: any) =>\n api(\"/student/submit-assignment\", { method: \"POST\", body: JSON.stringify(data) }),\n getGrades: (studentId: number) => api(`/student/grades/${studentId}`),\n getExams: (grade: string) => api(`/student/exams/${encodeURIComponent(grade)}`),\n checkExam: (examId: number, studentId: number) =>\n api(`/student/exam-check/${examId}/${studentId}`),\n submitExam: (data: any) =>\n api(\"/student/submit-exam\", { method: \"POST\", body: JSON.stringify(data) }),\n addPoints: (student_id: number, points: number) =>\n api(\"/student/add-points\", { method: \"POST\", body: JSON.stringify({ student_id, points }) }),\n getPoints: (studentId: number) => api(`/student/points/${studentId}`),\n};\n\nexport const aiAPI = {\n chat: (message: string, history?: any[]) =>\n api(\"/ai/chat\", { method: \"POST\", body: JSON.stringify({ message, history }) }),\n summarize: (text: string) =>\n api(\"/ai/summarize\", { method: \"POST\", body: JSON.stringify({ text }) }),\n generateTest: (subject: string, lesson: string, count: number, grade: string) =>\n api(\"/ai/generate-test\", { method: \"POST\", body: JSON.stringify({ subject, lesson, count, grade }) }),\n getChallengeQuestions: (level: string, count: number) =>\n api(\"/ai/challenge-questions\", { method: \"POST\", body: JSON.stringify({ level, count }) }),\n};\n\nexport const messagesAPI = {\n send: (data: any) =>\n api(\"/messages/send\", { method: \"POST\", body: JSON.stringify(data) }),\n getConversation: (userId: number, friendId: number) =>\n api(`/messages/conversation/${userId}/${friendId}`),\n getGroupMessages: (groupId: number) => api(`/messages/group/${groupId}`),\n addFriend: (user_id: number, friend_id: number) =>\n api(\"/messages/add-friend\", { method: \"POST\", body: JSON.stringify({ user_id, friend_id }) }),\n getFriends: (userId: number) => api(`/messages/friends/${userId}`),\n createGroup: (data: any) =>\n api(\"/messages/create-group\", { method: \"POST\", body: JSON.stringify(data) }),\n getGroups: (userId: number) => api(`/messages/groups/${userId}`),\n changePassword: (user_id: number, old_password: string, new_password: string) =>\n api(\"/messages/change-password\", { method: \"POST\", body: JSON.stringify({ user_id, old_password, new_password }) }),\n};\n",[],[152,236],"d555c930-3fda-11f1-b327-42b51c65c3df","App.tsx","d555c9da-3fda-11f1-b327-42b51c65c3df",14,["D",1777034453967],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { authAPI } from \"./api.ts\";\nimport LoginPage from \"./components/LoginPage.tsx\";\nimport StudentDashboard from \"./components/StudentDashboard.tsx\";\nimport TeacherDashboard from \"./components/TeacherDashboard.tsx\";\nimport AdminDashboard from \"./components/AdminDashboard.tsx\";\n\nexport default function App() {\n const [user, setUser] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const saved = localStorage.getItem(\"nashmi_user\");\n if (saved) {\n try { setUser(JSON.parse(saved)); } catch {}\n }\n setLoading(false);\n }, []);\n\n const handleLogin = useCallback((userData: any) => {\n setUser(userData);\n localStorage.setItem(\"nashmi_user\", JSON.stringify(userData));\n }, []);\n\n const handleLogout = useCallback(() => {\n setUser(null);\n localStorage.removeItem(\"nashmi_user\");\n }, []);\n\n if (loading) {\n return (\n

🤖

Nashmi AI

\n );\n }\n\n if (!user) {\n return ;\n }\n\n switch (user.role) {\n case \"student\":\n return ;\n case \"teacher\":\n return ;\n case \"admin\":\n return ;\n default:\n return ;\n }\n}\n",[],[152,244],"760e6c88-3fdb-11f1-bb09-42b51c65c3df","TeacherDashboard.tsx","760e6d64-3fdb-11f1-bb09-42b51c65c3df","7b34f6b0-76a5-4455-b2b0-c284707ac659",19,["D",1777034723607],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { teacherAPI } from \"../api.ts\";\nimport Sidebar from \"./Sidebar.tsx\";\n\nconst SUBJECTS = [\n \"اللغة العربية\",\"اللغة الإنجليزية\",\"الرياضيات\",\"العلوم\",\"الفيزياء\",\"الكيمياء\",\n \"الأحياء\",\"علوم الأرض\",\"التاريخ\",\"الجغرافيا\",\"التربية الإسلامية\",\"الحاسوب\",\n];\nconst GRADES = [\n \"الصف الأول\",\"الصف الثاني\",\"الصف الثالث\",\"الصف الرابع\",\"الصف الخامس\",\n \"الصف السادس\",\"الصف السابع\",\"الصف الثامن\",\"الصف التاسع\",\"الصف العاشر\",\n \"الأول ثانوي\",\"التوجيهي - علمي\",\"التوجيهي - أدبي\",\n];\n\nconst NAV_ITEMS = [\n { id: \"assignments\", label: \"الواجبات\", icon: \"📝\" },\n { id: \"exams\", label: \"الاختبارات\", icon: \"📋\" },\n { id: \"create\", label: \"إنشاء واجب\", icon: \"➕\" },\n { id: \"create-exam\", label: \"إنشاء اختبار\", icon: \"📄\" },\n];\n\nexport default function TeacherDashboard({ user, onLogout }: { user: any; onLogout: () => void }) {\n const [page, setPage] = useState(\"assignments\");\n const [sidebarOpen, setSidebarOpen] = useState(false);\n const [assignments, setAssignments] = useState([]);\n const [exams, setExams] = useState([]);\n const [submissions, setSubmissions] = useState([]);\n const [selectedAssignment, setSelectedAssignment] = useState(null);\n const [form, setForm] = useState({});\n const [examForm, setExamForm] = useState({ questions: [], duration: 30 });\n const [newQ, setNewQ] = useState({ question: \"\", options: [\"\", \"\", \"\", \"\"], correct: 0 });\n const [loading, setLoading] = useState(false);\n const [msg, setMsg] = useState(\"\");\n\n useEffect(() => {\n loadAssignments();\n loadExams();\n }, []);\n\n const loadAssignments = async () => {\n try {\n const data = await teacherAPI.getAssignments(user.id);\n setAssignments(data.assignments || []);\n } catch {}\n };\n\n const loadExams = async () => {\n try {\n const data = await teacherAPI.getExams(user.id);\n setExams(data.exams || []);\n } catch {}\n };\n\n const loadSubmissions = async (aid: number) => {\n try {\n const data = await teacherAPI.getSubmissions(aid);\n setSubmissions(data.submissions || []);\n } catch {}\n };\n\n const handleCreateAssignment = async () => {\n setLoading(true); setMsg(\"\");\n try {\n await teacherAPI.createAssignment({ ...form, teacher_id: user.id });\n setMsg(\"✅ تم إنشاء الواجب بنجاح\");\n setForm({});\n loadAssignments();\n } catch (e: any) { setMsg(\"❌ \" + e.message); }\n setLoading(false);\n };\n\n const addQuestion = () => {\n if (!newQ.question.trim()) return;\n setExamForm((prev: any) => ({ ...prev, questions: [...prev.questions, { ...newQ }] }));\n setNewQ({ question: \"\", options: [\"\", \"\", \"\", \"\"], correct: 0 });\n };\n\n const handleCreateExam = async () => {\n if (examForm.questions.length === 0) { setMsg(\"❌ أضف سؤالاً واحداً على الأقل\"); return; }\n setLoading(true); setMsg(\"\");\n try {\n await teacherAPI.createExam({\n teacher_id: user.id, title: examForm.title, subject: examForm.subject,\n grade: examForm.grade, duration: examForm.duration, questions: examForm.questions,\n });\n setMsg(\"✅ تم إنشاء الاختبار\");\n setExamForm({ questions: [], duration: 30 });\n loadExams();\n } catch (e: any) { setMsg(\"❌ \" + e.message); }\n setLoading(false);\n };\n\n const handleGrade = async (subId: number, grade: number) => {\n try {\n await teacherAPI.gradeSubmission(subId, grade);\n if (selectedAssignment) loadSubmissions(selectedAssignment.id);\n } catch {}\n };\n\n const handleDeleteAssignment = async (id: number) => {\n if (!confirm(\"حذف الواجب؟\")) return;\n try { await teacherAPI.deleteAssignment(id); loadAssignments(); } catch {}\n };\n\n const handleDeleteExam = async (id: number) => {\n if (!confirm(\"حذف الاختبار؟\")) return;\n try { await teacherAPI.deleteExam(id); loadExams(); } catch {}\n };\n\n return (\n

\n setSidebarOpen(false)} user={user}\n items={NAV_ITEMS} active={page} onNav={setPage} onLogout={onLogout} />\n\n {/* Header */}\n

\n 👨‍🏫\n

لوحة المعلم

{user.name}

\n \n

\n\n

\n {msg && (\n

\n {msg}\n

\n )}\n\n {/* Assignments list */}\n {page === \"assignments\" && !selectedAssignment && (\n

📝 واجباتي ({assignments.length})

\n {assignments.length === 0 ? (\n

📝

لم تنشئ واجبات بعد

\n \n

\n ) : (\n

\n {assignments.map(a => (\n

{ setSelectedAssignment(a); loadSubmissions(a.id); }} className=\"cursor-pointer flex-1\">\n

{a.title}

{a.subject} • {a.grade}

\n {a.due_date &&

📅 {a.due_date}

}\n

\n \n

\n ))}\n

\n )}\n

\n )}\n\n {/* Submissions view */}\n {page === \"assignments\" && selectedAssignment && (\n

\n \n

{selectedAssignment.title}

{selectedAssignment.subject} • {selectedAssignment.grade}

التسليمات ({submissions.length})

\n {submissions.length === 0 ? (\n

لا توجد تسليمات بعد

\n ) : (\n

\n {submissions.map(s => (\n

\n {s.student_name}\n {s.graded ? (\n {s.grade_value}/100\n ) : (\n لم يُقيّم\n )}\n

\n {s.content &&

{s.content}

}\n {s.note &&

💬 {s.note}

}\n {!s.graded && (\n

\n {[100, 90, 80, 70, 60, 50].map(g => (\n \n ))}\n

\n )}\n

\n ))}\n

\n )}\n

\n )}\n\n {/* Create assignment */}\n {page === \"create\" && (\n

➕ إنشاء واجب جديد

\n setForm({ ...form, title: e.target.value })} />\n \n \n

setForm({ ...form, description: e.target.value })} />\n              <input placeholder=\"رقم الصفحة (اختياري)\" value={form.page || \"\"}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n                onChange={e => setForm({ ...form, page: e.target.value })} />\n              <input placeholder=\"السؤال (اختياري)\" value={form.question || \"\"}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n                onChange={e => setForm({ ...form, question: e.target.value })} />\n              <input type=\"date\" value={form.due_date || \"\"}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n                onChange={e => setForm({ ...form, due_date: e.target.value })} />\n              <button onClick={handleCreateAssignment} disabled={loading || !form.title || !form.subject || !form.grade}\n                className=\"w-full p-3.5 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition disabled:opacity-50\">\n                {loading ? \"جاري الإنشاء...\" : \"إنشاء الواجب\"}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* Exams list */}\n        {page === \"exams\" && (\n          <div>\n            <h2 className=\"text-lg font-medium mb-4\">📋 اختباراتي ({exams.length})</h2>\n            {exams.length === 0 ? (\n              <div className=\"text-center py-12 text-gray-400\">\n                <div className=\"text-4xl mb-3\">📋</div>\n                <p>لم تنشئ اختبارات بعد</p>\n                <button onClick={() => setPage(\"create-exam\")} className=\"mt-3 px-4 py-2 bg-black text-white rounded-xl text-sm\">إنشاء اختبار</button>\n              </div>\n            ) : (\n              <div className=\"space-y-3\">\n                {exams.map(e => (\n                  <div key={e.id} className=\"bg-white rounded-xl p-4 shadow-sm flex items-center justify-between\">\n                    <div>\n                      <h3 className=\"font-medium text-sm\">{e.title}</h3>\n                      <p className=\"text-gray-400 text-xs mt-1\">{e.subject} • {e.grade} • {e.duration} دقيقة</p>\n                    </div>\n                    <button onClick={() => handleDeleteExam(e.id)}\n                      className=\"w-8 h-8 rounded-lg bg-red-50 text-red-400 flex items-center justify-center text-xs\">\n                      <i className=\"fas fa-trash\"></i>\n                    </button>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Create exam */}\n        {page === \"create-exam\" && (\n          <div>\n            <h2 className=\"text-lg font-medium mb-4\">📄 إنشاء اختبار جديد</h2>\n            <div className=\"space-y-3\">\n              <input placeholder=\"عنوان الاختبار\" value={examForm.title || \"\"}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n                onChange={e => setExamForm({ ...examForm, title: e.target.value })} />\n              <select value={examForm.subject || \"\"} onChange={e => setExamForm({ ...examForm, subject: e.target.value })}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm bg-white focus:outline-none focus:border-black\">\n                <option value=\"\" disabled>اختر المادة</option>\n                {SUBJECTS.map(s => <option key={s} value={s}>{s}</option>)}\n              </select>\n              <select value={examForm.grade || \"\"} onChange={e => setExamForm({ ...examForm, grade: e.target.value })}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm bg-white focus:outline-none focus:border-black\">\n                <option value=\"\" disabled>اختر الصف</option>\n                {GRADES.map(g => <option key={g} value={g}>{g}</option>)}\n              </select>\n              <input type=\"number\" placeholder=\"المدة (دقائق)\" value={examForm.duration}\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n                onChange={e => setExamForm({ ...examForm, duration: parseInt(e.target.value) || 30 })} />\n\n              {/* Added questions */}\n              {examForm.questions.length > 0 && (\n                <div className=\"bg-gray-50 rounded-xl p-3\">\n                  <p className=\"text-xs font-medium text-gray-500 mb-2\">الأسئلة ({examForm.questions.length}):</p>\n                  {examForm.questions.map((q: any, i: number) => (\n                    <div key={i} className=\"bg-white rounded-lg p-2 mb-1 text-xs\">\n                      <span className=\"font-medium\">{i + 1}.</span> {q.question}\n                    </div>\n                  ))}\n                </div>\n              )}\n\n              {/* Add question */}\n              <div className=\"bg-white rounded-xl p-4 border border-gray-200\">\n                <p className=\"text-sm font-medium mb-3\">➕ إضافة سؤال</p>\n                <input placeholder=\"نص السؤال\" value={newQ.question}\n                  className=\"w-full p-3 border border-gray-200 rounded-xl text-sm mb-2 focus:outline-none focus:border-black\"\n                  onChange={e => setNewQ({ ...newQ, question: e.target.value })} />\n                {newQ.options.map((opt, i) => (\n                  <div key={i} className=\"flex items-center gap-2 mb-1.5\">\n                    <button onClick={() => setNewQ({ ...newQ, correct: i })}\n                      className={`w-7 h-7 rounded-full flex items-center justify-center text-xs ${newQ.correct === i ? \"bg-green-500 text-white\" : \"bg-gray-100\"}`}>\n                      {newQ.correct === i ? \"✓\" : String.fromCharCode(1571 + i)}\n                    </button>\n                    <input placeholder={`الخيار ${i + 1}`} value={opt}\n                      className=\"flex-1 p-2.5 border border-gray-200 rounded-lg text-sm focus:outline-none focus:border-black\"\n                      onChange={e => {\n                        const opts = [...newQ.options];\n                        opts[i] = e.target.value;\n                        setNewQ({ ...newQ, options: opts });\n                      }} />\n                  </div>\n                ))}\n                <button onClick={addQuestion}\n                  className=\"w-full mt-2 p-2.5 bg-gray-100 text-gray-700 rounded-xl text-sm hover:bg-gray-200 transition\">\n                  إضافة السؤال\n                </button>\n              </div>\n\n              <button onClick={handleCreateExam} disabled={loading || !examForm.title || !examForm.subject || !examForm.grade}\n                className=\"w-full p-3.5 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition disabled:opacity-50\">\n                {loading ? \"جاري الإنشاء...\" : `إنشاء الاختبار (${examForm.questions.length} سؤال)`}\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n",[],[152,260,252],"components","ff905f7a-3fdb-11f1-b4bc-42b51c65c3df","StudentDashboard.tsx","568e6cd2-3fdb-11f1-bffe-42b51c65c3df",21,["D",1777034954298],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { studentAPI, aiAPI, messagesAPI } from \"../api.ts\";\nimport Sidebar from \"./Sidebar.tsx\";\n\nconst RANKS = [\n  { min: 0, max: 500, name: \"مجند نشمي\", icon: \"🔰\" },\n  { min: 500, max: 1000, name: \"عريف نشمي\", icon: \"⭐\" },\n  { min: 1000, max: 1500, name: \"وكيل نشمي\", icon: \"🌟\" },\n  { min: 1500, max: 2500, name: \"رقيب نشمي\", icon: \"💫\" },\n  { min: 2500, max: 4000, name: \"ملازم نشمي\", icon: \"🎖️\" },\n  { min: 4000, max: 6000, name: \"نقيب نشمي\", icon: \"🏅\" },\n  { min: 6000, max: 9000, name: \"رائد نشمي\", icon: \"🥇\" },\n  { min: 9000, max: 13000, name: \"عقيد نشمي\", icon: \"👑\" },\n  { min: 13000, max: Infinity, name: \"لواء نشمي\", icon: \"🏆\" },\n];\n\nfunction getRank(points: number) {\n  return RANKS.find(r => points >= r.min && points < r.max) || RANKS[0];\n}\n\nconst NAV_ITEMS = [\n  { id: \"home\", label: \"الرئيسية\", icon: \"🏠\" },\n  { id: \"assignments\", label: \"الواجبات\", icon: \"📝\" },\n  { id: \"exams\", label: \"الاختبارات\", icon: \"📋\" },\n  { id: \"grades\", label: \"درجاتي\", icon: \"📊\" },\n  { id: \"ai-chat\", label: \"نشمي AI\", icon: \"🤖\" },\n  { id: \"challenge\", label: \"تحدي 60 ثانية\", icon: \"⚡\" },\n  { id: \"chat\", label: \"المحادثات\", icon: \"💬\" },\n  { id: \"settings\", label: \"الإعدادات\", icon: \"⚙️\" },\n];\n\nexport default function StudentDashboard({ user, onLogout, setUser }: { user: any; onLogout: () => void; setUser: (u: any) => void }) {\n  const [page, setPage] = useState(\"home\");\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n\n  return (\n    <div className=\"min-h-screen bg-gray-50\">\n      <Sidebar open={sidebarOpen} onClose={() => setSidebarOpen(false)} user={user}\n        items={NAV_ITEMS} active={page} onNav={setPage} onLogout={onLogout} />\n\n      {/* Header */}\n      <div className=\"bg-black text-white p-4 flex items-center justify-between sticky top-0 z-30\">\n        <div className=\"flex items-center gap-3\">\n          <span className=\"text-xl\">🤖</span>\n          <div>\n            <h1 className=\"text-sm font-medium\">نشمي AI</h1>\n            <p className=\"text-white/50 text-xs\">أهلاً {user.name}</p>\n          </div>\n        </div>\n        <button onClick={() => setSidebarOpen(true)} className=\"w-10 h-10 rounded-xl bg-white/10 flex items-center justify-center\">\n          <i className=\"fas fa-bars text-sm\"></i>\n        </button>\n      </div>\n\n      <div className=\"p-4 max-w-2xl mx-auto fade-in\">\n        {page === \"home\" && <HomePage user={user} onNav={setPage} />}\n        {page === \"assignments\" && <AssignmentsPage user={user} />}\n        {page === \"exams\" && <ExamsPage user={user} setUser={setUser} />}\n        {page === \"grades\" && <GradesPage user={user} />}\n        {page === \"ai-chat\" && <AIChatPage />}\n        {page === \"challenge\" && <ChallengePage user={user} setUser={setUser} />}\n        {page === \"chat\" && <ChatPage user={user} />}\n        {page === \"settings\" && <SettingsPage user={user} />}\n      </div>\n    </div>\n  );\n}\n\nfunction HomePage({ user, onNav }: { user: any; onNav: (id: string) => void }) {\n  const rank = getRank(user.points || 0);\n  const features = [\n    { id: \"assignments\", icon: \"📝\", label: \"الواجبات\", desc: \"واجباتك المدرسية\" },\n    { id: \"exams\", icon: \"📋\", label: \"الاختبارات\", desc: \"اختبر نفسك\" },\n    { id: \"ai-chat\", icon: \"🤖\", label: \"نشمي AI\", desc: \"مساعدك الذكي\" },\n    { id: \"challenge\", icon: \"⚡\", label: \"تحدي 60 ثانية\", desc: \"اربح نقاط\" },\n    { id: \"grades\", icon: \"📊\", label: \"درجاتي\", desc: \"متابعة درجاتك\" },\n    { id: \"chat\", icon: \"💬\", label: \"المحادثات\", desc: \"تواصل مع أصدقائك\" },\n  ];\n\n  return (\n    <div>\n      {/* Rank card */}\n      <div className=\"bg-black text-white rounded-2xl p-5 mb-6\">\n        <div className=\"flex items-center justify-between mb-3\">\n          <div>\n            <p className=\"text-white/50 text-xs\">رتبتك الحالية</p>\n            <h2 className=\"text-lg font-medium\">{rank.icon} {rank.name}</h2>\n          </div>\n          <div className=\"text-left\">\n            <p className=\"text-2xl font-bold\">{user.points || 0}</p>\n            <p className=\"text-white/50 text-xs\">نقطة</p>\n          </div>\n        </div>\n      </div>\n\n      {/* Quick access */}\n      <div className=\"grid grid-cols-2 gap-3\">\n        {features.map(f => (\n          <button key={f.id} onClick={() => onNav(f.id)}\n            className=\"bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition\">\n            <div className=\"text-3xl mb-2\">{f.icon}</div>\n            <h3 className=\"text-sm font-medium\">{f.label}</h3>\n            <p className=\"text-gray-400 text-xs mt-0.5\">{f.desc}</p>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction AssignmentsPage({ user }: { user: any }) {\n  const [assignments, setAssignments] = useState<any[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [selected, setSelected] = useState<any>(null);\n  const [content, setContent] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [msg, setMsg] = useState(\"\");\n\n  useEffect(() => {\n    if (user.grade) loadAssignments();\n    else setLoading(false);\n  }, []);\n\n  const loadAssignments = async () => {\n    try {\n      const data = await studentAPI.getAssignments(user.grade);\n      const withStatus = await Promise.all(\n        (data.assignments || []).map(async (a: any) => {\n          const check = await studentAPI.checkSubmission(a.id, user.id);\n          return { ...a, submitted: check.submitted, submission: check.submission };\n        })\n      );\n      setAssignments(withStatus);\n    } catch {}\n    setLoading(false);\n  };\n\n  const handleSubmit = async () => {\n    if (!content.trim()) return;\n    setSubmitting(true); setMsg(\"\");\n    try {\n      await studentAPI.submitAssignment({ assignment_id: selected.id, student_id: user.id, content });\n      setMsg(\"✅ تم تسليم الواجب بنجاح!\");\n      setContent(\"\");\n      loadAssignments();\n    } catch (e: any) { setMsg(\"❌ \" + e.message); }\n    setSubmitting(false);\n  };\n\n  if (selected) {\n    return (\n      <div>\n        <button onClick={() => { setSelected(null); setMsg(\"\"); }} className=\"text-sm text-gray-500 mb-4 flex items-center gap-1\">\n          <i className=\"fas fa-arrow-right\"></i> العودة\n        </button>\n        <h2 className=\"text-lg font-medium\">{selected.title}</h2>\n        <p className=\"text-gray-400 text-xs mb-1\">{selected.subject} • {selected.teacher_name}</p>\n        {selected.description && <p className=\"text-gray-600 text-sm mb-3\">{selected.description}</p>}\n        {selected.page && <p className=\"text-sm mb-1\">📄 الصفحة: {selected.page}</p>}\n        {selected.question && <p className=\"text-sm mb-3\">❓ {selected.question}</p>}\n\n        {selected.submitted ? (\n          <div className=\"bg-green-50 rounded-xl p-4 text-center\">\n            <p className=\"text-green-700 text-sm\">✅ تم تسليم هذا الواجب</p>\n            {selected.submission?.graded ? (\n              <p className=\"text-green-600 font-bold mt-1\">{selected.submission.grade_value}/100</p>\n            ) : (\n              <p className=\"text-gray-400 text-xs mt-1\">بانتظار التقييم</p>\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <textarea placeholder=\"اكتب إجابتك هنا...\" value={content} rows={5}\n              className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition resize-none\"\n              onChange={e => setContent(e.target.value)} />\n            {msg && <p className={`text-sm text-center ${msg.startsWith(\"✅\") ? \"text-green-600\" : \"text-red-500\"}`}>{msg}</p>}\n            <button onClick={handleSubmit} disabled={submitting || !content.trim()}\n              className=\"w-full p-3.5 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition disabled:opacity-50\">\n              {submitting ? \"جاري التسليم...\" : \"تسليم الواجب\"}\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <h2 className=\"text-lg font-medium mb-4\">📝 الواجبات</h2>\n      {loading ? (\n        <div className=\"space-y-3\">{[1,2,3].map(i => <div key={i} className=\"h-20 shimmer rounded-xl\"></div>)}</div>\n      ) : assignments.length === 0 ? (\n        <div className=\"text-center py-12 text-gray-400\">\n          <div className=\"text-4xl mb-3\">📝</div>\n          <p>لا توجد واجبات حالياً</p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {assignments.map(a => (\n            <div key={a.id} onClick={() => setSelected(a)}\n              className=\"bg-white rounded-xl p-4 shadow-sm cursor-pointer hover:shadow-md transition\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <h3 className=\"font-medium text-sm\">{a.title}</h3>\n                  <p className=\"text-gray-400 text-xs mt-1\">{a.subject} • {a.teacher_name}</p>\n                </div>\n                {a.submitted ? (\n                  <span className=\"px-2 py-0.5 rounded-lg bg-green-50 text-green-600 text-xs\">مسلّم ✓</span>\n                ) : (\n                  <span className=\"px-2 py-0.5 rounded-lg bg-orange-50 text-orange-600 text-xs\">لم يُسلّم</span>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ExamsPage({ user, setUser }: { user: any; setUser: (u: any) => void }) {\n  const [exams, setExams] = useState<any[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [activeExam, setActiveExam] = useState<any>(null);\n  const [answers, setAnswers] = useState<number[]>([]);\n  const [timeLeft, setTimeLeft] = useState(0);\n  const [result, setResult] = useState<any>(null);\n  const timerRef = useRef<any>(null);\n\n  useEffect(() => {\n    if (user.grade) loadExams();\n    else setLoading(false);\n  }, []);\n\n  const loadExams = async () => {\n    try {\n      const data = await studentAPI.getExams(user.grade);\n      const withStatus = await Promise.all(\n        (data.exams || []).map(async (e: any) => {\n          const check = await studentAPI.checkExam(e.id, user.id);\n          return { ...e, taken: check.taken, submission: check.submission };\n        })\n      );\n      setExams(withStatus);\n    } catch {}\n    setLoading(false);\n  };\n\n  const startExam = (exam: any) => {\n    const questions = typeof exam.questions === \"string\" ? JSON.parse(exam.questions) : exam.questions;\n    setActiveExam({ ...exam, questions });\n    setAnswers(new Array(questions.length).fill(-1));\n    setTimeLeft(exam.duration * 60);\n    setResult(null);\n    timerRef.current = setInterval(() => {\n      setTimeLeft(prev => {\n        if (prev <= 1) { clearInterval(timerRef.current); return 0; }\n        return prev - 1;\n      });\n    }, 1000);\n  };\n\n  const submitExam = async () => {\n    if (timerRef.current) clearInterval(timerRef.current);\n    const questions = activeExam.questions;\n    let correct = 0;\n    answers.forEach((a, i) => { if (a === questions[i].correct) correct++; });\n    const score = Math.round((correct / questions.length) * 100);\n    try {\n      const res = await studentAPI.submitExam({ exam_id: activeExam.id, student_id: user.id, answers, score });\n      setResult({ score, correct, total: questions.length, pointsEarned: res.pointsEarned });\n      setUser({ ...user, points: (user.points || 0) + (res.pointsEarned || 0) });\n    } catch {}\n  };\n\n  useEffect(() => { if (timeLeft === 0 && activeExam && !result) submitExam(); }, [timeLeft]);\n  useEffect(() => { return () => { if (timerRef.current) clearInterval(timerRef.current); }; }, []);\n\n  if (result) {\n    return (\n      <div className=\"text-center py-8\">\n        <div className=\"text-6xl mb-4\">{result.score >= 70 ? \"🎉\" : result.score >= 50 ? \"👍\" : \"💪\"}</div>\n        <h2 className=\"text-2xl font-bold mb-2\">{result.score}%</h2>\n        <p className=\"text-gray-500 mb-1\">{result.correct} من {result.total} صحيح</p>\n        <p className=\"text-green-600 text-sm mb-6\">+{result.pointsEarned} نقطة ⭐</p>\n        <button onClick={() => { setActiveExam(null); setResult(null); loadExams(); }}\n          className=\"px-6 py-3 bg-black text-white rounded-xl text-sm\">العودة</button>\n      </div>\n    );\n  }\n\n  if (activeExam) {\n    const mins = Math.floor(timeLeft / 60);\n    const secs = timeLeft % 60;\n    return (\n      <div>\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-sm font-medium\">{activeExam.title}</h2>\n          <span className={`px-3 py-1 rounded-lg text-sm font-mono ${timeLeft < 30 ? \"bg-red-100 text-red-600\" : \"bg-gray-100\"}`}>\n            {mins}:{secs.toString().padStart(2, \"0\")}\n          </span>\n        </div>\n        <div className=\"space-y-4\">\n          {activeExam.questions.map((q: any, qi: number) => (\n            <div key={qi} className=\"bg-white rounded-xl p-4 shadow-sm\">\n              <p className=\"font-medium text-sm mb-3\">{qi + 1}. {q.question}</p>\n              <div className=\"space-y-2\">\n                {q.options.map((opt: string, oi: number) => (\n                  <button key={oi} onClick={() => { const a = [...answers]; a[qi] = oi; setAnswers(a); }}\n                    className={`w-full text-right p-3 rounded-xl text-sm transition ${\n                      answers[qi] === oi ? \"bg-black text-white\" : \"bg-gray-50 hover:bg-gray-100\"\n                    }`}>\n                    {opt}\n                  </button>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n        <button onClick={submitExam}\n          className=\"w-full mt-4 p-3.5 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition\">\n          إنهاء الاختبار\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <h2 className=\"text-lg font-medium mb-4\">📋 الاختبارات</h2>\n      {loading ? (\n        <div className=\"space-y-3\">{[1,2,3].map(i => <div key={i} className=\"h-20 shimmer rounded-xl\"></div>)}</div>\n      ) : exams.length === 0 ? (\n        <div className=\"text-center py-12 text-gray-400\">\n          <div className=\"text-4xl mb-3\">📋</div>\n          <p>لا توجد اختبارات حالياً</p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {exams.map(e => (\n            <div key={e.id} className=\"bg-white rounded-xl p-4 shadow-sm\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <h3 className=\"font-medium text-sm\">{e.title}</h3>\n                  <p className=\"text-gray-400 text-xs mt-1\">{e.subject} • {e.teacher_name} • {e.duration} دقيقة</p>\n                </div>\n                {e.taken ? (\n                  <span className=\"px-2 py-0.5 rounded-lg bg-green-50 text-green-600 text-xs\">{e.submission?.score}%</span>\n                ) : (\n                  <button onClick={() => startExam(e)}\n                    className=\"px-3 py-1.5 bg-black text-white rounded-xl text-xs\">ابدأ</button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction GradesPage({ user }: { user: any }) {\n  const [grades, setGrades] = useState<any>({ assignmentGrades: [], examGrades: [] });\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    (async () => {\n      try {\n        const data = await studentAPI.getGrades(user.id);\n        setGrades(data);\n      } catch {}\n      setLoading(false);\n    })();\n  }, []);\n\n  if (loading) return <div className=\"space-y-3\">{[1,2,3].map(i => <div key={i} className=\"h-16 shimmer rounded-xl\"></div>)}</div>;\n\n  const all = [\n    ...grades.assignmentGrades.map((g: any) => ({ ...g, type: \"واجب\", score: g.grade_value })),\n    ...grades.examGrades.map((g: any) => ({ ...g, type: \"اختبار\", score: g.score })),\n  ];\n\n  return (\n    <div>\n      <h2 className=\"text-lg font-medium mb-4\">📊 درجاتي</h2>\n      {all.length === 0 ? (\n        <div className=\"text-center py-12 text-gray-400\">\n          <div className=\"text-4xl mb-3\">📊</div>\n          <p>لا توجد درجات بعد</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {all.map((g, i) => (\n            <div key={i} className=\"bg-white rounded-xl p-3 shadow-sm flex items-center justify-between\">\n              <div>\n                <h3 className=\"font-medium text-sm\">{g.title}</h3>\n                <p className=\"text-gray-400 text-xs\">{g.subject} • {g.type}</p>\n              </div>\n              <span className={`text-lg font-bold ${g.score >= 70 ? \"text-green-600\" : g.score >= 50 ? \"text-yellow-600\" : \"text-red-500\"}`}>\n                {g.score}%\n              </span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction AIChatPage() {\n  const [messages, setMessages] = useState<any[]>([]);\n  const [input, setInput] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const bottomRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [messages]);\n\n  const send = async () => {\n    if (!input.trim() || loading) return;\n    const userMsg = input.trim();\n    setInput(\"\");\n    setMessages(prev => [...prev, { role: \"user\", content: userMsg }]);\n    setLoading(true);\n    try {\n      const history = messages.map(m => ({ role: m.role, content: m.content }));\n      const data = await aiAPI.chat(userMsg, history);\n      setMessages(prev => [...prev, { role: \"assistant\", content: data.response }]);\n    } catch {\n      setMessages(prev => [...prev, { role: \"assistant\", content: \"عذراً، حدث خطأ. حاول مرة أخرى.\" }]);\n    }\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"flex flex-col\" style={{ height: \"calc(100vh - 140px)\" }}>\n      <h2 className=\"text-lg font-medium mb-3\">🤖 نشمي AI</h2>\n      <div className=\"flex-1 overflow-y-auto space-y-3 mb-3\">\n        {messages.length === 0 && (\n          <div className=\"text-center py-8 text-gray-400\">\n            <div className=\"text-5xl mb-3\">🤖</div>\n            <p className=\"text-sm\">أهلاً! أنا نشمي، مساعدك الذكي</p>\n            <p className=\"text-xs mt-1\">اسألني عن أي مادة من المنهاج الأردني</p>\n          </div>\n        )}\n        {messages.map((m, i) => (\n          <div key={i} className={`flex ${m.role === \"user\" ? \"justify-start\" : \"justify-end\"}`}>\n            <div className={`max-w-[80%] p-3 rounded-2xl text-sm whitespace-pre-wrap ${\n              m.role === \"user\" ? \"bg-black text-white rounded-br-sm\" : \"bg-white shadow-sm rounded-bl-sm\"\n            }`}>\n              {m.content}\n            </div>\n          </div>\n        ))}\n        {loading && (\n          <div className=\"flex justify-end\">\n            <div className=\"bg-white shadow-sm rounded-2xl rounded-bl-sm p-3 text-sm text-gray-400\">\n              جاري التفكير...\n            </div>\n          </div>\n        )}\n        <div ref={bottomRef} />\n      </div>\n      <div className=\"flex gap-2\">\n        <input value={input} onChange={e => setInput(e.target.value)}\n          onKeyDown={e => e.key === \"Enter\" && send()}\n          placeholder=\"اكتب سؤالك...\"\n          className=\"flex-1 p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\" />\n        <button onClick={send} disabled={loading || !input.trim()}\n          className=\"w-12 h-12 bg-black text-white rounded-xl flex items-center justify-center disabled:opacity-50\">\n          <i className=\"fas fa-paper-plane\"></i>\n        </button>\n      </div>\n    </div>\n  );\n}\n\nfunction ChallengePage({ user, setUser }: { user: any; setUser: (u: any) => void }) {\n  const [level, setLevel] = useState<string>(\"\");\n  const [questions, setQuestions] = useState<any[]>([]);\n  const [current, setCurrent] = useState(0);\n  const [score, setScore] = useState(0);\n  const [timeLeft, setTimeLeft] = useState(60);\n  const [finished, setFinished] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const timerRef = useRef<any>(null);\n\n  const startChallenge = async (lv: string) => {\n    setLevel(lv); setLoading(true);\n    try {\n      const data = await aiAPI.getChallengeQuestions(lv, 15);\n      setQuestions(data.questions || []);\n      setCurrent(0); setScore(0); setTimeLeft(60); setFinished(false);\n      timerRef.current = setInterval(() => {\n        setTimeLeft(prev => {\n          if (prev <= 1) { clearInterval(timerRef.current); return 0; }\n          return prev - 1;\n        });\n      }, 1000);\n    } catch {}\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    if (timeLeft === 0 && questions.length > 0 && !finished) endChallenge();\n  }, [timeLeft]);\n\n  useEffect(() => { return () => { if (timerRef.current) clearInterval(timerRef.current); }; }, []);\n\n  const answer = (idx: number) => {\n    if (finished) return;\n    const correct = questions[current].correct === idx;\n    const pts = correct ? (level === \"easy\" ? 10 : level === \"medium\" ? 20 : 30) : 0;\n    setScore(prev => prev + pts);\n    if (current + 1 >= questions.length) {\n      endChallenge();\n    } else {\n      setCurrent(prev => prev + 1);\n    }\n  };\n\n  const endChallenge = async () => {\n    if (timerRef.current) clearInterval(timerRef.current);\n    setFinished(true);\n    if (score > 0) {\n      try {\n        const res = await studentAPI.addPoints(user.id, score);\n        setUser({ ...user, points: res.points });\n      } catch {}\n    }\n  };\n\n  if (!level) {\n    return (\n      <div className=\"text-center\">\n        <div className=\"text-5xl mb-4\">⚡</div>\n        <h2 className=\"text-xl font-bold mb-2\">تحدي الـ 60 ثانية</h2>\n        <p className=\"text-gray-500 text-sm mb-6\">أجب أكبر عدد من الأسئلة في 60 ثانية واربح نقاط!</p>\n        <div className=\"space-y-3\">\n          {[\n            { lv: \"easy\", label: \"سهل\", desc: \"10 نقاط/سؤال\", icon: \"🟢\" },\n            { lv: \"medium\", label: \"متوسط\", desc: \"20 نقطة/سؤال\", icon: \"🟡\" },\n            { lv: \"hard\", label: \"صعب\", desc: \"30 نقطة/سؤال\", icon: \"🔴\" },\n          ].map(l => (\n            <button key={l.lv} onClick={() => startChallenge(l.lv)}\n              className=\"w-full bg-white rounded-xl p-4 shadow-sm flex items-center gap-4 hover:shadow-md transition\">\n              <span className=\"text-2xl\">{l.icon}</span>\n              <div className=\"text-right\">\n                <h3 className=\"font-medium\">{l.label}</h3>\n                <p className=\"text-gray-400 text-xs\">{l.desc}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return <div className=\"text-center py-12\"><div className=\"text-4xl mb-3 pulse-anim\">⚡</div><p className=\"text-gray-400\">جاري تحميل الأسئلة...</p></div>;\n  }\n\n  if (finished) {\n    return (\n      <div className=\"text-center py-8\">\n        <div className=\"text-6xl mb-4\">{score >= 100 ? \"🏆\" : score >= 50 ? \"⭐\" : \"💪\"}</div>\n        <h2 className=\"text-3xl font-bold mb-2\">{score} نقطة</h2>\n        <p className=\"text-gray-500 mb-6\">{current} سؤال أُجيب عليه</p>\n        <div className=\"space-y-2\">\n          <button onClick={() => startChallenge(level)} className=\"w-full px-6 py-3 bg-black text-white rounded-xl text-sm\">إعادة التحدي</button>\n          <button onClick={() => setLevel(\"\")} className=\"w-full px-6 py-3 bg-gray-100 text-gray-700 rounded-xl text-sm\">تغيير المستوى</button>\n        </div>\n      </div>\n    );\n  }\n\n  const q = questions[current];\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4\">\n        <span className=\"text-sm font-medium\">{current + 1}/{questions.length}</span>\n        <span className={`px-3 py-1 rounded-lg text-sm font-mono font-bold ${timeLeft < 10 ? \"bg-red-100 text-red-600\" : \"bg-gray-100\"}`}>\n          {timeLeft}s\n        </span>\n        <span className=\"text-sm font-medium\">⭐ {score}</span>\n      </div>\n      {/* Progress bar */}\n      <div className=\"w-full bg-gray-200 rounded-full h-1.5 mb-4\">\n        <div className=\"bg-black rounded-full h-1.5 transition-all\" style={{ width: `${(timeLeft / 60) * 100}%` }}></div>\n      </div>\n      <div className=\"bg-white rounded-xl p-5 shadow-sm mb-4\">\n        <p className=\"font-medium text-center\">{q.question}</p>\n      </div>\n      <div className=\"space-y-2\">\n        {q.options.map((opt: string, i: number) => (\n          <button key={i} onClick={() => answer(i)}\n            className=\"w-full p-3.5 bg-white rounded-xl text-sm shadow-sm hover:bg-black hover:text-white transition text-right\">\n            {opt}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction ChatPage({ user }: { user: any }) {\n  const [friends, setFriends] = useState<any[]>([]);\n  const [selectedFriend, setSelectedFriend] = useState<any>(null);\n  const [chatMessages, setChatMessages] = useState<any[]>([]);\n  const [input, setInput] = useState(\"\");\n  const [friendId, setFriendId] = useState(\"\");\n  const [msg, setMsg] = useState(\"\");\n  const bottomRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => { loadFriends(); }, []);\n  useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [chatMessages]);\n\n  const loadFriends = async () => {\n    try {\n      const data = await messagesAPI.getFriends(user.id);\n      setFriends(data.friends || []);\n    } catch {}\n  };\n\n  const loadChat = async (friend: any) => {\n    setSelectedFriend(friend);\n    try {\n      const data = await messagesAPI.getConversation(user.id, friend.id);\n      setChatMessages(data.messages || []);\n    } catch {}\n  };\n\n  const sendMessage = async () => {\n    if (!input.trim()) return;\n    try {\n      await messagesAPI.send({ sender_id: user.id, receiver_id: selectedFriend.id, content: input });\n      setInput(\"\");\n      loadChat(selectedFriend);\n    } catch {}\n  };\n\n  const addFriend = async () => {\n    if (!friendId.trim()) return;\n    setMsg(\"\");\n    try {\n      await messagesAPI.addFriend(user.id, parseInt(friendId));\n      setMsg(\"✅ تمت الإضافة\");\n      setFriendId(\"\");\n      loadFriends();\n    } catch (e: any) { setMsg(\"❌ \" + e.message); }\n  };\n\n  if (selectedFriend) {\n    return (\n      <div className=\"flex flex-col\" style={{ height: \"calc(100vh - 140px)\" }}>\n        <div className=\"flex items-center gap-3 mb-3\">\n          <button onClick={() => setSelectedFriend(null)} className=\"w-8 h-8 rounded-lg bg-gray-100 flex items-center justify-center\">\n            <i className=\"fas fa-arrow-right text-xs\"></i>\n          </button>\n          <h3 className=\"font-medium text-sm\">{selectedFriend.name}</h3>\n        </div>\n        <div className=\"flex-1 overflow-y-auto space-y-2 mb-3\">\n          {chatMessages.map((m, i) => (\n            <div key={i} className={`flex ${m.sender_id === user.id ? \"justify-start\" : \"justify-end\"}`}>\n              <div className={`max-w-[75%] p-2.5 rounded-xl text-sm ${\n                m.sender_id === user.id ? \"bg-black text-white\" : \"bg-white shadow-sm\"\n              }`}>{m.content}</div>\n            </div>\n          ))}\n          <div ref={bottomRef} />\n        </div>\n        <div className=\"flex gap-2\">\n          <input value={input} onChange={e => setInput(e.target.value)}\n            onKeyDown={e => e.key === \"Enter\" && sendMessage()}\n            placeholder=\"اكتب رسالة...\"\n            className=\"flex-1 p-3 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black\" />\n          <button onClick={sendMessage} className=\"w-10 h-10 bg-black text-white rounded-xl flex items-center justify-center\">\n            <i className=\"fas fa-paper-plane text-xs\"></i>\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <h2 className=\"text-lg font-medium mb-4\">💬 المحادثات</h2>\n      {/* Add friend */}\n      <div className=\"flex gap-2 mb-4\">\n        <input placeholder=\"رقم ID الصديق\" value={friendId} onChange={e => setFriendId(e.target.value)}\n          className=\"flex-1 p-3 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black\" />\n        <button onClick={addFriend} className=\"px-4 bg-black text-white rounded-xl text-sm\">إضافة</button>\n      </div>\n      {msg && <p className={`text-sm text-center mb-3 ${msg.startsWith(\"✅\") ? \"text-green-600\" : \"text-red-500\"}`}>{msg}</p>}\n\n      {friends.length === 0 ? (\n        <div className=\"text-center py-12 text-gray-400\">\n          <div className=\"text-4xl mb-3\">💬</div>\n          <p>لا يوجد أصدقاء بعد</p>\n          <p className=\"text-xs mt-1\">أضف صديقاً بكتابة رقم الـ ID</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {friends.map(f => (\n            <button key={f.id} onClick={() => loadChat(f)}\n              className=\"w-full bg-white rounded-xl p-3 shadow-sm flex items-center gap-3 hover:shadow-md transition\">\n              <div className=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center\">\n                {f.role === \"student\" ? \"👨‍🎓\" : \"👨‍🏫\"}\n              </div>\n              <div className=\"text-right\">\n                <h3 className=\"font-medium text-sm\">{f.name}</h3>\n                <p className=\"text-gray-400 text-xs\">{f.role === \"student\" ? \"طالب\" : \"معلم\"}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SettingsPage({ user }: { user: any }) {\n  const [oldPass, setOldPass] = useState(\"\");\n  const [newPass, setNewPass] = useState(\"\");\n  const [msg, setMsg] = useState(\"\");\n\n  const changePassword = async () => {\n    if (!oldPass || !newPass) return;\n    setMsg(\"\");\n    try {\n      await messagesAPI.changePassword(user.id, oldPass, newPass);\n      setMsg(\"✅ تم تغيير كلمة المرور\");\n      setOldPass(\"\"); setNewPass(\"\");\n    } catch (e: any) { setMsg(\"❌ \" + e.message); }\n  };\n\n  return (\n    <div>\n      <h2 className=\"text-lg font-medium mb-4\">⚙️ الإعدادات</h2>\n      <div className=\"bg-white rounded-xl p-4 shadow-sm mb-4\">\n        <h3 className=\"text-sm font-medium mb-1\">معلوماتك</h3>\n        <p className=\"text-gray-500 text-xs\">الاسم: {user.name}</p>\n        <p className=\"text-gray-500 text-xs\">البريد: {user.email}</p>\n        <p className=\"text-gray-500 text-xs\">الصف: {user.grade || \"-\"}</p>\n        <p className=\"text-gray-500 text-xs\">رقم ID: {user.id}</p>\n      </div>\n      <div className=\"bg-white rounded-xl p-4 shadow-sm\">\n        <h3 className=\"text-sm font-medium mb-3\">تغيير كلمة المرور</h3>\n        <div className=\"space-y-2\">\n          <input type=\"password\" placeholder=\"كلمة المرور القديمة\" value={oldPass}\n            className=\"w-full p-3 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black\"\n            onChange={e => setOldPass(e.target.value)} />\n          <input type=\"password\" placeholder=\"كلمة المرور الجديدة\" value={newPass}\n            className=\"w-full p-3 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black\"\n            onChange={e => setNewPass(e.target.value)} />\n          {msg && <p className={`text-sm text-center ${msg.startsWith(\"✅\") ? \"text-green-600\" : \"text-red-500\"}`}>{msg}</p>}\n          <button onClick={changePassword}\n            className=\"w-full p-3 bg-black text-white rounded-xl text-sm hover:bg-gray-800 transition\">\n            تغيير كلمة المرور\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n",[],[152,260,262],"f3edbfce-3fda-11f1-b5a1-42b51c65c3df","Sidebar.tsx","f3edc096-3fda-11f1-b5a1-42b51c65c3df",16,["D",1777034505293],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst RANKS = [\n  { min: 0, max: 500, name: \"مجند نشمي\", icon: \"🔰\" },\n  { min: 500, max: 1000, name: \"عريف نشمي\", icon: \"⭐\" },\n  { min: 1000, max: 1500, name: \"وكيل نشمي\", icon: \"🌟\" },\n  { min: 1500, max: 2500, name: \"رقيب نشمي\", icon: \"💫\" },\n  { min: 2500, max: 4000, name: \"ملازم نشمي\", icon: \"🎖️\" },\n  { min: 4000, max: 6000, name: \"نقيب نشمي\", icon: \"🏅\" },\n  { min: 6000, max: 9000, name: \"رائد نشمي\", icon: \"🥇\" },\n  { min: 9000, max: 13000, name: \"عقيد نشمي\", icon: \"👑\" },\n  { min: 13000, max: Infinity, name: \"لواء نشمي\", icon: \"🏆\" },\n];\n\nfunction getRank(points: number) {\n  return RANKS.find(r => points >= r.min && points < r.max) || RANKS[0];\n}\n\ninterface SidebarProps {\n  open: boolean;\n  onClose: () => void;\n  user: any;\n  items: { id: string; label: string; icon: string }[];\n  active: string;\n  onNav: (id: string) => void;\n  onLogout: () => void;\n}\n\nexport default function Sidebar({ open, onClose, user, items, active, onNav, onLogout }: SidebarProps) {\n  const rank = getRank(user.points || 0);\n  const nextRank = RANKS[RANKS.indexOf(rank) + 1];\n  const progress = nextRank ? ((user.points || 0) - rank.min) / (nextRank.min - rank.min) * 100 : 100;\n\n  return (\n    <>\n      {/* Overlay */}\n      {open && (\n        <div className=\"fixed inset-0 bg-black/30 z-40\" onClick={onClose} />\n      )}\n      {/* Sidebar */}\n      <div\n        className={`fixed top-0 right-0 h-full w-72 bg-white shadow-2xl z-50 transition-transform duration-300 ${\n          open ? \"translate-x-0\" : \"translate-x-full\"\n        }`}\n      >\n        {/* Header */}\n        <div className=\"p-6 bg-black text-white\">\n          <button onClick={onClose} className=\"absolute top-4 left-4 text-white/70 hover:text-white\">\n            <i className=\"fas fa-times text-lg\"></i>\n          </button>\n          <div className=\"text-center\">\n            <div className=\"w-16 h-16 mx-auto rounded-full bg-white/10 flex items-center justify-center text-2xl mb-3\">\n              {user.role === \"student\" ? \"👨‍🎓\" : user.role === \"teacher\" ? \"👨‍🏫\" : \"🛡️\"}\n            </div>\n            <h3 className=\"font-medium text-lg\">{user.name}</h3>\n            <p className=\"text-white/50 text-xs mt-1\">\n              {user.role === \"student\" ? \"طالب\" : user.role === \"teacher\" ? \"معلم\" : \"مشرف\"}\n              {user.grade ? ` • ${user.grade}` : \"\"}\n            </p>\n          </div>\n          {user.role === \"student\" && (\n            <div className=\"mt-4\">\n              <div className=\"flex items-center justify-between text-xs mb-1.5\">\n                <span>{rank.icon} {rank.name}</span>\n                <span>{user.points || 0} ⭐</span>\n              </div>\n              <div className=\"w-full bg-white/20 rounded-full h-1.5\">\n                <div className=\"bg-white rounded-full h-1.5 transition-all\" style={{ width: `${Math.min(progress, 100)}%` }}></div>\n              </div>\n              {nextRank && (\n                <p className=\"text-white/40 text-[10px] mt-1 text-center\">\n                  {nextRank.min - (user.points || 0)} نقطة للترقية إلى {nextRank.name}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Nav items */}\n        <div className=\"p-3 overflow-y-auto\" style={{ maxHeight: \"calc(100vh - 250px)\" }}>\n          {items.map(item => (\n            <button\n              key={item.id}\n              onClick={() => { onNav(item.id); onClose(); }}\n              className={`w-full flex items-center gap-3 px-4 py-3 rounded-xl text-sm transition mb-1 ${\n                active === item.id\n                  ? \"bg-black text-white\"\n                  : \"text-gray-700 hover:bg-gray-100\"\n              }`}\n            >\n              <span className=\"text-lg\">{item.icon}</span>\n              <span>{item.label}</span>\n            </button>\n          ))}\n        </div>\n\n        {/* Logout */}\n        <div className=\"absolute bottom-0 left-0 right-0 p-4 border-t border-gray-100\">\n          <button\n            onClick={onLogout}\n            className=\"w-full flex items-center justify-center gap-2 px-4 py-3 rounded-xl text-sm text-red-500 hover:bg-red-50 transition\"\n          >\n            <i className=\"fas fa-sign-out-alt\"></i>\n            <span>تسجيل الخروج</span>\n          </button>\n        </div>\n      </div>\n    </>\n  );\n}\n",[],[152,260,270],"e79807de-3fda-11f1-b66a-42b51c65c3df","LoginPage.tsx","e798090a-3fda-11f1-b66a-42b51c65c3df",15,["D",1777034484595],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { authAPI } from \"../api.ts\";\n\nconst GRADES = [\n  \"الصف الأول\",\"الصف الثاني\",\"الصف الثالث\",\"الصف الرابع\",\"الصف الخامس\",\n  \"الصف السادس\",\"الصف السابع\",\"الصف الثامن\",\"الصف التاسع\",\"الصف العاشر\",\n  \"الأول ثانوي\",\"التوجيهي - علمي\",\"التوجيهي - أدبي\",\"التوجيهي - صناعي\",\"التوجيهي - تجاري\",\n];\n\nconst SUBJECTS = [\n  \"اللغة العربية\",\"اللغة الإنجليزية\",\"الرياضيات\",\"العلوم\",\"الفيزياء\",\"الكيمياء\",\n  \"الأحياء\",\"علوم الأرض\",\"التاريخ\",\"الجغرافيا\",\"التربية الإسلامية\",\n  \"التربية الوطنية والمدنية\",\"الحاسوب\",\"التربية الفنية\",\"التربية الرياضية\",\n];\n\nexport default function LoginPage({ onLogin }: { onLogin: (u: any) => void }) {\n  const [mode, setMode] = useState<\"login\" | \"register\">(\"login\");\n  const [regRole, setRegRole] = useState<\"student\" | \"teacher\">(\"student\");\n  const [form, setForm] = useState<any>({});\n  const [error, setError] = useState(\"\");\n  const [success, setSuccess] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [selectedSubjects, setSelectedSubjects] = useState<string[]>([]);\n  const [selectedGrades, setSelectedGrades] = useState<string[]>([]);\n\n  const handleLogin = async () => {\n    setError(\"\"); setLoading(true);\n    try {\n      const data = await authAPI.login(form.email, form.password);\n      onLogin(data.user);\n    } catch (e: any) {\n      setError(e.message);\n    }\n    setLoading(false);\n  };\n\n  const handleRegister = async () => {\n    setError(\"\"); setSuccess(\"\"); setLoading(true);\n    try {\n      await authAPI.register({\n        ...form,\n        role: regRole,\n        subjects: regRole === \"teacher\" ? selectedSubjects : undefined,\n        grade: regRole === \"student\" ? form.grade : selectedGrades.join(\",\"),\n      });\n      setSuccess(\"تم إنشاء الحساب بنجاح! يرجى الانتظار حتى موافقة الإدارة.\");\n      setForm({});\n    } catch (e: any) {\n      setError(e.message);\n    }\n    setLoading(false);\n  };\n\n  const toggleSubject = (s: string) => {\n    setSelectedSubjects(prev => prev.includes(s) ? prev.filter(x => x !== s) : [...prev, s]);\n  };\n\n  const toggleGrade = (g: string) => {\n    setSelectedGrades(prev => prev.includes(g) ? prev.filter(x => x !== g) : [...prev, g]);\n  };\n\n  return (\n    <div className=\"min-h-screen bg-white flex items-center justify-center p-4\">\n      <div className=\"w-full max-w-md fade-in\">\n        {/* Logo */}\n        <div className=\"text-center mb-8\">\n          <div className=\"text-6xl mb-3\">🤖</div>\n          <h1 className=\"text-4xl font-light tracking-widest text-black\">NASHMI</h1>\n          <p className=\"text-gray-400 text-sm tracking-wider mt-1\">ARTIFICIAL INTELLIGENCE</p>\n        </div>\n\n        {mode === \"login\" ? (\n          <div className=\"space-y-4\">\n            <input\n              type=\"email\" placeholder=\"البريد الإلكتروني\"\n              className=\"w-full p-4 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, email: e.target.value})}\n            />\n            <input\n              type=\"password\" placeholder=\"كلمة المرور\"\n              className=\"w-full p-4 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, password: e.target.value})}\n              onKeyDown={e => e.key === \"Enter\" && handleLogin()}\n            />\n            {error && <p className=\"text-red-500 text-sm text-center\">{error}</p>}\n            <button\n              onClick={handleLogin} disabled={loading}\n              className=\"w-full p-4 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition disabled:opacity-50\"\n            >\n              {loading ? \"جاري الدخول...\" : \"دخول\"}\n            </button>\n            <p className=\"text-center text-sm text-gray-500\">\n              ليس لديك حساب؟{\" \"}\n              <button onClick={() => { setMode(\"register\"); setError(\"\"); }} className=\"text-black font-medium underline\">\n                إنشاء حساب\n              </button>\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {/* Role toggle */}\n            <div className=\"flex rounded-xl overflow-hidden border border-gray-200\">\n              <button\n                onClick={() => setRegRole(\"student\")}\n                className={`flex-1 p-3 text-sm transition ${regRole === \"student\" ? \"bg-black text-white\" : \"bg-white text-gray-600\"}`}\n              >\n                👨‍🎓 طالب\n              </button>\n              <button\n                onClick={() => setRegRole(\"teacher\")}\n                className={`flex-1 p-3 text-sm transition ${regRole === \"teacher\" ? \"bg-black text-white\" : \"bg-white text-gray-600\"}`}\n              >\n                👨‍🏫 معلم\n              </button>\n            </div>\n\n            <input\n              placeholder=\"الاسم الكامل\"\n              className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, name: e.target.value})}\n            />\n            <input\n              type=\"email\" placeholder=\"البريد الإلكتروني\"\n              className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, email: e.target.value})}\n            />\n            <input\n              type=\"password\" placeholder=\"كلمة المرور\"\n              className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, password: e.target.value})}\n            />\n            <input\n              type=\"password\" placeholder=\"تأكيد كلمة المرور\"\n              className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition\"\n              onChange={e => setForm({...form, confirmPassword: e.target.value})}\n            />\n\n            {regRole === \"student\" && (\n              <select\n                className=\"w-full p-3.5 border border-gray-200 rounded-xl text-sm focus:outline-none focus:border-black transition bg-white\"\n                onChange={e => setForm({...form, grade: e.target.value})}\n                defaultValue=\"\"\n              >\n                <option value=\"\" disabled>اختر الصف</option>\n                {GRADES.map(g => <option key={g} value={g}>{g}</option>)}\n              </select>\n            )}\n\n            {regRole === \"teacher\" && (\n              <>\n                <div>\n                  <p className=\"text-xs text-gray-500 mb-2\">اختر الصفوف:</p>\n                  <div className=\"flex flex-wrap gap-1.5 max-h-24 overflow-y-auto p-2 border border-gray-200 rounded-xl\">\n                    {GRADES.map(g => (\n                      <button\n                        key={g} onClick={() => toggleGrade(g)}\n                        className={`px-2.5 py-1 rounded-lg text-xs transition ${\n                          selectedGrades.includes(g) ? \"bg-black text-white\" : \"bg-gray-100 text-gray-600\"\n                        }`}\n                      >{g}</button>\n                    ))}\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-gray-500 mb-2\">اختر المواد:</p>\n                  <div className=\"flex flex-wrap gap-1.5 max-h-24 overflow-y-auto p-2 border border-gray-200 rounded-xl\">\n                    {SUBJECTS.map(s => (\n                      <button\n                        key={s} onClick={() => toggleSubject(s)}\n                        className={`px-2.5 py-1 rounded-lg text-xs transition ${\n                          selectedSubjects.includes(s) ? \"bg-black text-white\" : \"bg-gray-100 text-gray-600\"\n                        }`}\n                      >{s}</button>\n                    ))}\n                  </div>\n                </div>\n              </>\n            )}\n\n            {error && <p className=\"text-red-500 text-sm text-center\">{error}</p>}\n            {success && (\n              <div className=\"bg-green-50 border border-green-200 rounded-xl p-3 text-center\">\n                <p className=\"text-green-700 text-sm\">✅ {success}</p>\n              </div>\n            )}\n\n            <button\n              onClick={handleRegister} disabled={loading}\n              className=\"w-full p-3.5 bg-black text-white rounded-xl text-sm font-medium hover:bg-gray-800 transition disabled:opacity-50\"\n            >\n              {loading ? \"جاري التسجيل...\" : \"إنشاء حساب\"}\n            </button>\n            <p className=\"text-center text-sm text-gray-500\">\n              لديك حساب؟{\" \"}\n              <button onClick={() => { setMode(\"login\"); setError(\"\"); setSuccess(\"\"); }} className=\"text-black font-medium underline\">\n                تسجيل الدخول\n              </button>\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n",[],[152,260,278],"5226c05e-3fdb-11f1-bffe-42b51c65c3df","AdminDashboard.tsx","5226c112-3fdb-11f1-bffe-42b51c65c3df",17,["D",1777034663372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { adminAPI } from \"../api.ts\";\nimport Sidebar from \"./Sidebar.tsx\";\n\nconst NAV_ITEMS = [\n  { id: \"pending\", label: \"طلبات الانتظار\", icon: \"⏳\" },\n  { id: \"users\", label: \"إدارة المستخدمين\", icon: \"👥\" },\n  { id: \"stats\", label: \"الإحصائيات\", icon: \"📊\" },\n];\n\nexport default function AdminDashboard({ user, onLogout }: { user: any; onLogout: () => void }) {\n  const [page, setPage] = useState(\"pending\");\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const [pending, setPending] = useState<any[]>([]);\n  const [users, setUsers] = useState<any[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (page === \"pending\") loadPending();\n    if (page === \"users\") loadUsers();\n  }, [page]);\n\n  const loadPending = async () => {\n    setLoading(true);\n    try {\n      const data = await adminAPI.getPending();\n      setPending(data.users || []);\n    } catch {}\n    setLoading(false);\n  };\n\n  const loadUsers = async () => {\n    setLoading(true);\n    try {\n      const data = await adminAPI.getUsers();\n      setUsers(data.users || []);\n    } catch {}\n    setLoading(false);\n  };\n\n  const handleApprove = async (id: number) => {\n    try {\n      await adminAPI.approve(id);\n      setPending(prev => prev.filter(u => u.id !== id));\n    } catch {}\n  };\n\n  const handleReject = async (id: number) => {\n    try {\n      await adminAPI.reject(id);\n      setPending(prev => prev.filter(u => u.id !== id));\n    } catch {}\n  };\n\n  const handleDelete = async (id: number) => {\n    if (!confirm(\"هل أنت متأكد من حذف هذا المستخدم؟\")) return;\n    try {\n      await adminAPI.deleteUser(id);\n      setUsers(prev => prev.filter(u => u.id !== id));\n    } catch {}\n  };\n\n  const stats = {\n    total: users.length,\n    students: users.filter(u => u.role === \"student\").length,\n    teachers: users.filter(u => u.role === \"teacher\").length,\n    approved: users.filter(u => u.status === \"approved\").length,\n    pending: users.filter(u => u.status === \"pending\").length,\n  };\n\n  return (\n    <div className=\"min-h-screen bg-gray-50\">\n      <Sidebar open={sidebarOpen} onClose={() => setSidebarOpen(false)} user={user}\n        items={NAV_ITEMS} active={page} onNav={setPage} onLogout={onLogout} />\n\n      {/* Header */}\n      <div className=\"bg-black text-white p-4 flex items-center justify-between sticky top-0 z-30\">\n        <div className=\"flex items-center gap-3\">\n          <span className=\"text-xl\">🛡️</span>\n          <div>\n            <h1 className=\"text-sm font-medium\">لوحة الإدارة</h1>\n            <p className=\"text-white/50 text-xs\">مرحباً {user.name}</p>\n          </div>\n        </div>\n        <button onClick={() => setSidebarOpen(true)} className=\"w-10 h-10 rounded-xl bg-white/10 flex items-center justify-center\">\n          <i className=\"fas fa-bars text-sm\"></i>\n        </button>\n      </div>\n\n      <div className=\"p-4 max-w-2xl mx-auto fade-in\">\n        {page === \"pending\" && (\n          <div>\n            <h2 className=\"text-lg font-medium mb-4\">⏳ طلبات الانتظار ({pending.length})</h2>\n            {loading ? (\n              <div className=\"space-y-3\">{[1,2,3].map(i => <div key={i} className=\"h-20 shimmer rounded-xl\"></div>)}</div>\n            ) : pending.length === 0 ? (\n              <div className=\"text-center py-12 text-gray-400\">\n                <div className=\"text-4xl mb-3\">✅</div>\n                <p>لا توجد طلبات معلقة</p>\n              </div>\n            ) : (\n              <div className=\"space-y-3\">\n                {pending.map(u => (\n                  <div key={u.id} className=\"bg-white rounded-xl p-4 shadow-sm\">\n                    <div className=\"flex items-center justify-between\">\n                      <div>\n                        <h3 className=\"font-medium text-sm\">{u.name}</h3>\n                        <p className=\"text-gray-400 text-xs\">{u.email}</p>\n                        <p className=\"text-xs mt-1\">\n                          <span className={`px-2 py-0.5 rounded-lg ${u.role === \"student\" ? \"bg-blue-50 text-blue-600\" : \"bg-purple-50 text-purple-600\"}`}>\n                            {u.role === \"student\" ? \"👨‍🎓 طالب\" : \"👨‍🏫 معلم\"}\n                          </span>\n                          {u.grade && <span className=\"text-gray-400 mr-2\">{u.grade}</span>}\n                        </p>\n                      </div>\n                      <div className=\"flex gap-2\">\n                        <button onClick={() => handleApprove(u.id)}\n                          className=\"w-10 h-10 rounded-xl bg-green-50 text-green-600 flex items-center justify-center hover:bg-green-100 transition\">\n                          <i className=\"fas fa-check\"></i>\n                        </button>\n                        <button onClick={() => handleReject(u.id)}\n                          className=\"w-10 h-10 rounded-xl bg-red-50 text-red-500 flex items-center justify-center hover:bg-red-100 transition\">\n                          <i className=\"fas fa-times\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n\n        {page === \"users\" && (\n          <div>\n            <h2 className=\"text-lg font-medium mb-4\">👥 المستخدمون ({users.length})</h2>\n            {loading ? (\n              <div className=\"space-y-3\">{[1,2,3].map(i => <div key={i} className=\"h-16 shimmer rounded-xl\"></div>)}</div>\n            ) : (\n              <div className=\"space-y-2\">\n                {users.map(u => (\n                  <div key={u.id} className=\"bg-white rounded-xl p-3 shadow-sm flex items-center justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center text-lg\">\n                        {u.role === \"student\" ? \"👨‍🎓\" : \"👨‍🏫\"}\n                      </div>\n                      <div>\n                        <h3 className=\"font-medium text-sm\">{u.name}</h3>\n                        <p className=\"text-gray-400 text-xs\">{u.email}</p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className={`px-2 py-0.5 rounded-lg text-xs ${\n                        u.status === \"approved\" ? \"bg-green-50 text-green-600\" :\n                        u.status === \"pending\" ? \"bg-yellow-50 text-yellow-600\" :\n                        \"bg-red-50 text-red-500\"\n                      }`}>{u.status === \"approved\" ? \"مفعّل\" : u.status === \"pending\" ? \"معلق\" : \"مرفوض\"}</span>\n                      <button onClick={() => handleDelete(u.id)}\n                        className=\"w-8 h-8 rounded-lg bg-red-50 text-red-400 flex items-center justify-center hover:bg-red-100 transition text-xs\">\n                        <i className=\"fas fa-trash\"></i>\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n\n        {page === \"stats\" && (\n          <div>\n            <h2 className=\"text-lg font-medium mb-4\">📊 الإحصائيات</h2>\n            <div className=\"grid grid-cols-2 gap-3\">\n              {[\n                { label: \"إجمالي المستخدمين\", value: stats.total, icon: \"👥\", bg: \"bg-blue-50\" },\n                { label: \"الطلاب\", value: stats.students, icon: \"👨‍🎓\", bg: \"bg-green-50\" },\n                { label: \"المعلمين\", value: stats.teachers, icon: \"👨‍🏫\", bg: \"bg-purple-50\" },\n                { label: \"حسابات مفعّلة\", value: stats.approved, icon: \"✅\", bg: \"bg-emerald-50\" },\n                { label: \"بانتظار الموافقة\", value: stats.pending, icon: \"⏳\", bg: \"bg-yellow-50\" },\n              ].map((s, i) => (\n                <div key={i} className={`${s.bg} rounded-xl p-4 text-center`}>\n                  <div className=\"text-2xl mb-1\">{s.icon}</div>\n                  <div className=\"text-2xl font-bold\">{s.value}</div>\n                  <div className=\"text-xs text-gray-500 mt-1\">{s.label}</div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n",[],[152,260,286],"e79869a4-3fda-11f1-b66a-42b51c65c3df",["D",1777034484595],[188,189,190,191,192],[152,260],["D",1777034420138],[187,193,194,195,196],[152],"55385484-3fda-11f1-8489-42b51c65c3df","schema.ts","55385524-3fda-11f1-8489-42b51c65c3df",["D",1777034239024],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function initDB() {\n  await sqlite.batch([\n    {\n      sql: `CREATE TABLE IF NOT EXISTS users (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        name TEXT NOT NULL,\n        email TEXT UNIQUE NOT NULL,\n        password TEXT NOT NULL,\n        role TEXT NOT NULL CHECK(role IN ('student','teacher','admin')),\n        grade TEXT,\n        subjects TEXT,\n        status TEXT DEFAULT 'pending' CHECK(status IN ('pending','approved','rejected')),\n        points INTEGER DEFAULT 0,\n        created_at TEXT DEFAULT (datetime('now'))\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS assignments (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        teacher_id INTEGER NOT NULL,\n        title TEXT NOT NULL,\n        description TEXT,\n        subject TEXT NOT NULL,\n        grade TEXT NOT NULL,\n        page TEXT,\n        question TEXT,\n        due_date TEXT,\n        created_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(teacher_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS assignment_submissions (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        assignment_id INTEGER NOT NULL,\n        student_id INTEGER NOT NULL,\n        content TEXT,\n        image_url TEXT,\n        note TEXT,\n        grade_value REAL,\n        graded INTEGER DEFAULT 0,\n        submitted_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(assignment_id) REFERENCES assignments(id),\n        FOREIGN KEY(student_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS exams (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        teacher_id INTEGER NOT NULL,\n        title TEXT NOT NULL,\n        subject TEXT NOT NULL,\n        grade TEXT NOT NULL,\n        duration INTEGER DEFAULT 30,\n        questions TEXT NOT NULL,\n        created_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(teacher_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS exam_submissions (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        exam_id INTEGER NOT NULL,\n        student_id INTEGER NOT NULL,\n        answers TEXT NOT NULL,\n        score REAL,\n        submitted_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(exam_id) REFERENCES exams(id),\n        FOREIGN KEY(student_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS challenge_scores (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        student_id INTEGER NOT NULL,\n        score INTEGER NOT NULL,\n        level TEXT NOT NULL,\n        played_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(student_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS messages (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        sender_id INTEGER NOT NULL,\n        receiver_id INTEGER,\n        group_id INTEGER,\n        content TEXT,\n        msg_type TEXT DEFAULT 'text' CHECK(msg_type IN ('text','image','voice','file')),\n        created_at TEXT DEFAULT (datetime('now')),\n        FOREIGN KEY(sender_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS chat_groups (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        name TEXT NOT NULL,\n        creator_id INTEGER NOT NULL,\n        members TEXT NOT NULL,\n        created_at TEXT DEFAULT (datetime('now'))\n      )`,\n      args: [],\n    },\n    {\n      sql: `CREATE TABLE IF NOT EXISTS friends (\n        id INTEGER PRIMARY KEY AUTOINCREMENT,\n        user_id INTEGER NOT NULL,\n        friend_id INTEGER NOT NULL,\n        status TEXT DEFAULT 'pending',\n        FOREIGN KEY(user_id) REFERENCES users(id),\n        FOREIGN KEY(friend_id) REFERENCES users(id)\n      )`,\n      args: [],\n    },\n  ]);\n\n  // Seed admin account\n  const existing = await sqlite.execute({\n    sql: \"SELECT id FROM users WHERE email = ?\",\n    args: [\"admin@nashmi.com\"],\n  });\n  if (existing.rows.length === 0) {\n    await sqlite.execute({\n      sql: \"INSERT INTO users (name, email, password, role, status) VALUES (?, ?, ?, ?, ?)\",\n      args: [\"Admin\", \"admin@nashmi.com\", \"admin2012\", \"admin\", \"approved\"],\n    });\n  }\n}\n",[],[158,301],["D",1777034239024],[185],[158],"6f0e0020-3fda-11f1-b504-42b51c65c3df","teacher.ts","6f0e00de-3fda-11f1-b504-42b51c65c3df",6,["D",1777034282368],"import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst teacher = new Hono();\n\n// Create assignment\nteacher.post(\"/assignments\", async (c) => {\n  const body = await c.req.json();\n  const { teacher_id, title, description, subject, grade, page, question, due_date } = body;\n  const result = await sqlite.execute({\n    sql: `INSERT INTO assignments (teacher_id, title, description, subject, grade, page, question, due_date)\n          VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n    args: [teacher_id, title, description || null, subject, grade, page || null, question || null, due_date || null],\n  });\n  return c.json({ message: \"تم إنشاء الواجب بنجاح\", id: result.lastInsertRowid });\n});\n\n// Get teacher's assignments\nteacher.get(\"/assignments/:teacherId\", async (c) => {\n  const tid = c.req.param(\"teacherId\");\n  const result = await sqlite.execute({\n    sql: \"SELECT * FROM assignments WHERE teacher_id = ? ORDER BY created_at DESC\",\n    args: [parseInt(tid)],\n  });\n  return c.json({ assignments: result.rows });\n});\n\n// Update assignment\nteacher.put(\"/assignments/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const body = await c.req.json();\n  const { title, description, subject, grade, page, question, due_date } = body;\n  await sqlite.execute({\n    sql: `UPDATE assignments SET title=?, description=?, subject=?, grade=?, page=?, question=?, due_date=? WHERE id=?`,\n    args: [title, description || null, subject, grade, page || null, question || null, due_date || null, parseInt(id)],\n  });\n  return c.json({ message: \"تم تعديل الواجب\" });\n});\n\n// Delete assignment\nteacher.delete(\"/assignments/:id\", async (c) => {\n  const id = parseInt(c.req.param(\"id\"));\n  await sqlite.execute({ sql: \"DELETE FROM assignment_submissions WHERE assignment_id = ?\", args: [id] });\n  await sqlite.execute({ sql: \"DELETE FROM assignments WHERE id = ?\", args: [id] });\n  return c.json({ message: \"تم حذف الواجب\" });\n});\n\n// Get submissions for an assignment\nteacher.get(\"/submissions/:assignmentId\", async (c) => {\n  const aid = c.req.param(\"assignmentId\");\n  const result = await sqlite.execute({\n    sql: `SELECT s.*, u.name as student_name FROM assignment_submissions s\n          JOIN users u ON s.student_id = u.id\n          WHERE s.assignment_id = ? ORDER BY s.submitted_at DESC`,\n    args: [parseInt(aid)],\n  });\n  return c.json({ submissions: result.rows });\n});\n\n// Grade a submission\nteacher.post(\"/grade-submission\", async (c) => {\n  const { submission_id, grade_value } = await c.req.json();\n  await sqlite.execute({\n    sql: \"UPDATE assignment_submissions SET grade_value = ?, graded = 1 WHERE id = ?\",\n    args: [grade_value, submission_id],\n  });\n  return c.json({ message: \"تم تقييم الواجب\" });\n});\n\n// Create exam\nteacher.post(\"/exams\", async (c) => {\n  const body = await c.req.json();\n  const { teacher_id, title, subject, grade, duration, questions } = body;\n  const result = await sqlite.execute({\n    sql: \"INSERT INTO exams (teacher_id, title, subject, grade, duration, questions) VALUES (?, ?, ?, ?, ?, ?)\",\n    args: [teacher_id, title, subject, grade, duration || 30, JSON.stringify(questions)],\n  });\n  return c.json({ message: \"تم إنشاء الاختبار بنجاح\", id: result.lastInsertRowid });\n});\n\n// Get teacher's exams\nteacher.get(\"/exams/:teacherId\", async (c) => {\n  const tid = c.req.param(\"teacherId\");\n  const result = await sqlite.execute({\n    sql: \"SELECT * FROM exams WHERE teacher_id = ? ORDER BY created_at DESC\",\n    args: [parseInt(tid)],\n  });\n  return c.json({ exams: result.rows });\n});\n\n// Delete exam\nteacher.delete(\"/exams/:id\", async (c) => {\n  const id = parseInt(c.req.param(\"id\"));\n  await sqlite.execute({ sql: \"DELETE FROM exam_submissions WHERE exam_id = ?\", args: [id] });\n  await sqlite.execute({ sql: \"DELETE FROM exams WHERE id = ?\", args: [id] });\n  return c.json({ message: \"تم حذف الاختبار\" });\n});\n\n// Get exam submissions\nteacher.get(\"/exam-submissions/:examId\", async (c) => {\n  const eid = c.req.param(\"examId\");\n  const result = await sqlite.execute({\n    sql: `SELECT es.*, u.name as student_name FROM exam_submissions es\n          JOIN users u ON es.student_id = u.id\n          WHERE es.exam_id = ? ORDER BY es.submitted_at DESC`,\n    args: [parseInt(eid)],\n  });\n  return c.json({ submissions: result.rows });\n});\n\nexport default teacher;\n",[],[163,311],"7a33a7f2-3fda-11f1-ab67-42b51c65c3df","student.ts","7a33a8ba-3fda-11f1-ab67-42b51c65c3df",7,["D",1777034301068],"import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst student = new Hono();\n\n// Get assignments for student's grade\nstudent.get(\"/assignments/:grade\", async (c) => {\n  const grade = decodeURIComponent(c.req.param(\"grade\"));\n  const result = await sqlite.execute({\n    sql: `SELECT a.*, u.name as teacher_name FROM assignments a\n          JOIN users u ON a.teacher_id = u.id\n          WHERE a.grade = ? ORDER BY a.created_at DESC`,\n    args: [grade],\n  });\n  return c.json({ assignments: result.rows });\n});\n\n// Check if student already submitted\nstudent.get(\"/submission-check/:assignmentId/:studentId\", async (c) => {\n  const aid = parseInt(c.req.param(\"assignmentId\"));\n  const sid = parseInt(c.req.param(\"studentId\"));\n  const result = await sqlite.execute({\n    sql: \"SELECT id, grade_value, graded FROM assignment_submissions WHERE assignment_id = ? AND student_id = ?\",\n    args: [aid, sid],\n  });\n  return c.json({ submitted: result.rows.length > 0, submission: result.rows[0] || null });\n});\n\n// Submit assignment\nstudent.post(\"/submit-assignment\", async (c) => {\n  const { assignment_id, student_id, content, image_url, note } = await c.req.json();\n  // Check if already submitted\n  const existing = await sqlite.execute({\n    sql: \"SELECT id FROM assignment_submissions WHERE assignment_id = ? AND student_id = ?\",\n    args: [assignment_id, student_id],\n  });\n  if (existing.rows.length > 0) {\n    return c.json({ error: \"تم تسليم هذا الواجب مسبقاً\" }, 400);\n  }\n  await sqlite.execute({\n    sql: \"INSERT INTO assignment_submissions (assignment_id, student_id, content, image_url, note) VALUES (?, ?, ?, ?, ?)\",\n    args: [assignment_id, student_id, content || null, image_url || null, note || null],\n  });\n  return c.json({ message: \"تم تسليم الواجب بنجاح\" });\n});\n\n// Get student's grades\nstudent.get(\"/grades/:studentId\", async (c) => {\n  const sid = parseInt(c.req.param(\"studentId\"));\n  const assignments = await sqlite.execute({\n    sql: `SELECT s.grade_value, a.title, a.subject, s.submitted_at\n          FROM assignment_submissions s\n          JOIN assignments a ON s.assignment_id = a.id\n          WHERE s.student_id = ? AND s.graded = 1\n          ORDER BY s.submitted_at DESC`,\n    args: [sid],\n  });\n  const exams = await sqlite.execute({\n    sql: `SELECT es.score, e.title, e.subject, es.submitted_at\n          FROM exam_submissions es\n          JOIN exams e ON es.exam_id = e.id\n          WHERE es.student_id = ?\n          ORDER BY es.submitted_at DESC`,\n    args: [sid],\n  });\n  return c.json({ assignmentGrades: assignments.rows, examGrades: exams.rows });\n});\n\n// Get exams for student's grade\nstudent.get(\"/exams/:grade\", async (c) => {\n  const grade = decodeURIComponent(c.req.param(\"grade\"));\n  const result = await sqlite.execute({\n    sql: `SELECT e.*, u.name as teacher_name FROM exams e\n          JOIN users u ON e.teacher_id = u.id\n          WHERE e.grade = ? ORDER BY e.created_at DESC`,\n    args: [grade],\n  });\n  return c.json({ exams: result.rows });\n});\n\n// Check if student already took exam\nstudent.get(\"/exam-check/:examId/:studentId\", async (c) => {\n  const eid = parseInt(c.req.param(\"examId\"));\n  const sid = parseInt(c.req.param(\"studentId\"));\n  const result = await sqlite.execute({\n    sql: \"SELECT id, score FROM exam_submissions WHERE exam_id = ? AND student_id = ?\",\n    args: [eid, sid],\n  });\n  return c.json({ taken: result.rows.length > 0, submission: result.rows[0] || null });\n});\n\n// Submit exam\nstudent.post(\"/submit-exam\", async (c) => {\n  const { exam_id, student_id, answers, score } = await c.req.json();\n  const existing = await sqlite.execute({\n    sql: \"SELECT id FROM exam_submissions WHERE exam_id = ? AND student_id = ?\",\n    args: [exam_id, student_id],\n  });\n  if (existing.rows.length > 0) {\n    return c.json({ error: \"تم تقديم هذا الاختبار مسبقاً\" }, 400);\n  }\n  await sqlite.execute({\n    sql: \"INSERT INTO exam_submissions (exam_id, student_id, answers, score) VALUES (?, ?, ?, ?)\",\n    args: [exam_id, student_id, JSON.stringify(answers), score],\n  });\n  // Add points for exam\n  const pointsEarned = Math.round(score * 10);\n  await sqlite.execute({\n    sql: \"UPDATE users SET points = points + ? WHERE id = ?\",\n    args: [pointsEarned, student_id],\n  });\n  return c.json({ message: \"تم تقديم الاختبار\", score, pointsEarned });\n});\n\n// Add points\nstudent.post(\"/add-points\", async (c) => {\n  const { student_id, points } = await c.req.json();\n  await sqlite.execute({\n    sql: \"UPDATE users SET points = points + ? WHERE id = ?\",\n    args: [points, student_id],\n  });\n  const result = await sqlite.execute({\n    sql: \"SELECT points FROM users WHERE id = ?\",\n    args: [student_id],\n  });\n  return c.json({ points: (result.rows[0] as any)?.points || 0 });\n});\n\n// Get user points\nstudent.get(\"/points/:studentId\", async (c) => {\n  const sid = parseInt(c.req.param(\"studentId\"));\n  const result = await sqlite.execute({\n    sql: \"SELECT points FROM users WHERE id = ?\",\n    args: [sid],\n  });\n  return c.json({ points: (result.rows[0] as any)?.points || 0 });\n});\n\nexport default student;\n",[],[163,319],"b5f2f45a-3fda-11f1-9d95-42b51c65c3df","messages.ts","b5f2f4f0-3fda-11f1-9d95-42b51c65c3df",9,["D",1777034401309],"import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst messages = new Hono();\n\n// Send message\nmessages.post(\"/send\", async (c) => {\n  const { sender_id, receiver_id, group_id, content, msg_type } = await c.req.json();\n  await sqlite.execute({\n    sql: \"INSERT INTO messages (sender_id, receiver_id, group_id, content, msg_type) VALUES (?, ?, ?, ?, ?)\",\n    args: [sender_id, receiver_id || null, group_id || null, content, msg_type || \"text\"],\n  });\n  return c.json({ message: \"تم الإرسال\" });\n});\n\n// Get conversation between two users\nmessages.get(\"/conversation/:userId/:friendId\", async (c) => {\n  const uid = parseInt(c.req.param(\"userId\"));\n  const fid = parseInt(c.req.param(\"friendId\"));\n  const result = await sqlite.execute({\n    sql: `SELECT m.*, u.name as sender_name FROM messages m\n          JOIN users u ON m.sender_id = u.id\n          WHERE (m.sender_id = ? AND m.receiver_id = ?) OR (m.sender_id = ? AND m.receiver_id = ?)\n          ORDER BY m.created_at ASC`,\n    args: [uid, fid, fid, uid],\n  });\n  return c.json({ messages: result.rows });\n});\n\n// Get group messages\nmessages.get(\"/group/:groupId\", async (c) => {\n  const gid = parseInt(c.req.param(\"groupId\"));\n  const result = await sqlite.execute({\n    sql: `SELECT m.*, u.name as sender_name FROM messages m\n          JOIN users u ON m.sender_id = u.id\n          WHERE m.group_id = ?\n          ORDER BY m.created_at ASC`,\n    args: [gid],\n  });\n  return c.json({ messages: result.rows });\n});\n\n// Add friend\nmessages.post(\"/add-friend\", async (c) => {\n  const { user_id, friend_id } = await c.req.json();\n  // Check if user exists\n  const userCheck = await sqlite.execute({\n    sql: \"SELECT id, name FROM users WHERE id = ? AND status = 'approved'\",\n    args: [friend_id],\n  });\n  if (userCheck.rows.length === 0) {\n    return c.json({ error: \"المستخدم غير موجود\" }, 404);\n  }\n  // Check if already friends\n  const existing = await sqlite.execute({\n    sql: \"SELECT id FROM friends WHERE (user_id = ? AND friend_id = ?) OR (user_id = ? AND friend_id = ?)\",\n    args: [user_id, friend_id, friend_id, user_id],\n  });\n  if (existing.rows.length > 0) {\n    return c.json({ error: \"هذا المستخدم موجود بالفعل في قائمة أصدقائك\" }, 400);\n  }\n  await sqlite.execute({\n    sql: \"INSERT INTO friends (user_id, friend_id, status) VALUES (?, ?, 'accepted')\",\n    args: [user_id, friend_id],\n  });\n  return c.json({ message: \"تمت إضافة الصديق\", friend: userCheck.rows[0] });\n});\n\n// Get friends list\nmessages.get(\"/friends/:userId\", async (c) => {\n  const uid = parseInt(c.req.param(\"userId\"));\n  const result = await sqlite.execute({\n    sql: `SELECT u.id, u.name, u.role FROM users u\n          WHERE u.id IN (\n            SELECT friend_id FROM friends WHERE user_id = ?\n            UNION\n            SELECT user_id FROM friends WHERE friend_id = ?\n          )`,\n    args: [uid, uid],\n  });\n  return c.json({ friends: result.rows });\n});\n\n// Create group\nmessages.post(\"/create-group\", async (c) => {\n  const { name, creator_id, members } = await c.req.json();\n  await sqlite.execute({\n    sql: \"INSERT INTO chat_groups (name, creator_id, members) VALUES (?, ?, ?)\",\n    args: [name, creator_id, JSON.stringify(members)],\n  });\n  return c.json({ message: \"تم إنشاء المجموعة\" });\n});\n\n// Get user's groups\nmessages.get(\"/groups/:userId\", async (c) => {\n  const uid = c.req.param(\"userId\");\n  const result = await sqlite.execute({\n    sql: \"SELECT * FROM chat_groups WHERE creator_id = ? OR members LIKE ?\",\n    args: [parseInt(uid), `%${uid}%`],\n  });\n  return c.json({ groups: result.rows });\n});\n\n// Change password\nmessages.post(\"/change-password\", async (c) => {\n  const { user_id, old_password, new_password } = await c.req.json();\n  const check = await sqlite.execute({\n    sql: \"SELECT id FROM users WHERE id = ? AND password = ?\",\n    args: [user_id, old_password],\n  });\n  if (check.rows.length === 0) {\n    return c.json({ error: \"كلمة المرور القديمة غير صحيحة\" }, 400);\n  }\n  await sqlite.execute({\n    sql: \"UPDATE users SET password = ? WHERE id = ?\",\n    args: [new_password, user_id],\n  });\n  return c.json({ message: \"تم تغيير كلمة المرور بنجاح\" });\n});\n\nexport default messages;\n",[],[163,327],"62366284-3fda-11f1-9a46-42b51c65c3df","auth.ts","6236632e-3fda-11f1-9a46-42b51c65c3df",["D",1777034260804],"import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst auth = new Hono();\n\n// Login\nauth.post(\"/login\", async (c) => {\n  const { email, password } = await c.req.json();\n  const result = await sqlite.execute({\n    sql: \"SELECT id, name, email, role, grade, subjects, status, points FROM users WHERE email = ? AND password = ?\",\n    args: [email, password],\n  });\n  if (result.rows.length === 0) {\n    return c.json({ error: \"بيانات الدخول غير صحيحة\" }, 401);\n  }\n  const user = result.rows[0] as any;\n  if (user.status === \"pending\") {\n    return c.json({ error: \"حسابك قيد المراجعة، يرجى الانتظار حتى موافقة الإدارة\" }, 403);\n  }\n  if (user.status === \"rejected\") {\n    return c.json({ error: \"تم رفض طلب تسجيلك\" }, 403);\n  }\n  return c.json({ user });\n});\n\n// Register\nauth.post(\"/register\", async (c) => {\n  const body = await c.req.json();\n  const { name, email, password, confirmPassword, role, grade, subjects } = body;\n\n  if (password !== confirmPassword) {\n    return c.json({ error: \"كلمات المرور غير متطابقة\" }, 400);\n  }\n\n  const existing = await sqlite.execute({\n    sql: \"SELECT id FROM users WHERE email = ?\",\n    args: [email],\n  });\n  if (existing.rows.length > 0) {\n    return c.json({ error: \"البريد الإلكتروني مستخدم بالفعل\" }, 400);\n  }\n\n  await sqlite.execute({\n    sql: \"INSERT INTO users (name, email, password, role, grade, subjects, status) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n    args: [name, email, password, role, grade || null, subjects ? JSON.stringify(subjects) : null, \"pending\"],\n  });\n\n  return c.json({ message: \"تم إنشاء الحساب بنجاح. يرجى الانتظار حتى موافقة الإدارة.\" });\n});\n\nexport default auth;\n",[],[163,335],"ab18f502-3fda-11f1-9d95-42b51c65c3df","ai.ts","ab18f5a2-3fda-11f1-9d95-42b51c65c3df",8,["D",1777034383101],"import { Hono } from \"npm:hono@4\";\n\nconst ai = new Hono();\n\nconst SYSTEM_PROMPT = `أنت \"نشمي AI\" - مساعد ذكي تعليمي أردني. أنت خبير بالمنهاج الأردني لجميع الصفوف والمواد لعام 2026.\n\nقواعدك:\n1. أجب بالعربية دائماً بأسلوب واضح ومفهوم\n2. ساعد الطلاب في فهم الدروس والمواد الأردنية\n3. عند سؤالك عن مادة أو درس، قدم شرحاً وافياً\n4. يمكنك إنشاء أسئلة اختبارية بناءً على المادة والدرس\n5. يمكنك تلخيص النصوص واستخراج النقاط الرئيسية\n6. عند تصحيح إجابات إنشائية، كن عادلاً وافهم الإجابات القريبة\n7. أسلوبك ودود وتشجيعي\n\nالمنهاج الأردني يشمل:\n- اللغة العربية، اللغة الإنجليزية، الرياضيات، العلوم، الفيزياء، الكيمياء، الأحياء، علوم الأرض\n- التاريخ، الجغرافيا، التربية الإسلامية، التربية الوطنية، الحاسوب\n- للصفوف من الأول حتى التوجيهي بكل فروعه`;\n\n// Chat with AI\nai.post(\"/chat\", async (c) => {\n  const { message, history } = await c.req.json();\n\n  const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n  if (!apiKey) {\n    return c.json({\n      response:\n        \"أهلاً بك في نشمي AI! 🤖\\n\\nأنا مساعدك الذكي للمنهاج الأردني. يمكنني مساعدتك في:\\n\\n📚 شرح الدروس لجميع المواد والصفوف\\n📝 إنشاء أسئلة اختبارية\\n📋 تلخيص النصوص واستخراج النقاط المهمة\\n✅ تصحيح الإجابات\\n\\nللتفعيل الكامل، يحتاج المشرف إضافة مفتاح OpenAI API.\\n\\nكيف أقدر أساعدك اليوم؟ 😊\",\n    });\n  }\n\n  const messages = [\n    { role: \"system\", content: SYSTEM_PROMPT },\n    ...(history || []).slice(-10),\n    { role: \"user\", content: message },\n  ];\n\n  try {\n    const response = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${apiKey}`,\n      },\n      body: JSON.stringify({\n        model: \"gpt-4o-mini\",\n        messages,\n        temperature: 0.7,\n        max_tokens: 2000,\n      }),\n    });\n\n    const data = await response.json();\n    if (data.error) {\n      return c.json({ response: \"عذراً، حدث خطأ. حاول مرة أخرى.\" }, 500);\n    }\n    return c.json({ response: data.choices[0].message.content });\n  } catch {\n    return c.json({ response: \"عذراً، حدث خطأ في الاتصال. حاول مرة أخرى.\" }, 500);\n  }\n});\n\n// Summarize text/image\nai.post(\"/summarize\", async (c) => {\n  const { text, imageDescription } = await c.req.json();\n\n  const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n  const content = text || imageDescription || \"\";\n\n  if (!apiKey) {\n    // Fallback summarization\n    const sentences = content.split(/[.،؟!]\\s*/).filter((s: string) => s.trim().length > 10);\n    const keyPoints = sentences.slice(0, Math.min(5, sentences.length));\n    return c.json({\n      summary: \"📋 النقاط الرئيسية:\\n\\n\" + keyPoints.map((p: string, i: number) => `${i + 1}. ${p.trim()}`).join(\"\\n\"),\n    });\n  }\n\n  try {\n    const response = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${apiKey}`,\n      },\n      body: JSON.stringify({\n        model: \"gpt-4o-mini\",\n        messages: [\n          {\n            role: \"system\",\n            content:\n              \"أنت خبير في تلخيص النصوص التعليمية. استخرج النقاط الرئيسية والأفكار المهمة من النص وقدمها بشكل منظم ومرقم.\",\n          },\n          { role: \"user\", content: `لخص النص التالي واستخرج النقاط الرئيسية:\\n\\n${content}` },\n        ],\n        temperature: 0.3,\n        max_tokens: 1500,\n      }),\n    });\n\n    const data = await response.json();\n    return c.json({ summary: data.choices[0].message.content });\n  } catch {\n    return c.json({ summary: \"عذراً، حدث خطأ أثناء التلخيص.\" }, 500);\n  }\n});\n\n// Generate self-test questions\nai.post(\"/generate-test\", async (c) => {\n  const { subject, lesson, count, grade } = await c.req.json();\n\n  const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n\n  // Fallback questions bank\n  const fallbackQuestions = generateFallbackQuestions(subject, count || 5);\n\n  if (!apiKey) {\n    return c.json({ questions: fallbackQuestions });\n  }\n\n  try {\n    const response = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${apiKey}`,\n      },\n      body: JSON.stringify({\n        model: \"gpt-4o-mini\",\n        messages: [\n          {\n            role: \"system\",\n            content: `أنشئ ${count || 5} أسئلة اختيار من متعدد (4 خيارات) عن مادة ${subject} - ${lesson} للـ${grade} من المنهاج الأردني 2026.\nأرجع JSON فقط بهذا الشكل:\n[{\"question\":\"السؤال\",\"options\":[\"أ\",\"ب\",\"ج\",\"د\"],\"correct\":0}]\ncorrect هو index الإجابة الصحيحة (0-3)`,\n          },\n          { role: \"user\", content: `أنشئ أسئلة عن: ${subject} - ${lesson}` },\n        ],\n        temperature: 0.8,\n        max_tokens: 2000,\n      }),\n    });\n\n    const data = await response.json();\n    try {\n      const text = data.choices[0].message.content;\n      const jsonMatch = text.match(/\\[[\\s\\S]*\\]/);\n      if (jsonMatch) {\n        return c.json({ questions: JSON.parse(jsonMatch[0]) });\n      }\n    } catch {}\n    return c.json({ questions: fallbackQuestions });\n  } catch {\n    return c.json({ questions: fallbackQuestions });\n  }\n});\n\n// Generate 60-second challenge questions\nai.post(\"/challenge-questions\", async (c) => {\n  const { level, count } = await c.req.json();\n  const questions = generateChallengeQuestions(level || \"easy\", count || 15);\n  return c.json({ questions });\n});\n\nfunction generateFallbackQuestions(subject: string, count: number) {\n  const banks: Record<string, any[]> = {\n    \"الرياضيات\": [\n      { question: \"ما ناتج 15 × 8؟\", options: [\"100\", \"110\", \"120\", \"130\"], correct: 2 },\n      { question: \"ما هو الجذر التربيعي لـ 144؟\", options: [\"10\", \"11\", \"12\", \"13\"], correct: 2 },\n      { question: \"كم يساوي 2³؟\", options: [\"4\", \"6\", \"8\", \"16\"], correct: 2 },\n      { question: \"ما مساحة مستطيل طوله 5 وعرضه 3؟\", options: [\"8\", \"15\", \"16\", \"20\"], correct: 1 },\n      { question: \"ما ناتج 7 + 3 × 4؟\", options: [\"40\", \"19\", \"28\", \"16\"], correct: 1 },\n      { question: \"كم درجة في المثلث؟\", options: [\"90\", \"180\", \"270\", \"360\"], correct: 1 },\n      { question: \"ما هو 25% من 200؟\", options: [\"25\", \"50\", \"75\", \"100\"], correct: 1 },\n    ],\n    \"العلوم\": [\n      { question: \"ما هو العضو المسؤول عن ضخ الدم؟\", options: [\"الكبد\", \"القلب\", \"الرئة\", \"الكلية\"], correct: 1 },\n      { question: \"ما الغاز الذي تتنفسه الكائنات الحية؟\", options: [\"النيتروجين\", \"الأكسجين\", \"الهيدروجين\", \"CO2\"], correct: 1 },\n      { question: \"كم كوكب في المجموعة الشمسية؟\", options: [\"7\", \"8\", \"9\", \"10\"], correct: 1 },\n      { question: \"ما أصغر وحدة في الكائن الحي؟\", options: [\"النسيج\", \"العضو\", \"الخلية\", \"الجهاز\"], correct: 2 },\n      { question: \"ما هي وحدة قياس القوة؟\", options: [\"واط\", \"نيوتن\", \"جول\", \"أمبير\"], correct: 1 },\n    ],\n    \"اللغة العربية\": [\n      { question: \"ما إعراب كلمة 'الكتابَ' في: قرأتُ الكتابَ؟\", options: [\"فاعل\", \"مبتدأ\", \"مفعول به\", \"خبر\"], correct: 2 },\n      { question: \"ما جمع كلمة 'قلم'؟\", options: [\"أقلام\", \"قلوم\", \"قلمات\", \"أقاليم\"], correct: 0 },\n      { question: \"ما مرادف كلمة 'الجسور'؟\", options: [\"الخائف\", \"الشجاع\", \"الضعيف\", \"الحزين\"], correct: 1 },\n      { question: \"ما نوع الجملة: 'يلعب الأطفال'؟\", options: [\"اسمية\", \"فعلية\", \"ظرفية\", \"شرطية\"], correct: 1 },\n      { question: \"كم حرفاً في اللغة العربية؟\", options: [\"26\", \"28\", \"30\", \"32\"], correct: 1 },\n    ],\n  };\n\n  const defaultQ = [\n    { question: \"ما عاصمة الأردن؟\", options: [\"إربد\", \"عمّان\", \"الزرقاء\", \"العقبة\"], correct: 1 },\n    { question: \"كم محافظة في الأردن؟\", options: [\"10\", \"12\", \"14\", \"16\"], correct: 1 },\n    { question: \"ما أطول نهر في العالم؟\", options: [\"دجلة\", \"النيل\", \"الأمازون\", \"الفرات\"], correct: 1 },\n    { question: \"من اكتشف الجاذبية؟\", options: [\"أينشتاين\", \"نيوتن\", \"غاليليو\", \"كوبرنيكوس\"], correct: 1 },\n    { question: \"ما هو أكبر محيط في العالم؟\", options: [\"الأطلسي\", \"الهندي\", \"الهادئ\", \"المتجمد\"], correct: 2 },\n  ];\n\n  const pool = banks[subject] || defaultQ;\n  const shuffled = [...pool].sort(() => Math.random() - 0.5);\n  return shuffled.slice(0, Math.min(count, shuffled.length));\n}\n\nfunction generateChallengeQuestions(level: string, count: number) {\n  const allQuestions = {\n    easy: [\n      { question: \"ما عاصمة الأردن؟\", options: [\"إربد\", \"عمّان\", \"الزرقاء\", \"العقبة\"], correct: 1 },\n      { question: \"كم يوماً في السنة؟\", options: [\"360\", \"365\", \"370\", \"355\"], correct: 1 },\n      { question: \"ما أكبر كوكب؟\", options: [\"زحل\", \"المشتري\", \"نبتون\", \"أورانوس\"], correct: 1 },\n      { question: \"كم ساعة في اليوم؟\", options: [\"12\", \"20\", \"24\", \"48\"], correct: 2 },\n      { question: \"ما لون السماء؟\", options: [\"أحمر\", \"أخضر\", \"أزرق\", \"أصفر\"], correct: 2 },\n      { question: \"كم رجلاً للعنكبوت؟\", options: [\"6\", \"8\", \"10\", \"4\"], correct: 1 },\n      { question: \"ما ناتج 5 + 7؟\", options: [\"10\", \"11\", \"12\", \"13\"], correct: 2 },\n      { question: \"أين يقع البحر الميت؟\", options: [\"مصر\", \"الأردن\", \"لبنان\", \"سوريا\"], correct: 1 },\n      { question: \"كم شهراً في السنة؟\", options: [\"10\", \"11\", \"12\", \"13\"], correct: 2 },\n      { question: \"ما أصغر قارة؟\", options: [\"أفريقيا\", \"أوروبا\", \"أستراليا\", \"آسيا\"], correct: 2 },\n      { question: \"ما عاصمة مصر؟\", options: [\"الإسكندرية\", \"القاهرة\", \"الأقصر\", \"أسوان\"], correct: 1 },\n      { question: \"كم ضلع للمربع؟\", options: [\"3\", \"4\", \"5\", \"6\"], correct: 1 },\n      { question: \"ما لون الشمس؟\", options: [\"أحمر\", \"أبيض\", \"أصفر\", \"برتقالي\"], correct: 2 },\n      { question: \"ما أول شهر في السنة؟\", options: [\"فبراير\", \"يناير\", \"مارس\", \"ديسمبر\"], correct: 1 },\n      { question: \"كم عين للإنسان؟\", options: [\"1\", \"2\", \"3\", \"4\"], correct: 1 },\n    ],\n    medium: [\n      { question: \"ما الرمز الكيميائي للماء؟\", options: [\"CO2\", \"H2O\", \"O2\", \"NaCl\"], correct: 1 },\n      { question: \"من كتب المعلقات؟\", options: [\"المتنبي\", \"امرؤ القيس\", \"أبو تمام\", \"الفرزدق\"], correct: 1 },\n      { question: \"كم عظمة في جسم الإنسان؟\", options: [\"186\", \"206\", \"226\", \"256\"], correct: 1 },\n      { question: \"ما سرعة الضوء تقريباً؟\", options: [\"200 ألف كم/ث\", \"300 ألف كم/ث\", \"400 ألف كم/ث\", \"500 ألف كم/ث\"], correct: 1 },\n      { question: \"ما أطول نهر في العالم؟\", options: [\"الأمازون\", \"النيل\", \"المسيسبي\", \"اليانغتسي\"], correct: 1 },\n      { question: \"ما ناتج 15 × 13؟\", options: [\"175\", \"185\", \"195\", \"205\"], correct: 2 },\n      { question: \"من اكتشف البنسلين؟\", options: [\"فلمنغ\", \"باستور\", \"كوخ\", \"جينر\"], correct: 0 },\n      { question: \"ما عدد أركان الإسلام؟\", options: [\"4\", \"5\", \"6\", \"7\"], correct: 1 },\n      { question: \"أين يقع برج إيفل؟\", options: [\"لندن\", \"باريس\", \"روما\", \"برلين\"], correct: 1 },\n      { question: \"ما أقرب كوكب للشمس؟\", options: [\"الزهرة\", \"الأرض\", \"عطارد\", \"المريخ\"], correct: 2 },\n      { question: \"كم سورة في القرآن؟\", options: [\"110\", \"114\", \"120\", \"124\"], correct: 1 },\n      { question: \"ما الحيوان الأسرع؟\", options: [\"الأسد\", \"الفهد\", \"النمر\", \"الحصان\"], correct: 1 },\n      { question: \"ما عاصمة اليابان؟\", options: [\"أوساكا\", \"طوكيو\", \"كيوتو\", \"هيروشيما\"], correct: 1 },\n      { question: \"ما أكبر محيط؟\", options: [\"الأطلسي\", \"الهندي\", \"الهادئ\", \"المتجمد\"], correct: 2 },\n      { question: \"ما وحدة قياس الطاقة؟\", options: [\"نيوتن\", \"جول\", \"واط\", \"أمبير\"], correct: 1 },\n    ],\n    hard: [\n      { question: \"ما المقاومة الكهربائية لموصل بطول 2م ومقطع 0.5مم²؟ (المقاومة النوعية 1.7×10⁻⁸)\", options: [\"0.034Ω\", \"0.068Ω\", \"0.136Ω\", \"0.017Ω\"], correct: 1 },\n      { question: \"ما مشتقة الدالة f(x) = 3x² + 2x؟\", options: [\"6x + 2\", \"3x + 2\", \"6x² + 2\", \"3x² + 2x\"], correct: 0 },\n      { question: \"ما هو pH المحلول المتعادل؟\", options: [\"0\", \"7\", \"14\", \"1\"], correct: 1 },\n      { question: \"من صاحب نظرية النسبية؟\", options: [\"نيوتن\", \"بور\", \"أينشتاين\", \"هايزنبرغ\"], correct: 2 },\n      { question: \"ما تكامل 2x dx؟\", options: [\"x²+C\", \"2x²+C\", \"x+C\", \"2+C\"], correct: 0 },\n      { question: \"ما نوع الرابطة في NaCl؟\", options: [\"تساهمية\", \"أيونية\", \"فلزية\", \"هيدروجينية\"], correct: 1 },\n      { question: \"ما قانون أوم؟\", options: [\"V=IR\", \"P=IV\", \"F=ma\", \"E=mc²\"], correct: 0 },\n      { question: \"ما العدد الذري للكربون؟\", options: [\"4\", \"6\", \"8\", \"12\"], correct: 1 },\n      { question: \"ما هي الميتوكوندريا؟\", options: [\"مركز الطاقة\", \"مركز البناء\", \"مركز التخزين\", \"مركز النقل\"], correct: 0 },\n      { question: \"كم كروموسوم عند الإنسان؟\", options: [\"23\", \"44\", \"46\", \"48\"], correct: 2 },\n      { question: \"ما طبقة الأوزون؟\", options: [\"تروبوسفير\", \"ستراتوسفير\", \"ميزوسفير\", \"ثيرموسفير\"], correct: 1 },\n      { question: \"ما الحمض النووي المسؤول عن الوراثة؟\", options: [\"RNA\", \"DNA\", \"ATP\", \"ADP\"], correct: 1 },\n      { question: \"ما قانون نيوتن الثاني؟\", options: [\"F=ma\", \"F=mv\", \"F=mg\", \"F=mc²\"], correct: 0 },\n      { question: \"ما نوع المنشور في المنظار؟\", options: [\"مقعر\", \"محدب\", \"ثلاثي\", \"رباعي\"], correct: 2 },\n      { question: \"ما نتاج التنفس الخلوي؟\", options: [\"O2 + جلوكوز\", \"CO2 + ماء + طاقة\", \"جلوكوز + طاقة\", \"O2 + طاقة\"], correct: 1 },\n    ],\n  };\n\n  const pool = allQuestions[level as keyof typeof allQuestions] || allQuestions.easy;\n  // Shuffle and return\n  const shuffled = [...pool].sort(() => Math.random() - 0.5);\n  return shuffled.slice(0, Math.min(count, shuffled.length));\n}\n\nexport default ai;\n",[],[163,342],"66673fcc-3fda-11f1-a51c-42b51c65c3df","admin.ts","666740a8-3fda-11f1-a51c-42b51c65c3df",5,["D",1777034267853],"import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst admin = new Hono();\n\n// Get all pending registrations\nadmin.get(\"/pending\", async (c) => {\n  const result = await sqlite.execute(\n    \"SELECT id, name, email, role, grade, subjects, created_at FROM users WHERE status = 'pending' ORDER BY created_at DESC\",\n  );\n  return c.json({ users: result.rows });\n});\n\n// Get all users\nadmin.get(\"/users\", async (c) => {\n  const result = await sqlite.execute(\n    \"SELECT id, name, email, role, grade, subjects, status, points, created_at FROM users WHERE role != 'admin' ORDER BY created_at DESC\",\n  );\n  return c.json({ users: result.rows });\n});\n\n// Approve user\nadmin.post(\"/approve/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  await sqlite.execute({ sql: \"UPDATE users SET status = 'approved' WHERE id = ?\", args: [parseInt(id)] });\n  return c.json({ message: \"تم قبول الحساب\" });\n});\n\n// Reject user\nadmin.post(\"/reject/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  await sqlite.execute({ sql: \"UPDATE users SET status = 'rejected' WHERE id = ?\", args: [parseInt(id)] });\n  return c.json({ message: \"تم رفض الحساب\" });\n});\n\n// Delete user\nadmin.delete(\"/user/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  await sqlite.execute({ sql: \"DELETE FROM users WHERE id = ? AND role != 'admin'\", args: [parseInt(id)] });\n  return c.json({ message: \"تم حذف الحساب\" });\n});\n\nexport default admin;\n",[],[163,350],["D",1777034260804],[178,179,180,181,182,183],[163],["D",1777034218711],["D",1789495880338],{"_11":12,"_91":87},{"_11":12,"_85":-5,"_86":87,"_45":46,"_88":89,"_90":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_80":-5,"_81":-5,"_82":-5,"_83":14,"_84":12},"ctx",{"_73":-5,"_112":398,"_399":400,"_401":402,"_403":38,"_404":38,"_405":38,"_406":50,"_407":-5,"_408":-7,"_409":-7,"_410":54,"_411":38,"_412":38,"_413":-5,"_414":38,"_415":38,"_416":38,"_417":-5},"ENV",{"_369":370,"_371":372,"_373":26,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Branches1

Branches
1