this code was written in extreme stress, ill debug it later

src/entrypoints/popup/App.vue

@@ -3,10 +3,22 @@ import { Loader2 } from 'lucide-vue-next'
 import { useStorage } from '@/composables/useStorage'
 import { useDateFormat } from '@vueuse/core'
 import type { Student } from '@/scripts/sig/homepage'
+import { getStudent, type MatriculaStudent } from '@/services/next';
 
 const { state: student, isLoading: loading, error } = useStorage<Student>('local:student');
 
+const studentCoefficients = ref<MatriculaStudent>()
+
 const formattedDate = useDateFormat(student.value?.lastUpdate, 'DD/MM/YYYY HH:mm', { locales: 'pt-BR' })
+
+onMounted(async () => {
+  if (!student.value) {
+    return;
+  }
+  const matriculaStudent = await getStudent(student.value.login, student.value.ra)
+  studentCoefficients.value = matriculaStudent;
+})
+
 </script>
 
 <template>
@@ -32,16 +44,16 @@ const formattedDate = useDateFormat(student.value?.lastUpdate, 'DD/MM/YYYY HH:mm
             <h3 class="font-bold flex-auto">{{ student.login }}</h3>
             <span class="flex-none text-right text-sm">{{ student.ra }}</span>
           </div>
-          <template v-if="student.graduations?.length">
-            <div class="mb-2 border border-solid border-[#efefef] rounded p-1.5" v-for="graduation in student.graduations">
+          <template v-if="studentCoefficients">
+            <div class="mb-2 border border-solid border-[#efefef] rounded p-1.5" v-for="graduation in studentCoefficients.graduations">
               <div class="text-sm mb-1">
-                {{ graduation.course }}<br />
+                {{ graduation.name }}<br />
                 <b>{{ graduation.shift }}</b>
               </div>
               <div class="flex">
-                <span class="flex-1 text-sm text-left text-[#c78d00]">CP: {{ 1 }}</span>
-                <span class="flex-1 text-sm text-center text-[#05C218]">CR: {{ 1 }}</span>
-                <span class="flex-1 text-sm text-right text-[#2E7EED]">CA: {{ 1 }}</span>
+                <span class="flex-1 text-sm text-left text-[#c78d00]">CP: {{ graduation.cp }}</span>
+                <span class="flex-1 text-sm text-center text-[#05C218]">CR: {{ graduation.cr }}</span>
+                <span class="flex-1 text-sm text-right text-[#2E7EED]">CA: {{ graduation.ca }}</span>
               </div>
             </div>
           </template>

src/entrypoints/sig.content/index.ts

@@ -2,7 +2,7 @@ import { storage } from "wxt/storage";
 import { scrapeMenu, type Student } from "@/scripts/sig/homepage";
 import "toastify-js/src/toastify.css";
 import '@/assets/tailwind.css'
-import { syncHistory, type SigHistory } from "@/services/next";
+import { createStudent, syncHistory, type SigHistory } from "@/services/next";
 import { processingToast, errorToast, successToast } from '@/utils/toasts'
 
 export default defineContentScript({
@@ -46,6 +46,7 @@ export default defineContentScript({
             })
 
             await storage.setItem("local:student", mergedStudent);
+            await createStudent(mergedStudent)
           }
           // update regular student - not new and same course
           await syncHistory({
@@ -55,14 +56,14 @@ export default defineContentScript({
             components: currentGraduation.components
           })
         } else {
+          await storage.setItem("local:student", currentStudent);
           // Create student record with first graduation
           await syncHistory({
             ra: currentStudent.ra,
             course: existingStudent?.graduations[0].course as string,
             grade: existingStudent?.graduations[0].grade as string,
             components: existingStudent?.graduations[0].components as SigHistory['components']
           })
-          await storage.setItem("local:student", currentStudent);
         }
 
         successToast.showToast();

src/scripts/sig/homepage.ts

@@ -180,7 +180,7 @@ export async function scrapeMenu(
 	const graduation = {
 		course: currentGraduation.course,
 		campus: currentGraduation.campus,
-		grade: curriculumByRa.appliedAt,
+		grade: curriculumByRa.grade,
 		shift: currentGraduation.shift,
 		components,
 	};

src/services/next.ts

@@ -139,6 +139,7 @@ export type MatriculaStudent =  {
       affinity: number;
       cp: number;
       cr: number;
+      ca: number
   }[];
 }