Upload 9 files

src/views/InstructorView.js

@@ -392,6 +392,7 @@ export function setupInstructorEvents() {
             students.forEach((s, index) => {
                 const progressMap = s.progress || {};
                 const totalLikes = Object.values(progressMap).reduce((acc, p) => acc + (p.likes || 0), 0);
+                const totalCompleted = Object.values(progressMap).filter(p => p.status === 'completed').length;
 
                 // FIXED: Prioritize stored ID if valid (same as StudentView logic)
                 let monster;
@@ -483,7 +484,7 @@ export function setupInstructorEvents() {
                     <div class="mb-1 text-center bg-gray-900/60 backdrop-blur-sm rounded-lg px-2 py-1 border border-gray-600/30 group-hover/card:bg-gray-800 group-hover/card:border-cyan-500/50 transition-all opacity-80 group-hover/card:opacity-100 transform translate-y-2 group-hover/card:translate-y-0 duration-300">
                          <div class="text-[10px] text-gray-300 mb-0.5 whitespace-nowrap">${monster.name.split(' ')[1] || monster.name}</div>
                          <div class="flex items-center justify-center space-x-2">
-                            <span class="text-[10px] bg-blue-900/50 text-blue-300 px-1.5 rounded border border-blue-500/30">Lv.${(s.monster_stage || 0) + 1}</span>
+                            <span class="text-[10px] bg-blue-900/50 text-blue-300 px-1.5 rounded border border-blue-500/30">Lv.${totalCompleted + 1}</span>
                             <div class="flex items-center text-[10px] text-pink-400 font-bold">
                                 <span>♥</span>
                                 <span class="ml-0.5">${totalLikes}</span>