Update App.tsx

App.tsx

@@ -37,6 +37,25 @@ const INTRO_SLIDES = [
   }
 ];
 
+// متد کمکی و هوشمند استخراج و تحلیل جزییات دقیق خطاهای سرور
+const getErrorMessage = (err: any, defaultMsg: string): string => {
+  console.error("API Error Captured:", err);
+  if (err.response) {
+    const data = err.response.data;
+    if (data) {
+      if (typeof data.detail === 'string') {
+        return data.detail; // بازگرداندن خطای مستقیم صادر شده (مانند کلمه عبور اشتباه است)
+      } else if (Array.isArray(data.detail)) {
+        // بازگرداندن و چسباندن خطاهای ولیدیشن ورودی‌ها به صورت تفکیک شده
+        return data.detail.map((d: any) => d.msg).join(" - ");
+      } else if (data.message) {
+        return data.message;
+      }
+    }
+  }
+  return err.message || defaultMsg;
+};
+
 interface WelcomeScreenProps {
   onStart: () => void;
 }
@@ -170,7 +189,7 @@ export default function App() {
   const [searchResults, setSearchResults] = useState<any[]>([]);
   const [activeTabSchool, setActiveTabSchool] = useState("portfolio"); // 'portfolio', 'B2B', 'sponsorship'
 
-  // فرآیند ورود خودکار هوشمند
+  // بررسی احراز هویت خودکار (Auto-Login Check) در بدو ورود به اپلیکیشن
   useEffect(() => {
     const storedToken = localStorage.getItem("token");
     const storedRole = localStorage.getItem("userRole");
@@ -184,6 +203,7 @@ export default function App() {
           setUserProfile(res.data);
           setUserBalance(res.data.balance);
           
+          // هدایت مستقیم به داشبورد مربوطه بدون نمایش صفحه لاگین
           if (res.data.role === "student") {
             setCurrentScreen("student_dashboard");
           } else if (res.data.role === "counselor") {
@@ -266,8 +286,8 @@ export default function App() {
       }
       else if (role === "school_representative") setCurrentScreen("school_dashboard");
     } catch (err: any) {
-      // استفاده داینامیک از جزییات خطای سرور به جای هاردکد کردن پیام عمومی
-      setErrorMessage(err.response?.data?.detail || "سرور موقتاً شلوغ است. لطفاً چند لحظه دیگر دوباره تلاش کنید.");
+      // استفاده هوشمند از متد کمکی استخراج جزییات دقیق خطای ورودی
+      setErrorMessage(getErrorMessage(err, "سرور موقتاً شلوغ است. لطفاً چند لحظه دیگر دوباره تلاش کنید."));
     }
   };
 
@@ -279,9 +299,9 @@ export default function App() {
         email, password, role, name, specialty, resume, hourly_rate: Number(hourlyRate), phone_number: phone, city
       });
       setCurrentScreen("login");
-      alert("ثبت‌نام با موفقیت انجام شد. اکنون وارد حساب کاربری خود شوید.");
+      alert("ثبت‌نام با موفقیت انجام شد. اکنون وارد شوید.");
     } catch (err: any) {
-      setErrorMessage(err.response?.data?.detail || "ثبت‌نام با خطا مواجه شد؛ مجدداً تلاش نمایید.");
+      setErrorMessage(getErrorMessage(err, "ثبت‌نام با خطا مواجه شد؛ مجدداً تلاش نمایید."));
     }
   };
 
@@ -297,9 +317,9 @@ export default function App() {
     try {
       const res = await axios.post(`${API_BASE_URL}/api/student/topup`, { amount: 150000 });
       setUserBalance(res.data.new_balance);
-      alert("حساب با موفقیت شارژ گردید.");
+      alert("تراز حساب مالی شما با موفقیت شارژ گردید.");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در شارژ مجدد کیف پول مالی.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است."));
     }
   };
 
@@ -309,7 +329,7 @@ export default function App() {
       const res = await axios.get(`${API_BASE_URL}/api/counselors/${counselor.counselor_id}/slots`);
       setCounselorSlots(res.data);
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در دریافت اطلاعات تقویم کاری.");
+      alert(getErrorMessage(err, "لود اطلاعات تقویم امکان‌پذیر نیست."));
     }
   };
 
@@ -320,12 +340,12 @@ export default function App() {
       selectCounselorForBooking(selectedCounselor);
       fetchPayloads();
     } catch (err: any) {
-      alert(err.response?.data?.detail || "موجودی کیف پول برای رزرو کافی نیست.");
+      alert(getErrorMessage(err, "موجودی کیف پول شما کافی نیست. لطفا ابتدا اقدام به شارژ نمایید."));
     }
   };
 
   const handleSubmitTest = async () => {
-    if (!selectedCounselor) return alert("یک مشاور را تعیین کنید.");
+    if (!selectedCounselor) return alert("ابتدا یک مشاور فعال را گزینش کنید.");
     try {
       const res = await axios.post(`${API_BASE_URL}/api/student/test/submit`, {
         counselor_id: selectedCounselor.counselor_id,
@@ -334,12 +354,12 @@ export default function App() {
       alert(res.data.message);
       setCurrentScreen("student_dashboard");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در ثبت پاسخنامه داوطلب.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است. بعداً تلاش کنید."));
     }
   };
 
   const handleKonkurSubmit = async () => {
-    if (!selectedCounselor) return alert("ابتدا باید یک مشاور را به پرونده کنکور متصل کنید.");
+    if (!selectedCounselor) return alert("انتخاب مشاور برای رهگیری نهایی الزامی است.");
     try {
       const res = await axios.post(`${API_BASE_URL}/api/selection/select`, {
         rank: Number(rank),
@@ -348,9 +368,9 @@ export default function App() {
         counselor_id: selectedCounselor.counselor_id
       });
       setAiChoices(res.data.selections);
-      alert(res.data.message);
+      alert("پردازش اطلاعات با موفقیت انجام شد.");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است. بعداً تلاش کنید."));
     }
   };
 
@@ -360,7 +380,7 @@ export default function App() {
       setMajorSelection(res.data);
       setCurrentScreen("selection_view");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "هیچ پیش‌نویسی در پرونده یافت نگردید.");
+      alert(getErrorMessage(err, "پرونده ثبتی برای شما یافت نگردید."));
     }
   };
 
@@ -378,11 +398,11 @@ export default function App() {
         start_time: newSlotStart,
         end_time: newSlotEnd
       }]);
-      alert("تایم کاری آزاد به تقویم اضافه شد.");
+      alert("زمان جدید با موفقیت در تقویم ذخیره شد.");
       setNewSlotStart("");
       setNewSlotEnd("");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است. بعداً تلاش کنید."));
     }
   };
 
@@ -391,25 +411,23 @@ export default function App() {
       await axios.put(`${API_BASE_URL}/api/selection/${selectionId}/approve`, {
         finalized_list_json: JSON.stringify(updatedList)
       });
-      alert("لیست داوطلب با موفقیت ثبت و نهایی شد.");
+      alert("پرونده داوطلب با موفقیت ثبت و نهایی شد.");
       fetchCounselorDashboard();
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در نهایی‌سازی لیست تاییدیه.");
+      alert(getErrorMessage(err, "خطا در نهایی‌سازی لیست تاییدیه."));
     }
   };
 
-  // --- ارتقای هوش مصنوعی رزومه مشاور ---
   const handleExtractBio = async () => {
     try {
       const res = await axios.post(`${API_BASE_URL}/api/counselor/extract-bio`, { resume_text: resume });
       setAiChoicesExtracted(res.data.extracted_bio);
       alert("بیوگرافی با موفقیت استخراج شد؛ در صورت نیاز آن را ویرایش نمایید.");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است."));
     }
   };
 
-  // --- نوبت‌دهی دستی با صورتحساب ۲۴ ساعته توسط مشاور ---
   const handleManualBooking = async () => {
     if (!selectedStudentForManual || !manualTime) return alert("تمام فیلدها الزامی است.");
     try {
@@ -424,11 +442,10 @@ export default function App() {
       alert("نوبت با موفقیت رزرو و صورتحساب ۲۴ ساعته برای داوطلب صادر گردید.");
       fetchCounselorDashboard();
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در ایجاد نوبت دستی.");
+      alert(getErrorMessage(err, "خطا در ایجاد نوبت دستی."));
     }
   };
 
-  // --- طراحی آزمون گزینه‌ای در مشاور ---
   const handleAddQuestionField = () => {
     setQuestions([...questions, { question: "", option1: "", option2: "", option3: "", option4: "", correct: "1" }]);
   };
@@ -449,11 +466,10 @@ export default function App() {
       setQuizTitle("");
       setQuestions([{ question: "", option1: "", option2: "", option3: "", option4: "", correct: "1" }]);
     } catch (err: any) {
-      alert(err.response?.data?.detail || "خطا در ثبت آزمون");
+      alert(getErrorMessage(err, "خطا در ثبت آزمون"));
     }
   };
 
-  // --- عملیات آموزشگاه مجهز به متدهای داینامیک ---
   const handleAddCourseField = () => {
     setCourses([...courses, { course_name: "", teacher_name: "", teaching_style: "" }]);
   };
@@ -476,7 +492,7 @@ export default function App() {
       });
       alert("پروفایل آموزشگاه با موفقیت به روزرسانی شد.");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است."));
     }
   };
 
@@ -485,7 +501,7 @@ export default function App() {
       const res = await axios.get(`${API_BASE_URL}/api/schools?name=${searchCourse}&city=${searchSchoolCity}`);
       setSearchResults(res.data);
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است."));
     }
   };
 
@@ -494,7 +510,7 @@ export default function App() {
       await axios.post(`${API_BASE_URL}/api/schools/purchase-ad`);
       alert("با موفقیت به آموزشگاه ویژه ارتقا یافتید و به صدر جدول فرستاده شدید.");
     } catch (err: any) {
-      alert(err.response?.data?.detail || "سرور موقتاً شلوغ است.");
+      alert(getErrorMessage(err, "سرور موقتاً شلوغ است."));
     }
   };
 
@@ -815,7 +831,7 @@ export default function App() {
                   {s.is_sponsored && (
                     <span className="absolute top-3 left-3 bg-amberGold-500 text-white text-[8px] font-black py-0.5 px-2 rounded-full shadow-sm">ویژه اسپانسر</span>
                   )}
-                  <h4 className="text-xs font-black text-slate-800">{s.school_name}</h4>
+                  <h4 className="text-xs font-black text-white">{s.school_name}</h4>
                   <p className="text-[10px] text-slate-500">{s.bio || "آموزشگاه برتر فعال"}</p>
                   <p className="text-[10px] text-slate-400">سال تاسیس: {s.founding_year || "۱۳۹۸"} | آدرس: {s.address || "بخش مرکزی"}</p>
                   <div className="space-y-1">
@@ -1027,10 +1043,10 @@ export default function App() {
                       <span className="font-bold text-turquoise-700">سوال شماره {idx + 1}:</span>
                       <input type="text" placeholder="متن سوال چند گزینه‌ای" value={q.question} onChange={(e) => handleQuestionChange(idx, "question", e.target.value)} className="w-full p-2 border border-slate-200 rounded bg-white text-slate-800" />
                       <div className="grid grid-cols-2 gap-2">
-                        <input type="text" placeholder="گزینه ۱" value={q.option1} onChange={(e) => handleQuestionChange(idx, "option1", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-850" />
-                        <input type="text" placeholder="گزینه ۲" value={q.option2} onChange={(e) => handleQuestionChange(idx, "option2", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-850" />
-                        <input type="text" placeholder="گزینه ۳" value={q.option3} onChange={(e) => handleQuestionChange(idx, "option3", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-850" />
-                        <input type="text" placeholder="گزینه ۴" value={q.option4} onChange={(e) => handleQuestionChange(idx, "option4", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-850" />
+                        <input type="text" placeholder="گزینه ۱" value={q.option1} onChange={(e) => handleQuestionChange(idx, "option1", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-855" />
+                        <input type="text" placeholder="گزینه ۲" value={q.option2} onChange={(e) => handleQuestionChange(idx, "option2", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-855" />
+                        <input type="text" placeholder="گزینه ۳" value={q.option3} onChange={(e) => handleQuestionChange(idx, "option3", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-855" />
+                        <input type="text" placeholder="گزینه ۴" value={q.option4} onChange={(e) => handleQuestionChange(idx, "option4", e.target.value)} className="p-1 border border-slate-200 rounded bg-white text-slate-855" />
                       </div>
                     </div>
                   ))}
@@ -1068,9 +1084,9 @@ export default function App() {
         {currentScreen === "school_dashboard" && (
           <div className="space-y-6 animate-screen">
             <div className="flex justify-between border-b border-slate-200 pb-2">
-              <button onClick={() => setActiveTabSchool("portfolio")} className={`text-xs font-bold pb-2 ${activeTabSchool === "portfolio" ? "border-b-2 border-turquoise-700 text-turquoise-700" : "text-slate-500"}`}>ویرایش اطلاعات</button>
-              <button onClick={() => setActiveTabSchool("B2B")} className={`text-xs font-bold pb-2 ${activeTabSchool === "B2B" ? "border-b-2 border-turquoise-700 text-turquoise-700" : "text-slate-500"}`}>اتصال همکاران (B2B)</button>
-              <button onClick={() => setActiveTabSchool("sponsorship")} className={`text-xs font-bold pb-2 ${activeTabSchool === "sponsorship" ? "border-b-2 border-turquoise-700 text-turquoise-700" : "text-slate-500"}`}>اشتراک و تبلیغات</button>
+              <button onClick={() => setActiveTabSchool("portfolio")} className={`text-xs font-bold pb-2 ${activeTabSchool === "portfolio" ? "border-b-2 border-turquoise-700 text-turquoise-750" : "text-slate-500"}`}>ویرایش اطلاعات</button>
+              <button onClick={() => setActiveTabSchool("B2B")} className={`text-xs font-bold pb-2 ${activeTabSchool === "B2B" ? "border-b-2 border-turquoise-700 text-turquoise-750" : "text-slate-500"}`}>اتصال همکاران (B2B)</button>
+              <button onClick={() => setActiveTabSchool("sponsorship")} className={`text-xs font-bold pb-2 ${activeTabSchool === "sponsorship" ? "border-b-2 border-turquoise-700 text-turquoise-750" : "text-slate-500"}`}>اشتراک و تبلیغات</button>
             </div>
 
             {activeTabSchool === "portfolio" && (
@@ -1148,7 +1164,7 @@ export default function App() {
 
       </main>
 
-      {/* منوی شناور پایینی روشن (لایت‌مد با افکت شیشه‌ای مجهز به نشانگر نوتیفیکیشن عددی) */}
+      {/* منوی شناور پایینی لوکس مجهز به نشانگر نوتیفیکیشن عددی */}
       {showBottomNav && (
         <div className="fixed bottom-4 left-4 right-4 max-w-md mx-auto bg-white/95 backdrop-blur-md rounded-2xl py-2 px-3 shadow-2xl border border-slate-200/80 flex justify-around items-center z-50 animate-screen">
           
@@ -1208,7 +1224,7 @@ export default function App() {
               </button>
 
               <button 
-                onClick={() => { setCurrentScreen("counselor_dashboard"); setActiveTabSchool("B2B"); }} 
+                onClick={() => { setCurrentScreen("counselor_dashboard"); setActiveTabCounselor("quizzes"); }} 
                 className={`flex flex-col items-center gap-1 p-2 rounded-xl transition-all ${currentScreen === "counselor_dashboard" && activeTabCounselor === "quizzes" ? "bg-slate-100 text-turquoise-700" : "text-slate-500 hover:text-slate-800"}`}
               >
                 <FileText size={18} />