From c03669eda7cd1eab43be5aafca6ce677387ffe7d Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Fri, 2 May 2025 13:36:12 +0200
Subject: [PATCH 01/74] feat: teacher's assignments full stack geimplementeerd

---
 backend/src/controllers/teachers.ts  | 11 +++++++++++
 backend/src/routes/teachers.ts       |  3 +++
 backend/src/services/teachers.ts     | 14 ++++++++++++++
 frontend/src/controllers/teachers.ts |  5 +++++
 frontend/src/queries/teachers.ts     | 16 ++++++++++++++++
 5 files changed, 49 insertions(+)

diff --git a/backend/src/controllers/teachers.ts b/backend/src/controllers/teachers.ts
index c8063f80..1ac4888e 100644
--- a/backend/src/controllers/teachers.ts
+++ b/backend/src/controllers/teachers.ts
@@ -7,6 +7,7 @@ import {
     getJoinRequestsByClass,
     getStudentsByTeacher,
     getTeacher,
+    getTeacherAssignments,
     getTeacherQuestions,
     updateClassJoinRequestStatus,
 } from '../services/teachers.js';
@@ -60,6 +61,16 @@ export async function getTeacherClassHandler(req: Request, res: Response): Promi
     res.json({ classes });
 }
 
+export async function getTeacherAssignmentsHandler(req: Request, res: Response): Promise<void> {
+    const username = req.params.username;
+    const full = req.query.full === 'true';
+    requireFields({ username });
+
+    const assignments = await getTeacherAssignments(username, full);
+
+    res.json({ assignments });
+}
+
 export async function getTeacherStudentHandler(req: Request, res: Response): Promise<void> {
     const username = req.params.username;
     const full = req.query.full === 'true';
diff --git a/backend/src/routes/teachers.ts b/backend/src/routes/teachers.ts
index 44d3064b..6ff5fd9c 100644
--- a/backend/src/routes/teachers.ts
+++ b/backend/src/routes/teachers.ts
@@ -4,6 +4,7 @@ import {
     deleteTeacherHandler,
     getAllTeachersHandler,
     getStudentJoinRequestHandler,
+    getTeacherAssignmentsHandler,
     getTeacherClassHandler,
     getTeacherHandler,
     getTeacherQuestionHandler,
@@ -25,6 +26,8 @@ router.delete('/:username', deleteTeacherHandler);
 
 router.get('/:username/classes', getTeacherClassHandler);
 
+router.get(`/:username/assignments`, getTeacherAssignmentsHandler);
+
 router.get('/:username/students', getTeacherStudentHandler);
 
 router.get('/:username/questions', getTeacherQuestionHandler);
diff --git a/backend/src/services/teachers.ts b/backend/src/services/teachers.ts
index 4fdb15be..9e617a4d 100644
--- a/backend/src/services/teachers.ts
+++ b/backend/src/services/teachers.ts
@@ -1,4 +1,5 @@
 import {
+    getAssignmentRepository,
     getClassJoinRequestRepository,
     getClassRepository,
     getLearningObjectRepository,
@@ -30,6 +31,8 @@ import { QuestionDTO, QuestionId } from '@dwengo-1/common/interfaces/question';
 import { ClassJoinRequestDTO } from '@dwengo-1/common/interfaces/class-join-request';
 import { ClassStatus } from '@dwengo-1/common/util/class-join-request';
 import { ConflictException } from '../exceptions/conflict-exception.js';
+import { AssignmentDTO, AssignmentDTOId } from '@dwengo-1/common/interfaces/assignment';
+import { mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment.js';
 
 export async function getAllTeachers(full: boolean): Promise<TeacherDTO[] | string[]> {
     const teacherRepository: TeacherRepository = getTeacherRepository();
@@ -101,6 +104,17 @@ export async function getClassesByTeacher(username: string, full: boolean): Prom
     return classes.map((cls) => cls.id);
 }
 
+export async function getTeacherAssignments(username: string, full: boolean): Promise<AssignmentDTO[] | AssignmentDTOId[]> {
+    const assignmentRepository = getAssignmentRepository();
+    const assignments = await assignmentRepository.findAllByResponsibleTeacher(username);
+
+    if (full) {
+        return assignments.map(mapToAssignmentDTO);
+    }
+
+    return assignments.map(mapToAssignmentDTOId);
+}
+
 export async function getStudentsByTeacher(username: string, full: boolean): Promise<StudentDTO[] | string[]> {
     const classes: ClassDTO[] = await fetchClassesByTeacher(username);
 
diff --git a/frontend/src/controllers/teachers.ts b/frontend/src/controllers/teachers.ts
index a97cf11f..76fe0162 100644
--- a/frontend/src/controllers/teachers.ts
+++ b/frontend/src/controllers/teachers.ts
@@ -3,6 +3,7 @@ import type { JoinRequestResponse, JoinRequestsResponse, StudentsResponse } from
 import type { QuestionsResponse } from "@/controllers/questions.ts";
 import type { ClassesResponse } from "@/controllers/classes.ts";
 import type { TeacherDTO } from "@dwengo-1/common/interfaces/teacher";
+import type { AssignmentsResponse } from "./assignments";
 
 export interface TeachersResponse {
     teachers: TeacherDTO[] | string[];
@@ -36,6 +37,10 @@ export class TeacherController extends BaseController {
         return this.get<ClassesResponse>(`/${username}/classes`, { full });
     }
 
+    async getAssignments(username: string, full = true): Promise<AssignmentsResponse> {
+        return this.get<AssignmentsResponse>(`/${username}/assignments`, { full });
+    }
+
     async getStudents(username: string, full = false): Promise<StudentsResponse> {
         return this.get<StudentsResponse>(`/${username}/students`, { full });
     }
diff --git a/frontend/src/queries/teachers.ts b/frontend/src/queries/teachers.ts
index 59da84f4..ab799118 100644
--- a/frontend/src/queries/teachers.ts
+++ b/frontend/src/queries/teachers.ts
@@ -13,6 +13,7 @@ import type { JoinRequestResponse, JoinRequestsResponse, StudentsResponse } from
 import type { QuestionsResponse } from "@/controllers/questions.ts";
 import type { TeacherDTO } from "@dwengo-1/common/interfaces/teacher";
 import { studentJoinRequestQueryKey, studentJoinRequestsQueryKey } from "@/queries/students.ts";
+import type { AssignmentResponse, AssignmentsResponse } from "@/controllers/assignments";
 
 const teacherController = new TeacherController();
 
@@ -29,6 +30,10 @@ function teacherClassesQueryKey(username: string, full: boolean): [string, strin
     return ["teacher-classes", username, full];
 }
 
+function teacherAssignmentsQueryKey(username: string, full: boolean): [string, string, boolean] {
+    return ["teacher-assignments", username, full];
+}
+
 function teacherStudentsQueryKey(username: string, full: boolean): [string, string, boolean] {
     return ["teacher-students", username, full];
 }
@@ -69,6 +74,17 @@ export function useTeacherClassesQuery(
     });
 }
 
+export function useTeacherAssignmentsQuery(
+    username: MaybeRefOrGetter<string | undefined>,
+    full: MaybeRefOrGetter<boolean> = false,
+): UseQueryReturnType<AssignmentsResponse, Error> {
+    return useQuery({
+        queryKey: computed(() => teacherAssignmentsQueryKey(toValue(username)!, toValue(full))),
+        queryFn: async () => teacherController.getAssignments(toValue(username)!, toValue(full)),
+        enabled: () => Boolean(toValue(username)),
+    });
+}
+
 export function useTeacherStudentsQuery(
     username: MaybeRefOrGetter<string | undefined>,
     full: MaybeRefOrGetter<boolean> = false,

From 7e4e179121f1fe6d8c2a135e303c8dbc4a1246ac Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Fri, 2 May 2025 14:01:00 +0200
Subject: [PATCH 02/74] feat: nieuwe lijstview voor assignment

---
 .../src/views/assignments/UserAssignments.vue | 334 ++++++++++--------
 1 file changed, 178 insertions(+), 156 deletions(-)

diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 7a144e25..07f02106 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,188 +1,210 @@
 <script setup lang="ts">
-    import { ref, computed, onMounted, watch } from "vue";
-    import { useI18n } from "vue-i18n";
-    import { useRouter } from "vue-router";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useTeacherClassesQuery } from "@/queries/teachers.ts";
-    import { useStudentClassesQuery } from "@/queries/students.ts";
-    import { ClassController } from "@/controllers/classes.ts";
-    import type { ClassDTO } from "@dwengo-1/common/interfaces/class";
-    import { asyncComputed } from "@vueuse/core";
-    import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+import { ref, computed, onMounted, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import authState from "@/services/auth/auth-service.ts";
+import auth from "@/services/auth/auth-service.ts";
+import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
+import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
+import { ClassController } from "@/controllers/classes.ts";
+import type { ClassDTO } from "@dwengo-1/common/interfaces/class";
+import { asyncComputed } from "@vueuse/core";
+import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+import type { AssignmentsResponse } from "@/controllers/assignments";
+import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
 
-    const { t } = useI18n();
-    const router = useRouter();
+const { t } = useI18n();
+const router = useRouter();
 
-    const role = ref(auth.authState.activeRole);
-    const username = ref<string>("");
+const role = ref(auth.authState.activeRole);
+const username = ref<string | undefined>(undefined);
+const isLoading = ref(false);
+const isError = ref(false);
+const errorMessage = ref<string>("");
 
-    const isTeacher = computed(() => role.value === "teacher");
-
-    // Fetch and store all the teacher's classes
-    let classesQueryResults = undefined;
-
-    if (isTeacher.value) {
-        classesQueryResults = useTeacherClassesQuery(username, true);
-    } else {
-        classesQueryResults = useStudentClassesQuery(username, true);
+// Load current user before rendering the page
+onMounted(async () => {
+    isLoading.value = true;
+    try {
+        const userObject = await authState.loadUser();
+        username.value = userObject!.profile.preferred_username;
+    } catch (error) {
+        isError.value = true;
+        errorMessage.value = error instanceof Error ? error.message : String(error);
+    } finally {
+        isLoading.value = false;
     }
+});
 
-    //TODO: remove later
-    const classController = new ClassController();
+const isTeacher = computed(() => role.value === "teacher");
 
-    //TODO: replace by query that fetches all user's assignment
-    const assignments = asyncComputed(async () => {
-        const classes = classesQueryResults?.data?.value?.classes;
-        if (!classes) return [];
-        const result = await Promise.all(
-            (classes as ClassDTO[]).map(async (cls) => {
-                const { assignments } = await classController.getAssignments(cls.id);
-                return assignments.map((a) => ({
-                    id: a.id,
-                    class: cls,
-                    title: a.title,
-                    description: a.description,
-                    learningPath: a.learningPath,
-                    language: a.language,
-                    groups: a.groups,
-                }));
-            }),
-        );
+const assignmentsQuery = isTeacher ? useTeacherAssignmentsQuery(username, true) : useStudentAssignmentsQuery(username, true);
 
-        return result.flat();
-    }, []);
+async function goToCreateAssignment(): Promise<void> {
+    await router.push("/assignment/create");
+}
 
-    async function goToCreateAssignment(): Promise<void> {
-        await router.push("/assignment/create");
+async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
+    await router.push(`/assignment/${clsId}/${id}`);
+}
+
+const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
+
+watch([isSuccess, data], async ([success, oldData]) => {
+    if (success && oldData?.assignment) {
+        window.location.reload();
     }
+});
 
-    async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
-        await router.push(`/assignment/${clsId}/${id}`);
-    }
+async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
+    mutate({ cid: clsId, an: num });
+}
 
-    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
-
-    watch([isSuccess, data], async ([success, oldData]) => {
-        if (success && oldData?.assignment) {
-            window.location.reload();
-        }
-    });
-
-    async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate({ cid: clsId, an: num });
-    }
-
-    onMounted(async () => {
-        const user = await auth.loadUser();
-        username.value = user?.profile?.preferred_username ?? "";
-    });
+onMounted(async () => {
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
 </script>
 
 <template>
-    <div class="assignments-container">
+    <main>
         <h1>{{ t("assignments") }}</h1>
+        <div class="loading-div" v-if="isLoading">
+            <v-progress-circular indeterminate></v-progress-circular>
+        </div>
+        <div v-if="isError">
+            <v-empty-state icon="mdi-alert-circle-outline" :text="errorMessage"
+                :title="t('error_title')"></v-empty-state>
+        </div>
+        <div v-else>
+            <using-query-result :query-result="assignmentsQuery"
+                v-slot="assignmentsResponse: { data: AssignmentsResponse }">
+                <v-btn v-if="isTeacher" color="primary" class="mb-4 center-btn" @click="goToCreateAssignment">
+                    {{ t("new-assignment") }}
+                </v-btn>
+                <v-container>
+                    <v-table class="table">
+                        <thead>
+                            <tr>
+                                <th class="header">{{ t("assignments") }}</th>
+                                <th class="header">
+                                    {{ t("class") }}
+                                </th>
+                                <th class="header">{{ t("groups") }}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="a in assignmentsResponse.data.assignments as AssignmentDTO[]"
+                                :key="a.id + a.within">
+                                <td>
+                                    <v-btn :to="`/class/${a.within}`" variant="text">
+                                        {{ a.title }}
+                                        <v-icon end> mdi-menu-right </v-icon>
+                                    </v-btn>
+                                </td>
+                                <td>
+                                    <span>{{ a.within }}</span>
+                                    <!-- <span v-if="!isMdAndDown">{{ c.id }}</span>
+                                    <span v-else style="cursor: pointer" @click="openCodeDialog(c.id)"><v-icon
+                                            icon="mdi-eye"></v-icon></span> -->
+                                </td>
 
-        <v-btn
-            v-if="isTeacher"
-            color="primary"
-            class="mb-4 center-btn"
-            @click="goToCreateAssignment"
-        >
-            {{ t("new-assignment") }}
-        </v-btn>
+                                <td>{{ a.groups.length }}</td>
+                            </tr>
+                        </tbody>
+                    </v-table>
+                </v-container>
+            </using-query-result>
+        </div>
+            <div class="assignments-container">
+                <using-query-result :query-result="assignmentsQuery"
+                    v-slot="assignmentsResponse: { data: AssignmentsResponse }">
+                    <v-container>
+                        <v-row>
+                            <v-col v-for="assignment in assignmentsResponse.data.assignments as AssignmentDTO[]"
+                                :key="assignment.id + assignment.within" cols="12">
+                                <v-card class="assignment-card">
+                                    <div class="top-content">
+                                        <div class="assignment-title">{{ assignment.title }}</div>
+                                        <div class="assignment-class">
+                                            {{ t("class") }}:
+                                            <span class="class-name">
+                                                {{ assignment.within }}
+                                            </span>
+                                        </div>
+                                    </div>
 
-        <v-container>
-            <v-row>
-                <v-col
-                    v-for="assignment in assignments"
-                    :key="assignment.id"
-                    cols="12"
-                >
-                    <v-card class="assignment-card">
-                        <div class="top-content">
-                            <div class="assignment-title">{{ assignment.title }}</div>
-                            <div class="assignment-class">
-                                {{ t("class") }}:
-                                <span class="class-name">
-                                    {{ assignment.class.displayName }}
-                                </span>
-                            </div>
-                        </div>
+                                    <div class="spacer"></div>
 
-                        <div class="spacer"></div>
+                                    <div class="button-row">
+                                        <v-btn color="primary" variant="text"
+                                            @click="goToAssignmentDetails(assignment.id, assignment.within)">
+                                            {{ t("view-assignment") }}
+                                        </v-btn>
+                                        <v-btn v-if="isTeacher" color="red" variant="text"
+                                            @click="goToDeleteAssignment(assignment.id, assignment.within)">
+                                            {{ t("delete") }}
+                                        </v-btn>
+                                    </div>
+                                </v-card>
+                            </v-col>
+                        </v-row>
+                    </v-container>
+                </using-query-result>
+            </div>
+    </main>
 
-                        <div class="button-row">
-                            <v-btn
-                                color="primary"
-                                variant="text"
-                                @click="goToAssignmentDetails(assignment.id, assignment.class.id)"
-                            >
-                                {{ t("view-assignment") }}
-                            </v-btn>
-                            <v-btn
-                                v-if="isTeacher"
-                                color="red"
-                                variant="text"
-                                @click="goToDeleteAssignment(assignment.id, assignment.class.id)"
-                            >
-                                {{ t("delete") }}
-                            </v-btn>
-                        </div>
-                    </v-card>
-                </v-col>
-            </v-row>
-        </v-container>
-    </div>
 </template>
 
 <style scoped>
-    .assignments-container {
-        width: 100%;
-        margin: 0 auto;
-        padding: 2% 4%;
-        box-sizing: border-box;
-    }
+.assignments-container {
+    width: 100%;
+    margin: 0 auto;
+    padding: 2% 4%;
+    box-sizing: border-box;
+}
 
-    .center-btn {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-    }
+.center-btn {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
 
-    .assignment-card {
-        padding: 1rem;
-    }
+.assignment-card {
+    padding: 1rem;
+}
 
-    .top-content {
-        margin-bottom: 1rem;
-        word-break: break-word;
-    }
+.top-content {
+    margin-bottom: 1rem;
+    word-break: break-word;
+}
 
-    .spacer {
-        flex: 1;
-    }
+.spacer {
+    flex: 1;
+}
 
-    .button-row {
-        display: flex;
-        justify-content: flex-end;
-        gap: 0.5rem;
-        flex-wrap: wrap;
-    }
+.button-row {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
 
-    .assignment-title {
-        font-weight: bold;
-        font-size: 1.5rem;
-        margin-bottom: 0.1rem;
-        word-break: break-word;
-    }
+.assignment-title {
+    font-weight: bold;
+    font-size: 1.5rem;
+    margin-bottom: 0.1rem;
+    word-break: break-word;
+}
 
-    .assignment-class {
-        color: #666;
-        font-size: 0.95rem;
-    }
+.assignment-class {
+    color: #666;
+    font-size: 0.95rem;
+}
 
-    .class-name {
-        font-weight: 500;
-        color: #333;
-    }
+.class-name {
+    font-weight: 500;
+    color: #333;
+}
 </style>

From 509db70c73a50bebb07ebfa7c3fd18a66fc95e29 Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Fri, 2 May 2025 20:23:14 +0200
Subject: [PATCH 03/74] feat: bezig met ui/ux assignment, bug in testdata

---
 backend/src/controllers/assignments.ts        |  16 +-
 frontend/src/components/DwengoTable.vue       |  49 ++++
 .../components/assignments/AssignmentCard.vue |   0
 frontend/src/controllers/assignments.ts       |   2 +-
 frontend/src/queries/assignments.ts           |   2 +-
 .../src/views/assignments/UserAssignments.vue | 237 ++++++++++++------
 6 files changed, 227 insertions(+), 79 deletions(-)
 create mode 100644 frontend/src/components/DwengoTable.vue
 create mode 100644 frontend/src/components/assignments/AssignmentCard.vue

diff --git a/backend/src/controllers/assignments.ts b/backend/src/controllers/assignments.ts
index 2ca6d2fc..bd2c7244 100644
--- a/backend/src/controllers/assignments.ts
+++ b/backend/src/controllers/assignments.ts
@@ -13,6 +13,7 @@ import { requireFields } from './error-helper.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
 import { Assignment } from '../entities/assignments/assignment.entity.js';
 import { EntityDTO } from '@mikro-orm/core';
+import { FALLBACK_LANG } from '../config.js';
 
 function getAssignmentParams(req: Request): { classid: string; assignmentNumber: number; full: boolean } {
     const classid = req.params.classid;
@@ -38,14 +39,19 @@ export async function getAllAssignmentsHandler(req: Request, res: Response): Pro
 
 export async function createAssignmentHandler(req: Request, res: Response): Promise<void> {
     const classid = req.params.classid;
-    const description = req.body.description;
-    const language = req.body.language;
-    const learningPath = req.body.learningPath;
+    const description = req.body.description || "";
+    const language = req.body.language || FALLBACK_LANG;
+    const learningPath = req.body.learningPath || "";
     const title = req.body.title;
 
-    requireFields({ description, language, learningPath, title });
+    requireFields({ title });
 
-    const assignmentData = req.body as AssignmentDTO;
+    const assignmentData = {
+        description: description,
+        language: language,
+        learningPath: learningPath,
+        title: title,
+    } as AssignmentDTO;
     const assignment = await createAssignment(classid, assignmentData);
 
     res.json({ assignment });
diff --git a/frontend/src/components/DwengoTable.vue b/frontend/src/components/DwengoTable.vue
new file mode 100644
index 00000000..01490751
--- /dev/null
+++ b/frontend/src/components/DwengoTable.vue
@@ -0,0 +1,49 @@
+<template>
+    <v-table class="table">
+        <thead>
+            <tr v-for="name in columns" :key="column">
+                <th class="header">{{ name }}</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr
+                v-for="([item1, item2, item3], index) in listItems"
+                :key="index"
+            >
+                <td></td>
+                <td>
+                    <v-btn
+                        :to="`/class/${c.id}`"
+                        variant="text"
+                    >
+                        {{ c.displayName }}
+                        <v-icon end> mdi-menu-right </v-icon>
+                    </v-btn>
+                </td>
+                <td>
+                    <span v-if="!isMdAndDown">{{ c.id }}</span>
+                    <span
+                        v-else
+                        style="cursor: pointer"
+                        @click="openCodeDialog(c.id)"
+                        ><v-icon icon="mdi-eye"></v-icon
+                    ></span>
+                </td>
+
+                <td>{{ c.students.length }}</td>
+            </tr>
+        </tbody>
+    </v-table>
+</template>
+
+<script>
+export default {
+  name: 'columnList',
+  props: {
+    items: {
+      type: Array,
+      required: true
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/assignments/AssignmentCard.vue b/frontend/src/components/assignments/AssignmentCard.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/controllers/assignments.ts b/frontend/src/controllers/assignments.ts
index 0d46e311..79da6965 100644
--- a/frontend/src/controllers/assignments.ts
+++ b/frontend/src/controllers/assignments.ts
@@ -25,7 +25,7 @@ export class AssignmentController extends BaseController {
         return this.get<AssignmentResponse>(`/${num}`);
     }
 
-    async createAssignment(data: AssignmentDTO): Promise<AssignmentResponse> {
+    async createAssignment(data: Partial<AssignmentDTO>): Promise<AssignmentResponse> {
         return this.post<AssignmentResponse>(`/`, data);
     }
 
diff --git a/frontend/src/queries/assignments.ts b/frontend/src/queries/assignments.ts
index 2bb0a929..eb007bab 100644
--- a/frontend/src/queries/assignments.ts
+++ b/frontend/src/queries/assignments.ts
@@ -117,7 +117,7 @@ export function useAssignmentQuery(
 export function useCreateAssignmentMutation(): UseMutationReturnType<
     AssignmentResponse,
     Error,
-    { cid: string; data: AssignmentDTO },
+    { cid: string; data: Partial<AssignmentDTO> },
     unknown
 > {
     const queryClient = useQueryClient();
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 07f02106..e8bdf6df 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -6,10 +6,10 @@ import authState from "@/services/auth/auth-service.ts";
 import auth from "@/services/auth/auth-service.ts";
 import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
 import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
-import { ClassController } from "@/controllers/classes.ts";
+import { ClassController, type ClassesResponse } from "@/controllers/classes.ts";
 import type { ClassDTO } from "@dwengo-1/common/interfaces/class";
 import { asyncComputed } from "@vueuse/core";
-import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+import { useCreateAssignmentMutation, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
 import type { AssignmentsResponse } from "@/controllers/assignments";
 import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
@@ -38,8 +38,14 @@ onMounted(async () => {
 });
 
 const isTeacher = computed(() => role.value === "teacher");
-
 const assignmentsQuery = isTeacher ? useTeacherAssignmentsQuery(username, true) : useStudentAssignmentsQuery(username, true);
+const { mutate: assignmentMutation, isSuccess: assignmentIsSuccess } = useCreateAssignmentMutation();
+
+const classesQuery = isTeacher ? useTeacherClassesQuery(username, true) : useStudentClassesQuery(username, true);
+const selectedClass = ref<ClassDTO | undefined>(undefined);
+const isClassSelected = ref(false);
+
+const assignmentTitle = ref<string>("");
 
 async function goToCreateAssignment(): Promise<void> {
     await router.push("/assignment/create");
@@ -65,6 +71,27 @@ onMounted(async () => {
     const user = await auth.loadUser();
     username.value = user?.profile?.preferred_username ?? "";
 });
+
+async function createAssignment(): Promise<void> {
+    const cid = selectedClass.value!.id;
+    const assignmentData: Partial<AssignmentDTO> = {
+        within: cid,
+        title: assignmentTitle.value!,
+    };
+
+    assignmentMutation({ cid: cid, data: assignmentData}, {
+        onSuccess: async (classResponse) => {
+            // showSnackbar(t("classCreated"), "success");
+            // const createdClass: ClassDTO = classResponse.class;
+            // code.value = createdClass.id;
+            await assignmentsQuery.refetch();
+        },
+        onError: (err) => {
+            console.log(err);
+            // showSnackbar(t("creationFailed") + ": " + err.message, "error");
+        },
+    });
+}
 </script>
 
 <template>
@@ -80,79 +107,81 @@ onMounted(async () => {
         <div v-else>
             <using-query-result :query-result="assignmentsQuery"
                 v-slot="assignmentsResponse: { data: AssignmentsResponse }">
-                <v-btn v-if="isTeacher" color="primary" class="mb-4 center-btn" @click="goToCreateAssignment">
-                    {{ t("new-assignment") }}
-                </v-btn>
-                <v-container>
-                    <v-table class="table">
-                        <thead>
-                            <tr>
-                                <th class="header">{{ t("assignments") }}</th>
-                                <th class="header">
-                                    {{ t("class") }}
-                                </th>
-                                <th class="header">{{ t("groups") }}</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="a in assignmentsResponse.data.assignments as AssignmentDTO[]"
-                                :key="a.id + a.within">
-                                <td>
-                                    <v-btn :to="`/class/${a.within}`" variant="text">
-                                        {{ a.title }}
-                                        <v-icon end> mdi-menu-right </v-icon>
-                                    </v-btn>
-                                </td>
-                                <td>
-                                    <span>{{ a.within }}</span>
-                                    <!-- <span v-if="!isMdAndDown">{{ c.id }}</span>
-                                    <span v-else style="cursor: pointer" @click="openCodeDialog(c.id)"><v-icon
-                                            icon="mdi-eye"></v-icon></span> -->
-                                </td>
+                <v-container fluid class="ma-4">
+                    <v-row no-gutters class="custom-breakpoint">
+                        <v-col cols="12" sm="6" md="6" class="responsive-col">
+                            <v-table class="table">
+                                <thead>
+                                    <tr>
+                                        <th class="header">{{ t("assignment") }}</th>
+                                        <th class="header">
+                                            {{ t("progress") }}
+                                        </th>
+                                        <th class="header">{{ t("deadline") }}</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr v-for="a in assignmentsResponse.data.assignments as AssignmentDTO[]"
+                                        :key="a.id + a.within">
+                                        <td>
+                                            <v-btn :to="`/assignment/${a.within}/${a.id}`" variant="text">
+                                                {{ a.title }}
+                                                <v-icon end> mdi-menu-right </v-icon>
+                                            </v-btn>
+                                        </td>
+                                        <td>
+                                            <v-progress-linear :model-value="0" color="blue-grey" height="25">
+                                                <template v-slot:default="{ value }">
+                                                    <strong>{{ Math.ceil(value) }}%</strong>
+                                                </template>
+                                            </v-progress-linear>
+                                        </td>
+                                        <td>Nov 9, 2025, 06:00 PM EST+1</td>
+                                    </tr>
+                                </tbody>
+                            </v-table>
+                        </v-col>
+                        <v-col cols="12" sm="6" md="6" class="responsive-col">
+                            <div>
+                                <h2>{{ t("createAssignment") }}</h2>
 
-                                <td>{{ a.groups.length }}</td>
-                            </tr>
-                        </tbody>
-                    </v-table>
+                                <v-sheet class="pa-4 sheet" max-width="600px">
+                                    <p>{{ t("createClassInstructions") }}</p>
+                                    <v-form @submit.prevent>
+                                        <v-text-field class="mt-4" :label="`${t('title')}`" v-model="assignmentTitle"
+                                            :placeholder="`${t('EnterAssignmentTitle')}`"
+                                            variant="outlined"></v-text-field>
+                                        <using-query-result :query-result="classesQuery"
+                                            v-slot="{ data }: { data: ClassesResponse }">
+                                            <v-card-text class="mt-4">
+                                                <v-combobox class="mt-4" v-model="selectedClass" 
+                                                    :items="data.classes"
+                                                    :label="t('choose-class')"
+                                                    variant="outlined" 
+                                                    clearable 
+                                                    hide-details 
+                                                    density="compact"
+                                                    append-inner-icon="mdi-magnify" 
+                                                    item-title="displayName"
+                                                    item-value="id" 
+                                                    required 
+                                                    :disabled="isClassSelected" 
+                                                    :filter="(item: ClassDTO, query: string) => item.displayName.toLowerCase().includes(query.toLowerCase())"
+                                                >
+                                                </v-combobox>
+                                            </v-card-text>
+                                        </using-query-result>
+                                        <v-btn class="mt-4" color="#f6faf2" type="submit" @click="createAssignment" block>
+                                            {{ t("create")}}
+                                        </v-btn>
+                                    </v-form>
+                                </v-sheet>
+                            </div>
+                        </v-col>
+                    </v-row>
                 </v-container>
             </using-query-result>
         </div>
-            <div class="assignments-container">
-                <using-query-result :query-result="assignmentsQuery"
-                    v-slot="assignmentsResponse: { data: AssignmentsResponse }">
-                    <v-container>
-                        <v-row>
-                            <v-col v-for="assignment in assignmentsResponse.data.assignments as AssignmentDTO[]"
-                                :key="assignment.id + assignment.within" cols="12">
-                                <v-card class="assignment-card">
-                                    <div class="top-content">
-                                        <div class="assignment-title">{{ assignment.title }}</div>
-                                        <div class="assignment-class">
-                                            {{ t("class") }}:
-                                            <span class="class-name">
-                                                {{ assignment.within }}
-                                            </span>
-                                        </div>
-                                    </div>
-
-                                    <div class="spacer"></div>
-
-                                    <div class="button-row">
-                                        <v-btn color="primary" variant="text"
-                                            @click="goToAssignmentDetails(assignment.id, assignment.within)">
-                                            {{ t("view-assignment") }}
-                                        </v-btn>
-                                        <v-btn v-if="isTeacher" color="red" variant="text"
-                                            @click="goToDeleteAssignment(assignment.id, assignment.within)">
-                                            {{ t("delete") }}
-                                        </v-btn>
-                                    </div>
-                                </v-card>
-                            </v-col>
-                        </v-row>
-                    </v-container>
-                </using-query-result>
-            </div>
     </main>
 
 </template>
@@ -207,4 +236,68 @@ onMounted(async () => {
     font-weight: 500;
     color: #333;
 }
+
+.header {
+    font-weight: bold !important;
+    background-color: #0e6942;
+    color: white;
+    padding: 10px;
+}
+
+h1 {
+    color: #0e6942;
+    text-transform: uppercase;
+    font-weight: bolder;
+    padding-top: 2%;
+    font-size: 50px;
+}
+
+h2 {
+    color: #0e6942;
+    font-size: 30px;
+}
+
+.join {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-top: 50px;
+}
+
+.link {
+    color: #0b75bb;
+    text-decoration: underline;
+}
+
+main {
+    margin-left: 30px;
+}
+
+td,
+th {
+    border-bottom: 1px solid #0e6942;
+    border-top: 1px solid #0e6942;
+}
+
+.table {
+    width: 90%;
+    padding-top: 10px;
+    border-collapse: collapse;
+}
+
+table thead th:first-child {
+    border-top-left-radius: 10px;
+}
+
+.table thead th:last-child {
+    border-top-right-radius: 10px;
+}
+
+.table tbody tr:nth-child(odd) {
+    background-color: white;
+}
+
+.table tbody tr:nth-child(even) {
+    background-color: #f6faf2;
+}
 </style>

From d8a7a86da05f893b6021b4c00bdf5d3ded4dc51c Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Fri, 2 May 2025 21:12:34 +0200
Subject: [PATCH 04/74] fix: bug in populate groups van assignment

---
 backend/src/data/assignments/assignment-repository.ts | 3 ++-
 backend/src/services/assignments.ts                   | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/backend/src/data/assignments/assignment-repository.ts b/backend/src/data/assignments/assignment-repository.ts
index 1c8bb504..9d04d6e2 100644
--- a/backend/src/data/assignments/assignment-repository.ts
+++ b/backend/src/data/assignments/assignment-repository.ts
@@ -7,7 +7,7 @@ export class AssignmentRepository extends DwengoEntityRepository<Assignment> {
         return this.findOne({ within: within, id: id }, { populate: ['groups', 'groups.members'] });
     }
     public async findByClassIdAndAssignmentId(withinClass: string, id: number): Promise<Assignment | null> {
-        return this.findOne({ within: { classId: withinClass }, id: id });
+        return this.findOne({ within: { classId: withinClass }, id: id }, { populate: ['groups', 'groups.members'] });
     }
     public async findAllByResponsibleTeacher(teacherUsername: string): Promise<Assignment[]> {
         return this.findAll({
@@ -20,6 +20,7 @@ export class AssignmentRepository extends DwengoEntityRepository<Assignment> {
                     },
                 },
             },
+            populate: ['groups', 'groups.members']
         });
     }
     public async findAllAssignmentsInClass(within: Class): Promise<Assignment[]> {
diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 2379ecfb..728904d3 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -43,6 +43,8 @@ export async function getAllAssignments(classid: string, full: boolean): Promise
     const assignmentRepository = getAssignmentRepository();
     const assignments = await assignmentRepository.findAllAssignmentsInClass(cls);
 
+    console.log(assignments);
+
     if (full) {
         return assignments.map(mapToAssignmentDTO);
     }

From 6c28c0fc3d7cae0a1dca723b5ce425e71cbaaddd Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sat, 3 May 2025 11:44:43 +0200
Subject: [PATCH 05/74] feat: werkende aan group edit pagina

---
 .../views/assignments/TeacherAssignment.vue   | 391 ++++++++++++------
 1 file changed, 271 insertions(+), 120 deletions(-)

diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index e626a8be..caec311c 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -8,6 +8,8 @@
     import type { Language } from "@/data-objects/language.ts";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
     import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import type { StudentDTO } from "@dwengo-1/common/interfaces/student";
 
     const props = defineProps<{
         classId: string;
@@ -24,7 +26,7 @@
     const groups = ref();
     const learningPath = ref();
 
-    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+    const assignmentQueryResult = useAssignmentQuery(props.classId, props.assignmentId);
     learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
     // Get learning path object
     const lpQueryResult = useGetLearningPathQuery(
@@ -88,138 +90,185 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
     <div class="container">
         <using-query-result
             :query-result="assignmentQueryResult"
-            v-slot="{ data }: { data: AssignmentResponse }"
+            v-slot="assignmentResponse: { data: AssignmentResponse }"
         >
-            <v-card
-                v-if="data"
-                class="assignment-card"
-            >
-                <div class="top-buttons">
-                    <v-btn
-                        icon
-                        variant="text"
-                        class="back-btn"
-                        to="/user/assignment"
+        <v-container fluid class="ma-4">
+            <v-row no-gutters class="custom-breakpoint">
+                <v-col cols="12" sm="6" md="6" class="responsive-col">
+                    <v-card
+                        v-if="assignmentResponse"
+                        class="assignment-card"
                     >
-                        <v-icon>mdi-arrow-left</v-icon>
-                    </v-btn>
+                        <div class="top-buttons">
+                            <v-btn
+                                icon
+                                variant="text"
+                                class="back-btn"
+                                to="/user/assignment"
+                            >
+                                <v-icon>mdi-arrow-left</v-icon>
+                            </v-btn>
 
-                    <v-btn
-                        icon
-                        variant="text"
-                        class="top-right-btn"
-                        @click="deleteAssignment(data.assignment.id, data.assignment.within)"
-                    >
-                        <v-icon>mdi-delete</v-icon>
-                    </v-btn>
-                </div>
-                <v-card-title class="text-h4 assignmentTopTitle">{{ data.assignment.title }}</v-card-title>
-                <v-card-subtitle class="subtitle-section">
-                    <using-query-result
-                        :query-result="lpQueryResult"
-                        v-slot="{ data: lpData }"
-                    >
-                        <v-btn
-                            v-if="lpData"
-                            :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
-                            variant="tonal"
-                            color="primary"
-                        >
-                            {{ t("learning-path") }}
-                        </v-btn>
-                    </using-query-result>
-                </v-card-subtitle>
-
-                <v-card-text class="description">
-                    {{ data.assignment.description }}
-                </v-card-text>
-
-                <v-card-text class="group-section">
-                    <h3>{{ t("groups") }}</h3>
-                    <div class="table-scroll">
-                        <v-data-table
-                            :headers="headers"
-                            :items="allGroups"
-                            item-key="id"
-                            class="elevation-1"
-                        >
-                            <template #[`item.name`]="{ item }">
+                            <v-btn
+                                icon
+                                variant="text"
+                                class="top-right-btn"
+                                @click="deleteAssignment(assignmentResponse.data.assignment.id, assignmentResponse.data.assignment.within)"
+                            >
+                                <v-icon>mdi-delete</v-icon>
+                            </v-btn>
+                        </div>
+                        <v-card-title class="text-h4 assignmentTopTitle">{{ assignmentResponse.data.assignment.title }}</v-card-title>
+                        <v-card-subtitle class="subtitle-section">
+                            <using-query-result
+                                :query-result="lpQueryResult"
+                                v-slot="{ data: lpData }"
+                            >
                                 <v-btn
-                                    @click="openGroupDetails(item)"
-                                    variant="text"
+                                    v-if="lpData"
+                                    :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
+                                    variant="tonal"
                                     color="primary"
                                 >
-                                    {{ item.name }}
+                                    {{ t("learning-path") }}
                                 </v-btn>
-                            </template>
+                            </using-query-result>
+                        </v-card-subtitle>
 
-                            <template #[`item.progress`]="{ item }">
-                                <v-progress-linear
-                                    :model-value="item.progress"
-                                    color="blue-grey"
-                                    height="25"
-                                >
-                                    <template v-slot:default="{ value }">
-                                        <strong>{{ Math.ceil(value) }}%</strong>
-                                    </template>
-                                </v-progress-linear>
-                            </template>
-
-                            <template #[`item.submission`]="{ item }">
-                                <v-btn
-                                    :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
-                                    :color="item.submitted ? 'green' : 'red'"
-                                    variant="text"
-                                    class="text-capitalize"
-                                >
-                                    {{ item.submitted ? t("see-submission") : t("no-submission") }}
-                                </v-btn>
-                            </template>
-                        </v-data-table>
-                    </div>
-                </v-card-text>
-
-                <v-dialog
-                    v-model="dialog"
-                    max-width="50%"
-                >
-                    <v-card>
-                        <v-card-title class="headline">{{ t("members") }}</v-card-title>
-                        <v-card-text>
-                            <v-list>
-                                <v-list-item
-                                    v-for="(member, index) in selectedGroup.members"
-                                    :key="index"
-                                >
-                                    <v-list-item-content>
-                                        <v-list-item-title
-                                            >{{ member.firstName + " " + member.lastName }}
-                                        </v-list-item-title>
-                                    </v-list-item-content>
-                                </v-list-item>
-                            </v-list>
+                        <v-card-text class="description">
+                            {{ assignmentResponse.data.assignment.description }}
                         </v-card-text>
-                        <v-card-actions>
+
+                        <v-card-text class="group-section">
+                            <h3>{{ t("groups") }}</h3>
+                            <div class="table-scroll">
+                                <v-data-table
+                                    :headers="headers"
+                                    :items="allGroups"
+                                    item-key="id"
+                                    class="elevation-1"
+                                >
+                                    <template #[`item.name`]="{ item }">
+                                        <v-btn
+                                            @click="openGroupDetails(item)"
+                                            variant="text"
+                                            color="primary"
+                                        >
+                                            {{ item.name }}
+                                        </v-btn>
+                                    </template>
+
+                                    <template #[`item.progress`]="{ item }">
+                                        <v-progress-linear
+                                            :model-value="item.progress"
+                                            color="blue-grey"
+                                            height="25"
+                                        >
+                                            <template v-slot:default="{ value }">
+                                                <strong>{{ Math.ceil(value) }}%</strong>
+                                            </template>
+                                        </v-progress-linear>
+                                    </template>
+
+                                    <template #[`item.submission`]="{ item }">
+                                        <v-btn
+                                            :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
+                                            :color="item.submitted ? 'green' : 'red'"
+                                            variant="text"
+                                            class="text-capitalize"
+                                        >
+                                            {{ item.submitted ? t("see-submission") : t("no-submission") }}
+                                        </v-btn>
+                                    </template>
+                                </v-data-table>
+                            </div>
+                        </v-card-text>
+
+                        <v-dialog
+                            v-model="dialog"
+                            max-width="50%"
+                        >
+                            <v-card>
+                                <v-card-title class="headline">{{ t("members") }}</v-card-title>
+                                <v-card-text>
+                                    <v-list>
+                                        <v-list-item
+                                            v-for="(member, index) in selectedGroup.members"
+                                            :key="index"
+                                        >
+                                            <v-list-item-content>
+                                                <v-list-item-title
+                                                    >{{ member.firstName + " " + member.lastName }}
+                                                </v-list-item-title>
+                                            </v-list-item-content>
+                                        </v-list-item>
+                                    </v-list>
+                                </v-card-text>
+                                <v-card-actions>
+                                    <v-btn
+                                        color="primary"
+                                        @click="dialog = false"
+                                        >Close</v-btn
+                                    >
+                                </v-card-actions>
+                            </v-card>
+                        </v-dialog>
+                        <!--
+                        <v-card-actions class="justify-end">
                             <v-btn
-                                color="primary"
-                                @click="dialog = false"
-                                >Close</v-btn
+                                size="large"
+                                color="success"
+                                variant="text"
                             >
+                                {{ t("view-submissions") }}
+                            </v-btn>
                         </v-card-actions>
+                        -->
                     </v-card>
-                </v-dialog>
-                <!--
-                <v-card-actions class="justify-end">
-                    <v-btn
-                        size="large"
-                        color="success"
-                        variant="text"
-                    >
-                        {{ t("view-submissions") }}
-                    </v-btn>
-                </v-card-actions>
-                -->
-            </v-card>
+                </v-col>
+                <v-col cols="12" sm="6" md="6" class="responsive-col">
+                    <v-table class="table">
+                        <thead>
+                            <tr>
+                                <th class="header">{{ t("group") }}</th>
+                                <th class="header">
+                                    {{ t("progress") }}
+                                </th>
+                                <th class="header">{{ t("Members") }}</th>
+                                <th class="header">
+                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
+                                        <v-icon> mdi-pencil </v-icon>
+                                    </v-btn>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="g in assignmentResponse.data.assignment.groups as GroupDTO[]" :key="g.groupNumber">
+                                <td>
+                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
+                                        {{ g.groupNumber }}
+                                        <v-icon end> mdi-menu-right </v-icon>
+                                    </v-btn>
+                                </td>
+                                <td>
+                                    <v-progress-linear :model-value="0" color="blue-grey" height="25">
+                                        <template v-slot:default="{ value }">
+                                            <strong>{{ Math.ceil(value) }}%</strong>
+                                        </template>
+                                    </v-progress-linear>
+                                </td>
+                                <td>{{ (g.members! as StudentDTO[]).map(member => member.username).join(', ') }}</td>
+                                <td>
+                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
+                                        <v-icon color="red"> mdi-delete </v-icon>
+                                    </v-btn>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </v-table>
+                </v-col>
+            </v-row>
+        </v-container>
         </using-query-result>
     </div>
 </template>
@@ -231,4 +280,106 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
+
+    .header {
+        font-weight: bold !important;
+        background-color: #0e6942;
+        color: white;
+        padding: 10px;
+    }
+
+    table thead th:first-child {
+        border-top-left-radius: 10px;
+    }
+
+    .table thead th:last-child {
+        border-top-right-radius: 10px;
+    }
+
+    .table tbody tr:nth-child(odd) {
+        background-color: white;
+    }
+
+    .table tbody tr:nth-child(even) {
+        background-color: #f6faf2;
+    }
+
+    td,
+    th {
+        border-bottom: 1px solid #0e6942;
+        border-top: 1px solid #0e6942;
+    }
+
+    .table {
+        width: 90%;
+        padding-top: 10px;
+        border-collapse: collapse;
+    }
+
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 50px;
+    }
+
+    h2 {
+        color: #0e6942;
+        font-size: 30px;
+    }
+
+    .join {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        margin-top: 50px;
+    }
+
+    .link {
+        color: #0b75bb;
+        text-decoration: underline;
+    }
+
+    main {
+        margin-left: 30px;
+    }
+
+    @media screen and (max-width: 850px) {
+        h1 {
+            text-align: center;
+            padding-left: 0;
+        }
+
+        .join {
+            text-align: center;
+            align-items: center;
+            margin-left: 0;
+        }
+
+        .sheet {
+            width: 100%;
+        }
+
+        main {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            margin: 5px;
+        }
+
+        .custom-breakpoint {
+            flex-direction: column !important;
+        }
+
+        .table {
+            width: 100%;
+        }
+
+        .responsive-col {
+            max-width: 100% !important;
+            flex-basis: 100% !important;
+        }
+    }
 </style>

From 20173169b749f9cfd577a4bb7af771f21c6a469f Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Sun, 4 May 2025 10:25:02 +0200
Subject: [PATCH 06/74] feat: edit assignments

---
 frontend/src/assets/assignment.css            |  18 +-
 .../views/assignments/TeacherAssignment.vue   | 483 ++++++++++++------
 2 files changed, 331 insertions(+), 170 deletions(-)

diff --git a/frontend/src/assets/assignment.css b/frontend/src/assets/assignment.css
index 029dec22..35e50792 100644
--- a/frontend/src/assets/assignment.css
+++ b/frontend/src/assets/assignment.css
@@ -18,12 +18,22 @@
     font-size: 1.1rem;
 }
 
-.top-right-btn {
-    position: absolute;
-    right: 2%;
-    color: red;
+.top-buttons-wrapper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    position: relative;
 }
 
+.right-buttons {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    color: #0e6942
+}
+
+
 .group-section {
     margin-top: 2rem;
 }
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index caec311c..04fea1a6 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -4,12 +4,12 @@
     import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import { useGroupsQuery } from "@/queries/groups.ts";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
     import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
-import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import type { StudentDTO } from "@dwengo-1/common/interfaces/student";
+    import type { StudentDTO } from "@dwengo-1/common/interfaces/student";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
 
     const props = defineProps<{
         classId: string;
@@ -21,19 +21,43 @@ import type { StudentDTO } from "@dwengo-1/common/interfaces/student";
         ) => { groupProgressMap: Map<number, number> };
     }>();
 
+    const isEditing = ref(false);
+
     const { t, locale } = useI18n();
     const language = computed(() => locale.value);
     const groups = ref();
     const learningPath = ref();
+    const editingLearningPath = ref(learningPath);
+    const description = ref("");
 
     const assignmentQueryResult = useAssignmentQuery(props.classId, props.assignmentId);
     learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+    const learningPathsQueryResults = useGetAllLearningPaths(language);
+
     // Get learning path object
     const lpQueryResult = useGetLearningPathQuery(
         computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
         computed(() => language.value as Language),
     );
 
+    const learningPathRules = [
+        (value: { hruid: string; title: string }): string | boolean => {
+            if (value && value.hruid) {
+                return true; // Valid if hruid is present
+            }
+            return "You must select a learning path.";
+        },
+    ];
+
+    const descriptionRules = [
+        (value: string): string | boolean => {
+            if (!value || value.trim() === "") {
+                return "Description cannot be empty.";
+            }
+            return true;
+        },
+    ];
+
     // Get all the groups withing the assignment
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
     groups.value = groupsQueryResult.data.value?.groups;
@@ -84,6 +108,13 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
             },
         );
     }
+
+    function saveChanges() {
+        //TODO
+        const new_learningpath = editingLearningPath.value;
+        const new_description = description.value;
+        isEditing.value = false;
+    }
 </script>
 
 <template>
@@ -92,128 +123,225 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
             :query-result="assignmentQueryResult"
             v-slot="assignmentResponse: { data: AssignmentResponse }"
         >
-        <v-container fluid class="ma-4">
-            <v-row no-gutters class="custom-breakpoint">
-                <v-col cols="12" sm="6" md="6" class="responsive-col">
-                    <v-card
-                        v-if="assignmentResponse"
-                        class="assignment-card"
+            <v-container
+                fluid
+                class="ma-4"
+            >
+                <v-row
+                    no-gutters
+                    class="custom-breakpoint"
+                >
+                    <v-col
+                        cols="12"
+                        sm="6"
+                        md="6"
+                        class="responsive-col"
                     >
-                        <div class="top-buttons">
-                            <v-btn
-                                icon
-                                variant="text"
-                                class="back-btn"
-                                to="/user/assignment"
-                            >
-                                <v-icon>mdi-arrow-left</v-icon>
-                            </v-btn>
-
-                            <v-btn
-                                icon
-                                variant="text"
-                                class="top-right-btn"
-                                @click="deleteAssignment(assignmentResponse.data.assignment.id, assignmentResponse.data.assignment.within)"
-                            >
-                                <v-icon>mdi-delete</v-icon>
-                            </v-btn>
-                        </div>
-                        <v-card-title class="text-h4 assignmentTopTitle">{{ assignmentResponse.data.assignment.title }}</v-card-title>
-                        <v-card-subtitle class="subtitle-section">
-                            <using-query-result
-                                :query-result="lpQueryResult"
-                                v-slot="{ data: lpData }"
-                            >
-                                <v-btn
-                                    v-if="lpData"
-                                    :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
-                                    variant="tonal"
-                                    color="primary"
-                                >
-                                    {{ t("learning-path") }}
-                                </v-btn>
-                            </using-query-result>
-                        </v-card-subtitle>
-
-                        <v-card-text class="description">
-                            {{ assignmentResponse.data.assignment.description }}
-                        </v-card-text>
-
-                        <v-card-text class="group-section">
-                            <h3>{{ t("groups") }}</h3>
-                            <div class="table-scroll">
-                                <v-data-table
-                                    :headers="headers"
-                                    :items="allGroups"
-                                    item-key="id"
-                                    class="elevation-1"
-                                >
-                                    <template #[`item.name`]="{ item }">
-                                        <v-btn
-                                            @click="openGroupDetails(item)"
-                                            variant="text"
-                                            color="primary"
-                                        >
-                                            {{ item.name }}
-                                        </v-btn>
-                                    </template>
-
-                                    <template #[`item.progress`]="{ item }">
-                                        <v-progress-linear
-                                            :model-value="item.progress"
-                                            color="blue-grey"
-                                            height="25"
-                                        >
-                                            <template v-slot:default="{ value }">
-                                                <strong>{{ Math.ceil(value) }}%</strong>
-                                            </template>
-                                        </v-progress-linear>
-                                    </template>
-
-                                    <template #[`item.submission`]="{ item }">
-                                        <v-btn
-                                            :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
-                                            :color="item.submitted ? 'green' : 'red'"
-                                            variant="text"
-                                            class="text-capitalize"
-                                        >
-                                            {{ item.submitted ? t("see-submission") : t("no-submission") }}
-                                        </v-btn>
-                                    </template>
-                                </v-data-table>
-                            </div>
-                        </v-card-text>
-
-                        <v-dialog
-                            v-model="dialog"
-                            max-width="50%"
+                        <v-card
+                            v-if="assignmentResponse"
+                            class="assignment-card"
                         >
-                            <v-card>
-                                <v-card-title class="headline">{{ t("members") }}</v-card-title>
-                                <v-card-text>
-                                    <v-list>
-                                        <v-list-item
-                                            v-for="(member, index) in selectedGroup.members"
-                                            :key="index"
-                                        >
-                                            <v-list-item-content>
-                                                <v-list-item-title
-                                                    >{{ member.firstName + " " + member.lastName }}
-                                                </v-list-item-title>
-                                            </v-list-item-content>
-                                        </v-list-item>
-                                    </v-list>
-                                </v-card-text>
-                                <v-card-actions>
+                            <div class="top-buttons">
+                                <div class="top-buttons-wrapper">
                                     <v-btn
-                                        color="primary"
-                                        @click="dialog = false"
-                                        >Close</v-btn
+                                        icon
+                                        variant="text"
+                                        class="back-btn"
+                                        to="/user/assignment"
                                     >
-                                </v-card-actions>
-                            </v-card>
-                        </v-dialog>
-                        <!--
+                                        <v-icon>mdi-arrow-left</v-icon>
+                                    </v-btn>
+                                    <div class="right-buttons">
+                                        <v-btn
+                                            v-if="!isEditing"
+                                            icon
+                                            variant="text"
+                                            class="top_next_to_right_button"
+                                            @click="
+                                                () => {
+                                                    isEditing = true;
+                                                    description = assignmentResponse.data.assignment.description;
+                                                }
+                                            "
+                                        >
+                                            <v-icon>mdi-pencil</v-icon>
+                                        </v-btn>
+                                        <v-btn
+                                            v-else
+                                            variant="text"
+                                            class="top-right-btn"
+                                            @click="() => {isEditing = false; editingLearningPath=learningPath}"
+                                            >{{ t("cancel") }}</v-btn
+                                        >
+
+                                        <v-btn
+                                            v-if="!isEditing"
+                                            icon
+                                            variant="text"
+                                            class="top-right-btn"
+                                            @click="
+                                                deleteAssignment(
+                                                    assignmentResponse.data.assignment.id,
+                                                    assignmentResponse.data.assignment.within,
+                                                )
+                                            "
+                                        >
+                                            <v-icon>mdi-delete</v-icon>
+                                        </v-btn>
+                                        <v-btn
+                                            v-else
+                                            icon
+                                            variant="text"
+                                            class="top_next_to_right_button"
+                                            @click="saveChanges"
+                                        >
+                                            <v-icon>mdi-content-save-edit-outline</v-icon>
+                                        </v-btn>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <v-card-title class="text-h4 assignmentTopTitle">{{
+                                assignmentResponse.data.assignment.title
+                            }}</v-card-title>
+                            <v-card-subtitle
+                                v-if="!isEditing"
+                                class="subtitle-section"
+                            >
+                                <using-query-result
+                                    :query-result="lpQueryResult"
+                                    v-slot="{ data: lpData }"
+                                >
+                                    <v-btn
+                                        v-if="lpData"
+                                        :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
+                                        variant="tonal"
+                                        color="primary"
+                                    >
+                                        {{ t("learning-path") }}
+                                    </v-btn>
+                                </using-query-result>
+                            </v-card-subtitle>
+                            <using-query-result
+                                v-else
+                                :query-result="learningPathsQueryResults"
+                                v-slot="{ data }: { data: LearningPath[] }"
+                            >
+                                <v-card-text>
+                                    <v-combobox
+                                        v-model="editingLearningPath"
+                                        :items="data"
+                                        :label="t('choose-lp')"
+                                        :rules="learningPathRules"
+                                        variant="outlined"
+                                        clearable
+                                        hide-details
+                                        density="compact"
+                                        append-inner-icon="mdi-magnify"
+                                        item-title="title"
+                                        item-value="hruid"
+                                        required
+                                        :filter="
+                                            (item, query: string) =>
+                                                item.title.toLowerCase().includes(query.toLowerCase())
+                                        "
+                                    ></v-combobox>
+                                </v-card-text>
+                            </using-query-result>
+
+                            <v-card-text
+                                v-if="!isEditing"
+                                class="description"
+                            >
+                                {{ assignmentResponse.data.assignment.description }}
+                            </v-card-text>
+                            <v-card-text v-else>
+                                <v-textarea
+                                    v-model="description"
+                                    :label="t('description')"
+                                    variant="outlined"
+                                    density="compact"
+                                    auto-grow
+                                    rows="3"
+                                    :rules="descriptionRules"
+                                ></v-textarea>
+                            </v-card-text>
+
+                            <v-card-text class="group-section">
+                                <h3>{{ t("groups") }}</h3>
+                                <div class="table-scroll">
+                                    <v-data-table
+                                        :headers="headers"
+                                        :items="allGroups"
+                                        item-key="id"
+                                        class="elevation-1"
+                                    >
+                                        <template #[`item.name`]="{ item }">
+                                            <v-btn
+                                                @click="openGroupDetails(item)"
+                                                variant="text"
+                                                color="primary"
+                                            >
+                                                {{ item.name }}
+                                            </v-btn>
+                                        </template>
+
+                                        <template #[`item.progress`]="{ item }">
+                                            <v-progress-linear
+                                                :model-value="item.progress"
+                                                color="blue-grey"
+                                                height="25"
+                                            >
+                                                <template v-slot:default="{ value }">
+                                                    <strong>{{ Math.ceil(value) }}%</strong>
+                                                </template>
+                                            </v-progress-linear>
+                                        </template>
+
+                                        <template #[`item.submission`]="{ item }">
+                                            <v-btn
+                                                :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
+                                                :color="item.submitted ? 'green' : 'red'"
+                                                variant="text"
+                                                class="text-capitalize"
+                                            >
+                                                {{ item.submitted ? t("see-submission") : t("no-submission") }}
+                                            </v-btn>
+                                        </template>
+                                    </v-data-table>
+                                </div>
+                            </v-card-text>
+
+                            <v-dialog
+                                v-model="dialog"
+                                max-width="50%"
+                            >
+                                <v-card>
+                                    <v-card-title class="headline">{{ t("members") }}</v-card-title>
+                                    <v-card-text>
+                                        <v-list>
+                                            <v-list-item
+                                                v-for="(member, index) in selectedGroup.members"
+                                                :key="index"
+                                            >
+                                                <v-list-item-content>
+                                                    <v-list-item-title
+                                                        >{{ member.firstName + " " + member.lastName }}
+                                                    </v-list-item-title>
+                                                </v-list-item-content>
+                                            </v-list-item>
+                                        </v-list>
+                                    </v-card-text>
+                                    <v-card-actions>
+                                        <v-btn
+                                            color="primary"
+                                            @click="dialog = false"
+                                            >Close</v-btn
+                                        >
+                                    </v-card-actions>
+                                </v-card>
+                            </v-dialog>
+                            <!--
                         <v-card-actions class="justify-end">
                             <v-btn
                                 size="large"
@@ -224,51 +352,74 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                             </v-btn>
                         </v-card-actions>
                         -->
-                    </v-card>
-                </v-col>
-                <v-col cols="12" sm="6" md="6" class="responsive-col">
-                    <v-table class="table">
-                        <thead>
-                            <tr>
-                                <th class="header">{{ t("group") }}</th>
-                                <th class="header">
-                                    {{ t("progress") }}
-                                </th>
-                                <th class="header">{{ t("Members") }}</th>
-                                <th class="header">
-                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
-                                        <v-icon> mdi-pencil </v-icon>
-                                    </v-btn>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="g in assignmentResponse.data.assignment.groups as GroupDTO[]" :key="g.groupNumber">
-                                <td>
-                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
-                                        {{ g.groupNumber }}
-                                        <v-icon end> mdi-menu-right </v-icon>
-                                    </v-btn>
-                                </td>
-                                <td>
-                                    <v-progress-linear :model-value="0" color="blue-grey" height="25">
-                                        <template v-slot:default="{ value }">
-                                            <strong>{{ Math.ceil(value) }}%</strong>
-                                        </template>
-                                    </v-progress-linear>
-                                </td>
-                                <td>{{ (g.members! as StudentDTO[]).map(member => member.username).join(', ') }}</td>
-                                <td>
-                                    <v-btn :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`" variant="text">
-                                        <v-icon color="red"> mdi-delete </v-icon>
-                                    </v-btn>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </v-table>
-                </v-col>
-            </v-row>
-        </v-container>
+                        </v-card>
+                    </v-col>
+                    <v-col
+                        cols="12"
+                        sm="6"
+                        md="6"
+                        class="responsive-col"
+                    >
+                        <v-table class="table">
+                            <thead>
+                                <tr>
+                                    <th class="header">{{ t("group") }}</th>
+                                    <th class="header">
+                                        {{ t("progress") }}
+                                    </th>
+                                    <th class="header">{{ t("Members") }}</th>
+                                    <th class="header">
+                                        <v-btn
+                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
+                                            variant="text"
+                                        >
+                                            <v-icon> mdi-pencil </v-icon>
+                                        </v-btn>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr
+                                    v-for="g in assignmentResponse.data.assignment.groups as GroupDTO[]"
+                                    :key="g.groupNumber"
+                                >
+                                    <td>
+                                        <v-btn
+                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
+                                            variant="text"
+                                        >
+                                            {{ g.groupNumber }}
+                                            <v-icon end> mdi-menu-right </v-icon>
+                                        </v-btn>
+                                    </td>
+                                    <td>
+                                        <v-progress-linear
+                                            :model-value="0"
+                                            color="blue-grey"
+                                            height="25"
+                                        >
+                                            <template v-slot:default="{ value }">
+                                                <strong>{{ Math.ceil(value) }}%</strong>
+                                            </template>
+                                        </v-progress-linear>
+                                    </td>
+                                    <td>
+                                        {{ (g.members! as StudentDTO[]).map((member) => member.username).join(", ") }}
+                                    </td>
+                                    <td>
+                                        <v-btn
+                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
+                                            variant="text"
+                                        >
+                                            <v-icon color="red"> mdi-delete </v-icon>
+                                        </v-btn>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </v-table>
+                    </v-col>
+                </v-row>
+            </v-container>
         </using-query-result>
     </div>
 </template>

From 195e19259880b1f0e25c1d2069594042a7ff86c9 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 4 May 2025 13:26:19 +0200
Subject: [PATCH 07/74] feat: leerkracht kan progress van groepen zien

---
 frontend/src/components/GroupProgressRow.vue  | 45 ++++++++++++
 .../views/assignments/SingleAssignment.vue    | 35 +++++-----
 .../views/assignments/StudentAssignment.vue   |  8 +--
 .../views/assignments/TeacherAssignment.vue   | 70 ++++++++-----------
 4 files changed, 96 insertions(+), 62 deletions(-)
 create mode 100644 frontend/src/components/GroupProgressRow.vue

diff --git a/frontend/src/components/GroupProgressRow.vue b/frontend/src/components/GroupProgressRow.vue
new file mode 100644
index 00000000..022e07c5
--- /dev/null
+++ b/frontend/src/components/GroupProgressRow.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+import { computed } from "vue";
+import type { Language } from "@/data-objects/language.ts";
+import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+
+const props = defineProps<{
+    groupNumber: number;
+    learningPath: string;
+    language: Language;
+    assignmentId: number;
+    classId: string;
+}>();
+
+function calculateProgress(lp: LearningPath): number {
+    return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
+}
+
+const query = useGetLearningPathQuery(
+    () => props.learningPath,
+    () => props.language,
+    () => ({
+        forGroup: props.groupNumber,
+        assignmentNo: props.assignmentId,
+        classId: props.classId,
+    }),
+);
+
+const progress = computed(() => {
+    if (!query.data.value) return 0;
+    return calculateProgress(query.data.value);
+});
+</script>
+
+<template>
+    <v-progress-linear
+        :model-value="progress"
+        color="blue-grey"
+        height="25"
+    >
+        <template v-slot:default="{ value }">
+            <strong>{{ Math.ceil(value) }}%</strong>
+        </template>
+    </v-progress-linear>
+</template>
diff --git a/frontend/src/views/assignments/SingleAssignment.vue b/frontend/src/views/assignments/SingleAssignment.vue
index 3d9f7f0a..cf7b48e6 100644
--- a/frontend/src/views/assignments/SingleAssignment.vue
+++ b/frontend/src/views/assignments/SingleAssignment.vue
@@ -19,35 +19,33 @@
     function useGroupsWithProgress(
         groups: Ref<GroupDTO[]>,
         hruid: Ref<string>,
-        language: Ref<string>,
-    ): { groupProgressMap: Map<number, number> } {
-        const groupProgressMap: Map<number, number> = new Map<number, number>();
+        language: Ref<Language>,
+    ): { groupProgressMap: Map<number, number>; } {
+        const groupProgressMap = ref(new Map<number, number>());
 
         watchEffect(() => {
             // Clear existing entries to avoid stale data
-            groupProgressMap.clear();
+            groupProgressMap.value.clear();
 
-            const lang = ref(language.value as Language);
-
-            groups.value.forEach((group) => {
+            groups?.value.forEach((group) => {
                 const groupKey = group.groupNumber;
-                const forGroup = ref({
-                    forGroup: groupKey,
-                    assignmentNo: assignmentId,
-                    classId: classId,
-                });
-
-                const query = useGetLearningPathQuery(hruid.value, lang, forGroup);
+                const query = useGetLearningPathQuery(
+                    hruid,
+                    language,
+                    () => ({
+                        forGroup: groupKey,
+                        assignmentNo: assignmentId.value,
+                        classId: classId.value,
+                    })
+                );
 
                 const data = query.data.value;
 
-                groupProgressMap.set(groupKey, data ? calculateProgress(data) : 0);
+                groupProgressMap.value.set(groupKey, data ? calculateProgress(data) : 0);
             });
         });
 
-        return {
-            groupProgressMap,
-        };
+        return {  groupProgressMap: groupProgressMap.value };
     }
 
     function calculateProgress(lp: LearningPath): number {
@@ -59,7 +57,6 @@
     <TeacherAssignment
         :class-id="classId"
         :assignment-id="assignmentId"
-        :use-groups-with-progress="useGroupsWithProgress"
         v-if="isTeacher"
     >
     </TeacherAssignment>
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index fb81a265..fdb33a82 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -22,8 +22,8 @@
         ) => { groupProgressMap: Map<number, number> };
     }>();
 
-    const { t, locale } = useI18n();
-    const language = ref<Language>(locale.value as Language);
+    const { t } = useI18n();
+    const lang = ref<Language>();
     const learningPath = ref();
     // Get the user's username/id
     const username = asyncComputed(async () => {
@@ -38,7 +38,7 @@
 
     const lpQueryResult = useGetLearningPathQuery(
         computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => language.value),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
 
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
@@ -100,7 +100,7 @@ language
                     >
                         <v-btn
                             v-if="lpData"
-                            :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?forGroup=${group?.groupNumber}&assignmentNo=${assignmentId}&classId=${classId}`"
+                            :to="`/learningPath/${lpData.hruid}/${assignmentQueryResult.data.value?.assignment?.language}/${lpData.startNode.learningobjectHruid}?forGroup=${group?.groupNumber}&assignmentNo=${assignmentId}&classId=${classId}`"
                             variant="tonal"
                             color="primary"
                         >
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index e626a8be..9ea54cf4 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { computed, type Ref, ref } from "vue";
+import {computed, type Ref, ref, watchEffect} from "vue";
     import { useI18n } from "vue-i18n";
     import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
@@ -7,54 +7,47 @@
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+    import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
+import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
+import GroupProgressRow from "@/components/GroupProgressRow.vue";
 
     const props = defineProps<{
         classId: string;
         assignmentId: number;
-        useGroupsWithProgress: (
-            groups: Ref<GroupDTO[]>,
-            hruid: Ref<string>,
-            language: Ref<Language>,
-        ) => { groupProgressMap: Map<number, number> };
     }>();
 
-    const { t, locale } = useI18n();
-    const language = computed(() => locale.value);
-    const groups = ref();
+    const { t } = useI18n();
+    const lang = ref();
+    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
     const learningPath = ref();
 
     const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
     // Get learning path object
     const lpQueryResult = useGetLearningPathQuery(
         computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => language.value as Language),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
 
     // Get all the groups withing the assignment
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    groups.value = groupsQueryResult.data.value?.groups;
+    groups.value = groupsQueryResult.data.value?.groups ?? [];
+
+    watchEffect(() => {
+        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+    });
 
-    /* Crashes right now cause api data has inexistent hruid TODO: uncomment later and use it in progress bar
-Const {groupProgressMap} = props.useGroupsWithProgress(
-    groups,
-    learningPath,
-    language
-);
-*/
 
     const allGroups = computed(() => {
-        const groups = groupsQueryResult.data.value?.groups;
-        if (!groups) return [];
+            const groups = groupsQueryResult.data.value?.groups;
 
-        return groups.map((group) => ({
-            name: `${t("group")} ${group.groupNumber}`,
-            progress: 0, //GroupProgressMap[group.groupNumber],
-            members: group.members,
-            submitted: false, //TODO: fetch from submission
-        }));
-    });
+            return groups?.map((group) => ({
+                groupNo: group.groupNumber,
+                name: `${t("group")} ${group.groupNumber}`,
+                members: group.members,
+                submitted: false, //TODO: fetch from submission
+            }));
+        });
 
     const dialog = ref(false);
     const selectedGroup = ref({});
@@ -121,7 +114,7 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                     >
                         <v-btn
                             v-if="lpData"
-                            :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
+                            :to="`/learningPath/${lpData.hruid}/${assignmentQueryResult.data.value?.assignment?.language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
                             variant="tonal"
                             color="primary"
                         >
@@ -154,17 +147,16 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                             </template>
 
                             <template #[`item.progress`]="{ item }">
-                                <v-progress-linear
-                                    :model-value="item.progress"
-                                    color="blue-grey"
-                                    height="25"
-                                >
-                                    <template v-slot:default="{ value }">
-                                        <strong>{{ Math.ceil(value) }}%</strong>
-                                    </template>
-                                </v-progress-linear>
+                                <GroupProgressRow
+                                    :group-number="item.groupNo"
+                                    :learning-path="learningPath"
+                                    :language="lang"
+                                    :assignment-id="assignmentId"
+                                    :class-id="classId"
+                                />
                             </template>
 
+
                             <template #[`item.submission`]="{ item }">
                                 <v-btn
                                     :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"

From d7688bc54c2b8f755bbb77bfaecbf944e473e0b3 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 4 May 2025 15:12:09 +0200
Subject: [PATCH 08/74] feat: leerling kan progress van groep zien

---
 frontend/src/components/GroupProgressRow.vue  | 14 +++--
 frontend/src/utils/assignment-utils.ts        |  5 ++
 .../views/assignments/SingleAssignment.vue    | 42 +------------
 .../views/assignments/StudentAssignment.vue   | 63 ++++++++++---------
 .../views/assignments/TeacherAssignment.vue   |  3 +-
 5 files changed, 50 insertions(+), 77 deletions(-)
 create mode 100644 frontend/src/utils/assignment-utils.ts

diff --git a/frontend/src/components/GroupProgressRow.vue b/frontend/src/components/GroupProgressRow.vue
index 022e07c5..f012b8cc 100644
--- a/frontend/src/components/GroupProgressRow.vue
+++ b/frontend/src/components/GroupProgressRow.vue
@@ -2,7 +2,7 @@
 import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
 import { computed } from "vue";
 import type { Language } from "@/data-objects/language.ts";
-import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+import {calculateProgress} from "@/utils/assignment-utils.ts";
 
 const props = defineProps<{
     groupNumber: number;
@@ -12,10 +12,6 @@ const props = defineProps<{
     classId: string;
 }>();
 
-function calculateProgress(lp: LearningPath): number {
-    return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
-}
-
 const query = useGetLearningPathQuery(
     () => props.learningPath,
     () => props.language,
@@ -30,12 +26,18 @@ const progress = computed(() => {
     if (!query.data.value) return 0;
     return calculateProgress(query.data.value);
 });
+
+const progressColor = computed(() => {
+    if (progress.value < 50) return "error";
+    if (progress.value < 80) return "warning";
+    return "success";
+});
 </script>
 
 <template>
     <v-progress-linear
         :model-value="progress"
-        color="blue-grey"
+        :color="progressColor"
         height="25"
     >
         <template v-slot:default="{ value }">
diff --git a/frontend/src/utils/assignment-utils.ts b/frontend/src/utils/assignment-utils.ts
new file mode 100644
index 00000000..fd936f54
--- /dev/null
+++ b/frontend/src/utils/assignment-utils.ts
@@ -0,0 +1,5 @@
+import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
+
+export function calculateProgress(lp: LearningPath): number {
+    return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
+}
diff --git a/frontend/src/views/assignments/SingleAssignment.vue b/frontend/src/views/assignments/SingleAssignment.vue
index cf7b48e6..cd196c5d 100644
--- a/frontend/src/views/assignments/SingleAssignment.vue
+++ b/frontend/src/views/assignments/SingleAssignment.vue
@@ -1,13 +1,9 @@
 <script setup lang="ts">
     import auth from "@/services/auth/auth-service.ts";
-    import { computed, type Ref, ref, watchEffect } from "vue";
+    import { computed, ref } from "vue";
     import StudentAssignment from "@/views/assignments/StudentAssignment.vue";
     import TeacherAssignment from "@/views/assignments/TeacherAssignment.vue";
     import { useRoute } from "vue-router";
-    import type { Language } from "@/data-objects/language.ts";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
 
     const role = auth.authState.activeRole;
     const isTeacher = computed(() => role === "teacher");
@@ -16,41 +12,6 @@
     const classId = ref<string>(route.params.classId as string);
     const assignmentId = ref(Number(route.params.id));
 
-    function useGroupsWithProgress(
-        groups: Ref<GroupDTO[]>,
-        hruid: Ref<string>,
-        language: Ref<Language>,
-    ): { groupProgressMap: Map<number, number>; } {
-        const groupProgressMap = ref(new Map<number, number>());
-
-        watchEffect(() => {
-            // Clear existing entries to avoid stale data
-            groupProgressMap.value.clear();
-
-            groups?.value.forEach((group) => {
-                const groupKey = group.groupNumber;
-                const query = useGetLearningPathQuery(
-                    hruid,
-                    language,
-                    () => ({
-                        forGroup: groupKey,
-                        assignmentNo: assignmentId.value,
-                        classId: classId.value,
-                    })
-                );
-
-                const data = query.data.value;
-
-                groupProgressMap.value.set(groupKey, data ? calculateProgress(data) : 0);
-            });
-        });
-
-        return {  groupProgressMap: groupProgressMap.value };
-    }
-
-    function calculateProgress(lp: LearningPath): number {
-        return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
-    }
 </script>
 
 <template>
@@ -63,7 +24,6 @@
     <StudentAssignment
         :class-id="classId"
         :assignment-id="assignmentId"
-        :use-groups-with-progress="useGroupsWithProgress"
         v-else
     >
     </StudentAssignment>
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index fdb33a82..defb8d71 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { ref, computed, type Ref } from "vue";
+import {ref, computed, type Ref, watchEffect} from "vue";
     import auth from "@/services/auth/auth-service.ts";
     import { useI18n } from "vue-i18n";
     import { useAssignmentQuery } from "@/queries/assignments.ts";
@@ -11,6 +11,7 @@
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
     import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+import {calculateProgress} from "@/utils/assignment-utils.ts";
 
     const props = defineProps<{
         classId: string;
@@ -23,7 +24,7 @@
     }>();
 
     const { t } = useI18n();
-    const lang = ref<Language>();
+    const lang = ref();
     const learningPath = ref();
     // Get the user's username/id
     const username = asyncComputed(async () => {
@@ -36,11 +37,6 @@
 
     const submitted = ref(false); //TODO: update by fetching submissions and check if group submitted
 
-    const lpQueryResult = useGetLearningPathQuery(
-        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-    );
-
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
     const group = computed(() =>
         groupsQueryResult?.data.value?.groups.find((group) =>
@@ -48,15 +44,27 @@
         ),
     );
 
-    const _groupArray = computed(() => (group.value ? [group.value] : []));
-    const progressValue = ref(0);
-    /* Crashes right now cause api data has inexistent hruid TODO: uncomment later and use it in progress bar
-Const {groupProgressMap} = props.useGroupsWithProgress(
-groupArray,
-learningPath,
-language
-);
-*/
+    watchEffect(() => {
+        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+    });
+
+    const lpQueryResult = useGetLearningPathQuery(
+        () => learningPath.value,
+        () => lang.value,
+        () => ({
+            forGroup: group.value?.groupNumber ?? Number.NaN,
+            assignmentNo: props.assignmentId,
+            classId: props.classId,
+        }),
+    );
+
+    const progressColor = computed(() => {
+        const progress = calculateProgress(lpQueryResult.data.value);
+        if (progress >= 100) return "success";
+        if (progress >= 50) return "warning";
+        return "error";
+    });
 
     // Assuming group.value.members is a list of usernames TODO: case when it's StudentDTO's
     const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as string[]);
@@ -113,17 +121,15 @@ language
                     {{ data.assignment.description }}
                 </v-card-text>
                 <v-card-text>
-                    <v-row
-                        align="center"
-                        no-gutters
-                    >
-                        <v-col cols="auto">
-                            <span class="progress-label">{{ t("progress") + ": " }}</span>
-                        </v-col>
-                        <v-col>
+                    <v-card-text>
+                        <h3 class="mb-2">{{ t("progress") }}</h3>
+                        <using-query-result
+                            :query-result="lpQueryResult"
+                            v-slot="{ data: learningPData }"
+                        >
                             <v-progress-linear
-                                :model-value="progressValue"
-                                color="primary"
+                                :model-value="calculateProgress(learningPData)"
+                                :color="progressColor"
                                 height="20"
                                 class="progress-bar"
                             >
@@ -131,8 +137,9 @@ language
                                     <strong>{{ Math.ceil(value) }}%</strong>
                                 </template>
                             </v-progress-linear>
-                        </v-col>
-                    </v-row>
+                        </using-query-result>
+                    </v-card-text>
+
                 </v-card-text>
 
                 <v-card-text class="group-section">
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 9ea54cf4..c4942e0f 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -8,8 +8,7 @@ import {computed, type Ref, ref, watchEffect} from "vue";
     import type { Language } from "@/data-objects/language.ts";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
     import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
-import GroupProgressRow from "@/components/GroupProgressRow.vue";
+    import GroupProgressRow from "@/components/GroupProgressRow.vue";
 
     const props = defineProps<{
         classId: string;

From 5facb542904f9842610e39338731ac9052ff2b44 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 4 May 2025 16:32:12 +0200
Subject: [PATCH 09/74] feat: leerkracht krijgt link naar indiening

---
 .../src/components/GroupSubmissionStatus.vue  |  40 ++++
 frontend/src/queries/assignments.ts           |   2 +-
 .../views/assignments/StudentAssignment.vue   |  30 +--
 .../views/assignments/TeacherAssignment.vue   | 184 ++++++++++--------
 4 files changed, 165 insertions(+), 91 deletions(-)
 create mode 100644 frontend/src/components/GroupSubmissionStatus.vue

diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
new file mode 100644
index 00000000..5641da58
--- /dev/null
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type {Language} from "@/data-objects/language.ts";
+import {useI18n} from "vue-i18n";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import {useAssignmentSubmissionsQuery} from "@/queries/assignments.ts";
+import type {SubmissionsResponse} from "@/controllers/submissions.ts";
+
+const props = defineProps<{
+    lpHruid: string,
+    group: object;
+    assignmentId: number;
+    classId: string;
+    language: Language;
+    goToGroupSubmissionLink: (groupNo: number) => void;
+}>();
+
+const {t} = useI18n();
+// Call the submissions query
+const submissionsQuery = useAssignmentSubmissionsQuery(
+    () => props.classId,
+    () => props.assignmentId,
+    () => props.group.originalGroupNo,  // Using the classId for both class and group-related data
+    () => true
+);
+</script>
+
+<template>
+    <using-query-result
+        :query-result="submissionsQuery"
+        v-slot="{ data }: { data: SubmissionsResponse }"
+    >
+        <v-btn
+            :color="(data.submissions.length > 0) ? 'green' : 'red'"
+            variant="text"
+            :to="(data.submissions.length > 0) ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
+        >
+            {{ (data.submissions.length > 0) ? t("see-submission") :  t("no-submission")}}
+        </v-btn>
+    </using-query-result>
+</template>
diff --git a/frontend/src/queries/assignments.ts b/frontend/src/queries/assignments.ts
index 2bb0a929..fb99c5b9 100644
--- a/frontend/src/queries/assignments.ts
+++ b/frontend/src/queries/assignments.ts
@@ -181,7 +181,7 @@ export function useAssignmentSubmissionsQuery(
 
     return useQuery({
         queryKey: computed(() => assignmentSubmissionsQueryKey(cid!, an!, f)),
-        queryFn: async () => new AssignmentController(cid!).getSubmissions(gn!, f),
+        queryFn: async () => new AssignmentController(cid!).getSubmissions(an!, f),
         enabled: () => checkEnabled(cid, an, gn),
     });
 }
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index defb8d71..077540a5 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -16,11 +16,6 @@ import {calculateProgress} from "@/utils/assignment-utils.ts";
     const props = defineProps<{
         classId: string;
         assignmentId: number;
-        useGroupsWithProgress: (
-            groups: Ref<GroupDTO[]>,
-            hruid: Ref<string>,
-            language: Ref<Language>,
-        ) => { groupProgressMap: Map<number, number> };
     }>();
 
     const { t } = useI18n();
@@ -38,13 +33,26 @@ import {calculateProgress} from "@/utils/assignment-utils.ts";
     const submitted = ref(false); //TODO: update by fetching submissions and check if group submitted
 
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    const group = computed(() =>
-        groupsQueryResult?.data.value?.groups.find((group) =>
-            group.members?.some((m) => m.username === username.value),
-        ),
-    );
+    const group = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-    watchEffect(() => {
+        if (!groups) return undefined;
+
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+        return sortedGroups
+            .map((group, index) => ({
+                ...group,
+                groupNo: index + 1, // Renumbered index
+            }))
+            .find((group) =>
+                group.members?.some((m) => m.username === username.value),
+            );
+    });
+
+
+watchEffect(() => {
         learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
         lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
     });
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index c4942e0f..79b9a228 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,79 +1,105 @@
 <script setup lang="ts">
-import {computed, type Ref, ref, watchEffect} from "vue";
-    import { useI18n } from "vue-i18n";
-    import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { useGroupsQuery } from "@/queries/groups.ts";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { Language } from "@/data-objects/language.ts";
-    import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-    import GroupProgressRow from "@/components/GroupProgressRow.vue";
+import {computed, ref, watchEffect} from "vue";
+import {useI18n} from "vue-i18n";
+import {useAssignmentQuery, useDeleteAssignmentMutation} from "@/queries/assignments.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import {useGroupsQuery} from "@/queries/groups.ts";
+import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import type {Language} from "@/data-objects/language.ts";
+import type {AssignmentResponse} from "@/controllers/assignments.ts";
+import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
+import GroupProgressRow from "@/components/GroupProgressRow.vue";
+import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
 
-    const props = defineProps<{
-        classId: string;
-        assignmentId: number;
-    }>();
+const props = defineProps<{
+    classId: string;
+    assignmentId: number;
+}>();
 
-    const { t } = useI18n();
-    const lang = ref();
-    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-    const learningPath = ref();
+const {t} = useI18n();
+const lang = ref();
+const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+const learningPath = ref();
 
-    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-    // Get learning path object
-    const lpQueryResult = useGetLearningPathQuery(
-        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-    );
+const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+// Get learning path object
+const lpQueryResult = useGetLearningPathQuery(
+    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
+);
 
-    // Get all the groups withing the assignment
-    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    groups.value = groupsQueryResult.data.value?.groups ?? [];
+// Get all the groups withing the assignment
+const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    watchEffect(() => {
-        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-    });
+watchEffect(() => {
+    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+});
 
 
-    const allGroups = computed(() => {
-            const groups = groupsQueryResult.data.value?.groups;
+const allGroups = computed(() => {
+    const groups = groupsQueryResult.data.value?.groups;
 
-            return groups?.map((group) => ({
-                groupNo: group.groupNumber,
-                name: `${t("group")} ${group.groupNumber}`,
-                members: group.members,
-                submitted: false, //TODO: fetch from submission
-            }));
-        });
+    if (!groups) return [];
 
-    const dialog = ref(false);
-    const selectedGroup = ref({});
+    // Sort by original groupNumber
+    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
-    function openGroupDetails(group): void {
-        selectedGroup.value = group;
-        dialog.value = true;
-    }
+    // Assign new sequential numbers starting from 1
+    return sortedGroups.map((group, index) => ({
+        groupNo: index + 1, // New group number that will be used
+        name: `${t("group")} ${index + 1}`,
+        members: group.members,
+        submitted: false, // TODO: fetch from submission
+        originalGroupNo: group.groupNumber, // Keep original number if needed
+    }));
+});
 
-    const headers = computed(() => [
-        { title: t("group"), align: "start", key: "name" },
-        { title: t("progress"), align: "center", key: "progress" },
-        { title: t("submission"), align: "center", key: "submission" },
-    ]);
 
-    const { mutate } = useDeleteAssignmentMutation();
+const dialog = ref(false);
+const selectedGroup = ref({});
 
-    async function deleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate(
-            { cid: clsId, an: num },
-            {
-                onSuccess: () => {
-                    window.location.href = "/user/assignment";
-                },
+function openGroupDetails(group): void {
+    selectedGroup.value = group;
+    dialog.value = true;
+}
+
+const headers = computed(() => [
+    {title: t("group"), align: "start", key: "name"},
+    {title: t("progress"), align: "center", key: "progress"},
+    {title: t("submission"), align: "center", key: "submission"},
+]);
+
+const {mutate} = useDeleteAssignmentMutation();
+
+async function deleteAssignment(num: number, clsId: string): Promise<void> {
+    mutate(
+        {cid: clsId, an: num},
+        {
+            onSuccess: () => {
+                window.location.href = "/user/assignment";
             },
-        );
-    }
+        },
+    );
+}
+
+function goToLearningPathLink(): string | undefined {
+    const assignment = assignmentQueryResult.data.value?.assignment;
+    const lp = lpQueryResult.data.value;
+
+    if (!assignment || !lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
+function goToGroupSubmissionLink(groupNo: number): string | undefined {
+    const lp = lpQueryResult.data.value;
+    if (!lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
 </script>
 
 <template>
@@ -113,7 +139,7 @@ import {computed, type Ref, ref, watchEffect} from "vue";
                     >
                         <v-btn
                             v-if="lpData"
-                            :to="`/learningPath/${lpData.hruid}/${assignmentQueryResult.data.value?.assignment?.language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
+                            :to="goToLearningPathLink()"
                             variant="tonal"
                             color="primary"
                         >
@@ -147,7 +173,7 @@ import {computed, type Ref, ref, watchEffect} from "vue";
 
                             <template #[`item.progress`]="{ item }">
                                 <GroupProgressRow
-                                    :group-number="item.groupNo"
+                                    :group-number="item.originalGroupNo"
                                     :learning-path="learningPath"
                                     :language="lang"
                                     :assignment-id="assignmentId"
@@ -155,16 +181,15 @@ import {computed, type Ref, ref, watchEffect} from "vue";
                                 />
                             </template>
 
-
                             <template #[`item.submission`]="{ item }">
-                                <v-btn
-                                    :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
-                                    :color="item.submitted ? 'green' : 'red'"
-                                    variant="text"
-                                    class="text-capitalize"
-                                >
-                                    {{ item.submitted ? t("see-submission") : t("no-submission") }}
-                                </v-btn>
+                                <GroupSubmissionStatus
+                                    :lp-hruid="learningPath"
+                                    :group="item"
+                                    :assignmentId="assignmentId"
+                                    :class-id="classId"
+                                    :language="lang"
+                                    :go-to-group-submission-link="goToGroupSubmissionLink"
+                                />
                             </template>
                         </v-data-table>
                     </div>
@@ -184,7 +209,7 @@ import {computed, type Ref, ref, watchEffect} from "vue";
                                 >
                                     <v-list-item-content>
                                         <v-list-item-title
-                                            >{{ member.firstName + " " + member.lastName }}
+                                        >{{ member.firstName + " " + member.lastName }}
                                         </v-list-item-title>
                                     </v-list-item-content>
                                 </v-list-item>
@@ -194,7 +219,8 @@ import {computed, type Ref, ref, watchEffect} from "vue";
                             <v-btn
                                 color="primary"
                                 @click="dialog = false"
-                                >Close</v-btn
+                            >Close
+                            </v-btn
                             >
                         </v-card-actions>
                     </v-card>
@@ -216,10 +242,10 @@ import {computed, type Ref, ref, watchEffect} from "vue";
 </template>
 
 <style scoped>
-    @import "@/assets/assignment.css";
+@import "@/assets/assignment.css";
 
-    .table-scroll {
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-    }
+.table-scroll {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
 </style>

From 0f1009ba434a49e1517ddfcb6c732216f2091a03 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 4 May 2025 16:51:48 +0200
Subject: [PATCH 10/74] fix: linting + small fixes

---
 frontend/src/components/GroupProgressRow.vue  |  58 +++---
 .../src/components/GroupSubmissionStatus.vue  |  45 ++--
 frontend/src/utils/assignment-utils.ts        |   2 +-
 .../views/assignments/SingleAssignment.vue    |   1 -
 .../views/assignments/StudentAssignment.vue   |  18 +-
 .../views/assignments/TeacherAssignment.vue   | 195 +++++++++---------
 6 files changed, 150 insertions(+), 169 deletions(-)

diff --git a/frontend/src/components/GroupProgressRow.vue b/frontend/src/components/GroupProgressRow.vue
index f012b8cc..2704c494 100644
--- a/frontend/src/components/GroupProgressRow.vue
+++ b/frontend/src/components/GroupProgressRow.vue
@@ -1,37 +1,37 @@
 <script setup lang="ts">
-import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-import { computed } from "vue";
-import type { Language } from "@/data-objects/language.ts";
-import {calculateProgress} from "@/utils/assignment-utils.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { computed } from "vue";
+    import type { Language } from "@/data-objects/language.ts";
+    import { calculateProgress } from "@/utils/assignment-utils.ts";
 
-const props = defineProps<{
-    groupNumber: number;
-    learningPath: string;
-    language: Language;
-    assignmentId: number;
-    classId: string;
-}>();
+    const props = defineProps<{
+        groupNumber: number;
+        learningPath: string;
+        language: Language;
+        assignmentId: number;
+        classId: string;
+    }>();
 
-const query = useGetLearningPathQuery(
-    () => props.learningPath,
-    () => props.language,
-    () => ({
-        forGroup: props.groupNumber,
-        assignmentNo: props.assignmentId,
-        classId: props.classId,
-    }),
-);
+    const query = useGetLearningPathQuery(
+        () => props.learningPath,
+        () => props.language,
+        () => ({
+            forGroup: props.groupNumber,
+            assignmentNo: props.assignmentId,
+            classId: props.classId,
+        }),
+    );
 
-const progress = computed(() => {
-    if (!query.data.value) return 0;
-    return calculateProgress(query.data.value);
-});
+    const progress = computed(() => {
+        if (!query.data.value) return 0;
+        return calculateProgress(query.data.value);
+    });
 
-const progressColor = computed(() => {
-    if (progress.value < 50) return "error";
-    if (progress.value < 80) return "warning";
-    return "success";
-});
+    const progressColor = computed(() => {
+        if (progress.value < 50) return "error";
+        if (progress.value < 80) return "warning";
+        return "success";
+    });
 </script>
 
 <template>
diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index 5641da58..12796229 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -1,27 +1,23 @@
 <script setup lang="ts">
-import type {Language} from "@/data-objects/language.ts";
-import {useI18n} from "vue-i18n";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {useAssignmentSubmissionsQuery} from "@/queries/assignments.ts";
-import type {SubmissionsResponse} from "@/controllers/submissions.ts";
+    import { useI18n } from "vue-i18n";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
+    import type { SubmissionsResponse } from "@/controllers/submissions.ts";
 
-const props = defineProps<{
-    lpHruid: string,
-    group: object;
-    assignmentId: number;
-    classId: string;
-    language: Language;
-    goToGroupSubmissionLink: (groupNo: number) => void;
-}>();
+    const props = defineProps<{
+        group: object;
+        assignmentId: number;
+        classId: string;
+        goToGroupSubmissionLink: (groupNo: number) => void;
+    }>();
 
-const {t} = useI18n();
-// Call the submissions query
-const submissionsQuery = useAssignmentSubmissionsQuery(
-    () => props.classId,
-    () => props.assignmentId,
-    () => props.group.originalGroupNo,  // Using the classId for both class and group-related data
-    () => true
-);
+    const { t } = useI18n();
+    const submissionsQuery = useAssignmentSubmissionsQuery(
+        () => props.classId,
+        () => props.assignmentId,
+        () => props.group.originalGroupNo,
+        () => true,
+    );
 </script>
 
 <template>
@@ -30,11 +26,12 @@ const submissionsQuery = useAssignmentSubmissionsQuery(
         v-slot="{ data }: { data: SubmissionsResponse }"
     >
         <v-btn
-            :color="(data.submissions.length > 0) ? 'green' : 'red'"
+            :color="data.submissions.length > 0 ? 'green' : 'red'"
             variant="text"
-            :to="(data.submissions.length > 0) ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
+            :to="data.submissions.length > 0 ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
+            :disabled="data.submissions.length === 0"
         >
-            {{ (data.submissions.length > 0) ? t("see-submission") :  t("no-submission")}}
+            {{ data.submissions.length > 0 ? t("see-submission") : t("no-submission") }}
         </v-btn>
     </using-query-result>
 </template>
diff --git a/frontend/src/utils/assignment-utils.ts b/frontend/src/utils/assignment-utils.ts
index fd936f54..938f7962 100644
--- a/frontend/src/utils/assignment-utils.ts
+++ b/frontend/src/utils/assignment-utils.ts
@@ -1,4 +1,4 @@
-import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
+import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
 
 export function calculateProgress(lp: LearningPath): number {
     return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
diff --git a/frontend/src/views/assignments/SingleAssignment.vue b/frontend/src/views/assignments/SingleAssignment.vue
index cd196c5d..ed83289d 100644
--- a/frontend/src/views/assignments/SingleAssignment.vue
+++ b/frontend/src/views/assignments/SingleAssignment.vue
@@ -11,7 +11,6 @@
     const route = useRoute();
     const classId = ref<string>(route.params.classId as string);
     const assignmentId = ref(Number(route.params.id));
-
 </script>
 
 <template>
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 077540a5..450ec9d4 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {ref, computed, type Ref, watchEffect} from "vue";
+    import { ref, computed, watchEffect } from "vue";
     import auth from "@/services/auth/auth-service.ts";
     import { useI18n } from "vue-i18n";
     import { useAssignmentQuery } from "@/queries/assignments.ts";
@@ -10,8 +10,7 @@ import {ref, computed, type Ref, watchEffect} from "vue";
     import { useGroupsQuery } from "@/queries/groups.ts";
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
-import {calculateProgress} from "@/utils/assignment-utils.ts";
+    import { calculateProgress } from "@/utils/assignment-utils.ts";
 
     const props = defineProps<{
         classId: string;
@@ -46,13 +45,10 @@ import {calculateProgress} from "@/utils/assignment-utils.ts";
                 ...group,
                 groupNo: index + 1, // Renumbered index
             }))
-            .find((group) =>
-                group.members?.some((m) => m.username === username.value),
-            );
+            .find((group) => group.members?.some((m) => m.username === username.value));
     });
 
-
-watchEffect(() => {
+    watchEffect(() => {
         learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
         lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
     });
@@ -147,7 +143,6 @@ watchEffect(() => {
                             </v-progress-linear>
                         </using-query-result>
                     </v-card-text>
-
                 </v-card-text>
 
                 <v-card-text class="group-section">
@@ -171,11 +166,6 @@ watchEffect(() => {
 <style scoped>
     @import "@/assets/assignment.css";
 
-    .progress-label {
-        font-weight: bold;
-        margin-right: 5px;
-    }
-
     .progress-bar {
         width: 40%;
     }
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 79b9a228..28cc5c1d 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,105 +1,101 @@
 <script setup lang="ts">
-import {computed, ref, watchEffect} from "vue";
-import {useI18n} from "vue-i18n";
-import {useAssignmentQuery, useDeleteAssignmentMutation} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import type {AssignmentResponse} from "@/controllers/assignments.ts";
-import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import GroupProgressRow from "@/components/GroupProgressRow.vue";
-import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
+    import { computed, ref, watchEffect } from "vue";
+    import { useI18n } from "vue-i18n";
+    import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useGroupsQuery } from "@/queries/groups.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import type { AssignmentResponse } from "@/controllers/assignments.ts";
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
+    import GroupProgressRow from "@/components/GroupProgressRow.vue";
+    import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+    }>();
 
-const {t} = useI18n();
-const lang = ref();
-const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-const learningPath = ref();
+    const { t } = useI18n();
+    const lang = ref();
+    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+    const learningPath = ref();
 
-const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-// Get learning path object
-const lpQueryResult = useGetLearningPathQuery(
-    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-);
-
-// Get all the groups withing the assignment
-const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-groups.value = groupsQueryResult.data.value?.groups ?? [];
-
-watchEffect(() => {
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-});
-
-
-const allGroups = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return [];
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    // Assign new sequential numbers starting from 1
-    return sortedGroups.map((group, index) => ({
-        groupNo: index + 1, // New group number that will be used
-        name: `${t("group")} ${index + 1}`,
-        members: group.members,
-        submitted: false, // TODO: fetch from submission
-        originalGroupNo: group.groupNumber, // Keep original number if needed
-    }));
-});
-
-
-const dialog = ref(false);
-const selectedGroup = ref({});
-
-function openGroupDetails(group): void {
-    selectedGroup.value = group;
-    dialog.value = true;
-}
-
-const headers = computed(() => [
-    {title: t("group"), align: "start", key: "name"},
-    {title: t("progress"), align: "center", key: "progress"},
-    {title: t("submission"), align: "center", key: "submission"},
-]);
-
-const {mutate} = useDeleteAssignmentMutation();
-
-async function deleteAssignment(num: number, clsId: string): Promise<void> {
-    mutate(
-        {cid: clsId, an: num},
-        {
-            onSuccess: () => {
-                window.location.href = "/user/assignment";
-            },
-        },
+    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+    // Get learning path object
+    const lpQueryResult = useGetLearningPathQuery(
+        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
-}
 
-function goToLearningPathLink(): string | undefined {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    const lp = lpQueryResult.data.value;
+    // Get all the groups withing the assignment
+    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    if (!assignment || !lp) return undefined;
+    watchEffect(() => {
+        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+    });
 
-    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+    const allGroups = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-function goToGroupSubmissionLink(groupNo: number): string | undefined {
-    const lp = lpQueryResult.data.value;
-    if (!lp) return undefined;
+        if (!groups) return [];
 
-    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
+        // Assign new sequential numbers starting from 1
+        return sortedGroups.map((group, index) => ({
+            groupNo: index + 1, // New group number that will be used
+            name: `${t("group")} ${index + 1}`,
+            members: group.members,
+            originalGroupNo: group.groupNumber, // Keep original number if needed
+        }));
+    });
+
+    const dialog = ref(false);
+    const selectedGroup = ref({});
+
+    function openGroupDetails(group): void {
+        selectedGroup.value = group;
+        dialog.value = true;
+    }
+
+    const headers = computed(() => [
+        { title: t("group"), align: "start", key: "name" },
+        { title: t("progress"), align: "center", key: "progress" },
+        { title: t("submission"), align: "center", key: "submission" },
+    ]);
+
+    const { mutate } = useDeleteAssignmentMutation();
+
+    async function deleteAssignment(num: number, clsId: string): Promise<void> {
+        mutate(
+            { cid: clsId, an: num },
+            {
+                onSuccess: () => {
+                    window.location.href = "/user/assignment";
+                },
+            },
+        );
+    }
+
+    function goToLearningPathLink(): string | undefined {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        const lp = lpQueryResult.data.value;
+
+        if (!assignment || !lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    function goToGroupSubmissionLink(groupNo: number): string | undefined {
+        const lp = lpQueryResult.data.value;
+        if (!lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
 </script>
 
 <template>
@@ -209,7 +205,7 @@ function goToGroupSubmissionLink(groupNo: number): string | undefined {
                                 >
                                     <v-list-item-content>
                                         <v-list-item-title
-                                        >{{ member.firstName + " " + member.lastName }}
+                                            >{{ member.firstName + " " + member.lastName }}
                                         </v-list-item-title>
                                     </v-list-item-content>
                                 </v-list-item>
@@ -219,9 +215,8 @@ function goToGroupSubmissionLink(groupNo: number): string | undefined {
                             <v-btn
                                 color="primary"
                                 @click="dialog = false"
-                            >Close
-                            </v-btn
-                            >
+                                >Close
+                            </v-btn>
                         </v-card-actions>
                     </v-card>
                 </v-dialog>
@@ -242,10 +237,10 @@ function goToGroupSubmissionLink(groupNo: number): string | undefined {
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.table-scroll {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
+    .table-scroll {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
 </style>

From 53097102ba808e518375885dafc2fa280862f8f9 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Tue, 6 May 2025 08:54:58 +0200
Subject: [PATCH 11/74] fix: meer vertalingen

---
 frontend/src/components/GroupSubmissionStatus.vue | 2 +-
 frontend/src/i18n/locale/de.json                  | 1 -
 frontend/src/i18n/locale/en.json                  | 1 -
 frontend/src/i18n/locale/fr.json                  | 1 -
 frontend/src/i18n/locale/nl.json                  | 1 -
 5 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index 12796229..e733ace7 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -31,7 +31,7 @@
             :to="data.submissions.length > 0 ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
             :disabled="data.submissions.length === 0"
         >
-            {{ data.submissions.length > 0 ? t("see-submission") : t("no-submission") }}
+            {{ data.submissions.length > 0 ? t("submission") : t("noSubmissionsYet") }}
         </v-btn>
     </using-query-result>
 </template>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index fbdc652a..5655d82c 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -104,7 +104,6 @@
     "assignLearningPath": "Als Aufgabe geben",
     "group": "Gruppe",
     "description": "Beschreibung",
-    "no-submission": "keine vorlage",
     "submission": "Einreichung",
     "progress": "Fortschritte",
     "remove": "entfernen",
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index e4042d09..fa033261 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -103,7 +103,6 @@
     "assignLearningPath": "assign",
     "group": "Group",
     "description": "Description",
-    "no-submission": "no submission",
     "submission": "Submission",
     "progress": "Progress",
     "created": "created",
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index b331a168..691d242f 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -104,7 +104,6 @@
     "assignLearningPath": "donner comme tâche",
     "group": "Groupe",
     "description": "Description",
-    "no-submission": "aucune soumission",
     "submission": "Soumission",
     "progress": "Progrès",
     "remove": "supprimer",
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 5aa17930..d665d09a 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -104,7 +104,6 @@
     "assignLearningPath": "Als opdracht geven",
     "group": "Groep",
     "description": "Beschrijving",
-    "no-submission": "geen indiening",
     "submission": "Indiening",
     "progress": "Vooruitgang",
     "remove": "verwijder",

From f3ba47eb30f270ec82569619282ec19e7a5505a8 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Wed, 14 May 2025 08:45:44 +0200
Subject: [PATCH 12/74] fix(backend): Vooruitgang wordt nu enkel op basis van
 effectief bereikbare leerobjecten berekend.

---
 .../database-learning-path-provider.ts        | 32 +++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/backend/src/services/learning-paths/database-learning-path-provider.ts b/backend/src/services/learning-paths/database-learning-path-provider.ts
index fe05dda1..7dbc3168 100644
--- a/backend/src/services/learning-paths/database-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/database-learning-path-provider.ts
@@ -62,6 +62,8 @@ async function convertLearningPath(learningPath: LearningPathEntity, order: numb
     // Convert the learning object notes as retrieved from the database into the expected response format-
     const convertedNodes = await convertNodes(nodesToLearningObjects, personalizedFor);
 
+    const nodesActuallyOnPath = traverseLearningPath(convertedNodes);
+
     return {
         _id: `${learningPath.hruid}/${learningPath.language}`, // For backwards compatibility with the original Dwengo API.
         __order: order,
@@ -71,8 +73,8 @@ async function convertLearningPath(learningPath: LearningPathEntity, order: numb
         image: image,
         title: learningPath.title,
         nodes: convertedNodes,
-        num_nodes: learningPath.nodes.length,
-        num_nodes_left: convertedNodes.filter((it) => !it.done).length,
+        num_nodes: nodesActuallyOnPath.length,
+        num_nodes_left: nodesActuallyOnPath.filter((it) => !it.done).length,
         keywords: keywords.join(' '),
         target_ages: targetAges,
         max_age: Math.max(...targetAges),
@@ -103,6 +105,7 @@ async function convertNode(
                 isTransitionPossible(trans, optionalJsonStringToObject(lastSubmission?.content)) // Otherwise remove all transitions that aren't possible.
         )
         .map((trans, i) => convertTransition(trans, i, nodesToLearningObjects));
+
     return {
         _id: learningObject.uuid,
         language: learningObject.language,
@@ -174,6 +177,31 @@ function convertTransition(
     }
 }
 
+/**
+ * Start from the start node and then always take the first transition until there are no transitions anymore.
+ * Returns the traversed nodes as an array. (This effectively filters outs nodes that cannot be reached.)
+ */
+function traverseLearningPath(nodes: LearningObjectNode[]): LearningObjectNode[] {
+    const traversedNodes: LearningObjectNode[] = [];
+    let currentNode = nodes.find(it => it.start_node);
+
+    while (currentNode) {
+        traversedNodes.push(currentNode);
+
+        const next = currentNode.transitions[0]?.next;
+
+        if (next) {
+            currentNode = nodes.find(it =>
+                it.learningobject_hruid === next.hruid && it.language === next.language && it.version === next.version
+            );
+        } else {
+            currentNode = undefined;
+        }
+    }
+
+    return traversedNodes;
+}
+
 /**
  * Service providing access to data about learning paths from the database.
  */

From 1f503de6e5301f14789de77fd233b411821693db Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Wed, 14 May 2025 06:49:36 +0000
Subject: [PATCH 13/74] style: fix linting issues met Prettier

---
 .../learning-paths/database-learning-path-provider.ts       | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/backend/src/services/learning-paths/database-learning-path-provider.ts b/backend/src/services/learning-paths/database-learning-path-provider.ts
index 7dbc3168..5c0aee24 100644
--- a/backend/src/services/learning-paths/database-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/database-learning-path-provider.ts
@@ -183,7 +183,7 @@ function convertTransition(
  */
 function traverseLearningPath(nodes: LearningObjectNode[]): LearningObjectNode[] {
     const traversedNodes: LearningObjectNode[] = [];
-    let currentNode = nodes.find(it => it.start_node);
+    let currentNode = nodes.find((it) => it.start_node);
 
     while (currentNode) {
         traversedNodes.push(currentNode);
@@ -191,9 +191,7 @@ function traverseLearningPath(nodes: LearningObjectNode[]): LearningObjectNode[]
         const next = currentNode.transitions[0]?.next;
 
         if (next) {
-            currentNode = nodes.find(it =>
-                it.learningobject_hruid === next.hruid && it.language === next.language && it.version === next.version
-            );
+            currentNode = nodes.find((it) => it.learningobject_hruid === next.hruid && it.language === next.language && it.version === next.version);
         } else {
             currentNode = undefined;
         }

From 5805294f4c45cf2035838a063dcbff681f682e5e Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Thu, 15 May 2025 22:09:13 +0200
Subject: [PATCH 14/74] feat: create assignment process minimaliseren maar in
 aparte pagina houden

---
 .../views/assignments/CreateAssignment.vue    | 393 ++++++++---------
 .../src/views/assignments/UserAssignments.vue | 415 +++++++++---------
 2 files changed, 386 insertions(+), 422 deletions(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 32cda330..ffdab02e 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,207 +1,159 @@
 <script setup lang="ts">
-    import { useI18n } from "vue-i18n";
-    import { computed, onMounted, ref, watch } from "vue";
-    import GroupSelector from "@/components/assignments/GroupSelector.vue";
-    import { assignmentTitleRules, classRules, descriptionRules, learningPathRules } from "@/utils/assignment-rules.ts";
-    import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useTeacherClassesQuery } from "@/queries/teachers.ts";
-    import { useRouter } from "vue-router";
-    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import type { ClassesResponse } from "@/controllers/classes.ts";
-    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-    import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
-    import { useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { computed, onMounted, ref, watch } from "vue";
+import { assignmentTitleRules, classRules, learningPathRules } from "@/utils/assignment-rules.ts";
+import auth from "@/services/auth/auth-service.ts";
+import { useTeacherClassesQuery } from "@/queries/teachers.ts";
+import { useRouter, useRoute } from "vue-router";
+import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+import type { ClassesResponse } from "@/controllers/classes.ts";
+import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
 
-    const route = useRoute();
-    const router = useRouter();
-    const { t, locale } = useI18n();
-    const role = ref(auth.authState.activeRole);
-    const username = ref<string>("");
+const route = useRoute();
+const router = useRouter();
+const { t, locale } = useI18n();
+const role = ref(auth.authState.activeRole);
+const username = ref<string>("");
 
-    onMounted(async () => {
-        // Redirect student
-        if (role.value === "student") {
-            await router.push("/user");
-        }
+onMounted(async () => {
+    if (role.value === "student") {
+        await router.push("/user");
+    }
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
 
-        // Get the user's username
-        const user = await auth.loadUser();
-        username.value = user?.profile?.preferred_username ?? "";
-    });
+const language = computed(() => locale.value);
+const form = ref();
 
-    const language = computed(() => locale.value);
-    const form = ref();
+const learningPathsQueryResults = useGetAllLearningPaths(language);
+const classesQueryResults = useTeacherClassesQuery(username, true);
 
-    //Fetch all learning paths
-    const learningPathsQueryResults = useGetAllLearningPaths(language);
+const selectedClass = ref(undefined);
+const assignmentTitle = ref("");
+const selectedLearningPath = ref(route.query.hruid || undefined);
+const lpIsSelected = route.query.hruid !== undefined;
 
-    // Fetch and store all the teacher's classes
-    const classesQueryResults = useTeacherClassesQuery(username, true);
+const { mutate, data, isSuccess } = useCreateAssignmentMutation();
 
-    const selectedClass = ref(undefined);
+watch([isSuccess, data], async ([success, newData]) => {
+    if (success && newData?.assignment) {
+        await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
+    }
+});
 
-    const assignmentTitle = ref("");
-    const selectedLearningPath = ref(route.query.hruid || undefined);
+async function submitFormHandler(): Promise<void> {
+    const { valid } = await form.value.validate();
+    if (!valid) return;
 
-    // Disable combobox when learningPath prop is passed
-    const lpIsSelected = route.query.hruid !== undefined;
-    const deadline = ref(null);
-    const description = ref("");
-    const groups = ref<string[][]>([]);
-
-    // New group is added to the list
-    function addGroupToList(students: string[]): void {
-        if (students.length) {
-            groups.value = [...groups.value, students];
-        }
+    let lp = selectedLearningPath.value;
+    if (!lpIsSelected) {
+        lp = selectedLearningPath.value?.hruid;
     }
 
-    watch(selectedClass, () => {
-        groups.value = [];
-    });
+    const assignmentDTO: AssignmentDTO = {
+        id: 0,
+        within: selectedClass.value?.id || "",
+        title: assignmentTitle.value,
+        description: "",
+        learningPath: lp || "",
+        deadline: new Date(),
+        language: language.value,
+        groups: [],
+    };
 
-    const { mutate, data, isSuccess } = useCreateAssignmentMutation();
-
-    watch([isSuccess, data], async ([success, newData]) => {
-        if (success && newData?.assignment) {
-            await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
-        }
-    });
-
-    async function submitFormHandler(): Promise<void> {
-        const { valid } = await form.value.validate();
-        if (!valid) return;
-
-        let lp = selectedLearningPath.value;
-        if (!lpIsSelected) {
-            lp = selectedLearningPath.value?.hruid;
-        }
-
-        const assignmentDTO: AssignmentDTO = {
-            id: 0,
-            within: selectedClass.value?.id || "",
-            title: assignmentTitle.value,
-            description: description.value,
-            learningPath: lp || "",
-            language: language.value,
-            groups: groups.value,
-        };
-
-        mutate({ cid: assignmentDTO.within, data: assignmentDTO });
-    }
+    mutate({ cid: assignmentDTO.within, data: assignmentDTO });
+}
 </script>
 
 <template>
     <div class="main-container">
-        <h1 class="title">{{ t("new-assignment") }}</h1>
-        <v-card class="form-card">
-            <v-form
-                ref="form"
-                class="form-container"
-                validate-on="submit lazy"
-                @submit.prevent="submitFormHandler"
-            >
-                <v-container class="step-container">
-                    <v-card-text>
-                        <v-text-field
-                            v-model="assignmentTitle"
-                            :label="t('title')"
-                            :rules="assignmentTitleRules"
-                            density="compact"
-                            variant="outlined"
-                            clearable
-                            required
-                        ></v-text-field>
-                    </v-card-text>
+        <h1 class="h1">{{ t("new-assignment") }}</h1>
 
-                    <using-query-result
-                        :query-result="learningPathsQueryResults"
-                        v-slot="{ data }: { data: LearningPath[] }"
-                    >
-                        <v-card-text>
-                            <v-combobox
-                                v-model="selectedLearningPath"
-                                :items="data"
-                                :label="t('choose-lp')"
-                                :rules="learningPathRules"
-                                variant="outlined"
-                                clearable
-                                hide-details
-                                density="compact"
-                                append-inner-icon="mdi-magnify"
-                                item-title="title"
-                                item-value="hruid"
-                                required
-                                :disabled="lpIsSelected"
-                                :filter="
-                                    (item, query: string) => item.title.toLowerCase().includes(query.toLowerCase())
-                                "
-                            ></v-combobox>
-                        </v-card-text>
-                    </using-query-result>
+        <v-card class="form-card elevation-2 pa-6">
+            <v-form ref="form" class="form-container" validate-on="submit lazy" @submit.prevent="submitFormHandler">
+                <v-container class="step-container pa-0">
 
-                    <using-query-result
-                        :query-result="classesQueryResults"
-                        v-slot="{ data }: { data: ClassesResponse }"
-                    >
-                        <v-card-text>
-                            <v-combobox
-                                v-model="selectedClass"
-                                :items="data?.classes ?? []"
-                                :label="t('pick-class')"
-                                :rules="classRules"
-                                variant="outlined"
-                                clearable
-                                hide-details
-                                density="compact"
-                                append-inner-icon="mdi-magnify"
-                                item-title="displayName"
-                                item-value="id"
-                                required
-                            ></v-combobox>
-                        </v-card-text>
-                    </using-query-result>
-
-                    <GroupSelector
-                        :classId="selectedClass?.id"
-                        :groups="groups"
-                        @groupCreated="addGroupToList"
+                    <!-- Titel veld -->
+                    <v-text-field
+                        v-model="assignmentTitle"
+                        :label="t('title')"
+                        :rules="assignmentTitleRules"
+                        density="comfortable"
+                        variant="solo-filled"
+                        prepend-inner-icon="mdi-format-title"
+                        clearable
+                        required
                     />
 
-                    <!-- Counter for created groups -->
-                    <v-card-text v-if="groups.length">
-                        <strong>Created Groups: {{ groups.length }}</strong>
-                    </v-card-text>
-                    <DeadlineSelector v-model:deadline="deadline" />
-                    <v-card-text>
-                        <v-textarea
-                            v-model="description"
-                            :label="t('description')"
-                            variant="outlined"
-                            density="compact"
-                            auto-grow
-                            rows="3"
-                            :rules="descriptionRules"
-                        ></v-textarea>
-                    </v-card-text>
-                    <v-card-text>
+                    <!-- Learning Path keuze -->
+                    <using-query-result :query-result="learningPathsQueryResults" v-slot="{ data }: { data: LearningPath[] }">
+                        <v-combobox
+                            v-model="selectedLearningPath"
+                            :items="data"
+                            :label="t('choose-lp')"
+                            :rules="learningPathRules"
+                            variant="solo-filled"
+                            clearable
+                            density="comfortable"
+                            chips
+                            hide-no-data
+                            hide-selected
+                            item-title="title"
+                            item-value="hruid"
+                            :disabled="lpIsSelected"
+                            :filter="(item, query: string) => item.title.toLowerCase().includes(query.toLowerCase())"
+                            prepend-inner-icon="mdi-school"
+                        />
+                    </using-query-result>
+
+                    <!-- Klas keuze -->
+                    <using-query-result :query-result="classesQueryResults" v-slot="{ data }: { data: ClassesResponse }">
+                        <v-combobox
+                            v-model="selectedClass"
+                            :items="data?.classes ?? []"
+                            :label="t('pick-class')"
+                            :rules="classRules"
+                            variant="solo-filled"
+                            clearable
+                            density="comfortable"
+                            chips
+                            hide-no-data
+                            hide-selected
+                            item-title="displayName"
+                            item-value="id"
+                            prepend-inner-icon="mdi-account-multiple"
+                        />
+                    </using-query-result>
+
+                    <!-- Submit & Cancel -->
+                    <v-divider class="my-6" />
+
+                    <div class="d-flex justify-end ga-2">
                         <v-btn
-                            class="mt-2"
-                            color="secondary"
+                            color="primary"
                             type="submit"
-                            block
-                            >{{ t("submit") }}
+                            size="small"
+                            prepend-icon="mdi-check-circle"
+                            elevation="1"
+                        >
+                            {{ t("submit") }}
                         </v-btn>
+
                         <v-btn
                             to="/user/assignment"
                             color="grey"
-                            block
-                            >{{ t("cancel") }}
+                            size="small"
+                            variant="text"
+                            prepend-icon="mdi-close-circle"
+                        >
+                            {{ t("cancel") }}
                         </v-btn>
-                    </v-card-text>
+                    </div>
+
                 </v-container>
             </v-form>
         </v-card>
@@ -209,50 +161,65 @@
 </template>
 
 <style scoped>
-    .main-container {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-    }
+.main-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+    padding-top: 32px;
+    text-align: center;
+}
 
+.form-card {
+    width: 100%;
+    max-width: 720px;
+    border-radius: 16px;
+}
+
+.form-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    width: 100%;
+}
+
+.step-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+@media (max-width: 1000px) {
     .form-card {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        width: 55%;
-        /*padding: 1%;*/
+        width: 85%;
+        padding: 1%;
     }
 
-    .form-container {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-    }
+}
 
-    .step-container {
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        min-height: 200px;
-    }
+@media (max-width: 600px) {
 
-    @media (max-width: 1000px) {
-        .form-card {
-            width: 70%;
-            padding: 1%;
-        }
-
-        .step-container {
-            min-height: 300px;
-        }
+    h1 {
+        font-size: 32px;
+        text-align: center;
+        margin-left: 0;
     }
+}
 
-    @media (max-width: 650px) {
-        .form-card {
-            width: 95%;
-        }
+@media (max-width: 400px) {
+
+    h1 {
+        font-size: 24px;
+        text-align: center;
+        margin-left: 0;
     }
+}
+
+.v-card {
+    border: 2px solid #0e6942;
+    border-radius: 12px;
+}
+
+
 </style>
+
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index e8bdf6df..f524f3b2 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,20 +1,16 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from "vue";
-import { useI18n } from "vue-i18n";
-import { useRouter } from "vue-router";
+import {ref, computed, onMounted, watch} from "vue";
+import {useI18n} from "vue-i18n";
+import {useRouter} from "vue-router";
 import authState from "@/services/auth/auth-service.ts";
 import auth from "@/services/auth/auth-service.ts";
-import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
-import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
-import { ClassController, type ClassesResponse } from "@/controllers/classes.ts";
-import type { ClassDTO } from "@dwengo-1/common/interfaces/class";
-import { asyncComputed } from "@vueuse/core";
-import { useCreateAssignmentMutation, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
-import type { AssignmentsResponse } from "@/controllers/assignments";
-import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import {useTeacherAssignmentsQuery, useTeacherClassesQuery} from "@/queries/teachers.ts";
+import {useStudentAssignmentsQuery, useStudentClassesQuery} from "@/queries/students.ts";
+import {useDeleteAssignmentMutation} from "@/queries/assignments.ts";
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import {asyncComputed} from "@vueuse/core";
 
-const { t } = useI18n();
+const {t, locale} = useI18n();
 const router = useRouter();
 
 const role = ref(auth.authState.activeRole);
@@ -38,14 +34,47 @@ onMounted(async () => {
 });
 
 const isTeacher = computed(() => role.value === "teacher");
-const assignmentsQuery = isTeacher ? useTeacherAssignmentsQuery(username, true) : useStudentAssignmentsQuery(username, true);
-const { mutate: assignmentMutation, isSuccess: assignmentIsSuccess } = useCreateAssignmentMutation();
+const classesQueryResult = isTeacher.value ? useTeacherClassesQuery(username, true) : useStudentClassesQuery(username, true);
 
-const classesQuery = isTeacher ? useTeacherClassesQuery(username, true) : useStudentClassesQuery(username, true);
-const selectedClass = ref<ClassDTO | undefined>(undefined);
-const isClassSelected = ref(false);
+const assignmentsQueryResult = isTeacher.value ? useTeacherAssignmentsQuery(username, true) : useStudentAssignmentsQuery(username, true);
 
-const assignmentTitle = ref<string>("");
+const allAssignments = asyncComputed(
+    async () => {
+        const assignments = assignmentsQueryResult.data.value?.assignments;
+        if (!assignments) return [];
+
+        const classes = classesQueryResult.data.value?.classes;
+        if (!classes) return [];
+
+        const result = assignments.map((a) => ({
+            id: a.id,
+            class: classes.find((cls) => cls?.id === a.within) ?? undefined,
+            title: a.title,
+            description: a.description,
+            learningPath: a.learningPath,
+            language: a.language,
+            deadline: a.deadline,
+            groups: a.groups,
+        }));
+
+        // Order the assignments by deadline
+        return result.flat().sort((a, b) => {
+            const now = Date.now();
+            const aTime = new Date(a.deadline).getTime();
+            const bTime = new Date(b.deadline).getTime();
+
+            const aIsPast = aTime < now;
+            const bIsPast = bTime < now;
+
+            if (aIsPast && !bIsPast) return 1;
+            if (!aIsPast && bIsPast) return -1;
+
+            return aTime - bTime;
+        });
+    },
+    [],
+    {evaluating: true},
+);
 
 async function goToCreateAssignment(): Promise<void> {
     await router.push("/assignment/create");
@@ -55,7 +84,7 @@ async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
     await router.push(`/assignment/${clsId}/${id}`);
 }
 
-const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
+const {mutate, data, isSuccess} = useDeleteAssignmentMutation();
 
 watch([isSuccess, data], async ([success, oldData]) => {
     if (success && oldData?.assignment) {
@@ -64,7 +93,36 @@ watch([isSuccess, data], async ([success, oldData]) => {
 });
 
 async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-    mutate({ cid: clsId, an: num });
+    mutate({cid: clsId, an: num});
+}
+
+function formatDate(date?: string | Date): string {
+    if (!date) return "–";
+    const d = new Date(date);
+
+    // Choose locale based on selected language
+    const currentLocale = locale.value;
+
+    return d.toLocaleDateString(currentLocale, {
+        weekday: "short",
+        day: "2-digit",
+        month: "long",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    });
+}
+
+function getDeadlineClass(deadline?: string | Date): string {
+    if (!deadline) return "";
+
+    const date = new Date(deadline);
+    const now = new Date();
+    const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
+
+    if (date.getTime() < now.getTime()) return "deadline-passed";
+    if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
+    return "deadline-upcoming";
 }
 
 onMounted(async () => {
@@ -72,136 +130,120 @@ onMounted(async () => {
     username.value = user?.profile?.preferred_username ?? "";
 });
 
-async function createAssignment(): Promise<void> {
-    const cid = selectedClass.value!.id;
-    const assignmentData: Partial<AssignmentDTO> = {
-        within: cid,
-        title: assignmentTitle.value!,
-    };
+onMounted(async () => {
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
+
 
-    assignmentMutation({ cid: cid, data: assignmentData}, {
-        onSuccess: async (classResponse) => {
-            // showSnackbar(t("classCreated"), "success");
-            // const createdClass: ClassDTO = classResponse.class;
-            // code.value = createdClass.id;
-            await assignmentsQuery.refetch();
-        },
-        onError: (err) => {
-            console.log(err);
-            // showSnackbar(t("creationFailed") + ": " + err.message, "error");
-        },
-    });
-}
 </script>
 
 <template>
-    <main>
-        <h1>{{ t("assignments") }}</h1>
-        <div class="loading-div" v-if="isLoading">
-            <v-progress-circular indeterminate></v-progress-circular>
-        </div>
-        <div v-if="isError">
-            <v-empty-state icon="mdi-alert-circle-outline" :text="errorMessage"
-                :title="t('error_title')"></v-empty-state>
-        </div>
-        <div v-else>
-            <using-query-result :query-result="assignmentsQuery"
-                v-slot="assignmentsResponse: { data: AssignmentsResponse }">
-                <v-container fluid class="ma-4">
-                    <v-row no-gutters class="custom-breakpoint">
-                        <v-col cols="12" sm="6" md="6" class="responsive-col">
-                            <v-table class="table">
-                                <thead>
-                                    <tr>
-                                        <th class="header">{{ t("assignment") }}</th>
-                                        <th class="header">
-                                            {{ t("progress") }}
-                                        </th>
-                                        <th class="header">{{ t("deadline") }}</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr v-for="a in assignmentsResponse.data.assignments as AssignmentDTO[]"
-                                        :key="a.id + a.within">
-                                        <td>
-                                            <v-btn :to="`/assignment/${a.within}/${a.id}`" variant="text">
-                                                {{ a.title }}
-                                                <v-icon end> mdi-menu-right </v-icon>
-                                            </v-btn>
-                                        </td>
-                                        <td>
-                                            <v-progress-linear :model-value="0" color="blue-grey" height="25">
-                                                <template v-slot:default="{ value }">
-                                                    <strong>{{ Math.ceil(value) }}%</strong>
-                                                </template>
-                                            </v-progress-linear>
-                                        </td>
-                                        <td>Nov 9, 2025, 06:00 PM EST+1</td>
-                                    </tr>
-                                </tbody>
-                            </v-table>
-                        </v-col>
-                        <v-col cols="12" sm="6" md="6" class="responsive-col">
-                            <div>
-                                <h2>{{ t("createAssignment") }}</h2>
+    <div class="assignments-container">
+        <h1 class="h1">{{ t("assignments") }}</h1>
 
-                                <v-sheet class="pa-4 sheet" max-width="600px">
-                                    <p>{{ t("createClassInstructions") }}</p>
-                                    <v-form @submit.prevent>
-                                        <v-text-field class="mt-4" :label="`${t('title')}`" v-model="assignmentTitle"
-                                            :placeholder="`${t('EnterAssignmentTitle')}`"
-                                            variant="outlined"></v-text-field>
-                                        <using-query-result :query-result="classesQuery"
-                                            v-slot="{ data }: { data: ClassesResponse }">
-                                            <v-card-text class="mt-4">
-                                                <v-combobox class="mt-4" v-model="selectedClass" 
-                                                    :items="data.classes"
-                                                    :label="t('choose-class')"
-                                                    variant="outlined" 
-                                                    clearable 
-                                                    hide-details 
-                                                    density="compact"
-                                                    append-inner-icon="mdi-magnify" 
-                                                    item-title="displayName"
-                                                    item-value="id" 
-                                                    required 
-                                                    :disabled="isClassSelected" 
-                                                    :filter="(item: ClassDTO, query: string) => item.displayName.toLowerCase().includes(query.toLowerCase())"
-                                                >
-                                                </v-combobox>
-                                            </v-card-text>
-                                        </using-query-result>
-                                        <v-btn class="mt-4" color="#f6faf2" type="submit" @click="createAssignment" block>
-                                            {{ t("create")}}
-                                        </v-btn>
-                                    </v-form>
-                                </v-sheet>
+        <v-btn
+            v-if="isTeacher"
+            color="primary"
+            class="mb-4 center-btn"
+            @click="goToCreateAssignment"
+        >
+            {{ t("new-assignment") }}
+        </v-btn>
+
+        <using-query-result
+            :query-result="assignmentsQueryResult"
+        >
+            <v-container>
+                <v-row>
+                    <v-col
+                        v-for="assignment in allAssignments"
+                        :key="assignment.id"
+                        cols="12"
+                    >
+                        <v-card class="assignment-card">
+                            <div class="top-content">
+                                <div class="assignment-title">{{ assignment.title }}</div>
+                                <div class="assignment-class">
+                                    {{ t("class") }}:
+                                    <span class="class-name">
+                                    {{ assignment?.class?.displayName }}
+                                </span>
+                                </div>
+                                <div
+                                    class="assignment-deadline"
+                                    :class="getDeadlineClass(assignment.deadline)"
+                                >
+                                    {{ t("deadline") }}:
+                                    <span>{{ formatDate(assignment.deadline) }}</span>
+                                </div>
                             </div>
-                        </v-col>
-                    </v-row>
-                </v-container>
-            </using-query-result>
-        </div>
-    </main>
 
+                            <div class="spacer"></div>
+
+                            <div class="button-row">
+                                <v-btn
+                                    color="primary"
+                                    variant="text"
+                                    @click="goToAssignmentDetails(assignment.id, assignment?.class?.id)"
+                                >
+                                    {{ t("view-assignment") }}
+                                </v-btn>
+                                <v-btn
+                                    v-if="isTeacher"
+                                    color="red"
+                                    variant="text"
+                                    @click="goToDeleteAssignment(assignment.id, assignment?.class?.id)"
+                                >
+                                    {{ t("delete") }}
+                                </v-btn>
+                            </div>
+                        </v-card>
+                    </v-col>
+                </v-row>
+                <v-row v-if="allAssignments.length === 0">
+                    <v-col cols="12">
+                        <div class="no-assignments">
+                            {{ t("no-assignments") }}
+                        </div>
+                    </v-col>
+                </v-row>
+            </v-container>
+        </using-query-result>
+    </div>
 </template>
 
 <style scoped>
 .assignments-container {
     width: 100%;
     margin: 0 auto;
-    padding: 2% 4%;
     box-sizing: border-box;
 }
 
 .center-btn {
     display: block;
-    margin-left: auto;
-    margin-right: auto;
+    margin: 0 auto 2rem auto;
+    font-weight: 600;
+    background-color: #10ad61;
+    color: white;
+    transition: background-color 0.2s;
+}
+
+.center-btn:hover {
+    background-color: #0e6942;
 }
 
 .assignment-card {
-    padding: 1rem;
+    padding: 1.25rem;
+    border-radius: 16px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    background-color: white;
+    transition: transform 0.2s,
+    box-shadow 0.2s;
+}
+
+.assignment-card:hover {
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
 }
 
 .top-content {
@@ -209,6 +251,35 @@ async function createAssignment(): Promise<void> {
     word-break: break-word;
 }
 
+.assignment-title {
+    font-weight: 700;
+    font-size: 1.4rem;
+    color: #0e6942;
+    margin-bottom: 0.3rem;
+}
+
+.assignment-class,
+.assignment-deadline {
+    font-size: 0.95rem;
+    color: #444;
+    margin-bottom: 0.2rem;
+}
+
+.class-name {
+    font-weight: 600;
+    color: #097180;
+}
+
+.assignment-deadline.deadline-passed {
+    color: #d32f2f;
+    font-weight: bold;
+}
+
+.assignment-deadline.deadline-in24hours {
+    color: #f57c00;
+    font-weight: bold;
+}
+
 .spacer {
     flex: 1;
 }
@@ -216,88 +287,14 @@ async function createAssignment(): Promise<void> {
 .button-row {
     display: flex;
     justify-content: flex-end;
-    gap: 0.5rem;
+    gap: 0.75rem;
     flex-wrap: wrap;
 }
 
-.assignment-title {
-    font-weight: bold;
-    font-size: 1.5rem;
-    margin-bottom: 0.1rem;
-    word-break: break-word;
-}
-
-.assignment-class {
-    color: #666;
-    font-size: 0.95rem;
-}
-
-.class-name {
-    font-weight: 500;
-    color: #333;
-}
-
-.header {
-    font-weight: bold !important;
-    background-color: #0e6942;
-    color: white;
-    padding: 10px;
-}
-
-h1 {
-    color: #0e6942;
-    text-transform: uppercase;
-    font-weight: bolder;
-    padding-top: 2%;
-    font-size: 50px;
-}
-
-h2 {
-    color: #0e6942;
-    font-size: 30px;
-}
-
-.join {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    margin-top: 50px;
-}
-
-.link {
-    color: #0b75bb;
-    text-decoration: underline;
-}
-
-main {
-    margin-left: 30px;
-}
-
-td,
-th {
-    border-bottom: 1px solid #0e6942;
-    border-top: 1px solid #0e6942;
-}
-
-.table {
-    width: 90%;
-    padding-top: 10px;
-    border-collapse: collapse;
-}
-
-table thead th:first-child {
-    border-top-left-radius: 10px;
-}
-
-.table thead th:last-child {
-    border-top-right-radius: 10px;
-}
-
-.table tbody tr:nth-child(odd) {
-    background-color: white;
-}
-
-.table tbody tr:nth-child(even) {
-    background-color: #f6faf2;
+.no-assignments {
+    text-align: center;
+    font-size: 1.2rem;
+    color: #777;
+    padding: 3rem 0;
 }
 </style>

From f83d5b54c01ac9a87e1fe28694bc8b3185f41be2 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Thu, 15 May 2025 23:02:07 +0200
Subject: [PATCH 15/74] feat: bericht in assignment pagina van student als er
 nog geen groepen bestaan

---
 frontend/src/i18n/locale/en.json              |   3 +-
 frontend/src/utils/assignment-utils.ts        |   5 +
 .../views/assignments/StudentAssignment.vue   | 194 ++++++++++--------
 .../views/assignments/TeacherAssignment.vue   |   9 -
 4 files changed, 112 insertions(+), 99 deletions(-)
 create mode 100644 frontend/src/utils/assignment-utils.ts

diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index e4042d09..51b9484b 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -121,5 +121,6 @@
     "invite": "invite",
     "assignmentIndicator": "ASSIGNMENT",
     "searchAllLearningPathsTitle": "Search all learning paths",
-    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths."
+    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths.",
+    "not-in-group-message": "You are not part of a group yet"
 }
diff --git a/frontend/src/utils/assignment-utils.ts b/frontend/src/utils/assignment-utils.ts
new file mode 100644
index 00000000..938f7962
--- /dev/null
+++ b/frontend/src/utils/assignment-utils.ts
@@ -0,0 +1,5 @@
+import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+
+export function calculateProgress(lp: LearningPath): number {
+    return ((lp.amountOfNodes - lp.amountOfNodesLeft) / lp.amountOfNodes) * 100;
+}
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index fb81a265..853994a5 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,75 +1,93 @@
 <script setup lang="ts">
-    import { ref, computed, type Ref } from "vue";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useI18n } from "vue-i18n";
-    import { useAssignmentQuery } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import { asyncComputed } from "@vueuse/core";
-    import { useStudentsByUsernamesQuery } from "@/queries/students.ts";
-    import { useGroupsQuery } from "@/queries/groups.ts";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { Language } from "@/data-objects/language.ts";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+import {ref, computed, watchEffect} from "vue";
+import auth from "@/services/auth/auth-service.ts";
+import {useI18n} from "vue-i18n";
+import {useAssignmentQuery} from "@/queries/assignments.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import type {AssignmentResponse} from "@/controllers/assignments.ts";
+import {asyncComputed} from "@vueuse/core";
+import {useStudentsByUsernamesQuery} from "@/queries/students.ts";
+import {useGroupsQuery} from "@/queries/groups.ts";
+import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import type {Language} from "@/data-objects/language.ts";
+import {calculateProgress} from "@/utils/assignment-utils.ts";
 
-    const props = defineProps<{
-        classId: string;
-        assignmentId: number;
-        useGroupsWithProgress: (
-            groups: Ref<GroupDTO[]>,
-            hruid: Ref<string>,
-            language: Ref<Language>,
-        ) => { groupProgressMap: Map<number, number> };
-    }>();
+const props = defineProps<{
+    classId: string;
+    assignmentId: number;
+}>();
 
-    const { t, locale } = useI18n();
-    const language = ref<Language>(locale.value as Language);
-    const learningPath = ref();
-    // Get the user's username/id
-    const username = asyncComputed(async () => {
-        const user = await auth.loadUser();
-        return user?.profile?.preferred_username ?? undefined;
-    });
+const {t} = useI18n();
+const lang = ref();
+const learningPath = ref();
+// Get the user's username/id
+const username = asyncComputed(async () => {
+    const user = await auth.loadUser();
+    return user?.profile?.preferred_username ?? undefined;
+});
 
-    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+
+
+const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+const group = computed(() => {
+    const groups = groupsQueryResult.data.value?.groups;
+
+    if (!groups) return undefined;
+
+    // Sort by original groupNumber
+    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+    return sortedGroups
+        .map((group, index) => ({
+            ...group,
+            groupNo: index + 1, // Renumbered index
+        }))
+        .find((group) => group.members?.some((m) => m.username === username.value));
+});
+
+
+watchEffect(() => {
     learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+});
 
-    const submitted = ref(false); //TODO: update by fetching submissions and check if group submitted
+const learningPathParams = computed(() => {
+    if (!group.value || !learningPath.value || !lang.value) return undefined;
 
-    const lpQueryResult = useGetLearningPathQuery(
-        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => language.value),
-    );
+    return {
+        forGroup: group.value.groupNumber,
+        assignmentNo: props.assignmentId,
+        classId: props.classId,
+    };
+});
 
-    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    const group = computed(() =>
-        groupsQueryResult?.data.value?.groups.find((group) =>
-            group.members?.some((m) => m.username === username.value),
-        ),
-    );
-
-    const _groupArray = computed(() => (group.value ? [group.value] : []));
-    const progressValue = ref(0);
-    /* Crashes right now cause api data has inexistent hruid TODO: uncomment later and use it in progress bar
-Const {groupProgressMap} = props.useGroupsWithProgress(
-groupArray,
-learningPath,
-language
+const lpQueryResult = useGetLearningPathQuery(
+    () => learningPath.value,
+    () => lang.value,
+    () => learningPathParams.value
 );
-*/
 
-    // Assuming group.value.members is a list of usernames TODO: case when it's StudentDTO's
-    const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as string[]);
+
+const progressColor = computed(() => {
+    const progress = calculateProgress(lpQueryResult.data.value);
+    if (progress >= 100) return "success";
+    if (progress >= 50) return "warning";
+    return "error";
+});
+
+const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as string[] ?? undefined);
 </script>
 
 <template>
     <div class="container">
         <using-query-result
             :query-result="assignmentQueryResult"
-            v-slot="{ data }: { data: AssignmentResponse }"
+            v-slot="assignmentResponse : { data: AssignmentResponse }"
         >
             <v-card
-                v-if="data"
+                v-if="assignmentResponse"
                 class="assignment-card"
             >
                 <div class="top-buttons">
@@ -81,17 +99,11 @@ language
                     >
                         <v-icon>mdi-arrow-left</v-icon>
                     </v-btn>
-
-                    <v-chip
-                        v-if="submitted"
-                        class="ma-2 top-right-btn"
-                        label
-                        color="success"
-                    >
-                        {{ t("submitted") }}
-                    </v-chip>
                 </div>
-                <v-card-title class="text-h4 assignmentTopTitle">{{ data.assignment.title }}</v-card-title>
+                <v-card-title class="text-h4 assignmentTopTitle">{{
+                        assignmentResponse.data.assignment.title
+                    }}
+                </v-card-title>
 
                 <v-card-subtitle class="subtitle-section">
                     <using-query-result
@@ -100,30 +112,31 @@ language
                     >
                         <v-btn
                             v-if="lpData"
-                            :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?forGroup=${group?.groupNumber}&assignmentNo=${assignmentId}&classId=${classId}`"
+                            :to="group ? `/learningPath/${lpData.hruid}/${assignmentResponse.data.assignment?.language}/${lpData.startNode.learningobjectHruid}?forGroup=${0}&assignmentNo=${assignmentId}&classId=${classId}` : undefined"
+                            :disabled="!group"
                             variant="tonal"
                             color="primary"
                         >
                             {{ t("learning-path") }}
                         </v-btn>
+
                     </using-query-result>
                 </v-card-subtitle>
 
                 <v-card-text class="description">
-                    {{ data.assignment.description }}
+                    {{ assignmentResponse.data.assignment.description }}
                 </v-card-text>
                 <v-card-text>
-                    <v-row
-                        align="center"
-                        no-gutters
-                    >
-                        <v-col cols="auto">
-                            <span class="progress-label">{{ t("progress") + ": " }}</span>
-                        </v-col>
-                        <v-col>
+                    <v-card-text>
+                        <h3 class="mb-2">{{ t("progress") }}</h3>
+                        <using-query-result
+                            :query-result="lpQueryResult"
+                            v-slot="{ data: learningPData }"
+                        >
                             <v-progress-linear
-                                :model-value="progressValue"
-                                color="primary"
+                                v-if="group"
+                                :model-value="calculateProgress(learningPData)"
+                                :color="progressColor"
                                 height="20"
                                 class="progress-bar"
                             >
@@ -131,37 +144,40 @@ language
                                     <strong>{{ Math.ceil(value) }}%</strong>
                                 </template>
                             </v-progress-linear>
-                        </v-col>
-                    </v-row>
+                        </using-query-result>
+                    </v-card-text>
                 </v-card-text>
 
                 <v-card-text class="group-section">
                     <h3>{{ t("group") }}</h3>
-                    <div v-if="studentQueries">
+
+                    <div v-if="group && studentQueries">
                         <ul>
                             <li
-                                v-for="student in group?.members"
+                                v-for="student in group.members"
                                 :key="student.username"
                             >
                                 {{ student.firstName + " " + student.lastName }}
                             </li>
                         </ul>
                     </div>
+
+                    <div v-else>
+                        <v-alert type="info" variant="text">
+                            {{ t("not-in-group-message") }}
+                        </v-alert>
+                    </div>
                 </v-card-text>
+
             </v-card>
         </using-query-result>
     </div>
 </template>
 
 <style scoped>
-    @import "@/assets/assignment.css";
+@import "@/assets/assignment.css";
 
-    .progress-label {
-        font-weight: bold;
-        margin-right: 5px;
-    }
-
-    .progress-bar {
-        width: 40%;
-    }
+.progress-bar {
+    width: 40%;
+}
 </style>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 04fea1a6..918c2abe 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -49,15 +49,6 @@
         },
     ];
 
-    const descriptionRules = [
-        (value: string): string | boolean => {
-            if (!value || value.trim() === "") {
-                return "Description cannot be empty.";
-            }
-            return true;
-        },
-    ];
-
     // Get all the groups withing the assignment
     const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
     groups.value = groupsQueryResult.data.value?.groups;

From cc31effd617fc0b894bcc0a65d652a487d534f35 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Fri, 16 May 2025 00:00:39 +0200
Subject: [PATCH 16/74] feat: assignment description en lp editen is mogelijk

---
 frontend/src/components/GroupProgressRow.vue  |  47 ++
 .../src/components/GroupSubmissionStatus.vue  |  37 ++
 frontend/src/queries/assignments.ts           |   2 +-
 .../views/assignments/TeacherAssignment.vue   | 557 +++++++++---------
 4 files changed, 353 insertions(+), 290 deletions(-)
 create mode 100644 frontend/src/components/GroupProgressRow.vue
 create mode 100644 frontend/src/components/GroupSubmissionStatus.vue

diff --git a/frontend/src/components/GroupProgressRow.vue b/frontend/src/components/GroupProgressRow.vue
new file mode 100644
index 00000000..2012d616
--- /dev/null
+++ b/frontend/src/components/GroupProgressRow.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+import { computed } from "vue";
+import type { Language } from "@/data-objects/language.ts";
+import { calculateProgress } from "@/utils/assignment-utils.ts";
+
+const props = defineProps<{
+    groupNumber: number;
+    learningPath: string;
+    language: Language;
+    assignmentId: number;
+    classId: string;
+}>();
+
+const query = useGetLearningPathQuery(
+    () => props.learningPath,
+    () => props.language,
+    () => ({
+        forGroup: props.groupNumber,
+        assignmentNo: props.assignmentId,
+        classId: props.classId,
+    }),
+);
+
+const progress = computed(() => {
+    if (!query.data.value) return 0;
+    return calculateProgress(query.data.value);
+});
+
+const progressColor = computed(() => {
+    if (progress.value < 50) return "error";
+    if (progress.value < 80) return "warning";
+    return "success";
+});
+</script>
+
+<template>
+    <v-progress-linear
+        :model-value="progress"
+        :color="progressColor"
+        height="25"
+    >
+        <template v-slot:default="{ value }">
+            <strong>{{ Math.ceil(value) }}%</strong>
+        </template>
+    </v-progress-linear>
+</template>
diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
new file mode 100644
index 00000000..9c35491d
--- /dev/null
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
+import type { SubmissionsResponse } from "@/controllers/submissions.ts";
+
+const props = defineProps<{
+    group: object;
+    assignmentId: number;
+    classId: string;
+    goToGroupSubmissionLink: (groupNo: number) => void;
+}>();
+
+const { t } = useI18n();
+const submissionsQuery = useAssignmentSubmissionsQuery(
+    () => props.classId,
+    () => props.assignmentId,
+    () => props.group.originalGroupNo,
+    () => true,
+);
+</script>
+
+<template>
+    <using-query-result
+        :query-result="submissionsQuery"
+        v-slot="{ data }: { data: SubmissionsResponse }"
+    >
+        <v-btn
+            :color="data.submissions.length > 0 ? 'green' : 'red'"
+            variant="text"
+            :to="data.submissions.length > 0 ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
+            :disabled="data.submissions.length === 0"
+        >
+            {{ data.submissions.length > 0 ? t("submission") : t("noSubmissionsYet") }}
+        </v-btn>
+    </using-query-result>
+</template>
diff --git a/frontend/src/queries/assignments.ts b/frontend/src/queries/assignments.ts
index eb007bab..b8acabda 100644
--- a/frontend/src/queries/assignments.ts
+++ b/frontend/src/queries/assignments.ts
@@ -181,7 +181,7 @@ export function useAssignmentSubmissionsQuery(
 
     return useQuery({
         queryKey: computed(() => assignmentSubmissionsQueryKey(cid!, an!, f)),
-        queryFn: async () => new AssignmentController(cid!).getSubmissions(gn!, f),
+        queryFn: async () => new AssignmentController(cid!).getSubmissions(an!, f),
         enabled: () => checkEnabled(cid, an, gn),
     });
 }
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 918c2abe..f15bd8dd 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,111 +1,140 @@
 <script setup lang="ts">
-    import { computed, type Ref, ref } from "vue";
-    import { useI18n } from "vue-i18n";
-    import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { useGroupsQuery } from "@/queries/groups.ts";
-    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { Language } from "@/data-objects/language.ts";
-    import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
-    import type { StudentDTO } from "@dwengo-1/common/interfaces/student";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
+import {computed, type Ref, ref, watch, watchEffect} from "vue";
+import {useI18n} from "vue-i18n";
+import {
+    useAssignmentQuery,
+    useDeleteAssignmentMutation,
+    useUpdateAssignmentMutation
+} from "@/queries/assignments.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import {useGroupsQuery} from "@/queries/groups.ts";
+import {useGetAllLearningPaths, useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import type {Language} from "@/data-objects/language.ts";
+import type {AssignmentResponse} from "@/controllers/assignments.ts";
+import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
+import type {LearningPath} from "@/data-objects/learning-paths/learning-path";
+import {descriptionRules, learningPathRules} from "@/utils/assignment-rules.ts";
+import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue"
+import GroupProgressRow from "@/components/GroupProgressRow.vue"
+import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
+import router from "@/router";
 
-    const props = defineProps<{
-        classId: string;
-        assignmentId: number;
-        useGroupsWithProgress: (
-            groups: Ref<GroupDTO[]>,
-            hruid: Ref<string>,
-            language: Ref<Language>,
-        ) => { groupProgressMap: Map<number, number> };
-    }>();
+const props = defineProps<{
+    classId: string;
+    assignmentId: number;
+    useGroupsWithProgress: (
+        groups: Ref<GroupDTO[]>,
+        hruid: Ref<string>,
+        language: Ref<Language>,
+    ) => { groupProgressMap: Map<number, number> };
+}>();
 
-    const isEditing = ref(false);
+const isEditing = ref(false);
 
-    const { t, locale } = useI18n();
-    const language = computed(() => locale.value);
-    const groups = ref();
-    const learningPath = ref();
-    const editingLearningPath = ref(learningPath);
-    const description = ref("");
+const {t} = useI18n();
+const lang = ref();
+const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+const learningPath = ref();
 
-    const assignmentQueryResult = useAssignmentQuery(props.classId, props.assignmentId);
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-    const learningPathsQueryResults = useGetAllLearningPaths(language);
+const editingLearningPath = ref(learningPath);
+const description = ref("");
 
-    // Get learning path object
-    const lpQueryResult = useGetLearningPathQuery(
-        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => language.value as Language),
-    );
 
-    const learningPathRules = [
-        (value: { hruid: string; title: string }): string | boolean => {
-            if (value && value.hruid) {
-                return true; // Valid if hruid is present
-            }
-            return "You must select a learning path.";
-        },
-    ];
-
-    // Get all the groups withing the assignment
-    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    groups.value = groupsQueryResult.data.value?.groups;
-
-    /* Crashes right now cause api data has inexistent hruid TODO: uncomment later and use it in progress bar
-Const {groupProgressMap} = props.useGroupsWithProgress(
-    groups,
-    learningPath,
-    language
+const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+// Get learning path object
+const lpQueryResult = useGetLearningPathQuery(
+    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
 );
-*/
 
-    const allGroups = computed(() => {
-        const groups = groupsQueryResult.data.value?.groups;
-        if (!groups) return [];
+// Get all the groups withing the assignment
+const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-        return groups.map((group) => ({
-            name: `${t("group")} ${group.groupNumber}`,
-            progress: 0, //GroupProgressMap[group.groupNumber],
-            members: group.members,
-            submitted: false, //TODO: fetch from submission
-        }));
-    });
+watchEffect(() => {
+    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+});
 
-    const dialog = ref(false);
-    const selectedGroup = ref({});
+const allGroups = computed(() => {
+    const groups = groupsQueryResult.data.value?.groups;
 
-    function openGroupDetails(group): void {
-        selectedGroup.value = group;
-        dialog.value = true;
-    }
+    if (!groups) return [];
 
-    const headers = computed(() => [
-        { title: t("group"), align: "start", key: "name" },
-        { title: t("progress"), align: "center", key: "progress" },
-        { title: t("submission"), align: "center", key: "submission" },
-    ]);
+    // Sort by original groupNumber
+    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
-    const { mutate } = useDeleteAssignmentMutation();
+    // Assign new sequential numbers starting from 1
+    return sortedGroups.map((group, index) => ({
+        groupNo: index + 1, // New group number that will be used
+        name: `${t("group")} ${index + 1}`,
+        members: group.members,
+        originalGroupNo: group.groupNumber, // Keep original number if needed
+    }));
+});
 
-    async function deleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate(
-            { cid: clsId, an: num },
-            {
-                onSuccess: () => {
-                    window.location.href = "/user/assignment";
-                },
+const dialog = ref(false);
+const selectedGroup = ref({});
+
+function openGroupDetails(group): void {
+    selectedGroup.value = group;
+    dialog.value = true;
+}
+
+async function deleteAssignment(num: number, clsId: string): Promise<void> {
+    const {mutate} = useDeleteAssignmentMutation();
+    mutate(
+        {cid: clsId, an: num},
+        {
+            onSuccess: () => {
+                window.location.href = "/user/assignment";
             },
-        );
-    }
+        },
+    );
+}
 
-    function saveChanges() {
-        //TODO
-        const new_learningpath = editingLearningPath.value;
-        const new_description = description.value;
-        isEditing.value = false;
+function goToLearningPathLink(): string | undefined {
+    const assignment = assignmentQueryResult.data.value?.assignment;
+    const lp = lpQueryResult.data.value;
+
+    if (!assignment || !lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
+function goToGroupSubmissionLink(groupNo: number): string | undefined {
+    const lp = lpQueryResult.data.value;
+    if (!lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
+const learningPathsQueryResults = useGetAllLearningPaths(lang);
+
+const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
+
+watch([isSuccess, data], ([success, newData]) => {
+    if (success && newData?.assignment) {
+        window.location.reload();
     }
+});
+
+async function saveChanges(): Promise<void> {
+    isEditing.value = false;
+    //const { valid } = await form.value.validate();
+    //if (!valid) return;
+
+    const lp = learningPath.value;
+
+    const assignmentDTO: AssignmentDTO = {
+        id: assignmentQueryResult.data.value?.assignment.id,
+        description: description.value,
+        learningPath: lp || "",
+        deadline: new Date(),
+    };
+
+    mutate({ cid: assignmentQueryResult.data.value?.assignment.within, an: assignmentQueryResult.data.value?.assignment.id, data: assignmentDTO });
+}
 </script>
 
 <template>
@@ -162,7 +191,8 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                                             variant="text"
                                             class="top-right-btn"
                                             @click="() => {isEditing = false; editingLearningPath=learningPath}"
-                                            >{{ t("cancel") }}</v-btn
+                                        >{{ t("cancel") }}
+                                        </v-btn
                                         >
 
                                         <v-btn
@@ -193,8 +223,9 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                             </div>
 
                             <v-card-title class="text-h4 assignmentTopTitle">{{
-                                assignmentResponse.data.assignment.title
-                            }}</v-card-title>
+                                    assignmentResponse.data.assignment.title
+                                }}
+                            </v-card-title>
                             <v-card-subtitle
                                 v-if="!isEditing"
                                 class="subtitle-section"
@@ -205,7 +236,7 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                                 >
                                     <v-btn
                                         v-if="lpData"
-                                        :to="`/learningPath/${lpData.hruid}/${language}/${lpData.startNode.learningobjectHruid}?assignmentNo=${assignmentId}&classId=${classId}`"
+                                        :to="goToLearningPathLink()"
                                         variant="tonal"
                                         color="primary"
                                     >
@@ -258,50 +289,6 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                                 ></v-textarea>
                             </v-card-text>
 
-                            <v-card-text class="group-section">
-                                <h3>{{ t("groups") }}</h3>
-                                <div class="table-scroll">
-                                    <v-data-table
-                                        :headers="headers"
-                                        :items="allGroups"
-                                        item-key="id"
-                                        class="elevation-1"
-                                    >
-                                        <template #[`item.name`]="{ item }">
-                                            <v-btn
-                                                @click="openGroupDetails(item)"
-                                                variant="text"
-                                                color="primary"
-                                            >
-                                                {{ item.name }}
-                                            </v-btn>
-                                        </template>
-
-                                        <template #[`item.progress`]="{ item }">
-                                            <v-progress-linear
-                                                :model-value="item.progress"
-                                                color="blue-grey"
-                                                height="25"
-                                            >
-                                                <template v-slot:default="{ value }">
-                                                    <strong>{{ Math.ceil(value) }}%</strong>
-                                                </template>
-                                            </v-progress-linear>
-                                        </template>
-
-                                        <template #[`item.submission`]="{ item }">
-                                            <v-btn
-                                                :to="item.submitted ? `${props.assignmentId}/submissions/` : undefined"
-                                                :color="item.submitted ? 'green' : 'red'"
-                                                variant="text"
-                                                class="text-capitalize"
-                                            >
-                                                {{ item.submitted ? t("see-submission") : t("no-submission") }}
-                                            </v-btn>
-                                        </template>
-                                    </v-data-table>
-                                </div>
-                            </v-card-text>
 
                             <v-dialog
                                 v-model="dialog"
@@ -317,7 +304,7 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                                             >
                                                 <v-list-item-content>
                                                     <v-list-item-title
-                                                        >{{ member.firstName + " " + member.lastName }}
+                                                    >{{ member.firstName + " " + member.lastName }}
                                                     </v-list-item-title>
                                                 </v-list-item-content>
                                             </v-list-item>
@@ -327,22 +314,12 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                                         <v-btn
                                             color="primary"
                                             @click="dialog = false"
-                                            >Close</v-btn
+                                        >Close
+                                        </v-btn
                                         >
                                     </v-card-actions>
                                 </v-card>
                             </v-dialog>
-                            <!--
-                        <v-card-actions class="justify-end">
-                            <v-btn
-                                size="large"
-                                color="success"
-                                variant="text"
-                            >
-                                {{ t("view-submissions") }}
-                            </v-btn>
-                        </v-card-actions>
-                        -->
                         </v-card>
                     </v-col>
                     <v-col
@@ -353,61 +330,63 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
                     >
                         <v-table class="table">
                             <thead>
-                                <tr>
-                                    <th class="header">{{ t("group") }}</th>
-                                    <th class="header">
-                                        {{ t("progress") }}
-                                    </th>
-                                    <th class="header">{{ t("Members") }}</th>
-                                    <th class="header">
-                                        <v-btn
-                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
-                                            variant="text"
-                                        >
-                                            <v-icon> mdi-pencil </v-icon>
-                                        </v-btn>
-                                    </th>
-                                </tr>
+                            <tr>
+                                <th class="header">{{ t("group") }}</th>
+                                <th class="header">{{ t("progress") }}</th>
+                                <th class="header">{{ t("submission") }}</th>
+                                <th class="header">
+                                    <v-icon>mdi-pencil</v-icon>
+                                </th>
+                            </tr>
                             </thead>
                             <tbody>
-                                <tr
-                                    v-for="g in assignmentResponse.data.assignment.groups as GroupDTO[]"
-                                    :key="g.groupNumber"
-                                >
-                                    <td>
-                                        <v-btn
-                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
-                                            variant="text"
-                                        >
-                                            {{ g.groupNumber }}
-                                            <v-icon end> mdi-menu-right </v-icon>
-                                        </v-btn>
-                                    </td>
-                                    <td>
-                                        <v-progress-linear
-                                            :model-value="0"
-                                            color="blue-grey"
-                                            height="25"
-                                        >
-                                            <template v-slot:default="{ value }">
-                                                <strong>{{ Math.ceil(value) }}%</strong>
-                                            </template>
-                                        </v-progress-linear>
-                                    </td>
-                                    <td>
-                                        {{ (g.members! as StudentDTO[]).map((member) => member.username).join(", ") }}
-                                    </td>
-                                    <td>
-                                        <v-btn
-                                            :to="`/assignment/${assignmentResponse.data.assignment.within}/${assignmentResponse.data.assignment.id}`"
-                                            variant="text"
-                                        >
-                                            <v-icon color="red"> mdi-delete </v-icon>
-                                        </v-btn>
-                                    </td>
-                                </tr>
+                            <tr
+                                v-for="g in allGroups"
+                                :key="g.originalGroupNo"
+                            >
+                                <td>
+                                    <v-btn
+                                        @click="openGroupDetails(g)"
+                                        variant="text"
+                                    >
+                                        {{ g.name }}
+                                        <v-icon end>mdi-menu-right</v-icon>
+                                    </v-btn>
+                                </td>
+
+                                <td>
+                                    <GroupProgressRow
+                                        :group-number="g.originalGroupNo"
+                                        :learning-path="learningPath"
+                                        :language="lang"
+                                        :assignment-id="assignmentId"
+                                        :class-id="classId"
+                                    />
+                                </td>
+
+                                <td>
+                                    <GroupSubmissionStatus
+                                        :group="g"
+                                        :assignment-id="assignmentId"
+                                        :class-id="classId"
+                                        :language="lang"
+                                        :go-to-group-submission-link="goToGroupSubmissionLink"
+                                    />
+                                </td>
+
+                                <!-- Edit icon -->
+                                <td>
+                                    <v-btn
+                                        to="/user"
+                                        variant="text"
+                                    >
+                                        <v-icon color="red"> mdi-delete</v-icon>
+                                    </v-btn>
+                                </td>
+                            </tr>
                             </tbody>
                         </v-table>
+
                     </v-col>
                 </v-row>
             </v-container>
@@ -416,112 +395,112 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
 </template>
 
 <style scoped>
-    @import "@/assets/assignment.css";
+@import "@/assets/assignment.css";
 
-    .table-scroll {
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-    }
+.table-scroll {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
 
-    .header {
-        font-weight: bold !important;
-        background-color: #0e6942;
-        color: white;
-        padding: 10px;
-    }
+.header {
+    font-weight: bold !important;
+    background-color: #0e6942;
+    color: white;
+    padding: 10px;
+}
 
-    table thead th:first-child {
-        border-top-left-radius: 10px;
-    }
+table thead th:first-child {
+    border-top-left-radius: 10px;
+}
 
-    .table thead th:last-child {
-        border-top-right-radius: 10px;
-    }
+.table thead th:last-child {
+    border-top-right-radius: 10px;
+}
 
-    .table tbody tr:nth-child(odd) {
-        background-color: white;
-    }
+.table tbody tr:nth-child(odd) {
+    background-color: white;
+}
 
-    .table tbody tr:nth-child(even) {
-        background-color: #f6faf2;
-    }
+.table tbody tr:nth-child(even) {
+    background-color: #f6faf2;
+}
 
-    td,
-    th {
-        border-bottom: 1px solid #0e6942;
-        border-top: 1px solid #0e6942;
-    }
+td,
+th {
+    border-bottom: 1px solid #0e6942;
+    border-top: 1px solid #0e6942;
+}
 
-    .table {
-        width: 90%;
-        padding-top: 10px;
-        border-collapse: collapse;
-    }
+.table {
+    width: 90%;
+    padding-top: 10px;
+    border-collapse: collapse;
+}
 
+h1 {
+    color: #0e6942;
+    text-transform: uppercase;
+    font-weight: bolder;
+    padding-top: 2%;
+    font-size: 50px;
+}
+
+h2 {
+    color: #0e6942;
+    font-size: 30px;
+}
+
+.join {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-top: 50px;
+}
+
+.link {
+    color: #0b75bb;
+    text-decoration: underline;
+}
+
+main {
+    margin-left: 30px;
+}
+
+@media screen and (max-width: 850px) {
     h1 {
-        color: #0e6942;
-        text-transform: uppercase;
-        font-weight: bolder;
-        padding-top: 2%;
-        font-size: 50px;
-    }
-
-    h2 {
-        color: #0e6942;
-        font-size: 30px;
+        text-align: center;
+        padding-left: 0;
     }
 
     .join {
-        display: flex;
-        flex-direction: column;
-        gap: 20px;
-        margin-top: 50px;
+        text-align: center;
+        align-items: center;
+        margin-left: 0;
     }
 
-    .link {
-        color: #0b75bb;
-        text-decoration: underline;
+    .sheet {
+        width: 100%;
     }
 
     main {
-        margin-left: 30px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin: 5px;
     }
 
-    @media screen and (max-width: 850px) {
-        h1 {
-            text-align: center;
-            padding-left: 0;
-        }
-
-        .join {
-            text-align: center;
-            align-items: center;
-            margin-left: 0;
-        }
-
-        .sheet {
-            width: 100%;
-        }
-
-        main {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            margin: 5px;
-        }
-
-        .custom-breakpoint {
-            flex-direction: column !important;
-        }
-
-        .table {
-            width: 100%;
-        }
-
-        .responsive-col {
-            max-width: 100% !important;
-            flex-basis: 100% !important;
-        }
+    .custom-breakpoint {
+        flex-direction: column !important;
     }
+
+    .table {
+        width: 100%;
+    }
+
+    .responsive-col {
+        max-width: 100% !important;
+        flex-basis: 100% !important;
+    }
+}
 </style>

From 936a34b709be1d8e1635d3ee47ea55f3713cb80b Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Fri, 16 May 2025 00:35:30 +0200
Subject: [PATCH 17/74] feat: bezig met edit groups

---
 frontend/package.json                         |   1 +
 .../components/assignments/GroupSelector.vue  | 153 +++---
 .../views/assignments/TeacherAssignment.vue   | 447 ++++++++++--------
 package-lock.json                             |  16 +
 4 files changed, 351 insertions(+), 266 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 0826edae..1699e2b5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -27,6 +27,7 @@
         "vue": "^3.5.13",
         "vue-i18n": "^11.1.2",
         "vue-router": "^4.5.0",
+        "vuedraggable": "^2.24.3",
         "vuetify": "^3.7.12",
         "wait-on": "^8.0.3"
     },
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index d8a16164..a56f7762 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -1,75 +1,114 @@
 <script setup lang="ts">
-    import { ref } from "vue";
-    import { useI18n } from "vue-i18n";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import type { StudentsResponse } from "@/controllers/students.ts";
-    import { useClassStudentsQuery } from "@/queries/classes.ts";
+import { ref, } from "vue";
+import draggable from "vuedraggable";
+import { useI18n } from "vue-i18n";
 
-    const props = defineProps<{
-        classId: string | undefined;
-        groups: string[][];
-    }>();
-    const emit = defineEmits(["groupCreated"]);
-    const { t } = useI18n();
+const props = defineProps<{
+    classId: string | undefined;
+    groups: string[][];
+}>();
+const emit = defineEmits(["done", "groupsUpdated"]);
+const { t } = useI18n();
 
-    const selectedStudents = ref([]);
+const groupList = ref(props.groups.map(g => [...g])); // deep copy
+const unassigned = ref<string[]>([]); // voor vrije studenten
 
-    const studentQueryResult = useClassStudentsQuery(() => props.classId, true);
+function addNewGroup() {
+    groupList.value.push([]);
+}
 
-    function filterStudents(data: StudentsResponse): { title: string; value: string }[] {
-        const students = data.students;
-        const studentsInGroups = props.groups.flat();
+function removeGroup(index: number) {
+    unassigned.value.push(...groupList.value[index]);
+    groupList.value.splice(index, 1);
+}
 
-        return students
-            ?.map((st) => ({
-                title: `${st.firstName} ${st.lastName}`,
-                value: st.username,
-            }))
-            .filter((student) => !studentsInGroups.includes(student.value));
-    }
-
-    function createGroup(): void {
-        if (selectedStudents.value.length) {
-            // Extract only usernames (student.value)
-            const usernames = selectedStudents.value.map((student) => student.value);
-            emit("groupCreated", usernames);
-            selectedStudents.value = []; // Reset selection after creating group
-        }
-    }
+function saveChanges() {
+    emit("groupsUpdated", groupList.value);
+    emit("done");
+}
 </script>
 
 <template>
-    <using-query-result
-        :query-result="studentQueryResult"
-        v-slot="{ data }: { data: StudentsResponse }"
-    >
-        <h3>{{ t("create-groups") }}</h3>
+    <v-card>
+        <v-card-title>{{ t("edit-groups") }}</v-card-title>
         <v-card-text>
-            <v-combobox
-                v-model="selectedStudents"
-                :items="filterStudents(data)"
-                item-title="title"
-                item-value="value"
-                :label="t('choose-students')"
-                variant="outlined"
-                clearable
-                multiple
-                hide-details
-                density="compact"
-                chips
-                append-inner-icon="mdi-magnify"
-            ></v-combobox>
+            <v-row>
+                <!-- Ongegroepeerde studenten -->
+                <v-col cols="12" sm="4">
+                    <h4>{{ t("unassigned") }}</h4>
+                    <draggable
+                        v-model="unassigned"
+                        group="students"
+                        item-key="username"
+                        class="group-box"
+                    >
+                        <template #item="{ element }">
+                            <v-chip>{{ element }}</v-chip>
+                        </template>
+                    </draggable>
+                </v-col>
+
+                <!-- Bestaande groepen -->
+                <v-col
+                    v-for="(group, i) in groupList"
+                    :key="i"
+                    cols="12"
+                    sm="4"
+                >
+                    <h4>{{ t("group") }} {{ i + 1 }}</h4>
+                    <draggable
+                        v-model="groupList[i]"
+                        group="students"
+                        item-key="username"
+                        class="group-box"
+                    >
+                        <template #item="{ element }">
+                            <v-chip>{{ element }}</v-chip>
+                        </template>
+                    </draggable>
+
+                    <v-btn
+                        color="error"
+                        size="x-small"
+                        @click="removeGroup(i)"
+                        class="mt-2"
+                    >
+                        {{ t("remove-group") }}
+                    </v-btn>
+                </v-col>
+            </v-row>
 
             <v-btn
-                @click="createGroup"
                 color="primary"
-                class="mt-2"
-                size="small"
+                class="mt-4"
+                @click="addNewGroup"
             >
-                {{ t("create-group") }}
+                {{ t("add-group") }}
             </v-btn>
         </v-card-text>
-    </using-query-result>
+        <v-card-actions>
+            <v-btn
+                color="success"
+                @click="saveChanges"
+            >
+                {{ t("save") }}
+            </v-btn>
+            <v-btn
+                @click="$emit('done')"
+                variant="text"
+            >
+                {{ t("cancel") }}
+            </v-btn>
+        </v-card-actions>
+    </v-card>
 </template>
 
-<style scoped></style>
+<style scoped>
+.group-box {
+    min-height: 100px;
+    border: 1px dashed #ccc;
+    padding: 8px;
+    margin-bottom: 16px;
+    background-color: #fafafa;
+}
+</style>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index f15bd8dd..81ffae9e 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -17,7 +17,7 @@ import {descriptionRules, learningPathRules} from "@/utils/assignment-rules.ts";
 import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue"
 import GroupProgressRow from "@/components/GroupProgressRow.vue"
 import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
-import router from "@/router";
+import GroupSelector from "@/components/assignments/GroupSelector.vue";
 
 const props = defineProps<{
     classId: string;
@@ -35,9 +35,12 @@ const {t} = useI18n();
 const lang = ref();
 const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
 const learningPath = ref();
+const form = ref();
+
 
 const editingLearningPath = ref(learningPath);
 const description = ref("");
+const editGroups = ref(false);
 
 
 const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
@@ -111,7 +114,7 @@ function goToGroupSubmissionLink(groupNo: number): string | undefined {
 
 const learningPathsQueryResults = useGetAllLearningPaths(lang);
 
-const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
+const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
 
 watch([isSuccess, data], ([success, newData]) => {
     if (success && newData?.assignment) {
@@ -120,9 +123,10 @@ watch([isSuccess, data], ([success, newData]) => {
 });
 
 async function saveChanges(): Promise<void> {
+    const {valid} = await form.value.validate();
+    if (!valid) return;
+
     isEditing.value = false;
-    //const { valid } = await form.value.validate();
-    //if (!valid) return;
 
     const lp = learningPath.value;
 
@@ -133,8 +137,14 @@ async function saveChanges(): Promise<void> {
         deadline: new Date(),
     };
 
-    mutate({ cid: assignmentQueryResult.data.value?.assignment.within, an: assignmentQueryResult.data.value?.assignment.id, data: assignmentDTO });
+    mutate({
+        cid: assignmentQueryResult.data.value?.assignment.within,
+        an: assignmentQueryResult.data.value?.assignment.id,
+        data: assignmentDTO
+    });
 }
+
+
 </script>
 
 <template>
@@ -157,237 +167,256 @@ async function saveChanges(): Promise<void> {
                         md="6"
                         class="responsive-col"
                     >
-                        <v-card
-                            v-if="assignmentResponse"
-                            class="assignment-card"
-                        >
-                            <div class="top-buttons">
-                                <div class="top-buttons-wrapper">
-                                    <v-btn
-                                        icon
-                                        variant="text"
-                                        class="back-btn"
-                                        to="/user/assignment"
-                                    >
-                                        <v-icon>mdi-arrow-left</v-icon>
-                                    </v-btn>
-                                    <div class="right-buttons">
+                        <v-form ref="form" validate-on="submit lazy" @submit.prevent="saveChanges">
+                            <v-card
+                                v-if="assignmentResponse"
+                                class="assignment-card"
+                            >
+                                <div class="top-buttons">
+                                    <div class="top-buttons-wrapper">
                                         <v-btn
-                                            v-if="!isEditing"
                                             icon
                                             variant="text"
-                                            class="top_next_to_right_button"
-                                            @click="
+                                            class="back-btn"
+                                            to="/user/assignment"
+                                        >
+                                            <v-icon>mdi-arrow-left</v-icon>
+                                        </v-btn>
+                                        <div class="right-buttons">
+                                            <v-btn
+                                                v-if="!isEditing"
+                                                icon
+                                                variant="text"
+                                                class="top_next_to_right_button"
+                                                @click="
                                                 () => {
                                                     isEditing = true;
                                                     description = assignmentResponse.data.assignment.description;
                                                 }
                                             "
-                                        >
-                                            <v-icon>mdi-pencil</v-icon>
-                                        </v-btn>
-                                        <v-btn
-                                            v-else
-                                            variant="text"
-                                            class="top-right-btn"
-                                            @click="() => {isEditing = false; editingLearningPath=learningPath}"
-                                        >{{ t("cancel") }}
-                                        </v-btn
-                                        >
+                                            >
+                                                <v-icon>mdi-pencil</v-icon>
+                                            </v-btn>
+                                            <v-btn
+                                                v-else
+                                                variant="text"
+                                                class="top-right-btn"
+                                                @click="() => {isEditing = false; editingLearningPath=learningPath}"
+                                            >{{ t("cancel") }}
+                                            </v-btn
+                                            >
 
-                                        <v-btn
-                                            v-if="!isEditing"
-                                            icon
-                                            variant="text"
-                                            class="top-right-btn"
-                                            @click="
+                                            <v-btn
+                                                v-if="!isEditing"
+                                                icon
+                                                variant="text"
+                                                class="top-right-btn"
+                                                @click="
                                                 deleteAssignment(
                                                     assignmentResponse.data.assignment.id,
                                                     assignmentResponse.data.assignment.within,
                                                 )
                                             "
-                                        >
-                                            <v-icon>mdi-delete</v-icon>
-                                        </v-btn>
-                                        <v-btn
-                                            v-else
-                                            icon
-                                            variant="text"
-                                            class="top_next_to_right_button"
-                                            @click="saveChanges"
-                                        >
-                                            <v-icon>mdi-content-save-edit-outline</v-icon>
-                                        </v-btn>
+                                            >
+                                                <v-icon>mdi-delete</v-icon>
+                                            </v-btn>
+                                            <v-btn
+                                                v-else
+                                                icon
+                                                variant="text"
+                                                class="top_next_to_right_button"
+                                                @click="saveChanges"
+                                            >
+                                                <v-icon>mdi-content-save-edit-outline</v-icon>
+                                            </v-btn>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
 
-                            <v-card-title class="text-h4 assignmentTopTitle">{{
-                                    assignmentResponse.data.assignment.title
-                                }}
-                            </v-card-title>
-                            <v-card-subtitle
-                                v-if="!isEditing"
-                                class="subtitle-section"
-                            >
-                                <using-query-result
-                                    :query-result="lpQueryResult"
-                                    v-slot="{ data: lpData }"
+                                <v-card-title class="text-h4 assignmentTopTitle">{{
+                                        assignmentResponse.data.assignment.title
+                                    }}
+                                </v-card-title>
+                                <v-card-subtitle
+                                    v-if="!isEditing"
+                                    class="subtitle-section"
                                 >
-                                    <v-btn
-                                        v-if="lpData"
-                                        :to="goToLearningPathLink()"
-                                        variant="tonal"
-                                        color="primary"
+                                    <using-query-result
+                                        :query-result="lpQueryResult"
+                                        v-slot="{ data: lpData }"
                                     >
-                                        {{ t("learning-path") }}
-                                    </v-btn>
-                                </using-query-result>
-                            </v-card-subtitle>
-                            <using-query-result
-                                v-else
-                                :query-result="learningPathsQueryResults"
-                                v-slot="{ data }: { data: LearningPath[] }"
-                            >
-                                <v-card-text>
-                                    <v-combobox
-                                        v-model="editingLearningPath"
-                                        :items="data"
-                                        :label="t('choose-lp')"
-                                        :rules="learningPathRules"
-                                        variant="outlined"
-                                        clearable
-                                        hide-details
-                                        density="compact"
-                                        append-inner-icon="mdi-magnify"
-                                        item-title="title"
-                                        item-value="hruid"
-                                        required
-                                        :filter="
+                                        <v-btn
+                                            v-if="lpData"
+                                            :to="goToLearningPathLink()"
+                                            variant="tonal"
+                                            color="primary"
+                                        >
+                                            {{ t("learning-path") }}
+                                        </v-btn>
+                                    </using-query-result>
+                                </v-card-subtitle>
+                                <using-query-result
+                                    v-else
+                                    :query-result="learningPathsQueryResults"
+                                    v-slot="{ data }: { data: LearningPath[] }"
+                                >
+                                    <v-card-text>
+                                        <v-combobox
+                                            v-model="editingLearningPath"
+                                            :items="data"
+                                            :label="t('choose-lp')"
+                                            :rules="learningPathRules"
+                                            variant="outlined"
+                                            clearable
+                                            hide-details
+                                            density="compact"
+                                            append-inner-icon="mdi-magnify"
+                                            item-title="title"
+                                            item-value="hruid"
+                                            required
+                                            :filter="
                                             (item, query: string) =>
                                                 item.title.toLowerCase().includes(query.toLowerCase())
                                         "
-                                    ></v-combobox>
-                                </v-card-text>
-                            </using-query-result>
-
-                            <v-card-text
-                                v-if="!isEditing"
-                                class="description"
-                            >
-                                {{ assignmentResponse.data.assignment.description }}
-                            </v-card-text>
-                            <v-card-text v-else>
-                                <v-textarea
-                                    v-model="description"
-                                    :label="t('description')"
-                                    variant="outlined"
-                                    density="compact"
-                                    auto-grow
-                                    rows="3"
-                                    :rules="descriptionRules"
-                                ></v-textarea>
-                            </v-card-text>
-
-
-                            <v-dialog
-                                v-model="dialog"
-                                max-width="50%"
-                            >
-                                <v-card>
-                                    <v-card-title class="headline">{{ t("members") }}</v-card-title>
-                                    <v-card-text>
-                                        <v-list>
-                                            <v-list-item
-                                                v-for="(member, index) in selectedGroup.members"
-                                                :key="index"
-                                            >
-                                                <v-list-item-content>
-                                                    <v-list-item-title
-                                                    >{{ member.firstName + " " + member.lastName }}
-                                                    </v-list-item-title>
-                                                </v-list-item-content>
-                                            </v-list-item>
-                                        </v-list>
+                                        ></v-combobox>
                                     </v-card-text>
-                                    <v-card-actions>
-                                        <v-btn
-                                            color="primary"
-                                            @click="dialog = false"
-                                        >Close
-                                        </v-btn
+                                </using-query-result>
+
+                                <v-card-text
+                                    v-if="!isEditing"
+                                    class="description"
+                                >
+                                    {{ assignmentResponse.data.assignment.description }}
+                                </v-card-text>
+                                <v-card-text v-else>
+                                    <v-textarea
+                                        v-model="description"
+                                        :label="t('description')"
+                                        variant="outlined"
+                                        density="compact"
+                                        auto-grow
+                                        rows="3"
+                                        :rules="descriptionRules"
+                                    ></v-textarea>
+                                </v-card-text>
+                            </v-card>
+                        </v-form>
+
+                        <!-- A pop up to show group members -->
+                        <v-dialog
+                            v-model="dialog"
+                            max-width="50%"
+                        >
+                            <v-card>
+                                <v-card-title class="headline">{{ t("members") }}</v-card-title>
+                                <v-card-text>
+                                    <v-list>
+                                        <v-list-item
+                                            v-for="(member, index) in selectedGroup.members"
+                                            :key="index"
                                         >
-                                    </v-card-actions>
-                                </v-card>
-                            </v-dialog>
-                        </v-card>
-                    </v-col>
-                    <v-col
-                        cols="12"
-                        sm="6"
-                        md="6"
-                        class="responsive-col"
-                    >
-                        <v-table class="table">
-                            <thead>
-                            <tr>
-                                <th class="header">{{ t("group") }}</th>
-                                <th class="header">{{ t("progress") }}</th>
-                                <th class="header">{{ t("submission") }}</th>
-                                <th class="header">
-                                    <v-icon>mdi-pencil</v-icon>
-                                </th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                            <tr
-                                v-for="g in allGroups"
-                                :key="g.originalGroupNo"
-                            >
-                                <td>
+                                            <v-list-item-content>
+                                                <v-list-item-title
+                                                >{{ member.firstName + " " + member.lastName }}
+                                                </v-list-item-title>
+                                            </v-list-item-content>
+                                        </v-list-item>
+                                    </v-list>
+                                </v-card-text>
+                                <v-card-actions>
                                     <v-btn
-                                        @click="openGroupDetails(g)"
-                                        variant="text"
+                                        color="primary"
+                                        @click="dialog = false"
+                                    >Close
+                                    </v-btn
                                     >
-                                        {{ g.name }}
-                                        <v-icon end>mdi-menu-right</v-icon>
-                                    </v-btn>
-                                </td>
-
-                                <td>
-                                    <GroupProgressRow
-                                        :group-number="g.originalGroupNo"
-                                        :learning-path="learningPath"
-                                        :language="lang"
-                                        :assignment-id="assignmentId"
-                                        :class-id="classId"
-                                    />
-                                </td>
-
-                                <td>
-                                    <GroupSubmissionStatus
-                                        :group="g"
-                                        :assignment-id="assignmentId"
-                                        :class-id="classId"
-                                        :language="lang"
-                                        :go-to-group-submission-link="goToGroupSubmissionLink"
-                                    />
-                                </td>
-
-                                <!-- Edit icon -->
-                                <td>
-                                    <v-btn
-                                        to="/user"
-                                        variant="text"
-                                    >
-                                        <v-icon color="red"> mdi-delete</v-icon>
-                                    </v-btn>
-                                </td>
-                            </tr>
-                            </tbody>
-                        </v-table>
-
+                                </v-card-actions>
+                            </v-card>
+                        </v-dialog>
                     </v-col>
+
+                    <!-- The second column of the screen -->
+                    <template v-if="!editGroups">
+                        <v-col
+                            cols="12"
+                            sm="6"
+                            md="6"
+                            class="responsive-col"
+                        >
+                            <v-table class="table">
+                                <thead>
+                                <tr>
+                                    <th class="header">{{ t("group") }}</th>
+                                    <th class="header">{{ t("progress") }}</th>
+                                    <th class="header">{{ t("submission") }}</th>
+                                    <th class="header">
+                                        <v-btn
+                                            @click="editGroups = true"
+                                            variant="text"
+                                        >
+                                            <v-icon>mdi-pencil</v-icon>
+                                        </v-btn>
+
+                                    </th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr
+                                    v-for="g in allGroups"
+                                    :key="g.originalGroupNo"
+                                >
+                                    <td>
+                                        <v-btn
+                                            @click="openGroupDetails(g)"
+                                            variant="text"
+                                        >
+                                            {{ g.name }}
+                                            <v-icon end>mdi-menu-right</v-icon>
+                                        </v-btn>
+                                    </td>
+
+                                    <td>
+                                        <GroupProgressRow
+                                            :group-number="g.originalGroupNo"
+                                            :learning-path="learningPath"
+                                            :language="lang"
+                                            :assignment-id="assignmentId"
+                                            :class-id="classId"
+                                        />
+                                    </td>
+
+                                    <td>
+                                        <GroupSubmissionStatus
+                                            :group="g"
+                                            :assignment-id="assignmentId"
+                                            :class-id="classId"
+                                            :language="lang"
+                                            :go-to-group-submission-link="goToGroupSubmissionLink"
+                                        />
+                                    </td>
+
+                                    <!-- Edit icon -->
+                                    <td>
+                                        <v-btn
+                                            @click=""
+                                            variant="text"
+                                        >
+                                            <v-icon color="red">mdi-delete</v-icon>
+                                        </v-btn>
+
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </v-table>
+                        </v-col>
+                    </template>
+                    <template v-else>
+                        <GroupSelector
+                            :groups="allGroups"
+                            :class-id="classId"
+                            @groupsUpdated="handleUpdatedGroups"
+                        />
+                    </template>
                 </v-row>
             </v-container>
         </using-query-result>
diff --git a/package-lock.json b/package-lock.json
index d1a3b3a7..51de0bd8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -107,6 +107,7 @@
                 "vue": "^3.5.13",
                 "vue-i18n": "^11.1.2",
                 "vue-router": "^4.5.0",
+                "vuedraggable": "^2.24.3",
                 "vuetify": "^3.7.12",
                 "wait-on": "^8.0.3"
             },
@@ -7599,6 +7600,12 @@
                 "node": ">= 6.0.0"
             }
         },
+        "node_modules/sortablejs": {
+            "version": "1.10.2",
+            "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
+            "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==",
+            "license": "MIT"
+        },
         "node_modules/source-map-js": {
             "version": "1.2.1",
             "license": "BSD-3-Clause",
@@ -8970,6 +8977,15 @@
                 "typescript": ">=5.0.0"
             }
         },
+        "node_modules/vuedraggable": {
+            "version": "2.24.3",
+            "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+            "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+            "license": "MIT",
+            "dependencies": {
+                "sortablejs": "1.10.2"
+            }
+        },
         "node_modules/vuetify": {
             "version": "3.8.2",
             "license": "MIT",

From a3185ed1c1141cb66f5812b11aac98b5f2d62967 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Fri, 16 May 2025 19:45:23 +0200
Subject: [PATCH 18/74] feat: drag and drop en random selection voor groepen

---
 frontend/src/assets/assignment.css            |    3 +-
 frontend/src/components/DwengoTable.vue       |   25 +-
 frontend/src/components/GroupProgressRow.vue  |   58 +-
 .../src/components/GroupSubmissionStatus.vue  |   34 +-
 .../components/assignments/GroupSelector.vue  |  504 ++-
 .../views/assignments/CreateAssignment.vue    |  245 +-
 .../views/assignments/StudentAssignment.vue   |  163 +-
 .../views/assignments/TeacherAssignment.vue   |  555 +--
 .../src/views/assignments/UserAssignments.vue |  403 +-
 package-lock.json                             | 3606 +++++++++++++++--
 10 files changed, 4347 insertions(+), 1249 deletions(-)

diff --git a/frontend/src/assets/assignment.css b/frontend/src/assets/assignment.css
index 35e50792..c23e6585 100644
--- a/frontend/src/assets/assignment.css
+++ b/frontend/src/assets/assignment.css
@@ -30,10 +30,9 @@
     display: flex;
     gap: 0.5rem;
     align-items: center;
-    color: #0e6942
+    color: #0e6942;
 }
 
-
 .group-section {
     margin-top: 2rem;
 }
diff --git a/frontend/src/components/DwengoTable.vue b/frontend/src/components/DwengoTable.vue
index 01490751..b04616e8 100644
--- a/frontend/src/components/DwengoTable.vue
+++ b/frontend/src/components/DwengoTable.vue
@@ -1,7 +1,10 @@
 <template>
     <v-table class="table">
         <thead>
-            <tr v-for="name in columns" :key="column">
+            <tr
+                v-for="name in columns"
+                :key="column"
+            >
                 <th class="header">{{ name }}</th>
             </tr>
         </thead>
@@ -37,13 +40,13 @@
 </template>
 
 <script>
-export default {
-  name: 'columnList',
-  props: {
-    items: {
-      type: Array,
-      required: true
-    }
-  }
-}
-</script>
\ No newline at end of file
+    export default {
+        name: "columnList",
+        props: {
+            items: {
+                type: Array,
+                required: true,
+            },
+        },
+    };
+</script>
diff --git a/frontend/src/components/GroupProgressRow.vue b/frontend/src/components/GroupProgressRow.vue
index 2012d616..2704c494 100644
--- a/frontend/src/components/GroupProgressRow.vue
+++ b/frontend/src/components/GroupProgressRow.vue
@@ -1,37 +1,37 @@
 <script setup lang="ts">
-import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-import { computed } from "vue";
-import type { Language } from "@/data-objects/language.ts";
-import { calculateProgress } from "@/utils/assignment-utils.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { computed } from "vue";
+    import type { Language } from "@/data-objects/language.ts";
+    import { calculateProgress } from "@/utils/assignment-utils.ts";
 
-const props = defineProps<{
-    groupNumber: number;
-    learningPath: string;
-    language: Language;
-    assignmentId: number;
-    classId: string;
-}>();
+    const props = defineProps<{
+        groupNumber: number;
+        learningPath: string;
+        language: Language;
+        assignmentId: number;
+        classId: string;
+    }>();
 
-const query = useGetLearningPathQuery(
-    () => props.learningPath,
-    () => props.language,
-    () => ({
-        forGroup: props.groupNumber,
-        assignmentNo: props.assignmentId,
-        classId: props.classId,
-    }),
-);
+    const query = useGetLearningPathQuery(
+        () => props.learningPath,
+        () => props.language,
+        () => ({
+            forGroup: props.groupNumber,
+            assignmentNo: props.assignmentId,
+            classId: props.classId,
+        }),
+    );
 
-const progress = computed(() => {
-    if (!query.data.value) return 0;
-    return calculateProgress(query.data.value);
-});
+    const progress = computed(() => {
+        if (!query.data.value) return 0;
+        return calculateProgress(query.data.value);
+    });
 
-const progressColor = computed(() => {
-    if (progress.value < 50) return "error";
-    if (progress.value < 80) return "warning";
-    return "success";
-});
+    const progressColor = computed(() => {
+        if (progress.value < 50) return "error";
+        if (progress.value < 80) return "warning";
+        return "success";
+    });
 </script>
 
 <template>
diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index 9c35491d..e733ace7 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
-import type { SubmissionsResponse } from "@/controllers/submissions.ts";
+    import { useI18n } from "vue-i18n";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
+    import type { SubmissionsResponse } from "@/controllers/submissions.ts";
 
-const props = defineProps<{
-    group: object;
-    assignmentId: number;
-    classId: string;
-    goToGroupSubmissionLink: (groupNo: number) => void;
-}>();
+    const props = defineProps<{
+        group: object;
+        assignmentId: number;
+        classId: string;
+        goToGroupSubmissionLink: (groupNo: number) => void;
+    }>();
 
-const { t } = useI18n();
-const submissionsQuery = useAssignmentSubmissionsQuery(
-    () => props.classId,
-    () => props.assignmentId,
-    () => props.group.originalGroupNo,
-    () => true,
-);
+    const { t } = useI18n();
+    const submissionsQuery = useAssignmentSubmissionsQuery(
+        () => props.classId,
+        () => props.assignmentId,
+        () => props.group.originalGroupNo,
+        () => true,
+    );
 </script>
 
 <template>
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index a56f7762..51914cbb 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -1,114 +1,438 @@
 <script setup lang="ts">
-import { ref, } from "vue";
-import draggable from "vuedraggable";
-import { useI18n } from "vue-i18n";
+    import { computed, ref, watch } from "vue";
+    import draggable from "vuedraggable";
+    import { useI18n } from "vue-i18n";
+    import { useClassStudentsQuery } from "@/queries/classes";
 
-const props = defineProps<{
-    classId: string | undefined;
-    groups: string[][];
-}>();
-const emit = defineEmits(["done", "groupsUpdated"]);
-const { t } = useI18n();
+    const props = defineProps<{
+        classId: string | undefined;
+        groups: object[];
+    }>();
+    const emit = defineEmits(["close", "groupsUpdated", "done"]);
+    const { t } = useI18n();
 
-const groupList = ref(props.groups.map(g => [...g])); // deep copy
-const unassigned = ref<string[]>([]); // voor vrije studenten
+    interface StudentItem {
+        username: string;
+        fullName: string;
+    }
 
-function addNewGroup() {
-    groupList.value.push([]);
-}
+    const { data: studentsData } = useClassStudentsQuery(() => props.classId, true);
 
-function removeGroup(index: number) {
-    unassigned.value.push(...groupList.value[index]);
-    groupList.value.splice(index, 1);
-}
+    // Dialog states
+    const activeDialog = ref<"random" | "dragdrop" | null>(null);
 
-function saveChanges() {
-    emit("groupsUpdated", groupList.value);
-    emit("done");
-}
+    // Drag state
+    const draggedItem = ref<{groupIndex: number, studentIndex: number} | null>(null);
+
+    const currentGroups = ref<StudentItem[][]>([]);
+    const unassignedStudents = ref<StudentItem[]>([]);
+    const allStudents = ref<StudentItem[]>([]);
+
+    // Random groups state
+    const groupSize = ref(1);
+    const randomGroupsPreview = ref<StudentItem[][]>([]);
+
+    // Initialize data
+    watch(
+        () => [studentsData.value, props.groups],
+        ([studentsVal, existingGroups]) => {
+            if (!studentsVal) return;
+
+            // Initialize all students
+            allStudents.value = studentsVal.students.map((s) => ({
+                username: s.username,
+                fullName: `${s.firstName} ${s.lastName}`,
+            }));
+
+            // Initialize groups if they exist
+            if (existingGroups && existingGroups.length > 0) {
+                currentGroups.value = existingGroups.map((g) => [...g.members]);
+                const assignedUsernames = new Set(
+                    existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
+                );
+                unassignedStudents.value = allStudents.value.filter((s) => !assignedUsernames.has(s.username));
+            } else {
+                // Default to all students unassigned
+                currentGroups.value = [];
+                unassignedStudents.value = [...allStudents.value];
+            }
+
+            // Initialize random preview with current groups
+            randomGroupsPreview.value = [...currentGroups.value];
+        },
+        { immediate: true },
+    );
+
+    // Random groups functions
+    function generateRandomGroups() {
+        if (groupSize.value < 1) return;
+
+        // Shuffle students
+        const shuffled = [...allStudents.value].sort(() => Math.random() - 0.5);
+
+        // Create new groups
+        const newGroups: StudentItem[][] = [];
+        const groupCount = Math.ceil(shuffled.length / groupSize.value);
+
+        for (let i = 0; i < groupCount; i++) {
+            newGroups.push([]);
+        }
+
+        // Distribute students
+        shuffled.forEach((student, index) => {
+            const groupIndex = index % groupCount;
+            newGroups[groupIndex].push(student);
+        });
+
+        randomGroupsPreview.value = newGroups;
+    }
+
+    function saveRandomGroups() {
+        if (randomGroupsPreview.value.length === 0) {
+            alert(t("please-generate-groups-first"));
+            return;
+        }
+
+        emit(
+            "groupsUpdated",
+            randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
+        );
+        activeDialog.value = null;
+        emit("done");
+        emit("close");
+    }
+
+    // Drag and drop functions
+    function addNewGroup() {
+        currentGroups.value.push([]);
+    }
+
+    function removeGroup(index: number) {
+        // Move students back to unassigned
+        unassignedStudents.value.push(...currentGroups.value[index]);
+        currentGroups.value.splice(index, 1);
+    }
+
+    // Native Drag & Drop Handlers
+    function handleDragStart(groupIndex: number, studentIndex: number) {
+        draggedItem.value = { groupIndex, studentIndex };
+    }
+
+    function handleDragOver(e: DragEvent, _: number) {
+        e.preventDefault();
+        e.dataTransfer!.dropEffect = "move";
+    }
+
+    function handleDrop(e: DragEvent, targetGroupIndex: number, targetStudentIndex?: number) {
+        e.preventDefault();
+        if (!draggedItem.value) return;
+
+        const { groupIndex: sourceGroupIndex, studentIndex: sourceStudentIndex } = draggedItem.value;
+        const isSameGroup = sourceGroupIndex === targetGroupIndex;
+
+        let sourceArray, targetArray;
+
+        // Determine source and target arrays
+        if (sourceGroupIndex === -1) {
+            sourceArray = unassignedStudents.value;
+        } else {
+            sourceArray = currentGroups.value[sourceGroupIndex];
+        }
+
+        if (targetGroupIndex === -1) {
+            targetArray = unassignedStudents.value;
+        } else {
+            targetArray = currentGroups.value[targetGroupIndex];
+        }
+
+        // Remove from source
+        const [movedStudent] = sourceArray.splice(sourceStudentIndex, 1);
+
+        // Add to target
+        if (targetStudentIndex !== undefined) {
+            targetArray.splice(targetStudentIndex, 0, movedStudent);
+        } else {
+            targetArray.push(movedStudent);
+        }
+
+        draggedItem.value = null;
+    }
+
+
+    function saveDragDrop() {
+        if (unassignedStudents.value.length > 0) {
+            alert(t("please-assign-all-students"));
+            return;
+        }
+
+        emit(
+            "groupsUpdated",
+            currentGroups.value.map((g) => g.map((s) => s.username)),
+        );
+        activeDialog.value = null;
+        emit("done");
+        emit("close");
+    }
+
+    // Preview current groups in the main view
+    const showGroupsPreview = computed(() => {
+        return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
+    });
+
+    function removeStudent(groupIndex, student) {
+        const group = currentGroups.value[groupIndex];
+        currentGroups.value[groupIndex] = group.filter((s) => s.username !== student.username);
+        unassignedStudents.value.push(student);
+    }
 </script>
 
 <template>
-    <v-card>
-        <v-card-title>{{ t("edit-groups") }}</v-card-title>
-        <v-card-text>
-            <v-row>
-                <!-- Ongegroepeerde studenten -->
-                <v-col cols="12" sm="4">
-                    <h4>{{ t("unassigned") }}</h4>
-                    <draggable
-                        v-model="unassigned"
-                        group="students"
-                        item-key="username"
-                        class="group-box"
+    <v-card class="pa-4">
+        <!-- Current Groups Preview -->
+        <div
+            v-if="showGroupsPreview"
+            class="mb-6"
+        >
+            <h3 class="mb-2">{{ t("current-groups") }}</h3>
+            <div
+                v-for="(group, index) in currentGroups"
+                :key="'preview-' + index"
+                class="mb-3"
+            >
+                <div class="d-flex align-center">
+                    <strong class="mr-2">{{ t("group") }} {{ index + 1 }}:</strong>
+                    <span class="text-caption">({{ group.length }} {{ t("members") }})</span>
+                </div>
+                <div class="d-flex flex-wrap">
+                    <v-chip
+                        v-for="student in group"
+                        :key="student.username"
+                        class="ma-1"
                     >
-                        <template #item="{ element }">
-                            <v-chip>{{ element }}</v-chip>
-                        </template>
-                    </draggable>
-                </v-col>
+                        {{ student.fullName }}
+                    </v-chip>
+                </div>
+            </div>
 
-                <!-- Bestaande groepen -->
-                <v-col
-                    v-for="(group, i) in groupList"
-                    :key="i"
-                    cols="12"
-                    sm="4"
-                >
-                    <h4>{{ t("group") }} {{ i + 1 }}</h4>
-                    <draggable
-                        v-model="groupList[i]"
-                        group="students"
-                        item-key="username"
-                        class="group-box"
-                    >
-                        <template #item="{ element }">
-                            <v-chip>{{ element }}</v-chip>
-                        </template>
-                    </draggable>
-
-                    <v-btn
-                        color="error"
-                        size="x-small"
-                        @click="removeGroup(i)"
-                        class="mt-2"
-                    >
-                        {{ t("remove-group") }}
-                    </v-btn>
-                </v-col>
-            </v-row>
+            <div
+                v-if="unassignedStudents.length > 0"
+                class="mt-3"
+            >
+                <strong>{{ t("unassigned") }}:</strong>
+                <div class="d-flex flex-wrap">
+                    <label>{{unassignedStudents.length}}</label>
+                </div>
+            </div>
+        </div>
 
+        <!-- Action Buttons -->
+        <v-row
+            justify="center"
+            class="mb-4"
+        >
             <v-btn
                 color="primary"
-                class="mt-4"
-                @click="addNewGroup"
+                @click="activeDialog = 'random'"
             >
-                {{ t("add-group") }}
-            </v-btn>
-        </v-card-text>
-        <v-card-actions>
-            <v-btn
-                color="success"
-                @click="saveChanges"
-            >
-                {{ t("save") }}
+                {{ t("randomly-create-groups") }}
             </v-btn>
             <v-btn
-                @click="$emit('done')"
-                variant="text"
+                color="secondary"
+                class="ml-4"
+                @click="activeDialog = 'dragdrop'"
             >
-                {{ t("cancel") }}
+                {{ t("drag-and-drop") }}
             </v-btn>
-        </v-card-actions>
+        </v-row>
+
+        <!-- Random Groups Dialog -->
+        <v-dialog
+            :model-value="activeDialog === 'random'"
+            @update:model-value="(val) => (val ? (activeDialog = 'random') : (activeDialog = null))"
+            max-width="600"
+        >
+            <v-card>
+                <v-card-title>{{ t("randomly-create-groups") }}</v-card-title>
+                <v-card-text>
+                    <v-row align="center">
+                        <v-col cols="6">
+                            <v-text-field
+                                v-model.number="groupSize"
+                                type="number"
+                                min="1"
+                                :max="allStudents.length"
+                                :label="t('group-size-label')"
+                                dense
+                            />
+                        </v-col>
+                        <v-col cols="6">
+                            <v-btn
+                                color="primary"
+                                @click="generateRandomGroups"
+                                :disabled="groupSize < 1"
+                                block
+                            >
+                                {{ t("generate-groups") }}
+                            </v-btn>
+                        </v-col>
+                    </v-row>
+
+                    <div class="mt-4">
+                        <div class="d-flex justify-space-between align-center mb-2">
+                            <strong>{{ t("preview") }}</strong>
+                            <span class="text-caption"> {{ randomGroupsPreview.length }} {{ t("groups") }} </span>
+                        </div>
+
+                        <v-expansion-panels>
+                            <v-expansion-panel
+                                v-for="(group, index) in randomGroupsPreview"
+                                :key="'random-preview-' + index"
+                            >
+                                <v-expansion-panel-title>
+                                    {{ t("group") }} {{ index + 1 }} ({{ group.length }} {{ t("members") }})
+                                </v-expansion-panel-title>
+                                <v-expansion-panel-text>
+                                    <v-chip
+                                        v-for="student in group"
+                                        :key="student.username"
+                                        class="ma-1"
+                                    >
+                                        {{ student.fullName }}
+                                    </v-chip>
+                                </v-expansion-panel-text>
+                            </v-expansion-panel>
+                        </v-expansion-panels>
+                    </div>
+                </v-card-text>
+
+                <v-card-actions>
+                    <v-spacer />
+                    <v-btn
+                        text
+                        @click="activeDialog = null"
+                        >{{ t("cancel") }}</v-btn
+                    >
+                    <v-btn
+                        color="success"
+                        @click="saveRandomGroups"
+                        :disabled="randomGroupsPreview.length === 0"
+                    >
+                        {{ t("save") }}
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
+
+        <!-- Drag and Drop Dialog -->
+        <v-dialog
+            :model-value="activeDialog === 'dragdrop'"
+            @update:model-value="(val) => (val ? (activeDialog = 'dragdrop') : (activeDialog = null))"
+            max-width="900"
+        >
+            <v-card>
+                <v-card-title class="d-flex justify-space-between align-center">
+                    <div>{{ t("drag-and-drop") }}</div>
+                    <v-btn color="primary" small @click="addNewGroup">+</v-btn>
+                </v-card-title>
+
+                <v-card-text>
+                    <v-row>
+                        <!-- Groups Column -->
+                        <v-col cols="12" md="8">
+                            <div v-if="currentGroups.length === 0" class="text-center py-4">
+                                <v-alert type="info">{{ t("no-groups-yet") }}</v-alert>
+                            </div>
+
+                            <template v-else>
+                                <div
+                                    v-for="(group, groupIndex) in currentGroups"
+                                    :key="groupIndex"
+                                    class="mb-4"
+                                    @dragover.prevent="handleDragOver($event, groupIndex)"
+                                    @drop="handleDrop($event, groupIndex)"
+                                >
+                                    <div class="d-flex justify-space-between align-center mb-2">
+                                        <strong>{{ t("group") }} {{ groupIndex + 1 }}</strong>
+                                        <v-btn icon small color="error" @click="removeGroup(groupIndex)">
+                                            <v-icon>mdi-delete</v-icon>
+                                        </v-btn>
+                                    </div>
+
+                                    <div class="group-box pa-2">
+                                        <div
+                                            v-for="(student, studentIndex) in group"
+                                            :key="student.username"
+                                            class="draggable-item ma-1"
+                                            draggable="true"
+                                            @dragstart="handleDragStart(groupIndex, studentIndex)"
+                                            @dragover.prevent="handleDragOver($event, groupIndex)"
+                                            @drop="handleDrop($event, groupIndex, studentIndex)"
+                                        >
+                                            <v-chip close @click:close="removeStudent(groupIndex, student)">
+                                                {{ student.fullName }}
+                                            </v-chip>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </v-col>
+
+                        <!-- Unassigned Students Column -->
+                        <v-col
+                            cols="12"
+                            md="4"
+                            @dragover.prevent="handleDragOver($event, -1)"
+                            @drop="handleDrop($event, -1)"
+                        >
+                            <div class="mb-2">
+                                <strong>{{ t("unassigned") }}</strong>
+                                <span class="text-caption ml-2">({{ unassignedStudents.length }})</span>
+                            </div>
+
+                            <div class="group-box pa-2">
+                                <div
+                                    v-for="(student, studentIndex) in unassignedStudents"
+                                    :key="student.username"
+                                    class="draggable-item ma-1"
+                                    draggable="true"
+                                    @dragstart="handleDragStart(-1, studentIndex)"
+                                    @dragover.prevent="handleDragOver($event, -1)"
+                                    @drop="handleDrop($event, -1, studentIndex)"
+                                >
+                                    <v-chip>{{ student.fullName }}</v-chip>
+                                </div>
+                            </div>
+                        </v-col>
+                    </v-row>
+                </v-card-text>
+
+                <v-card-actions>
+                    <v-spacer />
+                    <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
+                    <v-btn
+                        color="primary"
+                        @click="saveDragDrop"
+                        :disabled="unassignedStudents.length > 0"
+                    >
+                        {{ t("save") }}
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+        </v-dialog>
     </v-card>
 </template>
 
 <style scoped>
-.group-box {
-    min-height: 100px;
-    border: 1px dashed #ccc;
-    padding: 8px;
-    margin-bottom: 16px;
-    background-color: #fafafa;
-}
+    .group-box {
+        min-height: 150px;
+        max-height: 300px;
+        overflow-y: auto;
+        background-color: #fafafa;
+        border-radius: 4px;
+    }
+
+    .v-expansion-panel-text {
+        max-height: 200px;
+        overflow-y: auto;
+    }
 </style>
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index ffdab02e..7990a788 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,72 +1,72 @@
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import { computed, onMounted, ref, watch } from "vue";
-import { assignmentTitleRules, classRules, learningPathRules } from "@/utils/assignment-rules.ts";
-import auth from "@/services/auth/auth-service.ts";
-import { useTeacherClassesQuery } from "@/queries/teachers.ts";
-import { useRouter, useRoute } from "vue-router";
-import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-import type { ClassesResponse } from "@/controllers/classes.ts";
-import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
+    import { useI18n } from "vue-i18n";
+    import { computed, onMounted, ref, watch } from "vue";
+    import { assignmentTitleRules, classRules, learningPathRules } from "@/utils/assignment-rules.ts";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useTeacherClassesQuery } from "@/queries/teachers.ts";
+    import { useRouter, useRoute } from "vue-router";
+    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import type { ClassesResponse } from "@/controllers/classes.ts";
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+    import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
 
-const route = useRoute();
-const router = useRouter();
-const { t, locale } = useI18n();
-const role = ref(auth.authState.activeRole);
-const username = ref<string>("");
+    const route = useRoute();
+    const router = useRouter();
+    const { t, locale } = useI18n();
+    const role = ref(auth.authState.activeRole);
+    const username = ref<string>("");
 
-onMounted(async () => {
-    if (role.value === "student") {
-        await router.push("/user");
+    onMounted(async () => {
+        if (role.value === "student") {
+            await router.push("/user");
+        }
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
+
+    const language = computed(() => locale.value);
+    const form = ref();
+
+    const learningPathsQueryResults = useGetAllLearningPaths(language);
+    const classesQueryResults = useTeacherClassesQuery(username, true);
+
+    const selectedClass = ref(undefined);
+    const assignmentTitle = ref("");
+    const selectedLearningPath = ref(route.query.hruid || undefined);
+    const lpIsSelected = route.query.hruid !== undefined;
+
+    const { mutate, data, isSuccess } = useCreateAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, newData]) => {
+        if (success && newData?.assignment) {
+            await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
+        }
+    });
+
+    async function submitFormHandler(): Promise<void> {
+        const { valid } = await form.value.validate();
+        if (!valid) return;
+
+        let lp = selectedLearningPath.value;
+        if (!lpIsSelected) {
+            lp = selectedLearningPath.value?.hruid;
+        }
+
+        const assignmentDTO: AssignmentDTO = {
+            id: 0,
+            within: selectedClass.value?.id || "",
+            title: assignmentTitle.value,
+            description: "",
+            learningPath: lp || "",
+            deadline: new Date(),
+            language: language.value,
+            groups: [],
+        };
+
+        mutate({ cid: assignmentDTO.within, data: assignmentDTO });
     }
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
-
-const language = computed(() => locale.value);
-const form = ref();
-
-const learningPathsQueryResults = useGetAllLearningPaths(language);
-const classesQueryResults = useTeacherClassesQuery(username, true);
-
-const selectedClass = ref(undefined);
-const assignmentTitle = ref("");
-const selectedLearningPath = ref(route.query.hruid || undefined);
-const lpIsSelected = route.query.hruid !== undefined;
-
-const { mutate, data, isSuccess } = useCreateAssignmentMutation();
-
-watch([isSuccess, data], async ([success, newData]) => {
-    if (success && newData?.assignment) {
-        await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
-    }
-});
-
-async function submitFormHandler(): Promise<void> {
-    const { valid } = await form.value.validate();
-    if (!valid) return;
-
-    let lp = selectedLearningPath.value;
-    if (!lpIsSelected) {
-        lp = selectedLearningPath.value?.hruid;
-    }
-
-    const assignmentDTO: AssignmentDTO = {
-        id: 0,
-        within: selectedClass.value?.id || "",
-        title: assignmentTitle.value,
-        description: "",
-        learningPath: lp || "",
-        deadline: new Date(),
-        language: language.value,
-        groups: [],
-    };
-
-    mutate({ cid: assignmentDTO.within, data: assignmentDTO });
-}
 </script>
 
 <template>
@@ -74,9 +74,13 @@ async function submitFormHandler(): Promise<void> {
         <h1 class="h1">{{ t("new-assignment") }}</h1>
 
         <v-card class="form-card elevation-2 pa-6">
-            <v-form ref="form" class="form-container" validate-on="submit lazy" @submit.prevent="submitFormHandler">
+            <v-form
+                ref="form"
+                class="form-container"
+                validate-on="submit lazy"
+                @submit.prevent="submitFormHandler"
+            >
                 <v-container class="step-container pa-0">
-
                     <!-- Titel veld -->
                     <v-text-field
                         v-model="assignmentTitle"
@@ -90,7 +94,10 @@ async function submitFormHandler(): Promise<void> {
                     />
 
                     <!-- Learning Path keuze -->
-                    <using-query-result :query-result="learningPathsQueryResults" v-slot="{ data }: { data: LearningPath[] }">
+                    <using-query-result
+                        :query-result="learningPathsQueryResults"
+                        v-slot="{ data }: { data: LearningPath[] }"
+                    >
                         <v-combobox
                             v-model="selectedLearningPath"
                             :items="data"
@@ -111,7 +118,10 @@ async function submitFormHandler(): Promise<void> {
                     </using-query-result>
 
                     <!-- Klas keuze -->
-                    <using-query-result :query-result="classesQueryResults" v-slot="{ data }: { data: ClassesResponse }">
+                    <using-query-result
+                        :query-result="classesQueryResults"
+                        v-slot="{ data }: { data: ClassesResponse }"
+                    >
                         <v-combobox
                             v-model="selectedClass"
                             :items="data?.classes ?? []"
@@ -153,7 +163,6 @@ async function submitFormHandler(): Promise<void> {
                             {{ t("cancel") }}
                         </v-btn>
                     </div>
-
                 </v-container>
             </v-form>
         </v-card>
@@ -161,65 +170,59 @@ async function submitFormHandler(): Promise<void> {
 </template>
 
 <style scoped>
-.main-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: start;
-    padding-top: 32px;
-    text-align: center;
-}
+    .main-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: start;
+        padding-top: 32px;
+        text-align: center;
+    }
 
-.form-card {
-    width: 100%;
-    max-width: 720px;
-    border-radius: 16px;
-}
-
-.form-container {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-    width: 100%;
-}
-
-.step-container {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-}
-
-@media (max-width: 1000px) {
     .form-card {
-        width: 85%;
-        padding: 1%;
+        width: 100%;
+        max-width: 720px;
+        border-radius: 16px;
     }
 
-}
-
-@media (max-width: 600px) {
-
-    h1 {
-        font-size: 32px;
-        text-align: center;
-        margin-left: 0;
+    .form-container {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        width: 100%;
     }
-}
 
-@media (max-width: 400px) {
-
-    h1 {
-        font-size: 24px;
-        text-align: center;
-        margin-left: 0;
+    .step-container {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
     }
-}
 
-.v-card {
-    border: 2px solid #0e6942;
-    border-radius: 12px;
-}
+    @media (max-width: 1000px) {
+        .form-card {
+            width: 85%;
+            padding: 1%;
+        }
+    }
 
+    @media (max-width: 600px) {
+        h1 {
+            font-size: 32px;
+            text-align: center;
+            margin-left: 0;
+        }
+    }
 
+    @media (max-width: 400px) {
+        h1 {
+            font-size: 24px;
+            text-align: center;
+            margin-left: 0;
+        }
+    }
+
+    .v-card {
+        border: 2px solid #0e6942;
+        border-radius: 12px;
+    }
 </style>
-
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 853994a5..24ba7e83 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,90 +1,87 @@
 <script setup lang="ts">
-import {ref, computed, watchEffect} from "vue";
-import auth from "@/services/auth/auth-service.ts";
-import {useI18n} from "vue-i18n";
-import {useAssignmentQuery} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import type {AssignmentResponse} from "@/controllers/assignments.ts";
-import {asyncComputed} from "@vueuse/core";
-import {useStudentsByUsernamesQuery} from "@/queries/students.ts";
-import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import {calculateProgress} from "@/utils/assignment-utils.ts";
+    import { ref, computed, watchEffect } from "vue";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useI18n } from "vue-i18n";
+    import { useAssignmentQuery } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import type { AssignmentResponse } from "@/controllers/assignments.ts";
+    import { asyncComputed } from "@vueuse/core";
+    import { useStudentsByUsernamesQuery } from "@/queries/students.ts";
+    import { useGroupsQuery } from "@/queries/groups.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import { calculateProgress } from "@/utils/assignment-utils.ts";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+    }>();
 
-const {t} = useI18n();
-const lang = ref();
-const learningPath = ref();
-// Get the user's username/id
-const username = asyncComputed(async () => {
-    const user = await auth.loadUser();
-    return user?.profile?.preferred_username ?? undefined;
-});
+    const { t } = useI18n();
+    const lang = ref();
+    const learningPath = ref();
+    // Get the user's username/id
+    const username = asyncComputed(async () => {
+        const user = await auth.loadUser();
+        return user?.profile?.preferred_username ?? undefined;
+    });
 
-const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-
-
-const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-const group = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return undefined;
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    return sortedGroups
-        .map((group, index) => ({
-            ...group,
-            groupNo: index + 1, // Renumbered index
-        }))
-        .find((group) => group.members?.some((m) => m.username === username.value));
-});
-
-
-watchEffect(() => {
+    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
     learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-});
 
-const learningPathParams = computed(() => {
-    if (!group.value || !learningPath.value || !lang.value) return undefined;
+    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    const group = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-    return {
-        forGroup: group.value.groupNumber,
-        assignmentNo: props.assignmentId,
-        classId: props.classId,
-    };
-});
+        if (!groups) return undefined;
 
-const lpQueryResult = useGetLearningPathQuery(
-    () => learningPath.value,
-    () => lang.value,
-    () => learningPathParams.value
-);
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
+        return sortedGroups
+            .map((group, index) => ({
+                ...group,
+                groupNo: index + 1, // Renumbered index
+            }))
+            .find((group) => group.members?.some((m) => m.username === username.value));
+    });
 
-const progressColor = computed(() => {
-    const progress = calculateProgress(lpQueryResult.data.value);
-    if (progress >= 100) return "success";
-    if (progress >= 50) return "warning";
-    return "error";
-});
+    watchEffect(() => {
+        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+    });
 
-const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as string[] ?? undefined);
+    const learningPathParams = computed(() => {
+        if (!group.value || !learningPath.value || !lang.value) return undefined;
+
+        return {
+            forGroup: group.value.groupNumber,
+            assignmentNo: props.assignmentId,
+            classId: props.classId,
+        };
+    });
+
+    const lpQueryResult = useGetLearningPathQuery(
+        () => learningPath.value,
+        () => lang.value,
+        () => learningPathParams.value,
+    );
+
+    const progressColor = computed(() => {
+        const progress = calculateProgress(lpQueryResult.data.value);
+        if (progress >= 100) return "success";
+        if (progress >= 50) return "warning";
+        return "error";
+    });
+
+    const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members as string[]) ?? undefined);
 </script>
 
 <template>
     <div class="container">
         <using-query-result
             :query-result="assignmentQueryResult"
-            v-slot="assignmentResponse : { data: AssignmentResponse }"
+            v-slot="assignmentResponse: { data: AssignmentResponse }"
         >
             <v-card
                 v-if="assignmentResponse"
@@ -100,9 +97,8 @@ const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as
                         <v-icon>mdi-arrow-left</v-icon>
                     </v-btn>
                 </div>
-                <v-card-title class="text-h4 assignmentTopTitle">{{
-                        assignmentResponse.data.assignment.title
-                    }}
+                <v-card-title class="text-h4 assignmentTopTitle"
+                    >{{ assignmentResponse.data.assignment.title }}
                 </v-card-title>
 
                 <v-card-subtitle class="subtitle-section">
@@ -112,14 +108,17 @@ const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as
                     >
                         <v-btn
                             v-if="lpData"
-                            :to="group ? `/learningPath/${lpData.hruid}/${assignmentResponse.data.assignment?.language}/${lpData.startNode.learningobjectHruid}?forGroup=${0}&assignmentNo=${assignmentId}&classId=${classId}` : undefined"
+                            :to="
+                                group
+                                    ? `/learningPath/${lpData.hruid}/${assignmentResponse.data.assignment?.language}/${lpData.startNode.learningobjectHruid}?forGroup=${0}&assignmentNo=${assignmentId}&classId=${classId}`
+                                    : undefined
+                            "
                             :disabled="!group"
                             variant="tonal"
                             color="primary"
                         >
                             {{ t("learning-path") }}
                         </v-btn>
-
                     </using-query-result>
                 </v-card-subtitle>
 
@@ -163,21 +162,23 @@ const studentQueries = useStudentsByUsernamesQuery(() => group.value?.members as
                     </div>
 
                     <div v-else>
-                        <v-alert type="info" variant="text">
+                        <v-alert
+                            type="info"
+                            variant="text"
+                        >
                             {{ t("not-in-group-message") }}
                         </v-alert>
                     </div>
                 </v-card-text>
-
             </v-card>
         </using-query-result>
     </div>
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.progress-bar {
-    width: 40%;
-}
+    .progress-bar {
+        width: 40%;
+    }
 </style>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 81ffae9e..230b54f2 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,150 +1,146 @@
 <script setup lang="ts">
-import {computed, type Ref, ref, watch, watchEffect} from "vue";
-import {useI18n} from "vue-i18n";
-import {
-    useAssignmentQuery,
-    useDeleteAssignmentMutation,
-    useUpdateAssignmentMutation
-} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetAllLearningPaths, useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import type {AssignmentResponse} from "@/controllers/assignments.ts";
-import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import type {LearningPath} from "@/data-objects/learning-paths/learning-path";
-import {descriptionRules, learningPathRules} from "@/utils/assignment-rules.ts";
-import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue"
-import GroupProgressRow from "@/components/GroupProgressRow.vue"
-import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
-import GroupSelector from "@/components/assignments/GroupSelector.vue";
+    import { computed, type Ref, ref, watch, watchEffect } from "vue";
+    import { useI18n } from "vue-i18n";
+    import {
+        useAssignmentQuery,
+        useDeleteAssignmentMutation,
+        useUpdateAssignmentMutation,
+    } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useGroupsQuery } from "@/queries/groups.ts";
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import type { AssignmentResponse } from "@/controllers/assignments.ts";
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
+    import { descriptionRules, learningPathRules } from "@/utils/assignment-rules.ts";
+    import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
+    import GroupProgressRow from "@/components/GroupProgressRow.vue";
+    import type { AssignmentDTO } from "@dwengo-1/common/dist/interfaces/assignment.ts";
+    import GroupSelector from "@/components/assignments/GroupSelector.vue";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-    useGroupsWithProgress: (
-        groups: Ref<GroupDTO[]>,
-        hruid: Ref<string>,
-        language: Ref<Language>,
-    ) => { groupProgressMap: Map<number, number> };
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+        useGroupsWithProgress: (
+            groups: Ref<GroupDTO[]>,
+            hruid: Ref<string>,
+            language: Ref<Language>,
+        ) => { groupProgressMap: Map<number, number> };
+    }>();
 
-const isEditing = ref(false);
+    const isEditing = ref(false);
 
-const {t} = useI18n();
-const lang = ref();
-const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-const learningPath = ref();
-const form = ref();
+    const { t } = useI18n();
+    const lang = ref();
+    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+    const learningPath = ref();
+    const form = ref();
 
+    const editingLearningPath = ref(learningPath);
+    const description = ref("");
+    const editGroups = ref(false);
 
-const editingLearningPath = ref(learningPath);
-const description = ref("");
-const editGroups = ref(false);
-
-
-const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-// Get learning path object
-const lpQueryResult = useGetLearningPathQuery(
-    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-);
-
-// Get all the groups withing the assignment
-const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-groups.value = groupsQueryResult.data.value?.groups ?? [];
-
-watchEffect(() => {
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-});
-
-const allGroups = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return [];
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    // Assign new sequential numbers starting from 1
-    return sortedGroups.map((group, index) => ({
-        groupNo: index + 1, // New group number that will be used
-        name: `${t("group")} ${index + 1}`,
-        members: group.members,
-        originalGroupNo: group.groupNumber, // Keep original number if needed
-    }));
-});
-
-const dialog = ref(false);
-const selectedGroup = ref({});
-
-function openGroupDetails(group): void {
-    selectedGroup.value = group;
-    dialog.value = true;
-}
-
-async function deleteAssignment(num: number, clsId: string): Promise<void> {
-    const {mutate} = useDeleteAssignmentMutation();
-    mutate(
-        {cid: clsId, an: num},
-        {
-            onSuccess: () => {
-                window.location.href = "/user/assignment";
-            },
-        },
+    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+    // Get learning path object
+    const lpQueryResult = useGetLearningPathQuery(
+        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
-}
 
-function goToLearningPathLink(): string | undefined {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    const lp = lpQueryResult.data.value;
+    // Get all the groups withing the assignment
+    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    if (!assignment || !lp) return undefined;
-
-    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
-
-function goToGroupSubmissionLink(groupNo: number): string | undefined {
-    const lp = lpQueryResult.data.value;
-    if (!lp) return undefined;
-
-    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
-
-const learningPathsQueryResults = useGetAllLearningPaths(lang);
-
-const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
-
-watch([isSuccess, data], ([success, newData]) => {
-    if (success && newData?.assignment) {
-        window.location.reload();
-    }
-});
-
-async function saveChanges(): Promise<void> {
-    const {valid} = await form.value.validate();
-    if (!valid) return;
-
-    isEditing.value = false;
-
-    const lp = learningPath.value;
-
-    const assignmentDTO: AssignmentDTO = {
-        id: assignmentQueryResult.data.value?.assignment.id,
-        description: description.value,
-        learningPath: lp || "",
-        deadline: new Date(),
-    };
-
-    mutate({
-        cid: assignmentQueryResult.data.value?.assignment.within,
-        an: assignmentQueryResult.data.value?.assignment.id,
-        data: assignmentDTO
+    watchEffect(() => {
+        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
     });
-}
 
+    const allGroups = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
+        if (!groups) return [];
+
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+        // Assign new sequential numbers starting from 1
+        return sortedGroups.map((group, index) => ({
+            groupNo: index + 1, // New group number that will be used
+            name: `${t("group")} ${index + 1}`,
+            members: group.members,
+            originalGroupNo: group.groupNumber, // Keep original number if needed
+        }));
+    });
+
+    const dialog = ref(false);
+    const selectedGroup = ref({});
+
+    function openGroupDetails(group): void {
+        selectedGroup.value = group;
+        dialog.value = true;
+    }
+
+    async function deleteAssignment(num: number, clsId: string): Promise<void> {
+        const { mutate } = useDeleteAssignmentMutation();
+        mutate(
+            { cid: clsId, an: num },
+            {
+                onSuccess: () => {
+                    window.location.href = "/user/assignment";
+                },
+            },
+        );
+    }
+
+    function goToLearningPathLink(): string | undefined {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        const lp = lpQueryResult.data.value;
+
+        if (!assignment || !lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    function goToGroupSubmissionLink(groupNo: number): string | undefined {
+        const lp = lpQueryResult.data.value;
+        if (!lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    const learningPathsQueryResults = useGetAllLearningPaths(lang);
+
+    const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
+
+    watch([isSuccess, data], ([success, newData]) => {
+        if (success && newData?.assignment) {
+            window.location.reload();
+        }
+    });
+
+    async function saveChanges(): Promise<void> {
+        const { valid } = await form.value.validate();
+        if (!valid) return;
+
+        isEditing.value = false;
+
+        const lp = learningPath.value;
+
+        const assignmentDTO: AssignmentDTO = {
+            id: assignmentQueryResult.data.value?.assignment.id,
+            description: description.value,
+            learningPath: lp || "",
+            deadline: new Date(),
+        };
+
+        mutate({
+            cid: assignmentQueryResult.data.value?.assignment.within,
+            an: assignmentQueryResult.data.value?.assignment.id,
+            data: assignmentDTO,
+        });
+    }
 </script>
 
 <template>
@@ -167,7 +163,11 @@ async function saveChanges(): Promise<void> {
                         md="6"
                         class="responsive-col"
                     >
-                        <v-form ref="form" validate-on="submit lazy" @submit.prevent="saveChanges">
+                        <v-form
+                            ref="form"
+                            validate-on="submit lazy"
+                            @submit.prevent="saveChanges"
+                        >
                             <v-card
                                 v-if="assignmentResponse"
                                 class="assignment-card"
@@ -189,11 +189,11 @@ async function saveChanges(): Promise<void> {
                                                 variant="text"
                                                 class="top_next_to_right_button"
                                                 @click="
-                                                () => {
-                                                    isEditing = true;
-                                                    description = assignmentResponse.data.assignment.description;
-                                                }
-                                            "
+                                                    () => {
+                                                        isEditing = true;
+                                                        description = assignmentResponse.data.assignment.description;
+                                                    }
+                                                "
                                             >
                                                 <v-icon>mdi-pencil</v-icon>
                                             </v-btn>
@@ -201,10 +201,14 @@ async function saveChanges(): Promise<void> {
                                                 v-else
                                                 variant="text"
                                                 class="top-right-btn"
-                                                @click="() => {isEditing = false; editingLearningPath=learningPath}"
-                                            >{{ t("cancel") }}
-                                            </v-btn
-                                            >
+                                                @click="
+                                                    () => {
+                                                        isEditing = false;
+                                                        editingLearningPath = learningPath;
+                                                    }
+                                                "
+                                                >{{ t("cancel") }}
+                                            </v-btn>
 
                                             <v-btn
                                                 v-if="!isEditing"
@@ -212,11 +216,11 @@ async function saveChanges(): Promise<void> {
                                                 variant="text"
                                                 class="top-right-btn"
                                                 @click="
-                                                deleteAssignment(
-                                                    assignmentResponse.data.assignment.id,
-                                                    assignmentResponse.data.assignment.within,
-                                                )
-                                            "
+                                                    deleteAssignment(
+                                                        assignmentResponse.data.assignment.id,
+                                                        assignmentResponse.data.assignment.within,
+                                                    )
+                                                "
                                             >
                                                 <v-icon>mdi-delete</v-icon>
                                             </v-btn>
@@ -233,9 +237,8 @@ async function saveChanges(): Promise<void> {
                                     </div>
                                 </div>
 
-                                <v-card-title class="text-h4 assignmentTopTitle">{{
-                                        assignmentResponse.data.assignment.title
-                                    }}
+                                <v-card-title class="text-h4 assignmentTopTitle"
+                                    >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
                                 <v-card-subtitle
                                     v-if="!isEditing"
@@ -275,9 +278,9 @@ async function saveChanges(): Promise<void> {
                                             item-value="hruid"
                                             required
                                             :filter="
-                                            (item, query: string) =>
-                                                item.title.toLowerCase().includes(query.toLowerCase())
-                                        "
+                                                (item, query: string) =>
+                                                    item.title.toLowerCase().includes(query.toLowerCase())
+                                            "
                                         ></v-combobox>
                                     </v-card-text>
                                 </using-query-result>
@@ -317,7 +320,7 @@ async function saveChanges(): Promise<void> {
                                         >
                                             <v-list-item-content>
                                                 <v-list-item-title
-                                                >{{ member.firstName + " " + member.lastName }}
+                                                    >{{ member.firstName + " " + member.lastName }}
                                                 </v-list-item-title>
                                             </v-list-item-content>
                                         </v-list-item>
@@ -327,24 +330,22 @@ async function saveChanges(): Promise<void> {
                                     <v-btn
                                         color="primary"
                                         @click="dialog = false"
-                                    >Close
-                                    </v-btn
-                                    >
+                                        >Close
+                                    </v-btn>
                                 </v-card-actions>
                             </v-card>
                         </v-dialog>
                     </v-col>
 
                     <!-- The second column of the screen -->
-                    <template v-if="!editGroups">
-                        <v-col
-                            cols="12"
-                            sm="6"
-                            md="6"
-                            class="responsive-col"
-                        >
-                            <v-table class="table">
-                                <thead>
+                    <v-col
+                        cols="12"
+                        sm="6"
+                        md="6"
+                        class="responsive-col"
+                    >
+                        <v-table class="table">
+                            <thead>
                                 <tr>
                                     <th class="header">{{ t("group") }}</th>
                                     <th class="header">{{ t("progress") }}</th>
@@ -356,11 +357,10 @@ async function saveChanges(): Promise<void> {
                                         >
                                             <v-icon>mdi-pencil</v-icon>
                                         </v-btn>
-
                                     </th>
                                 </tr>
-                                </thead>
-                                <tbody>
+                            </thead>
+                            <tbody>
                                 <tr
                                     v-for="g in allGroups"
                                     :key="g.originalGroupNo"
@@ -403,133 +403,138 @@ async function saveChanges(): Promise<void> {
                                         >
                                             <v-icon color="red">mdi-delete</v-icon>
                                         </v-btn>
-
                                     </td>
                                 </tr>
-                                </tbody>
-                            </v-table>
-                        </v-col>
-                    </template>
-                    <template v-else>
+                            </tbody>
+                        </v-table>
+                    </v-col>
+                </v-row>
+                <v-dialog
+                    v-model="editGroups"
+                    max-width="800"
+                    persistent
+                >
+                    <v-card-text>
                         <GroupSelector
                             :groups="allGroups"
-                            :class-id="classId"
-                            @groupsUpdated="handleUpdatedGroups"
+                            :class-id="props.classId"
+                            :assignment-id="props.assignmentId"
+                            @close="editGroups = false"
                         />
-                    </template>
-                </v-row>
+                    </v-card-text>
+                </v-dialog>
             </v-container>
         </using-query-result>
     </div>
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.table-scroll {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-.header {
-    font-weight: bold !important;
-    background-color: #0e6942;
-    color: white;
-    padding: 10px;
-}
-
-table thead th:first-child {
-    border-top-left-radius: 10px;
-}
-
-.table thead th:last-child {
-    border-top-right-radius: 10px;
-}
-
-.table tbody tr:nth-child(odd) {
-    background-color: white;
-}
-
-.table tbody tr:nth-child(even) {
-    background-color: #f6faf2;
-}
-
-td,
-th {
-    border-bottom: 1px solid #0e6942;
-    border-top: 1px solid #0e6942;
-}
-
-.table {
-    width: 90%;
-    padding-top: 10px;
-    border-collapse: collapse;
-}
-
-h1 {
-    color: #0e6942;
-    text-transform: uppercase;
-    font-weight: bolder;
-    padding-top: 2%;
-    font-size: 50px;
-}
-
-h2 {
-    color: #0e6942;
-    font-size: 30px;
-}
-
-.join {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    margin-top: 50px;
-}
-
-.link {
-    color: #0b75bb;
-    text-decoration: underline;
-}
-
-main {
-    margin-left: 30px;
-}
-
-@media screen and (max-width: 850px) {
-    h1 {
-        text-align: center;
-        padding-left: 0;
+    .table-scroll {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
     }
 
-    .join {
-        text-align: center;
-        align-items: center;
-        margin-left: 0;
+    .header {
+        font-weight: bold !important;
+        background-color: #0e6942;
+        color: white;
+        padding: 10px;
     }
 
-    .sheet {
-        width: 100%;
+    table thead th:first-child {
+        border-top-left-radius: 10px;
     }
 
-    main {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: 5px;
+    .table thead th:last-child {
+        border-top-right-radius: 10px;
     }
 
-    .custom-breakpoint {
-        flex-direction: column !important;
+    .table tbody tr:nth-child(odd) {
+        background-color: white;
+    }
+
+    .table tbody tr:nth-child(even) {
+        background-color: #f6faf2;
+    }
+
+    td,
+    th {
+        border-bottom: 1px solid #0e6942;
+        border-top: 1px solid #0e6942;
     }
 
     .table {
-        width: 100%;
+        width: 90%;
+        padding-top: 10px;
+        border-collapse: collapse;
     }
 
-    .responsive-col {
-        max-width: 100% !important;
-        flex-basis: 100% !important;
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 50px;
+    }
+
+    h2 {
+        color: #0e6942;
+        font-size: 30px;
+    }
+
+    .join {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        margin-top: 50px;
+    }
+
+    .link {
+        color: #0b75bb;
+        text-decoration: underline;
+    }
+
+    main {
+        margin-left: 30px;
+    }
+
+    @media screen and (max-width: 850px) {
+        h1 {
+            text-align: center;
+            padding-left: 0;
+        }
+
+        .join {
+            text-align: center;
+            align-items: center;
+            margin-left: 0;
+        }
+
+        .sheet {
+            width: 100%;
+        }
+
+        main {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            margin: 5px;
+        }
+
+        .custom-breakpoint {
+            flex-direction: column !important;
+        }
+
+        .table {
+            width: 100%;
+        }
+
+        .responsive-col {
+            max-width: 100% !important;
+            flex-basis: 100% !important;
+        }
     }
-}
 </style>
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index f524f3b2..3ae98e2f 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,141 +1,143 @@
 <script setup lang="ts">
-import {ref, computed, onMounted, watch} from "vue";
-import {useI18n} from "vue-i18n";
-import {useRouter} from "vue-router";
-import authState from "@/services/auth/auth-service.ts";
-import auth from "@/services/auth/auth-service.ts";
-import {useTeacherAssignmentsQuery, useTeacherClassesQuery} from "@/queries/teachers.ts";
-import {useStudentAssignmentsQuery, useStudentClassesQuery} from "@/queries/students.ts";
-import {useDeleteAssignmentMutation} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {asyncComputed} from "@vueuse/core";
+    import { ref, computed, onMounted, watch } from "vue";
+    import { useI18n } from "vue-i18n";
+    import { useRouter } from "vue-router";
+    import authState from "@/services/auth/auth-service.ts";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
+    import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
+    import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { asyncComputed } from "@vueuse/core";
 
-const {t, locale} = useI18n();
-const router = useRouter();
+    const { t, locale } = useI18n();
+    const router = useRouter();
 
-const role = ref(auth.authState.activeRole);
-const username = ref<string | undefined>(undefined);
-const isLoading = ref(false);
-const isError = ref(false);
-const errorMessage = ref<string>("");
+    const role = ref(auth.authState.activeRole);
+    const username = ref<string | undefined>(undefined);
+    const isLoading = ref(false);
+    const isError = ref(false);
+    const errorMessage = ref<string>("");
 
-// Load current user before rendering the page
-onMounted(async () => {
-    isLoading.value = true;
-    try {
-        const userObject = await authState.loadUser();
-        username.value = userObject!.profile.preferred_username;
-    } catch (error) {
-        isError.value = true;
-        errorMessage.value = error instanceof Error ? error.message : String(error);
-    } finally {
-        isLoading.value = false;
-    }
-});
-
-const isTeacher = computed(() => role.value === "teacher");
-const classesQueryResult = isTeacher.value ? useTeacherClassesQuery(username, true) : useStudentClassesQuery(username, true);
-
-const assignmentsQueryResult = isTeacher.value ? useTeacherAssignmentsQuery(username, true) : useStudentAssignmentsQuery(username, true);
-
-const allAssignments = asyncComputed(
-    async () => {
-        const assignments = assignmentsQueryResult.data.value?.assignments;
-        if (!assignments) return [];
-
-        const classes = classesQueryResult.data.value?.classes;
-        if (!classes) return [];
-
-        const result = assignments.map((a) => ({
-            id: a.id,
-            class: classes.find((cls) => cls?.id === a.within) ?? undefined,
-            title: a.title,
-            description: a.description,
-            learningPath: a.learningPath,
-            language: a.language,
-            deadline: a.deadline,
-            groups: a.groups,
-        }));
-
-        // Order the assignments by deadline
-        return result.flat().sort((a, b) => {
-            const now = Date.now();
-            const aTime = new Date(a.deadline).getTime();
-            const bTime = new Date(b.deadline).getTime();
-
-            const aIsPast = aTime < now;
-            const bIsPast = bTime < now;
-
-            if (aIsPast && !bIsPast) return 1;
-            if (!aIsPast && bIsPast) return -1;
-
-            return aTime - bTime;
-        });
-    },
-    [],
-    {evaluating: true},
-);
-
-async function goToCreateAssignment(): Promise<void> {
-    await router.push("/assignment/create");
-}
-
-async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
-    await router.push(`/assignment/${clsId}/${id}`);
-}
-
-const {mutate, data, isSuccess} = useDeleteAssignmentMutation();
-
-watch([isSuccess, data], async ([success, oldData]) => {
-    if (success && oldData?.assignment) {
-        window.location.reload();
-    }
-});
-
-async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-    mutate({cid: clsId, an: num});
-}
-
-function formatDate(date?: string | Date): string {
-    if (!date) return "–";
-    const d = new Date(date);
-
-    // Choose locale based on selected language
-    const currentLocale = locale.value;
-
-    return d.toLocaleDateString(currentLocale, {
-        weekday: "short",
-        day: "2-digit",
-        month: "long",
-        year: "numeric",
-        hour: "numeric",
-        minute: "2-digit",
+    // Load current user before rendering the page
+    onMounted(async () => {
+        isLoading.value = true;
+        try {
+            const userObject = await authState.loadUser();
+            username.value = userObject!.profile.preferred_username;
+        } catch (error) {
+            isError.value = true;
+            errorMessage.value = error instanceof Error ? error.message : String(error);
+        } finally {
+            isLoading.value = false;
+        }
     });
-}
 
-function getDeadlineClass(deadline?: string | Date): string {
-    if (!deadline) return "";
+    const isTeacher = computed(() => role.value === "teacher");
+    const classesQueryResult = isTeacher.value
+        ? useTeacherClassesQuery(username, true)
+        : useStudentClassesQuery(username, true);
 
-    const date = new Date(deadline);
-    const now = new Date();
-    const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
+    const assignmentsQueryResult = isTeacher.value
+        ? useTeacherAssignmentsQuery(username, true)
+        : useStudentAssignmentsQuery(username, true);
 
-    if (date.getTime() < now.getTime()) return "deadline-passed";
-    if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
-    return "deadline-upcoming";
-}
+    const allAssignments = asyncComputed(
+        async () => {
+            const assignments = assignmentsQueryResult.data.value?.assignments;
+            if (!assignments) return [];
 
-onMounted(async () => {
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
+            const classes = classesQueryResult.data.value?.classes;
+            if (!classes) return [];
 
-onMounted(async () => {
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
+            const result = assignments.map((a) => ({
+                id: a.id,
+                class: classes.find((cls) => cls?.id === a.within) ?? undefined,
+                title: a.title,
+                description: a.description,
+                learningPath: a.learningPath,
+                language: a.language,
+                deadline: a.deadline,
+                groups: a.groups,
+            }));
 
+            // Order the assignments by deadline
+            return result.flat().sort((a, b) => {
+                const now = Date.now();
+                const aTime = new Date(a.deadline).getTime();
+                const bTime = new Date(b.deadline).getTime();
 
+                const aIsPast = aTime < now;
+                const bIsPast = bTime < now;
+
+                if (aIsPast && !bIsPast) return 1;
+                if (!aIsPast && bIsPast) return -1;
+
+                return aTime - bTime;
+            });
+        },
+        [],
+        { evaluating: true },
+    );
+
+    async function goToCreateAssignment(): Promise<void> {
+        await router.push("/assignment/create");
+    }
+
+    async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
+        await router.push(`/assignment/${clsId}/${id}`);
+    }
+
+    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, oldData]) => {
+        if (success && oldData?.assignment) {
+            window.location.reload();
+        }
+    });
+
+    async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
+        mutate({ cid: clsId, an: num });
+    }
+
+    function formatDate(date?: string | Date): string {
+        if (!date) return "–";
+        const d = new Date(date);
+
+        // Choose locale based on selected language
+        const currentLocale = locale.value;
+
+        return d.toLocaleDateString(currentLocale, {
+            weekday: "short",
+            day: "2-digit",
+            month: "long",
+            year: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+        });
+    }
+
+    function getDeadlineClass(deadline?: string | Date): string {
+        if (!deadline) return "";
+
+        const date = new Date(deadline);
+        const now = new Date();
+        const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
+
+        if (date.getTime() < now.getTime()) return "deadline-passed";
+        if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
+        return "deadline-upcoming";
+    }
+
+    onMounted(async () => {
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
+
+    onMounted(async () => {
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
 </script>
 
 <template>
@@ -151,9 +153,7 @@ onMounted(async () => {
             {{ t("new-assignment") }}
         </v-btn>
 
-        <using-query-result
-            :query-result="assignmentsQueryResult"
-        >
+        <using-query-result :query-result="assignmentsQueryResult">
             <v-container>
                 <v-row>
                     <v-col
@@ -167,8 +167,8 @@ onMounted(async () => {
                                 <div class="assignment-class">
                                     {{ t("class") }}:
                                     <span class="class-name">
-                                    {{ assignment?.class?.displayName }}
-                                </span>
+                                        {{ assignment?.class?.displayName }}
+                                    </span>
                                 </div>
                                 <div
                                     class="assignment-deadline"
@@ -214,87 +214,88 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.assignments-container {
-    width: 100%;
-    margin: 0 auto;
-    box-sizing: border-box;
-}
+    .assignments-container {
+        width: 100%;
+        margin: 0 auto;
+        box-sizing: border-box;
+    }
 
-.center-btn {
-    display: block;
-    margin: 0 auto 2rem auto;
-    font-weight: 600;
-    background-color: #10ad61;
-    color: white;
-    transition: background-color 0.2s;
-}
+    .center-btn {
+        display: block;
+        margin: 0 auto 2rem auto;
+        font-weight: 600;
+        background-color: #10ad61;
+        color: white;
+        transition: background-color 0.2s;
+    }
 
-.center-btn:hover {
-    background-color: #0e6942;
-}
+    .center-btn:hover {
+        background-color: #0e6942;
+    }
 
-.assignment-card {
-    padding: 1.25rem;
-    border-radius: 16px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-    background-color: white;
-    transition: transform 0.2s,
-    box-shadow 0.2s;
-}
+    .assignment-card {
+        padding: 1.25rem;
+        border-radius: 16px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        background-color: white;
+        transition:
+            transform 0.2s,
+            box-shadow 0.2s;
+    }
 
-.assignment-card:hover {
-    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
-}
+    .assignment-card:hover {
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+    }
 
-.top-content {
-    margin-bottom: 1rem;
-    word-break: break-word;
-}
+    .top-content {
+        margin-bottom: 1rem;
+        word-break: break-word;
+    }
 
-.assignment-title {
-    font-weight: 700;
-    font-size: 1.4rem;
-    color: #0e6942;
-    margin-bottom: 0.3rem;
-}
+    .assignment-title {
+        font-weight: 700;
+        font-size: 1.4rem;
+        color: #0e6942;
+        margin-bottom: 0.3rem;
+    }
 
-.assignment-class,
-.assignment-deadline {
-    font-size: 0.95rem;
-    color: #444;
-    margin-bottom: 0.2rem;
-}
+    .assignment-class,
+    .assignment-deadline {
+        font-size: 0.95rem;
+        color: #444;
+        margin-bottom: 0.2rem;
+    }
 
-.class-name {
-    font-weight: 600;
-    color: #097180;
-}
+    .class-name {
+        font-weight: 600;
+        color: #097180;
+    }
 
-.assignment-deadline.deadline-passed {
-    color: #d32f2f;
-    font-weight: bold;
-}
+    .assignment-deadline.deadline-passed {
+        color: #d32f2f;
+        font-weight: bold;
+    }
 
-.assignment-deadline.deadline-in24hours {
-    color: #f57c00;
-    font-weight: bold;
-}
+    .assignment-deadline.deadline-in24hours {
+        color: #f57c00;
+        font-weight: bold;
+    }
 
-.spacer {
-    flex: 1;
-}
+    .spacer {
+        flex: 1;
+    }
 
-.button-row {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
+    .button-row {
+        display: flex;
+        justify-content: flex-end;
+        gap: 0.75rem;
+        flex-wrap: wrap;
+    }
 
-.no-assignments {
-    text-align: center;
-    font-size: 1.2rem;
-    color: #777;
-    padding: 3rem 0;
-}
+    .no-assignments {
+        text-align: center;
+        font-size: 1.2rem;
+        color: #777;
+        padding: 3rem 0;
+    }
 </style>
diff --git a/package-lock.json b/package-lock.json
index 51de0bd8..992e35b2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -148,6 +148,8 @@
         },
         "node_modules/@ampproject/remapping": {
             "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+            "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -160,6 +162,8 @@
         },
         "node_modules/@antfu/utils": {
             "version": "0.7.10",
+            "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz",
+            "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -167,7 +171,9 @@
             }
         },
         "node_modules/@asamuzakjp/css-color": {
-            "version": "3.1.4",
+            "version": "3.1.7",
+            "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.7.tgz",
+            "integrity": "sha512-Ok5fYhtwdyJQmU1PpEv6Si7Y+A4cYb8yNM9oiIJC9TzXPMuN9fvdonKJqcnz9TbFqV6bQ8z0giRq0iaOpGZV2g==",
             "license": "MIT",
             "dependencies": {
                 "@csstools/css-calc": "^2.1.3",
@@ -178,20 +184,24 @@
             }
         },
         "node_modules/@babel/code-frame": {
-            "version": "7.26.2",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+            "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-validator-identifier": "^7.25.9",
+                "@babel/helper-validator-identifier": "^7.27.1",
                 "js-tokens": "^4.0.0",
-                "picocolors": "^1.0.0"
+                "picocolors": "^1.1.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/compat-data": {
-            "version": "7.26.8",
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.2.tgz",
+            "integrity": "sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -199,20 +209,22 @@
             }
         },
         "node_modules/@babel/core": {
-            "version": "7.26.10",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.27.1.tgz",
+            "integrity": "sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.26.2",
-                "@babel/generator": "^7.26.10",
-                "@babel/helper-compilation-targets": "^7.26.5",
-                "@babel/helper-module-transforms": "^7.26.0",
-                "@babel/helpers": "^7.26.10",
-                "@babel/parser": "^7.26.10",
-                "@babel/template": "^7.26.9",
-                "@babel/traverse": "^7.26.10",
-                "@babel/types": "^7.26.10",
+                "@babel/code-frame": "^7.27.1",
+                "@babel/generator": "^7.27.1",
+                "@babel/helper-compilation-targets": "^7.27.1",
+                "@babel/helper-module-transforms": "^7.27.1",
+                "@babel/helpers": "^7.27.1",
+                "@babel/parser": "^7.27.1",
+                "@babel/template": "^7.27.1",
+                "@babel/traverse": "^7.27.1",
+                "@babel/types": "^7.27.1",
                 "convert-source-map": "^2.0.0",
                 "debug": "^4.1.0",
                 "gensync": "^1.0.0-beta.2",
@@ -229,6 +241,8 @@
         },
         "node_modules/@babel/core/node_modules/semver": {
             "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true,
             "license": "ISC",
             "bin": {
@@ -236,12 +250,14 @@
             }
         },
         "node_modules/@babel/generator": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.1.tgz",
+            "integrity": "sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.27.0",
-                "@babel/types": "^7.27.0",
+                "@babel/parser": "^7.27.1",
+                "@babel/types": "^7.27.1",
                 "@jridgewell/gen-mapping": "^0.3.5",
                 "@jridgewell/trace-mapping": "^0.3.25",
                 "jsesc": "^3.0.2"
@@ -251,23 +267,27 @@
             }
         },
         "node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.1.tgz",
+            "integrity": "sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.25.9"
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-compilation-targets": {
-            "version": "7.27.0",
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+            "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/compat-data": "^7.26.8",
-                "@babel/helper-validator-option": "^7.25.9",
+                "@babel/compat-data": "^7.27.2",
+                "@babel/helper-validator-option": "^7.27.1",
                 "browserslist": "^4.24.0",
                 "lru-cache": "^5.1.1",
                 "semver": "^6.3.1"
@@ -278,6 +298,8 @@
         },
         "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
             "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -286,6 +308,8 @@
         },
         "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
             "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true,
             "license": "ISC",
             "bin": {
@@ -294,20 +318,24 @@
         },
         "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/@babel/helper-create-class-features-plugin": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+            "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.25.9",
-                "@babel/helper-member-expression-to-functions": "^7.25.9",
-                "@babel/helper-optimise-call-expression": "^7.25.9",
-                "@babel/helper-replace-supers": "^7.26.5",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-                "@babel/traverse": "^7.27.0",
+                "@babel/helper-annotate-as-pure": "^7.27.1",
+                "@babel/helper-member-expression-to-functions": "^7.27.1",
+                "@babel/helper-optimise-call-expression": "^7.27.1",
+                "@babel/helper-replace-supers": "^7.27.1",
+                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+                "@babel/traverse": "^7.27.1",
                 "semver": "^6.3.1"
             },
             "engines": {
@@ -319,6 +347,8 @@
         },
         "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
             "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true,
             "license": "ISC",
             "bin": {
@@ -326,37 +356,43 @@
             }
         },
         "node_modules/@babel/helper-member-expression-to-functions": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+            "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/traverse": "^7.25.9",
-                "@babel/types": "^7.25.9"
+                "@babel/traverse": "^7.27.1",
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-module-imports": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+            "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/traverse": "^7.25.9",
-                "@babel/types": "^7.25.9"
+                "@babel/traverse": "^7.27.1",
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-module-transforms": {
-            "version": "7.26.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz",
+            "integrity": "sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-module-imports": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9",
-                "@babel/traverse": "^7.25.9"
+                "@babel/helper-module-imports": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.27.1",
+                "@babel/traverse": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -366,18 +402,22 @@
             }
         },
         "node_modules/@babel/helper-optimise-call-expression": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+            "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.25.9"
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-plugin-utils": {
-            "version": "7.26.5",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+            "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -385,13 +425,15 @@
             }
         },
         "node_modules/@babel/helper-replace-supers": {
-            "version": "7.26.5",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+            "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-member-expression-to-functions": "^7.25.9",
-                "@babel/helper-optimise-call-expression": "^7.25.9",
-                "@babel/traverse": "^7.26.5"
+                "@babel/helper-member-expression-to-functions": "^7.27.1",
+                "@babel/helper-optimise-call-expression": "^7.27.1",
+                "@babel/traverse": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -401,33 +443,41 @@
             }
         },
         "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+            "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/traverse": "^7.25.9",
-                "@babel/types": "^7.25.9"
+                "@babel/traverse": "^7.27.1",
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-string-parser": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+            "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-validator-option": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+            "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -435,22 +485,26 @@
             }
         },
         "node_modules/@babel/helpers": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.1.tgz",
+            "integrity": "sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/template": "^7.27.0",
-                "@babel/types": "^7.27.0"
+                "@babel/template": "^7.27.1",
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.27.0",
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.2.tgz",
+            "integrity": "sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.27.0"
+                "@babel/types": "^7.27.1"
             },
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -460,13 +514,15 @@
             }
         },
         "node_modules/@babel/plugin-proposal-decorators": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.27.1.tgz",
+            "integrity": "sha512-DTxe4LBPrtFdsWzgpmbBKevg3e9PBy+dXRt19kSbucbZvL2uqtdqwwpluL1jfxYE0wIDTFp1nTy/q6gNLsxXrg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-create-class-features-plugin": "^7.25.9",
-                "@babel/helper-plugin-utils": "^7.25.9",
-                "@babel/plugin-syntax-decorators": "^7.25.9"
+                "@babel/helper-create-class-features-plugin": "^7.27.1",
+                "@babel/helper-plugin-utils": "^7.27.1",
+                "@babel/plugin-syntax-decorators": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -476,11 +532,13 @@
             }
         },
         "node_modules/@babel/plugin-syntax-decorators": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.27.1.tgz",
+            "integrity": "sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -490,11 +548,13 @@
             }
         },
         "node_modules/@babel/plugin-syntax-import-attributes": {
-            "version": "7.26.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+            "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -505,6 +565,8 @@
         },
         "node_modules/@babel/plugin-syntax-import-meta": {
             "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+            "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -515,11 +577,13 @@
             }
         },
         "node_modules/@babel/plugin-syntax-jsx": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+            "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -529,11 +593,13 @@
             }
         },
         "node_modules/@babel/plugin-syntax-typescript": {
-            "version": "7.25.9",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+            "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -543,15 +609,17 @@
             }
         },
         "node_modules/@babel/plugin-transform-typescript": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz",
+            "integrity": "sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.25.9",
-                "@babel/helper-create-class-features-plugin": "^7.27.0",
-                "@babel/helper-plugin-utils": "^7.26.5",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-                "@babel/plugin-syntax-typescript": "^7.25.9"
+                "@babel/helper-annotate-as-pure": "^7.27.1",
+                "@babel/helper-create-class-features-plugin": "^7.27.1",
+                "@babel/helper-plugin-utils": "^7.27.1",
+                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+                "@babel/plugin-syntax-typescript": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -561,28 +629,32 @@
             }
         },
         "node_modules/@babel/template": {
-            "version": "7.27.0",
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+            "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/code-frame": "^7.26.2",
-                "@babel/parser": "^7.27.0",
-                "@babel/types": "^7.27.0"
+                "@babel/code-frame": "^7.27.1",
+                "@babel/parser": "^7.27.2",
+                "@babel/types": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/traverse": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.1.tgz",
+            "integrity": "sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/code-frame": "^7.26.2",
-                "@babel/generator": "^7.27.0",
-                "@babel/parser": "^7.27.0",
-                "@babel/template": "^7.27.0",
-                "@babel/types": "^7.27.0",
+                "@babel/code-frame": "^7.27.1",
+                "@babel/generator": "^7.27.1",
+                "@babel/parser": "^7.27.1",
+                "@babel/template": "^7.27.1",
+                "@babel/types": "^7.27.1",
                 "debug": "^4.3.1",
                 "globals": "^11.1.0"
             },
@@ -592,6 +664,8 @@
         },
         "node_modules/@babel/traverse/node_modules/globals": {
             "version": "11.12.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -599,11 +673,13 @@
             }
         },
         "node_modules/@babel/types": {
-            "version": "7.27.0",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
+            "integrity": "sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==",
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-string-parser": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9"
+                "@babel/helper-string-parser": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -611,6 +687,8 @@
         },
         "node_modules/@bcoe/v8-coverage": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-1.0.2.tgz",
+            "integrity": "sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -619,6 +697,8 @@
         },
         "node_modules/@colors/colors": {
             "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.6.0.tgz",
+            "integrity": "sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.1.90"
@@ -626,6 +706,8 @@
         },
         "node_modules/@cspotcode/source-map-support": {
             "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -637,6 +719,8 @@
         },
         "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.9",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -646,6 +730,8 @@
         },
         "node_modules/@csstools/color-helpers": {
             "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
+            "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
             "funding": [
                 {
                     "type": "github",
@@ -663,6 +749,8 @@
         },
         "node_modules/@csstools/css-calc": {
             "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.3.tgz",
+            "integrity": "sha512-XBG3talrhid44BY1x3MHzUx/aTG8+x/Zi57M4aTKK9RFB4aLlF3TTSzfzn8nWVHWL3FgAXAxmupmDd6VWww+pw==",
             "funding": [
                 {
                     "type": "github",
@@ -684,6 +772,8 @@
         },
         "node_modules/@csstools/css-color-parser": {
             "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.9.tgz",
+            "integrity": "sha512-wILs5Zk7BU86UArYBJTPy/FMPPKVKHMj1ycCEyf3VUptol0JNRLFU/BZsJ4aiIHJEbSLiizzRrw8Pc1uAEDrXw==",
             "funding": [
                 {
                     "type": "github",
@@ -709,6 +799,8 @@
         },
         "node_modules/@csstools/css-parser-algorithms": {
             "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
+            "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
             "funding": [
                 {
                     "type": "github",
@@ -729,6 +821,8 @@
         },
         "node_modules/@csstools/css-tokenizer": {
             "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
+            "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
             "funding": [
                 {
                     "type": "github",
@@ -746,6 +840,8 @@
         },
         "node_modules/@dabh/diagnostics": {
             "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.3.tgz",
+            "integrity": "sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==",
             "license": "MIT",
             "dependencies": {
                 "colorspace": "1.1.x",
@@ -761,8 +857,298 @@
             "resolved": "common",
             "link": true
         },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
+            "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
+            "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
+            "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
+            "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
+            "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
+            "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
+            "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
+            "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
+            "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
+            "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
+            "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
+            "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
+            "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
+            "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
+            "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
+            "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/@esbuild/linux-x64": {
-            "version": "0.25.3",
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
+            "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
             "cpu": [
                 "x64"
             ],
@@ -777,8 +1163,154 @@
                 "node": ">=18"
             }
         },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
+            "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
+            "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
+            "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
+            "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
+            "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
+            "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
+            "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
+            "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "peer": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/@eslint-community/eslint-utils": {
-            "version": "4.6.1",
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+            "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -796,6 +1328,8 @@
         },
         "node_modules/@eslint-community/regexpp": {
             "version": "4.12.1",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+            "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -803,7 +1337,9 @@
             }
         },
         "node_modules/@eslint/compat": {
-            "version": "1.2.8",
+            "version": "1.2.9",
+            "resolved": "https://registry.npmjs.org/@eslint/compat/-/compat-1.2.9.tgz",
+            "integrity": "sha512-gCdSY54n7k+driCadyMNv8JSPzYLeDVM/ikZRtvtROBpRdFSkS8W9A82MqsaY7lZuwL0wiapgD0NT1xT0hyJsA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -820,6 +1356,8 @@
         },
         "node_modules/@eslint/config-array": {
             "version": "0.20.0",
+            "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.0.tgz",
+            "integrity": "sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -833,6 +1371,8 @@
         },
         "node_modules/@eslint/config-array/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -842,6 +1382,8 @@
         },
         "node_modules/@eslint/config-array/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -852,7 +1394,9 @@
             }
         },
         "node_modules/@eslint/config-helpers": {
-            "version": "0.2.1",
+            "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.2.tgz",
+            "integrity": "sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -861,6 +1405,8 @@
         },
         "node_modules/@eslint/core": {
             "version": "0.13.0",
+            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.13.0.tgz",
+            "integrity": "sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -872,6 +1418,8 @@
         },
         "node_modules/@eslint/eslintrc": {
             "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+            "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -894,6 +1442,8 @@
         },
         "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -901,8 +1451,20 @@
                 "concat-map": "0.0.1"
             }
         },
+        "node_modules/@eslint/eslintrc/node_modules/ignore": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
         "node_modules/@eslint/eslintrc/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -913,7 +1475,9 @@
             }
         },
         "node_modules/@eslint/js": {
-            "version": "9.25.1",
+            "version": "9.26.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.26.0.tgz",
+            "integrity": "sha512-I9XlJawFdSMvWjDt6wksMCrgns5ggLNfFwFvnShsleWruvXM514Qxk8V246efTw+eo9JABvVz+u3q2RiAowKxQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -922,6 +1486,8 @@
         },
         "node_modules/@eslint/object-schema": {
             "version": "2.1.6",
+            "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+            "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -930,6 +1496,8 @@
         },
         "node_modules/@eslint/plugin-kit": {
             "version": "0.2.8",
+            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.8.tgz",
+            "integrity": "sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -942,15 +1510,21 @@
         },
         "node_modules/@gar/promisify": {
             "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
+            "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/@hapi/hoek": {
             "version": "9.3.0",
+            "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+            "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@hapi/topo": {
             "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+            "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "@hapi/hoek": "^9.0.0"
@@ -958,6 +1532,8 @@
         },
         "node_modules/@humanfs/core": {
             "version": "0.19.1",
+            "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+            "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -966,6 +1542,8 @@
         },
         "node_modules/@humanfs/node": {
             "version": "0.16.6",
+            "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+            "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -978,6 +1556,8 @@
         },
         "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
             "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+            "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -990,6 +1570,8 @@
         },
         "node_modules/@humanwhocodes/module-importer": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -1001,7 +1583,9 @@
             }
         },
         "node_modules/@humanwhocodes/retry": {
-            "version": "0.4.2",
+            "version": "0.4.3",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+            "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -1014,6 +1598,8 @@
         },
         "node_modules/@intlify/core-base": {
             "version": "11.1.3",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.1.3.tgz",
+            "integrity": "sha512-cMuHunYO7LE80azTitcvEbs1KJmtd6g7I5pxlApV3Jo547zdO3h31/0uXpqHc+Y3RKt1wo2y68RGSx77Z1klyA==",
             "license": "MIT",
             "dependencies": {
                 "@intlify/message-compiler": "11.1.3",
@@ -1028,6 +1614,8 @@
         },
         "node_modules/@intlify/message-compiler": {
             "version": "11.1.3",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.1.3.tgz",
+            "integrity": "sha512-7rbqqpo2f5+tIcwZTAG/Ooy9C8NDVwfDkvSeDPWUPQW+Dyzfw2o9H103N5lKBxO7wxX9dgCDjQ8Umz73uYw3hw==",
             "license": "MIT",
             "dependencies": {
                 "@intlify/shared": "11.1.3",
@@ -1042,6 +1630,8 @@
         },
         "node_modules/@intlify/shared": {
             "version": "11.1.3",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.1.3.tgz",
+            "integrity": "sha512-pTFBgqa/99JRA2H1qfyqv97MKWJrYngXBA/I0elZcYxvJgcCw3mApAoPW3mJ7vx3j+Ti0FyKUFZ4hWxdjKaxvA==",
             "license": "MIT",
             "engines": {
                 "node": ">= 16"
@@ -1052,6 +1642,8 @@
         },
         "node_modules/@isaacs/cliui": {
             "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -1068,6 +1660,8 @@
         },
         "node_modules/@istanbuljs/schema": {
             "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+            "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1076,6 +1670,8 @@
         },
         "node_modules/@jercle/yargonaut": {
             "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/@jercle/yargonaut/-/yargonaut-1.1.5.tgz",
+            "integrity": "sha512-zBp2myVvBHp1UaJsNTyS6q4UDKT7eRiqTS4oNTS6VQMd6mpxYOdbeK4pY279cDCdakGy6hG0J3ejoXZVsPwHqw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -1086,6 +1682,8 @@
         },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+            "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1099,6 +1697,8 @@
         },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1107,6 +1707,8 @@
         },
         "node_modules/@jridgewell/set-array": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+            "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1115,10 +1717,14 @@
         },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.25",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+            "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1128,6 +1734,8 @@
         },
         "node_modules/@jsep-plugin/assignment": {
             "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/@jsep-plugin/assignment/-/assignment-1.3.0.tgz",
+            "integrity": "sha512-VVgV+CXrhbMI3aSusQyclHkenWSAm95WaiKrMxRFam3JSUiIaQjoMIw2sEs/OX4XifnqeQUN4DYbJjlA8EfktQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 10.16.0"
@@ -1138,6 +1746,8 @@
         },
         "node_modules/@jsep-plugin/regex": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/@jsep-plugin/regex/-/regex-1.0.4.tgz",
+            "integrity": "sha512-q7qL4Mgjs1vByCaTnDFcBnV9HS7GVPJX5vyVoCgZHNSC9rjwIlmbXG5sUuorR5ndfHAIlJ8pVStxvjXHbNvtUg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 10.16.0"
@@ -1148,6 +1758,8 @@
         },
         "node_modules/@mikro-orm/cli": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/cli/-/cli-6.4.12.tgz",
+            "integrity": "sha512-7rKtrR4GAmeHOCSIPqtL1rtKdAQFvuCghiNxbL2+ck7d5SHRLG/pSCmnW70p5160a9mJ8uCl8vfWIQNOsX94Sw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1168,6 +1780,8 @@
         },
         "node_modules/@mikro-orm/core": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/core/-/core-6.4.12.tgz",
+            "integrity": "sha512-TzJJCFZCdyrVPt/K3UHdao8Iyj4xJSj2r0tYUCY4zNKwuUw6K3RlEYcWGUf85FWIAZJPpYqbv83WTb/H9OiyyQ==",
             "license": "MIT",
             "dependencies": {
                 "dataloader": "2.2.3",
@@ -1187,6 +1801,8 @@
         },
         "node_modules/@mikro-orm/core/node_modules/dotenv": {
             "version": "16.4.7",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+            "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=12"
@@ -1197,6 +1813,8 @@
         },
         "node_modules/@mikro-orm/knex": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/knex/-/knex-6.4.12.tgz",
+            "integrity": "sha512-KMocJ4fdAbf52I/K25eV+dZDWXdVJpiIaBuIRt04m+SiJ7HZPP0OTDt/mexX3WHWW2m/d1byDNIZecjmV0eRSA==",
             "license": "MIT",
             "dependencies": {
                 "fs-extra": "11.3.0",
@@ -1226,6 +1844,8 @@
         },
         "node_modules/@mikro-orm/postgresql": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/postgresql/-/postgresql-6.4.12.tgz",
+            "integrity": "sha512-qWO2oerG2A9Jf6dCP/3tvnwxB/Y7gZGXOByG/iMlnQHeHEZ95G5GDe1TSZ/5Ho52wGoq3Vn3xzeKZwJdajbcEw==",
             "license": "MIT",
             "dependencies": {
                 "@mikro-orm/knex": "6.4.12",
@@ -1243,6 +1863,8 @@
         },
         "node_modules/@mikro-orm/reflection": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/reflection/-/reflection-6.4.12.tgz",
+            "integrity": "sha512-RZAMFAwe+yBylbiaHTyBDXDZWkqcLVv6IxRAc/YGBhD+Z1NjZbrFRrNg7OQryEW13OUIuIrXTCgKb9C0Mem0cQ==",
             "license": "MIT",
             "dependencies": {
                 "globby": "11.1.0",
@@ -1257,6 +1879,8 @@
         },
         "node_modules/@mikro-orm/sqlite": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/@mikro-orm/sqlite/-/sqlite-6.4.12.tgz",
+            "integrity": "sha512-fIR/AkgUxOEKCiGxes8BrkNm86iP7eB0ZhvDjrRbinYxarGHtPIUEub0tY0jvQNbXo4s/GwRIPhA178pr5xEFA==",
             "license": "MIT",
             "dependencies": {
                 "@mikro-orm/knex": "6.4.12",
@@ -1271,8 +1895,160 @@
                 "@mikro-orm/core": "^6.0.0"
             }
         },
+        "node_modules/@modelcontextprotocol/sdk": {
+            "version": "1.11.3",
+            "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.11.3.tgz",
+            "integrity": "sha512-rmOWVRUbUJD7iSvJugjUbFZshTAuJ48MXoZ80Osx1GM0K/H1w7rSEvmw8m6vdWxNASgtaHIhAgre4H/E9GJiYQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "content-type": "^1.0.5",
+                "cors": "^2.8.5",
+                "cross-spawn": "^7.0.5",
+                "eventsource": "^3.0.2",
+                "express": "^5.0.1",
+                "express-rate-limit": "^7.5.0",
+                "pkce-challenge": "^5.0.0",
+                "raw-body": "^3.0.0",
+                "zod": "^3.23.8",
+                "zod-to-json-schema": "^3.24.1"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@napi-rs/snappy-android-arm-eabi": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-android-arm-eabi/-/snappy-android-arm-eabi-7.2.2.tgz",
+            "integrity": "sha512-H7DuVkPCK5BlAr1NfSU8bDEN7gYs+R78pSHhDng83QxRnCLmVIZk33ymmIwurmoA1HrdTxbkbuNl+lMvNqnytw==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-android-arm64": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-android-arm64/-/snappy-android-arm64-7.2.2.tgz",
+            "integrity": "sha512-2R/A3qok+nGtpVK8oUMcrIi5OMDckGYNoBLFyli3zp8w6IArPRfg1yOfVUcHvpUDTo9T7LOS1fXgMOoC796eQw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-darwin-arm64": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-darwin-arm64/-/snappy-darwin-arm64-7.2.2.tgz",
+            "integrity": "sha512-USgArHbfrmdbuq33bD5ssbkPIoT7YCXCRLmZpDS6dMDrx+iM7eD2BecNbOOo7/v1eu6TRmQ0xOzeQ6I/9FIi5g==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-darwin-x64": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-darwin-x64/-/snappy-darwin-x64-7.2.2.tgz",
+            "integrity": "sha512-0APDu8iO5iT0IJKblk2lH0VpWSl9zOZndZKnBYIc+ei1npw2L5QvuErFOTeTdHBtzvUHASB+9bvgaWnQo4PvTQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-freebsd-x64": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-freebsd-x64/-/snappy-freebsd-x64-7.2.2.tgz",
+            "integrity": "sha512-mRTCJsuzy0o/B0Hnp9CwNB5V6cOJ4wedDTWEthsdKHSsQlO7WU9W1yP7H3Qv3Ccp/ZfMyrmG98Ad7u7lG58WXA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-linux-arm-gnueabihf": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-linux-arm-gnueabihf/-/snappy-linux-arm-gnueabihf-7.2.2.tgz",
+            "integrity": "sha512-v1uzm8+6uYjasBPcFkv90VLZ+WhLzr/tnfkZ/iD9mHYiULqkqpRuC8zvc3FZaJy5wLQE9zTDkTJN1IvUcZ+Vcg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-linux-arm64-gnu": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-linux-arm64-gnu/-/snappy-linux-arm64-gnu-7.2.2.tgz",
+            "integrity": "sha512-LrEMa5pBScs4GXWOn6ZYXfQ72IzoolZw5txqUHVGs8eK4g1HR9HTHhb2oY5ySNaKakG5sOgMsb1rwaEnjhChmQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-linux-arm64-musl": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-linux-arm64-musl/-/snappy-linux-arm64-musl-7.2.2.tgz",
+            "integrity": "sha512-3orWZo9hUpGQcB+3aTLW7UFDqNCQfbr0+MvV67x8nMNYj5eAeUtMmUE/HxLznHO4eZ1qSqiTwLbVx05/Socdlw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
         "node_modules/@napi-rs/snappy-linux-x64-gnu": {
             "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-linux-x64-gnu/-/snappy-linux-x64-gnu-7.2.2.tgz",
+            "integrity": "sha512-jZt8Jit/HHDcavt80zxEkDpH+R1Ic0ssiVCoueASzMXa7vwPJeF4ZxZyqUw4qeSy7n8UUExomu8G8ZbP6VKhgw==",
             "cpu": [
                 "x64"
             ],
@@ -1287,6 +2063,8 @@
         },
         "node_modules/@napi-rs/snappy-linux-x64-musl": {
             "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-linux-x64-musl/-/snappy-linux-x64-musl-7.2.2.tgz",
+            "integrity": "sha512-Dh96IXgcZrV39a+Tej/owcd9vr5ihiZ3KRix11rr1v0MWtVb61+H1GXXlz6+Zcx9y8jM1NmOuiIuJwkV4vZ4WA==",
             "cpu": [
                 "x64"
             ],
@@ -1299,8 +2077,58 @@
                 "node": ">= 10"
             }
         },
+        "node_modules/@napi-rs/snappy-win32-arm64-msvc": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-win32-arm64-msvc/-/snappy-win32-arm64-msvc-7.2.2.tgz",
+            "integrity": "sha512-9No0b3xGbHSWv2wtLEn3MO76Yopn1U2TdemZpCaEgOGccz1V+a/1d16Piz3ofSmnA13HGFz3h9NwZH9EOaIgYA==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-win32-ia32-msvc": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-win32-ia32-msvc/-/snappy-win32-ia32-msvc-7.2.2.tgz",
+            "integrity": "sha512-QiGe+0G86J74Qz1JcHtBwM3OYdTni1hX1PFyLRo3HhQUSpmi13Bzc1En7APn+6Pvo7gkrcy81dObGLDSxFAkQQ==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/snappy-win32-x64-msvc": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/@napi-rs/snappy-win32-x64-msvc/-/snappy-win32-x64-msvc-7.2.2.tgz",
+            "integrity": "sha512-a43cyx1nK0daw6BZxVcvDEXxKMFLSBSDTAhsFD0VqSKcC7MGUBMaqyoWUcMiI7LBSz4bxUmxDWKfCYzpEmeb3w==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
             "license": "MIT",
             "dependencies": {
                 "@nodelib/fs.stat": "2.0.5",
@@ -1312,6 +2140,8 @@
         },
         "node_modules/@nodelib/fs.stat": {
             "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
             "license": "MIT",
             "engines": {
                 "node": ">= 8"
@@ -1319,6 +2149,8 @@
         },
         "node_modules/@nodelib/fs.walk": {
             "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
             "license": "MIT",
             "dependencies": {
                 "@nodelib/fs.scandir": "2.1.5",
@@ -1330,6 +2162,8 @@
         },
         "node_modules/@npmcli/fs": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz",
+            "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -1339,6 +2173,9 @@
         },
         "node_modules/@npmcli/move-file": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz",
+            "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==",
+            "deprecated": "This functionality has been moved to @npmcli/fs",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -1351,11 +2188,15 @@
         },
         "node_modules/@one-ini/wasm": {
             "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+            "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@pkgjs/parseargs": {
             "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
             "dev": true,
             "license": "MIT",
             "optional": true,
@@ -1365,6 +2206,8 @@
         },
         "node_modules/@pkgr/core": {
             "version": "0.2.4",
+            "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.4.tgz",
+            "integrity": "sha512-ROFF39F6ZrnzSUEmQQZUar0Jt4xVoP9WnDRdWwF4NNcXs3xBTLgBUDoOwW141y1jP+S8nahIbdxbFC7IShw9Iw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1376,6 +2219,8 @@
         },
         "node_modules/@playwright/test": {
             "version": "1.50.1",
+            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.50.1.tgz",
+            "integrity": "sha512-Jii3aBg+CEDpgnuDxEp/h7BimHcUTDlpEtce89xEumlJ5ef2hqepZ+PWp1DDpYC/VO9fmWVI1IlEaoI5fK9FXQ==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -1390,27 +2235,39 @@
         },
         "node_modules/@polka/url": {
             "version": "1.0.0-next.29",
+            "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+            "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@protobufjs/aspromise": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+            "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/base64": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+            "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/codegen": {
             "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+            "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/eventemitter": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+            "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/fetch": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+            "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "@protobufjs/aspromise": "^1.1.1",
@@ -1419,26 +2276,38 @@
         },
         "node_modules/@protobufjs/float": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+            "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/inquire": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+            "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/path": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+            "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/pool": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+            "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@protobufjs/utf8": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+            "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@rollup/pluginutils": {
             "version": "5.1.4",
+            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+            "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1458,8 +2327,17 @@
                 }
             }
         },
+        "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@rollup/pluginutils/node_modules/picomatch": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1469,8 +2347,205 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz",
+            "integrity": "sha512-JkdNEq+DFxZfUwxvB58tHMHBHVgX23ew41g1OQinthJ+ryhdRk67O31S7sYw8u2lTjHUPFxwar07BBt1KHp/hg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.2.tgz",
+            "integrity": "sha512-13unNoZ8NzUmnndhPTkWPWbX3vtHodYmy+I9kuLxN+F+l+x3LdVF7UCu8TWVMt1POHLh6oDHhnOA04n8oJZhBw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.2.tgz",
+            "integrity": "sha512-Gzf1Hn2Aoe8VZzevHostPX23U7N5+4D36WJNHK88NZHCJr7aVMG4fadqkIf72eqVPGjGc0HJHNuUaUcxiR+N/w==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.2.tgz",
+            "integrity": "sha512-47N4hxa01a4x6XnJoskMKTS8XZ0CZMd8YTbINbi+w03A2w4j1RTlnGHOz/P0+Bg1LaVL6ufZyNprSg+fW5nYQQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.2.tgz",
+            "integrity": "sha512-8t6aL4MD+rXSHHZUR1z19+9OFJ2rl1wGKvckN47XFRVO+QL/dUSpKA2SLRo4vMg7ELA8pzGpC+W9OEd1Z/ZqoQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.2.tgz",
+            "integrity": "sha512-C+AyHBzfpsOEYRFjztcYUFsH4S7UsE9cDtHCtma5BK8+ydOZYgMmWg1d/4KBytQspJCld8ZIujFMAdKG1xyr4Q==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.2.tgz",
+            "integrity": "sha512-de6TFZYIvJwRNjmW3+gaXiZ2DaWL5D5yGmSYzkdzjBDS3W+B9JQ48oZEsmMvemqjtAFzE16DIBLqd6IQQRuG9Q==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.2.tgz",
+            "integrity": "sha512-urjaEZubdIkacKc930hUDOfQPysezKla/O9qV+O89enqsqUmQm8Xj8O/vh0gHg4LYfv7Y7UsE3QjzLQzDYN1qg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.2.tgz",
+            "integrity": "sha512-KlE8IC0HFOC33taNt1zR8qNlBYHj31qGT1UqWqtvR/+NuCVhfufAq9fxO8BMFC22Wu0rxOwGVWxtCMvZVLmhQg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.2.tgz",
+            "integrity": "sha512-j8CgxvfM0kbnhu4XgjnCWJQyyBOeBI1Zq91Z850aUddUmPeQvuAy6OiMdPS46gNFgy8gN1xkYyLgwLYZG3rBOg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.2.tgz",
+            "integrity": "sha512-Ybc/1qUampKuRF4tQXc7G7QY9YRyeVSykfK36Y5Qc5dmrIxwFhrOzqaVTNoZygqZ1ZieSWTibfFhQ5qK8jpWxw==",
+            "cpu": [
+                "loong64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.2.tgz",
+            "integrity": "sha512-3FCIrnrt03CCsZqSYAOW/k9n625pjpuMzVfeI+ZBUSDT3MVIFDSPfSUgIl9FqUftxcUXInvFah79hE1c9abD+Q==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.2.tgz",
+            "integrity": "sha512-QNU7BFHEvHMp2ESSY3SozIkBPaPBDTsfVNGx3Xhv+TdvWXFGOSH2NJvhD1zKAT6AyuuErJgbdvaJhYVhVqrWTg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.2.tgz",
+            "integrity": "sha512-5W6vNYkhgfh7URiXTO1E9a0cy4fSgfE4+Hl5agb/U1sa0kjOLMLC1wObxwKxecE17j0URxuTrYZZME4/VH57Hg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.2.tgz",
+            "integrity": "sha512-B7LKIz+0+p348JoAL4X/YxGx9zOx3sR+o6Hj15Y3aaApNfAshK8+mWZEf759DXfRLeL2vg5LYJBB7DdcleYCoQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.40.0",
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.2.tgz",
+            "integrity": "sha512-lG7Xa+BmBNwpjmVUbmyKxdQJ3Q6whHjMjzQplOs5Z+Gj7mxPtWakGHqzMqNER68G67kmCX9qX57aRsW5V0VOng==",
             "cpu": [
                 "x64"
             ],
@@ -1481,7 +2556,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.40.0",
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.2.tgz",
+            "integrity": "sha512-tD46wKHd+KJvsmije4bUskNuvWKFcTOIM9tZ/RrmIvcXnbi0YK/cKS9FzFtAm7Oxi2EhV5N2OpfFB348vSQRXA==",
             "cpu": [
                 "x64"
             ],
@@ -1491,18 +2568,63 @@
                 "linux"
             ]
         },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.2.tgz",
+            "integrity": "sha512-Bjv/HG8RRWLNkXwQQemdsWw4Mg+IJ29LK+bJPW2SCzPKOUaMmPEppQlu/Fqk1d7+DX3V7JbFdbkh/NMmurT6Pg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.2.tgz",
+            "integrity": "sha512-dt1llVSGEsGKvzeIO76HToiYPNPYPkmjhMHhP00T9S4rDern8P2ZWvWAQUEJ+R1UdMWJ/42i/QqJ2WV765GZcA==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.2.tgz",
+            "integrity": "sha512-bwspbWB04XJpeElvsp+DCylKfF4trJDa2Y9Go8O6A7YLX2LIKGcNK/CYImJN6ZP4DcuOHB4Utl3iCbnR62DudA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
         "node_modules/@scarf/scarf": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/@scarf/scarf/-/scarf-1.4.0.tgz",
+            "integrity": "sha512-xxeapPiUXdZAE3che6f3xogoJPeZgig6omHEy1rIY5WVsB3H2BHNnZH+gHG6x91SCWyQCzWGsuL2Hh3ClO5/qQ==",
             "hasInstallScript": true,
             "license": "Apache-2.0"
         },
         "node_modules/@sec-ant/readable-stream": {
             "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
+            "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@sideway/address": {
             "version": "4.1.5",
+            "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+            "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "@hapi/hoek": "^9.0.0"
@@ -1510,14 +2632,20 @@
         },
         "node_modules/@sideway/formula": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+            "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@sideway/pinpoint": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+            "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
             "license": "BSD-3-Clause"
         },
         "node_modules/@sindresorhus/merge-streams": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+            "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1529,6 +2657,8 @@
         },
         "node_modules/@tanstack/match-sorter-utils": {
             "version": "8.19.4",
+            "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.19.4.tgz",
+            "integrity": "sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==",
             "license": "MIT",
             "dependencies": {
                 "remove-accents": "0.5.0"
@@ -1542,7 +2672,9 @@
             }
         },
         "node_modules/@tanstack/query-core": {
-            "version": "5.74.4",
+            "version": "5.76.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.76.0.tgz",
+            "integrity": "sha512-FN375hb8ctzfNAlex5gHI6+WDXTNpe0nbxp/d2YJtnP+IBM6OUm7zcaoCW6T63BawGOYZBbKC0iPvr41TteNVg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1550,10 +2682,12 @@
             }
         },
         "node_modules/@tanstack/react-query": {
-            "version": "5.74.4",
+            "version": "5.76.1",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.76.1.tgz",
+            "integrity": "sha512-YxdLZVGN4QkT5YT1HKZQWiIlcgauIXEIsMOTSjvyD5wLYK8YVvKZUPAysMqossFJJfDpJW3pFn7WNZuPOqq+fw==",
             "license": "MIT",
             "dependencies": {
-                "@tanstack/query-core": "5.74.4"
+                "@tanstack/query-core": "5.76.0"
             },
             "funding": {
                 "type": "github",
@@ -1564,11 +2698,13 @@
             }
         },
         "node_modules/@tanstack/vue-query": {
-            "version": "5.74.6",
+            "version": "5.76.0",
+            "resolved": "https://registry.npmjs.org/@tanstack/vue-query/-/vue-query-5.76.0.tgz",
+            "integrity": "sha512-Ow1JPfAqjam/hH2WJj15Y+a7FT5LS/So2b4jMAI3lLKUcpIjVRLEOLQXdCYZ/29YbDrL66trwLPXjA9tYrHung==",
             "license": "MIT",
             "dependencies": {
                 "@tanstack/match-sorter-utils": "^8.19.4",
-                "@tanstack/query-core": "5.74.4",
+                "@tanstack/query-core": "5.76.0",
                 "@vue/devtools-api": "^6.6.3",
                 "vue-demi": "^0.14.10"
             },
@@ -1588,6 +2724,8 @@
         },
         "node_modules/@tootallnate/once": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+            "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -1596,6 +2734,8 @@
         },
         "node_modules/@ts-morph/common": {
             "version": "0.26.1",
+            "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.26.1.tgz",
+            "integrity": "sha512-Sn28TGl/4cFpcM+jwsH1wLncYq3FtN/BIpem+HOygfBWPT5pAeS5dB4VFVzV8FbnOKHpDLZmvAl4AjPEev5idA==",
             "license": "MIT",
             "dependencies": {
                 "fast-glob": "^3.3.2",
@@ -1605,31 +2745,43 @@
         },
         "node_modules/@tsconfig/node10": {
             "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+            "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@tsconfig/node12": {
             "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@tsconfig/node14": {
             "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@tsconfig/node16": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+            "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@tsconfig/node22": {
             "version": "22.0.1",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node22/-/node22-22.0.1.tgz",
+            "integrity": "sha512-VkgOa3n6jvs1p+r3DiwBqeEwGAwEvnVCg/hIjiANl5IEcqP3G0u5m8cBJspe1t9qjZRlZ7WFgqq5bJrGdgAKMg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/body-parser": {
             "version": "1.19.5",
+            "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+            "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
             "license": "MIT",
             "dependencies": {
                 "@types/connect": "*",
@@ -1638,13 +2790,17 @@
         },
         "node_modules/@types/connect": {
             "version": "3.4.38",
+            "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+            "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
             "license": "MIT",
             "dependencies": {
                 "@types/node": "*"
             }
         },
         "node_modules/@types/cors": {
-            "version": "2.8.17",
+            "version": "2.8.18",
+            "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.18.tgz",
+            "integrity": "sha512-nX3d0sxJW41CqQvfOzVG1NCTXfFDrDWIghCZncpHeWlVFd81zxB/DLhg7avFg6eHLCRX7ckBmoIIcqa++upvJA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1653,15 +2809,21 @@
         },
         "node_modules/@types/eslint-config-prettier": {
             "version": "6.11.3",
+            "resolved": "https://registry.npmjs.org/@types/eslint-config-prettier/-/eslint-config-prettier-6.11.3.tgz",
+            "integrity": "sha512-3wXCiM8croUnhg9LdtZUJQwNcQYGWxxdOWDjPe1ykCqJFPVpzAKfs/2dgSoCtAvdPeaponcWPI7mPcGGp9dkKQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/estree": {
             "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+            "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
             "license": "MIT"
         },
         "node_modules/@types/express": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.1.tgz",
+            "integrity": "sha512-UZUw8vjpWFXuDnjFTh7/5c2TWDlQqeXHi6hcN7F2XSVT5P+WmUnnbFS3KA6Jnc6IsEqI2qCVu2bK0R0J4A8ZQQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1672,6 +2834,8 @@
         },
         "node_modules/@types/express-serve-static-core": {
             "version": "5.0.6",
+            "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz",
+            "integrity": "sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1683,15 +2847,21 @@
         },
         "node_modules/@types/http-errors": {
             "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+            "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
             "license": "MIT"
         },
         "node_modules/@types/js-yaml": {
             "version": "4.0.9",
+            "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+            "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/jsdom": {
             "version": "21.1.7",
+            "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.7.tgz",
+            "integrity": "sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1702,11 +2872,15 @@
         },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/jsonwebtoken": {
             "version": "9.0.9",
+            "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.9.tgz",
+            "integrity": "sha512-uoe+GxEuHbvy12OUQct2X9JenKM3qAscquYymuQN4fMWG9DBQtykrQEFcAbVACF7qaLw9BePSodUL0kquqBJpQ==",
             "license": "MIT",
             "dependencies": {
                 "@types/ms": "*",
@@ -1715,14 +2889,20 @@
         },
         "node_modules/@types/mime": {
             "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+            "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
             "license": "MIT"
         },
         "node_modules/@types/ms": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+            "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
             "license": "MIT"
         },
         "node_modules/@types/node": {
-            "version": "22.14.1",
+            "version": "22.15.18",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.18.tgz",
+            "integrity": "sha512-v1DKRfUdyW+jJhZNEI1PYy29S2YRxMV5AOO/x/SjKmW0acCIOqmbj6Haf9eHAhsPmrhlHSxEhv/1WszcLWV4cg==",
             "license": "MIT",
             "dependencies": {
                 "undici-types": "~6.21.0"
@@ -1730,14 +2910,20 @@
         },
         "node_modules/@types/qs": {
             "version": "6.9.18",
+            "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.18.tgz",
+            "integrity": "sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==",
             "license": "MIT"
         },
         "node_modules/@types/range-parser": {
             "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+            "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
             "license": "MIT"
         },
         "node_modules/@types/response-time": {
             "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/@types/response-time/-/response-time-2.3.8.tgz",
+            "integrity": "sha512-7qGaNYvdxc0zRab8oHpYx7AW17qj+G0xuag1eCrw3M2VWPJQ/HyKaaghWygiaOUl0y9x7QGQwppDpqLJ5V9pzw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1747,6 +2933,8 @@
         },
         "node_modules/@types/send": {
             "version": "0.17.4",
+            "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+            "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
             "license": "MIT",
             "dependencies": {
                 "@types/mime": "^1",
@@ -1755,6 +2943,8 @@
         },
         "node_modules/@types/serve-static": {
             "version": "1.15.7",
+            "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+            "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
             "license": "MIT",
             "dependencies": {
                 "@types/http-errors": "*",
@@ -1764,6 +2954,8 @@
         },
         "node_modules/@types/swagger-ui-express": {
             "version": "4.1.8",
+            "resolved": "https://registry.npmjs.org/@types/swagger-ui-express/-/swagger-ui-express-4.1.8.tgz",
+            "integrity": "sha512-AhZV8/EIreHFmBV5wAs0gzJUNq9JbbSXgJLQubCC0jtIo6prnI9MIRRxnU4MZX9RB9yXxF1V4R7jtLl/Wcj31g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1773,36 +2965,46 @@
         },
         "node_modules/@types/tough-cookie": {
             "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+            "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/triple-beam": {
             "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/@types/triple-beam/-/triple-beam-1.3.5.tgz",
+            "integrity": "sha512-6WaYesThRMCl19iryMYP7/x2OVgCtbIVflDGFpWnb9irXI3UjYE4AzmYuiUKY1AJstGijoY+MgUszMgRxIYTYw==",
             "license": "MIT"
         },
         "node_modules/@types/trusted-types": {
             "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+            "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/@types/web-bluetooth": {
             "version": "0.0.21",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+            "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
+            "integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/regexpp": "^4.10.0",
-                "@typescript-eslint/scope-manager": "8.31.0",
-                "@typescript-eslint/type-utils": "8.31.0",
-                "@typescript-eslint/utils": "8.31.0",
-                "@typescript-eslint/visitor-keys": "8.31.0",
+                "@typescript-eslint/scope-manager": "8.32.1",
+                "@typescript-eslint/type-utils": "8.32.1",
+                "@typescript-eslint/utils": "8.32.1",
+                "@typescript-eslint/visitor-keys": "8.32.1",
                 "graphemer": "^1.4.0",
-                "ignore": "^5.3.1",
+                "ignore": "^7.0.0",
                 "natural-compare": "^1.4.0",
-                "ts-api-utils": "^2.0.1"
+                "ts-api-utils": "^2.1.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1818,14 +3020,16 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.1.tgz",
+            "integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/scope-manager": "8.31.0",
-                "@typescript-eslint/types": "8.31.0",
-                "@typescript-eslint/typescript-estree": "8.31.0",
-                "@typescript-eslint/visitor-keys": "8.31.0",
+                "@typescript-eslint/scope-manager": "8.32.1",
+                "@typescript-eslint/types": "8.32.1",
+                "@typescript-eslint/typescript-estree": "8.32.1",
+                "@typescript-eslint/visitor-keys": "8.32.1",
                 "debug": "^4.3.4"
             },
             "engines": {
@@ -1841,12 +3045,14 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
+            "integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.31.0",
-                "@typescript-eslint/visitor-keys": "8.31.0"
+                "@typescript-eslint/types": "8.32.1",
+                "@typescript-eslint/visitor-keys": "8.32.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1857,14 +3063,16 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
+            "integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/typescript-estree": "8.31.0",
-                "@typescript-eslint/utils": "8.31.0",
+                "@typescript-eslint/typescript-estree": "8.32.1",
+                "@typescript-eslint/utils": "8.32.1",
                 "debug": "^4.3.4",
-                "ts-api-utils": "^2.0.1"
+                "ts-api-utils": "^2.1.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1879,7 +3087,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+            "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1891,18 +3101,20 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
+            "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.31.0",
-                "@typescript-eslint/visitor-keys": "8.31.0",
+                "@typescript-eslint/types": "8.32.1",
+                "@typescript-eslint/visitor-keys": "8.32.1",
                 "debug": "^4.3.4",
                 "fast-glob": "^3.3.2",
                 "is-glob": "^4.0.3",
                 "minimatch": "^9.0.4",
                 "semver": "^7.6.0",
-                "ts-api-utils": "^2.0.1"
+                "ts-api-utils": "^2.1.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1916,14 +3128,16 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.1.tgz",
+            "integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "8.31.0",
-                "@typescript-eslint/types": "8.31.0",
-                "@typescript-eslint/typescript-estree": "8.31.0"
+                "@eslint-community/eslint-utils": "^4.7.0",
+                "@typescript-eslint/scope-manager": "8.32.1",
+                "@typescript-eslint/types": "8.32.1",
+                "@typescript-eslint/typescript-estree": "8.32.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1938,11 +3152,13 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+            "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.31.0",
+                "@typescript-eslint/types": "8.32.1",
                 "eslint-visitor-keys": "^4.2.0"
             },
             "engines": {
@@ -1955,6 +3171,8 @@
         },
         "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -1965,7 +3183,9 @@
             }
         },
         "node_modules/@vitejs/plugin-vue": {
-            "version": "5.2.3",
+            "version": "5.2.4",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+            "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1977,7 +3197,9 @@
             }
         },
         "node_modules/@vitest/coverage-v8": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.1.3.tgz",
+            "integrity": "sha512-cj76U5gXCl3g88KSnf80kof6+6w+K4BjOflCl7t6yRJPDuCrHtVu0SgNYOUARJOL5TI8RScDbm5x4s1/P9bvpw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1998,8 +3220,8 @@
                 "url": "https://opencollective.com/vitest"
             },
             "peerDependencies": {
-                "@vitest/browser": "3.1.2",
-                "vitest": "3.1.2"
+                "@vitest/browser": "3.1.3",
+                "vitest": "3.1.3"
             },
             "peerDependenciesMeta": {
                 "@vitest/browser": {
@@ -2009,6 +3231,8 @@
         },
         "node_modules/@vitest/eslint-plugin": {
             "version": "1.1.31",
+            "resolved": "https://registry.npmjs.org/@vitest/eslint-plugin/-/eslint-plugin-1.1.31.tgz",
+            "integrity": "sha512-xlsLr+e+AXZ/00eVZCtNmMeCJoJaRCoLDiAgLcxgQjSS1EertieB2MUHf8xIqPKs9lECc/UpL+y1xDcpvi02hw==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -2027,12 +3251,14 @@
             }
         },
         "node_modules/@vitest/expect": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.1.3.tgz",
+            "integrity": "sha512-7FTQQuuLKmN1Ig/h+h/GO+44Q1IlglPlR2es4ab7Yvfx+Uk5xsv+Ykk+MEt/M2Yn/xGmzaLKxGw2lgy2bwuYqg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/spy": "3.1.2",
-                "@vitest/utils": "3.1.2",
+                "@vitest/spy": "3.1.3",
+                "@vitest/utils": "3.1.3",
                 "chai": "^5.2.0",
                 "tinyrainbow": "^2.0.0"
             },
@@ -2041,11 +3267,13 @@
             }
         },
         "node_modules/@vitest/mocker": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.1.3.tgz",
+            "integrity": "sha512-PJbLjonJK82uCWHjzgBJZuR7zmAOrSvKk1QBxrennDIgtH4uK0TB1PvYmc0XBCigxxtiAVPfWtAdy4lpz8SQGQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/spy": "3.1.2",
+                "@vitest/spy": "3.1.3",
                 "estree-walker": "^3.0.3",
                 "magic-string": "^0.30.17"
             },
@@ -2065,16 +3293,10 @@
                 }
             }
         },
-        "node_modules/@vitest/mocker/node_modules/estree-walker": {
-            "version": "3.0.3",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.0"
-            }
-        },
         "node_modules/@vitest/pretty-format": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.1.3.tgz",
+            "integrity": "sha512-i6FDiBeJUGLDKADw2Gb01UtUNb12yyXAqC/mmRWuYl+m/U9GS7s8us5ONmGkGpUUo7/iAYzI2ePVfOZTYvUifA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2085,11 +3307,13 @@
             }
         },
         "node_modules/@vitest/runner": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.1.3.tgz",
+            "integrity": "sha512-Tae+ogtlNfFei5DggOsSUvkIaSuVywujMj6HzR97AHK6XK8i3BuVyIifWAm/sE3a15lF5RH9yQIrbXYuo0IFyA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/utils": "3.1.2",
+                "@vitest/utils": "3.1.3",
                 "pathe": "^2.0.3"
             },
             "funding": {
@@ -2097,11 +3321,13 @@
             }
         },
         "node_modules/@vitest/snapshot": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.1.3.tgz",
+            "integrity": "sha512-XVa5OPNTYUsyqG9skuUkFzAeFnEzDp8hQu7kZ0N25B1+6KjGm4hWLtURyBbsIAOekfWQ7Wuz/N/XXzgYO3deWQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/pretty-format": "3.1.2",
+                "@vitest/pretty-format": "3.1.3",
                 "magic-string": "^0.30.17",
                 "pathe": "^2.0.3"
             },
@@ -2110,7 +3336,9 @@
             }
         },
         "node_modules/@vitest/spy": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.1.3.tgz",
+            "integrity": "sha512-x6w+ctOEmEXdWaa6TO4ilb7l9DxPR5bwEb6hILKuxfU1NqWT2mpJD9NJN7t3OTfxmVlOMrvtoFJGdgyzZ605lQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2121,11 +3349,13 @@
             }
         },
         "node_modules/@vitest/utils": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.1.3.tgz",
+            "integrity": "sha512-2Ltrpht4OmHO9+c/nmHtF09HWiyWdworqnHIwjfvDyWjuwKbdkcS9AnhsDn+8E2RM4x++foD1/tNuLPVvWG1Rg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/pretty-format": "3.1.2",
+                "@vitest/pretty-format": "3.1.3",
                 "loupe": "^3.1.3",
                 "tinyrainbow": "^2.0.0"
             },
@@ -2134,35 +3364,45 @@
             }
         },
         "node_modules/@volar/language-core": {
-            "version": "2.4.12",
+            "version": "2.4.14",
+            "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.14.tgz",
+            "integrity": "sha512-X6beusV0DvuVseaOEy7GoagS4rYHgDHnTrdOj5jeUb49fW5ceQyP9Ej5rBhqgz2wJggl+2fDbbojq1XKaxDi6w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@volar/source-map": "2.4.12"
+                "@volar/source-map": "2.4.14"
             }
         },
         "node_modules/@volar/source-map": {
-            "version": "2.4.12",
+            "version": "2.4.14",
+            "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.14.tgz",
+            "integrity": "sha512-5TeKKMh7Sfxo8021cJfmBzcjfY1SsXsPMMjMvjY7ivesdnybqqS+GxGAoXHAOUawQTwtdUxgP65Im+dEmvWtYQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@volar/typescript": {
-            "version": "2.4.12",
+            "version": "2.4.14",
+            "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.14.tgz",
+            "integrity": "sha512-p8Z6f/bZM3/HyCdRNFZOEEzts51uV8WHeN8Tnfnm2EBv6FDB2TQLzfVx7aJvnl8ofKAOnS64B2O8bImBFaauRw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@volar/language-core": "2.4.12",
+                "@volar/language-core": "2.4.14",
                 "path-browserify": "^1.0.1",
                 "vscode-uri": "^3.0.8"
             }
         },
         "node_modules/@vue/babel-helper-vue-transform-on": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz",
+            "integrity": "sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@vue/babel-plugin-jsx": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz",
+            "integrity": "sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2187,6 +3427,8 @@
         },
         "node_modules/@vue/babel-plugin-resolve-type": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz",
+            "integrity": "sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2204,18 +3446,22 @@
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.14.tgz",
+            "integrity": "sha512-k7qMHMbKvoCXIxPhquKQVw3Twid3Kg4s7+oYURxLGRd56LiuHJVrvFKI4fm2AM3c8apqODPfVJGoh8nePbXMRA==",
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/shared": "3.5.13",
+                "@babel/parser": "^7.27.2",
+                "@vue/shared": "3.5.14",
                 "entities": "^4.5.0",
                 "estree-walker": "^2.0.2",
-                "source-map-js": "^1.2.0"
+                "source-map-js": "^1.2.1"
             }
         },
         "node_modules/@vue/compiler-core/node_modules/entities": {
             "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=0.12"
@@ -2224,39 +3470,59 @@
                 "url": "https://github.com/fb55/entities?sponsor=1"
             }
         },
+        "node_modules/@vue/compiler-core/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.14.tgz",
+            "integrity": "sha512-1aOCSqxGOea5I80U2hQJvXYpPm/aXo95xL/m/mMhgyPUsKe9jhjwWpziNAw7tYRnbz1I61rd9Mld4W9KmmRoug==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-core": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-core": "3.5.14",
+                "@vue/shared": "3.5.14"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.14.tgz",
+            "integrity": "sha512-9T6m/9mMr81Lj58JpzsiSIjBgv2LiVoWjIVa7kuXHICUi8LiDSIotMpPRXYJsXKqyARrzjT24NAwttrMnMaCXA==",
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/compiler-core": "3.5.13",
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13",
+                "@babel/parser": "^7.27.2",
+                "@vue/compiler-core": "3.5.14",
+                "@vue/compiler-dom": "3.5.14",
+                "@vue/compiler-ssr": "3.5.14",
+                "@vue/shared": "3.5.14",
                 "estree-walker": "^2.0.2",
-                "magic-string": "^0.30.11",
-                "postcss": "^8.4.48",
-                "source-map-js": "^1.2.0"
+                "magic-string": "^0.30.17",
+                "postcss": "^8.5.3",
+                "source-map-js": "^1.2.1"
             }
         },
+        "node_modules/@vue/compiler-sfc/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.14.tgz",
+            "integrity": "sha512-Y0G7PcBxr1yllnHuS/NxNCSPWnRGH4Ogrp0tsLA5QemDZuJLs99YjAKQ7KqkHE0vCg4QTKlQzXLKCMF7WPSl7Q==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-dom": "3.5.14",
+                "@vue/shared": "3.5.14"
             }
         },
         "node_modules/@vue/compiler-vue2": {
             "version": "2.7.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+            "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2266,15 +3532,19 @@
         },
         "node_modules/@vue/devtools-api": {
             "version": "6.6.4",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
             "license": "MIT"
         },
         "node_modules/@vue/devtools-core": {
-            "version": "7.7.5",
+            "version": "7.7.6",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-7.7.6.tgz",
+            "integrity": "sha512-ghVX3zjKPtSHu94Xs03giRIeIWlb9M+gvDRVpIZ/cRIxKHdW6HE/sm1PT3rUYS3aV92CazirT93ne+7IOvGUWg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vue/devtools-kit": "^7.7.5",
-                "@vue/devtools-shared": "^7.7.5",
+                "@vue/devtools-kit": "^7.7.6",
+                "@vue/devtools-shared": "^7.7.6",
                 "mitt": "^3.0.1",
                 "nanoid": "^5.1.0",
                 "pathe": "^2.0.3",
@@ -2286,6 +3556,8 @@
         },
         "node_modules/@vue/devtools-core/node_modules/nanoid": {
             "version": "5.1.5",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.5.tgz",
+            "integrity": "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==",
             "dev": true,
             "funding": [
                 {
@@ -2302,11 +3574,13 @@
             }
         },
         "node_modules/@vue/devtools-kit": {
-            "version": "7.7.5",
+            "version": "7.7.6",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.6.tgz",
+            "integrity": "sha512-geu7ds7tem2Y7Wz+WgbnbZ6T5eadOvozHZ23Atk/8tksHMFOFylKi1xgGlQlVn0wlkEf4hu+vd5ctj1G4kFtwA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vue/devtools-shared": "^7.7.5",
+                "@vue/devtools-shared": "^7.7.6",
                 "birpc": "^2.3.0",
                 "hookable": "^5.5.3",
                 "mitt": "^3.0.1",
@@ -2316,7 +3590,9 @@
             }
         },
         "node_modules/@vue/devtools-shared": {
-            "version": "7.7.5",
+            "version": "7.7.6",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.6.tgz",
+            "integrity": "sha512-yFEgJZ/WblEsojQQceuyK6FzpFDx4kqrz2ohInxNj5/DnhoX023upTv4OD6lNPLAA5LLkbwPVb10o/7b+Y4FVA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2325,6 +3601,8 @@
         },
         "node_modules/@vue/eslint-config-prettier": {
             "version": "10.2.0",
+            "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-10.2.0.tgz",
+            "integrity": "sha512-GL3YBLwv/+b86yHcNNfPJxOTtVFJ4Mbc9UU3zR+KVoG7SwGTjPT+32fXamscNumElhcpXW3mT0DgzS9w32S7Bw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2338,6 +3616,8 @@
         },
         "node_modules/@vue/eslint-config-typescript": {
             "version": "14.5.0",
+            "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.5.0.tgz",
+            "integrity": "sha512-5oPOyuwkw++AP5gHDh5YFmST50dPfWOcm3/W7Nbh42IK5O3H74ytWAw0TrCRTaBoD/02khnWXuZf1Bz1xflavQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2362,6 +3642,8 @@
         },
         "node_modules/@vue/language-core": {
             "version": "2.2.10",
+            "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.10.tgz",
+            "integrity": "sha512-+yNoYx6XIKuAO8Mqh1vGytu8jkFEOH5C8iOv3i8Z/65A7x9iAOXA97Q+PqZ3nlm2lxf5rOJuIGI/wDtx/riNYw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2384,47 +3666,59 @@
             }
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.14.tgz",
+            "integrity": "sha512-7cK1Hp343Fu/SUCCO52vCabjvsYu7ZkOqyYu7bXV9P2yyfjUMUXHZafEbq244sP7gf+EZEz+77QixBTuEqkQQw==",
             "license": "MIT",
             "dependencies": {
-                "@vue/shared": "3.5.13"
+                "@vue/shared": "3.5.14"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.14.tgz",
+            "integrity": "sha512-w9JWEANwHXNgieAhxPpEpJa+0V5G0hz3NmjAZwlOebtfKyp2hKxKF0+qSh0Xs6/PhfGihuSdqMprMVcQU/E6ag==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/reactivity": "3.5.14",
+                "@vue/shared": "3.5.14"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.14.tgz",
+            "integrity": "sha512-lCfR++IakeI35TVR80QgOelsUIdcKjd65rWAMfdSlCYnaEY5t3hYwru7vvcWaqmrK+LpI7ZDDYiGU5V3xjMacw==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/runtime-core": "3.5.13",
-                "@vue/shared": "3.5.13",
+                "@vue/reactivity": "3.5.14",
+                "@vue/runtime-core": "3.5.14",
+                "@vue/shared": "3.5.14",
                 "csstype": "^3.1.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.14.tgz",
+            "integrity": "sha512-Rf/ISLqokIvcySIYnv3tNWq40PLpNLDLSJwwVWzG6MNtyIhfbcrAxo5ZL9nARJhqjZyWWa40oRb2IDuejeuv6w==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-ssr": "3.5.14",
+                "@vue/shared": "3.5.14"
             },
             "peerDependencies": {
-                "vue": "3.5.13"
+                "vue": "3.5.14"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.14.tgz",
+            "integrity": "sha512-oXTwNxVfc9EtP1zzXAlSlgARLXNC84frFYkS0HHz0h3E4WZSP9sywqjqzGCP9Y34M8ipNmd380pVgmMuwELDyQ==",
             "license": "MIT"
         },
         "node_modules/@vue/test-utils": {
             "version": "2.4.6",
+            "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
+            "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2434,6 +3728,8 @@
         },
         "node_modules/@vue/tsconfig": {
             "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.7.0.tgz",
+            "integrity": "sha512-ku2uNz5MaZ9IerPPUyOHzyjhXoX2kVJaVf7hL315DC17vS6IiZRmmCPfggNbU16QTvM80+uYYy3eYJB59WCtvg==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -2450,12 +3746,14 @@
             }
         },
         "node_modules/@vueuse/core": {
-            "version": "13.1.0",
+            "version": "13.2.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-13.2.0.tgz",
+            "integrity": "sha512-n5TZoIAxbWAQ3PqdVPDzLgIRQOujFfMlatdI+f7ditSmoEeNpPBvp7h2zamzikCmrhFIePAwdEQB6ENccHr7Rg==",
             "license": "MIT",
             "dependencies": {
                 "@types/web-bluetooth": "^0.0.21",
-                "@vueuse/metadata": "13.1.0",
-                "@vueuse/shared": "13.1.0"
+                "@vueuse/metadata": "13.2.0",
+                "@vueuse/shared": "13.2.0"
             },
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
@@ -2465,14 +3763,18 @@
             }
         },
         "node_modules/@vueuse/metadata": {
-            "version": "13.1.0",
+            "version": "13.2.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-13.2.0.tgz",
+            "integrity": "sha512-kPpzuQCU0+D8DZCzK0iPpIcXI+6ufWSgwnjJ6//GNpEn+SHViaCtR+XurzORChSgvpHO9YC8gGM97Y1kB+UabA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
             }
         },
         "node_modules/@vueuse/shared": {
-            "version": "13.1.0",
+            "version": "13.2.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-13.2.0.tgz",
+            "integrity": "sha512-vx9ZPDF5HcU9up3Jgt3G62dMUfZEdk6tLyBAHYAG4F4n73vpaA7J5hdncDI/lS9Vm7GA/FPlbOmh9TrDZROTpg==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/antfu"
@@ -2483,6 +3785,8 @@
         },
         "node_modules/abbrev": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+            "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -2491,6 +3795,8 @@
         },
         "node_modules/accepts": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+            "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
             "license": "MIT",
             "dependencies": {
                 "mime-types": "^3.0.0",
@@ -2502,6 +3808,8 @@
         },
         "node_modules/acorn": {
             "version": "8.14.1",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+            "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -2513,6 +3821,8 @@
         },
         "node_modules/acorn-jsx": {
             "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -2521,6 +3831,8 @@
         },
         "node_modules/acorn-walk": {
             "version": "8.3.4",
+            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+            "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2532,6 +3844,8 @@
         },
         "node_modules/agent-base": {
             "version": "7.1.3",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+            "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 14"
@@ -2539,6 +3853,8 @@
         },
         "node_modules/agentkeepalive": {
             "version": "4.6.0",
+            "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+            "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -2550,6 +3866,8 @@
         },
         "node_modules/aggregate-error": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -2562,6 +3880,8 @@
         },
         "node_modules/ajv": {
             "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2577,11 +3897,15 @@
         },
         "node_modules/alien-signals": {
             "version": "1.0.13",
+            "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
+            "integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
             "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2593,6 +3917,8 @@
         },
         "node_modules/ansi-styles": {
             "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2607,11 +3933,16 @@
         },
         "node_modules/aproba": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+            "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/are-we-there-yet": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz",
+            "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==",
+            "deprecated": "This package is no longer supported.",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2624,15 +3955,21 @@
         },
         "node_modules/arg": {
             "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/argparse": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
             "license": "Python-2.0"
         },
         "node_modules/array-union": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -2640,14 +3977,24 @@
         },
         "node_modules/assertion-error": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+            "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
             "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=12"
             }
         },
+        "node_modules/async": {
+            "version": "3.2.6",
+            "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+            "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+            "license": "MIT"
+        },
         "node_modules/async-exit-hook": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/async-exit-hook/-/async-exit-hook-2.0.1.tgz",
+            "integrity": "sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.12.0"
@@ -2655,10 +4002,14 @@
         },
         "node_modules/asynckit": {
             "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
             "license": "MIT"
         },
         "node_modules/axios": {
-            "version": "1.8.4",
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+            "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.6",
@@ -2668,10 +4019,14 @@
         },
         "node_modules/balanced-match": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
             "license": "MIT"
         },
         "node_modules/base64-js": {
             "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
             "funding": [
                 {
                     "type": "github",
@@ -2690,6 +4045,8 @@
         },
         "node_modules/bindings": {
             "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+            "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
             "license": "MIT",
             "dependencies": {
                 "file-uri-to-path": "1.0.0"
@@ -2697,6 +4054,8 @@
         },
         "node_modules/birpc": {
             "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.3.0.tgz",
+            "integrity": "sha512-ijbtkn/F3Pvzb6jHypHRyve2QApOCZDR25D/VnkY2G/lBNcXCTsnsCxgY4k4PkVB7zfwzYbY3O9Lcqe3xufS5g==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -2705,6 +4064,8 @@
         },
         "node_modules/bl": {
             "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+            "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
             "license": "MIT",
             "dependencies": {
                 "buffer": "^5.5.0",
@@ -2714,6 +4075,8 @@
         },
         "node_modules/body-parser": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
+            "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
             "license": "MIT",
             "dependencies": {
                 "bytes": "^3.1.2",
@@ -2732,11 +4095,15 @@
         },
         "node_modules/boolbase": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/brace-expansion": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
             "license": "MIT",
             "dependencies": {
                 "balanced-match": "^1.0.0"
@@ -2744,6 +4111,8 @@
         },
         "node_modules/braces": {
             "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
             "license": "MIT",
             "dependencies": {
                 "fill-range": "^7.1.1"
@@ -2753,7 +4122,9 @@
             }
         },
         "node_modules/browserslist": {
-            "version": "4.24.4",
+            "version": "4.24.5",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.5.tgz",
+            "integrity": "sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==",
             "dev": true,
             "funding": [
                 {
@@ -2771,10 +4142,10 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "caniuse-lite": "^1.0.30001688",
-                "electron-to-chromium": "^1.5.73",
+                "caniuse-lite": "^1.0.30001716",
+                "electron-to-chromium": "^1.5.149",
                 "node-releases": "^2.0.19",
-                "update-browserslist-db": "^1.1.1"
+                "update-browserslist-db": "^1.1.3"
             },
             "bin": {
                 "browserslist": "cli.js"
@@ -2785,6 +4156,8 @@
         },
         "node_modules/btoa": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+            "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
             "license": "(MIT OR Apache-2.0)",
             "bin": {
                 "btoa": "bin/btoa.js"
@@ -2795,6 +4168,8 @@
         },
         "node_modules/buffer": {
             "version": "5.7.1",
+            "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+            "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
             "funding": [
                 {
                     "type": "github",
@@ -2817,10 +4192,14 @@
         },
         "node_modules/buffer-equal-constant-time": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+            "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
             "license": "BSD-3-Clause"
         },
         "node_modules/bundle-name": {
             "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+            "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2835,6 +4214,8 @@
         },
         "node_modules/bytes": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+            "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -2842,6 +4223,8 @@
         },
         "node_modules/cac": {
             "version": "6.7.14",
+            "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+            "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2850,6 +4233,8 @@
         },
         "node_modules/cacache": {
             "version": "15.3.0",
+            "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz",
+            "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2878,6 +4263,8 @@
         },
         "node_modules/cacache/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -2887,6 +4274,9 @@
         },
         "node_modules/cacache/node_modules/glob": {
             "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "deprecated": "Glob versions prior to v9 are no longer supported",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2906,6 +4296,8 @@
         },
         "node_modules/cacache/node_modules/lru-cache": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2917,6 +4309,8 @@
         },
         "node_modules/cacache/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2928,6 +4322,8 @@
         },
         "node_modules/cacache/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -2939,6 +4335,8 @@
         },
         "node_modules/call-bind-apply-helpers": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -2950,6 +4348,8 @@
         },
         "node_modules/call-bound": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -2964,6 +4364,8 @@
         },
         "node_modules/callsites": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -2971,7 +4373,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001715",
+            "version": "1.0.30001718",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz",
+            "integrity": "sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==",
             "dev": true,
             "funding": [
                 {
@@ -2991,6 +4395,8 @@
         },
         "node_modules/chai": {
             "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz",
+            "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3006,6 +4412,8 @@
         },
         "node_modules/chalk": {
             "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3021,6 +4429,8 @@
         },
         "node_modules/check-error": {
             "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+            "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3029,6 +4439,8 @@
         },
         "node_modules/chownr": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
             "license": "ISC",
             "engines": {
                 "node": ">=10"
@@ -3036,6 +4448,8 @@
         },
         "node_modules/clean-stack": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -3044,6 +4458,8 @@
         },
         "node_modules/cliui": {
             "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3057,6 +4473,8 @@
         },
         "node_modules/cliui/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3065,11 +4483,15 @@
         },
         "node_modules/cliui/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/cliui/node_modules/string-width": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3083,6 +4505,8 @@
         },
         "node_modules/cliui/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3094,6 +4518,8 @@
         },
         "node_modules/cliui/node_modules/wrap-ansi": {
             "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3110,10 +4536,14 @@
         },
         "node_modules/code-block-writer": {
             "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
+            "integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==",
             "license": "MIT"
         },
         "node_modules/color": {
             "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+            "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
             "license": "MIT",
             "dependencies": {
                 "color-convert": "^1.9.3",
@@ -3122,6 +4552,8 @@
         },
         "node_modules/color-convert": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3133,10 +4565,14 @@
         },
         "node_modules/color-name": {
             "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
             "license": "MIT"
         },
         "node_modules/color-string": {
             "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+            "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
             "license": "MIT",
             "dependencies": {
                 "color-name": "^1.0.0",
@@ -3145,6 +4581,8 @@
         },
         "node_modules/color-support": {
             "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
             "license": "ISC",
             "optional": true,
             "bin": {
@@ -3153,6 +4591,8 @@
         },
         "node_modules/color/node_modules/color-convert": {
             "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
             "license": "MIT",
             "dependencies": {
                 "color-name": "1.1.3"
@@ -3160,14 +4600,20 @@
         },
         "node_modules/color/node_modules/color-name": {
             "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
             "license": "MIT"
         },
         "node_modules/colorette": {
             "version": "2.0.19",
+            "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
+            "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
             "license": "MIT"
         },
         "node_modules/colorspace": {
             "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.4.tgz",
+            "integrity": "sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==",
             "license": "MIT",
             "dependencies": {
                 "color": "^3.1.3",
@@ -3176,6 +4622,8 @@
         },
         "node_modules/combined-stream": {
             "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
             "license": "MIT",
             "dependencies": {
                 "delayed-stream": "~1.0.0"
@@ -3186,6 +4634,8 @@
         },
         "node_modules/commander": {
             "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+            "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
             "license": "MIT",
             "engines": {
                 "node": ">=14"
@@ -3193,11 +4643,15 @@
         },
         "node_modules/concat-map": {
             "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
             "devOptional": true,
             "license": "MIT"
         },
         "node_modules/config-chain": {
             "version": "1.1.13",
+            "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+            "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3207,11 +4661,15 @@
         },
         "node_modules/console-control-strings": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/content-disposition": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz",
+            "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
             "license": "MIT",
             "dependencies": {
                 "safe-buffer": "5.2.1"
@@ -3222,6 +4680,8 @@
         },
         "node_modules/content-type": {
             "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+            "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -3229,11 +4689,15 @@
         },
         "node_modules/convert-source-map": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/cookie": {
             "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+            "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -3241,6 +4705,8 @@
         },
         "node_modules/cookie-signature": {
             "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+            "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.6.0"
@@ -3248,6 +4714,8 @@
         },
         "node_modules/copy-anything": {
             "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
+            "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3262,6 +4730,8 @@
         },
         "node_modules/cors": {
             "version": "2.8.5",
+            "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+            "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
             "license": "MIT",
             "dependencies": {
                 "object-assign": "^4",
@@ -3273,15 +4743,21 @@
         },
         "node_modules/create-require": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/cross": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/cross/-/cross-1.0.0.tgz",
+            "integrity": "sha512-p6hXbCnjuIB4bhKWFeztQd7VwffgQP9zOBzUoiA8Lvi01RzQY0e7PbPFU/uqVPTM2stY7uCpVck1UTPpxhinMQ==",
             "license": "BSD"
         },
         "node_modules/cross-env": {
             "version": "7.0.3",
+            "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
+            "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
             "license": "MIT",
             "dependencies": {
                 "cross-spawn": "^7.0.1"
@@ -3298,6 +4774,8 @@
         },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
             "license": "MIT",
             "dependencies": {
                 "path-key": "^3.1.0",
@@ -3310,6 +4788,8 @@
         },
         "node_modules/cssesc": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -3321,6 +4801,8 @@
         },
         "node_modules/cssstyle": {
             "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.3.1.tgz",
+            "integrity": "sha512-ZgW+Jgdd7i52AaLYCriF8Mxqft0gD/R9i9wi6RWBhs1pqdPEzPjym7rvRKi397WmQFf3SlyUsszhw+VVCbx79Q==",
             "license": "MIT",
             "dependencies": {
                 "@asamuzakjp/css-color": "^3.1.2",
@@ -3332,10 +4814,14 @@
         },
         "node_modules/csstype": {
             "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
             "license": "MIT"
         },
         "node_modules/data-urls": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+            "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
             "license": "MIT",
             "dependencies": {
                 "whatwg-mimetype": "^4.0.0",
@@ -3347,15 +4833,21 @@
         },
         "node_modules/dataloader": {
             "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/dataloader/-/dataloader-2.2.3.tgz",
+            "integrity": "sha512-y2krtASINtPFS1rSDjacrFgn1dcUuoREVabwlOGOe4SdxenREqwjwjElAdwvbGM7kgZz9a3KVicWR7vcz8rnzA==",
             "license": "MIT"
         },
         "node_modules/de-indent": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+            "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/debug": {
-            "version": "4.4.0",
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+            "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
             "license": "MIT",
             "dependencies": {
                 "ms": "^2.1.3"
@@ -3371,10 +4863,14 @@
         },
         "node_modules/decimal.js": {
             "version": "10.5.0",
+            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
+            "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
             "license": "MIT"
         },
         "node_modules/decompress-response": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+            "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
             "license": "MIT",
             "dependencies": {
                 "mimic-response": "^3.1.0"
@@ -3388,6 +4884,8 @@
         },
         "node_modules/deep-eql": {
             "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+            "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3396,6 +4894,8 @@
         },
         "node_modules/deep-extend": {
             "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+            "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
             "license": "MIT",
             "engines": {
                 "node": ">=4.0.0"
@@ -3403,11 +4903,15 @@
         },
         "node_modules/deep-is": {
             "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/deepmerge": {
             "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+            "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3416,6 +4920,8 @@
         },
         "node_modules/default-browser": {
             "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
+            "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3431,6 +4937,8 @@
         },
         "node_modules/default-browser-id": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
+            "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3442,6 +4950,8 @@
         },
         "node_modules/define-lazy-prop": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+            "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3453,6 +4963,8 @@
         },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.4.0"
@@ -3460,11 +4972,15 @@
         },
         "node_modules/delegates": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/depd": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+            "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -3472,13 +4988,27 @@
         },
         "node_modules/detect-libc": {
             "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+            "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=8"
             }
         },
+        "node_modules/diff": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
         "node_modules/dir-glob": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
             "license": "MIT",
             "dependencies": {
                 "path-type": "^4.0.0"
@@ -3489,6 +5019,8 @@
         },
         "node_modules/dompurify": {
             "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.5.tgz",
+            "integrity": "sha512-mLPd29uoRe9HpvwP2TxClGQBzGXeEC/we/q+bFlmPPmj2p2Ugl3r6ATu/UU1v77DXNcehiBg9zsr1dREyA/dJQ==",
             "license": "(MPL-2.0 OR Apache-2.0)",
             "optionalDependencies": {
                 "@types/trusted-types": "^2.0.7"
@@ -3496,6 +5028,8 @@
         },
         "node_modules/dotenv": {
             "version": "16.5.0",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.5.0.tgz",
+            "integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=12"
@@ -3506,6 +5040,8 @@
         },
         "node_modules/dunder-proto": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
@@ -3526,11 +5062,15 @@
         },
         "node_modules/eastasianwidth": {
             "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/ecdsa-sig-formatter": {
             "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+            "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
             "license": "Apache-2.0",
             "dependencies": {
                 "safe-buffer": "^5.0.1"
@@ -3538,6 +5078,8 @@
         },
         "node_modules/editorconfig": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+            "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3555,6 +5097,8 @@
         },
         "node_modules/editorconfig/node_modules/minimatch": {
             "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+            "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -3569,24 +5113,34 @@
         },
         "node_modules/ee-first": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+            "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.141",
+            "version": "1.5.155",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.155.tgz",
+            "integrity": "sha512-ps5KcGGmwL8VaeJlvlDlu4fORQpv3+GIcF5I3f9tUKUlJ/wsysh6HU8P5L1XWRYeXfA0oJd4PyM8ds8zTFf6Ng==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/emoji-regex": {
             "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/enabled": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/enabled/-/enabled-2.0.0.tgz",
+            "integrity": "sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==",
             "license": "MIT"
         },
         "node_modules/encodeurl": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+            "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -3594,6 +5148,8 @@
         },
         "node_modules/encoding": {
             "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+            "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -3602,6 +5158,8 @@
         },
         "node_modules/end-of-stream": {
             "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+            "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
             "license": "MIT",
             "dependencies": {
                 "once": "^1.4.0"
@@ -3609,6 +5167,8 @@
         },
         "node_modules/entities": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
+            "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=0.12"
@@ -3619,6 +5179,8 @@
         },
         "node_modules/env-paths": {
             "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+            "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -3627,11 +5189,15 @@
         },
         "node_modules/err-code": {
             "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+            "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/error-stack-parser-es": {
             "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/error-stack-parser-es/-/error-stack-parser-es-0.1.5.tgz",
+            "integrity": "sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -3640,6 +5206,8 @@
         },
         "node_modules/es-define-property": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3647,6 +5215,8 @@
         },
         "node_modules/es-errors": {
             "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -3654,11 +5224,15 @@
         },
         "node_modules/es-module-lexer": {
             "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+            "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/es-object-atoms": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0"
@@ -3669,6 +5243,8 @@
         },
         "node_modules/es-set-tostringtag": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -3681,7 +5257,9 @@
             }
         },
         "node_modules/esbuild": {
-            "version": "0.25.3",
+            "version": "0.25.4",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
+            "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
@@ -3692,35 +5270,37 @@
                 "node": ">=18"
             },
             "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.25.3",
-                "@esbuild/android-arm": "0.25.3",
-                "@esbuild/android-arm64": "0.25.3",
-                "@esbuild/android-x64": "0.25.3",
-                "@esbuild/darwin-arm64": "0.25.3",
-                "@esbuild/darwin-x64": "0.25.3",
-                "@esbuild/freebsd-arm64": "0.25.3",
-                "@esbuild/freebsd-x64": "0.25.3",
-                "@esbuild/linux-arm": "0.25.3",
-                "@esbuild/linux-arm64": "0.25.3",
-                "@esbuild/linux-ia32": "0.25.3",
-                "@esbuild/linux-loong64": "0.25.3",
-                "@esbuild/linux-mips64el": "0.25.3",
-                "@esbuild/linux-ppc64": "0.25.3",
-                "@esbuild/linux-riscv64": "0.25.3",
-                "@esbuild/linux-s390x": "0.25.3",
-                "@esbuild/linux-x64": "0.25.3",
-                "@esbuild/netbsd-arm64": "0.25.3",
-                "@esbuild/netbsd-x64": "0.25.3",
-                "@esbuild/openbsd-arm64": "0.25.3",
-                "@esbuild/openbsd-x64": "0.25.3",
-                "@esbuild/sunos-x64": "0.25.3",
-                "@esbuild/win32-arm64": "0.25.3",
-                "@esbuild/win32-ia32": "0.25.3",
-                "@esbuild/win32-x64": "0.25.3"
+                "@esbuild/aix-ppc64": "0.25.4",
+                "@esbuild/android-arm": "0.25.4",
+                "@esbuild/android-arm64": "0.25.4",
+                "@esbuild/android-x64": "0.25.4",
+                "@esbuild/darwin-arm64": "0.25.4",
+                "@esbuild/darwin-x64": "0.25.4",
+                "@esbuild/freebsd-arm64": "0.25.4",
+                "@esbuild/freebsd-x64": "0.25.4",
+                "@esbuild/linux-arm": "0.25.4",
+                "@esbuild/linux-arm64": "0.25.4",
+                "@esbuild/linux-ia32": "0.25.4",
+                "@esbuild/linux-loong64": "0.25.4",
+                "@esbuild/linux-mips64el": "0.25.4",
+                "@esbuild/linux-ppc64": "0.25.4",
+                "@esbuild/linux-riscv64": "0.25.4",
+                "@esbuild/linux-s390x": "0.25.4",
+                "@esbuild/linux-x64": "0.25.4",
+                "@esbuild/netbsd-arm64": "0.25.4",
+                "@esbuild/netbsd-x64": "0.25.4",
+                "@esbuild/openbsd-arm64": "0.25.4",
+                "@esbuild/openbsd-x64": "0.25.4",
+                "@esbuild/sunos-x64": "0.25.4",
+                "@esbuild/win32-arm64": "0.25.4",
+                "@esbuild/win32-ia32": "0.25.4",
+                "@esbuild/win32-x64": "0.25.4"
             }
         },
         "node_modules/escalade": {
             "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -3728,10 +5308,14 @@
         },
         "node_modules/escape-html": {
             "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
             "license": "MIT"
         },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3742,7 +5326,9 @@
             }
         },
         "node_modules/eslint": {
-            "version": "9.25.1",
+            "version": "9.26.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.26.0.tgz",
+            "integrity": "sha512-Hx0MOjPh6uK9oq9nVsATZKE/Wlbai7KFjfCuw9UHaguDW3x+HF0O5nIi3ud39TWgrTjTO5nHxmL3R1eANinWHQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3752,11 +5338,12 @@
                 "@eslint/config-helpers": "^0.2.1",
                 "@eslint/core": "^0.13.0",
                 "@eslint/eslintrc": "^3.3.1",
-                "@eslint/js": "9.25.1",
+                "@eslint/js": "9.26.0",
                 "@eslint/plugin-kit": "^0.2.8",
                 "@humanfs/node": "^0.16.6",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "@humanwhocodes/retry": "^0.4.2",
+                "@modelcontextprotocol/sdk": "^1.8.0",
                 "@types/estree": "^1.0.6",
                 "@types/json-schema": "^7.0.15",
                 "ajv": "^6.12.4",
@@ -3780,7 +5367,8 @@
                 "lodash.merge": "^4.6.2",
                 "minimatch": "^3.1.2",
                 "natural-compare": "^1.4.0",
-                "optionator": "^0.9.3"
+                "optionator": "^0.9.3",
+                "zod": "^3.24.2"
             },
             "bin": {
                 "eslint": "bin/eslint.js"
@@ -3801,18 +5389,25 @@
             }
         },
         "node_modules/eslint-config-prettier": {
-            "version": "10.1.2",
+            "version": "10.1.5",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.5.tgz",
+            "integrity": "sha512-zc1UmCpNltmVY34vuLRV61r1K27sWuX39E+uyUnY8xS2Bex88VV9cugG+UZbRSRGtGyFboj+D8JODyme1plMpw==",
             "dev": true,
             "license": "MIT",
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
             },
+            "funding": {
+                "url": "https://opencollective.com/eslint-config-prettier"
+            },
             "peerDependencies": {
                 "eslint": ">=7.0.0"
             }
         },
         "node_modules/eslint-plugin-playwright": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz",
+            "integrity": "sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==",
             "dev": true,
             "license": "MIT",
             "workspaces": [
@@ -3830,6 +5425,8 @@
         },
         "node_modules/eslint-plugin-playwright/node_modules/globals": {
             "version": "13.24.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3843,7 +5440,9 @@
             }
         },
         "node_modules/eslint-plugin-prettier": {
-            "version": "5.2.6",
+            "version": "5.4.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.4.0.tgz",
+            "integrity": "sha512-BvQOvUhkVQM1i63iMETK9Hjud9QhqBnbtT1Zc642p9ynzBuCe5pybkOnvqZIBypXmMlsGcnU4HZ8sCTPfpAexA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3873,6 +5472,8 @@
         },
         "node_modules/eslint-plugin-vue": {
             "version": "9.33.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
+            "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3894,6 +5495,8 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/eslint-scope": {
             "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -3909,6 +5512,8 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/espree": {
             "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -3925,6 +5530,8 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/globals": {
             "version": "13.24.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3939,6 +5546,8 @@
         },
         "node_modules/eslint-plugin-vue/node_modules/vue-eslint-parser": {
             "version": "9.4.3",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+            "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3962,6 +5571,8 @@
         },
         "node_modules/eslint-scope": {
             "version": "8.3.0",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.3.0.tgz",
+            "integrity": "sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -3977,6 +5588,8 @@
         },
         "node_modules/eslint-visitor-keys": {
             "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -3988,6 +5601,8 @@
         },
         "node_modules/eslint/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3997,6 +5612,8 @@
         },
         "node_modules/eslint/node_modules/eslint-visitor-keys": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4006,8 +5623,20 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/eslint/node_modules/ignore": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
         "node_modules/eslint/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4019,6 +5648,8 @@
         },
         "node_modules/esm": {
             "version": "3.2.25",
+            "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
+            "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -4026,6 +5657,8 @@
         },
         "node_modules/espree": {
             "version": "10.3.0",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+            "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -4042,6 +5675,8 @@
         },
         "node_modules/espree/node_modules/eslint-visitor-keys": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4053,6 +5688,8 @@
         },
         "node_modules/esprima": {
             "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
             "license": "BSD-2-Clause",
             "bin": {
                 "esparse": "bin/esparse.js",
@@ -4064,6 +5701,8 @@
         },
         "node_modules/esquery": {
             "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -4075,6 +5714,8 @@
         },
         "node_modules/esrecurse": {
             "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -4086,6 +5727,8 @@
         },
         "node_modules/estraverse": {
             "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -4093,11 +5736,19 @@
             }
         },
         "node_modules/estree-walker": {
-            "version": "2.0.2",
-            "license": "MIT"
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "^1.0.0"
+            }
         },
         "node_modules/esutils": {
             "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
             "dev": true,
             "license": "BSD-2-Clause",
             "engines": {
@@ -4106,13 +5757,67 @@
         },
         "node_modules/etag": {
             "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+            "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
             }
         },
+        "node_modules/eventsource": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+            "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "eventsource-parser": "^3.0.1"
+            },
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/eventsource-parser": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.2.tgz",
+            "integrity": "sha512-6RxOBZ/cYgd8usLwsEl+EC09Au/9BcmCKYF2/xbml6DNczf7nv0MQb+7BA2F+li6//I+28VNlQR37XfQtcAJuA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/execa": {
+            "version": "9.5.3",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-9.5.3.tgz",
+            "integrity": "sha512-QFNnTvU3UjgWFy8Ef9iDHvIdcgZ344ebkwYx4/KLbR+CKQA4xBaHzv+iRpp86QfMHP8faFQLh8iOc57215y4Rg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@sindresorhus/merge-streams": "^4.0.0",
+                "cross-spawn": "^7.0.3",
+                "figures": "^6.1.0",
+                "get-stream": "^9.0.0",
+                "human-signals": "^8.0.0",
+                "is-plain-obj": "^4.1.0",
+                "is-stream": "^4.0.1",
+                "npm-run-path": "^6.0.0",
+                "pretty-ms": "^9.0.0",
+                "signal-exit": "^4.1.0",
+                "strip-final-newline": "^4.0.0",
+                "yoctocolors": "^2.0.0"
+            },
+            "engines": {
+                "node": "^18.19.0 || >=20.5.0"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/execa?sponsor=1"
+            }
+        },
         "node_modules/expand-template": {
             "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+            "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
             "license": "(MIT OR WTFPL)",
             "engines": {
                 "node": ">=6"
@@ -4120,6 +5825,8 @@
         },
         "node_modules/expect-type": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.1.tgz",
+            "integrity": "sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4128,6 +5835,8 @@
         },
         "node_modules/express": {
             "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz",
+            "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
             "license": "MIT",
             "dependencies": {
                 "accepts": "^2.0.0",
@@ -4168,6 +5877,8 @@
         },
         "node_modules/express-jwt": {
             "version": "8.5.1",
+            "resolved": "https://registry.npmjs.org/express-jwt/-/express-jwt-8.5.1.tgz",
+            "integrity": "sha512-Dv6QjDLpR2jmdb8M6XQXiCcpEom7mK8TOqnr0/TngDKsG2DHVkO8+XnVxkJVN7BuS1I3OrGw6N8j5DaaGgkDRQ==",
             "license": "MIT",
             "dependencies": {
                 "@types/jsonwebtoken": "^9",
@@ -4178,22 +5889,46 @@
                 "node": ">= 8.0.0"
             }
         },
+        "node_modules/express-rate-limit": {
+            "version": "7.5.0",
+            "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.5.0.tgz",
+            "integrity": "sha512-eB5zbQh5h+VenMPM3fh+nw1YExi5nMr6HUCR62ELSP11huvxm/Uir1H1QEyTkk5QX6A58pX6NmaTMceKZ0Eodg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/express-rate-limit"
+            },
+            "peerDependencies": {
+                "express": "^4.11 || 5 || ^5.0.0-beta.1"
+            }
+        },
         "node_modules/express-unless": {
             "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/express-unless/-/express-unless-2.1.3.tgz",
+            "integrity": "sha512-wj4tLMyCVYuIIKHGt0FhCtIViBcwzWejX0EjNxveAa6dG+0XBCQhMbx+PnkLkFCxLC69qoFrxds4pIyL88inaQ==",
             "license": "MIT"
         },
         "node_modules/fast-deep-equal": {
             "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-diff": {
             "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+            "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
             "dev": true,
             "license": "Apache-2.0"
         },
         "node_modules/fast-glob": {
             "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
             "license": "MIT",
             "dependencies": {
                 "@nodelib/fs.stat": "^2.0.2",
@@ -4208,6 +5943,8 @@
         },
         "node_modules/fast-glob/node_modules/glob-parent": {
             "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
             "license": "ISC",
             "dependencies": {
                 "is-glob": "^4.0.1"
@@ -4218,16 +5955,22 @@
         },
         "node_modules/fast-json-stable-stringify": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fast-levenshtein": {
             "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/fastq": {
             "version": "1.19.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
             "license": "ISC",
             "dependencies": {
                 "reusify": "^1.0.4"
@@ -4235,10 +5978,14 @@
         },
         "node_modules/fecha": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz",
+            "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
             "license": "MIT"
         },
         "node_modules/figlet": {
             "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/figlet/-/figlet-1.8.1.tgz",
+            "integrity": "sha512-kEC3Sme+YvA8Hkibv0NR1oClGcWia0VB2fC1SlMy027cwe795Xx40Xiv/nw/iFAwQLupymWh+uhAAErn/7hwPg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4248,8 +5995,26 @@
                 "node": ">= 0.4.0"
             }
         },
+        "node_modules/figures": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
+            "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-unicode-supported": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/file-entry-cache": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+            "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4261,10 +6026,14 @@
         },
         "node_modules/file-uri-to-path": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+            "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
             "license": "MIT"
         },
         "node_modules/fill-range": {
             "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
             "license": "MIT",
             "dependencies": {
                 "to-regex-range": "^5.0.1"
@@ -4275,6 +6044,8 @@
         },
         "node_modules/finalhandler": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz",
+            "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
             "license": "MIT",
             "dependencies": {
                 "debug": "^4.4.0",
@@ -4290,6 +6061,8 @@
         },
         "node_modules/find-up": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4305,6 +6078,8 @@
         },
         "node_modules/flat-cache": {
             "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+            "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4317,15 +6092,21 @@
         },
         "node_modules/flatted": {
             "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+            "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/fn.name": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/fn.name/-/fn.name-1.1.0.tgz",
+            "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==",
             "license": "MIT"
         },
         "node_modules/follow-redirects": {
             "version": "1.15.9",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
             "funding": [
                 {
                     "type": "individual",
@@ -4344,6 +6125,8 @@
         },
         "node_modules/foreground-child": {
             "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+            "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4359,6 +6142,8 @@
         },
         "node_modules/form-data": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+            "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
             "license": "MIT",
             "dependencies": {
                 "asynckit": "^0.4.0",
@@ -4372,6 +6157,8 @@
         },
         "node_modules/form-data/node_modules/mime-db": {
             "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -4379,6 +6166,8 @@
         },
         "node_modules/form-data/node_modules/mime-types": {
             "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
             "license": "MIT",
             "dependencies": {
                 "mime-db": "1.52.0"
@@ -4389,6 +6178,8 @@
         },
         "node_modules/forwarded": {
             "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+            "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -4396,6 +6187,8 @@
         },
         "node_modules/fresh": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+            "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -4403,10 +6196,14 @@
         },
         "node_modules/fs-constants": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+            "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
             "license": "MIT"
         },
         "node_modules/fs-extra": {
             "version": "11.3.0",
+            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
+            "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
             "license": "MIT",
             "dependencies": {
                 "graceful-fs": "^4.2.0",
@@ -4419,6 +6216,8 @@
         },
         "node_modules/fs-minipass": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
             "license": "ISC",
             "dependencies": {
                 "minipass": "^3.0.0"
@@ -4429,6 +6228,8 @@
         },
         "node_modules/fs-minipass/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "dependencies": {
                 "yallist": "^4.0.0"
@@ -4439,11 +6240,29 @@
         },
         "node_modules/fs.realpath": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
             "devOptional": true,
             "license": "ISC"
         },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
         "node_modules/function-bind": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -4451,6 +6270,9 @@
         },
         "node_modules/gauge": {
             "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz",
+            "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==",
+            "deprecated": "This package is no longer supported.",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -4469,6 +6291,8 @@
         },
         "node_modules/gauge/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -4477,16 +6301,22 @@
         },
         "node_modules/gauge/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/gauge/node_modules/signal-exit": {
             "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/gauge/node_modules/string-width": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -4500,6 +6330,8 @@
         },
         "node_modules/gauge/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -4511,6 +6343,8 @@
         },
         "node_modules/gensync": {
             "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4519,6 +6353,8 @@
         },
         "node_modules/get-caller-file": {
             "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -4527,6 +6363,8 @@
         },
         "node_modules/get-intrinsic": {
             "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -4549,6 +6387,8 @@
         },
         "node_modules/get-package-type": {
             "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+            "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.0.0"
@@ -4556,6 +6396,8 @@
         },
         "node_modules/get-proto": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
             "license": "MIT",
             "dependencies": {
                 "dunder-proto": "^1.0.1",
@@ -4565,8 +6407,27 @@
                 "node": ">= 0.4"
             }
         },
+        "node_modules/get-stream": {
+            "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
+            "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@sec-ant/readable-stream": "^0.4.1",
+                "is-stream": "^4.0.1"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/get-tsconfig": {
             "version": "4.10.0",
+            "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.0.tgz",
+            "integrity": "sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4578,10 +6439,14 @@
         },
         "node_modules/getopts": {
             "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/getopts/-/getopts-2.3.0.tgz",
+            "integrity": "sha512-5eDf9fuSXwxBL6q5HX+dhDj+dslFGWzU5thZ9kNKUkcPtaPdatmUFKwHFrLb/uf/WpA4BHET+AX3Scl56cAjpA==",
             "license": "MIT"
         },
         "node_modules/gift-pegjs": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/gift-pegjs/-/gift-pegjs-1.0.2.tgz",
+            "integrity": "sha512-S/A2wBDdia2QWKpB5FtASx1gguep1wg5If5glDWJgUMiABICJT7ogArGfsdgozevhBdbdOiHhrykJP86hbgvRw==",
             "license": "MIT",
             "dependencies": {
                 "pegjs": "^0.10.x"
@@ -4589,10 +6454,14 @@
         },
         "node_modules/github-from-package": {
             "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+            "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
             "license": "MIT"
         },
         "node_modules/glob": {
             "version": "10.4.5",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4612,6 +6481,8 @@
         },
         "node_modules/glob-parent": {
             "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -4623,6 +6494,8 @@
         },
         "node_modules/globals": {
             "version": "14.0.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+            "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4634,6 +6507,8 @@
         },
         "node_modules/globby": {
             "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
             "license": "MIT",
             "dependencies": {
                 "array-union": "^2.1.0",
@@ -4650,8 +6525,19 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/globby/node_modules/ignore": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
         "node_modules/gopd": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -4662,15 +6548,21 @@
         },
         "node_modules/graceful-fs": {
             "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
             "license": "ISC"
         },
         "node_modules/graphemer": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/has-flag": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -4679,6 +6571,8 @@
         },
         "node_modules/has-symbols": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -4689,6 +6583,8 @@
         },
         "node_modules/has-tostringtag": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
             "license": "MIT",
             "dependencies": {
                 "has-symbols": "^1.0.3"
@@ -4702,11 +6598,15 @@
         },
         "node_modules/has-unicode": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/hasown": {
             "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
             "license": "MIT",
             "dependencies": {
                 "function-bind": "^1.1.2"
@@ -4717,6 +6617,8 @@
         },
         "node_modules/he": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4725,11 +6627,15 @@
         },
         "node_modules/hookable": {
             "version": "5.5.3",
+            "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+            "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/html-encoding-sniffer": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+            "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
             "license": "MIT",
             "dependencies": {
                 "whatwg-encoding": "^3.1.1"
@@ -4740,16 +6646,22 @@
         },
         "node_modules/html-escaper": {
             "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/http-cache-semantics": {
-            "version": "4.1.1",
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+            "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
             "license": "BSD-2-Clause",
             "optional": true
         },
         "node_modules/http-errors": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+            "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
             "license": "MIT",
             "dependencies": {
                 "depd": "2.0.0",
@@ -4764,6 +6676,8 @@
         },
         "node_modules/http-proxy-agent": {
             "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+            "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
             "license": "MIT",
             "dependencies": {
                 "agent-base": "^7.1.0",
@@ -4775,6 +6689,8 @@
         },
         "node_modules/https-proxy-agent": {
             "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+            "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
             "license": "MIT",
             "dependencies": {
                 "agent-base": "^7.1.2",
@@ -4786,6 +6702,8 @@
         },
         "node_modules/human-signals": {
             "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.1.tgz",
+            "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -4794,6 +6712,8 @@
         },
         "node_modules/humanize-ms": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+            "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -4802,6 +6722,8 @@
         },
         "node_modules/iconv-lite": {
             "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
             "license": "MIT",
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -4812,6 +6734,8 @@
         },
         "node_modules/ieee754": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
             "funding": [
                 {
                     "type": "github",
@@ -4829,7 +6753,10 @@
             "license": "BSD-3-Clause"
         },
         "node_modules/ignore": {
-            "version": "5.3.2",
+            "version": "7.0.4",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.4.tgz",
+            "integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 4"
@@ -4837,6 +6764,8 @@
         },
         "node_modules/import-fresh": {
             "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4852,6 +6781,8 @@
         },
         "node_modules/imurmurhash": {
             "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
             "devOptional": true,
             "license": "MIT",
             "engines": {
@@ -4860,6 +6791,8 @@
         },
         "node_modules/indent-string": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -4868,11 +6801,16 @@
         },
         "node_modules/infer-owner": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+            "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/inflight": {
             "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
             "devOptional": true,
             "license": "ISC",
             "dependencies": {
@@ -4882,14 +6820,20 @@
         },
         "node_modules/inherits": {
             "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
             "license": "ISC"
         },
         "node_modules/ini": {
             "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
             "license": "ISC"
         },
         "node_modules/interpret": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
+            "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.10"
@@ -4897,6 +6841,8 @@
         },
         "node_modules/ip-address": {
             "version": "9.0.5",
+            "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz",
+            "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -4909,6 +6855,8 @@
         },
         "node_modules/ipaddr.js": {
             "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+            "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.10"
@@ -4916,10 +6864,14 @@
         },
         "node_modules/is-arrayish": {
             "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+            "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
             "license": "MIT"
         },
         "node_modules/is-core-module": {
             "version": "2.16.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+            "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
             "license": "MIT",
             "dependencies": {
                 "hasown": "^2.0.2"
@@ -4933,6 +6885,8 @@
         },
         "node_modules/is-docker": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+            "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -4947,6 +6901,8 @@
         },
         "node_modules/is-extglob": {
             "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -4954,6 +6910,8 @@
         },
         "node_modules/is-fullwidth-code-point": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
             "devOptional": true,
             "license": "MIT",
             "engines": {
@@ -4962,6 +6920,8 @@
         },
         "node_modules/is-glob": {
             "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
             "license": "MIT",
             "dependencies": {
                 "is-extglob": "^2.1.1"
@@ -4972,6 +6932,8 @@
         },
         "node_modules/is-inside-container": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+            "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4989,11 +6951,15 @@
         },
         "node_modules/is-lambda": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
+            "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/is-number": {
             "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.12.0"
@@ -5001,6 +6967,8 @@
         },
         "node_modules/is-plain-obj": {
             "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+            "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5012,14 +6980,33 @@
         },
         "node_modules/is-potential-custom-element-name": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
             "license": "MIT"
         },
         "node_modules/is-promise": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+            "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
             "license": "MIT"
         },
+        "node_modules/is-stream": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
+            "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/is-unicode-supported": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+            "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5031,6 +7018,8 @@
         },
         "node_modules/is-what": {
             "version": "4.1.16",
+            "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
+            "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5042,6 +7031,8 @@
         },
         "node_modules/is-wsl": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+            "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5056,10 +7047,14 @@
         },
         "node_modules/isexe": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
             "license": "ISC"
         },
         "node_modules/isomorphic-dompurify": {
             "version": "2.24.0",
+            "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.24.0.tgz",
+            "integrity": "sha512-SgKoDBCQveodymGMBPpzs9MOTCk4Luq0bTfwoPrUKa7q0FnCLZMtqR25Rnq228zJfMTsX1ZItiJbDtjb2lyv4A==",
             "license": "MIT",
             "dependencies": {
                 "dompurify": "^3.2.5",
@@ -5071,6 +7066,8 @@
         },
         "node_modules/istanbul-lib-coverage": {
             "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+            "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
             "dev": true,
             "license": "BSD-3-Clause",
             "engines": {
@@ -5079,6 +7076,8 @@
         },
         "node_modules/istanbul-lib-report": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+            "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -5092,6 +7091,8 @@
         },
         "node_modules/istanbul-lib-source-maps": {
             "version": "5.0.6",
+            "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz",
+            "integrity": "sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -5105,6 +7106,8 @@
         },
         "node_modules/istanbul-reports": {
             "version": "3.1.7",
+            "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
+            "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -5117,6 +7120,8 @@
         },
         "node_modules/jackspeak": {
             "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "dependencies": {
@@ -5131,6 +7136,8 @@
         },
         "node_modules/jiti": {
             "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+            "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -5139,6 +7146,8 @@
         },
         "node_modules/joi": {
             "version": "17.13.3",
+            "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+            "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "@hapi/hoek": "^9.3.0",
@@ -5150,6 +7159,8 @@
         },
         "node_modules/jose": {
             "version": "4.15.9",
+            "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz",
+            "integrity": "sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/panva"
@@ -5157,6 +7168,8 @@
         },
         "node_modules/js-beautify": {
             "version": "1.15.4",
+            "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
+            "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5177,6 +7190,8 @@
         },
         "node_modules/js-cookie": {
             "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+            "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5185,11 +7200,15 @@
         },
         "node_modules/js-tokens": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/js-yaml": {
             "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
             "license": "MIT",
             "dependencies": {
                 "argparse": "^2.0.1"
@@ -5200,11 +7219,15 @@
         },
         "node_modules/jsbn": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
+            "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/jsdom": {
             "version": "26.1.0",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz",
+            "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
             "license": "MIT",
             "dependencies": {
                 "cssstyle": "^4.2.1",
@@ -5242,6 +7265,8 @@
         },
         "node_modules/jsdom/node_modules/xml-name-validator": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+            "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=18"
@@ -5249,6 +7274,8 @@
         },
         "node_modules/jsep": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/jsep/-/jsep-1.4.0.tgz",
+            "integrity": "sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 10.16.0"
@@ -5256,6 +7283,8 @@
         },
         "node_modules/jsesc": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -5267,11 +7296,15 @@
         },
         "node_modules/json-buffer": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-parse-even-better-errors": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz",
+            "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -5280,16 +7313,22 @@
         },
         "node_modules/json-schema-traverse": {
             "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json-stable-stringify-without-jsonify": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/json5": {
             "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -5301,6 +7340,8 @@
         },
         "node_modules/jsonfile": {
             "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+            "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
             "license": "MIT",
             "dependencies": {
                 "universalify": "^2.0.0"
@@ -5311,6 +7352,8 @@
         },
         "node_modules/jsonpath-plus": {
             "version": "10.3.0",
+            "resolved": "https://registry.npmjs.org/jsonpath-plus/-/jsonpath-plus-10.3.0.tgz",
+            "integrity": "sha512-8TNmfeTCk2Le33A3vRRwtuworG/L5RrgMvdjhKZxvyShO+mBu2fP50OWUjRLNtvw344DdDarFh9buFAZs5ujeA==",
             "license": "MIT",
             "dependencies": {
                 "@jsep-plugin/assignment": "^1.3.0",
@@ -5327,6 +7370,8 @@
         },
         "node_modules/jsonwebtoken": {
             "version": "9.0.2",
+            "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+            "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
             "license": "MIT",
             "dependencies": {
                 "jws": "^3.2.2",
@@ -5346,16 +7391,20 @@
             }
         },
         "node_modules/jwa": {
-            "version": "1.4.1",
+            "version": "1.4.2",
+            "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.2.tgz",
+            "integrity": "sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==",
             "license": "MIT",
             "dependencies": {
-                "buffer-equal-constant-time": "1.0.1",
+                "buffer-equal-constant-time": "^1.0.1",
                 "ecdsa-sig-formatter": "1.0.11",
                 "safe-buffer": "^5.0.1"
             }
         },
         "node_modules/jwks-rsa": {
             "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/jwks-rsa/-/jwks-rsa-3.2.0.tgz",
+            "integrity": "sha512-PwchfHcQK/5PSydeKCs1ylNym0w/SSv8a62DgHJ//7x2ZclCoinlsjAfDxAAbpoTPybOum/Jgy+vkvMmKz89Ww==",
             "license": "MIT",
             "dependencies": {
                 "@types/express": "^4.17.20",
@@ -5371,6 +7420,8 @@
         },
         "node_modules/jwks-rsa/node_modules/@types/express": {
             "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+            "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
             "license": "MIT",
             "dependencies": {
                 "@types/body-parser": "*",
@@ -5381,6 +7432,8 @@
         },
         "node_modules/jwks-rsa/node_modules/@types/express-serve-static-core": {
             "version": "4.19.6",
+            "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
+            "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
             "license": "MIT",
             "dependencies": {
                 "@types/node": "*",
@@ -5391,6 +7444,8 @@
         },
         "node_modules/jws": {
             "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+            "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
             "license": "MIT",
             "dependencies": {
                 "jwa": "^1.4.1",
@@ -5399,6 +7454,8 @@
         },
         "node_modules/jwt-decode": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+            "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
             "license": "MIT",
             "engines": {
                 "node": ">=18"
@@ -5406,6 +7463,8 @@
         },
         "node_modules/keyv": {
             "version": "4.5.4",
+            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5414,6 +7473,8 @@
         },
         "node_modules/knex": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/knex/-/knex-3.1.0.tgz",
+            "integrity": "sha512-GLoII6hR0c4ti243gMs5/1Rb3B+AjwMOfjYm97pu0FOQa7JH56hgBxYf5WK2525ceSbBY1cjeZ9yk99GPMB6Kw==",
             "license": "MIT",
             "dependencies": {
                 "colorette": "2.0.19",
@@ -5463,6 +7524,8 @@
         },
         "node_modules/knex/node_modules/debug": {
             "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
             "license": "MIT",
             "dependencies": {
                 "ms": "2.1.2"
@@ -5478,10 +7541,14 @@
         },
         "node_modules/knex/node_modules/ms": {
             "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
             "license": "MIT"
         },
         "node_modules/knex/node_modules/resolve-from": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -5489,15 +7556,21 @@
         },
         "node_modules/kolorist": {
             "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
+            "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/kuler": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/kuler/-/kuler-2.0.0.tgz",
+            "integrity": "sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==",
             "license": "MIT"
         },
         "node_modules/levn": {
             "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5509,10 +7582,14 @@
             }
         },
         "node_modules/limiter": {
-            "version": "1.1.5"
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/limiter/-/limiter-1.1.5.tgz",
+            "integrity": "sha512-FWWMIEOxz3GwUI4Ts/IvgVy6LPvoMPgjMdQ185nN6psJyBJ4yOpzqm695/h5umdLJg2vW3GR5iG11MAkR2AzJA=="
         },
         "node_modules/locate-path": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5527,47 +7604,69 @@
         },
         "node_modules/lodash": {
             "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
             "license": "MIT"
         },
         "node_modules/lodash.clonedeep": {
             "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
             "license": "MIT"
         },
         "node_modules/lodash.includes": {
             "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+            "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
             "license": "MIT"
         },
         "node_modules/lodash.isboolean": {
             "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+            "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
             "license": "MIT"
         },
         "node_modules/lodash.isinteger": {
             "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+            "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
             "license": "MIT"
         },
         "node_modules/lodash.isnumber": {
             "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+            "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
             "license": "MIT"
         },
         "node_modules/lodash.isplainobject": {
             "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
             "license": "MIT"
         },
         "node_modules/lodash.isstring": {
             "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+            "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
             "license": "MIT"
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lodash.once": {
             "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+            "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
             "license": "MIT"
         },
         "node_modules/logform": {
             "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/logform/-/logform-2.7.0.tgz",
+            "integrity": "sha512-TFYA4jnP7PVbmlBIfhlSe+WKxs9dklXMTEGcBCIvLhE/Tn3H6Gk1norupVW7m5Cnd4bLcr08AytbyV/xj7f/kQ==",
             "license": "MIT",
             "dependencies": {
                 "@colors/colors": "1.6.0",
@@ -5583,25 +7682,35 @@
         },
         "node_modules/loki-logger-ts": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/loki-logger-ts/-/loki-logger-ts-1.0.2.tgz",
+            "integrity": "sha512-SV/B5o+9jaxiThcU5N3LUxCNTx20IgR9xjCjx/ED/pVc/097mqKSRpmvSjvx9ezFcjJlUF7GBkrBBpR6veNp7Q==",
             "dependencies": {
                 "axios": "^1.4.0"
             }
         },
         "node_modules/long": {
             "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+            "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
             "license": "Apache-2.0"
         },
         "node_modules/loupe": {
             "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
+            "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/lru-cache": {
             "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
             "license": "ISC"
         },
         "node_modules/lru-memoizer": {
             "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/lru-memoizer/-/lru-memoizer-2.3.0.tgz",
+            "integrity": "sha512-GXn7gyHAMhO13WSKrIiNfztwxodVsP8IoZ3XfrJV4yH2x0/OeTO/FIaAHTY5YekdGgW94njfuKmyyt1E0mR6Ug==",
             "license": "MIT",
             "dependencies": {
                 "lodash.clonedeep": "^4.5.0",
@@ -5610,6 +7719,8 @@
         },
         "node_modules/lru-memoizer/node_modules/lru-cache": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
             "license": "ISC",
             "dependencies": {
                 "yallist": "^4.0.0"
@@ -5620,6 +7731,8 @@
         },
         "node_modules/magic-string": {
             "version": "0.30.17",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -5627,6 +7740,8 @@
         },
         "node_modules/magicast": {
             "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.3.5.tgz",
+            "integrity": "sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5637,6 +7752,8 @@
         },
         "node_modules/make-dir": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+            "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5651,11 +7768,15 @@
         },
         "node_modules/make-error": {
             "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/make-fetch-happen": {
             "version": "9.1.0",
+            "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
+            "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5682,6 +7803,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/agent-base": {
             "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -5693,6 +7816,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/http-proxy-agent": {
             "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+            "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -5706,6 +7831,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/https-proxy-agent": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+            "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -5718,6 +7845,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/lru-cache": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5729,6 +7858,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5740,6 +7871,8 @@
         },
         "node_modules/make-fetch-happen/node_modules/negotiator": {
             "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+            "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -5747,7 +7880,9 @@
             }
         },
         "node_modules/marked": {
-            "version": "15.0.10",
+            "version": "15.0.11",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.11.tgz",
+            "integrity": "sha512-1BEXAU2euRCG3xwgLVT1y0xbJEld1XOrmRJpUwRCcy7rxhSCwMrmEu9LXoPhHSCJG41V7YcQ2mjKRr5BA3ITIA==",
             "license": "MIT",
             "bin": {
                 "marked": "bin/marked.js"
@@ -5758,6 +7893,8 @@
         },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -5765,6 +7902,8 @@
         },
         "node_modules/media-typer": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+            "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -5772,6 +7911,8 @@
         },
         "node_modules/memorystream": {
             "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+            "integrity": "sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==",
             "dev": true,
             "engines": {
                 "node": ">= 0.10.0"
@@ -5779,6 +7920,8 @@
         },
         "node_modules/merge-descriptors": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+            "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
             "license": "MIT",
             "engines": {
                 "node": ">=18"
@@ -5789,6 +7932,8 @@
         },
         "node_modules/merge2": {
             "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 8"
@@ -5796,6 +7941,8 @@
         },
         "node_modules/micromatch": {
             "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
             "license": "MIT",
             "dependencies": {
                 "braces": "^3.0.3",
@@ -5807,6 +7954,8 @@
         },
         "node_modules/mikro-orm": {
             "version": "6.4.12",
+            "resolved": "https://registry.npmjs.org/mikro-orm/-/mikro-orm-6.4.12.tgz",
+            "integrity": "sha512-uOJdx0q9Hg0SKYtHeJ73Iu2PhlU8LoyhaMm2PH9n1kvqpyoqUme2vKpwWywELFpZKgXwtkeIA8Ce56caYb593Q==",
             "license": "MIT",
             "engines": {
                 "node": ">= 18.12.0"
@@ -5814,6 +7963,8 @@
         },
         "node_modules/mime-db": {
             "version": "1.54.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+            "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -5821,6 +7972,8 @@
         },
         "node_modules/mime-types": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
+            "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
             "license": "MIT",
             "dependencies": {
                 "mime-db": "^1.54.0"
@@ -5831,6 +7984,8 @@
         },
         "node_modules/mimic-response": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+            "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=10"
@@ -5841,6 +7996,8 @@
         },
         "node_modules/minimatch": {
             "version": "9.0.5",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
             "license": "ISC",
             "dependencies": {
                 "brace-expansion": "^2.0.1"
@@ -5854,6 +8011,8 @@
         },
         "node_modules/minimist": {
             "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -5861,6 +8020,8 @@
         },
         "node_modules/minipass": {
             "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -5869,6 +8030,8 @@
         },
         "node_modules/minipass-collect": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+            "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5880,6 +8043,8 @@
         },
         "node_modules/minipass-collect/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5891,6 +8056,8 @@
         },
         "node_modules/minipass-fetch": {
             "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz",
+            "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -5907,6 +8074,8 @@
         },
         "node_modules/minipass-fetch/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5918,6 +8087,8 @@
         },
         "node_modules/minipass-flush": {
             "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+            "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5929,6 +8100,8 @@
         },
         "node_modules/minipass-flush/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5940,6 +8113,8 @@
         },
         "node_modules/minipass-pipeline": {
             "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+            "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5951,6 +8126,8 @@
         },
         "node_modules/minipass-pipeline/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5962,6 +8139,8 @@
         },
         "node_modules/minipass-sized": {
             "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
+            "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5973,6 +8152,8 @@
         },
         "node_modules/minipass-sized/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -5984,6 +8165,8 @@
         },
         "node_modules/minizlib": {
             "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
             "license": "MIT",
             "dependencies": {
                 "minipass": "^3.0.0",
@@ -5995,6 +8178,8 @@
         },
         "node_modules/minizlib/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "dependencies": {
                 "yallist": "^4.0.0"
@@ -6005,11 +8190,15 @@
         },
         "node_modules/mitt": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+            "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/mkdirp": {
             "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
             "license": "MIT",
             "bin": {
                 "mkdirp": "bin/cmd.js"
@@ -6020,10 +8209,14 @@
         },
         "node_modules/mkdirp-classic": {
             "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+            "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
             "license": "MIT"
         },
         "node_modules/mrmime": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+            "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6032,15 +8225,21 @@
         },
         "node_modules/ms": {
             "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
             "license": "MIT"
         },
         "node_modules/muggle-string": {
             "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+            "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nanoid": {
             "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
             "funding": [
                 {
                     "type": "github",
@@ -6057,22 +8256,30 @@
         },
         "node_modules/napi-build-utils": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
+            "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
             "license": "MIT"
         },
         "node_modules/natural-compare": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/negotiator": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+            "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
             }
         },
         "node_modules/node-abi": {
-            "version": "3.74.0",
+            "version": "3.75.0",
+            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.75.0.tgz",
+            "integrity": "sha512-OhYaY5sDsIka7H7AtijtI9jwGYLyl29eQn/W623DiN/MIv5sUqc4g7BIDThX+gb7di9f6xK02nkp8sdfFWZLTg==",
             "license": "MIT",
             "dependencies": {
                 "semver": "^7.3.5"
@@ -6083,10 +8290,14 @@
         },
         "node_modules/node-addon-api": {
             "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+            "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
             "license": "MIT"
         },
         "node_modules/node-gyp": {
             "version": "8.4.1",
+            "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz",
+            "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -6110,11 +8321,15 @@
         },
         "node_modules/node-gyp/node_modules/abbrev": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/node-gyp/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -6124,6 +8339,9 @@
         },
         "node_modules/node-gyp/node_modules/glob": {
             "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "deprecated": "Glob versions prior to v9 are no longer supported",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -6143,6 +8361,8 @@
         },
         "node_modules/node-gyp/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -6154,6 +8374,8 @@
         },
         "node_modules/node-gyp/node_modules/nopt": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+            "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -6168,11 +8390,15 @@
         },
         "node_modules/node-releases": {
             "version": "2.0.19",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+            "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/nopt": {
             "version": "7.2.1",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+            "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -6187,6 +8413,8 @@
         },
         "node_modules/npm-normalize-package-bin": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+            "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -6195,6 +8423,8 @@
         },
         "node_modules/npm-run-all2": {
             "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/npm-run-all2/-/npm-run-all2-7.0.2.tgz",
+            "integrity": "sha512-7tXR+r9hzRNOPNTvXegM+QzCuMjzUIIq66VDunL6j60O4RrExx32XUhlrS7UK4VcdGw5/Wxzb3kfNcFix9JKDA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6220,6 +8450,8 @@
         },
         "node_modules/npm-run-all2/node_modules/ansi-styles": {
             "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6231,6 +8463,8 @@
         },
         "node_modules/npm-run-all2/node_modules/isexe": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+            "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -6239,6 +8473,8 @@
         },
         "node_modules/npm-run-all2/node_modules/which": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+            "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -6251,8 +8487,41 @@
                 "node": "^18.17.0 || >=20.5.0"
             }
         },
+        "node_modules/npm-run-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
+            "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "path-key": "^4.0.0",
+                "unicorn-magic": "^0.3.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/npm-run-path/node_modules/path-key": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+            "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/npmlog": {
             "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
+            "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
+            "deprecated": "This package is no longer supported.",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -6267,6 +8536,8 @@
         },
         "node_modules/nth-check": {
             "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -6278,10 +8549,14 @@
         },
         "node_modules/nwsapi": {
             "version": "2.2.20",
+            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+            "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
             "license": "MIT"
         },
         "node_modules/object-assign": {
             "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -6289,6 +8564,8 @@
         },
         "node_modules/object-inspect": {
             "version": "1.13.4",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -6298,7 +8575,9 @@
             }
         },
         "node_modules/oidc-client-ts": {
-            "version": "3.2.0",
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-3.2.1.tgz",
+            "integrity": "sha512-hS5AJ5s/x4bXhHvNJT1v+GGvzHUwdRWqNQQbSrp10L1IRmzfRGKQ3VWN3dstJb+oF3WtAyKezwD2+dTEIyBiAA==",
             "license": "Apache-2.0",
             "dependencies": {
                 "jwt-decode": "^4.0.0"
@@ -6309,6 +8588,8 @@
         },
         "node_modules/on-finished": {
             "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+            "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
             "license": "MIT",
             "dependencies": {
                 "ee-first": "1.1.1"
@@ -6319,6 +8600,8 @@
         },
         "node_modules/on-headers": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+            "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -6326,6 +8609,8 @@
         },
         "node_modules/once": {
             "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
             "license": "ISC",
             "dependencies": {
                 "wrappy": "1"
@@ -6333,13 +8618,17 @@
         },
         "node_modules/one-time": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/one-time/-/one-time-1.0.0.tgz",
+            "integrity": "sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==",
             "license": "MIT",
             "dependencies": {
                 "fn.name": "1.x.x"
             }
         },
         "node_modules/open": {
-            "version": "10.1.1",
+            "version": "10.1.2",
+            "resolved": "https://registry.npmjs.org/open/-/open-10.1.2.tgz",
+            "integrity": "sha512-cxN6aIDPz6rm8hbebcP7vrQNhvRcveZoJU72Y7vskh4oIm+BZwBECnx5nTmrlres1Qapvx27Qo1Auukpf8PKXw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6357,6 +8646,8 @@
         },
         "node_modules/optionator": {
             "version": "0.9.4",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6373,6 +8664,8 @@
         },
         "node_modules/p-limit": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6387,6 +8680,8 @@
         },
         "node_modules/p-locate": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6401,6 +8696,8 @@
         },
         "node_modules/p-map": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -6415,11 +8712,15 @@
         },
         "node_modules/package-json-from-dist": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
             "dev": true,
             "license": "BlueOak-1.0.0"
         },
         "node_modules/parent-module": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6431,6 +8732,8 @@
         },
         "node_modules/parent-require": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/parent-require/-/parent-require-1.0.0.tgz",
+            "integrity": "sha512-2MXDNZC4aXdkkap+rBBMv0lUsfJqvX5/2FiYYnfCnorZt3Pk06/IOR5KeaoghgS2w07MLWgjbsnyaq6PdHn2LQ==",
             "dev": true,
             "engines": {
                 "node": ">= 0.4.0"
@@ -6438,6 +8741,8 @@
         },
         "node_modules/parse-ms": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
+            "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6449,6 +8754,8 @@
         },
         "node_modules/parse5": {
             "version": "7.3.0",
+            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+            "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
             "license": "MIT",
             "dependencies": {
                 "entities": "^6.0.0"
@@ -6459,6 +8766,8 @@
         },
         "node_modules/parseurl": {
             "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+            "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -6466,10 +8775,14 @@
         },
         "node_modules/path-browserify": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+            "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
             "license": "MIT"
         },
         "node_modules/path-exists": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6478,6 +8791,8 @@
         },
         "node_modules/path-is-absolute": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
             "devOptional": true,
             "license": "MIT",
             "engines": {
@@ -6486,6 +8801,8 @@
         },
         "node_modules/path-key": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -6493,10 +8810,14 @@
         },
         "node_modules/path-parse": {
             "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
             "license": "MIT"
         },
         "node_modules/path-scurry": {
             "version": "1.11.1",
+            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "dependencies": {
@@ -6512,6 +8833,8 @@
         },
         "node_modules/path-to-regexp": {
             "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz",
+            "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=16"
@@ -6519,6 +8842,8 @@
         },
         "node_modules/path-type": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -6526,11 +8851,15 @@
         },
         "node_modules/pathe": {
             "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+            "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/pathval": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
+            "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6539,6 +8868,8 @@
         },
         "node_modules/pegjs": {
             "version": "0.10.0",
+            "resolved": "https://registry.npmjs.org/pegjs/-/pegjs-0.10.0.tgz",
+            "integrity": "sha512-qI5+oFNEGi3L5HAxDwN2LA4Gg7irF70Zs25edhjld9QemOgp0CbvMtbFcMvFtEo1OityPrcCzkQFB8JP/hxgow==",
             "license": "MIT",
             "bin": {
                 "pegjs": "bin/pegjs"
@@ -6549,11 +8880,15 @@
         },
         "node_modules/perfect-debounce": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+            "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/pg": {
             "version": "8.14.1",
+            "resolved": "https://registry.npmjs.org/pg/-/pg-8.14.1.tgz",
+            "integrity": "sha512-0TdbqfjwIun9Fm/r89oB7RFQ0bLgduAhiIqIXOsyKoiC/L54DbuAAzIEN/9Op0f1Po9X7iCPXGoa/Ah+2aI8Xw==",
             "license": "MIT",
             "dependencies": {
                 "pg-connection-string": "^2.7.0",
@@ -6579,33 +8914,45 @@
         },
         "node_modules/pg-cloudflare": {
             "version": "1.2.5",
+            "resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.2.5.tgz",
+            "integrity": "sha512-OOX22Vt0vOSRrdoUPKJ8Wi2OpE/o/h9T8X1s4qSkCedbNah9ei2W2765be8iMVxQUsvgT7zIAT2eIa9fs5+vtg==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/pg-connection-string": {
             "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.6.2.tgz",
+            "integrity": "sha512-ch6OwaeaPYcova4kKZ15sbJ2hKb/VP48ZD2gE7i1J+L4MspCtBMAx8nMgz7bksc7IojCIIWuEhHibSMFH8m8oA==",
             "license": "MIT"
         },
         "node_modules/pg-int8": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/pg-int8/-/pg-int8-1.0.1.tgz",
+            "integrity": "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==",
             "license": "ISC",
             "engines": {
                 "node": ">=4.0.0"
             }
         },
         "node_modules/pg-pool": {
-            "version": "3.9.5",
+            "version": "3.10.0",
+            "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.10.0.tgz",
+            "integrity": "sha512-DzZ26On4sQ0KmqnO34muPcmKbhrjmyiO4lCCR0VwEd7MjmiKf5NTg/6+apUEu0NF7ESa37CGzFxH513CoUmWnA==",
             "license": "MIT",
             "peerDependencies": {
                 "pg": ">=8.0"
             }
         },
         "node_modules/pg-protocol": {
-            "version": "1.9.5",
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.10.0.tgz",
+            "integrity": "sha512-IpdytjudNuLv8nhlHs/UrVBhU0e78J0oIS/0AVdTbWxSOkFUVdsHC/NrorO6nXsQNDTT1kzDSOMJubBQviX18Q==",
             "license": "MIT"
         },
         "node_modules/pg-types": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
+            "integrity": "sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==",
             "license": "MIT",
             "dependencies": {
                 "pg-int8": "1.0.1",
@@ -6620,6 +8967,8 @@
         },
         "node_modules/pg-types/node_modules/postgres-array": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
+            "integrity": "sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==",
             "license": "MIT",
             "engines": {
                 "node": ">=4"
@@ -6627,6 +8976,8 @@
         },
         "node_modules/pg-types/node_modules/postgres-date": {
             "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/postgres-date/-/postgres-date-1.0.7.tgz",
+            "integrity": "sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -6634,6 +8985,8 @@
         },
         "node_modules/pg-types/node_modules/postgres-interval": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/postgres-interval/-/postgres-interval-1.2.0.tgz",
+            "integrity": "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==",
             "license": "MIT",
             "dependencies": {
                 "xtend": "^4.0.0"
@@ -6643,11 +8996,15 @@
             }
         },
         "node_modules/pg/node_modules/pg-connection-string": {
-            "version": "2.8.5",
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.9.0.tgz",
+            "integrity": "sha512-P2DEBKuvh5RClafLngkAuGe9OUlFV7ebu8w1kmaaOgPcpJd1RIFh7otETfI6hAR8YupOLFTY7nuvvIn7PLciUQ==",
             "license": "MIT"
         },
         "node_modules/pgpass": {
             "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/pgpass/-/pgpass-1.0.5.tgz",
+            "integrity": "sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==",
             "license": "MIT",
             "dependencies": {
                 "split2": "^4.1.0"
@@ -6655,10 +9012,14 @@
         },
         "node_modules/picocolors": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
             "license": "ISC"
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.6"
@@ -6669,6 +9030,8 @@
         },
         "node_modules/pidtree": {
             "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+            "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -6678,8 +9041,20 @@
                 "node": ">=0.10"
             }
         },
+        "node_modules/pkce-challenge": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.0.tgz",
+            "integrity": "sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=16.20.0"
+            }
+        },
         "node_modules/playwright": {
             "version": "1.50.1",
+            "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.50.1.tgz",
+            "integrity": "sha512-G8rwsOQJ63XG6BbKj2w5rHeavFjy5zynBA9zsJMMtBoe/Uf757oG12NXz6e6OirF7RCrTVAKFXbLmn1RbL7Qaw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -6697,6 +9072,8 @@
         },
         "node_modules/playwright-core": {
             "version": "1.50.1",
+            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.50.1.tgz",
+            "integrity": "sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==",
             "dev": true,
             "license": "Apache-2.0",
             "bin": {
@@ -6706,8 +9083,25 @@
                 "node": ">=18"
             }
         },
+        "node_modules/playwright/node_modules/fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
         "node_modules/postcss": {
             "version": "8.5.3",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -6734,6 +9128,8 @@
         },
         "node_modules/postcss-selector-parser": {
             "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6746,6 +9142,8 @@
         },
         "node_modules/postgres-array": {
             "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-3.0.4.tgz",
+            "integrity": "sha512-nAUSGfSDGOaOAEGwqsRY27GPOea7CNipJPOA7lPbdEpx5Kg3qzdP0AaWC5MlhTWV9s4hFX39nomVZ+C4tnGOJQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -6753,6 +9151,8 @@
         },
         "node_modules/postgres-bytea": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/postgres-bytea/-/postgres-bytea-1.0.0.tgz",
+            "integrity": "sha512-xy3pmLuQqRBZBXDULy7KbaitYqLcmxigw14Q5sj8QBVLqEwXfeybIKVWiqAXTlcvdvb0+xkOtDbfQMOf4lST1w==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -6760,6 +9160,8 @@
         },
         "node_modules/postgres-date": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/postgres-date/-/postgres-date-2.1.0.tgz",
+            "integrity": "sha512-K7Juri8gtgXVcDfZttFKVmhglp7epKb1K4pgrkLxehjqkrgPhfG6OO8LHLkfaqkbpjNRnra018XwAr1yQFWGcA==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -6767,6 +9169,8 @@
         },
         "node_modules/postgres-interval": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postgres-interval/-/postgres-interval-4.0.2.tgz",
+            "integrity": "sha512-EMsphSQ1YkQqKZL2cuG0zHkmjCCzQqQ71l2GXITqRwjhRleCdv00bDk/ktaSi0LnlaPzAc3535KTrjXsTdtx7A==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -6774,6 +9178,8 @@
         },
         "node_modules/prebuild-install": {
             "version": "7.1.3",
+            "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
+            "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
             "license": "MIT",
             "dependencies": {
                 "detect-libc": "^2.0.0",
@@ -6798,6 +9204,8 @@
         },
         "node_modules/prelude-ls": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -6806,6 +9214,8 @@
         },
         "node_modules/prettier": {
             "version": "3.5.3",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+            "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
             "dev": true,
             "license": "MIT",
             "peer": true,
@@ -6821,6 +9231,8 @@
         },
         "node_modules/prettier-linter-helpers": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+            "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6832,6 +9244,8 @@
         },
         "node_modules/pretty-ms": {
             "version": "9.2.0",
+            "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
+            "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -6846,11 +9260,15 @@
         },
         "node_modules/promise-inflight": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+            "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/promise-retry": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+            "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -6863,11 +9281,15 @@
         },
         "node_modules/proto-list": {
             "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+            "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/protobufjs": {
-            "version": "7.5.0",
+            "version": "7.5.2",
+            "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.2.tgz",
+            "integrity": "sha512-f2ls6rpO6G153Cy+o2XQ+Y0sARLOZ17+OGVLHrc3VUKcLHYKEKWbkSujdBWQXM7gKn5NTfp0XnRPZn1MIu8n9w==",
             "hasInstallScript": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -6890,6 +9312,8 @@
         },
         "node_modules/proxy-addr": {
             "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+            "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
             "license": "MIT",
             "dependencies": {
                 "forwarded": "0.2.0",
@@ -6901,10 +9325,14 @@
         },
         "node_modules/proxy-from-env": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
             "license": "MIT"
         },
         "node_modules/pump": {
             "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+            "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
             "license": "MIT",
             "dependencies": {
                 "end-of-stream": "^1.1.0",
@@ -6913,6 +9341,8 @@
         },
         "node_modules/punycode": {
             "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -6920,6 +9350,8 @@
         },
         "node_modules/qs": {
             "version": "6.14.0",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "side-channel": "^1.1.0"
@@ -6933,6 +9365,8 @@
         },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
             "funding": [
                 {
                     "type": "github",
@@ -6951,6 +9385,8 @@
         },
         "node_modules/range-parser": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+            "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -6958,6 +9394,8 @@
         },
         "node_modules/raw-body": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz",
+            "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==",
             "license": "MIT",
             "dependencies": {
                 "bytes": "3.1.2",
@@ -6971,6 +9409,8 @@
         },
         "node_modules/rc": {
             "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+            "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
             "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
             "dependencies": {
                 "deep-extend": "^0.6.0",
@@ -6984,6 +9424,8 @@
         },
         "node_modules/rc/node_modules/strip-json-comments": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+            "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -6991,6 +9433,8 @@
         },
         "node_modules/react": {
             "version": "19.1.0",
+            "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+            "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
             "license": "MIT",
             "peer": true,
             "engines": {
@@ -6999,6 +9443,8 @@
         },
         "node_modules/read-package-json-fast": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-4.0.0.tgz",
+            "integrity": "sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -7011,6 +9457,8 @@
         },
         "node_modules/readable-stream": {
             "version": "3.6.2",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+            "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
             "license": "MIT",
             "dependencies": {
                 "inherits": "^2.0.3",
@@ -7023,6 +9471,8 @@
         },
         "node_modules/rechoir": {
             "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+            "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
             "license": "MIT",
             "dependencies": {
                 "resolve": "^1.20.0"
@@ -7033,14 +9483,20 @@
         },
         "node_modules/reflect-metadata": {
             "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
+            "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
             "license": "Apache-2.0"
         },
         "node_modules/remove-accents": {
             "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz",
+            "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==",
             "license": "MIT"
         },
         "node_modules/require-directory": {
             "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7049,6 +9505,8 @@
         },
         "node_modules/resolve": {
             "version": "1.22.10",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+            "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
             "license": "MIT",
             "dependencies": {
                 "is-core-module": "^2.16.0",
@@ -7067,6 +9525,8 @@
         },
         "node_modules/resolve-from": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7075,6 +9535,8 @@
         },
         "node_modules/resolve-pkg-maps": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+            "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -7083,6 +9545,8 @@
         },
         "node_modules/response-time": {
             "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/response-time/-/response-time-2.3.3.tgz",
+            "integrity": "sha512-SsjjOPHl/FfrTQNgmc5oen8Hr1Jxpn6LlHNXxCIFdYMHuK1kMeYMobb9XN3mvxaGQm3dbegqYFMX4+GDORfbWg==",
             "license": "MIT",
             "dependencies": {
                 "depd": "~2.0.0",
@@ -7094,6 +9558,8 @@
         },
         "node_modules/retry": {
             "version": "0.12.0",
+            "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+            "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -7102,6 +9568,8 @@
         },
         "node_modules/reusify": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
             "license": "MIT",
             "engines": {
                 "iojs": ">=1.0.0",
@@ -7110,11 +9578,16 @@
         },
         "node_modules/rfdc": {
             "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+            "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/rimraf": {
             "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "deprecated": "Rimraf versions prior to v4 are no longer supported",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -7129,6 +9602,8 @@
         },
         "node_modules/rimraf/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -7138,6 +9613,9 @@
         },
         "node_modules/rimraf/node_modules/glob": {
             "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "deprecated": "Glob versions prior to v9 are no longer supported",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -7157,6 +9635,8 @@
         },
         "node_modules/rimraf/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -7167,7 +9647,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.40.0",
+            "version": "4.40.2",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.2.tgz",
+            "integrity": "sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==",
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.7"
@@ -7180,31 +9662,33 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.40.0",
-                "@rollup/rollup-android-arm64": "4.40.0",
-                "@rollup/rollup-darwin-arm64": "4.40.0",
-                "@rollup/rollup-darwin-x64": "4.40.0",
-                "@rollup/rollup-freebsd-arm64": "4.40.0",
-                "@rollup/rollup-freebsd-x64": "4.40.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.40.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.40.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.40.0",
-                "@rollup/rollup-linux-arm64-musl": "4.40.0",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.40.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.40.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.40.0",
-                "@rollup/rollup-linux-riscv64-musl": "4.40.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.40.0",
-                "@rollup/rollup-linux-x64-gnu": "4.40.0",
-                "@rollup/rollup-linux-x64-musl": "4.40.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.40.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.40.0",
-                "@rollup/rollup-win32-x64-msvc": "4.40.0",
+                "@rollup/rollup-android-arm-eabi": "4.40.2",
+                "@rollup/rollup-android-arm64": "4.40.2",
+                "@rollup/rollup-darwin-arm64": "4.40.2",
+                "@rollup/rollup-darwin-x64": "4.40.2",
+                "@rollup/rollup-freebsd-arm64": "4.40.2",
+                "@rollup/rollup-freebsd-x64": "4.40.2",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.40.2",
+                "@rollup/rollup-linux-arm-musleabihf": "4.40.2",
+                "@rollup/rollup-linux-arm64-gnu": "4.40.2",
+                "@rollup/rollup-linux-arm64-musl": "4.40.2",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.40.2",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.40.2",
+                "@rollup/rollup-linux-riscv64-gnu": "4.40.2",
+                "@rollup/rollup-linux-riscv64-musl": "4.40.2",
+                "@rollup/rollup-linux-s390x-gnu": "4.40.2",
+                "@rollup/rollup-linux-x64-gnu": "4.40.2",
+                "@rollup/rollup-linux-x64-musl": "4.40.2",
+                "@rollup/rollup-win32-arm64-msvc": "4.40.2",
+                "@rollup/rollup-win32-ia32-msvc": "4.40.2",
+                "@rollup/rollup-win32-x64-msvc": "4.40.2",
                 "fsevents": "~2.3.2"
             }
         },
         "node_modules/router": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+            "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
             "license": "MIT",
             "dependencies": {
                 "debug": "^4.4.0",
@@ -7219,10 +9703,14 @@
         },
         "node_modules/rrweb-cssom": {
             "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
             "license": "MIT"
         },
         "node_modules/run-applescript": {
             "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
+            "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7234,6 +9722,8 @@
         },
         "node_modules/run-parallel": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
             "funding": [
                 {
                     "type": "github",
@@ -7255,6 +9745,8 @@
         },
         "node_modules/rxjs": {
             "version": "7.8.2",
+            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+            "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
             "license": "Apache-2.0",
             "dependencies": {
                 "tslib": "^2.1.0"
@@ -7262,6 +9754,8 @@
         },
         "node_modules/safe-buffer": {
             "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
             "funding": [
                 {
                     "type": "github",
@@ -7280,6 +9774,8 @@
         },
         "node_modules/safe-stable-stringify": {
             "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
+            "integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==",
             "license": "MIT",
             "engines": {
                 "node": ">=10"
@@ -7287,10 +9783,14 @@
         },
         "node_modules/safer-buffer": {
             "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
             "license": "MIT"
         },
         "node_modules/saxes": {
             "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
             "license": "ISC",
             "dependencies": {
                 "xmlchars": "^2.2.0"
@@ -7300,7 +9800,9 @@
             }
         },
         "node_modules/semver": {
-            "version": "7.7.1",
+            "version": "7.7.2",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+            "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
             "license": "ISC",
             "bin": {
                 "semver": "bin/semver.js"
@@ -7311,6 +9813,8 @@
         },
         "node_modules/send": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
+            "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
             "license": "MIT",
             "dependencies": {
                 "debug": "^4.3.5",
@@ -7331,6 +9835,8 @@
         },
         "node_modules/serve-static": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
+            "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
             "license": "MIT",
             "dependencies": {
                 "encodeurl": "^2.0.0",
@@ -7344,15 +9850,21 @@
         },
         "node_modules/set-blocking": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
             "license": "ISC",
             "optional": true
         },
         "node_modules/setprototypeof": {
             "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+            "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
             "license": "ISC"
         },
         "node_modules/shebang-command": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
             "license": "MIT",
             "dependencies": {
                 "shebang-regex": "^3.0.0"
@@ -7363,6 +9875,8 @@
         },
         "node_modules/shebang-regex": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -7370,6 +9884,8 @@
         },
         "node_modules/shell-quote": {
             "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+            "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7381,6 +9897,8 @@
         },
         "node_modules/side-channel": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -7398,6 +9916,8 @@
         },
         "node_modules/side-channel-list": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -7412,6 +9932,8 @@
         },
         "node_modules/side-channel-map": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -7428,6 +9950,8 @@
         },
         "node_modules/side-channel-weakmap": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
             "license": "MIT",
             "dependencies": {
                 "call-bound": "^1.0.2",
@@ -7445,11 +9969,15 @@
         },
         "node_modules/siginfo": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
             "dev": true,
             "license": "ISC"
         },
         "node_modules/signal-exit": {
             "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -7461,6 +9989,8 @@
         },
         "node_modules/simple-concat": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+            "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
             "funding": [
                 {
                     "type": "github",
@@ -7479,6 +10009,8 @@
         },
         "node_modules/simple-get": {
             "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+            "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
             "funding": [
                 {
                     "type": "github",
@@ -7502,6 +10034,8 @@
         },
         "node_modules/simple-swizzle": {
             "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+            "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
             "license": "MIT",
             "dependencies": {
                 "is-arrayish": "^0.3.1"
@@ -7509,6 +10043,8 @@
         },
         "node_modules/sirv": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.1.tgz",
+            "integrity": "sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7522,6 +10058,8 @@
         },
         "node_modules/slash": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -7529,6 +10067,8 @@
         },
         "node_modules/smart-buffer": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+            "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -7538,6 +10078,8 @@
         },
         "node_modules/snappy": {
             "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/snappy/-/snappy-7.2.2.tgz",
+            "integrity": "sha512-iADMq1kY0v3vJmGTuKcFWSXt15qYUz7wFkArOrsSg0IFfI3nJqIJvK2/ZbEIndg7erIJLtAVX2nSOqPz7DcwbA==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -7565,6 +10107,8 @@
         },
         "node_modules/socks": {
             "version": "2.8.4",
+            "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.4.tgz",
+            "integrity": "sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -7578,6 +10122,8 @@
         },
         "node_modules/socks-proxy-agent": {
             "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz",
+            "integrity": "sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -7591,6 +10137,8 @@
         },
         "node_modules/socks-proxy-agent/node_modules/agent-base": {
             "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -7608,6 +10156,8 @@
         },
         "node_modules/source-map-js": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
@@ -7615,6 +10165,8 @@
         },
         "node_modules/speakingurl": {
             "version": "14.0.1",
+            "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+            "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
             "dev": true,
             "license": "BSD-3-Clause",
             "engines": {
@@ -7623,6 +10175,8 @@
         },
         "node_modules/split2": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+            "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
             "license": "ISC",
             "engines": {
                 "node": ">= 10.x"
@@ -7630,11 +10184,15 @@
         },
         "node_modules/sprintf-js": {
             "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+            "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
             "license": "BSD-3-Clause",
             "optional": true
         },
         "node_modules/sqlite3": {
             "version": "5.1.7",
+            "resolved": "https://registry.npmjs.org/sqlite3/-/sqlite3-5.1.7.tgz",
+            "integrity": "sha512-GGIyOiFaG+TUra3JIfkI/zGP8yZYLPQ0pl1bH+ODjiX57sPhrLU5sQJn1y9bDKZUFYkX1crlrPfSYt0BKKdkog==",
             "hasInstallScript": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -7657,6 +10215,8 @@
         },
         "node_modules/sqlstring": {
             "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz",
+            "integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -7664,6 +10224,8 @@
         },
         "node_modules/sqlstring-sqlite": {
             "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/sqlstring-sqlite/-/sqlstring-sqlite-0.1.1.tgz",
+            "integrity": "sha512-9CAYUJ0lEUPYJrswqiqdINNSfq3jqWo/bFJ7tufdoNeSK0Fy+d1kFTxjqO9PIqza0Kri+ZtYMfPVf1aZaFOvrQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -7671,6 +10233,8 @@
         },
         "node_modules/ssri": {
             "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
+            "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -7682,6 +10246,8 @@
         },
         "node_modules/ssri/node_modules/minipass": {
             "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -7693,6 +10259,8 @@
         },
         "node_modules/stack-trace": {
             "version": "0.0.10",
+            "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
+            "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==",
             "license": "MIT",
             "engines": {
                 "node": "*"
@@ -7700,11 +10268,15 @@
         },
         "node_modules/stackback": {
             "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/statuses": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+            "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -7712,11 +10284,15 @@
         },
         "node_modules/std-env": {
             "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz",
+            "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/string_decoder": {
             "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+            "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
             "license": "MIT",
             "dependencies": {
                 "safe-buffer": "~5.2.0"
@@ -7724,6 +10300,8 @@
         },
         "node_modules/string-width": {
             "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7741,6 +10319,8 @@
         "node_modules/string-width-cjs": {
             "name": "string-width",
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7754,6 +10334,8 @@
         },
         "node_modules/string-width-cjs/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7762,11 +10344,15 @@
         },
         "node_modules/string-width-cjs/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/string-width-cjs/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7778,6 +10364,8 @@
         },
         "node_modules/strip-ansi": {
             "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7793,6 +10381,8 @@
         "node_modules/strip-ansi-cjs": {
             "name": "strip-ansi",
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7804,6 +10394,8 @@
         },
         "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7812,6 +10404,8 @@
         },
         "node_modules/strip-bom": {
             "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7820,6 +10414,8 @@
         },
         "node_modules/strip-final-newline": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+            "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7831,6 +10427,8 @@
         },
         "node_modules/strip-json-comments": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7842,6 +10440,8 @@
         },
         "node_modules/superjson": {
             "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.2.tgz",
+            "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7853,6 +10453,8 @@
         },
         "node_modules/supports-color": {
             "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7864,6 +10466,8 @@
         },
         "node_modules/supports-preserve-symlinks-flag": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -7874,6 +10478,8 @@
         },
         "node_modules/swagger-autogen": {
             "version": "2.23.7",
+            "resolved": "https://registry.npmjs.org/swagger-autogen/-/swagger-autogen-2.23.7.tgz",
+            "integrity": "sha512-vr7uRmuV0DCxWc0wokLJAwX3GwQFJ0jwN+AWk0hKxre2EZwusnkGSGdVFd82u7fQLgwSTnbWkxUL7HXuz5LTZQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7885,6 +10491,8 @@
         },
         "node_modules/swagger-autogen/node_modules/acorn": {
             "version": "7.4.1",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+            "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -7896,6 +10504,8 @@
         },
         "node_modules/swagger-autogen/node_modules/brace-expansion": {
             "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7905,6 +10515,9 @@
         },
         "node_modules/swagger-autogen/node_modules/glob": {
             "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "deprecated": "Glob versions prior to v9 are no longer supported",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -7924,6 +10537,8 @@
         },
         "node_modules/swagger-autogen/node_modules/minimatch": {
             "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -7935,6 +10550,8 @@
         },
         "node_modules/swagger-ui-dist": {
             "version": "5.21.0",
+            "resolved": "https://registry.npmjs.org/swagger-ui-dist/-/swagger-ui-dist-5.21.0.tgz",
+            "integrity": "sha512-E0K3AB6HvQd8yQNSMR7eE5bk+323AUxjtCz/4ZNKiahOlPhPJxqn3UPIGs00cyY/dhrTDJ61L7C/a8u6zhGrZg==",
             "license": "Apache-2.0",
             "dependencies": {
                 "@scarf/scarf": "=1.4.0"
@@ -7942,6 +10559,8 @@
         },
         "node_modules/swagger-ui-express": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/swagger-ui-express/-/swagger-ui-express-5.0.1.tgz",
+            "integrity": "sha512-SrNU3RiBGTLLmFU8GIJdOdanJTl4TOmT27tt3bWWHppqYmAZ6IDuEuBvMU6nZq0zLEe6b/1rACXCgLZqO6ZfrA==",
             "license": "MIT",
             "dependencies": {
                 "swagger-ui-dist": ">=5.0.0"
@@ -7955,14 +10574,18 @@
         },
         "node_modules/symbol-tree": {
             "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
             "license": "MIT"
         },
         "node_modules/synckit": {
-            "version": "0.11.4",
+            "version": "0.11.5",
+            "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.5.tgz",
+            "integrity": "sha512-frqvfWyDA5VPVdrWfH24uM6SI/O8NLpVbIIJxb8t/a3YGsp4AW9CYgSKC0OaSEfexnp7Y1pVh2Y6IHO8ggGDmA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@pkgr/core": "^0.2.3",
+                "@pkgr/core": "^0.2.4",
                 "tslib": "^2.8.1"
             },
             "engines": {
@@ -7974,6 +10597,8 @@
         },
         "node_modules/tar": {
             "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+            "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
             "license": "ISC",
             "dependencies": {
                 "chownr": "^2.0.0",
@@ -7989,6 +10614,8 @@
         },
         "node_modules/tar-fs": {
             "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.2.tgz",
+            "integrity": "sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==",
             "license": "MIT",
             "dependencies": {
                 "chownr": "^1.1.1",
@@ -7999,10 +10626,14 @@
         },
         "node_modules/tar-fs/node_modules/chownr": {
             "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+            "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
             "license": "ISC"
         },
         "node_modules/tar-stream": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+            "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
             "license": "MIT",
             "dependencies": {
                 "bl": "^4.0.3",
@@ -8017,6 +10648,8 @@
         },
         "node_modules/tar/node_modules/minipass": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+            "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
             "license": "ISC",
             "engines": {
                 "node": ">=8"
@@ -8024,6 +10657,8 @@
         },
         "node_modules/tarn": {
             "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/tarn/-/tarn-3.0.2.tgz",
+            "integrity": "sha512-51LAVKUSZSVfI05vjPESNc5vwqqZpbXCsU+/+wxlOrUjk2SnFTt97v9ZgQrD4YmxYW1Px6w2KjaDitCfkvgxMQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=8.0.0"
@@ -8031,6 +10666,8 @@
         },
         "node_modules/test-exclude": {
             "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-7.0.1.tgz",
+            "integrity": "sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -8044,10 +10681,14 @@
         },
         "node_modules/text-hex": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
+            "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==",
             "license": "MIT"
         },
         "node_modules/tildify": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/tildify/-/tildify-2.0.0.tgz",
+            "integrity": "sha512-Cc+OraorugtXNfs50hU9KS369rFXCfgGLpfCfvlc+Ud5u6VWmUQsOAa9HbTvheQdYnrdJqqv1e5oIqXppMYnSw==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -8055,16 +10696,22 @@
         },
         "node_modules/tinybench": {
             "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+            "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/tinyexec": {
             "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+            "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/tinyglobby": {
             "version": "0.2.13",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+            "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8080,6 +10727,8 @@
         },
         "node_modules/tinyglobby/node_modules/fdir": {
             "version": "6.4.4",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+            "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -8093,6 +10742,8 @@
         },
         "node_modules/tinyglobby/node_modules/picomatch": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8104,6 +10755,8 @@
         },
         "node_modules/tinypool": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.2.tgz",
+            "integrity": "sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8112,6 +10765,8 @@
         },
         "node_modules/tinyrainbow": {
             "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+            "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8120,6 +10775,8 @@
         },
         "node_modules/tinyspy": {
             "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+            "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8128,6 +10785,8 @@
         },
         "node_modules/tldts": {
             "version": "6.1.86",
+            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
+            "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
             "license": "MIT",
             "dependencies": {
                 "tldts-core": "^6.1.86"
@@ -8138,10 +10797,14 @@
         },
         "node_modules/tldts-core": {
             "version": "6.1.86",
+            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
+            "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
             "license": "MIT"
         },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
             "license": "MIT",
             "dependencies": {
                 "is-number": "^7.0.0"
@@ -8152,6 +10815,8 @@
         },
         "node_modules/toidentifier": {
             "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+            "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.6"
@@ -8159,6 +10824,8 @@
         },
         "node_modules/totalist": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+            "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8167,6 +10834,8 @@
         },
         "node_modules/tough-cookie": {
             "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+            "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
             "license": "BSD-3-Clause",
             "dependencies": {
                 "tldts": "^6.1.32"
@@ -8177,6 +10846,8 @@
         },
         "node_modules/tr46": {
             "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+            "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
             "license": "MIT",
             "dependencies": {
                 "punycode": "^2.3.1"
@@ -8187,6 +10858,8 @@
         },
         "node_modules/triple-beam": {
             "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.4.1.tgz",
+            "integrity": "sha512-aZbgViZrg1QNcG+LULa7nhZpJTZSLm/mXnHXnbAbjmN5aSa0y7V+wvv6+4WaBtpISJzThKy+PIPxc1Nq1EJ9mg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 14.0.0"
@@ -8194,6 +10867,8 @@
         },
         "node_modules/ts-api-utils": {
             "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+            "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8205,6 +10880,8 @@
         },
         "node_modules/ts-morph": {
             "version": "25.0.1",
+            "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-25.0.1.tgz",
+            "integrity": "sha512-QJEiTdnz1YjrB3JFhd626gX4rKHDLSjSVMvGGG4v7ONc3RBwa0Eei98G9AT9uNFDMtV54JyuXsFeC+OH0n6bXQ==",
             "license": "MIT",
             "dependencies": {
                 "@ts-morph/common": "~0.26.0",
@@ -8213,6 +10890,8 @@
         },
         "node_modules/ts-node": {
             "version": "10.9.2",
+            "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+            "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8253,16 +10932,10 @@
                 }
             }
         },
-        "node_modules/ts-node/node_modules/diff": {
-            "version": "4.0.2",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.3.1"
-            }
-        },
         "node_modules/tsconfig-paths": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
+            "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8276,10 +10949,14 @@
         },
         "node_modules/tslib": {
             "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
             "license": "0BSD"
         },
         "node_modules/tsx": {
-            "version": "4.19.3",
+            "version": "4.19.4",
+            "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.4.tgz",
+            "integrity": "sha512-gK5GVzDkJK1SI1zwHf32Mqxf2tSJkNx+eYcNly5+nHvWqXUJYUkWBQtKauoESz3ymezAI++ZwT855x5p5eop+Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8298,6 +10975,8 @@
         },
         "node_modules/tunnel-agent": {
             "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+            "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
             "license": "Apache-2.0",
             "dependencies": {
                 "safe-buffer": "^5.0.1"
@@ -8308,6 +10987,8 @@
         },
         "node_modules/type-check": {
             "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8319,6 +11000,8 @@
         },
         "node_modules/type-fest": {
             "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
             "dev": true,
             "license": "(MIT OR CC0-1.0)",
             "engines": {
@@ -8330,6 +11013,8 @@
         },
         "node_modules/type-is": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+            "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
             "license": "MIT",
             "dependencies": {
                 "content-type": "^1.0.5",
@@ -8342,6 +11027,8 @@
         },
         "node_modules/typescript": {
             "version": "5.8.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+            "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
             "devOptional": true,
             "license": "Apache-2.0",
             "bin": {
@@ -8353,13 +11040,15 @@
             }
         },
         "node_modules/typescript-eslint": {
-            "version": "8.31.0",
+            "version": "8.32.1",
+            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.32.1.tgz",
+            "integrity": "sha512-D7el+eaDHAmXvrZBy1zpzSNIRqnCOrkwTgZxTu3MUqRWk8k0q9m9Ho4+vPf7iHtgUfrK/o8IZaEApsxPlHTFCg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/eslint-plugin": "8.31.0",
-                "@typescript-eslint/parser": "8.31.0",
-                "@typescript-eslint/utils": "8.31.0"
+                "@typescript-eslint/eslint-plugin": "8.32.1",
+                "@typescript-eslint/parser": "8.32.1",
+                "@typescript-eslint/utils": "8.32.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8375,10 +11064,14 @@
         },
         "node_modules/undici-types": {
             "version": "6.21.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
             "license": "MIT"
         },
         "node_modules/unicorn-magic": {
             "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+            "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8390,6 +11083,8 @@
         },
         "node_modules/unique-filename": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+            "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -8398,6 +11093,8 @@
         },
         "node_modules/unique-slug": {
             "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+            "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -8406,6 +11103,8 @@
         },
         "node_modules/universalify": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "license": "MIT",
             "engines": {
                 "node": ">= 10.0.0"
@@ -8413,6 +11112,8 @@
         },
         "node_modules/unpipe": {
             "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+            "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
@@ -8420,6 +11121,8 @@
         },
         "node_modules/update-browserslist-db": {
             "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+            "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
             "dev": true,
             "funding": [
                 {
@@ -8449,6 +11152,8 @@
         },
         "node_modules/uri-js": {
             "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -8457,14 +11162,20 @@
         },
         "node_modules/url-polyfill": {
             "version": "1.1.13",
+            "resolved": "https://registry.npmjs.org/url-polyfill/-/url-polyfill-1.1.13.tgz",
+            "integrity": "sha512-tXzkojrv2SujumYthZ/WjF7jaSfNhSXlYMpE5AYdL2I3D7DCeo+mch8KtW2rUuKjDg+3VXODXHVgipt8yGY/eQ==",
             "license": "MIT"
         },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "license": "MIT"
         },
         "node_modules/uuid": {
             "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
+            "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
             "funding": [
                 "https://github.com/sponsors/broofa",
                 "https://github.com/sponsors/ctavan"
@@ -8476,18 +11187,24 @@
         },
         "node_modules/v8-compile-cache-lib": {
             "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vary": {
             "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+            "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 0.8"
             }
         },
         "node_modules/vite": {
-            "version": "6.3.3",
+            "version": "6.3.5",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
+            "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8561,6 +11278,8 @@
         },
         "node_modules/vite-hot-client": {
             "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/vite-hot-client/-/vite-hot-client-2.0.4.tgz",
+            "integrity": "sha512-W9LOGAyGMrbGArYJN4LBCdOC5+Zwh7dHvOHC0KmGKkJhsOzaKbpo/jEjpPKVHIW0/jBWj8RZG0NUxfgA8BxgAg==",
             "dev": true,
             "license": "MIT",
             "funding": {
@@ -8571,13 +11290,15 @@
             }
         },
         "node_modules/vite-node": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.1.3.tgz",
+            "integrity": "sha512-uHV4plJ2IxCl4u1up1FQRrqclylKAogbtBfOTwcuJ28xFi+89PZ57BRh+naIRvH70HPwxy5QHYzg1OrEaC7AbA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "cac": "^6.7.14",
                 "debug": "^4.4.0",
-                "es-module-lexer": "^1.6.0",
+                "es-module-lexer": "^1.7.0",
                 "pathe": "^2.0.3",
                 "vite": "^5.0.0 || ^6.0.0"
             },
@@ -8593,6 +11314,8 @@
         },
         "node_modules/vite-plugin-inspect": {
             "version": "0.8.9",
+            "resolved": "https://registry.npmjs.org/vite-plugin-inspect/-/vite-plugin-inspect-0.8.9.tgz",
+            "integrity": "sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8622,13 +11345,15 @@
             }
         },
         "node_modules/vite-plugin-vue-devtools": {
-            "version": "7.7.5",
+            "version": "7.7.6",
+            "resolved": "https://registry.npmjs.org/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.7.6.tgz",
+            "integrity": "sha512-L7nPVM5a7lgit/Z+36iwoqHOaP3wxqVi1UvaDJwGCfblS9Y6vNqf32ILlzJVH9c47aHu90BhDXeZc+rgzHRHcw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vue/devtools-core": "^7.7.5",
-                "@vue/devtools-kit": "^7.7.5",
-                "@vue/devtools-shared": "^7.7.5",
+                "@vue/devtools-core": "^7.7.6",
+                "@vue/devtools-kit": "^7.7.6",
+                "@vue/devtools-shared": "^7.7.6",
                 "execa": "^9.5.2",
                 "sirv": "^3.0.1",
                 "vite-plugin-inspect": "0.8.9",
@@ -8641,99 +11366,10 @@
                 "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0"
             }
         },
-        "node_modules/vite-plugin-vue-devtools/node_modules/execa": {
-            "version": "9.5.2",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sindresorhus/merge-streams": "^4.0.0",
-                "cross-spawn": "^7.0.3",
-                "figures": "^6.1.0",
-                "get-stream": "^9.0.0",
-                "human-signals": "^8.0.0",
-                "is-plain-obj": "^4.1.0",
-                "is-stream": "^4.0.1",
-                "npm-run-path": "^6.0.0",
-                "pretty-ms": "^9.0.0",
-                "signal-exit": "^4.1.0",
-                "strip-final-newline": "^4.0.0",
-                "yoctocolors": "^2.0.0"
-            },
-            "engines": {
-                "node": "^18.19.0 || >=20.5.0"
-            },
-            "funding": {
-                "url": "https://github.com/sindresorhus/execa?sponsor=1"
-            }
-        },
-        "node_modules/vite-plugin-vue-devtools/node_modules/figures": {
-            "version": "6.1.0",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-unicode-supported": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/vite-plugin-vue-devtools/node_modules/get-stream": {
-            "version": "9.0.1",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sec-ant/readable-stream": "^0.4.1",
-                "is-stream": "^4.0.1"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/vite-plugin-vue-devtools/node_modules/is-stream": {
-            "version": "4.0.1",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/vite-plugin-vue-devtools/node_modules/npm-run-path": {
-            "version": "6.0.0",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-key": "^4.0.0",
-                "unicorn-magic": "^0.3.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/vite-plugin-vue-devtools/node_modules/path-key": {
-            "version": "4.0.0",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
         "node_modules/vite-plugin-vue-inspector": {
             "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/vite-plugin-vue-inspector/-/vite-plugin-vue-inspector-5.3.1.tgz",
+            "integrity": "sha512-cBk172kZKTdvGpJuzCCLg8lJ909wopwsu3Ve9FsL1XsnLBiRT9U3MePcqrgGHgCX2ZgkqZmAGR8taxw+TV6s7A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8753,6 +11389,8 @@
         },
         "node_modules/vite/node_modules/fdir": {
             "version": "6.4.4",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+            "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
             "dev": true,
             "license": "MIT",
             "peerDependencies": {
@@ -8766,6 +11404,8 @@
         },
         "node_modules/vite/node_modules/picomatch": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8776,17 +11416,19 @@
             }
         },
         "node_modules/vitest": {
-            "version": "3.1.2",
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.1.3.tgz",
+            "integrity": "sha512-188iM4hAHQ0km23TN/adso1q5hhwKqUpv+Sd6p5sOuh6FhQnRNW3IsiIpvxqahtBabsJ2SLZgmGSpcYK4wQYJw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@vitest/expect": "3.1.2",
-                "@vitest/mocker": "3.1.2",
-                "@vitest/pretty-format": "^3.1.2",
-                "@vitest/runner": "3.1.2",
-                "@vitest/snapshot": "3.1.2",
-                "@vitest/spy": "3.1.2",
-                "@vitest/utils": "3.1.2",
+                "@vitest/expect": "3.1.3",
+                "@vitest/mocker": "3.1.3",
+                "@vitest/pretty-format": "^3.1.3",
+                "@vitest/runner": "3.1.3",
+                "@vitest/snapshot": "3.1.3",
+                "@vitest/spy": "3.1.3",
+                "@vitest/utils": "3.1.3",
                 "chai": "^5.2.0",
                 "debug": "^4.4.0",
                 "expect-type": "^1.2.1",
@@ -8799,7 +11441,7 @@
                 "tinypool": "^1.0.2",
                 "tinyrainbow": "^2.0.0",
                 "vite": "^5.0.0 || ^6.0.0",
-                "vite-node": "3.1.2",
+                "vite-node": "3.1.3",
                 "why-is-node-running": "^2.3.0"
             },
             "bin": {
@@ -8815,8 +11457,8 @@
                 "@edge-runtime/vm": "*",
                 "@types/debug": "^4.1.12",
                 "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-                "@vitest/browser": "3.1.2",
-                "@vitest/ui": "3.1.2",
+                "@vitest/browser": "3.1.3",
+                "@vitest/ui": "3.1.3",
                 "happy-dom": "*",
                 "jsdom": "*"
             },
@@ -8846,18 +11488,22 @@
         },
         "node_modules/vscode-uri": {
             "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+            "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vue": {
-            "version": "3.5.13",
+            "version": "3.5.14",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.14.tgz",
+            "integrity": "sha512-LbOm50/vZFG6Mhy6KscQYXZMQ0LMCC/y40HDJPPvGFQ+i/lUH+PJHR6C3assgOQiXdl6tAfsXHbXYVBZZu65ew==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-sfc": "3.5.13",
-                "@vue/runtime-dom": "3.5.13",
-                "@vue/server-renderer": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-dom": "3.5.14",
+                "@vue/compiler-sfc": "3.5.14",
+                "@vue/runtime-dom": "3.5.14",
+                "@vue/server-renderer": "3.5.14",
+                "@vue/shared": "3.5.14"
             },
             "peerDependencies": {
                 "typescript": "*"
@@ -8870,11 +11516,15 @@
         },
         "node_modules/vue-component-type-helpers": {
             "version": "2.2.10",
+            "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.10.tgz",
+            "integrity": "sha512-iDUO7uQK+Sab2tYuiP9D1oLujCWlhHELHMgV/cB13cuGbG4qwkLHvtfWb6FzvxrIOPDnU0oHsz2MlQjhYDeaHA==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/vue-demi": {
             "version": "0.14.10",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -8899,6 +11549,8 @@
         },
         "node_modules/vue-eslint-parser": {
             "version": "10.1.3",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz",
+            "integrity": "sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8922,6 +11574,8 @@
         },
         "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
             "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+            "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -8933,6 +11587,8 @@
         },
         "node_modules/vue-i18n": {
             "version": "11.1.3",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.1.3.tgz",
+            "integrity": "sha512-Pcylh9z9S5+CJAqgbRZ3EKxFIBIrtY5YUppU722GIT65+Nukm0TCqiQegZnNLCZkXGthxe0cpqj0AoM51H+6Gw==",
             "license": "MIT",
             "dependencies": {
                 "@intlify/core-base": "11.1.3",
@@ -8950,7 +11606,9 @@
             }
         },
         "node_modules/vue-router": {
-            "version": "4.5.0",
+            "version": "4.5.1",
+            "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
+            "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
             "license": "MIT",
             "dependencies": {
                 "@vue/devtools-api": "^6.6.4"
@@ -8964,6 +11622,8 @@
         },
         "node_modules/vue-tsc": {
             "version": "2.2.10",
+            "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.10.tgz",
+            "integrity": "sha512-jWZ1xSaNbabEV3whpIDMbjVSVawjAyW+x1n3JeGQo7S0uv2n9F/JMgWW90tGWNFRKya4YwKMZgCtr0vRAM7DeQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -8987,7 +11647,9 @@
             }
         },
         "node_modules/vuetify": {
-            "version": "3.8.2",
+            "version": "3.8.5",
+            "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.8.5.tgz",
+            "integrity": "sha512-W/mTaNDyO6NRqAQmnkMUn9TYvRb//BPF/vk7h3+2xNJOyI9ev90JmYjrihOtb+6QDrB79wVUH0Y+0OjYK73GsA==",
             "license": "MIT",
             "engines": {
                 "node": "^12.20 || >=14.13"
@@ -9016,6 +11678,8 @@
         },
         "node_modules/w3c-xmlserializer": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+            "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
             "license": "MIT",
             "dependencies": {
                 "xml-name-validator": "^5.0.0"
@@ -9026,6 +11690,8 @@
         },
         "node_modules/w3c-xmlserializer/node_modules/xml-name-validator": {
             "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+            "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=18"
@@ -9033,6 +11699,8 @@
         },
         "node_modules/wait-on": {
             "version": "8.0.3",
+            "resolved": "https://registry.npmjs.org/wait-on/-/wait-on-8.0.3.tgz",
+            "integrity": "sha512-nQFqAFzZDeRxsu7S3C7LbuxslHhk+gnJZHyethuGKAn2IVleIbTB9I3vJSQiSR+DifUqmdzfPMoMPJfLqMF2vw==",
             "license": "MIT",
             "dependencies": {
                 "axios": "^1.8.2",
@@ -9050,6 +11718,8 @@
         },
         "node_modules/webidl-conversions": {
             "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
             "license": "BSD-2-Clause",
             "engines": {
                 "node": ">=12"
@@ -9057,6 +11727,8 @@
         },
         "node_modules/whatwg-encoding": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+            "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
             "license": "MIT",
             "dependencies": {
                 "iconv-lite": "0.6.3"
@@ -9067,6 +11739,8 @@
         },
         "node_modules/whatwg-mimetype": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+            "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
             "license": "MIT",
             "engines": {
                 "node": ">=18"
@@ -9074,6 +11748,8 @@
         },
         "node_modules/whatwg-url": {
             "version": "14.2.0",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+            "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
             "license": "MIT",
             "dependencies": {
                 "tr46": "^5.1.0",
@@ -9085,6 +11761,8 @@
         },
         "node_modules/which": {
             "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
             "license": "ISC",
             "dependencies": {
                 "isexe": "^2.0.0"
@@ -9098,6 +11776,8 @@
         },
         "node_modules/why-is-node-running": {
             "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+            "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9113,6 +11793,8 @@
         },
         "node_modules/wide-align": {
             "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
             "license": "ISC",
             "optional": true,
             "dependencies": {
@@ -9121,6 +11803,8 @@
         },
         "node_modules/wide-align/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "license": "MIT",
             "optional": true,
             "engines": {
@@ -9129,11 +11813,15 @@
         },
         "node_modules/wide-align/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "license": "MIT",
             "optional": true
         },
         "node_modules/wide-align/node_modules/string-width": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -9147,6 +11835,8 @@
         },
         "node_modules/wide-align/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -9158,6 +11848,8 @@
         },
         "node_modules/winston": {
             "version": "3.17.0",
+            "resolved": "https://registry.npmjs.org/winston/-/winston-3.17.0.tgz",
+            "integrity": "sha512-DLiFIXYC5fMPxaRg832S6F5mJYvePtmO5G9v9IgUFPhXm9/GkXarH/TUrBAVzhTCzAj9anE/+GjrgXp/54nOgw==",
             "license": "MIT",
             "dependencies": {
                 "@colors/colors": "^1.6.0",
@@ -9178,6 +11870,8 @@
         },
         "node_modules/winston-loki": {
             "version": "6.1.3",
+            "resolved": "https://registry.npmjs.org/winston-loki/-/winston-loki-6.1.3.tgz",
+            "integrity": "sha512-DjWtJ230xHyYQWr9mZJa93yhwHttn3JEtSYWP8vXZWJOahiQheUhf+88dSIidbGXB3u0oLweV6G1vkL/ouT62Q==",
             "license": "MIT",
             "dependencies": {
                 "async-exit-hook": "2.0.1",
@@ -9192,6 +11886,8 @@
         },
         "node_modules/winston-transport": {
             "version": "4.9.0",
+            "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.9.0.tgz",
+            "integrity": "sha512-8drMJ4rkgaPo1Me4zD/3WLfI/zPdA9o2IipKODunnGDcuqbHwjsbB79ylv04LCGGzU0xQ6vTznOMpQGaLhhm6A==",
             "license": "MIT",
             "dependencies": {
                 "logform": "^2.7.0",
@@ -9202,12 +11898,10 @@
                 "node": ">= 12.0.0"
             }
         },
-        "node_modules/winston/node_modules/async": {
-            "version": "3.2.6",
-            "license": "MIT"
-        },
         "node_modules/winston/node_modules/is-stream": {
             "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -9218,6 +11912,8 @@
         },
         "node_modules/word-wrap": {
             "version": "1.2.5",
+            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9226,6 +11922,8 @@
         },
         "node_modules/wrap-ansi": {
             "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9243,6 +11941,8 @@
         "node_modules/wrap-ansi-cjs": {
             "name": "wrap-ansi",
             "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9259,6 +11959,8 @@
         },
         "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9267,11 +11969,15 @@
         },
         "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/wrap-ansi-cjs/node_modules/string-width": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9285,6 +11991,8 @@
         },
         "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9296,6 +12004,8 @@
         },
         "node_modules/wrap-ansi/node_modules/ansi-styles": {
             "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9307,10 +12017,14 @@
         },
         "node_modules/wrappy": {
             "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
             "license": "ISC"
         },
         "node_modules/ws": {
-            "version": "8.18.1",
+            "version": "8.18.2",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
+            "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=10.0.0"
@@ -9330,6 +12044,8 @@
         },
         "node_modules/xml-name-validator": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
@@ -9338,10 +12054,14 @@
         },
         "node_modules/xmlchars": {
             "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
             "license": "MIT"
         },
         "node_modules/xtend": {
             "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
             "license": "MIT",
             "engines": {
                 "node": ">=0.4"
@@ -9349,6 +12069,8 @@
         },
         "node_modules/y18n": {
             "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -9357,10 +12079,14 @@
         },
         "node_modules/yallist": {
             "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "license": "ISC"
         },
         "node_modules/yargs": {
             "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9378,6 +12104,8 @@
         },
         "node_modules/yargs-parser": {
             "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
             "dev": true,
             "license": "ISC",
             "engines": {
@@ -9386,6 +12114,8 @@
         },
         "node_modules/yargs/node_modules/ansi-regex": {
             "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9394,11 +12124,15 @@
         },
         "node_modules/yargs/node_modules/emoji-regex": {
             "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/yargs/node_modules/string-width": {
             "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9412,6 +12146,8 @@
         },
         "node_modules/yargs/node_modules/strip-ansi": {
             "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -9423,6 +12159,8 @@
         },
         "node_modules/yn": {
             "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9431,6 +12169,8 @@
         },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9442,6 +12182,8 @@
         },
         "node_modules/yoctocolors": {
             "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.1.tgz",
+            "integrity": "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -9450,6 +12192,26 @@
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
             }
+        },
+        "node_modules/zod": {
+            "version": "3.24.4",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.4.tgz",
+            "integrity": "sha512-OdqJE9UDRPwWsrHjLN2F8bPxvwJBK22EHLWtanu0LSYr5YqzsaaW3RMgmjwr8Rypg5k+meEJdSPXJZXE/yqOMg==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
+        },
+        "node_modules/zod-to-json-schema": {
+            "version": "3.24.5",
+            "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.24.5.tgz",
+            "integrity": "sha512-/AuWwMP+YqiPbsJx5D6TfgRTc4kTLjsh5SOcd4bLsfUg2RcEXrFMJl1DGgdHy2aCfsIA/cr/1JM0xcB2GZji8g==",
+            "dev": true,
+            "license": "ISC",
+            "peerDependencies": {
+                "zod": "^3.24.1"
+            }
         }
     }
 }

From 45563b68ea4e903c6fe497c4c188f25cf962e290 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Fri, 16 May 2025 22:18:57 +0200
Subject: [PATCH 19/74] feat: edit groups pop up verbeteren

---
 .../components/assignments/GroupSelector.vue  |  26 +-
 .../views/assignments/TeacherAssignment.vue   | 556 +++++++++---------
 2 files changed, 292 insertions(+), 290 deletions(-)

diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 51914cbb..d57d8981 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
     import { computed, ref, watch } from "vue";
-    import draggable from "vuedraggable";
     import { useI18n } from "vue-i18n";
     import { useClassStudentsQuery } from "@/queries/classes";
 
@@ -46,7 +45,12 @@
 
             // Initialize groups if they exist
             if (existingGroups && existingGroups.length > 0) {
-                currentGroups.value = existingGroups.map((g) => [...g.members]);
+                currentGroups.value = existingGroups.map((group) =>
+                    group.members.map(member => ({
+                        username: member.username,
+                        fullName: `${member.firstName} ${member.lastName}`
+                    }))
+                );
                 const assignedUsernames = new Set(
                     existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
                 );
@@ -63,6 +67,7 @@
         { immediate: true },
     );
 
+
     // Random groups functions
     function generateRandomGroups() {
         if (groupSize.value < 1) return;
@@ -195,22 +200,9 @@
         >
             <h3 class="mb-2">{{ t("current-groups") }}</h3>
             <div
-                v-for="(group, index) in currentGroups"
-                :key="'preview-' + index"
-                class="mb-3"
             >
-                <div class="d-flex align-center">
-                    <strong class="mr-2">{{ t("group") }} {{ index + 1 }}:</strong>
-                    <span class="text-caption">({{ group.length }} {{ t("members") }})</span>
-                </div>
                 <div class="d-flex flex-wrap">
-                    <v-chip
-                        v-for="student in group"
-                        :key="student.username"
-                        class="ma-1"
-                    >
-                        {{ student.fullName }}
-                    </v-chip>
+                    <label>{{currentGroups.length}}</label>
                 </div>
             </div>
 
@@ -218,7 +210,7 @@
                 v-if="unassignedStudents.length > 0"
                 class="mt-3"
             >
-                <strong>{{ t("unassigned") }}:</strong>
+                <strong>{{ t("unassigned-students") }}:</strong>
                 <div class="d-flex flex-wrap">
                     <label>{{unassignedStudents.length}}</label>
                 </div>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 230b54f2..f3d6d34b 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,146 +1,146 @@
 <script setup lang="ts">
-    import { computed, type Ref, ref, watch, watchEffect } from "vue";
-    import { useI18n } from "vue-i18n";
-    import {
-        useAssignmentQuery,
-        useDeleteAssignmentMutation,
-        useUpdateAssignmentMutation,
-    } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { useGroupsQuery } from "@/queries/groups.ts";
-    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { Language } from "@/data-objects/language.ts";
-    import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
-    import { descriptionRules, learningPathRules } from "@/utils/assignment-rules.ts";
-    import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
-    import GroupProgressRow from "@/components/GroupProgressRow.vue";
-    import type { AssignmentDTO } from "@dwengo-1/common/dist/interfaces/assignment.ts";
-    import GroupSelector from "@/components/assignments/GroupSelector.vue";
+import {computed, type Ref, ref, watch, watchEffect} from "vue";
+import {useI18n} from "vue-i18n";
+import {
+    useAssignmentQuery,
+    useDeleteAssignmentMutation,
+    useUpdateAssignmentMutation,
+} from "@/queries/assignments.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import {useGroupsQuery} from "@/queries/groups.ts";
+import {useGetAllLearningPaths, useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import type {Language} from "@/data-objects/language.ts";
+import type {AssignmentResponse} from "@/controllers/assignments.ts";
+import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
+import type {LearningPath} from "@/data-objects/learning-paths/learning-path";
+import {descriptionRules, learningPathRules} from "@/utils/assignment-rules.ts";
+import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
+import GroupProgressRow from "@/components/GroupProgressRow.vue";
+import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
+import GroupSelector from "@/components/assignments/GroupSelector.vue";
 
-    const props = defineProps<{
-        classId: string;
-        assignmentId: number;
-        useGroupsWithProgress: (
-            groups: Ref<GroupDTO[]>,
-            hruid: Ref<string>,
-            language: Ref<Language>,
-        ) => { groupProgressMap: Map<number, number> };
-    }>();
+const props = defineProps<{
+    classId: string;
+    assignmentId: number;
+    useGroupsWithProgress: (
+        groups: Ref<GroupDTO[]>,
+        hruid: Ref<string>,
+        language: Ref<Language>,
+    ) => { groupProgressMap: Map<number, number> };
+}>();
 
-    const isEditing = ref(false);
+const isEditing = ref(false);
 
-    const { t } = useI18n();
-    const lang = ref();
-    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-    const learningPath = ref();
-    const form = ref();
+const {t} = useI18n();
+const lang = ref();
+const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+const learningPath = ref();
+const form = ref();
 
-    const editingLearningPath = ref(learningPath);
-    const description = ref("");
-    const editGroups = ref(false);
+const editingLearningPath = ref(learningPath);
+const description = ref("");
+const editGroups = ref(false);
 
-    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-    // Get learning path object
-    const lpQueryResult = useGetLearningPathQuery(
-        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-    );
+const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+// Get learning path object
+const lpQueryResult = useGetLearningPathQuery(
+    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
+);
 
-    // Get all the groups withing the assignment
-    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-    groups.value = groupsQueryResult.data.value?.groups ?? [];
+// Get all the groups withing the assignment
+const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    watchEffect(() => {
-        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-    });
+watchEffect(() => {
+    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+});
 
-    const allGroups = computed(() => {
-        const groups = groupsQueryResult.data.value?.groups;
+const allGroups = computed(() => {
+    const groups = groupsQueryResult.data.value?.groups;
 
-        if (!groups) return [];
+    if (!groups) return [];
 
-        // Sort by original groupNumber
-        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+    // Sort by original groupNumber
+    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
-        // Assign new sequential numbers starting from 1
-        return sortedGroups.map((group, index) => ({
-            groupNo: index + 1, // New group number that will be used
-            name: `${t("group")} ${index + 1}`,
-            members: group.members,
-            originalGroupNo: group.groupNumber, // Keep original number if needed
-        }));
-    });
+    // Assign new sequential numbers starting from 1
+    return sortedGroups.map((group, index) => ({
+        groupNo: index + 1, // New group number that will be used
+        name: `${t("group")} ${index + 1}`,
+        members: group.members,
+        originalGroupNo: group.groupNumber, // Keep original number if needed
+    }));
+});
 
-    const dialog = ref(false);
-    const selectedGroup = ref({});
+const dialog = ref(false);
+const selectedGroup = ref({});
 
-    function openGroupDetails(group): void {
-        selectedGroup.value = group;
-        dialog.value = true;
-    }
+function openGroupDetails(group): void {
+    selectedGroup.value = group;
+    dialog.value = true;
+}
 
-    async function deleteAssignment(num: number, clsId: string): Promise<void> {
-        const { mutate } = useDeleteAssignmentMutation();
-        mutate(
-            { cid: clsId, an: num },
-            {
-                onSuccess: () => {
-                    window.location.href = "/user/assignment";
-                },
+async function deleteAssignment(num: number, clsId: string): Promise<void> {
+    const {mutate} = useDeleteAssignmentMutation();
+    mutate(
+        {cid: clsId, an: num},
+        {
+            onSuccess: () => {
+                window.location.href = "/user/assignment";
             },
-        );
+        },
+    );
+}
+
+function goToLearningPathLink(): string | undefined {
+    const assignment = assignmentQueryResult.data.value?.assignment;
+    const lp = lpQueryResult.data.value;
+
+    if (!assignment || !lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
+function goToGroupSubmissionLink(groupNo: number): string | undefined {
+    const lp = lpQueryResult.data.value;
+    if (!lp) return undefined;
+
+    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+}
+
+const learningPathsQueryResults = useGetAllLearningPaths(lang);
+
+const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
+
+watch([isSuccess, data], ([success, newData]) => {
+    if (success && newData?.assignment) {
+        window.location.reload();
     }
+});
 
-    function goToLearningPathLink(): string | undefined {
-        const assignment = assignmentQueryResult.data.value?.assignment;
-        const lp = lpQueryResult.data.value;
+async function saveChanges(): Promise<void> {
+    const {valid} = await form.value.validate();
+    if (!valid) return;
 
-        if (!assignment || !lp) return undefined;
+    isEditing.value = false;
 
-        return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-    }
+    const lp = learningPath.value;
 
-    function goToGroupSubmissionLink(groupNo: number): string | undefined {
-        const lp = lpQueryResult.data.value;
-        if (!lp) return undefined;
+    const assignmentDTO: AssignmentDTO = {
+        id: assignmentQueryResult.data.value?.assignment.id,
+        description: description.value,
+        learningPath: lp || "",
+        deadline: new Date(),
+    };
 
-        return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-    }
-
-    const learningPathsQueryResults = useGetAllLearningPaths(lang);
-
-    const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
-
-    watch([isSuccess, data], ([success, newData]) => {
-        if (success && newData?.assignment) {
-            window.location.reload();
-        }
+    mutate({
+        cid: assignmentQueryResult.data.value?.assignment.within,
+        an: assignmentQueryResult.data.value?.assignment.id,
+        data: assignmentDTO,
     });
-
-    async function saveChanges(): Promise<void> {
-        const { valid } = await form.value.validate();
-        if (!valid) return;
-
-        isEditing.value = false;
-
-        const lp = learningPath.value;
-
-        const assignmentDTO: AssignmentDTO = {
-            id: assignmentQueryResult.data.value?.assignment.id,
-            description: description.value,
-            learningPath: lp || "",
-            deadline: new Date(),
-        };
-
-        mutate({
-            cid: assignmentQueryResult.data.value?.assignment.within,
-            an: assignmentQueryResult.data.value?.assignment.id,
-            data: assignmentDTO,
-        });
-    }
+}
 </script>
 
 <template>
@@ -207,7 +207,7 @@
                                                         editingLearningPath = learningPath;
                                                     }
                                                 "
-                                                >{{ t("cancel") }}
+                                            >{{ t("cancel") }}
                                             </v-btn>
 
                                             <v-btn
@@ -238,7 +238,7 @@
                                 </div>
 
                                 <v-card-title class="text-h4 assignmentTopTitle"
-                                    >{{ assignmentResponse.data.assignment.title }}
+                                >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
                                 <v-card-subtitle
                                     v-if="!isEditing"
@@ -320,7 +320,7 @@
                                         >
                                             <v-list-item-content>
                                                 <v-list-item-title
-                                                    >{{ member.firstName + " " + member.lastName }}
+                                                >{{ member.firstName + " " + member.lastName }}
                                                 </v-list-item-title>
                                             </v-list-item-content>
                                         </v-list-item>
@@ -330,7 +330,7 @@
                                     <v-btn
                                         color="primary"
                                         @click="dialog = false"
-                                        >Close
+                                    >Close
                                     </v-btn>
                                 </v-card-actions>
                             </v-card>
@@ -346,65 +346,65 @@
                     >
                         <v-table class="table">
                             <thead>
-                                <tr>
-                                    <th class="header">{{ t("group") }}</th>
-                                    <th class="header">{{ t("progress") }}</th>
-                                    <th class="header">{{ t("submission") }}</th>
-                                    <th class="header">
-                                        <v-btn
-                                            @click="editGroups = true"
-                                            variant="text"
-                                        >
-                                            <v-icon>mdi-pencil</v-icon>
-                                        </v-btn>
-                                    </th>
-                                </tr>
+                            <tr>
+                                <th class="header">{{ t("group") }}</th>
+                                <th class="header">{{ t("progress") }}</th>
+                                <th class="header">{{ t("submission") }}</th>
+                                <th class="header">
+                                    <v-btn
+                                        @click="editGroups = true"
+                                        variant="text"
+                                    >
+                                        <v-icon>mdi-pencil</v-icon>
+                                    </v-btn>
+                                </th>
+                            </tr>
                             </thead>
                             <tbody>
-                                <tr
-                                    v-for="g in allGroups"
-                                    :key="g.originalGroupNo"
-                                >
-                                    <td>
-                                        <v-btn
-                                            @click="openGroupDetails(g)"
-                                            variant="text"
-                                        >
-                                            {{ g.name }}
-                                            <v-icon end>mdi-menu-right</v-icon>
-                                        </v-btn>
-                                    </td>
+                            <tr
+                                v-for="g in allGroups"
+                                :key="g.originalGroupNo"
+                            >
+                                <td>
+                                    <v-btn
+                                        @click="openGroupDetails(g)"
+                                        variant="text"
+                                    >
+                                        {{ g.name }}
+                                        <v-icon end>mdi-menu-right</v-icon>
+                                    </v-btn>
+                                </td>
 
-                                    <td>
-                                        <GroupProgressRow
-                                            :group-number="g.originalGroupNo"
-                                            :learning-path="learningPath"
-                                            :language="lang"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                        />
-                                    </td>
+                                <td>
+                                    <GroupProgressRow
+                                        :group-number="g.originalGroupNo"
+                                        :learning-path="learningPath"
+                                        :language="lang"
+                                        :assignment-id="assignmentId"
+                                        :class-id="classId"
+                                    />
+                                </td>
 
-                                    <td>
-                                        <GroupSubmissionStatus
-                                            :group="g"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                            :language="lang"
-                                            :go-to-group-submission-link="goToGroupSubmissionLink"
-                                        />
-                                    </td>
+                                <td>
+                                    <GroupSubmissionStatus
+                                        :group="g"
+                                        :assignment-id="assignmentId"
+                                        :class-id="classId"
+                                        :language="lang"
+                                        :go-to-group-submission-link="goToGroupSubmissionLink"
+                                    />
+                                </td>
 
-                                    <!-- Edit icon -->
-                                    <td>
-                                        <v-btn
-                                            @click=""
-                                            variant="text"
-                                        >
-                                            <v-icon color="red">mdi-delete</v-icon>
-                                        </v-btn>
-                                    </td>
-                                </tr>
+                                <!-- Edit icon -->
+                                <td>
+                                    <v-btn
+                                        @click=""
+                                        variant="text"
+                                    >
+                                        <v-icon color="red">mdi-delete</v-icon>
+                                    </v-btn>
+                                </td>
+                            </tr>
                             </tbody>
                         </v-table>
                     </v-col>
@@ -414,14 +414,24 @@
                     max-width="800"
                     persistent
                 >
-                    <v-card-text>
-                        <GroupSelector
-                            :groups="allGroups"
-                            :class-id="props.classId"
-                            :assignment-id="props.assignmentId"
-                            @close="editGroups = false"
-                        />
-                    </v-card-text>
+                    <v-card>
+                        <v-card-text>
+                            <GroupSelector
+                                :groups="allGroups"
+                                :class-id="props.classId"
+                                :assignment-id="props.assignmentId"
+                                @close="editGroups = false"
+                            />
+                        </v-card-text>
+                        <v-card-actions>
+                            <v-btn
+                                text
+                                @click="editGroups = false"
+                            >{{ t("cancel") }}
+                            </v-btn
+                            >
+                        </v-card-actions>
+                    </v-card>
                 </v-dialog>
             </v-container>
         </using-query-result>
@@ -429,112 +439,112 @@
 </template>
 
 <style scoped>
-    @import "@/assets/assignment.css";
+@import "@/assets/assignment.css";
 
-    .table-scroll {
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-    }
+.table-scroll {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
 
-    .header {
-        font-weight: bold !important;
-        background-color: #0e6942;
-        color: white;
-        padding: 10px;
-    }
+.header {
+    font-weight: bold !important;
+    background-color: #0e6942;
+    color: white;
+    padding: 10px;
+}
 
-    table thead th:first-child {
-        border-top-left-radius: 10px;
-    }
+table thead th:first-child {
+    border-top-left-radius: 10px;
+}
 
-    .table thead th:last-child {
-        border-top-right-radius: 10px;
-    }
+.table thead th:last-child {
+    border-top-right-radius: 10px;
+}
 
-    .table tbody tr:nth-child(odd) {
-        background-color: white;
-    }
+.table tbody tr:nth-child(odd) {
+    background-color: white;
+}
 
-    .table tbody tr:nth-child(even) {
-        background-color: #f6faf2;
-    }
+.table tbody tr:nth-child(even) {
+    background-color: #f6faf2;
+}
 
-    td,
-    th {
-        border-bottom: 1px solid #0e6942;
-        border-top: 1px solid #0e6942;
-    }
+td,
+th {
+    border-bottom: 1px solid #0e6942;
+    border-top: 1px solid #0e6942;
+}
 
-    .table {
-        width: 90%;
-        padding-top: 10px;
-        border-collapse: collapse;
-    }
+.table {
+    width: 90%;
+    padding-top: 10px;
+    border-collapse: collapse;
+}
 
+h1 {
+    color: #0e6942;
+    text-transform: uppercase;
+    font-weight: bolder;
+    padding-top: 2%;
+    font-size: 50px;
+}
+
+h2 {
+    color: #0e6942;
+    font-size: 30px;
+}
+
+.join {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-top: 50px;
+}
+
+.link {
+    color: #0b75bb;
+    text-decoration: underline;
+}
+
+main {
+    margin-left: 30px;
+}
+
+@media screen and (max-width: 850px) {
     h1 {
-        color: #0e6942;
-        text-transform: uppercase;
-        font-weight: bolder;
-        padding-top: 2%;
-        font-size: 50px;
-    }
-
-    h2 {
-        color: #0e6942;
-        font-size: 30px;
+        text-align: center;
+        padding-left: 0;
     }
 
     .join {
-        display: flex;
-        flex-direction: column;
-        gap: 20px;
-        margin-top: 50px;
+        text-align: center;
+        align-items: center;
+        margin-left: 0;
     }
 
-    .link {
-        color: #0b75bb;
-        text-decoration: underline;
+    .sheet {
+        width: 100%;
     }
 
     main {
-        margin-left: 30px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin: 5px;
     }
 
-    @media screen and (max-width: 850px) {
-        h1 {
-            text-align: center;
-            padding-left: 0;
-        }
-
-        .join {
-            text-align: center;
-            align-items: center;
-            margin-left: 0;
-        }
-
-        .sheet {
-            width: 100%;
-        }
-
-        main {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            margin: 5px;
-        }
-
-        .custom-breakpoint {
-            flex-direction: column !important;
-        }
-
-        .table {
-            width: 100%;
-        }
-
-        .responsive-col {
-            max-width: 100% !important;
-            flex-basis: 100% !important;
-        }
+    .custom-breakpoint {
+        flex-direction: column !important;
     }
+
+    .table {
+        width: 100%;
+    }
+
+    .responsive-col {
+        max-width: 100% !important;
+        flex-basis: 100% !important;
+    }
+}
 </style>

From 862e72ef4a67c2fcba6de4f2a5f7964a3cf082aa Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 00:04:31 +0200
Subject: [PATCH 20/74] feat: drag en drop werkt op mobiel

---
 frontend/package.json                         |   1 +
 .../components/assignments/GroupSelector.vue  | 610 +++++++++++-------
 .../views/assignments/TeacherAssignment.vue   | 139 ++--
 package-lock.json                             |  16 +
 4 files changed, 489 insertions(+), 277 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 1699e2b5..1a60fe58 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
         "@tanstack/vue-query": "^5.69.0",
         "@vueuse/core": "^13.1.0",
         "axios": "^1.8.2",
+        "interactjs": "^1.10.27",
         "oidc-client-ts": "^3.1.0",
         "rollup": "^4.40.0",
         "uuid": "^11.1.0",
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index d57d8981..1014c119 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -1,243 +1,388 @@
 <script setup lang="ts">
-    import { computed, ref, watch } from "vue";
-    import { useI18n } from "vue-i18n";
-    import { useClassStudentsQuery } from "@/queries/classes";
+import {computed, ref, watch} from "vue";
+import {useI18n} from "vue-i18n";
+import {useClassStudentsQuery} from "@/queries/classes";
 
-    const props = defineProps<{
-        classId: string | undefined;
-        groups: object[];
-    }>();
-    const emit = defineEmits(["close", "groupsUpdated", "done"]);
-    const { t } = useI18n();
+const props = defineProps<{
+    classId: string | undefined;
+    groups: object[];
+}>();
+const emit = defineEmits(["close", "groupsUpdated", "done"]);
+const {t} = useI18n();
 
-    interface StudentItem {
-        username: string;
-        fullName: string;
-    }
+interface StudentItem {
+    username: string;
+    fullName: string;
+}
 
-    const { data: studentsData } = useClassStudentsQuery(() => props.classId, true);
+const {data: studentsData} = useClassStudentsQuery(() => props.classId, true);
 
-    // Dialog states
-    const activeDialog = ref<"random" | "dragdrop" | null>(null);
+// Dialog states for group editing
+const activeDialog = ref<"random" | "dragdrop" | null>(null);
 
-    // Drag state
-    const draggedItem = ref<{groupIndex: number, studentIndex: number} | null>(null);
+// Drag state for the drag and drop
+const draggedItem = ref<{ groupIndex: number, studentIndex: number } | null>(null);
 
-    const currentGroups = ref<StudentItem[][]>([]);
-    const unassignedStudents = ref<StudentItem[]>([]);
-    const allStudents = ref<StudentItem[]>([]);
+const currentGroups = ref<StudentItem[][]>([]);
+const unassignedStudents = ref<StudentItem[]>([]);
+const allStudents = ref<StudentItem[]>([]);
 
-    // Random groups state
-    const groupSize = ref(1);
-    const randomGroupsPreview = ref<StudentItem[][]>([]);
+// Random groups state
+const groupSize = ref(1);
+const randomGroupsPreview = ref<StudentItem[][]>([]);
 
-    // Initialize data
-    watch(
-        () => [studentsData.value, props.groups],
-        ([studentsVal, existingGroups]) => {
-            if (!studentsVal) return;
+// Initialize data
+watch(
+    () => [studentsData.value, props.groups],
+    ([studentsVal, existingGroups]) => {
+        if (!studentsVal) return;
 
-            // Initialize all students
-            allStudents.value = studentsVal.students.map((s) => ({
-                username: s.username,
-                fullName: `${s.firstName} ${s.lastName}`,
-            }));
+        // Initialize all students
+        allStudents.value = studentsVal.students.map((s) => ({
+            username: s.username,
+            fullName: `${s.firstName} ${s.lastName}`,
+        }));
 
-            // Initialize groups if they exist
-            if (existingGroups && existingGroups.length > 0) {
-                currentGroups.value = existingGroups.map((group) =>
-                    group.members.map(member => ({
-                        username: member.username,
-                        fullName: `${member.firstName} ${member.lastName}`
-                    }))
-                );
-                const assignedUsernames = new Set(
-                    existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
-                );
-                unassignedStudents.value = allStudents.value.filter((s) => !assignedUsernames.has(s.username));
-            } else {
-                // Default to all students unassigned
-                currentGroups.value = [];
-                unassignedStudents.value = [...allStudents.value];
-            }
-
-            // Initialize random preview with current groups
-            randomGroupsPreview.value = [...currentGroups.value];
-        },
-        { immediate: true },
-    );
-
-
-    // Random groups functions
-    function generateRandomGroups() {
-        if (groupSize.value < 1) return;
-
-        // Shuffle students
-        const shuffled = [...allStudents.value].sort(() => Math.random() - 0.5);
-
-        // Create new groups
-        const newGroups: StudentItem[][] = [];
-        const groupCount = Math.ceil(shuffled.length / groupSize.value);
-
-        for (let i = 0; i < groupCount; i++) {
-            newGroups.push([]);
-        }
-
-        // Distribute students
-        shuffled.forEach((student, index) => {
-            const groupIndex = index % groupCount;
-            newGroups[groupIndex].push(student);
-        });
-
-        randomGroupsPreview.value = newGroups;
-    }
-
-    function saveRandomGroups() {
-        if (randomGroupsPreview.value.length === 0) {
-            alert(t("please-generate-groups-first"));
-            return;
-        }
-
-        emit(
-            "groupsUpdated",
-            randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
-        );
-        activeDialog.value = null;
-        emit("done");
-        emit("close");
-    }
-
-    // Drag and drop functions
-    function addNewGroup() {
-        currentGroups.value.push([]);
-    }
-
-    function removeGroup(index: number) {
-        // Move students back to unassigned
-        unassignedStudents.value.push(...currentGroups.value[index]);
-        currentGroups.value.splice(index, 1);
-    }
-
-    // Native Drag & Drop Handlers
-    function handleDragStart(groupIndex: number, studentIndex: number) {
-        draggedItem.value = { groupIndex, studentIndex };
-    }
-
-    function handleDragOver(e: DragEvent, _: number) {
-        e.preventDefault();
-        e.dataTransfer!.dropEffect = "move";
-    }
-
-    function handleDrop(e: DragEvent, targetGroupIndex: number, targetStudentIndex?: number) {
-        e.preventDefault();
-        if (!draggedItem.value) return;
-
-        const { groupIndex: sourceGroupIndex, studentIndex: sourceStudentIndex } = draggedItem.value;
-        const isSameGroup = sourceGroupIndex === targetGroupIndex;
-
-        let sourceArray, targetArray;
-
-        // Determine source and target arrays
-        if (sourceGroupIndex === -1) {
-            sourceArray = unassignedStudents.value;
+        // Initialize groups if they exist
+        if (existingGroups && existingGroups.length > 0) {
+            currentGroups.value = existingGroups.map((group) =>
+                group.members.map(member => ({
+                    username: member.username,
+                    fullName: `${member.firstName} ${member.lastName}`
+                }))
+            );
+            const assignedUsernames = new Set(
+                existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
+            );
+            unassignedStudents.value = allStudents.value.filter((s) => !assignedUsernames.has(s.username));
         } else {
-            sourceArray = currentGroups.value[sourceGroupIndex];
+            currentGroups.value = [];
+            unassignedStudents.value = [...allStudents.value];
         }
 
-        if (targetGroupIndex === -1) {
-            targetArray = unassignedStudents.value;
-        } else {
-            targetArray = currentGroups.value[targetGroupIndex];
-        }
+        randomGroupsPreview.value = [...currentGroups.value];
+    },
+    {immediate: true},
+);
 
-        // Remove from source
-        const [movedStudent] = sourceArray.splice(sourceStudentIndex, 1);
+/** Random groups functions */
+function generateRandomGroups(): void {
+    if (groupSize.value < 1) return;
 
-        // Add to target
-        if (targetStudentIndex !== undefined) {
-            targetArray.splice(targetStudentIndex, 0, movedStudent);
-        } else {
-            targetArray.push(movedStudent);
-        }
+    // Shuffle students
+    const shuffled = [...allStudents.value].sort(() => Math.random() - 0.5);
 
-        draggedItem.value = null;
+    // Create new groups
+    const newGroups: StudentItem[][] = [];
+    const groupCount = Math.ceil(shuffled.length / groupSize.value);
+
+    for (let i = 0; i < groupCount; i++) {
+        newGroups.push([]);
     }
 
-
-    function saveDragDrop() {
-        if (unassignedStudents.value.length > 0) {
-            alert(t("please-assign-all-students"));
-            return;
-        }
-
-        emit(
-            "groupsUpdated",
-            currentGroups.value.map((g) => g.map((s) => s.username)),
-        );
-        activeDialog.value = null;
-        emit("done");
-        emit("close");
-    }
-
-    // Preview current groups in the main view
-    const showGroupsPreview = computed(() => {
-        return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
+    // Distribute students
+    shuffled.forEach((student, index) => {
+        const groupIndex = index % groupCount;
+        newGroups[groupIndex].push(student);
     });
 
-    function removeStudent(groupIndex, student) {
-        const group = currentGroups.value[groupIndex];
-        currentGroups.value[groupIndex] = group.filter((s) => s.username !== student.username);
-        unassignedStudents.value.push(student);
+    randomGroupsPreview.value = newGroups;
+}
+
+function saveRandomGroups(): void {
+    if (randomGroupsPreview.value.length === 0) {
+        alert(t("please-generate-groups-first"));
+        return;
     }
+
+    emit(
+        "groupsUpdated",
+        randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
+    );
+    activeDialog.value = null;
+    emit("done");
+    emit("close");
+}
+
+function addNewGroup() {
+    currentGroups.value.push([]);
+}
+
+function removeGroup(index: number) {
+    // Move students back to unassigned
+    unassignedStudents.value.push(...currentGroups.value[index]);
+    currentGroups.value.splice(index, 1);
+}
+
+/** Drag and drop functions */
+
+// Touch state interface
+interface TouchState {
+    isDragging: boolean;
+    startX: number;
+    startY: number;
+    currentGroupIndex: number;
+    currentStudentIndex: number;
+    element: HTMLElement | null;
+    clone: HTMLElement | null;
+    originalRect: DOMRect | null;
+    hasMoved: boolean;
+}
+
+const touchState = ref<TouchState>({
+    isDragging: false,
+    startX: 0,
+    startY: 0,
+    currentGroupIndex: -1,
+    currentStudentIndex: -1,
+    element: null,
+    clone: null,
+    originalRect: null,
+    hasMoved: false
+});
+
+function handleTouchStart(event: TouchEvent, groupIndex: number, studentIndex: number): void {
+    if (event.touches.length > 1) return;
+
+    const touch = event.touches[0];
+    const target = event.target as HTMLElement;
+    // Target the chip directly instead of the draggable container
+    const chip = target.closest('.v-chip') as HTMLElement;
+
+    if (!chip) return;
+
+    // Get the chip's position relative to the viewport
+    const rect = chip.getBoundingClientRect();
+
+    touchState.value = {
+        isDragging: true,
+        startX: touch.clientX,
+        startY: touch.clientY,
+        currentGroupIndex: groupIndex,
+        currentStudentIndex: studentIndex,
+        element: chip,
+        clone: null,
+        originalRect: rect,
+        hasMoved: false
+    };
+
+    // Clone only the chip
+    const clone = chip.cloneNode(true) as HTMLElement;
+    clone.classList.add('drag-clone');
+    clone.style.position = 'fixed';
+    clone.style.zIndex = '10000';
+    clone.style.opacity = '0.9';
+    clone.style.pointerEvents = 'none';
+    clone.style.width = `${rect.width}px`;
+    clone.style.height = `${rect.height}px`;
+    clone.style.left = `${rect.left}px`;
+    clone.style.top = `${rect.top}px`;
+    clone.style.transform = 'scale(1.05)';
+    clone.style.boxShadow = '0 4px 8px rgba(0,0,0,0.3)';
+    clone.style.transition = 'transform 0.1s';
+
+    // Ensure the clone has the same chip styling
+    clone.style.backgroundColor = getComputedStyle(chip).backgroundColor;
+    clone.style.color = getComputedStyle(chip).color;
+    clone.style.borderRadius = getComputedStyle(chip).borderRadius;
+    clone.style.padding = getComputedStyle(chip).padding;
+    clone.style.margin = '0'; // Remove any margin
+
+    document.body.appendChild(clone);
+    touchState.value.clone = clone;
+    chip.style.visibility = 'hidden';
+
+    event.preventDefault();
+    event.stopPropagation();
+}
+
+function handleTouchMove(event: TouchEvent): void {
+    if (!touchState.value.isDragging || !touchState.value.clone || event.touches.length > 1) return;
+
+    const touch = event.touches[0];
+    const clone = touchState.value.clone;
+
+    const dx = Math.abs(touch.clientX - touchState.value.startX);
+    const dy = Math.abs(touch.clientY - touchState.value.startY);
+
+    if (dx > 5 || dy > 5) {
+        touchState.value.hasMoved = true;
+    }
+
+    clone.style.left = `${touch.clientX - clone.offsetWidth / 2}px`;
+    clone.style.top = `${touch.clientY - clone.offsetHeight / 2}px`;
+
+    document.querySelectorAll('.group-box').forEach(el => {
+        el.classList.remove('highlight');
+    });
+
+    const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
+    const dropTarget = elements.find(el => el.classList.contains('group-box'));
+
+    if (dropTarget) {
+        dropTarget.classList.add('highlight');
+    }
+
+    event.preventDefault();
+    event.stopPropagation();
+}
+
+function handleTouchEnd(event: TouchEvent): void {
+    if (!touchState.value.isDragging) return;
+
+    const {
+        currentGroupIndex,
+        currentStudentIndex,
+        clone,
+        element,
+        hasMoved
+    } = touchState.value;
+
+    document.querySelectorAll('.group-box').forEach(el => {
+        el.classList.remove('highlight');
+    });
+
+    if (clone?.parentNode) {
+        clone.parentNode.removeChild(clone);
+    }
+
+    if (element) {
+        element.style.visibility = 'visible';
+    }
+
+    if (hasMoved && event.changedTouches.length > 0) {
+        const touch = event.changedTouches[0];
+        const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
+        const dropTarget = elements.find(el => el.classList.contains('group-box'));
+
+        if (dropTarget) {
+            const groupBoxes = document.querySelectorAll('.group-box');
+            const targetGroupIndex = Array.from(groupBoxes).indexOf(dropTarget);
+
+            if (targetGroupIndex !== currentGroupIndex) {
+                const sourceArray = currentGroupIndex === -1
+                    ? unassignedStudents.value
+                    : currentGroups.value[currentGroupIndex];
+                const targetArray = targetGroupIndex === -1
+                    ? unassignedStudents.value
+                    : currentGroups.value[targetGroupIndex];
+
+                if (sourceArray && targetArray) {
+                    const [movedStudent] = sourceArray.splice(currentStudentIndex, 1);
+                    targetArray.push(movedStudent);
+                }
+            }
+        }
+    }
+
+    touchState.value = {
+        isDragging: false,
+        startX: 0,
+        startY: 0,
+        currentGroupIndex: -1,
+        currentStudentIndex: -1,
+        element: null,
+        clone: null,
+        originalRect: null,
+        hasMoved: false
+    };
+
+    event.preventDefault();
+    event.stopPropagation();
+}
+
+function handleDragStart(event: DragEvent, groupIndex: number, studentIndex: number): void {
+    draggedItem.value = {groupIndex, studentIndex};
+    if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = 'move';
+        event.dataTransfer.setData('text/plain', '');
+    }
+}
+
+function handleDragOver(e: DragEvent, _: number): void {
+    e.preventDefault();
+    if (e.dataTransfer) {
+        e.dataTransfer.dropEffect = "move";
+    }
+}
+
+function handleDrop(e: DragEvent, targetGroupIndex: number, targetStudentIndex?: number): void {
+    e.preventDefault();
+    if (!draggedItem.value) return;
+
+    const {groupIndex: sourceGroupIndex, studentIndex: sourceStudentIndex} = draggedItem.value;
+    const sourceArray = sourceGroupIndex === -1
+        ? unassignedStudents.value
+        : currentGroups.value[sourceGroupIndex];
+    const targetArray = targetGroupIndex === -1
+        ? unassignedStudents.value
+        : currentGroups.value[targetGroupIndex];
+
+    const [movedStudent] = sourceArray.splice(sourceStudentIndex, 1);
+    if (targetStudentIndex !== undefined) {
+        targetArray.splice(targetStudentIndex, 0, movedStudent);
+    } else {
+        targetArray.push(movedStudent);
+    }
+
+    draggedItem.value = null;
+}
+
+function saveDragDrop(): void {
+    if (unassignedStudents.value.length > 0) {
+        alert(t("please-assign-all-students"));
+        return;
+    }
+
+    emit(
+        "groupsUpdated",
+        currentGroups.value.map((g) => g.map((s) => s.username)),
+    );
+    activeDialog.value = null;
+    emit("done");
+    emit("close");
+}
+
+const showGroupsPreview = computed(() => {
+    return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
+});
+
+function removeStudent(groupIndex: number, student: StudentItem): void {
+    const group = currentGroups.value[groupIndex];
+    currentGroups.value[groupIndex] = group.filter((s) => s.username !== student.username);
+    unassignedStudents.value.push(student);
+}
 </script>
 
 <template>
     <v-card class="pa-4">
-        <!-- Current Groups Preview -->
-        <div
-            v-if="showGroupsPreview"
-            class="mb-6"
-        >
+        <!-- Current groups and unassigned students Preview -->
+        <div v-if="showGroupsPreview" class="mb-6">
             <h3 class="mb-2">{{ t("current-groups") }}</h3>
-            <div
-            >
+            <div>
                 <div class="d-flex flex-wrap">
-                    <label>{{currentGroups.length}}</label>
+                    <label>{{ currentGroups.length }}</label>
                 </div>
             </div>
 
-            <div
-                v-if="unassignedStudents.length > 0"
-                class="mt-3"
-            >
+            <div v-if="unassignedStudents.length > 0" class="mt-3">
                 <strong>{{ t("unassigned-students") }}:</strong>
                 <div class="d-flex flex-wrap">
-                    <label>{{unassignedStudents.length}}</label>
+                    <label>{{ unassignedStudents.length }}</label>
                 </div>
             </div>
         </div>
 
-        <!-- Action Buttons -->
-        <v-row
-            justify="center"
-            class="mb-4"
-        >
-            <v-btn
-                color="primary"
-                @click="activeDialog = 'random'"
-            >
+        <v-row justify="center" class="mb-4">
+            <v-btn color="primary" @click="activeDialog = 'random'">
                 {{ t("randomly-create-groups") }}
             </v-btn>
-            <v-btn
-                color="secondary"
-                class="ml-4"
-                @click="activeDialog = 'dragdrop'"
-            >
+            <v-btn color="secondary" class="ml-4" @click="activeDialog = 'dragdrop'">
                 {{ t("drag-and-drop") }}
             </v-btn>
         </v-row>
 
-        <!-- Random Groups Dialog -->
+        <!-- Random Groups selection Dialog -->
         <v-dialog
             :model-value="activeDialog === 'random'"
             @update:model-value="(val) => (val ? (activeDialog = 'random') : (activeDialog = null))"
@@ -298,12 +443,8 @@
                 </v-card-text>
 
                 <v-card-actions>
-                    <v-spacer />
-                    <v-btn
-                        text
-                        @click="activeDialog = null"
-                        >{{ t("cancel") }}</v-btn
-                    >
+                    <v-spacer/>
+                    <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
                     <v-btn
                         color="success"
                         @click="saveRandomGroups"
@@ -356,7 +497,10 @@
                                             :key="student.username"
                                             class="draggable-item ma-1"
                                             draggable="true"
-                                            @dragstart="handleDragStart(groupIndex, studentIndex)"
+                                            @touchstart="handleTouchStart($event, groupIndex, studentIndex)"
+                                            @touchmove="handleTouchMove($event)"
+                                            @touchend="handleTouchEnd($event)"
+                                            @dragstart="handleDragStart($event, groupIndex, studentIndex)"
                                             @dragover.prevent="handleDragOver($event, groupIndex)"
                                             @drop="handleDrop($event, groupIndex, studentIndex)"
                                         >
@@ -387,7 +531,10 @@
                                     :key="student.username"
                                     class="draggable-item ma-1"
                                     draggable="true"
-                                    @dragstart="handleDragStart(-1, studentIndex)"
+                                    @touchstart="handleTouchStart($event, -1, studentIndex)"
+                                    @touchmove="handleTouchMove($event)"
+                                    @touchend="handleTouchEnd($event)"
+                                    @dragstart="handleDragStart($event, -1, studentIndex)"
                                     @dragover.prevent="handleDragOver($event, -1)"
                                     @drop="handleDrop($event, -1, studentIndex)"
                                 >
@@ -399,7 +546,7 @@
                 </v-card-text>
 
                 <v-card-actions>
-                    <v-spacer />
+                    <v-spacer/>
                     <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
                     <v-btn
                         color="primary"
@@ -415,16 +562,45 @@
 </template>
 
 <style scoped>
-    .group-box {
-        min-height: 150px;
-        max-height: 300px;
-        overflow-y: auto;
-        background-color: #fafafa;
-        border-radius: 4px;
-    }
+.group-box {
+    min-height: 100px;
+    max-height: 200px;
+    overflow-y: auto;
+    background-color: #fafafa;
+    border-radius: 4px;
+    transition: all 0.2s;
+}
 
-    .v-expansion-panel-text {
-        max-height: 200px;
-        overflow-y: auto;
-    }
+.group-box.highlight {
+    background-color: #e3f2fd;
+    border: 2px dashed #2196f3;
+}
+
+.v-expansion-panel-text {
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.drag-clone {
+    z-index: 10000;
+    transform: scale(1.05);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    transition: transform 0.1s;
+    will-change: transform;
+    pointer-events: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 16px;
+    background-color: inherit;
+}
+
+.draggable-item {
+    display: inline-block;
+}
+
+.draggable-item .v-chip[style*="hidden"] {
+    visibility: hidden;
+    display: inline-block;
+}
 </style>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index f3d6d34b..b70c637b 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -344,69 +344,71 @@ async function saveChanges(): Promise<void> {
                         md="6"
                         class="responsive-col"
                     >
-                        <v-table class="table">
-                            <thead>
-                            <tr>
-                                <th class="header">{{ t("group") }}</th>
-                                <th class="header">{{ t("progress") }}</th>
-                                <th class="header">{{ t("submission") }}</th>
-                                <th class="header">
-                                    <v-btn
-                                        @click="editGroups = true"
-                                        variant="text"
-                                    >
-                                        <v-icon>mdi-pencil</v-icon>
-                                    </v-btn>
-                                </th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                            <tr
-                                v-for="g in allGroups"
-                                :key="g.originalGroupNo"
-                            >
-                                <td>
-                                    <v-btn
-                                        @click="openGroupDetails(g)"
-                                        variant="text"
-                                    >
-                                        {{ g.name }}
-                                        <v-icon end>mdi-menu-right</v-icon>
-                                    </v-btn>
-                                </td>
+                        <div class="table-container">
+                            <v-table class="table">
+                                <thead>
+                                <tr>
+                                    <th class="header">{{ t("group") }}</th>
+                                    <th class="header">{{ t("progress") }}</th>
+                                    <th class="header">{{ t("submission") }}</th>
+                                    <th class="header">
+                                        <v-btn
+                                            @click="editGroups = true"
+                                            variant="text"
+                                        >
+                                            <v-icon>mdi-pencil</v-icon>
+                                        </v-btn>
+                                    </th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr
+                                    v-for="g in allGroups"
+                                    :key="g.originalGroupNo"
+                                >
+                                    <td>
+                                        <v-btn
+                                            @click="openGroupDetails(g)"
+                                            variant="text"
+                                        >
+                                            {{ g.name }}
+                                            <v-icon end>mdi-menu-right</v-icon>
+                                        </v-btn>
+                                    </td>
 
-                                <td>
-                                    <GroupProgressRow
-                                        :group-number="g.originalGroupNo"
-                                        :learning-path="learningPath"
-                                        :language="lang"
-                                        :assignment-id="assignmentId"
-                                        :class-id="classId"
-                                    />
-                                </td>
+                                    <td>
+                                        <GroupProgressRow
+                                            :group-number="g.originalGroupNo"
+                                            :learning-path="learningPath"
+                                            :language="lang"
+                                            :assignment-id="assignmentId"
+                                            :class-id="classId"
+                                        />
+                                    </td>
 
-                                <td>
-                                    <GroupSubmissionStatus
-                                        :group="g"
-                                        :assignment-id="assignmentId"
-                                        :class-id="classId"
-                                        :language="lang"
-                                        :go-to-group-submission-link="goToGroupSubmissionLink"
-                                    />
-                                </td>
+                                    <td>
+                                        <GroupSubmissionStatus
+                                            :group="g"
+                                            :assignment-id="assignmentId"
+                                            :class-id="classId"
+                                            :language="lang"
+                                            :go-to-group-submission-link="goToGroupSubmissionLink"
+                                        />
+                                    </td>
 
-                                <!-- Edit icon -->
-                                <td>
-                                    <v-btn
-                                        @click=""
-                                        variant="text"
-                                    >
-                                        <v-icon color="red">mdi-delete</v-icon>
-                                    </v-btn>
-                                </td>
-                            </tr>
-                            </tbody>
-                        </v-table>
+                                    <!-- Edit icon -->
+                                    <td>
+                                        <v-btn
+                                            @click=""
+                                            variant="text"
+                                        >
+                                            <v-icon color="red">mdi-delete</v-icon>
+                                        </v-btn>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </v-table>
+                        </div>
                     </v-col>
                 </v-row>
                 <v-dialog
@@ -510,6 +512,17 @@ main {
     margin-left: 30px;
 }
 
+.table-container {
+    width: 100%;
+    overflow-x: visible;
+}
+
+.table {
+    width: 100%;
+    min-width: auto;
+    table-layout: auto;
+}
+
 @media screen and (max-width: 850px) {
     h1 {
         text-align: center;
@@ -540,6 +553,12 @@ main {
 
     .table {
         width: 100%;
+        display: block;
+        overflow-x: auto;
+    }
+
+    .table-container {
+        overflow-x: auto;
     }
 
     .responsive-col {
diff --git a/package-lock.json b/package-lock.json
index 992e35b2..dd893b97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -101,6 +101,7 @@
                 "@tanstack/vue-query": "^5.69.0",
                 "@vueuse/core": "^13.1.0",
                 "axios": "^1.8.2",
+                "interactjs": "^1.10.27",
                 "oidc-client-ts": "^3.1.0",
                 "rollup": "^4.40.0",
                 "uuid": "^11.1.0",
@@ -1596,6 +1597,12 @@
                 "url": "https://github.com/sponsors/nzakas"
             }
         },
+        "node_modules/@interactjs/types": {
+            "version": "1.10.27",
+            "resolved": "https://registry.npmjs.org/@interactjs/types/-/types-1.10.27.tgz",
+            "integrity": "sha512-BUdv0cvs4H5ODuwft2Xp4eL8Vmi3LcihK42z0Ft/FbVJZoRioBsxH+LlsBdK4tAie7PqlKGy+1oyOncu1nQ6eA==",
+            "license": "MIT"
+        },
         "node_modules/@intlify/core-base": {
             "version": "11.1.3",
             "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.1.3.tgz",
@@ -6830,6 +6837,15 @@
             "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
             "license": "ISC"
         },
+        "node_modules/interactjs": {
+            "version": "1.10.27",
+            "resolved": "https://registry.npmjs.org/interactjs/-/interactjs-1.10.27.tgz",
+            "integrity": "sha512-y/8RcCftGAF24gSp76X2JS3XpHiUvDQyhF8i7ujemBz77hwiHDuJzftHx7thY8cxGogwGiPJ+o97kWB6eAXnsA==",
+            "license": "MIT",
+            "dependencies": {
+                "@interactjs/types": "1.10.27"
+            }
+        },
         "node_modules/interpret": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",

From 92e7bccf5ff0a93cac6938f180289e8e6548e465 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 00:58:50 +0200
Subject: [PATCH 21/74] feat: beschrijving van assignment editen werkt

---
 .../views/assignments/CreateAssignment.vue    |  4 +-
 .../views/assignments/TeacherAssignment.vue   | 81 +++++++++----------
 2 files changed, 39 insertions(+), 46 deletions(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 7990a788..d795ef20 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -49,6 +49,8 @@
         const { valid } = await form.value.validate();
         if (!valid) return;
 
+        console.log(selectedLearningPath.value);
+
         let lp = selectedLearningPath.value;
         if (!lpIsSelected) {
             lp = selectedLearningPath.value?.hruid;
@@ -81,7 +83,7 @@
                 @submit.prevent="submitFormHandler"
             >
                 <v-container class="step-container pa-0">
-                    <!-- Titel veld -->
+                    <!-- Title field -->
                     <v-text-field
                         v-model="assignmentTitle"
                         :label="t('title')"
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index b70c637b..640068f2 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -8,12 +8,11 @@ import {
 } from "@/queries/assignments.ts";
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
 import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetAllLearningPaths, useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
 import type {Language} from "@/data-objects/language.ts";
 import type {AssignmentResponse} from "@/controllers/assignments.ts";
 import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import type {LearningPath} from "@/data-objects/learning-paths/learning-path";
-import {descriptionRules, learningPathRules} from "@/utils/assignment-rules.ts";
+import {descriptionRules} from "@/utils/assignment-rules.ts";
 import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
 import GroupProgressRow from "@/components/GroupProgressRow.vue";
 import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
@@ -53,8 +52,15 @@ const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true
 groups.value = groupsQueryResult.data.value?.groups ?? [];
 
 watchEffect(() => {
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-    lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
+    const assignment = assignmentQueryResult.data.value?.assignment;
+    if (assignment) {
+        learningPath.value = assignment.learningPath;
+        lang.value = assignment.language as Language;
+
+        if (lpQueryResult.data.value) {
+            editingLearningPath.value = lpQueryResult.data.value;
+        }
+    }
 });
 
 const allGroups = computed(() => {
@@ -77,11 +83,12 @@ const allGroups = computed(() => {
 const dialog = ref(false);
 const selectedGroup = ref({});
 
-function openGroupDetails(group): void {
+function openGroupDetails(group: object): void {
     selectedGroup.value = group;
     dialog.value = true;
 }
 
+
 async function deleteAssignment(num: number, clsId: string): Promise<void> {
     const {mutate} = useDeleteAssignmentMutation();
     mutate(
@@ -110,13 +117,11 @@ function goToGroupSubmissionLink(groupNo: number): string | undefined {
     return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
 }
 
-const learningPathsQueryResults = useGetAllLearningPaths(lang);
-
 const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
 
-watch([isSuccess, data], ([success, newData]) => {
+watch([isSuccess, data], async ([success, newData]) => {
     if (success && newData?.assignment) {
-        window.location.reload();
+        await assignmentQueryResult.refetch();
     }
 });
 
@@ -126,13 +131,9 @@ async function saveChanges(): Promise<void> {
 
     isEditing.value = false;
 
-    const lp = learningPath.value;
-
     const assignmentDTO: AssignmentDTO = {
-        id: assignmentQueryResult.data.value?.assignment.id,
         description: description.value,
-        learningPath: lp || "",
-        deadline: new Date(),
+        //deadline: new Date(),TODO: deadline aanpassen
     };
 
     mutate({
@@ -141,6 +142,18 @@ async function saveChanges(): Promise<void> {
         data: assignmentDTO,
     });
 }
+
+async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
+    const assignmentDTO: AssignmentDTO = {
+        groups: updatedGroups,
+    };
+    mutate({
+        cid: assignmentQueryResult.data.value?.assignment.within,
+        an: assignmentQueryResult.data.value?.assignment.id,
+        data: assignmentDTO,
+    });
+}
+
 </script>
 
 <template>
@@ -240,10 +253,7 @@ async function saveChanges(): Promise<void> {
                                 <v-card-title class="text-h4 assignmentTopTitle"
                                 >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
-                                <v-card-subtitle
-                                    v-if="!isEditing"
-                                    class="subtitle-section"
-                                >
+                                <v-card-subtitle class="subtitle-section">
                                     <using-query-result
                                         :query-result="lpQueryResult"
                                         v-slot="{ data: lpData }"
@@ -256,34 +266,14 @@ async function saveChanges(): Promise<void> {
                                         >
                                             {{ t("learning-path") }}
                                         </v-btn>
+                                        <v-alert
+                                            v-else
+                                            type="info"
+                                        >
+                                            {{ t("no-learning-path-selected") }}
+                                        </v-alert>
                                     </using-query-result>
                                 </v-card-subtitle>
-                                <using-query-result
-                                    v-else
-                                    :query-result="learningPathsQueryResults"
-                                    v-slot="{ data }: { data: LearningPath[] }"
-                                >
-                                    <v-card-text>
-                                        <v-combobox
-                                            v-model="editingLearningPath"
-                                            :items="data"
-                                            :label="t('choose-lp')"
-                                            :rules="learningPathRules"
-                                            variant="outlined"
-                                            clearable
-                                            hide-details
-                                            density="compact"
-                                            append-inner-icon="mdi-magnify"
-                                            item-title="title"
-                                            item-value="hruid"
-                                            required
-                                            :filter="
-                                                (item, query: string) =>
-                                                    item.title.toLowerCase().includes(query.toLowerCase())
-                                            "
-                                        ></v-combobox>
-                                    </v-card-text>
-                                </using-query-result>
 
                                 <v-card-text
                                     v-if="!isEditing"
@@ -422,6 +412,7 @@ async function saveChanges(): Promise<void> {
                                 :groups="allGroups"
                                 :class-id="props.classId"
                                 :assignment-id="props.assignmentId"
+                                @groupsUpdated="handleGroupsUpdated"
                                 @close="editGroups = false"
                             />
                         </v-card-text>

From f0b723cc63c1d554a7cfb751232a6d1296a123c5 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 01:06:12 +0200
Subject: [PATCH 22/74] feat: kleine verbetering

---
 frontend/src/components/assignments/GroupSelector.vue | 2 +-
 frontend/src/views/assignments/TeacherAssignment.vue  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 1014c119..c10645c6 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -406,7 +406,7 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                             <v-btn
                                 color="primary"
                                 @click="generateRandomGroups"
-                                :disabled="groupSize < 1"
+                                :disabled="groupSize < 1 || groupSize > allStudents.length"
                                 block
                             >
                                 {{ t("generate-groups") }}
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 640068f2..34ac1948 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -144,6 +144,7 @@ async function saveChanges(): Promise<void> {
 }
 
 async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
+    console.log(updatedGroups);
     const assignmentDTO: AssignmentDTO = {
         groups: updatedGroups,
     };

From 72602289a6a6b000e34f9211cdc0ff3fc0ae0ff1 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 01:20:23 +0200
Subject: [PATCH 23/74] fix: PUT request van groepen verbeteren

---
 frontend/src/views/assignments/TeacherAssignment.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 34ac1948..c7291c72 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -144,9 +144,15 @@ async function saveChanges(): Promise<void> {
 }
 
 async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
-    console.log(updatedGroups);
+    const formattedGroups = updatedGroups.map((members, index) => ({
+        groupNumber: index + 1,
+        class: assignmentQueryResult.data.value?.assignment.within,
+        assignment: assignmentQueryResult.data.value?.assignment.id,
+        members: members.map(username => ({ username })), // Convert to member objects
+        // Add other required GroupDTO fields if needed
+    }));
     const assignmentDTO: AssignmentDTO = {
-        groups: updatedGroups,
+        groups: formattedGroups,
     };
     mutate({
         cid: assignmentQueryResult.data.value?.assignment.within,

From b7486b4d1b9ae28c81a625f9fedc34c8b3fbdc5e Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 02:22:11 +0200
Subject: [PATCH 24/74] fix: deadline veld

---
 common/src/interfaces/assignment.ts           |  2 +-
 frontend/src/utils/assignment-rules.ts        | 13 ------
 .../views/assignments/CreateAssignment.vue    | 44 ++++++++++++-------
 .../views/assignments/TeacherAssignment.vue   |  9 +---
 4 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/common/src/interfaces/assignment.ts b/common/src/interfaces/assignment.ts
index 677221f1..49e2a84b 100644
--- a/common/src/interfaces/assignment.ts
+++ b/common/src/interfaces/assignment.ts
@@ -7,7 +7,7 @@ export interface AssignmentDTO {
     description: string;
     learningPath: string;
     language: string;
-    deadline: Date;
+    deadline: Date | null;
     groups: GroupDTO[] | string[][];
 }
 
diff --git a/frontend/src/utils/assignment-rules.ts b/frontend/src/utils/assignment-rules.ts
index b0d29cee..51380960 100644
--- a/frontend/src/utils/assignment-rules.ts
+++ b/frontend/src/utils/assignment-rules.ts
@@ -12,19 +12,6 @@ export const assignmentTitleRules = [
     },
 ];
 
-/**
- * Validation rule for the learning path selection.
- *
- * Ensures that a valid learning path is selected.
- */
-export const learningPathRules = [
-    (value: { hruid: string; title: string }): string | boolean => {
-        if (value && value.hruid) {
-            return true; // Valid if hruid is present
-        }
-        return "You must select a learning path.";
-    },
-];
 
 /**
  * Validation rule for the classes selection.
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index d795ef20..47973f49 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -34,7 +34,9 @@
 
     const selectedClass = ref(undefined);
     const assignmentTitle = ref("");
+    console.log(route.query);
     const selectedLearningPath = ref(route.query.hruid || undefined);
+
     const lpIsSelected = route.query.hruid !== undefined;
 
     const { mutate, data, isSuccess } = useCreateAssignmentMutation();
@@ -49,26 +51,42 @@
         const { valid } = await form.value.validate();
         if (!valid) return;
 
-        console.log(selectedLearningPath.value);
+        const lp = lpIsSelected
+            ? route.query.hruid
+            : selectedLearningPath.value?.hruid;
 
-        let lp = selectedLearningPath.value;
-        if (!lpIsSelected) {
-            lp = selectedLearningPath.value?.hruid;
+        if (!lp) {
+            return;
         }
 
+        console.log('Form values:', {
+            title: assignmentTitle.value,
+            class: selectedClass.value,
+            lp: selectedLearningPath.value
+        });
+
         const assignmentDTO: AssignmentDTO = {
             id: 0,
             within: selectedClass.value?.id || "",
-            title: assignmentTitle.value,
+            title: assignmentTitle.value.toString(),
             description: "",
-            learningPath: lp || "",
-            deadline: new Date(),
-            language: language.value,
+            learningPath: lp.toString(),
+            language: language.value.toString(),
+            deadline: null,
             groups: [],
         };
 
         mutate({ cid: assignmentDTO.within, data: assignmentDTO });
     }
+
+    const learningPathRules = [
+        (value: any) => {
+            // Skip validation if LP is selected from query
+            if (route.query.hruid) return true;
+            // Original validation logic
+            return Boolean(value) || 'Learning path is required';
+        }
+    ];
 </script>
 
 <template>
@@ -104,18 +122,14 @@
                             v-model="selectedLearningPath"
                             :items="data"
                             :label="t('choose-lp')"
-                            :rules="learningPathRules"
+                            :rules="lpIsSelected ? [] : learningPathRules"
                             variant="solo-filled"
                             clearable
-                            density="comfortable"
-                            chips
-                            hide-no-data
-                            hide-selected
+                            :model-value="lpIsSelected ? data.find(lp => lp.hruid === route.query.hruid) : selectedLearningPath"
                             item-title="title"
                             item-value="hruid"
                             :disabled="lpIsSelected"
-                            :filter="(item, query: string) => item.title.toLowerCase().includes(query.toLowerCase())"
-                            prepend-inner-icon="mdi-school"
+                            return-object
                         />
                     </using-query-result>
 
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index c7291c72..640068f2 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -144,15 +144,8 @@ async function saveChanges(): Promise<void> {
 }
 
 async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
-    const formattedGroups = updatedGroups.map((members, index) => ({
-        groupNumber: index + 1,
-        class: assignmentQueryResult.data.value?.assignment.within,
-        assignment: assignmentQueryResult.data.value?.assignment.id,
-        members: members.map(username => ({ username })), // Convert to member objects
-        // Add other required GroupDTO fields if needed
-    }));
     const assignmentDTO: AssignmentDTO = {
-        groups: formattedGroups,
+        groups: updatedGroups,
     };
     mutate({
         cid: assignmentQueryResult.data.value?.assignment.within,

From 3d8c8302d6b1844802d0562c8174f42f90c908bc Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sat, 17 May 2025 12:13:37 +0200
Subject: [PATCH 25/74] fix: bug in put assignment waarbij groepen niet werden
 aangepast gefixt

---
 .../src/data/assignments/group-repository.ts  |  5 ++++
 backend/src/data/dwengo-entity-repository.ts  | 10 +++++++
 backend/src/services/assignments.ts           | 27 +++++++++++++++++--
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/backend/src/data/assignments/group-repository.ts b/backend/src/data/assignments/group-repository.ts
index f06080f7..2e8ec067 100644
--- a/backend/src/data/assignments/group-repository.ts
+++ b/backend/src/data/assignments/group-repository.ts
@@ -28,4 +28,9 @@ export class GroupRepository extends DwengoEntityRepository<Group> {
             groupNumber: groupNumber,
         });
     }
+    public async deleteAllByAssignment(assignment: Assignment): Promise<void> {
+        return this.deleteAllWhere({
+            assignment: assignment,
+        });
+    }
 }
diff --git a/backend/src/data/dwengo-entity-repository.ts b/backend/src/data/dwengo-entity-repository.ts
index 1267c726..407dd452 100644
--- a/backend/src/data/dwengo-entity-repository.ts
+++ b/backend/src/data/dwengo-entity-repository.ts
@@ -1,5 +1,6 @@
 import { EntityRepository, FilterQuery } from '@mikro-orm/core';
 import { EntityAlreadyExistsException } from '../exceptions/entity-already-exists-exception.js';
+import { getLogger } from '../logging/initalize.js';
 
 export abstract class DwengoEntityRepository<T extends object> extends EntityRepository<T> {
     public async save(entity: T, options?: { preventOverwrite?: boolean }): Promise<void> {
@@ -16,4 +17,13 @@ export abstract class DwengoEntityRepository<T extends object> extends EntityRep
             await em.flush();
         }
     }
+    public async deleteAllWhere(query: FilterQuery<T>): Promise<void> {
+        const toDelete = await this.find(query);
+        const em = this.getEntityManager();
+
+        if (toDelete) {
+            em.remove(toDelete);
+            await em.flush();
+        }
+    }
 }
diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 728904d3..3be1709c 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -18,6 +18,8 @@ import { EntityDTO } from '@mikro-orm/core';
 import { putObject } from './service-helper.js';
 import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
+import { createGroup, deleteGroup, fetchAllGroups } from './groups.js';
+import { BadRequestException } from '../exceptions/bad-request-exception.js';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
@@ -95,10 +97,31 @@ export async function getAssignment(classid: string, id: number): Promise<Assign
     return mapToAssignmentDTO(assignment);
 }
 
-export async function putAssignment(classid: string, id: number, assignmentData: Partial<EntityDTO<Assignment>>): Promise<AssignmentDTO> {
+export async function putAssignment(classid: string, id: number, assignmentData: Partial<AssignmentDTO>): Promise<AssignmentDTO> {
     const assignment = await fetchAssignment(classid, id);
 
-    await putObject<Assignment>(assignment, assignmentData, getAssignmentRepository());
+    if (assignmentData.groups) {
+        const hasDuplicates = (arr: string[]) => new Set(arr).size !== arr.length;
+        if (hasDuplicates(assignmentData.groups.flat() as string[])) {
+            throw new BadRequestException("Student can only be in one group");
+        }
+
+        const studentLists = await Promise.all((assignmentData.groups! as string[][]).map(async group => await fetchStudents(group)));
+
+        const groupRepository = getGroupRepository();
+        await groupRepository.deleteAllByAssignment(assignment);
+        await Promise.all(studentLists.map(async students => {
+            const newGroup = groupRepository.create({
+                assignment: assignment,
+                members: students,
+            });
+            await groupRepository.save(newGroup);
+        }));
+
+        delete assignmentData.groups;
+    }
+
+    await putObject<Assignment>(assignment, assignmentData as Partial<EntityDTO<Assignment>>, getAssignmentRepository());
 
     return mapToAssignmentDTO(assignment);
 }

From 912111fce48959e3c6fd49ffc8e45a975ac41c59 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 13:54:05 +0200
Subject: [PATCH 26/74] fix: students assignments pagina bug gefixd

---
 frontend/src/views/assignments/CreateAssignment.vue  | 7 +++----
 frontend/src/views/assignments/StudentAssignment.vue | 8 ++++----
 frontend/src/views/assignments/TeacherAssignment.vue | 5 -----
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 47973f49..0e7f7124 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import { useI18n } from "vue-i18n";
     import { computed, onMounted, ref, watch } from "vue";
-    import { assignmentTitleRules, classRules, learningPathRules } from "@/utils/assignment-rules.ts";
+    import { assignmentTitleRules, classRules } from "@/utils/assignment-rules.ts";
     import auth from "@/services/auth/auth-service.ts";
     import { useTeacherClassesQuery } from "@/queries/teachers.ts";
     import { useRouter, useRoute } from "vue-router";
@@ -34,8 +34,7 @@
 
     const selectedClass = ref(undefined);
     const assignmentTitle = ref("");
-    console.log(route.query);
-    const selectedLearningPath = ref(route.query.hruid || undefined);
+    const selectedLearningPath = ref(route.query.hruid?.toString() || undefined);
 
     const lpIsSelected = route.query.hruid !== undefined;
 
@@ -125,7 +124,7 @@
                             :rules="lpIsSelected ? [] : learningPathRules"
                             variant="solo-filled"
                             clearable
-                            :model-value="lpIsSelected ? data.find(lp => lp.hruid === route.query.hruid) : selectedLearningPath"
+                            :model-value="lpIsSelected ? data.find(lp => lp.hruid === route.query.hruid?.toString()) : selectedLearningPath"
                             item-title="title"
                             item-value="hruid"
                             :disabled="lpIsSelected"
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 24ba7e83..63905a1e 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -6,11 +6,11 @@
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
     import { asyncComputed } from "@vueuse/core";
-    import { useStudentsByUsernamesQuery } from "@/queries/students.ts";
-    import { useGroupsQuery } from "@/queries/groups.ts";
+    import {useStudentGroupsQuery, useStudentsByUsernamesQuery} from "@/queries/students.ts";
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
     import { calculateProgress } from "@/utils/assignment-utils.ts";
+    import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
 
     const props = defineProps<{
         classId: string;
@@ -29,7 +29,7 @@
     const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
     learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
 
-    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    const groupsQueryResult = useStudentGroupsQuery(username, true);
     const group = computed(() => {
         const groups = groupsQueryResult.data.value?.groups;
 
@@ -68,7 +68,7 @@
     );
 
     const progressColor = computed(() => {
-        const progress = calculateProgress(lpQueryResult.data.value);
+        const progress = calculateProgress(lpQueryResult.data.value as LearningPath);
         if (progress >= 100) return "success";
         if (progress >= 50) return "warning";
         return "error";
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 640068f2..475f6677 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -21,11 +21,6 @@ import GroupSelector from "@/components/assignments/GroupSelector.vue";
 const props = defineProps<{
     classId: string;
     assignmentId: number;
-    useGroupsWithProgress: (
-        groups: Ref<GroupDTO[]>,
-        hruid: Ref<string>,
-        language: Ref<Language>,
-    ) => { groupProgressMap: Map<number, number> };
 }>();
 
 const isEditing = ref(false);

From f67e3f5a1a54bba4bb556f8cd8fd8f64e1e5a7e1 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 18:50:18 +0200
Subject: [PATCH 27/74] feat: deadline is editeerbaar

---
 .../assignments/DeadlineSelector.vue          |   8 +-
 frontend/src/i18n/locale/en.json              |   8 +-
 frontend/src/utils/assignment-rules.ts        |  24 +-
 .../views/assignments/CreateAssignment.vue    | 251 +++++++++---------
 .../views/assignments/TeacherAssignment.vue   |  17 +-
 5 files changed, 163 insertions(+), 145 deletions(-)

diff --git a/frontend/src/components/assignments/DeadlineSelector.vue b/frontend/src/components/assignments/DeadlineSelector.vue
index 304c544c..13ac96ca 100644
--- a/frontend/src/components/assignments/DeadlineSelector.vue
+++ b/frontend/src/components/assignments/DeadlineSelector.vue
@@ -2,15 +2,21 @@
     import { ref, watch } from "vue";
     import { deadlineRules } from "@/utils/assignment-rules.ts";
 
-    const emit = defineEmits<(e: "update:deadline", value: Date) => void>();
+    const emit = defineEmits<(e: "update:deadline", value: Date | null) => void>();
+    const props = defineProps<{ deadline: Date | null }>();
 
     const datetime = ref("");
 
+    datetime.value = props.deadline ? new Date(props.deadline).toISOString().slice(0, 16) : ""
+
+
     // Watch the datetime value and emit the update
     watch(datetime, (val) => {
         const newDate = new Date(val);
         if (!isNaN(newDate.getTime())) {
             emit("update:deadline", newDate);
+        } else {
+            emit("update:deadline", null);
         }
     });
 </script>
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index a9307b6e..bf74fc32 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -166,5 +166,11 @@
     "pathContainsNonExistingLearningObjects": "At least one of the learning objects referenced in this path does not exist.",
     "targetAgesMandatory": "Target ages must be specified.",
     "hintRemoveIfUnconditionalTransition": "(remove this if this should be an unconditional transition)",
-    "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces"
+    "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces",
+    "title-required": "Title cannot be empty.",
+    "class-required": "You must select at least one class.",
+    "deadline-invalid": "Invalid date or time.",
+    "deadline-past": "The deadline must be in the future.",
+    "lp-required": "You must select a learning path.",
+    "lp-invalied": "The selected learning path doesn't exist."
 }
diff --git a/frontend/src/utils/assignment-rules.ts b/frontend/src/utils/assignment-rules.ts
index 51380960..4fdde0d7 100644
--- a/frontend/src/utils/assignment-rules.ts
+++ b/frontend/src/utils/assignment-rules.ts
@@ -1,3 +1,7 @@
+import {useI18n} from "vue-i18n";
+
+const { t } = useI18n();
+
 /**
  * Validation rule for the assignment title.
  *
@@ -8,7 +12,7 @@ export const assignmentTitleRules = [
         if (value?.length >= 1) {
             return true;
         } // Title must not be empty
-        return "Title cannot be empty.";
+        return t("title-required");
     },
 ];
 
@@ -23,7 +27,7 @@ export const classRules = [
         if (value) {
             return true;
         }
-        return "You must select at least one class.";
+        return t("class-required");
     },
 ];
 
@@ -34,30 +38,18 @@ export const classRules = [
  */
 export const deadlineRules = [
     (value: string): string | boolean => {
-        if (!value) {
-            return "You must set a deadline.";
-        }
 
         const selectedDateTime = new Date(value);
         const now = new Date();
 
         if (isNaN(selectedDateTime.getTime())) {
-            return "Invalid date or time.";
+            return t("deadline-invalid");
         }
 
         if (selectedDateTime <= now) {
-            return "The deadline must be in the future.";
+            return t("deadline-past");
         }
 
         return true;
     },
 ];
-
-export const descriptionRules = [
-    (value: string): string | boolean => {
-        if (!value || value.trim() === "") {
-            return "Description cannot be empty.";
-        }
-        return true;
-    },
-];
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 0e7f7124..ef07c443 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,91 +1,101 @@
 <script setup lang="ts">
-    import { useI18n } from "vue-i18n";
-    import { computed, onMounted, ref, watch } from "vue";
-    import { assignmentTitleRules, classRules } from "@/utils/assignment-rules.ts";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useTeacherClassesQuery } from "@/queries/teachers.ts";
-    import { useRouter, useRoute } from "vue-router";
-    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import type { ClassesResponse } from "@/controllers/classes.ts";
-    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-    import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
+import { useI18n } from "vue-i18n";
+import { computed, onMounted, ref, watch } from "vue";
+import { assignmentTitleRules, classRules } from "@/utils/assignment-rules.ts";
+import auth from "@/services/auth/auth-service.ts";
+import { useTeacherClassesQuery } from "@/queries/teachers.ts";
+import { useRouter, useRoute } from "vue-router";
+import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+import type { ClassesResponse } from "@/controllers/classes.ts";
+import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
 
-    const route = useRoute();
-    const router = useRouter();
-    const { t, locale } = useI18n();
-    const role = ref(auth.authState.activeRole);
-    const username = ref<string>("");
+const route = useRoute();
+const router = useRouter();
+const { t, locale } = useI18n();
+const role = ref(auth.authState.activeRole);
+const username = ref<string>("");
 
-    onMounted(async () => {
-        if (role.value === "student") {
-            await router.push("/user");
-        }
-        const user = await auth.loadUser();
-        username.value = user?.profile?.preferred_username ?? "";
-    });
+onMounted(async () => {
+    if (role.value === "student") {
+        await router.push("/user");
+    }
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
 
-    const language = computed(() => locale.value);
-    const form = ref();
+const language = computed(() => locale.value);
+const form = ref();
 
-    const learningPathsQueryResults = useGetAllLearningPaths(language);
-    const classesQueryResults = useTeacherClassesQuery(username, true);
+const learningPathsQueryResults = useGetAllLearningPaths(language);
+const classesQueryResults = useTeacherClassesQuery(username, true);
 
-    const selectedClass = ref(undefined);
-    const assignmentTitle = ref("");
-    const selectedLearningPath = ref(route.query.hruid?.toString() || undefined);
+const selectedClass = ref(undefined);
+const assignmentTitle = ref("");
 
-    const lpIsSelected = route.query.hruid !== undefined;
+const selectedLearningPath = ref<LearningPath | undefined>(undefined);
+const lpIsSelected = ref(false);
+watch(learningPathsQueryResults.data, (data) => {
+    const hruidFromRoute = route.query.hruid?.toString();
+    if (!hruidFromRoute || !data) return;
 
-    const { mutate, data, isSuccess } = useCreateAssignmentMutation();
+    // Verify if the hruid given in the url is valid before accepting it
+    const matchedLP = data.find(lp => lp.hruid === hruidFromRoute);
+    if (matchedLP) {
+        selectedLearningPath.value = matchedLP;
+        lpIsSelected.value = true;
+    }
+});
 
-    watch([isSuccess, data], async ([success, newData]) => {
-        if (success && newData?.assignment) {
-            await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
-        }
-    });
+const { mutate, data, isSuccess } = useCreateAssignmentMutation();
 
-    async function submitFormHandler(): Promise<void> {
-        const { valid } = await form.value.validate();
-        if (!valid) return;
+watch([isSuccess, data], async ([success, newData]) => {
+    if (success && newData?.assignment) {
+        await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
+    }
+});
 
-        const lp = lpIsSelected
-            ? route.query.hruid
-            : selectedLearningPath.value?.hruid;
+async function submitFormHandler(): Promise<void> {
+    const { valid } = await form.value.validate();
+    if (!valid) return;
 
-        if (!lp) {
-            return;
-        }
+    const lp = lpIsSelected.value
+        ? route.query.hruid
+        : selectedLearningPath.value?.hruid;
 
-        console.log('Form values:', {
-            title: assignmentTitle.value,
-            class: selectedClass.value,
-            lp: selectedLearningPath.value
-        });
-
-        const assignmentDTO: AssignmentDTO = {
-            id: 0,
-            within: selectedClass.value?.id || "",
-            title: assignmentTitle.value.toString(),
-            description: "",
-            learningPath: lp.toString(),
-            language: language.value.toString(),
-            deadline: null,
-            groups: [],
-        };
-
-        mutate({ cid: assignmentDTO.within, data: assignmentDTO });
+    if (!lp) {
+        return;
     }
 
-    const learningPathRules = [
-        (value: any) => {
-            // Skip validation if LP is selected from query
-            if (route.query.hruid) return true;
-            // Original validation logic
-            return Boolean(value) || 'Learning path is required';
-        }
-    ];
+    const assignmentDTO: AssignmentDTO = {
+        id: 0,
+        within: selectedClass.value?.id || "",
+        title: assignmentTitle.value.toString(),
+        description: "",
+        learningPath: lp.toString(),
+        language: language.value.toString(),
+        deadline: null,
+        groups: [],
+    };
+
+    mutate({ cid: assignmentDTO.within, data: assignmentDTO });
+}
+
+const learningPathRules = [
+    (value: any) => {
+
+        if(lpIsSelected.value) return;
+
+        if (!value) return t("lp-required");
+
+        const allLPs = learningPathsQueryResults.data.value ?? [];
+        const valid = allLPs.some(lp => lp.hruid === value?.hruid);
+        return valid || t("lp-invalid");
+    }
+];
+
 </script>
 
 <template>
@@ -118,7 +128,6 @@
                         v-slot="{ data }: { data: LearningPath[] }"
                     >
                         <v-combobox
-                            v-model="selectedLearningPath"
                             :items="data"
                             :label="t('choose-lp')"
                             :rules="lpIsSelected ? [] : learningPathRules"
@@ -185,59 +194,59 @@
 </template>
 
 <style scoped>
-    .main-container {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: start;
-        padding-top: 32px;
-        text-align: center;
-    }
+.main-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+    padding-top: 32px;
+    text-align: center;
+}
 
+.form-card {
+    width: 100%;
+    max-width: 720px;
+    border-radius: 16px;
+}
+
+.form-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    width: 100%;
+}
+
+.step-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+@media (max-width: 1000px) {
     .form-card {
-        width: 100%;
-        max-width: 720px;
-        border-radius: 16px;
+        width: 85%;
+        padding: 1%;
     }
+}
 
-    .form-container {
-        display: flex;
-        flex-direction: column;
-        gap: 24px;
-        width: 100%;
+@media (max-width: 600px) {
+    h1 {
+        font-size: 32px;
+        text-align: center;
+        margin-left: 0;
     }
+}
 
-    .step-container {
-        display: flex;
-        flex-direction: column;
-        gap: 24px;
+@media (max-width: 400px) {
+    h1 {
+        font-size: 24px;
+        text-align: center;
+        margin-left: 0;
     }
+}
 
-    @media (max-width: 1000px) {
-        .form-card {
-            width: 85%;
-            padding: 1%;
-        }
-    }
-
-    @media (max-width: 600px) {
-        h1 {
-            font-size: 32px;
-            text-align: center;
-            margin-left: 0;
-        }
-    }
-
-    @media (max-width: 400px) {
-        h1 {
-            font-size: 24px;
-            text-align: center;
-            margin-left: 0;
-        }
-    }
-
-    .v-card {
-        border: 2px solid #0e6942;
-        border-radius: 12px;
-    }
+.v-card {
+    border: 2px solid #0e6942;
+    border-radius: 12px;
+}
 </style>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 475f6677..0fe068a9 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {computed, type Ref, ref, watch, watchEffect} from "vue";
+import {computed, ref, watch, watchEffect} from "vue";
 import {useI18n} from "vue-i18n";
 import {
     useAssignmentQuery,
@@ -12,11 +12,11 @@ import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
 import type {Language} from "@/data-objects/language.ts";
 import type {AssignmentResponse} from "@/controllers/assignments.ts";
 import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import {descriptionRules} from "@/utils/assignment-rules.ts";
 import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
 import GroupProgressRow from "@/components/GroupProgressRow.vue";
 import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
 import GroupSelector from "@/components/assignments/GroupSelector.vue";
+import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
 
 const props = defineProps<{
     classId: string;
@@ -33,6 +33,7 @@ const form = ref();
 
 const editingLearningPath = ref(learningPath);
 const description = ref("");
+const deadline = ref<Date | null>(null);
 const editGroups = ref(false);
 
 const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
@@ -51,6 +52,7 @@ watchEffect(() => {
     if (assignment) {
         learningPath.value = assignment.learningPath;
         lang.value = assignment.language as Language;
+        deadline.value = assignment.deadline ? new Date(assignment.deadline) : null;
 
         if (lpQueryResult.data.value) {
             editingLearningPath.value = lpQueryResult.data.value;
@@ -128,7 +130,7 @@ async function saveChanges(): Promise<void> {
 
     const assignmentDTO: AssignmentDTO = {
         description: description.value,
-        //deadline: new Date(),TODO: deadline aanpassen
+        deadline: deadline.value ?? null,
     };
 
     mutate({
@@ -244,7 +246,6 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                         </div>
                                     </div>
                                 </div>
-
                                 <v-card-title class="text-h4 assignmentTopTitle"
                                 >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
@@ -258,6 +259,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                             :to="goToLearningPathLink()"
                                             variant="tonal"
                                             color="primary"
+                                            :disabled="isEditing"
                                         >
                                             {{ t("learning-path") }}
                                         </v-btn>
@@ -269,7 +271,11 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                         </v-alert>
                                     </using-query-result>
                                 </v-card-subtitle>
-
+                                <v-card-text v-if="isEditing">
+                                    <deadline-selector
+                                        v-model:deadline="deadline"
+                                    />
+                                </v-card-text>
                                 <v-card-text
                                     v-if="!isEditing"
                                     class="description"
@@ -284,7 +290,6 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                         density="compact"
                                         auto-grow
                                         rows="3"
-                                        :rules="descriptionRules"
                                     ></v-textarea>
                                 </v-card-text>
                             </v-card>

From 0abe9b1bce1b3ea1e6eed41dd6d7c73e1ed91e12 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 19:07:52 +0200
Subject: [PATCH 28/74] fix: bug in assignment vertalingen

---
 .../assignments/DeadlineSelector.vue          | 19 ++++-
 frontend/src/utils/assignment-rules.ts        | 35 --------
 .../views/assignments/CreateAssignment.vue    | 20 ++++-
 frontend/tests/utils/assingment-rules.test.ts | 82 -------------------
 4 files changed, 37 insertions(+), 119 deletions(-)
 delete mode 100644 frontend/tests/utils/assingment-rules.test.ts

diff --git a/frontend/src/components/assignments/DeadlineSelector.vue b/frontend/src/components/assignments/DeadlineSelector.vue
index 13ac96ca..845a1a5a 100644
--- a/frontend/src/components/assignments/DeadlineSelector.vue
+++ b/frontend/src/components/assignments/DeadlineSelector.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
     import { ref, watch } from "vue";
-    import { deadlineRules } from "@/utils/assignment-rules.ts";
 
     const emit = defineEmits<(e: "update:deadline", value: Date | null) => void>();
     const props = defineProps<{ deadline: Date | null }>();
@@ -19,6 +18,24 @@
             emit("update:deadline", null);
         }
     });
+
+    const deadlineRules = [
+        (value: string): string | boolean => {
+
+            const selectedDateTime = new Date(value);
+            const now = new Date();
+
+            if (isNaN(selectedDateTime.getTime())) {
+                return t("deadline-invalid");
+            }
+
+            if (selectedDateTime <= now) {
+                return t("deadline-past");
+            }
+
+            return true;
+        },
+    ];
 </script>
 
 <template>
diff --git a/frontend/src/utils/assignment-rules.ts b/frontend/src/utils/assignment-rules.ts
index 4fdde0d7..143a3f9c 100644
--- a/frontend/src/utils/assignment-rules.ts
+++ b/frontend/src/utils/assignment-rules.ts
@@ -1,20 +1,9 @@
-import {useI18n} from "vue-i18n";
-
-const { t } = useI18n();
 
 /**
  * Validation rule for the assignment title.
  *
  * Ensures that the title is not empty.
  */
-export const assignmentTitleRules = [
-    (value: string): string | boolean => {
-        if (value?.length >= 1) {
-            return true;
-        } // Title must not be empty
-        return t("title-required");
-    },
-];
 
 
 /**
@@ -22,34 +11,10 @@ export const assignmentTitleRules = [
  *
  * Ensures that at least one class is selected.
  */
-export const classRules = [
-    (value: string): string | boolean => {
-        if (value) {
-            return true;
-        }
-        return t("class-required");
-    },
-];
 
 /**
  * Validation rule for the deadline field.
  *
  * Ensures that a valid deadline is selected and is in the future.
  */
-export const deadlineRules = [
-    (value: string): string | boolean => {
 
-        const selectedDateTime = new Date(value);
-        const now = new Date();
-
-        if (isNaN(selectedDateTime.getTime())) {
-            return t("deadline-invalid");
-        }
-
-        if (selectedDateTime <= now) {
-            return t("deadline-past");
-        }
-
-        return true;
-    },
-];
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index ef07c443..839dc54c 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
 import { computed, onMounted, ref, watch } from "vue";
-import { assignmentTitleRules, classRules } from "@/utils/assignment-rules.ts";
 import auth from "@/services/auth/auth-service.ts";
 import { useTeacherClassesQuery } from "@/queries/teachers.ts";
 import { useRouter, useRoute } from "vue-router";
@@ -96,6 +95,25 @@ const learningPathRules = [
     }
 ];
 
+const assignmentTitleRules = [
+    (value: string): string | boolean => {
+        if (value?.length >= 1) {
+            return true;
+        } // Title must not be empty
+        return t("title-required");
+    },
+];
+
+const classRules = [
+    (value: string): string | boolean => {
+        if (value) {
+            return true;
+        }
+        return t("class-required");
+    },
+];
+
+
 </script>
 
 <template>
diff --git a/frontend/tests/utils/assingment-rules.test.ts b/frontend/tests/utils/assingment-rules.test.ts
deleted file mode 100644
index 3b6e5bfd..00000000
--- a/frontend/tests/utils/assingment-rules.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { describe, expect, it } from "vitest";
-import {
-    assignmentTitleRules,
-    classRules,
-    deadlineRules,
-    descriptionRules,
-    learningPathRules,
-} from "../../src/utils/assignment-rules";
-
-describe("Validation Rules", () => {
-    describe("assignmentTitleRules", () => {
-        it("should return true for a valid title", () => {
-            const result = assignmentTitleRules[0]("Valid Title");
-            expect(result).toBe(true);
-        });
-
-        it("should return an error message for an empty title", () => {
-            const result = assignmentTitleRules[0]("");
-            expect(result).toBe("Title cannot be empty.");
-        });
-    });
-
-    describe("learningPathRules", () => {
-        it("should return true for a valid learning path", () => {
-            const result = learningPathRules[0]({ hruid: "123", title: "Path Title" });
-            expect(result).toBe(true);
-        });
-
-        it("should return an error message for an invalid learning path", () => {
-            const result = learningPathRules[0]({ hruid: "", title: "" });
-            expect(result).toBe("You must select a learning path.");
-        });
-    });
-
-    describe("classRules", () => {
-        it("should return true for a valid class", () => {
-            const result = classRules[0]("Class 1");
-            expect(result).toBe(true);
-        });
-
-        it("should return an error message for an empty class", () => {
-            const result = classRules[0]("");
-            expect(result).toBe("You must select at least one class.");
-        });
-    });
-
-    describe("deadlineRules", () => {
-        it("should return true for a valid future deadline", () => {
-            const futureDate = new Date(Date.now() + 1000 * 60 * 60).toISOString();
-            const result = deadlineRules[0](futureDate);
-            expect(result).toBe(true);
-        });
-
-        it("should return an error message for a past deadline", () => {
-            const pastDate = new Date(Date.now() - 1000 * 60 * 60).toISOString();
-            const result = deadlineRules[0](pastDate);
-            expect(result).toBe("The deadline must be in the future.");
-        });
-
-        it("should return an error message for an invalid date", () => {
-            const result = deadlineRules[0]("invalid-date");
-            expect(result).toBe("Invalid date or time.");
-        });
-
-        it("should return an error message for an empty deadline", () => {
-            const result = deadlineRules[0]("");
-            expect(result).toBe("You must set a deadline.");
-        });
-    });
-
-    describe("descriptionRules", () => {
-        it("should return true for a valid description", () => {
-            const result = descriptionRules[0]("This is a valid description.");
-            expect(result).toBe(true);
-        });
-
-        it("should return an error message for an empty description", () => {
-            const result = descriptionRules[0]("");
-            expect(result).toBe("Description cannot be empty.");
-        });
-    });
-});

From 7f1c66c75762d2ec16fd35c9d8c190262537765c Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sat, 17 May 2025 20:27:28 +0200
Subject: [PATCH 29/74] fix: kleine fixes

---
 .../src/components/GroupSubmissionStatus.vue  | 13 +++
 .../components/assignments/GroupSelector.vue  | 81 +++++++++++++++----
 .../views/assignments/CreateAssignment.vue    | 18 ++---
 .../views/assignments/TeacherAssignment.vue   | 61 +++++++++-----
 .../src/views/assignments/UserAssignments.vue |  2 +-
 5 files changed, 131 insertions(+), 44 deletions(-)

diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index e733ace7..ca3de9a3 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -3,6 +3,7 @@
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
     import type { SubmissionsResponse } from "@/controllers/submissions.ts";
+    import {watch} from "vue";
 
     const props = defineProps<{
         group: object;
@@ -11,6 +12,8 @@
         goToGroupSubmissionLink: (groupNo: number) => void;
     }>();
 
+    const emit = defineEmits<(e: "update:hasSubmission", hasSubmission: boolean) => void>();
+
     const { t } = useI18n();
     const submissionsQuery = useAssignmentSubmissionsQuery(
         () => props.classId,
@@ -18,6 +21,16 @@
         () => props.group.originalGroupNo,
         () => true,
     );
+
+    watch(
+        () => submissionsQuery.data.value,
+        (data) => {
+            if (data) {
+                emit("update:hasSubmission", data.submissions.length > 0);
+            }
+        },
+        { immediate: true }
+    );
 </script>
 
 <template>
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index c10645c6..6e6426fa 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -355,7 +355,7 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
 </script>
 
 <template>
-    <v-card class="pa-4">
+    <v-card class="pa-4 minimal-card">
         <!-- Current groups and unassigned students Preview -->
         <div v-if="showGroupsPreview" class="mb-6">
             <h3 class="mb-2">{{ t("current-groups") }}</h3>
@@ -364,20 +364,13 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                     <label>{{ currentGroups.length }}</label>
                 </div>
             </div>
-
-            <div v-if="unassignedStudents.length > 0" class="mt-3">
-                <strong>{{ t("unassigned-students") }}:</strong>
-                <div class="d-flex flex-wrap">
-                    <label>{{ unassignedStudents.length }}</label>
-                </div>
-            </div>
         </div>
 
         <v-row justify="center" class="mb-4">
-            <v-btn color="primary" @click="activeDialog = 'random'">
-                {{ t("randomly-create-groups") }}
+            <v-btn color="primary" @click="activeDialog = 'random'" prepend-icon="mdi-shuffle">
+                {{ t("random-grouping") }}
             </v-btn>
-            <v-btn color="secondary" class="ml-4" @click="activeDialog = 'dragdrop'">
+            <v-btn color="secondary" class="ml-4" @click="activeDialog = 'dragdrop'" prepend-icon="mdi-drag">
                 {{ t("drag-and-drop") }}
             </v-btn>
         </v-row>
@@ -388,8 +381,8 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
             @update:model-value="(val) => (val ? (activeDialog = 'random') : (activeDialog = null))"
             max-width="600"
         >
-            <v-card>
-                <v-card-title>{{ t("randomly-create-groups") }}</v-card-title>
+            <v-card class="custom-dialog">
+                <v-card-title class="dialog-title">{{ t("auto-generate-groups") }}</v-card-title>
                 <v-card-text>
                     <v-row align="center">
                         <v-col cols="6">
@@ -442,7 +435,7 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                     </div>
                 </v-card-text>
 
-                <v-card-actions>
+                <v-card-actions class="dialog-actions">
                     <v-spacer/>
                     <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
                     <v-btn
@@ -462,8 +455,8 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
             @update:model-value="(val) => (val ? (activeDialog = 'dragdrop') : (activeDialog = null))"
             max-width="900"
         >
-            <v-card>
-                <v-card-title class="d-flex justify-space-between align-center">
+            <v-card class="custom-dialog">
+                <v-card-title class=" dialog-title d-flex justify-space-between align-center">
                     <div>{{ t("drag-and-drop") }}</div>
                     <v-btn color="primary" small @click="addNewGroup">+</v-btn>
                 </v-card-title>
@@ -603,4 +596,60 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
     visibility: hidden;
     display: inline-block;
 }
+
+.custom-dialog {
+    border-radius: 16px;
+    padding: 24px;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+}
+
+.dialog-title {
+    color: #00796b; /* teal-like green */
+    font-weight: bold;
+    font-size: 1.25rem;
+    margin-bottom: 16px;
+}
+
+.dialog-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-top: 24px;
+}
+
+.v-btn.custom-green {
+    background-color: #43a047;
+    color: white;
+}
+
+.v-btn.custom-green:hover {
+    background-color: #388e3c
+}
+
+.v-btn.custom-blue {
+    background-color: #1e88e5;
+    color: white;
+}
+
+.v-btn.custom-blue:hover {
+    background-color: #1565c0 ;
+}
+
+.v-btn.cancel-button {
+    background-color: #e0f2f1;
+    color: #00695c;
+}
+
+.minimal-card {
+    box-shadow: none;           /* remove card shadow */
+    border: none;               /* remove border */
+    background-color: transparent;  /* make background transparent */
+    padding: 0;                 /* reduce padding */
+    margin-bottom: 1rem;        /* keep some spacing below */
+}
+
+/* Optionally, keep some padding only around buttons */
+.minimal-card > .v-row {
+    padding: 1rem 0;            /* give vertical padding around buttons */
+}
 </style>
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 839dc54c..3347193f 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -36,6 +36,7 @@ const assignmentTitle = ref("");
 
 const selectedLearningPath = ref<LearningPath | undefined>(undefined);
 const lpIsSelected = ref(false);
+
 watch(learningPathsQueryResults.data, (data) => {
     const hruidFromRoute = route.query.hruid?.toString();
     if (!hruidFromRoute || !data) return;
@@ -61,9 +62,8 @@ async function submitFormHandler(): Promise<void> {
     if (!valid) return;
 
     const lp = lpIsSelected.value
-        ? route.query.hruid
+        ? route.query.hruid?.toString()
         : selectedLearningPath.value?.hruid;
-
     if (!lp) {
         return;
     }
@@ -71,10 +71,10 @@ async function submitFormHandler(): Promise<void> {
     const assignmentDTO: AssignmentDTO = {
         id: 0,
         within: selectedClass.value?.id || "",
-        title: assignmentTitle.value.toString(),
+        title: assignmentTitle.value,
         description: "",
-        learningPath: lp.toString(),
-        language: language.value.toString(),
+        learningPath: lp,
+        language: language.value,
         deadline: null,
         groups: [],
     };
@@ -83,9 +83,9 @@ async function submitFormHandler(): Promise<void> {
 }
 
 const learningPathRules = [
-    (value: any) => {
+    (value: LearningPath): string | boolean => {
 
-        if(lpIsSelected.value) return;
+        if(lpIsSelected.value) return true;
 
         if (!value) return t("lp-required");
 
@@ -146,17 +146,17 @@ const classRules = [
                         v-slot="{ data }: { data: LearningPath[] }"
                     >
                         <v-combobox
+                            v-model="selectedLearningPath"
                             :items="data"
                             :label="t('choose-lp')"
                             :rules="lpIsSelected ? [] : learningPathRules"
                             variant="solo-filled"
                             clearable
-                            :model-value="lpIsSelected ? data.find(lp => lp.hruid === route.query.hruid?.toString()) : selectedLearningPath"
                             item-title="title"
-                            item-value="hruid"
                             :disabled="lpIsSelected"
                             return-object
                         />
+
                     </using-query-result>
 
                     <!-- Klas keuze -->
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 0fe068a9..9c67f596 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -60,6 +60,9 @@ watchEffect(() => {
     }
 });
 
+const hasSubmissions = ref<boolean>(false);
+
+
 const allGroups = computed(() => {
     const groups = groupsQueryResult.data.value?.groups;
 
@@ -73,7 +76,7 @@ const allGroups = computed(() => {
         groupNo: index + 1, // New group number that will be used
         name: `${t("group")} ${index + 1}`,
         members: group.members,
-        originalGroupNo: group.groupNumber, // Keep original number if needed
+        originalGroupNo: group.groupNumber
     }));
 });
 
@@ -298,29 +301,42 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                         <!-- A pop up to show group members -->
                         <v-dialog
                             v-model="dialog"
-                            max-width="50%"
+                            max-width="600"
+                            persistent
                         >
-                            <v-card>
-                                <v-card-title class="headline">{{ t("members") }}</v-card-title>
+                            <v-card class="pa-4 rounded-xl elevation-6 group-members-dialog">
+                                <v-card-title class="text-h6 font-weight-bold">
+                                    {{ t("members") }}
+                                </v-card-title>
+
+                                <v-divider class="my-2" />
+
                                 <v-card-text>
                                     <v-list>
                                         <v-list-item
                                             v-for="(member, index) in selectedGroup.members"
                                             :key="index"
+                                            class="py-2"
                                         >
                                             <v-list-item-content>
-                                                <v-list-item-title
-                                                >{{ member.firstName + " " + member.lastName }}
+                                                <v-list-item-title class="text-body-1">
+                                                    {{ member.firstName }} {{ member.lastName }}
                                                 </v-list-item-title>
                                             </v-list-item-content>
                                         </v-list-item>
                                     </v-list>
                                 </v-card-text>
-                                <v-card-actions>
+
+                                <v-divider class="my-2" />
+
+                                <v-card-actions class="justify-end">
                                     <v-btn
                                         color="primary"
+                                        variant="outlined"
                                         @click="dialog = false"
-                                    >Close
+                                        prepend-icon="mdi-close-circle"
+                                    >
+                                        {{ t("close") }}
                                     </v-btn>
                                 </v-card-actions>
                             </v-card>
@@ -345,6 +361,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                         <v-btn
                                             @click="editGroups = true"
                                             variant="text"
+                                            :disabled="hasSubmissions"
                                         >
                                             <v-icon>mdi-pencil</v-icon>
                                         </v-btn>
@@ -358,11 +375,9 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                 >
                                     <td>
                                         <v-btn
-                                            @click="openGroupDetails(g)"
                                             variant="text"
                                         >
                                             {{ g.name }}
-                                            <v-icon end>mdi-menu-right</v-icon>
                                         </v-btn>
                                     </td>
 
@@ -383,16 +398,18 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                             :class-id="classId"
                                             :language="lang"
                                             :go-to-group-submission-link="goToGroupSubmissionLink"
+                                            @update:hasSubmission="(hasSubmission) => hasSubmissions = hasSubmission"
+
                                         />
                                     </td>
 
                                     <!-- Edit icon -->
                                     <td>
                                         <v-btn
-                                            @click=""
+                                            @click="openGroupDetails(g)"
                                             variant="text"
                                         >
-                                            <v-icon color="red">mdi-delete</v-icon>
+                                            <v-icon>mdi-eye</v-icon>
                                         </v-btn>
                                     </td>
                                 </tr>
@@ -416,16 +433,18 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                 @close="editGroups = false"
                             />
                         </v-card-text>
+
+                        <v-divider></v-divider>
+
                         <v-card-actions>
-                            <v-btn
-                                text
-                                @click="editGroups = false"
-                            >{{ t("cancel") }}
-                            </v-btn
-                            >
+                            <v-spacer></v-spacer>
+                            <v-btn text @click="editGroups = false">
+                                {{ t("cancel") }}
+                            </v-btn>
                         </v-card-actions>
                     </v-card>
                 </v-dialog>
+
             </v-container>
         </using-query-result>
     </div>
@@ -557,4 +576,10 @@ main {
         flex-basis: 100% !important;
     }
 }
+
+.group-members-dialog {
+    max-height: 80vh;
+    overflow-y: auto;
+}
+
 </style>
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 3ae98e2f..a5ca6f6f 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -146,7 +146,7 @@
 
         <v-btn
             v-if="isTeacher"
-            color="primary"
+            :style="{ backgroundColor: '#0E6942' }"
             class="mb-4 center-btn"
             @click="goToCreateAssignment"
         >

From 5b000661069971c622a237fc48f6ee1c1daba569 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sat, 17 May 2025 18:47:20 +0000
Subject: [PATCH 30/74] style: fix linting issues met ESLint

---
 backend/src/services/assignments.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 3be1709c..28017eb0 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -106,7 +106,7 @@ export async function putAssignment(classid: string, id: number, assignmentData:
             throw new BadRequestException("Student can only be in one group");
         }
 
-        const studentLists = await Promise.all((assignmentData.groups! as string[][]).map(async group => await fetchStudents(group)));
+        const studentLists = await Promise.all((assignmentData.groups as string[][]).map(async group => await fetchStudents(group)));
 
         const groupRepository = getGroupRepository();
         await groupRepository.deleteAllByAssignment(assignment);

From 323d66bbcbe66fe0e4cc32809edecc1fb55811d7 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sat, 17 May 2025 18:47:26 +0000
Subject: [PATCH 31/74] style: fix linting issues met Prettier

---
 backend/src/controllers/assignments.ts        |   4 +-
 .../data/assignments/assignment-repository.ts |   2 +-
 backend/src/routes/teachers.ts                |   1 -
 backend/src/services/assignments.ts           |  20 +-
 backend/src/services/teachers.ts              |   7 +-
 .../src/components/GroupSubmissionStatus.vue  |   4 +-
 .../assignments/DeadlineSelector.vue          |   4 +-
 .../components/assignments/GroupSelector.vue  | 856 +++++++++---------
 frontend/src/utils/assignment-rules.ts        |   3 -
 .../views/assignments/CreateAssignment.vue    | 310 ++++---
 .../views/assignments/StudentAssignment.vue   |   4 +-
 .../views/assignments/TeacherAssignment.vue   | 591 ++++++------
 12 files changed, 908 insertions(+), 898 deletions(-)

diff --git a/backend/src/controllers/assignments.ts b/backend/src/controllers/assignments.ts
index bd2c7244..4bc7611d 100644
--- a/backend/src/controllers/assignments.ts
+++ b/backend/src/controllers/assignments.ts
@@ -39,9 +39,9 @@ export async function getAllAssignmentsHandler(req: Request, res: Response): Pro
 
 export async function createAssignmentHandler(req: Request, res: Response): Promise<void> {
     const classid = req.params.classid;
-    const description = req.body.description || "";
+    const description = req.body.description || '';
     const language = req.body.language || FALLBACK_LANG;
-    const learningPath = req.body.learningPath || "";
+    const learningPath = req.body.learningPath || '';
     const title = req.body.title;
 
     requireFields({ title });
diff --git a/backend/src/data/assignments/assignment-repository.ts b/backend/src/data/assignments/assignment-repository.ts
index 9d04d6e2..2ca13545 100644
--- a/backend/src/data/assignments/assignment-repository.ts
+++ b/backend/src/data/assignments/assignment-repository.ts
@@ -20,7 +20,7 @@ export class AssignmentRepository extends DwengoEntityRepository<Assignment> {
                     },
                 },
             },
-            populate: ['groups', 'groups.members']
+            populate: ['groups', 'groups.members'],
         });
     }
     public async findAllAssignmentsInClass(within: Class): Promise<Assignment[]> {
diff --git a/backend/src/routes/teachers.ts b/backend/src/routes/teachers.ts
index e7179b3d..c7280f02 100644
--- a/backend/src/routes/teachers.ts
+++ b/backend/src/routes/teachers.ts
@@ -31,7 +31,6 @@ router.get('/:username/students', preventImpersonation, getTeacherStudentHandler
 
 router.get(`/:username/assignments`, getTeacherAssignmentsHandler);
 
-
 router.get('/:username/joinRequests/:classId', onlyAllowTeacherOfClass, getStudentJoinRequestHandler);
 
 router.put('/:username/joinRequests/:classId/:studentUsername', onlyAllowTeacherOfClass, updateStudentJoinRequestHandler);
diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 28017eb0..3136099e 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -103,20 +103,22 @@ export async function putAssignment(classid: string, id: number, assignmentData:
     if (assignmentData.groups) {
         const hasDuplicates = (arr: string[]) => new Set(arr).size !== arr.length;
         if (hasDuplicates(assignmentData.groups.flat() as string[])) {
-            throw new BadRequestException("Student can only be in one group");
+            throw new BadRequestException('Student can only be in one group');
         }
 
-        const studentLists = await Promise.all((assignmentData.groups as string[][]).map(async group => await fetchStudents(group)));
+        const studentLists = await Promise.all((assignmentData.groups as string[][]).map(async (group) => await fetchStudents(group)));
 
         const groupRepository = getGroupRepository();
         await groupRepository.deleteAllByAssignment(assignment);
-        await Promise.all(studentLists.map(async students => {
-            const newGroup = groupRepository.create({
-                assignment: assignment,
-                members: students,
-            });
-            await groupRepository.save(newGroup);
-        }));
+        await Promise.all(
+            studentLists.map(async (students) => {
+                const newGroup = groupRepository.create({
+                    assignment: assignment,
+                    members: students,
+                });
+                await groupRepository.save(newGroup);
+            })
+        );
 
         delete assignmentData.groups;
     }
diff --git a/backend/src/services/teachers.ts b/backend/src/services/teachers.ts
index ecd12a4a..4d65231d 100644
--- a/backend/src/services/teachers.ts
+++ b/backend/src/services/teachers.ts
@@ -1,9 +1,4 @@
-import {
-    getAssignmentRepository,
-    getClassJoinRequestRepository,
-    getClassRepository,
-    getTeacherRepository,
-} from '../data/repositories.js';
+import { getAssignmentRepository, getClassJoinRequestRepository, getClassRepository, getTeacherRepository } from '../data/repositories.js';
 import { mapToClassDTO } from '../interfaces/class.js';
 import { mapToTeacher, mapToTeacherDTO } from '../interfaces/teacher.js';
 import { Teacher } from '../entities/users/teacher.entity.js';
diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index ca3de9a3..0e4a0f6c 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -3,7 +3,7 @@
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import { useAssignmentSubmissionsQuery } from "@/queries/assignments.ts";
     import type { SubmissionsResponse } from "@/controllers/submissions.ts";
-    import {watch} from "vue";
+    import { watch } from "vue";
 
     const props = defineProps<{
         group: object;
@@ -29,7 +29,7 @@
                 emit("update:hasSubmission", data.submissions.length > 0);
             }
         },
-        { immediate: true }
+        { immediate: true },
     );
 </script>
 
diff --git a/frontend/src/components/assignments/DeadlineSelector.vue b/frontend/src/components/assignments/DeadlineSelector.vue
index 845a1a5a..b9b0c709 100644
--- a/frontend/src/components/assignments/DeadlineSelector.vue
+++ b/frontend/src/components/assignments/DeadlineSelector.vue
@@ -6,8 +6,7 @@
 
     const datetime = ref("");
 
-    datetime.value = props.deadline ? new Date(props.deadline).toISOString().slice(0, 16) : ""
-
+    datetime.value = props.deadline ? new Date(props.deadline).toISOString().slice(0, 16) : "";
 
     // Watch the datetime value and emit the update
     watch(datetime, (val) => {
@@ -21,7 +20,6 @@
 
     const deadlineRules = [
         (value: string): string | boolean => {
-
             const selectedDateTime = new Date(value);
             const now = new Date();
 
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 6e6426fa..90b86e2a 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -1,281 +1,135 @@
 <script setup lang="ts">
-import {computed, ref, watch} from "vue";
-import {useI18n} from "vue-i18n";
-import {useClassStudentsQuery} from "@/queries/classes";
+    import { computed, ref, watch } from "vue";
+    import { useI18n } from "vue-i18n";
+    import { useClassStudentsQuery } from "@/queries/classes";
 
-const props = defineProps<{
-    classId: string | undefined;
-    groups: object[];
-}>();
-const emit = defineEmits(["close", "groupsUpdated", "done"]);
-const {t} = useI18n();
+    const props = defineProps<{
+        classId: string | undefined;
+        groups: object[];
+    }>();
+    const emit = defineEmits(["close", "groupsUpdated", "done"]);
+    const { t } = useI18n();
 
-interface StudentItem {
-    username: string;
-    fullName: string;
-}
-
-const {data: studentsData} = useClassStudentsQuery(() => props.classId, true);
-
-// Dialog states for group editing
-const activeDialog = ref<"random" | "dragdrop" | null>(null);
-
-// Drag state for the drag and drop
-const draggedItem = ref<{ groupIndex: number, studentIndex: number } | null>(null);
-
-const currentGroups = ref<StudentItem[][]>([]);
-const unassignedStudents = ref<StudentItem[]>([]);
-const allStudents = ref<StudentItem[]>([]);
-
-// Random groups state
-const groupSize = ref(1);
-const randomGroupsPreview = ref<StudentItem[][]>([]);
-
-// Initialize data
-watch(
-    () => [studentsData.value, props.groups],
-    ([studentsVal, existingGroups]) => {
-        if (!studentsVal) return;
-
-        // Initialize all students
-        allStudents.value = studentsVal.students.map((s) => ({
-            username: s.username,
-            fullName: `${s.firstName} ${s.lastName}`,
-        }));
-
-        // Initialize groups if they exist
-        if (existingGroups && existingGroups.length > 0) {
-            currentGroups.value = existingGroups.map((group) =>
-                group.members.map(member => ({
-                    username: member.username,
-                    fullName: `${member.firstName} ${member.lastName}`
-                }))
-            );
-            const assignedUsernames = new Set(
-                existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
-            );
-            unassignedStudents.value = allStudents.value.filter((s) => !assignedUsernames.has(s.username));
-        } else {
-            currentGroups.value = [];
-            unassignedStudents.value = [...allStudents.value];
-        }
-
-        randomGroupsPreview.value = [...currentGroups.value];
-    },
-    {immediate: true},
-);
-
-/** Random groups functions */
-function generateRandomGroups(): void {
-    if (groupSize.value < 1) return;
-
-    // Shuffle students
-    const shuffled = [...allStudents.value].sort(() => Math.random() - 0.5);
-
-    // Create new groups
-    const newGroups: StudentItem[][] = [];
-    const groupCount = Math.ceil(shuffled.length / groupSize.value);
-
-    for (let i = 0; i < groupCount; i++) {
-        newGroups.push([]);
+    interface StudentItem {
+        username: string;
+        fullName: string;
     }
 
-    // Distribute students
-    shuffled.forEach((student, index) => {
-        const groupIndex = index % groupCount;
-        newGroups[groupIndex].push(student);
-    });
+    const { data: studentsData } = useClassStudentsQuery(() => props.classId, true);
 
-    randomGroupsPreview.value = newGroups;
-}
+    // Dialog states for group editing
+    const activeDialog = ref<"random" | "dragdrop" | null>(null);
 
-function saveRandomGroups(): void {
-    if (randomGroupsPreview.value.length === 0) {
-        alert(t("please-generate-groups-first"));
-        return;
-    }
+    // Drag state for the drag and drop
+    const draggedItem = ref<{ groupIndex: number; studentIndex: number } | null>(null);
 
-    emit(
-        "groupsUpdated",
-        randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
-    );
-    activeDialog.value = null;
-    emit("done");
-    emit("close");
-}
+    const currentGroups = ref<StudentItem[][]>([]);
+    const unassignedStudents = ref<StudentItem[]>([]);
+    const allStudents = ref<StudentItem[]>([]);
 
-function addNewGroup() {
-    currentGroups.value.push([]);
-}
+    // Random groups state
+    const groupSize = ref(1);
+    const randomGroupsPreview = ref<StudentItem[][]>([]);
 
-function removeGroup(index: number) {
-    // Move students back to unassigned
-    unassignedStudents.value.push(...currentGroups.value[index]);
-    currentGroups.value.splice(index, 1);
-}
+    // Initialize data
+    watch(
+        () => [studentsData.value, props.groups],
+        ([studentsVal, existingGroups]) => {
+            if (!studentsVal) return;
 
-/** Drag and drop functions */
+            // Initialize all students
+            allStudents.value = studentsVal.students.map((s) => ({
+                username: s.username,
+                fullName: `${s.firstName} ${s.lastName}`,
+            }));
 
-// Touch state interface
-interface TouchState {
-    isDragging: boolean;
-    startX: number;
-    startY: number;
-    currentGroupIndex: number;
-    currentStudentIndex: number;
-    element: HTMLElement | null;
-    clone: HTMLElement | null;
-    originalRect: DOMRect | null;
-    hasMoved: boolean;
-}
-
-const touchState = ref<TouchState>({
-    isDragging: false,
-    startX: 0,
-    startY: 0,
-    currentGroupIndex: -1,
-    currentStudentIndex: -1,
-    element: null,
-    clone: null,
-    originalRect: null,
-    hasMoved: false
-});
-
-function handleTouchStart(event: TouchEvent, groupIndex: number, studentIndex: number): void {
-    if (event.touches.length > 1) return;
-
-    const touch = event.touches[0];
-    const target = event.target as HTMLElement;
-    // Target the chip directly instead of the draggable container
-    const chip = target.closest('.v-chip') as HTMLElement;
-
-    if (!chip) return;
-
-    // Get the chip's position relative to the viewport
-    const rect = chip.getBoundingClientRect();
-
-    touchState.value = {
-        isDragging: true,
-        startX: touch.clientX,
-        startY: touch.clientY,
-        currentGroupIndex: groupIndex,
-        currentStudentIndex: studentIndex,
-        element: chip,
-        clone: null,
-        originalRect: rect,
-        hasMoved: false
-    };
-
-    // Clone only the chip
-    const clone = chip.cloneNode(true) as HTMLElement;
-    clone.classList.add('drag-clone');
-    clone.style.position = 'fixed';
-    clone.style.zIndex = '10000';
-    clone.style.opacity = '0.9';
-    clone.style.pointerEvents = 'none';
-    clone.style.width = `${rect.width}px`;
-    clone.style.height = `${rect.height}px`;
-    clone.style.left = `${rect.left}px`;
-    clone.style.top = `${rect.top}px`;
-    clone.style.transform = 'scale(1.05)';
-    clone.style.boxShadow = '0 4px 8px rgba(0,0,0,0.3)';
-    clone.style.transition = 'transform 0.1s';
-
-    // Ensure the clone has the same chip styling
-    clone.style.backgroundColor = getComputedStyle(chip).backgroundColor;
-    clone.style.color = getComputedStyle(chip).color;
-    clone.style.borderRadius = getComputedStyle(chip).borderRadius;
-    clone.style.padding = getComputedStyle(chip).padding;
-    clone.style.margin = '0'; // Remove any margin
-
-    document.body.appendChild(clone);
-    touchState.value.clone = clone;
-    chip.style.visibility = 'hidden';
-
-    event.preventDefault();
-    event.stopPropagation();
-}
-
-function handleTouchMove(event: TouchEvent): void {
-    if (!touchState.value.isDragging || !touchState.value.clone || event.touches.length > 1) return;
-
-    const touch = event.touches[0];
-    const clone = touchState.value.clone;
-
-    const dx = Math.abs(touch.clientX - touchState.value.startX);
-    const dy = Math.abs(touch.clientY - touchState.value.startY);
-
-    if (dx > 5 || dy > 5) {
-        touchState.value.hasMoved = true;
-    }
-
-    clone.style.left = `${touch.clientX - clone.offsetWidth / 2}px`;
-    clone.style.top = `${touch.clientY - clone.offsetHeight / 2}px`;
-
-    document.querySelectorAll('.group-box').forEach(el => {
-        el.classList.remove('highlight');
-    });
-
-    const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
-    const dropTarget = elements.find(el => el.classList.contains('group-box'));
-
-    if (dropTarget) {
-        dropTarget.classList.add('highlight');
-    }
-
-    event.preventDefault();
-    event.stopPropagation();
-}
-
-function handleTouchEnd(event: TouchEvent): void {
-    if (!touchState.value.isDragging) return;
-
-    const {
-        currentGroupIndex,
-        currentStudentIndex,
-        clone,
-        element,
-        hasMoved
-    } = touchState.value;
-
-    document.querySelectorAll('.group-box').forEach(el => {
-        el.classList.remove('highlight');
-    });
-
-    if (clone?.parentNode) {
-        clone.parentNode.removeChild(clone);
-    }
-
-    if (element) {
-        element.style.visibility = 'visible';
-    }
-
-    if (hasMoved && event.changedTouches.length > 0) {
-        const touch = event.changedTouches[0];
-        const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
-        const dropTarget = elements.find(el => el.classList.contains('group-box'));
-
-        if (dropTarget) {
-            const groupBoxes = document.querySelectorAll('.group-box');
-            const targetGroupIndex = Array.from(groupBoxes).indexOf(dropTarget);
-
-            if (targetGroupIndex !== currentGroupIndex) {
-                const sourceArray = currentGroupIndex === -1
-                    ? unassignedStudents.value
-                    : currentGroups.value[currentGroupIndex];
-                const targetArray = targetGroupIndex === -1
-                    ? unassignedStudents.value
-                    : currentGroups.value[targetGroupIndex];
-
-                if (sourceArray && targetArray) {
-                    const [movedStudent] = sourceArray.splice(currentStudentIndex, 1);
-                    targetArray.push(movedStudent);
-                }
+            // Initialize groups if they exist
+            if (existingGroups && existingGroups.length > 0) {
+                currentGroups.value = existingGroups.map((group) =>
+                    group.members.map((member) => ({
+                        username: member.username,
+                        fullName: `${member.firstName} ${member.lastName}`,
+                    })),
+                );
+                const assignedUsernames = new Set(
+                    existingGroups.flatMap((g) => g.members.map((m: StudentItem) => m.username)),
+                );
+                unassignedStudents.value = allStudents.value.filter((s) => !assignedUsernames.has(s.username));
+            } else {
+                currentGroups.value = [];
+                unassignedStudents.value = [...allStudents.value];
             }
+
+            randomGroupsPreview.value = [...currentGroups.value];
+        },
+        { immediate: true },
+    );
+
+    /** Random groups functions */
+    function generateRandomGroups(): void {
+        if (groupSize.value < 1) return;
+
+        // Shuffle students
+        const shuffled = [...allStudents.value].sort(() => Math.random() - 0.5);
+
+        // Create new groups
+        const newGroups: StudentItem[][] = [];
+        const groupCount = Math.ceil(shuffled.length / groupSize.value);
+
+        for (let i = 0; i < groupCount; i++) {
+            newGroups.push([]);
         }
+
+        // Distribute students
+        shuffled.forEach((student, index) => {
+            const groupIndex = index % groupCount;
+            newGroups[groupIndex].push(student);
+        });
+
+        randomGroupsPreview.value = newGroups;
     }
 
-    touchState.value = {
+    function saveRandomGroups(): void {
+        if (randomGroupsPreview.value.length === 0) {
+            alert(t("please-generate-groups-first"));
+            return;
+        }
+
+        emit(
+            "groupsUpdated",
+            randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
+        );
+        activeDialog.value = null;
+        emit("done");
+        emit("close");
+    }
+
+    function addNewGroup() {
+        currentGroups.value.push([]);
+    }
+
+    function removeGroup(index: number) {
+        // Move students back to unassigned
+        unassignedStudents.value.push(...currentGroups.value[index]);
+        currentGroups.value.splice(index, 1);
+    }
+
+    /** Drag and drop functions */
+
+    // Touch state interface
+    interface TouchState {
+        isDragging: boolean;
+        startX: number;
+        startY: number;
+        currentGroupIndex: number;
+        currentStudentIndex: number;
+        element: HTMLElement | null;
+        clone: HTMLElement | null;
+        originalRect: DOMRect | null;
+        hasMoved: boolean;
+    }
+
+    const touchState = ref<TouchState>({
         isDragging: false,
         startX: 0,
         startY: 0,
@@ -284,80 +138,217 @@ function handleTouchEnd(event: TouchEvent): void {
         element: null,
         clone: null,
         originalRect: null,
-        hasMoved: false
-    };
+        hasMoved: false,
+    });
 
-    event.preventDefault();
-    event.stopPropagation();
-}
+    function handleTouchStart(event: TouchEvent, groupIndex: number, studentIndex: number): void {
+        if (event.touches.length > 1) return;
 
-function handleDragStart(event: DragEvent, groupIndex: number, studentIndex: number): void {
-    draggedItem.value = {groupIndex, studentIndex};
-    if (event.dataTransfer) {
-        event.dataTransfer.effectAllowed = 'move';
-        event.dataTransfer.setData('text/plain', '');
-    }
-}
+        const touch = event.touches[0];
+        const target = event.target as HTMLElement;
+        // Target the chip directly instead of the draggable container
+        const chip = target.closest(".v-chip") as HTMLElement;
 
-function handleDragOver(e: DragEvent, _: number): void {
-    e.preventDefault();
-    if (e.dataTransfer) {
-        e.dataTransfer.dropEffect = "move";
-    }
-}
+        if (!chip) return;
 
-function handleDrop(e: DragEvent, targetGroupIndex: number, targetStudentIndex?: number): void {
-    e.preventDefault();
-    if (!draggedItem.value) return;
+        // Get the chip's position relative to the viewport
+        const rect = chip.getBoundingClientRect();
 
-    const {groupIndex: sourceGroupIndex, studentIndex: sourceStudentIndex} = draggedItem.value;
-    const sourceArray = sourceGroupIndex === -1
-        ? unassignedStudents.value
-        : currentGroups.value[sourceGroupIndex];
-    const targetArray = targetGroupIndex === -1
-        ? unassignedStudents.value
-        : currentGroups.value[targetGroupIndex];
+        touchState.value = {
+            isDragging: true,
+            startX: touch.clientX,
+            startY: touch.clientY,
+            currentGroupIndex: groupIndex,
+            currentStudentIndex: studentIndex,
+            element: chip,
+            clone: null,
+            originalRect: rect,
+            hasMoved: false,
+        };
 
-    const [movedStudent] = sourceArray.splice(sourceStudentIndex, 1);
-    if (targetStudentIndex !== undefined) {
-        targetArray.splice(targetStudentIndex, 0, movedStudent);
-    } else {
-        targetArray.push(movedStudent);
+        // Clone only the chip
+        const clone = chip.cloneNode(true) as HTMLElement;
+        clone.classList.add("drag-clone");
+        clone.style.position = "fixed";
+        clone.style.zIndex = "10000";
+        clone.style.opacity = "0.9";
+        clone.style.pointerEvents = "none";
+        clone.style.width = `${rect.width}px`;
+        clone.style.height = `${rect.height}px`;
+        clone.style.left = `${rect.left}px`;
+        clone.style.top = `${rect.top}px`;
+        clone.style.transform = "scale(1.05)";
+        clone.style.boxShadow = "0 4px 8px rgba(0,0,0,0.3)";
+        clone.style.transition = "transform 0.1s";
+
+        // Ensure the clone has the same chip styling
+        clone.style.backgroundColor = getComputedStyle(chip).backgroundColor;
+        clone.style.color = getComputedStyle(chip).color;
+        clone.style.borderRadius = getComputedStyle(chip).borderRadius;
+        clone.style.padding = getComputedStyle(chip).padding;
+        clone.style.margin = "0"; // Remove any margin
+
+        document.body.appendChild(clone);
+        touchState.value.clone = clone;
+        chip.style.visibility = "hidden";
+
+        event.preventDefault();
+        event.stopPropagation();
     }
 
-    draggedItem.value = null;
-}
+    function handleTouchMove(event: TouchEvent): void {
+        if (!touchState.value.isDragging || !touchState.value.clone || event.touches.length > 1) return;
 
-function saveDragDrop(): void {
-    if (unassignedStudents.value.length > 0) {
-        alert(t("please-assign-all-students"));
-        return;
+        const touch = event.touches[0];
+        const clone = touchState.value.clone;
+
+        const dx = Math.abs(touch.clientX - touchState.value.startX);
+        const dy = Math.abs(touch.clientY - touchState.value.startY);
+
+        if (dx > 5 || dy > 5) {
+            touchState.value.hasMoved = true;
+        }
+
+        clone.style.left = `${touch.clientX - clone.offsetWidth / 2}px`;
+        clone.style.top = `${touch.clientY - clone.offsetHeight / 2}px`;
+
+        document.querySelectorAll(".group-box").forEach((el) => {
+            el.classList.remove("highlight");
+        });
+
+        const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
+        const dropTarget = elements.find((el) => el.classList.contains("group-box"));
+
+        if (dropTarget) {
+            dropTarget.classList.add("highlight");
+        }
+
+        event.preventDefault();
+        event.stopPropagation();
     }
 
-    emit(
-        "groupsUpdated",
-        currentGroups.value.map((g) => g.map((s) => s.username)),
-    );
-    activeDialog.value = null;
-    emit("done");
-    emit("close");
-}
+    function handleTouchEnd(event: TouchEvent): void {
+        if (!touchState.value.isDragging) return;
 
-const showGroupsPreview = computed(() => {
-    return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
-});
+        const { currentGroupIndex, currentStudentIndex, clone, element, hasMoved } = touchState.value;
 
-function removeStudent(groupIndex: number, student: StudentItem): void {
-    const group = currentGroups.value[groupIndex];
-    currentGroups.value[groupIndex] = group.filter((s) => s.username !== student.username);
-    unassignedStudents.value.push(student);
-}
+        document.querySelectorAll(".group-box").forEach((el) => {
+            el.classList.remove("highlight");
+        });
+
+        if (clone?.parentNode) {
+            clone.parentNode.removeChild(clone);
+        }
+
+        if (element) {
+            element.style.visibility = "visible";
+        }
+
+        if (hasMoved && event.changedTouches.length > 0) {
+            const touch = event.changedTouches[0];
+            const elements = document.elementsFromPoint(touch.clientX, touch.clientY);
+            const dropTarget = elements.find((el) => el.classList.contains("group-box"));
+
+            if (dropTarget) {
+                const groupBoxes = document.querySelectorAll(".group-box");
+                const targetGroupIndex = Array.from(groupBoxes).indexOf(dropTarget);
+
+                if (targetGroupIndex !== currentGroupIndex) {
+                    const sourceArray =
+                        currentGroupIndex === -1 ? unassignedStudents.value : currentGroups.value[currentGroupIndex];
+                    const targetArray =
+                        targetGroupIndex === -1 ? unassignedStudents.value : currentGroups.value[targetGroupIndex];
+
+                    if (sourceArray && targetArray) {
+                        const [movedStudent] = sourceArray.splice(currentStudentIndex, 1);
+                        targetArray.push(movedStudent);
+                    }
+                }
+            }
+        }
+
+        touchState.value = {
+            isDragging: false,
+            startX: 0,
+            startY: 0,
+            currentGroupIndex: -1,
+            currentStudentIndex: -1,
+            element: null,
+            clone: null,
+            originalRect: null,
+            hasMoved: false,
+        };
+
+        event.preventDefault();
+        event.stopPropagation();
+    }
+
+    function handleDragStart(event: DragEvent, groupIndex: number, studentIndex: number): void {
+        draggedItem.value = { groupIndex, studentIndex };
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = "move";
+            event.dataTransfer.setData("text/plain", "");
+        }
+    }
+
+    function handleDragOver(e: DragEvent, _: number): void {
+        e.preventDefault();
+        if (e.dataTransfer) {
+            e.dataTransfer.dropEffect = "move";
+        }
+    }
+
+    function handleDrop(e: DragEvent, targetGroupIndex: number, targetStudentIndex?: number): void {
+        e.preventDefault();
+        if (!draggedItem.value) return;
+
+        const { groupIndex: sourceGroupIndex, studentIndex: sourceStudentIndex } = draggedItem.value;
+        const sourceArray = sourceGroupIndex === -1 ? unassignedStudents.value : currentGroups.value[sourceGroupIndex];
+        const targetArray = targetGroupIndex === -1 ? unassignedStudents.value : currentGroups.value[targetGroupIndex];
+
+        const [movedStudent] = sourceArray.splice(sourceStudentIndex, 1);
+        if (targetStudentIndex !== undefined) {
+            targetArray.splice(targetStudentIndex, 0, movedStudent);
+        } else {
+            targetArray.push(movedStudent);
+        }
+
+        draggedItem.value = null;
+    }
+
+    function saveDragDrop(): void {
+        if (unassignedStudents.value.length > 0) {
+            alert(t("please-assign-all-students"));
+            return;
+        }
+
+        emit(
+            "groupsUpdated",
+            currentGroups.value.map((g) => g.map((s) => s.username)),
+        );
+        activeDialog.value = null;
+        emit("done");
+        emit("close");
+    }
+
+    const showGroupsPreview = computed(() => {
+        return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
+    });
+
+    function removeStudent(groupIndex: number, student: StudentItem): void {
+        const group = currentGroups.value[groupIndex];
+        currentGroups.value[groupIndex] = group.filter((s) => s.username !== student.username);
+        unassignedStudents.value.push(student);
+    }
 </script>
 
 <template>
     <v-card class="pa-4 minimal-card">
         <!-- Current groups and unassigned students Preview -->
-        <div v-if="showGroupsPreview" class="mb-6">
+        <div
+            v-if="showGroupsPreview"
+            class="mb-6"
+        >
             <h3 class="mb-2">{{ t("current-groups") }}</h3>
             <div>
                 <div class="d-flex flex-wrap">
@@ -366,11 +357,23 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
             </div>
         </div>
 
-        <v-row justify="center" class="mb-4">
-            <v-btn color="primary" @click="activeDialog = 'random'" prepend-icon="mdi-shuffle">
+        <v-row
+            justify="center"
+            class="mb-4"
+        >
+            <v-btn
+                color="primary"
+                @click="activeDialog = 'random'"
+                prepend-icon="mdi-shuffle"
+            >
                 {{ t("random-grouping") }}
             </v-btn>
-            <v-btn color="secondary" class="ml-4" @click="activeDialog = 'dragdrop'" prepend-icon="mdi-drag">
+            <v-btn
+                color="secondary"
+                class="ml-4"
+                @click="activeDialog = 'dragdrop'"
+                prepend-icon="mdi-drag"
+            >
                 {{ t("drag-and-drop") }}
             </v-btn>
         </v-row>
@@ -436,8 +439,12 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                 </v-card-text>
 
                 <v-card-actions class="dialog-actions">
-                    <v-spacer/>
-                    <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
+                    <v-spacer />
+                    <v-btn
+                        text
+                        @click="activeDialog = null"
+                        >{{ t("cancel") }}</v-btn
+                    >
                     <v-btn
                         color="success"
                         @click="saveRandomGroups"
@@ -456,16 +463,27 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
             max-width="900"
         >
             <v-card class="custom-dialog">
-                <v-card-title class=" dialog-title d-flex justify-space-between align-center">
+                <v-card-title class="dialog-title d-flex justify-space-between align-center">
                     <div>{{ t("drag-and-drop") }}</div>
-                    <v-btn color="primary" small @click="addNewGroup">+</v-btn>
+                    <v-btn
+                        color="primary"
+                        small
+                        @click="addNewGroup"
+                        >+</v-btn
+                    >
                 </v-card-title>
 
                 <v-card-text>
                     <v-row>
                         <!-- Groups Column -->
-                        <v-col cols="12" md="8">
-                            <div v-if="currentGroups.length === 0" class="text-center py-4">
+                        <v-col
+                            cols="12"
+                            md="8"
+                        >
+                            <div
+                                v-if="currentGroups.length === 0"
+                                class="text-center py-4"
+                            >
                                 <v-alert type="info">{{ t("no-groups-yet") }}</v-alert>
                             </div>
 
@@ -479,7 +497,12 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                                 >
                                     <div class="d-flex justify-space-between align-center mb-2">
                                         <strong>{{ t("group") }} {{ groupIndex + 1 }}</strong>
-                                        <v-btn icon small color="error" @click="removeGroup(groupIndex)">
+                                        <v-btn
+                                            icon
+                                            small
+                                            color="error"
+                                            @click="removeGroup(groupIndex)"
+                                        >
                                             <v-icon>mdi-delete</v-icon>
                                         </v-btn>
                                     </div>
@@ -497,7 +520,10 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                                             @dragover.prevent="handleDragOver($event, groupIndex)"
                                             @drop="handleDrop($event, groupIndex, studentIndex)"
                                         >
-                                            <v-chip close @click:close="removeStudent(groupIndex, student)">
+                                            <v-chip
+                                                close
+                                                @click:close="removeStudent(groupIndex, student)"
+                                            >
                                                 {{ student.fullName }}
                                             </v-chip>
                                         </div>
@@ -539,8 +565,12 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
                 </v-card-text>
 
                 <v-card-actions>
-                    <v-spacer/>
-                    <v-btn text @click="activeDialog = null">{{ t("cancel") }}</v-btn>
+                    <v-spacer />
+                    <v-btn
+                        text
+                        @click="activeDialog = null"
+                        >{{ t("cancel") }}</v-btn
+                    >
                     <v-btn
                         color="primary"
                         @click="saveDragDrop"
@@ -555,101 +585,101 @@ function removeStudent(groupIndex: number, student: StudentItem): void {
 </template>
 
 <style scoped>
-.group-box {
-    min-height: 100px;
-    max-height: 200px;
-    overflow-y: auto;
-    background-color: #fafafa;
-    border-radius: 4px;
-    transition: all 0.2s;
-}
+    .group-box {
+        min-height: 100px;
+        max-height: 200px;
+        overflow-y: auto;
+        background-color: #fafafa;
+        border-radius: 4px;
+        transition: all 0.2s;
+    }
 
-.group-box.highlight {
-    background-color: #e3f2fd;
-    border: 2px dashed #2196f3;
-}
+    .group-box.highlight {
+        background-color: #e3f2fd;
+        border: 2px dashed #2196f3;
+    }
 
-.v-expansion-panel-text {
-    max-height: 200px;
-    overflow-y: auto;
-}
+    .v-expansion-panel-text {
+        max-height: 200px;
+        overflow-y: auto;
+    }
 
-.drag-clone {
-    z-index: 10000;
-    transform: scale(1.05);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-    transition: transform 0.1s;
-    will-change: transform;
-    pointer-events: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 16px;
-    background-color: inherit;
-}
+    .drag-clone {
+        z-index: 10000;
+        transform: scale(1.05);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+        transition: transform 0.1s;
+        will-change: transform;
+        pointer-events: none;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 16px;
+        background-color: inherit;
+    }
 
-.draggable-item {
-    display: inline-block;
-}
+    .draggable-item {
+        display: inline-block;
+    }
 
-.draggable-item .v-chip[style*="hidden"] {
-    visibility: hidden;
-    display: inline-block;
-}
+    .draggable-item .v-chip[style*="hidden"] {
+        visibility: hidden;
+        display: inline-block;
+    }
 
-.custom-dialog {
-    border-radius: 16px;
-    padding: 24px;
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-}
+    .custom-dialog {
+        border-radius: 16px;
+        padding: 24px;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+    }
 
-.dialog-title {
-    color: #00796b; /* teal-like green */
-    font-weight: bold;
-    font-size: 1.25rem;
-    margin-bottom: 16px;
-}
+    .dialog-title {
+        color: #00796b; /* teal-like green */
+        font-weight: bold;
+        font-size: 1.25rem;
+        margin-bottom: 16px;
+    }
 
-.dialog-actions {
-    display: flex;
-    justify-content: flex-end;
-    gap: 12px;
-    margin-top: 24px;
-}
+    .dialog-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 12px;
+        margin-top: 24px;
+    }
 
-.v-btn.custom-green {
-    background-color: #43a047;
-    color: white;
-}
+    .v-btn.custom-green {
+        background-color: #43a047;
+        color: white;
+    }
 
-.v-btn.custom-green:hover {
-    background-color: #388e3c
-}
+    .v-btn.custom-green:hover {
+        background-color: #388e3c;
+    }
 
-.v-btn.custom-blue {
-    background-color: #1e88e5;
-    color: white;
-}
+    .v-btn.custom-blue {
+        background-color: #1e88e5;
+        color: white;
+    }
 
-.v-btn.custom-blue:hover {
-    background-color: #1565c0 ;
-}
+    .v-btn.custom-blue:hover {
+        background-color: #1565c0;
+    }
 
-.v-btn.cancel-button {
-    background-color: #e0f2f1;
-    color: #00695c;
-}
+    .v-btn.cancel-button {
+        background-color: #e0f2f1;
+        color: #00695c;
+    }
 
-.minimal-card {
-    box-shadow: none;           /* remove card shadow */
-    border: none;               /* remove border */
-    background-color: transparent;  /* make background transparent */
-    padding: 0;                 /* reduce padding */
-    margin-bottom: 1rem;        /* keep some spacing below */
-}
+    .minimal-card {
+        box-shadow: none; /* remove card shadow */
+        border: none; /* remove border */
+        background-color: transparent; /* make background transparent */
+        padding: 0; /* reduce padding */
+        margin-bottom: 1rem; /* keep some spacing below */
+    }
 
-/* Optionally, keep some padding only around buttons */
-.minimal-card > .v-row {
-    padding: 1rem 0;            /* give vertical padding around buttons */
-}
+    /* Optionally, keep some padding only around buttons */
+    .minimal-card > .v-row {
+        padding: 1rem 0; /* give vertical padding around buttons */
+    }
 </style>
diff --git a/frontend/src/utils/assignment-rules.ts b/frontend/src/utils/assignment-rules.ts
index 143a3f9c..d0f96797 100644
--- a/frontend/src/utils/assignment-rules.ts
+++ b/frontend/src/utils/assignment-rules.ts
@@ -1,11 +1,9 @@
-
 /**
  * Validation rule for the assignment title.
  *
  * Ensures that the title is not empty.
  */
 
-
 /**
  * Validation rule for the classes selection.
  *
@@ -17,4 +15,3 @@
  *
  * Ensures that a valid deadline is selected and is in the future.
  */
-
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 3347193f..f13c6963 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,119 +1,114 @@
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import { computed, onMounted, ref, watch } from "vue";
-import auth from "@/services/auth/auth-service.ts";
-import { useTeacherClassesQuery } from "@/queries/teachers.ts";
-import { useRouter, useRoute } from "vue-router";
-import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-import type { ClassesResponse } from "@/controllers/classes.ts";
-import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
+    import { useI18n } from "vue-i18n";
+    import { computed, onMounted, ref, watch } from "vue";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useTeacherClassesQuery } from "@/queries/teachers.ts";
+    import { useRouter, useRoute } from "vue-router";
+    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import type { ClassesResponse } from "@/controllers/classes.ts";
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+    import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
 
-const route = useRoute();
-const router = useRouter();
-const { t, locale } = useI18n();
-const role = ref(auth.authState.activeRole);
-const username = ref<string>("");
+    const route = useRoute();
+    const router = useRouter();
+    const { t, locale } = useI18n();
+    const role = ref(auth.authState.activeRole);
+    const username = ref<string>("");
 
-onMounted(async () => {
-    if (role.value === "student") {
-        await router.push("/user");
-    }
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
-
-const language = computed(() => locale.value);
-const form = ref();
-
-const learningPathsQueryResults = useGetAllLearningPaths(language);
-const classesQueryResults = useTeacherClassesQuery(username, true);
-
-const selectedClass = ref(undefined);
-const assignmentTitle = ref("");
-
-const selectedLearningPath = ref<LearningPath | undefined>(undefined);
-const lpIsSelected = ref(false);
-
-watch(learningPathsQueryResults.data, (data) => {
-    const hruidFromRoute = route.query.hruid?.toString();
-    if (!hruidFromRoute || !data) return;
-
-    // Verify if the hruid given in the url is valid before accepting it
-    const matchedLP = data.find(lp => lp.hruid === hruidFromRoute);
-    if (matchedLP) {
-        selectedLearningPath.value = matchedLP;
-        lpIsSelected.value = true;
-    }
-});
-
-const { mutate, data, isSuccess } = useCreateAssignmentMutation();
-
-watch([isSuccess, data], async ([success, newData]) => {
-    if (success && newData?.assignment) {
-        await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
-    }
-});
-
-async function submitFormHandler(): Promise<void> {
-    const { valid } = await form.value.validate();
-    if (!valid) return;
-
-    const lp = lpIsSelected.value
-        ? route.query.hruid?.toString()
-        : selectedLearningPath.value?.hruid;
-    if (!lp) {
-        return;
-    }
-
-    const assignmentDTO: AssignmentDTO = {
-        id: 0,
-        within: selectedClass.value?.id || "",
-        title: assignmentTitle.value,
-        description: "",
-        learningPath: lp,
-        language: language.value,
-        deadline: null,
-        groups: [],
-    };
-
-    mutate({ cid: assignmentDTO.within, data: assignmentDTO });
-}
-
-const learningPathRules = [
-    (value: LearningPath): string | boolean => {
-
-        if(lpIsSelected.value) return true;
-
-        if (!value) return t("lp-required");
-
-        const allLPs = learningPathsQueryResults.data.value ?? [];
-        const valid = allLPs.some(lp => lp.hruid === value?.hruid);
-        return valid || t("lp-invalid");
-    }
-];
-
-const assignmentTitleRules = [
-    (value: string): string | boolean => {
-        if (value?.length >= 1) {
-            return true;
-        } // Title must not be empty
-        return t("title-required");
-    },
-];
-
-const classRules = [
-    (value: string): string | boolean => {
-        if (value) {
-            return true;
+    onMounted(async () => {
+        if (role.value === "student") {
+            await router.push("/user");
         }
-        return t("class-required");
-    },
-];
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
 
+    const language = computed(() => locale.value);
+    const form = ref();
 
+    const learningPathsQueryResults = useGetAllLearningPaths(language);
+    const classesQueryResults = useTeacherClassesQuery(username, true);
+
+    const selectedClass = ref(undefined);
+    const assignmentTitle = ref("");
+
+    const selectedLearningPath = ref<LearningPath | undefined>(undefined);
+    const lpIsSelected = ref(false);
+
+    watch(learningPathsQueryResults.data, (data) => {
+        const hruidFromRoute = route.query.hruid?.toString();
+        if (!hruidFromRoute || !data) return;
+
+        // Verify if the hruid given in the url is valid before accepting it
+        const matchedLP = data.find((lp) => lp.hruid === hruidFromRoute);
+        if (matchedLP) {
+            selectedLearningPath.value = matchedLP;
+            lpIsSelected.value = true;
+        }
+    });
+
+    const { mutate, data, isSuccess } = useCreateAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, newData]) => {
+        if (success && newData?.assignment) {
+            await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
+        }
+    });
+
+    async function submitFormHandler(): Promise<void> {
+        const { valid } = await form.value.validate();
+        if (!valid) return;
+
+        const lp = lpIsSelected.value ? route.query.hruid?.toString() : selectedLearningPath.value?.hruid;
+        if (!lp) {
+            return;
+        }
+
+        const assignmentDTO: AssignmentDTO = {
+            id: 0,
+            within: selectedClass.value?.id || "",
+            title: assignmentTitle.value,
+            description: "",
+            learningPath: lp,
+            language: language.value,
+            deadline: null,
+            groups: [],
+        };
+
+        mutate({ cid: assignmentDTO.within, data: assignmentDTO });
+    }
+
+    const learningPathRules = [
+        (value: LearningPath): string | boolean => {
+            if (lpIsSelected.value) return true;
+
+            if (!value) return t("lp-required");
+
+            const allLPs = learningPathsQueryResults.data.value ?? [];
+            const valid = allLPs.some((lp) => lp.hruid === value?.hruid);
+            return valid || t("lp-invalid");
+        },
+    ];
+
+    const assignmentTitleRules = [
+        (value: string): string | boolean => {
+            if (value?.length >= 1) {
+                return true;
+            } // Title must not be empty
+            return t("title-required");
+        },
+    ];
+
+    const classRules = [
+        (value: string): string | boolean => {
+            if (value) {
+                return true;
+            }
+            return t("class-required");
+        },
+    ];
 </script>
 
 <template>
@@ -156,7 +151,6 @@ const classRules = [
                             :disabled="lpIsSelected"
                             return-object
                         />
-
                     </using-query-result>
 
                     <!-- Klas keuze -->
@@ -212,59 +206,59 @@ const classRules = [
 </template>
 
 <style scoped>
-.main-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: start;
-    padding-top: 32px;
-    text-align: center;
-}
+    .main-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: start;
+        padding-top: 32px;
+        text-align: center;
+    }
 
-.form-card {
-    width: 100%;
-    max-width: 720px;
-    border-radius: 16px;
-}
-
-.form-container {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-    width: 100%;
-}
-
-.step-container {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-}
-
-@media (max-width: 1000px) {
     .form-card {
-        width: 85%;
-        padding: 1%;
+        width: 100%;
+        max-width: 720px;
+        border-radius: 16px;
     }
-}
 
-@media (max-width: 600px) {
-    h1 {
-        font-size: 32px;
-        text-align: center;
-        margin-left: 0;
+    .form-container {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        width: 100%;
     }
-}
 
-@media (max-width: 400px) {
-    h1 {
-        font-size: 24px;
-        text-align: center;
-        margin-left: 0;
+    .step-container {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
     }
-}
 
-.v-card {
-    border: 2px solid #0e6942;
-    border-radius: 12px;
-}
+    @media (max-width: 1000px) {
+        .form-card {
+            width: 85%;
+            padding: 1%;
+        }
+    }
+
+    @media (max-width: 600px) {
+        h1 {
+            font-size: 32px;
+            text-align: center;
+            margin-left: 0;
+        }
+    }
+
+    @media (max-width: 400px) {
+        h1 {
+            font-size: 24px;
+            text-align: center;
+            margin-left: 0;
+        }
+    }
+
+    .v-card {
+        border: 2px solid #0e6942;
+        border-radius: 12px;
+    }
 </style>
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 63905a1e..a58434fc 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -6,11 +6,11 @@
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import type { AssignmentResponse } from "@/controllers/assignments.ts";
     import { asyncComputed } from "@vueuse/core";
-    import {useStudentGroupsQuery, useStudentsByUsernamesQuery} from "@/queries/students.ts";
+    import { useStudentGroupsQuery, useStudentsByUsernamesQuery } from "@/queries/students.ts";
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import type { Language } from "@/data-objects/language.ts";
     import { calculateProgress } from "@/utils/assignment-utils.ts";
-    import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
 
     const props = defineProps<{
         classId: string;
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 9c67f596..0fb1ef9d 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,159 +1,156 @@
 <script setup lang="ts">
-import {computed, ref, watch, watchEffect} from "vue";
-import {useI18n} from "vue-i18n";
-import {
-    useAssignmentQuery,
-    useDeleteAssignmentMutation,
-    useUpdateAssignmentMutation,
-} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import type {AssignmentResponse} from "@/controllers/assignments.ts";
-import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
-import GroupProgressRow from "@/components/GroupProgressRow.vue";
-import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
-import GroupSelector from "@/components/assignments/GroupSelector.vue";
-import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
+    import { computed, ref, watch, watchEffect } from "vue";
+    import { useI18n } from "vue-i18n";
+    import {
+        useAssignmentQuery,
+        useDeleteAssignmentMutation,
+        useUpdateAssignmentMutation,
+    } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useGroupsQuery } from "@/queries/groups.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import type { AssignmentResponse } from "@/controllers/assignments.ts";
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
+    import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
+    import GroupProgressRow from "@/components/GroupProgressRow.vue";
+    import type { AssignmentDTO } from "@dwengo-1/common/dist/interfaces/assignment.ts";
+    import GroupSelector from "@/components/assignments/GroupSelector.vue";
+    import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+    }>();
 
-const isEditing = ref(false);
+    const isEditing = ref(false);
 
-const {t} = useI18n();
-const lang = ref();
-const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-const learningPath = ref();
-const form = ref();
+    const { t } = useI18n();
+    const lang = ref();
+    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+    const learningPath = ref();
+    const form = ref();
 
-const editingLearningPath = ref(learningPath);
-const description = ref("");
-const deadline = ref<Date | null>(null);
-const editGroups = ref(false);
+    const editingLearningPath = ref(learningPath);
+    const description = ref("");
+    const deadline = ref<Date | null>(null);
+    const editGroups = ref(false);
 
-const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-// Get learning path object
-const lpQueryResult = useGetLearningPathQuery(
-    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-);
-
-// Get all the groups withing the assignment
-const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-groups.value = groupsQueryResult.data.value?.groups ?? [];
-
-watchEffect(() => {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    if (assignment) {
-        learningPath.value = assignment.learningPath;
-        lang.value = assignment.language as Language;
-        deadline.value = assignment.deadline ? new Date(assignment.deadline) : null;
-
-        if (lpQueryResult.data.value) {
-            editingLearningPath.value = lpQueryResult.data.value;
-        }
-    }
-});
-
-const hasSubmissions = ref<boolean>(false);
-
-
-const allGroups = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return [];
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    // Assign new sequential numbers starting from 1
-    return sortedGroups.map((group, index) => ({
-        groupNo: index + 1, // New group number that will be used
-        name: `${t("group")} ${index + 1}`,
-        members: group.members,
-        originalGroupNo: group.groupNumber
-    }));
-});
-
-const dialog = ref(false);
-const selectedGroup = ref({});
-
-function openGroupDetails(group: object): void {
-    selectedGroup.value = group;
-    dialog.value = true;
-}
-
-
-async function deleteAssignment(num: number, clsId: string): Promise<void> {
-    const {mutate} = useDeleteAssignmentMutation();
-    mutate(
-        {cid: clsId, an: num},
-        {
-            onSuccess: () => {
-                window.location.href = "/user/assignment";
-            },
-        },
+    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+    // Get learning path object
+    const lpQueryResult = useGetLearningPathQuery(
+        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
-}
 
-function goToLearningPathLink(): string | undefined {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    const lp = lpQueryResult.data.value;
+    // Get all the groups withing the assignment
+    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    if (!assignment || !lp) return undefined;
+    watchEffect(() => {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        if (assignment) {
+            learningPath.value = assignment.learningPath;
+            lang.value = assignment.language as Language;
+            deadline.value = assignment.deadline ? new Date(assignment.deadline) : null;
 
-    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+            if (lpQueryResult.data.value) {
+                editingLearningPath.value = lpQueryResult.data.value;
+            }
+        }
+    });
 
-function goToGroupSubmissionLink(groupNo: number): string | undefined {
-    const lp = lpQueryResult.data.value;
-    if (!lp) return undefined;
+    const hasSubmissions = ref<boolean>(false);
 
-    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+    const allGroups = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
+        if (!groups) return [];
 
-watch([isSuccess, data], async ([success, newData]) => {
-    if (success && newData?.assignment) {
-        await assignmentQueryResult.refetch();
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+        // Assign new sequential numbers starting from 1
+        return sortedGroups.map((group, index) => ({
+            groupNo: index + 1, // New group number that will be used
+            name: `${t("group")} ${index + 1}`,
+            members: group.members,
+            originalGroupNo: group.groupNumber,
+        }));
+    });
+
+    const dialog = ref(false);
+    const selectedGroup = ref({});
+
+    function openGroupDetails(group: object): void {
+        selectedGroup.value = group;
+        dialog.value = true;
     }
-});
 
-async function saveChanges(): Promise<void> {
-    const {valid} = await form.value.validate();
-    if (!valid) return;
+    async function deleteAssignment(num: number, clsId: string): Promise<void> {
+        const { mutate } = useDeleteAssignmentMutation();
+        mutate(
+            { cid: clsId, an: num },
+            {
+                onSuccess: () => {
+                    window.location.href = "/user/assignment";
+                },
+            },
+        );
+    }
 
-    isEditing.value = false;
+    function goToLearningPathLink(): string | undefined {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        const lp = lpQueryResult.data.value;
 
-    const assignmentDTO: AssignmentDTO = {
-        description: description.value,
-        deadline: deadline.value ?? null,
-    };
+        if (!assignment || !lp) return undefined;
 
-    mutate({
-        cid: assignmentQueryResult.data.value?.assignment.within,
-        an: assignmentQueryResult.data.value?.assignment.id,
-        data: assignmentDTO,
+        return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    function goToGroupSubmissionLink(groupNo: number): string | undefined {
+        const lp = lpQueryResult.data.value;
+        if (!lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, newData]) => {
+        if (success && newData?.assignment) {
+            await assignmentQueryResult.refetch();
+        }
     });
-}
 
-async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
-    const assignmentDTO: AssignmentDTO = {
-        groups: updatedGroups,
-    };
-    mutate({
-        cid: assignmentQueryResult.data.value?.assignment.within,
-        an: assignmentQueryResult.data.value?.assignment.id,
-        data: assignmentDTO,
-    });
-}
+    async function saveChanges(): Promise<void> {
+        const { valid } = await form.value.validate();
+        if (!valid) return;
 
+        isEditing.value = false;
+
+        const assignmentDTO: AssignmentDTO = {
+            description: description.value,
+            deadline: deadline.value ?? null,
+        };
+
+        mutate({
+            cid: assignmentQueryResult.data.value?.assignment.within,
+            an: assignmentQueryResult.data.value?.assignment.id,
+            data: assignmentDTO,
+        });
+    }
+
+    async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
+        const assignmentDTO: AssignmentDTO = {
+            groups: updatedGroups,
+        };
+        mutate({
+            cid: assignmentQueryResult.data.value?.assignment.within,
+            an: assignmentQueryResult.data.value?.assignment.id,
+            data: assignmentDTO,
+        });
+    }
 </script>
 
 <template>
@@ -220,7 +217,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                                         editingLearningPath = learningPath;
                                                     }
                                                 "
-                                            >{{ t("cancel") }}
+                                                >{{ t("cancel") }}
                                             </v-btn>
 
                                             <v-btn
@@ -250,7 +247,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </div>
                                 </div>
                                 <v-card-title class="text-h4 assignmentTopTitle"
-                                >{{ assignmentResponse.data.assignment.title }}
+                                    >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
                                 <v-card-subtitle class="subtitle-section">
                                     <using-query-result
@@ -275,9 +272,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </using-query-result>
                                 </v-card-subtitle>
                                 <v-card-text v-if="isEditing">
-                                    <deadline-selector
-                                        v-model:deadline="deadline"
-                                    />
+                                    <deadline-selector v-model:deadline="deadline" />
                                 </v-card-text>
                                 <v-card-text
                                     v-if="!isEditing"
@@ -353,66 +348,65 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                         <div class="table-container">
                             <v-table class="table">
                                 <thead>
-                                <tr>
-                                    <th class="header">{{ t("group") }}</th>
-                                    <th class="header">{{ t("progress") }}</th>
-                                    <th class="header">{{ t("submission") }}</th>
-                                    <th class="header">
-                                        <v-btn
-                                            @click="editGroups = true"
-                                            variant="text"
-                                            :disabled="hasSubmissions"
-                                        >
-                                            <v-icon>mdi-pencil</v-icon>
-                                        </v-btn>
-                                    </th>
-                                </tr>
+                                    <tr>
+                                        <th class="header">{{ t("group") }}</th>
+                                        <th class="header">{{ t("progress") }}</th>
+                                        <th class="header">{{ t("submission") }}</th>
+                                        <th class="header">
+                                            <v-btn
+                                                @click="editGroups = true"
+                                                variant="text"
+                                                :disabled="hasSubmissions"
+                                            >
+                                                <v-icon>mdi-pencil</v-icon>
+                                            </v-btn>
+                                        </th>
+                                    </tr>
                                 </thead>
                                 <tbody>
-                                <tr
-                                    v-for="g in allGroups"
-                                    :key="g.originalGroupNo"
-                                >
-                                    <td>
-                                        <v-btn
-                                            variant="text"
-                                        >
-                                            {{ g.name }}
-                                        </v-btn>
-                                    </td>
+                                    <tr
+                                        v-for="g in allGroups"
+                                        :key="g.originalGroupNo"
+                                    >
+                                        <td>
+                                            <v-btn variant="text">
+                                                {{ g.name }}
+                                            </v-btn>
+                                        </td>
 
-                                    <td>
-                                        <GroupProgressRow
-                                            :group-number="g.originalGroupNo"
-                                            :learning-path="learningPath"
-                                            :language="lang"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                        />
-                                    </td>
+                                        <td>
+                                            <GroupProgressRow
+                                                :group-number="g.originalGroupNo"
+                                                :learning-path="learningPath"
+                                                :language="lang"
+                                                :assignment-id="assignmentId"
+                                                :class-id="classId"
+                                            />
+                                        </td>
 
-                                    <td>
-                                        <GroupSubmissionStatus
-                                            :group="g"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                            :language="lang"
-                                            :go-to-group-submission-link="goToGroupSubmissionLink"
-                                            @update:hasSubmission="(hasSubmission) => hasSubmissions = hasSubmission"
+                                        <td>
+                                            <GroupSubmissionStatus
+                                                :group="g"
+                                                :assignment-id="assignmentId"
+                                                :class-id="classId"
+                                                :language="lang"
+                                                :go-to-group-submission-link="goToGroupSubmissionLink"
+                                                @update:hasSubmission="
+                                                    (hasSubmission) => (hasSubmissions = hasSubmission)
+                                                "
+                                            />
+                                        </td>
 
-                                        />
-                                    </td>
-
-                                    <!-- Edit icon -->
-                                    <td>
-                                        <v-btn
-                                            @click="openGroupDetails(g)"
-                                            variant="text"
-                                        >
-                                            <v-icon>mdi-eye</v-icon>
-                                        </v-btn>
-                                    </td>
-                                </tr>
+                                        <!-- Edit icon -->
+                                        <td>
+                                            <v-btn
+                                                @click="openGroupDetails(g)"
+                                                variant="text"
+                                            >
+                                                <v-icon>mdi-eye</v-icon>
+                                            </v-btn>
+                                        </td>
+                                    </tr>
                                 </tbody>
                             </v-table>
                         </div>
@@ -438,148 +432,149 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
 
                         <v-card-actions>
                             <v-spacer></v-spacer>
-                            <v-btn text @click="editGroups = false">
+                            <v-btn
+                                text
+                                @click="editGroups = false"
+                            >
                                 {{ t("cancel") }}
                             </v-btn>
                         </v-card-actions>
                     </v-card>
                 </v-dialog>
-
             </v-container>
         </using-query-result>
     </div>
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.table-scroll {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
+    .table-scroll {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
 
-.header {
-    font-weight: bold !important;
-    background-color: #0e6942;
-    color: white;
-    padding: 10px;
-}
+    .header {
+        font-weight: bold !important;
+        background-color: #0e6942;
+        color: white;
+        padding: 10px;
+    }
 
-table thead th:first-child {
-    border-top-left-radius: 10px;
-}
+    table thead th:first-child {
+        border-top-left-radius: 10px;
+    }
 
-.table thead th:last-child {
-    border-top-right-radius: 10px;
-}
+    .table thead th:last-child {
+        border-top-right-radius: 10px;
+    }
 
-.table tbody tr:nth-child(odd) {
-    background-color: white;
-}
+    .table tbody tr:nth-child(odd) {
+        background-color: white;
+    }
 
-.table tbody tr:nth-child(even) {
-    background-color: #f6faf2;
-}
+    .table tbody tr:nth-child(even) {
+        background-color: #f6faf2;
+    }
 
-td,
-th {
-    border-bottom: 1px solid #0e6942;
-    border-top: 1px solid #0e6942;
-}
+    td,
+    th {
+        border-bottom: 1px solid #0e6942;
+        border-top: 1px solid #0e6942;
+    }
 
-.table {
-    width: 90%;
-    padding-top: 10px;
-    border-collapse: collapse;
-}
+    .table {
+        width: 90%;
+        padding-top: 10px;
+        border-collapse: collapse;
+    }
 
-h1 {
-    color: #0e6942;
-    text-transform: uppercase;
-    font-weight: bolder;
-    padding-top: 2%;
-    font-size: 50px;
-}
-
-h2 {
-    color: #0e6942;
-    font-size: 30px;
-}
-
-.join {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    margin-top: 50px;
-}
-
-.link {
-    color: #0b75bb;
-    text-decoration: underline;
-}
-
-main {
-    margin-left: 30px;
-}
-
-.table-container {
-    width: 100%;
-    overflow-x: visible;
-}
-
-.table {
-    width: 100%;
-    min-width: auto;
-    table-layout: auto;
-}
-
-@media screen and (max-width: 850px) {
     h1 {
-        text-align: center;
-        padding-left: 0;
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 50px;
+    }
+
+    h2 {
+        color: #0e6942;
+        font-size: 30px;
     }
 
     .join {
-        text-align: center;
-        align-items: center;
-        margin-left: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        margin-top: 50px;
     }
 
-    .sheet {
-        width: 100%;
+    .link {
+        color: #0b75bb;
+        text-decoration: underline;
     }
 
     main {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: 5px;
+        margin-left: 30px;
     }
 
-    .custom-breakpoint {
-        flex-direction: column !important;
+    .table-container {
+        width: 100%;
+        overflow-x: visible;
     }
 
     .table {
         width: 100%;
-        display: block;
-        overflow-x: auto;
+        min-width: auto;
+        table-layout: auto;
     }
 
-    .table-container {
-        overflow-x: auto;
+    @media screen and (max-width: 850px) {
+        h1 {
+            text-align: center;
+            padding-left: 0;
+        }
+
+        .join {
+            text-align: center;
+            align-items: center;
+            margin-left: 0;
+        }
+
+        .sheet {
+            width: 100%;
+        }
+
+        main {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            margin: 5px;
+        }
+
+        .custom-breakpoint {
+            flex-direction: column !important;
+        }
+
+        .table {
+            width: 100%;
+            display: block;
+            overflow-x: auto;
+        }
+
+        .table-container {
+            overflow-x: auto;
+        }
+
+        .responsive-col {
+            max-width: 100% !important;
+            flex-basis: 100% !important;
+        }
     }
 
-    .responsive-col {
-        max-width: 100% !important;
-        flex-basis: 100% !important;
+    .group-members-dialog {
+        max-height: 80vh;
+        overflow-y: auto;
     }
-}
-
-.group-members-dialog {
-    max-height: 80vh;
-    overflow-y: auto;
-}
-
 </style>

From 922e5dd0787711ff8f8a126b167e76e186592694 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 00:11:22 +0200
Subject: [PATCH 32/74] feat: meer engels vertalingen

---
 .../src/components/GroupSubmissionStatus.vue  |  2 +-
 frontend/src/i18n/locale/en.json              | 12 ++++-
 .../views/assignments/StudentAssignment.vue   |  9 ++--
 .../views/assignments/TeacherAssignment.vue   | 49 +++++++++++--------
 4 files changed, 45 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/GroupSubmissionStatus.vue b/frontend/src/components/GroupSubmissionStatus.vue
index ca3de9a3..2ae3bda6 100644
--- a/frontend/src/components/GroupSubmissionStatus.vue
+++ b/frontend/src/components/GroupSubmissionStatus.vue
@@ -39,7 +39,7 @@
         v-slot="{ data }: { data: SubmissionsResponse }"
     >
         <v-btn
-            :color="data.submissions.length > 0 ? 'green' : 'red'"
+            :color="data?.submissions?.length > 0 ? 'green' : 'red'"
             variant="text"
             :to="data.submissions.length > 0 ? goToGroupSubmissionLink(props.group.groupNo) : undefined"
             :disabled="data.submissions.length === 0"
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index bf74fc32..a59e82f3 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -172,5 +172,15 @@
     "deadline-invalid": "Invalid date or time.",
     "deadline-past": "The deadline must be in the future.",
     "lp-required": "You must select a learning path.",
-    "lp-invalied": "The selected learning path doesn't exist."
+    "lp-invalid": "The selected learning path doesn't exist.",
+    "currently-no-groups": "There are no groups for this assignment.",
+    "random-grouping": "Randomly create groups",
+    "drag-and-drop": "Manualy create groups",
+    "generate-groups": "generate",
+    "auto-generate-groups": "Create groups of equal size",
+    "preview": "Preview",
+    "current-groups": "Current groups",
+    "group-size-label": "Group size",
+    "save": "Save",
+    "unassigned": "Unassigned"
 }
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 63905a1e..a89e1bda 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -162,12 +162,11 @@
                     </div>
 
                     <div v-else>
-                        <v-alert
-                            type="info"
-                            variant="text"
-                        >
-                            {{ t("not-in-group-message") }}
+                        <v-alert class="empty-message">
+                            <v-icon icon="mdi-information-outline" size="small" />
+                            {{ t("currently-no-groups") }}
                         </v-alert>
+
                     </div>
                 </v-card-text>
             </v-card>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 9c67f596..a90b1d45 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -89,9 +89,9 @@ function openGroupDetails(group: object): void {
 }
 
 
+const deleteAssignmentMutation = useDeleteAssignmentMutation();
 async function deleteAssignment(num: number, clsId: string): Promise<void> {
-    const {mutate} = useDeleteAssignmentMutation();
-    mutate(
+    deleteAssignmentMutation.mutate(
         {cid: clsId, an: num},
         {
             onSuccess: () => {
@@ -183,7 +183,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                         >
                             <v-card
                                 v-if="assignmentResponse"
-                                class="assignment-card"
+                                class="assignment-card-teacher"
                             >
                                 <div class="top-buttons">
                                     <div class="top-buttons-wrapper">
@@ -368,7 +368,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </th>
                                 </tr>
                                 </thead>
-                                <tbody>
+                                <tbody v-if="allGroups.length > 0">
                                 <tr
                                     v-for="g in allGroups"
                                     :key="g.originalGroupNo"
@@ -414,6 +414,16 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </td>
                                 </tr>
                                 </tbody>
+                                <template v-else>
+                                    <tbody>
+                                    <tr>
+                                        <td colspan="4" class="empty-message">
+                                            <v-icon icon="mdi-information-outline" size="small" />
+                                            {{ t("currently-no-groups") }}
+                                        </td>
+                                    </tr>
+                                    </tbody>
+                                </template>
                             </v-table>
                         </div>
                     </v-col>
@@ -453,16 +463,22 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
 <style scoped>
 @import "@/assets/assignment.css";
 
+.assignment-card-teacher {
+    width: 80%;
+    padding: 2%;
+    border-radius: 12px;
+}
+
 .table-scroll {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }
 
 .header {
-    font-weight: bold !important;
+    font-weight: bold;
     background-color: #0e6942;
     color: white;
-    padding: 10px;
+    padding: 5px;
 }
 
 table thead th:first-child {
@@ -487,11 +503,6 @@ th {
     border-top: 1px solid #0e6942;
 }
 
-.table {
-    width: 90%;
-    padding-top: 10px;
-    border-collapse: collapse;
-}
 
 h1 {
     color: #0e6942;
@@ -506,13 +517,6 @@ h2 {
     font-size: 30px;
 }
 
-.join {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    margin-top: 50px;
-}
-
 .link {
     color: #0b75bb;
     text-decoration: underline;
@@ -533,7 +537,7 @@ main {
     table-layout: auto;
 }
 
-@media screen and (max-width: 850px) {
+@media screen and (max-width: 1200px) {
     h1 {
         text-align: center;
         padding-left: 0;
@@ -546,7 +550,7 @@ main {
     }
 
     .sheet {
-        width: 100%;
+        width: 90%;
     }
 
     main {
@@ -575,6 +579,11 @@ main {
         max-width: 100% !important;
         flex-basis: 100% !important;
     }
+
+    .assignment-card-teacher {
+        width: 100%;
+        border-radius: 12px;
+    }
 }
 
 .group-members-dialog {

From 6d9396348a429817395cbbaf82dbd56a18d10b62 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 00:17:11 +0200
Subject: [PATCH 33/74] feat: format

---
 .../views/assignments/StudentAssignment.vue   |   6 +-
 .../views/assignments/TeacherAssignment.vue   | 608 +++++++++---------
 2 files changed, 308 insertions(+), 306 deletions(-)

diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 5e51fba4..15b99939 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -163,10 +163,12 @@
 
                     <div v-else>
                         <v-alert class="empty-message">
-                            <v-icon icon="mdi-information-outline" size="small" />
+                            <v-icon
+                                icon="mdi-information-outline"
+                                size="small"
+                            />
                             {{ t("currently-no-groups") }}
                         </v-alert>
-
                     </div>
                 </v-card-text>
             </v-card>
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index a90b1d45..53769962 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,159 +1,156 @@
 <script setup lang="ts">
-import {computed, ref, watch, watchEffect} from "vue";
-import {useI18n} from "vue-i18n";
-import {
-    useAssignmentQuery,
-    useDeleteAssignmentMutation,
-    useUpdateAssignmentMutation,
-} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import {useGroupsQuery} from "@/queries/groups.ts";
-import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import type {AssignmentResponse} from "@/controllers/assignments.ts";
-import type {GroupDTO, GroupDTOId} from "@dwengo-1/common/interfaces/group";
-import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
-import GroupProgressRow from "@/components/GroupProgressRow.vue";
-import type {AssignmentDTO} from "@dwengo-1/common/dist/interfaces/assignment.ts";
-import GroupSelector from "@/components/assignments/GroupSelector.vue";
-import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
+    import { computed, ref, watch, watchEffect } from "vue";
+    import { useI18n } from "vue-i18n";
+    import {
+        useAssignmentQuery,
+        useDeleteAssignmentMutation,
+        useUpdateAssignmentMutation,
+    } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { useGroupsQuery } from "@/queries/groups.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import type { AssignmentResponse } from "@/controllers/assignments.ts";
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
+    import GroupSubmissionStatus from "@/components/GroupSubmissionStatus.vue";
+    import GroupProgressRow from "@/components/GroupProgressRow.vue";
+    import type { AssignmentDTO } from "@dwengo-1/common/dist/interfaces/assignment.ts";
+    import GroupSelector from "@/components/assignments/GroupSelector.vue";
+    import DeadlineSelector from "@/components/assignments/DeadlineSelector.vue";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+    }>();
 
-const isEditing = ref(false);
+    const isEditing = ref(false);
 
-const {t} = useI18n();
-const lang = ref();
-const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
-const learningPath = ref();
-const form = ref();
+    const { t } = useI18n();
+    const lang = ref();
+    const groups = ref<GroupDTO[] | GroupDTOId[]>([]);
+    const learningPath = ref();
+    const form = ref();
 
-const editingLearningPath = ref(learningPath);
-const description = ref("");
-const deadline = ref<Date | null>(null);
-const editGroups = ref(false);
+    const editingLearningPath = ref(learningPath);
+    const description = ref("");
+    const deadline = ref<Date | null>(null);
+    const editGroups = ref(false);
 
-const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-// Get learning path object
-const lpQueryResult = useGetLearningPathQuery(
-    computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
-    computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
-);
-
-// Get all the groups withing the assignment
-const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
-groups.value = groupsQueryResult.data.value?.groups ?? [];
-
-watchEffect(() => {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    if (assignment) {
-        learningPath.value = assignment.learningPath;
-        lang.value = assignment.language as Language;
-        deadline.value = assignment.deadline ? new Date(assignment.deadline) : null;
-
-        if (lpQueryResult.data.value) {
-            editingLearningPath.value = lpQueryResult.data.value;
-        }
-    }
-});
-
-const hasSubmissions = ref<boolean>(false);
-
-
-const allGroups = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return [];
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    // Assign new sequential numbers starting from 1
-    return sortedGroups.map((group, index) => ({
-        groupNo: index + 1, // New group number that will be used
-        name: `${t("group")} ${index + 1}`,
-        members: group.members,
-        originalGroupNo: group.groupNumber
-    }));
-});
-
-const dialog = ref(false);
-const selectedGroup = ref({});
-
-function openGroupDetails(group: object): void {
-    selectedGroup.value = group;
-    dialog.value = true;
-}
-
-
-const deleteAssignmentMutation = useDeleteAssignmentMutation();
-async function deleteAssignment(num: number, clsId: string): Promise<void> {
-    deleteAssignmentMutation.mutate(
-        {cid: clsId, an: num},
-        {
-            onSuccess: () => {
-                window.location.href = "/user/assignment";
-            },
-        },
+    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
+    // Get learning path object
+    const lpQueryResult = useGetLearningPathQuery(
+        computed(() => assignmentQueryResult.data.value?.assignment?.learningPath ?? ""),
+        computed(() => assignmentQueryResult.data.value?.assignment?.language as Language),
     );
-}
 
-function goToLearningPathLink(): string | undefined {
-    const assignment = assignmentQueryResult.data.value?.assignment;
-    const lp = lpQueryResult.data.value;
+    // Get all the groups withing the assignment
+    const groupsQueryResult = useGroupsQuery(props.classId, props.assignmentId, true);
+    groups.value = groupsQueryResult.data.value?.groups ?? [];
 
-    if (!assignment || !lp) return undefined;
+    watchEffect(() => {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        if (assignment) {
+            learningPath.value = assignment.learningPath;
+            lang.value = assignment.language as Language;
+            deadline.value = assignment.deadline ? new Date(assignment.deadline) : null;
 
-    return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+            if (lpQueryResult.data.value) {
+                editingLearningPath.value = lpQueryResult.data.value;
+            }
+        }
+    });
 
-function goToGroupSubmissionLink(groupNo: number): string | undefined {
-    const lp = lpQueryResult.data.value;
-    if (!lp) return undefined;
+    const hasSubmissions = ref<boolean>(false);
 
-    return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
-}
+    const allGroups = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-const {mutate, data, isSuccess} = useUpdateAssignmentMutation();
+        if (!groups) return [];
 
-watch([isSuccess, data], async ([success, newData]) => {
-    if (success && newData?.assignment) {
-        await assignmentQueryResult.refetch();
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+        // Assign new sequential numbers starting from 1
+        return sortedGroups.map((group, index) => ({
+            groupNo: index + 1, // New group number that will be used
+            name: `${t("group")} ${index + 1}`,
+            members: group.members,
+            originalGroupNo: group.groupNumber,
+        }));
+    });
+
+    const dialog = ref(false);
+    const selectedGroup = ref({});
+
+    function openGroupDetails(group: object): void {
+        selectedGroup.value = group;
+        dialog.value = true;
     }
-});
 
-async function saveChanges(): Promise<void> {
-    const {valid} = await form.value.validate();
-    if (!valid) return;
+    const deleteAssignmentMutation = useDeleteAssignmentMutation();
+    async function deleteAssignment(num: number, clsId: string): Promise<void> {
+        deleteAssignmentMutation.mutate(
+            { cid: clsId, an: num },
+            {
+                onSuccess: () => {
+                    window.location.href = "/user/assignment";
+                },
+            },
+        );
+    }
 
-    isEditing.value = false;
+    function goToLearningPathLink(): string | undefined {
+        const assignment = assignmentQueryResult.data.value?.assignment;
+        const lp = lpQueryResult.data.value;
 
-    const assignmentDTO: AssignmentDTO = {
-        description: description.value,
-        deadline: deadline.value ?? null,
-    };
+        if (!assignment || !lp) return undefined;
 
-    mutate({
-        cid: assignmentQueryResult.data.value?.assignment.within,
-        an: assignmentQueryResult.data.value?.assignment.id,
-        data: assignmentDTO,
+        return `/learningPath/${lp.hruid}/${assignment.language}/${lp.startNode.learningobjectHruid}?assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    function goToGroupSubmissionLink(groupNo: number): string | undefined {
+        const lp = lpQueryResult.data.value;
+        if (!lp) return undefined;
+
+        return `/learningPath/${lp.hruid}/${lp.language}/${lp.startNode.learningobjectHruid}?forGroup=${groupNo}&assignmentNo=${props.assignmentId}&classId=${props.classId}`;
+    }
+
+    const { mutate, data, isSuccess } = useUpdateAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, newData]) => {
+        if (success && newData?.assignment) {
+            await assignmentQueryResult.refetch();
+        }
     });
-}
 
-async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
-    const assignmentDTO: AssignmentDTO = {
-        groups: updatedGroups,
-    };
-    mutate({
-        cid: assignmentQueryResult.data.value?.assignment.within,
-        an: assignmentQueryResult.data.value?.assignment.id,
-        data: assignmentDTO,
-    });
-}
+    async function saveChanges(): Promise<void> {
+        const { valid } = await form.value.validate();
+        if (!valid) return;
 
+        isEditing.value = false;
+
+        const assignmentDTO: AssignmentDTO = {
+            description: description.value,
+            deadline: deadline.value ?? null,
+        };
+
+        mutate({
+            cid: assignmentQueryResult.data.value?.assignment.within,
+            an: assignmentQueryResult.data.value?.assignment.id,
+            data: assignmentDTO,
+        });
+    }
+
+    async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
+        const assignmentDTO: AssignmentDTO = {
+            groups: updatedGroups,
+        };
+        mutate({
+            cid: assignmentQueryResult.data.value?.assignment.within,
+            an: assignmentQueryResult.data.value?.assignment.id,
+            data: assignmentDTO,
+        });
+    }
 </script>
 
 <template>
@@ -220,7 +217,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                                         editingLearningPath = learningPath;
                                                     }
                                                 "
-                                            >{{ t("cancel") }}
+                                                >{{ t("cancel") }}
                                             </v-btn>
 
                                             <v-btn
@@ -250,7 +247,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </div>
                                 </div>
                                 <v-card-title class="text-h4 assignmentTopTitle"
-                                >{{ assignmentResponse.data.assignment.title }}
+                                    >{{ assignmentResponse.data.assignment.title }}
                                 </v-card-title>
                                 <v-card-subtitle class="subtitle-section">
                                     <using-query-result
@@ -275,9 +272,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                                     </using-query-result>
                                 </v-card-subtitle>
                                 <v-card-text v-if="isEditing">
-                                    <deadline-selector
-                                        v-model:deadline="deadline"
-                                    />
+                                    <deadline-selector v-model:deadline="deadline" />
                                 </v-card-text>
                                 <v-card-text
                                     v-if="!isEditing"
@@ -353,75 +348,80 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
                         <div class="table-container">
                             <v-table class="table">
                                 <thead>
-                                <tr>
-                                    <th class="header">{{ t("group") }}</th>
-                                    <th class="header">{{ t("progress") }}</th>
-                                    <th class="header">{{ t("submission") }}</th>
-                                    <th class="header">
-                                        <v-btn
-                                            @click="editGroups = true"
-                                            variant="text"
-                                            :disabled="hasSubmissions"
-                                        >
-                                            <v-icon>mdi-pencil</v-icon>
-                                        </v-btn>
-                                    </th>
-                                </tr>
+                                    <tr>
+                                        <th class="header">{{ t("group") }}</th>
+                                        <th class="header">{{ t("progress") }}</th>
+                                        <th class="header">{{ t("submission") }}</th>
+                                        <th class="header">
+                                            <v-btn
+                                                @click="editGroups = true"
+                                                variant="text"
+                                                :disabled="hasSubmissions"
+                                            >
+                                                <v-icon>mdi-pencil</v-icon>
+                                            </v-btn>
+                                        </th>
+                                    </tr>
                                 </thead>
                                 <tbody v-if="allGroups.length > 0">
-                                <tr
-                                    v-for="g in allGroups"
-                                    :key="g.originalGroupNo"
-                                >
-                                    <td>
-                                        <v-btn
-                                            variant="text"
-                                        >
-                                            {{ g.name }}
-                                        </v-btn>
-                                    </td>
+                                    <tr
+                                        v-for="g in allGroups"
+                                        :key="g.originalGroupNo"
+                                    >
+                                        <td>
+                                            <v-btn variant="text">
+                                                {{ g.name }}
+                                            </v-btn>
+                                        </td>
 
-                                    <td>
-                                        <GroupProgressRow
-                                            :group-number="g.originalGroupNo"
-                                            :learning-path="learningPath"
-                                            :language="lang"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                        />
-                                    </td>
+                                        <td>
+                                            <GroupProgressRow
+                                                :group-number="g.originalGroupNo"
+                                                :learning-path="learningPath"
+                                                :language="lang"
+                                                :assignment-id="assignmentId"
+                                                :class-id="classId"
+                                            />
+                                        </td>
 
-                                    <td>
-                                        <GroupSubmissionStatus
-                                            :group="g"
-                                            :assignment-id="assignmentId"
-                                            :class-id="classId"
-                                            :language="lang"
-                                            :go-to-group-submission-link="goToGroupSubmissionLink"
-                                            @update:hasSubmission="(hasSubmission) => hasSubmissions = hasSubmission"
+                                        <td>
+                                            <GroupSubmissionStatus
+                                                :group="g"
+                                                :assignment-id="assignmentId"
+                                                :class-id="classId"
+                                                :language="lang"
+                                                :go-to-group-submission-link="goToGroupSubmissionLink"
+                                                @update:hasSubmission="
+                                                    (hasSubmission) => (hasSubmissions = hasSubmission)
+                                                "
+                                            />
+                                        </td>
 
-                                        />
-                                    </td>
-
-                                    <!-- Edit icon -->
-                                    <td>
-                                        <v-btn
-                                            @click="openGroupDetails(g)"
-                                            variant="text"
-                                        >
-                                            <v-icon>mdi-eye</v-icon>
-                                        </v-btn>
-                                    </td>
-                                </tr>
+                                        <!-- Edit icon -->
+                                        <td>
+                                            <v-btn
+                                                @click="openGroupDetails(g)"
+                                                variant="text"
+                                            >
+                                                <v-icon>mdi-eye</v-icon>
+                                            </v-btn>
+                                        </td>
+                                    </tr>
                                 </tbody>
                                 <template v-else>
                                     <tbody>
-                                    <tr>
-                                        <td colspan="4" class="empty-message">
-                                            <v-icon icon="mdi-information-outline" size="small" />
-                                            {{ t("currently-no-groups") }}
-                                        </td>
-                                    </tr>
+                                        <tr>
+                                            <td
+                                                colspan="4"
+                                                class="empty-message"
+                                            >
+                                                <v-icon
+                                                    icon="mdi-information-outline"
+                                                    size="small"
+                                                />
+                                                {{ t("currently-no-groups") }}
+                                            </td>
+                                        </tr>
                                     </tbody>
                                 </template>
                             </v-table>
@@ -448,147 +448,147 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
 
                         <v-card-actions>
                             <v-spacer></v-spacer>
-                            <v-btn text @click="editGroups = false">
+                            <v-btn
+                                text
+                                @click="editGroups = false"
+                            >
                                 {{ t("cancel") }}
                             </v-btn>
                         </v-card-actions>
                     </v-card>
                 </v-dialog>
-
             </v-container>
         </using-query-result>
     </div>
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.assignment-card-teacher {
-    width: 80%;
-    padding: 2%;
-    border-radius: 12px;
-}
+    .assignment-card-teacher {
+        width: 80%;
+        padding: 2%;
+        border-radius: 12px;
+    }
 
-.table-scroll {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
+    .table-scroll {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
 
-.header {
-    font-weight: bold;
-    background-color: #0e6942;
-    color: white;
-    padding: 5px;
-}
+    .header {
+        font-weight: bold;
+        background-color: #0e6942;
+        color: white;
+        padding: 5px;
+    }
 
-table thead th:first-child {
-    border-top-left-radius: 10px;
-}
+    table thead th:first-child {
+        border-top-left-radius: 10px;
+    }
 
-.table thead th:last-child {
-    border-top-right-radius: 10px;
-}
+    .table thead th:last-child {
+        border-top-right-radius: 10px;
+    }
 
-.table tbody tr:nth-child(odd) {
-    background-color: white;
-}
+    .table tbody tr:nth-child(odd) {
+        background-color: white;
+    }
 
-.table tbody tr:nth-child(even) {
-    background-color: #f6faf2;
-}
+    .table tbody tr:nth-child(even) {
+        background-color: #f6faf2;
+    }
 
-td,
-th {
-    border-bottom: 1px solid #0e6942;
-    border-top: 1px solid #0e6942;
-}
+    td,
+    th {
+        border-bottom: 1px solid #0e6942;
+        border-top: 1px solid #0e6942;
+    }
 
-
-h1 {
-    color: #0e6942;
-    text-transform: uppercase;
-    font-weight: bolder;
-    padding-top: 2%;
-    font-size: 50px;
-}
-
-h2 {
-    color: #0e6942;
-    font-size: 30px;
-}
-
-.link {
-    color: #0b75bb;
-    text-decoration: underline;
-}
-
-main {
-    margin-left: 30px;
-}
-
-.table-container {
-    width: 100%;
-    overflow-x: visible;
-}
-
-.table {
-    width: 100%;
-    min-width: auto;
-    table-layout: auto;
-}
-
-@media screen and (max-width: 1200px) {
     h1 {
-        text-align: center;
-        padding-left: 0;
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 50px;
     }
 
-    .join {
-        text-align: center;
-        align-items: center;
-        margin-left: 0;
+    h2 {
+        color: #0e6942;
+        font-size: 30px;
     }
 
-    .sheet {
-        width: 90%;
+    .link {
+        color: #0b75bb;
+        text-decoration: underline;
     }
 
     main {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: 5px;
+        margin-left: 30px;
     }
 
-    .custom-breakpoint {
-        flex-direction: column !important;
+    .table-container {
+        width: 100%;
+        overflow-x: visible;
     }
 
     .table {
         width: 100%;
-        display: block;
-        overflow-x: auto;
+        min-width: auto;
+        table-layout: auto;
     }
 
-    .table-container {
-        overflow-x: auto;
+    @media screen and (max-width: 1200px) {
+        h1 {
+            text-align: center;
+            padding-left: 0;
+        }
+
+        .join {
+            text-align: center;
+            align-items: center;
+            margin-left: 0;
+        }
+
+        .sheet {
+            width: 90%;
+        }
+
+        main {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            margin: 5px;
+        }
+
+        .custom-breakpoint {
+            flex-direction: column !important;
+        }
+
+        .table {
+            width: 100%;
+            display: block;
+            overflow-x: auto;
+        }
+
+        .table-container {
+            overflow-x: auto;
+        }
+
+        .responsive-col {
+            max-width: 100% !important;
+            flex-basis: 100% !important;
+        }
+
+        .assignment-card-teacher {
+            width: 100%;
+            border-radius: 12px;
+        }
     }
 
-    .responsive-col {
-        max-width: 100% !important;
-        flex-basis: 100% !important;
+    .group-members-dialog {
+        max-height: 80vh;
+        overflow-y: auto;
     }
-
-    .assignment-card-teacher {
-        width: 100%;
-        border-radius: 12px;
-    }
-}
-
-.group-members-dialog {
-    max-height: 80vh;
-    overflow-y: auto;
-}
-
 </style>

From 6b84fca5b6903150184c573c2f223ea6358ad4cf Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 02:12:41 +0200
Subject: [PATCH 34/74] fix(frontend): ellipsis bevestigingsdialoog logout

---
 frontend/src/components/MenuBar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 88b757b7..29b7376d 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -149,7 +149,8 @@
             </template>
 
             <template v-slot:default="{ isActive }">
-                <v-card :title="t('logoutVerification')">
+                <v-card>
+                    <v-card-title class="logout-verification-title">{{ t('logoutVerification')  }}</v-card-title>
                     <v-card-actions>
                         <v-spacer></v-spacer>
 
@@ -298,6 +299,13 @@
         margin-left: 10px;
     }
 
+    .logout-verification-title {
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        white-space: normal;
+        text-overflow: unset;
+    }
+
     @media (max-width: 700px) {
         .menu {
             display: none;

From c9643f898a62afe75ac3778b1f6f4c61a3c7de1b Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 00:19:50 +0000
Subject: [PATCH 35/74] style: fix linting issues met Prettier

---
 frontend/src/components/MenuBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 29b7376d..7879af45 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -150,7 +150,7 @@
 
             <template v-slot:default="{ isActive }">
                 <v-card>
-                    <v-card-title class="logout-verification-title">{{ t('logoutVerification')  }}</v-card-title>
+                    <v-card-title class="logout-verification-title">{{ t("logoutVerification") }}</v-card-title>
                     <v-card-actions>
                         <v-spacer></v-spacer>
 

From 149e4e80fc14fa10c63d1c97515872ea1febabc0 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 09:24:02 +0200
Subject: [PATCH 36/74] fix: 403 error bij het opvragen van een opdracht

---
 .../views/assignments/StudentAssignment.vue   | 169 ++++----
 .../src/views/assignments/UserAssignments.vue | 377 +++++++++---------
 2 files changed, 277 insertions(+), 269 deletions(-)

diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 15b99939..e9b90573 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,90 +1,103 @@
 <script setup lang="ts">
-    import { ref, computed, watchEffect } from "vue";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useI18n } from "vue-i18n";
-    import { useAssignmentQuery } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import type { AssignmentResponse } from "@/controllers/assignments.ts";
-    import { asyncComputed } from "@vueuse/core";
-    import { useStudentGroupsQuery, useStudentsByUsernamesQuery } from "@/queries/students.ts";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import type { Language } from "@/data-objects/language.ts";
-    import { calculateProgress } from "@/utils/assignment-utils.ts";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+import {ref, computed, watchEffect} from "vue";
+import auth from "@/services/auth/auth-service.ts";
+import {useI18n} from "vue-i18n";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import type {AssignmentsResponse} from "@/controllers/assignments.ts";
+import {asyncComputed} from "@vueuse/core";
+import {
+    useStudentAssignmentsQuery,
+    useStudentGroupsQuery,
+    useStudentsByUsernamesQuery
+} from "@/queries/students.ts";
+import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
+import type {Language} from "@/data-objects/language.ts";
+import {calculateProgress} from "@/utils/assignment-utils.ts";
+import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
 
-    const props = defineProps<{
-        classId: string;
-        assignmentId: number;
-    }>();
+const props = defineProps<{
+    classId: string;
+    assignmentId: number;
+}>();
 
-    const { t } = useI18n();
-    const lang = ref();
-    const learningPath = ref();
-    // Get the user's username/id
-    const username = asyncComputed(async () => {
-        const user = await auth.loadUser();
-        return user?.profile?.preferred_username ?? undefined;
-    });
+const {t} = useI18n();
+const lang = ref();
+const learningPath = ref();
+// Get the user's username/id
+const username = asyncComputed(async () => {
+    const user = await auth.loadUser();
+    return user?.profile?.preferred_username ?? undefined;
+});
 
-    const assignmentQueryResult = useAssignmentQuery(() => props.classId, props.assignmentId);
-    learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
+const assignmentsQueryResult = useStudentAssignmentsQuery(username, true);
 
-    const groupsQueryResult = useStudentGroupsQuery(username, true);
-    const group = computed(() => {
-        const groups = groupsQueryResult.data.value?.groups;
+const assignment = computed(() => {
+    const assignments = assignmentsQueryResult.data.value?.assignments;
+    if (!assignments) return undefined;
 
-        if (!groups) return undefined;
-
-        // Sort by original groupNumber
-        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-        return sortedGroups
-            .map((group, index) => ({
-                ...group,
-                groupNo: index + 1, // Renumbered index
-            }))
-            .find((group) => group.members?.some((m) => m.username === username.value));
-    });
-
-    watchEffect(() => {
-        learningPath.value = assignmentQueryResult.data.value?.assignment?.learningPath;
-        lang.value = assignmentQueryResult.data.value?.assignment?.language as Language;
-    });
-
-    const learningPathParams = computed(() => {
-        if (!group.value || !learningPath.value || !lang.value) return undefined;
-
-        return {
-            forGroup: group.value.groupNumber,
-            assignmentNo: props.assignmentId,
-            classId: props.classId,
-        };
-    });
-
-    const lpQueryResult = useGetLearningPathQuery(
-        () => learningPath.value,
-        () => lang.value,
-        () => learningPathParams.value,
+    return assignments.find(
+        (a) => a.id === props.assignmentId && a.within === props.classId
     );
+});
 
-    const progressColor = computed(() => {
-        const progress = calculateProgress(lpQueryResult.data.value as LearningPath);
-        if (progress >= 100) return "success";
-        if (progress >= 50) return "warning";
-        return "error";
-    });
 
-    const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members as string[]) ?? undefined);
+learningPath.value = assignment.value?.learningPath;
+
+const groupsQueryResult = useStudentGroupsQuery(username, true);
+const group = computed(() => {
+    const groups = groupsQueryResult.data.value?.groups;
+
+    if (!groups) return undefined;
+
+    // Sort by original groupNumber
+    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
+
+    return sortedGroups
+        .map((group, index) => ({
+            ...group,
+            groupNo: index + 1, // Renumbered index
+        }))
+        .find((group) => group.members?.some((m) => m.username === username.value));
+});
+
+watchEffect(() => {
+    learningPath.value = assignment.value?.learningPath;
+    lang.value = assignment.value?.language as Language;
+});
+
+const learningPathParams = computed(() => {
+    if (!group.value || !learningPath.value || !lang.value) return undefined;
+
+    return {
+        forGroup: group.value.groupNumber,
+        assignmentNo: props.assignmentId,
+        classId: props.classId,
+    };
+});
+
+const lpQueryResult = useGetLearningPathQuery(
+    () => learningPath.value,
+    () => lang.value,
+    () => learningPathParams.value,
+);
+
+const progressColor = computed(() => {
+    const progress = calculateProgress(lpQueryResult.data.value as LearningPath);
+    if (progress >= 100) return "success";
+    if (progress >= 50) return "warning";
+    return "error";
+});
+
+const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members as string[]) ?? undefined);
 </script>
 
 <template>
     <div class="container">
         <using-query-result
-            :query-result="assignmentQueryResult"
-            v-slot="assignmentResponse: { data: AssignmentResponse }"
+            :query-result="assignmentsQueryResult"
         >
             <v-card
-                v-if="assignmentResponse"
+                v-if="assignment"
                 class="assignment-card"
             >
                 <div class="top-buttons">
@@ -98,7 +111,7 @@
                     </v-btn>
                 </div>
                 <v-card-title class="text-h4 assignmentTopTitle"
-                    >{{ assignmentResponse.data.assignment.title }}
+                >{{ assignment.title }}
                 </v-card-title>
 
                 <v-card-subtitle class="subtitle-section">
@@ -110,7 +123,7 @@
                             v-if="lpData"
                             :to="
                                 group
-                                    ? `/learningPath/${lpData.hruid}/${assignmentResponse.data.assignment?.language}/${lpData.startNode.learningobjectHruid}?forGroup=${0}&assignmentNo=${assignmentId}&classId=${classId}`
+                                    ? `/learningPath/${lpData.hruid}/${assignment.language}/${lpData.startNode.learningobjectHruid}?forGroup=${group.groupNo}&assignmentNo=${assignment.id}&classId=${assignment.within}`
                                     : undefined
                             "
                             :disabled="!group"
@@ -123,7 +136,7 @@
                 </v-card-subtitle>
 
                 <v-card-text class="description">
-                    {{ assignmentResponse.data.assignment.description }}
+                    {{ assignment.description }}
                 </v-card-text>
                 <v-card-text>
                     <v-card-text>
@@ -177,9 +190,9 @@
 </template>
 
 <style scoped>
-    @import "@/assets/assignment.css";
+@import "@/assets/assignment.css";
 
-    .progress-bar {
-        width: 40%;
-    }
+.progress-bar {
+    width: 40%;
+}
 </style>
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index a5ca6f6f..d8765ab0 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,143 +1,139 @@
 <script setup lang="ts">
-    import { ref, computed, onMounted, watch } from "vue";
-    import { useI18n } from "vue-i18n";
-    import { useRouter } from "vue-router";
-    import authState from "@/services/auth/auth-service.ts";
-    import auth from "@/services/auth/auth-service.ts";
-    import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
-    import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
-    import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { asyncComputed } from "@vueuse/core";
+import {ref, computed, onMounted, watch} from "vue";
+import {useI18n} from "vue-i18n";
+import {useRouter} from "vue-router";
+import authState from "@/services/auth/auth-service.ts";
+import auth from "@/services/auth/auth-service.ts";
+import {useTeacherAssignmentsQuery, useTeacherClassesQuery} from "@/queries/teachers.ts";
+import {useStudentAssignmentsQuery, useStudentClassesQuery} from "@/queries/students.ts";
+import {useDeleteAssignmentMutation} from "@/queries/assignments.ts";
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
 
-    const { t, locale } = useI18n();
-    const router = useRouter();
+const {t, locale} = useI18n();
+const router = useRouter();
 
-    const role = ref(auth.authState.activeRole);
-    const username = ref<string | undefined>(undefined);
-    const isLoading = ref(false);
-    const isError = ref(false);
-    const errorMessage = ref<string>("");
+const role = ref(auth.authState.activeRole);
+const isTeacher = computed(() => role.value === "teacher");
+const username = ref<string | undefined>(undefined);
+const isLoading = ref(false);
+const isError = ref(false);
+const errorMessage = ref<string>("");
 
-    // Load current user before rendering the page
-    onMounted(async () => {
-        isLoading.value = true;
-        try {
-            const userObject = await authState.loadUser();
-            username.value = userObject!.profile.preferred_username;
-        } catch (error) {
-            isError.value = true;
-            errorMessage.value = error instanceof Error ? error.message : String(error);
-        } finally {
-            isLoading.value = false;
-        }
+// Load current user before rendering the page
+onMounted(async () => {
+    isLoading.value = true;
+    try {
+        const userObject = await authState.loadUser();
+        username.value = userObject!.profile.preferred_username;
+    } catch (error) {
+        isError.value = true;
+        errorMessage.value = error instanceof Error ? error.message : String(error);
+    } finally {
+        isLoading.value = false;
+    }
+});
+
+const classesQueryResult = isTeacher.value
+    ? useTeacherClassesQuery(username, true)
+    : useStudentClassesQuery(username, true);
+
+const assignmentsQueryResult = isTeacher.value
+    ? useTeacherAssignmentsQuery(username, true)
+    : useStudentAssignmentsQuery(username, true);
+
+const allAssignments = computed(() => {
+    const assignments = assignmentsQueryResult.data.value?.assignments;
+    if (!assignments) return [];
+
+    const classes = classesQueryResult.data.value?.classes;
+    if (!classes) return [];
+
+    const result = assignments.map((a) => ({
+        id: a.id,
+        class: classes.find((cls) => cls?.id === a.within) ?? undefined,
+        title: a.title,
+        description: a.description,
+        learningPath: a.learningPath,
+        language: a.language,
+        deadline: a.deadline,
+        groups: a.groups,
+    }));
+
+    // Order the assignments by deadline
+    return result.flat().sort((a, b) => {
+        const now = Date.now();
+        const aTime = new Date(a.deadline).getTime();
+        const bTime = new Date(b.deadline).getTime();
+
+        const aIsPast = aTime < now;
+        const bIsPast = bTime < now;
+
+        if (aIsPast && !bIsPast) return 1;
+        if (!aIsPast && bIsPast) return -1;
+
+        return aTime - bTime;
     });
+});
 
-    const isTeacher = computed(() => role.value === "teacher");
-    const classesQueryResult = isTeacher.value
-        ? useTeacherClassesQuery(username, true)
-        : useStudentClassesQuery(username, true);
 
-    const assignmentsQueryResult = isTeacher.value
-        ? useTeacherAssignmentsQuery(username, true)
-        : useStudentAssignmentsQuery(username, true);
+async function goToCreateAssignment(): Promise<void> {
+    await router.push("/assignment/create");
+}
 
-    const allAssignments = asyncComputed(
-        async () => {
-            const assignments = assignmentsQueryResult.data.value?.assignments;
-            if (!assignments) return [];
+async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
+    await router.push(`/assignment/${clsId}/${id}`);
+}
 
-            const classes = classesQueryResult.data.value?.classes;
-            if (!classes) return [];
+const {mutate, data, isSuccess} = useDeleteAssignmentMutation();
 
-            const result = assignments.map((a) => ({
-                id: a.id,
-                class: classes.find((cls) => cls?.id === a.within) ?? undefined,
-                title: a.title,
-                description: a.description,
-                learningPath: a.learningPath,
-                language: a.language,
-                deadline: a.deadline,
-                groups: a.groups,
-            }));
-
-            // Order the assignments by deadline
-            return result.flat().sort((a, b) => {
-                const now = Date.now();
-                const aTime = new Date(a.deadline).getTime();
-                const bTime = new Date(b.deadline).getTime();
-
-                const aIsPast = aTime < now;
-                const bIsPast = bTime < now;
-
-                if (aIsPast && !bIsPast) return 1;
-                if (!aIsPast && bIsPast) return -1;
-
-                return aTime - bTime;
-            });
-        },
-        [],
-        { evaluating: true },
-    );
-
-    async function goToCreateAssignment(): Promise<void> {
-        await router.push("/assignment/create");
+watch([isSuccess, data], async ([success, oldData]) => {
+    if (success && oldData?.assignment) {
+        window.location.reload();
     }
+});
 
-    async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
-        await router.push(`/assignment/${clsId}/${id}`);
-    }
+async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
+    mutate({cid: clsId, an: num});
+}
 
-    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
+function formatDate(date?: string | Date): string {
+    if (!date) return "–";
+    const d = new Date(date);
 
-    watch([isSuccess, data], async ([success, oldData]) => {
-        if (success && oldData?.assignment) {
-            window.location.reload();
-        }
+    // Choose locale based on selected language
+    const currentLocale = locale.value;
+
+    return d.toLocaleDateString(currentLocale, {
+        weekday: "short",
+        day: "2-digit",
+        month: "long",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
     });
+}
 
-    async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate({ cid: clsId, an: num });
-    }
+function getDeadlineClass(deadline?: string | Date): string {
+    if (!deadline) return "";
 
-    function formatDate(date?: string | Date): string {
-        if (!date) return "–";
-        const d = new Date(date);
+    const date = new Date(deadline);
+    const now = new Date();
+    const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
 
-        // Choose locale based on selected language
-        const currentLocale = locale.value;
+    if (date.getTime() < now.getTime()) return "deadline-passed";
+    if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
+    return "deadline-upcoming";
+}
 
-        return d.toLocaleDateString(currentLocale, {
-            weekday: "short",
-            day: "2-digit",
-            month: "long",
-            year: "numeric",
-            hour: "numeric",
-            minute: "2-digit",
-        });
-    }
+onMounted(async () => {
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
 
-    function getDeadlineClass(deadline?: string | Date): string {
-        if (!deadline) return "";
-
-        const date = new Date(deadline);
-        const now = new Date();
-        const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
-
-        if (date.getTime() < now.getTime()) return "deadline-passed";
-        if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
-        return "deadline-upcoming";
-    }
-
-    onMounted(async () => {
-        const user = await auth.loadUser();
-        username.value = user?.profile?.preferred_username ?? "";
-    });
-
-    onMounted(async () => {
-        const user = await auth.loadUser();
-        username.value = user?.profile?.preferred_username ?? "";
-    });
+onMounted(async () => {
+    const user = await auth.loadUser();
+    username.value = user?.profile?.preferred_username ?? "";
+});
 </script>
 
 <template>
@@ -214,88 +210,87 @@
 </template>
 
 <style scoped>
-    .assignments-container {
-        width: 100%;
-        margin: 0 auto;
-        box-sizing: border-box;
-    }
+.assignments-container {
+    width: 100%;
+    margin: 0 auto;
+    box-sizing: border-box;
+}
 
-    .center-btn {
-        display: block;
-        margin: 0 auto 2rem auto;
-        font-weight: 600;
-        background-color: #10ad61;
-        color: white;
-        transition: background-color 0.2s;
-    }
+.center-btn {
+    display: block;
+    margin: 0 auto 2rem auto;
+    font-weight: 600;
+    background-color: #10ad61;
+    color: white;
+    transition: background-color 0.2s;
+}
 
-    .center-btn:hover {
-        background-color: #0e6942;
-    }
+.center-btn:hover {
+    background-color: #0e6942;
+}
 
-    .assignment-card {
-        padding: 1.25rem;
-        border-radius: 16px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-        background-color: white;
-        transition:
-            transform 0.2s,
-            box-shadow 0.2s;
-    }
+.assignment-card {
+    padding: 1.25rem;
+    border-radius: 16px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    background-color: white;
+    transition: transform 0.2s,
+    box-shadow 0.2s;
+}
 
-    .assignment-card:hover {
-        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
-    }
+.assignment-card:hover {
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+}
 
-    .top-content {
-        margin-bottom: 1rem;
-        word-break: break-word;
-    }
+.top-content {
+    margin-bottom: 1rem;
+    word-break: break-word;
+}
 
-    .assignment-title {
-        font-weight: 700;
-        font-size: 1.4rem;
-        color: #0e6942;
-        margin-bottom: 0.3rem;
-    }
+.assignment-title {
+    font-weight: 700;
+    font-size: 1.4rem;
+    color: #0e6942;
+    margin-bottom: 0.3rem;
+}
 
-    .assignment-class,
-    .assignment-deadline {
-        font-size: 0.95rem;
-        color: #444;
-        margin-bottom: 0.2rem;
-    }
+.assignment-class,
+.assignment-deadline {
+    font-size: 0.95rem;
+    color: #444;
+    margin-bottom: 0.2rem;
+}
 
-    .class-name {
-        font-weight: 600;
-        color: #097180;
-    }
+.class-name {
+    font-weight: 600;
+    color: #097180;
+}
 
-    .assignment-deadline.deadline-passed {
-        color: #d32f2f;
-        font-weight: bold;
-    }
+.assignment-deadline.deadline-passed {
+    color: #d32f2f;
+    font-weight: bold;
+}
 
-    .assignment-deadline.deadline-in24hours {
-        color: #f57c00;
-        font-weight: bold;
-    }
+.assignment-deadline.deadline-in24hours {
+    color: #f57c00;
+    font-weight: bold;
+}
 
-    .spacer {
-        flex: 1;
-    }
+.spacer {
+    flex: 1;
+}
 
-    .button-row {
-        display: flex;
-        justify-content: flex-end;
-        gap: 0.75rem;
-        flex-wrap: wrap;
-    }
+.button-row {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+}
 
-    .no-assignments {
-        text-align: center;
-        font-size: 1.2rem;
-        color: #777;
-        padding: 3rem 0;
-    }
+.no-assignments {
+    text-align: center;
+    font-size: 1.2rem;
+    color: #777;
+    padding: 3rem 0;
+}
 </style>

From 6d62d8f58638ec2630021440abb6bf0b6b300ea9 Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sun, 18 May 2025 10:33:13 +0200
Subject: [PATCH 37/74] fix: authorizatie in submissions gefixt

---
 .../middleware/auth/checks/submission-checks.ts | 17 +++++++++++++++++
 backend/src/routes/submissions.ts               |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index 893371c2..bb0ad021 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -7,6 +7,9 @@ import { authorize } from './auth-checks.js';
 import { FALLBACK_LANG } from '../../../config.js';
 import { mapToUsername } from '../../../interfaces/user.js';
 import { AccountType } from '@dwengo-1/common/util/account-types';
+import { fetchClass } from '../../../services/classes.js';
+import { fetchGroup } from '../../../services/groups.js';
+import { requireFields } from '../../../controllers/error-helper.js';
 
 export const onlyAllowSubmitter = authorize(
     (auth: AuthenticationInfo, req: AuthenticatedRequest) => (req.body as { submitter: string }).submitter === auth.username
@@ -26,3 +29,17 @@ export const onlyAllowIfHasAccessToSubmission = authorize(async (auth: Authentic
 
     return submission.onBehalfOf.members.map(mapToUsername).includes(auth.username);
 });
+
+export const onlyAllowIfHasAccessToSubmissionFromParams = authorize(async (auth: AuthenticationInfo, req: AuthenticatedRequest) => {
+    const { classId, assignmentId, groupId } = req.params;
+
+    requireFields({ classId, assignmentId, groupId });
+    
+    if (auth.accountType === AccountType.Teacher) {
+        const cls = await fetchClass(classId);
+        return cls.teachers.map(mapToUsername).includes(auth.username);
+    }
+
+    const group = await fetchGroup(classId, +assignmentId, +groupId);
+    return group.members.map(mapToUsername).includes(auth.username);
+});
\ No newline at end of file
diff --git a/backend/src/routes/submissions.ts b/backend/src/routes/submissions.ts
index 88309ce8..7dfa80f3 100644
--- a/backend/src/routes/submissions.ts
+++ b/backend/src/routes/submissions.ts
@@ -1,10 +1,10 @@
 import express from 'express';
 import { createSubmissionHandler, deleteSubmissionHandler, getSubmissionHandler, getSubmissionsHandler } from '../controllers/submissions.js';
-import { onlyAllowIfHasAccessToSubmission, onlyAllowSubmitter } from '../middleware/auth/checks/submission-checks.js';
+import { onlyAllowIfHasAccessToSubmission, onlyAllowIfHasAccessToSubmissionFromParams, onlyAllowSubmitter } from '../middleware/auth/checks/submission-checks.js';
 import { adminOnly, studentsOnly } from '../middleware/auth/checks/auth-checks.js';
 const router = express.Router({ mergeParams: true });
 
-router.get('/', adminOnly, getSubmissionsHandler);
+router.get('/', onlyAllowIfHasAccessToSubmissionFromParams, getSubmissionsHandler);
 
 router.post('/', studentsOnly, onlyAllowSubmitter, createSubmissionHandler);
 

From c4f178aa52f61d0f5e560604470924b697b088f2 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 12:15:05 +0200
Subject: [PATCH 38/74] feat: extra vertalingen

---
 frontend/src/i18n/locale/de.json              |  18 +-
 frontend/src/i18n/locale/en.json              |   2 +-
 frontend/src/i18n/locale/fr.json              |  22 +-
 frontend/src/i18n/locale/nl.json              |  18 +-
 .../views/assignments/StudentAssignment.vue   | 168 ++++----
 .../src/views/assignments/UserAssignments.vue | 372 +++++++++---------
 6 files changed, 320 insertions(+), 280 deletions(-)

diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 4d451607..73d91c46 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -165,5 +165,21 @@
     "pathContainsNonExistingLearningObjects": "Mindestens eines der in diesem Pfad referenzierten Lernobjekte existiert nicht.",
     "targetAgesMandatory": "Zielalter müssen angegeben werden.",
     "hintRemoveIfUnconditionalTransition": "(entfernen, wenn dies ein bedingungsloser Übergang sein soll)",
-    "hintKeywordsSeparatedBySpaces": "Schlüsselwörter durch Leerzeichen getrennt"
+    "hintKeywordsSeparatedBySpaces": "Schlüsselwörter durch Leerzeichen getrennt",
+    "title-required": "Titel darf nicht leer sein.",
+    "class-required": "Du musst eine Klasse auswählen.",
+    "deadline-invalid": "Ungültiges Datum oder Uhrzeit.",
+    "deadline-past": "Die Frist muss in der Zukunft liegen.",
+    "lp-required": "Du musst einen Lernpfad auswählen.",
+    "lp-invalid": "Der ausgewählte Lernpfad existiert nicht.",
+    "currently-no-groups": "Es gibt keine Gruppen für diese Aufgabe.",
+    "random-grouping": "Gruppen zufällig erstellen",
+    "drag-and-drop": "Gruppen manuell erstellen",
+    "generate-groups": "erzeugen",
+    "auto-generate-groups": "Gruppen gleicher Größe erstellen",
+    "preview": "Vorschau",
+    "current-groups": "Aktuelle Gruppen",
+    "group-size-label": "Gruppengröße",
+    "save": "Speichern",
+    "unassigned": "Nicht zugewiesen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index a59e82f3..cf07956e 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -168,7 +168,7 @@
     "hintRemoveIfUnconditionalTransition": "(remove this if this should be an unconditional transition)",
     "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces",
     "title-required": "Title cannot be empty.",
-    "class-required": "You must select at least one class.",
+    "class-required": "You must select a class.",
     "deadline-invalid": "Invalid date or time.",
     "deadline-past": "The deadline must be in the future.",
     "lp-required": "You must select a learning path.",
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 197fc97f..f31033da 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -88,7 +88,7 @@
     "deny": "refuser",
     "sent": "envoyé",
     "failed": "échoué",
-    "wrong": "quelque chose n'a pas fonctionné",
+    "wrong": "Il y a une erreur",
     "created": "créé",
     "callbackLoading": "Vous serez connecté...",
     "loginUnexpectedError": "La connexion a échoué",
@@ -98,7 +98,7 @@
     "groupSubmissions": "Soumissions de ce groupe",
     "taskCompleted": "Tâche terminée.",
     "submittedBy": "Soumis par",
-    "timestamp": "Horodatage",
+    "timestamp": "Date et heure",
     "loadSubmission": "Charger",
     "noSubmissionsYet": "Pas encore de soumissions.",
     "viewAsGroup": "Voir la progression du groupe...",
@@ -166,5 +166,21 @@
     "pathContainsNonExistingLearningObjects": "Au moins un des objets d’apprentissage référencés dans ce chemin n’existe pas.",
     "targetAgesMandatory": "Les âges cibles doivent être spécifiés.",
     "hintRemoveIfUnconditionalTransition": "(supprimer ceci s’il s’agit d’une transition inconditionnelle)",
-    "hintKeywordsSeparatedBySpaces": "Mots-clés séparés par des espaces"
+    "hintKeywordsSeparatedBySpaces": "Mots-clés séparés par des espaces",
+    "title-required": "Le titre ne peut pas être vide.",
+    "class-required": "Vous devez sélectionner une classe.",
+    "deadline-invalid": "Date ou heure invalide.",
+    "deadline-past": "La date limite doit être dans le futur.",
+    "lp-required": "Vous devez sélectionner un parcours d'apprentissage.",
+    "lp-invalid": "Le parcours d'apprentissage sélectionné n'existe pas.",
+    "currently-no-groups": "Il n’y a pas de groupes pour cette tâche.",
+    "random-grouping": "Créer des groupes aléatoirement",
+    "drag-and-drop": "Créer des groupes manuellement",
+    "generate-groups": "générer",
+    "auto-generate-groups": "Créer des groupes de taille égale",
+    "preview": "Aperçu",
+    "current-groups": "Groupes actuels",
+    "group-size-label": "Taille des groupes",
+    "save": "Enregistrer",
+    "unassigned": "Non assigné"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index ece96633..5f4c66a5 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -165,5 +165,21 @@
     "pathContainsNonExistingLearningObjects": "Ten minste één van de leerobjecten in dit pad bestaat niet.",
     "targetAgesMandatory": "Doelleeftijden moeten worden opgegeven.",
     "hintRemoveIfUnconditionalTransition": "(verwijder dit voor onvoorwaardelijke overgangen)",
-    "hintKeywordsSeparatedBySpaces": "Trefwoorden gescheiden door spaties"
+    "hintKeywordsSeparatedBySpaces": "Trefwoorden gescheiden door spaties",
+    "title-required": "Titel mag niet leeg zijn.",
+    "class-required": "Je moet een klas selecteren.",
+    "deadline-invalid": "Ongeldige datum of tijd.",
+    "deadline-past": "De deadline moet in de toekomst liggen.",
+    "lp-required": "Je moet een leerpad selecteren.",
+    "lp-invalid": "Het geselecteerde leerpad bestaat niet.",
+    "currently-no-groups": "Er zijn geen groepen voor deze opdracht.",
+    "random-grouping": "Groepeer willekeurig",
+    "drag-and-drop": "Stel groepen handmatig samen",
+    "generate-groups": "genereren",
+    "auto-generate-groups": "Maak groepen van gelijke grootte",
+    "preview": "Voorbeeld",
+    "current-groups": "Huidige groepen",
+    "group-size-label": "Grootte van groepen",
+    "save": "Opslaan",
+    "unassigned": "Niet toegewezen"
 }
diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index e9b90573..2427e7c3 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -1,101 +1,95 @@
 <script setup lang="ts">
-import {ref, computed, watchEffect} from "vue";
-import auth from "@/services/auth/auth-service.ts";
-import {useI18n} from "vue-i18n";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import type {AssignmentsResponse} from "@/controllers/assignments.ts";
-import {asyncComputed} from "@vueuse/core";
-import {
-    useStudentAssignmentsQuery,
-    useStudentGroupsQuery,
-    useStudentsByUsernamesQuery
-} from "@/queries/students.ts";
-import {useGetLearningPathQuery} from "@/queries/learning-paths.ts";
-import type {Language} from "@/data-objects/language.ts";
-import {calculateProgress} from "@/utils/assignment-utils.ts";
-import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
+    import { ref, computed, watchEffect } from "vue";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useI18n } from "vue-i18n";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { asyncComputed } from "@vueuse/core";
+    import {
+        useStudentAssignmentsQuery,
+        useStudentGroupsQuery,
+        useStudentsByUsernamesQuery,
+    } from "@/queries/students.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import type { Language } from "@/data-objects/language.ts";
+    import { calculateProgress } from "@/utils/assignment-utils.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
 
-const props = defineProps<{
-    classId: string;
-    assignmentId: number;
-}>();
+    const props = defineProps<{
+        classId: string;
+        assignmentId: number;
+    }>();
 
-const {t} = useI18n();
-const lang = ref();
-const learningPath = ref();
-// Get the user's username/id
-const username = asyncComputed(async () => {
-    const user = await auth.loadUser();
-    return user?.profile?.preferred_username ?? undefined;
-});
+    const { t } = useI18n();
+    const lang = ref();
+    const learningPath = ref();
+    // Get the user's username/id
+    const username = asyncComputed(async () => {
+        const user = await auth.loadUser();
+        return user?.profile?.preferred_username ?? undefined;
+    });
 
-const assignmentsQueryResult = useStudentAssignmentsQuery(username, true);
+    const assignmentsQueryResult = useStudentAssignmentsQuery(username, true);
 
-const assignment = computed(() => {
-    const assignments = assignmentsQueryResult.data.value?.assignments;
-    if (!assignments) return undefined;
+    const assignment = computed(() => {
+        const assignments = assignmentsQueryResult.data.value?.assignments;
+        if (!assignments) return undefined;
 
-    return assignments.find(
-        (a) => a.id === props.assignmentId && a.within === props.classId
-    );
-});
+        return assignments.find((a) => a.id === props.assignmentId && a.within === props.classId);
+    });
 
-
-learningPath.value = assignment.value?.learningPath;
-
-const groupsQueryResult = useStudentGroupsQuery(username, true);
-const group = computed(() => {
-    const groups = groupsQueryResult.data.value?.groups;
-
-    if (!groups) return undefined;
-
-    // Sort by original groupNumber
-    const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
-
-    return sortedGroups
-        .map((group, index) => ({
-            ...group,
-            groupNo: index + 1, // Renumbered index
-        }))
-        .find((group) => group.members?.some((m) => m.username === username.value));
-});
-
-watchEffect(() => {
     learningPath.value = assignment.value?.learningPath;
-    lang.value = assignment.value?.language as Language;
-});
 
-const learningPathParams = computed(() => {
-    if (!group.value || !learningPath.value || !lang.value) return undefined;
+    const groupsQueryResult = useStudentGroupsQuery(username, true);
+    const group = computed(() => {
+        const groups = groupsQueryResult.data.value?.groups;
 
-    return {
-        forGroup: group.value.groupNumber,
-        assignmentNo: props.assignmentId,
-        classId: props.classId,
-    };
-});
+        if (!groups) return undefined;
 
-const lpQueryResult = useGetLearningPathQuery(
-    () => learningPath.value,
-    () => lang.value,
-    () => learningPathParams.value,
-);
+        // Sort by original groupNumber
+        const sortedGroups = [...groups].sort((a, b) => a.groupNumber - b.groupNumber);
 
-const progressColor = computed(() => {
-    const progress = calculateProgress(lpQueryResult.data.value as LearningPath);
-    if (progress >= 100) return "success";
-    if (progress >= 50) return "warning";
-    return "error";
-});
+        return sortedGroups
+            .map((group, index) => ({
+                ...group,
+                groupNo: index + 1, // Renumbered index
+            }))
+            .find((group) => group.members?.some((m) => m.username === username.value));
+    });
 
-const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members as string[]) ?? undefined);
+    watchEffect(() => {
+        learningPath.value = assignment.value?.learningPath;
+        lang.value = assignment.value?.language as Language;
+    });
+
+    const learningPathParams = computed(() => {
+        if (!group.value || !learningPath.value || !lang.value) return undefined;
+
+        return {
+            forGroup: group.value.groupNumber,
+            assignmentNo: props.assignmentId,
+            classId: props.classId,
+        };
+    });
+
+    const lpQueryResult = useGetLearningPathQuery(
+        () => learningPath.value,
+        () => lang.value,
+        () => learningPathParams.value,
+    );
+
+    const progressColor = computed(() => {
+        const progress = calculateProgress(lpQueryResult.data.value as LearningPath);
+        if (progress >= 100) return "success";
+        if (progress >= 50) return "warning";
+        return "error";
+    });
+
+    const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members as string[]) ?? undefined);
 </script>
 
 <template>
     <div class="container">
-        <using-query-result
-            :query-result="assignmentsQueryResult"
-        >
+        <using-query-result :query-result="assignmentsQueryResult">
             <v-card
                 v-if="assignment"
                 class="assignment-card"
@@ -110,9 +104,7 @@ const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members a
                         <v-icon>mdi-arrow-left</v-icon>
                     </v-btn>
                 </div>
-                <v-card-title class="text-h4 assignmentTopTitle"
-                >{{ assignment.title }}
-                </v-card-title>
+                <v-card-title class="text-h4 assignmentTopTitle">{{ assignment.title }} </v-card-title>
 
                 <v-card-subtitle class="subtitle-section">
                     <using-query-result
@@ -190,9 +182,9 @@ const studentQueries = useStudentsByUsernamesQuery(() => (group.value?.members a
 </template>
 
 <style scoped>
-@import "@/assets/assignment.css";
+    @import "@/assets/assignment.css";
 
-.progress-bar {
-    width: 40%;
-}
+    .progress-bar {
+        width: 40%;
+    }
 </style>
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index d8765ab0..78cf6281 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,139 +1,138 @@
 <script setup lang="ts">
-import {ref, computed, onMounted, watch} from "vue";
-import {useI18n} from "vue-i18n";
-import {useRouter} from "vue-router";
-import authState from "@/services/auth/auth-service.ts";
-import auth from "@/services/auth/auth-service.ts";
-import {useTeacherAssignmentsQuery, useTeacherClassesQuery} from "@/queries/teachers.ts";
-import {useStudentAssignmentsQuery, useStudentClassesQuery} from "@/queries/students.ts";
-import {useDeleteAssignmentMutation} from "@/queries/assignments.ts";
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { ref, computed, onMounted, watch } from "vue";
+    import { useI18n } from "vue-i18n";
+    import { useRouter } from "vue-router";
+    import authState from "@/services/auth/auth-service.ts";
+    import auth from "@/services/auth/auth-service.ts";
+    import { useTeacherAssignmentsQuery, useTeacherClassesQuery } from "@/queries/teachers.ts";
+    import { useStudentAssignmentsQuery, useStudentClassesQuery } from "@/queries/students.ts";
+    import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
 
-const {t, locale} = useI18n();
-const router = useRouter();
+    const { t, locale } = useI18n();
+    const router = useRouter();
 
-const role = ref(auth.authState.activeRole);
-const isTeacher = computed(() => role.value === "teacher");
-const username = ref<string | undefined>(undefined);
-const isLoading = ref(false);
-const isError = ref(false);
-const errorMessage = ref<string>("");
+    const role = ref(auth.authState.activeRole);
+    const isTeacher = computed(() => role.value === "teacher");
+    const username = ref<string | undefined>(undefined);
+    const isLoading = ref(false);
+    const isError = ref(false);
+    const errorMessage = ref<string>("");
 
-// Load current user before rendering the page
-onMounted(async () => {
-    isLoading.value = true;
-    try {
-        const userObject = await authState.loadUser();
-        username.value = userObject!.profile.preferred_username;
-    } catch (error) {
-        isError.value = true;
-        errorMessage.value = error instanceof Error ? error.message : String(error);
-    } finally {
-        isLoading.value = false;
-    }
-});
-
-const classesQueryResult = isTeacher.value
-    ? useTeacherClassesQuery(username, true)
-    : useStudentClassesQuery(username, true);
-
-const assignmentsQueryResult = isTeacher.value
-    ? useTeacherAssignmentsQuery(username, true)
-    : useStudentAssignmentsQuery(username, true);
-
-const allAssignments = computed(() => {
-    const assignments = assignmentsQueryResult.data.value?.assignments;
-    if (!assignments) return [];
-
-    const classes = classesQueryResult.data.value?.classes;
-    if (!classes) return [];
-
-    const result = assignments.map((a) => ({
-        id: a.id,
-        class: classes.find((cls) => cls?.id === a.within) ?? undefined,
-        title: a.title,
-        description: a.description,
-        learningPath: a.learningPath,
-        language: a.language,
-        deadline: a.deadline,
-        groups: a.groups,
-    }));
-
-    // Order the assignments by deadline
-    return result.flat().sort((a, b) => {
-        const now = Date.now();
-        const aTime = new Date(a.deadline).getTime();
-        const bTime = new Date(b.deadline).getTime();
-
-        const aIsPast = aTime < now;
-        const bIsPast = bTime < now;
-
-        if (aIsPast && !bIsPast) return 1;
-        if (!aIsPast && bIsPast) return -1;
-
-        return aTime - bTime;
+    // Load current user before rendering the page
+    onMounted(async () => {
+        isLoading.value = true;
+        try {
+            const userObject = await authState.loadUser();
+            username.value = userObject!.profile.preferred_username;
+        } catch (error) {
+            isError.value = true;
+            errorMessage.value = error instanceof Error ? error.message : String(error);
+        } finally {
+            isLoading.value = false;
+        }
     });
-});
 
+    const classesQueryResult = isTeacher.value
+        ? useTeacherClassesQuery(username, true)
+        : useStudentClassesQuery(username, true);
 
-async function goToCreateAssignment(): Promise<void> {
-    await router.push("/assignment/create");
-}
+    const assignmentsQueryResult = isTeacher.value
+        ? useTeacherAssignmentsQuery(username, true)
+        : useStudentAssignmentsQuery(username, true);
 
-async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
-    await router.push(`/assignment/${clsId}/${id}`);
-}
+    const allAssignments = computed(() => {
+        const assignments = assignmentsQueryResult.data.value?.assignments;
+        if (!assignments) return [];
 
-const {mutate, data, isSuccess} = useDeleteAssignmentMutation();
+        const classes = classesQueryResult.data.value?.classes;
+        if (!classes) return [];
 
-watch([isSuccess, data], async ([success, oldData]) => {
-    if (success && oldData?.assignment) {
-        window.location.reload();
-    }
-});
+        const result = assignments.map((a) => ({
+            id: a.id,
+            class: classes.find((cls) => cls?.id === a.within) ?? undefined,
+            title: a.title,
+            description: a.description,
+            learningPath: a.learningPath,
+            language: a.language,
+            deadline: a.deadline,
+            groups: a.groups,
+        }));
 
-async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-    mutate({cid: clsId, an: num});
-}
+        // Order the assignments by deadline
+        return result.flat().sort((a, b) => {
+            const now = Date.now();
+            const aTime = new Date(a.deadline).getTime();
+            const bTime = new Date(b.deadline).getTime();
 
-function formatDate(date?: string | Date): string {
-    if (!date) return "–";
-    const d = new Date(date);
+            const aIsPast = aTime < now;
+            const bIsPast = bTime < now;
 
-    // Choose locale based on selected language
-    const currentLocale = locale.value;
+            if (aIsPast && !bIsPast) return 1;
+            if (!aIsPast && bIsPast) return -1;
 
-    return d.toLocaleDateString(currentLocale, {
-        weekday: "short",
-        day: "2-digit",
-        month: "long",
-        year: "numeric",
-        hour: "numeric",
-        minute: "2-digit",
+            return aTime - bTime;
+        });
     });
-}
 
-function getDeadlineClass(deadline?: string | Date): string {
-    if (!deadline) return "";
+    async function goToCreateAssignment(): Promise<void> {
+        await router.push("/assignment/create");
+    }
 
-    const date = new Date(deadline);
-    const now = new Date();
-    const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
+    async function goToAssignmentDetails(id: number, clsId: string): Promise<void> {
+        await router.push(`/assignment/${clsId}/${id}`);
+    }
 
-    if (date.getTime() < now.getTime()) return "deadline-passed";
-    if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
-    return "deadline-upcoming";
-}
+    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
 
-onMounted(async () => {
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
+    watch([isSuccess, data], async ([success, oldData]) => {
+        if (success && oldData?.assignment) {
+            window.location.reload();
+        }
+    });
 
-onMounted(async () => {
-    const user = await auth.loadUser();
-    username.value = user?.profile?.preferred_username ?? "";
-});
+    async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
+        mutate({ cid: clsId, an: num });
+    }
+
+    function formatDate(date?: string | Date): string {
+        if (!date) return "–";
+        const d = new Date(date);
+
+        // Choose locale based on selected language
+        const currentLocale = locale.value;
+
+        return d.toLocaleDateString(currentLocale, {
+            weekday: "short",
+            day: "2-digit",
+            month: "long",
+            year: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+        });
+    }
+
+    function getDeadlineClass(deadline?: string | Date): string {
+        if (!deadline) return "";
+
+        const date = new Date(deadline);
+        const now = new Date();
+        const in24Hours = new Date(now.getTime() + 24 * 60 * 60 * 1000);
+
+        if (date.getTime() < now.getTime()) return "deadline-passed";
+        if (date.getTime() <= in24Hours.getTime()) return "deadline-in24hours";
+        return "deadline-upcoming";
+    }
+
+    onMounted(async () => {
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
+
+    onMounted(async () => {
+        const user = await auth.loadUser();
+        username.value = user?.profile?.preferred_username ?? "";
+    });
 </script>
 
 <template>
@@ -210,87 +209,88 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.assignments-container {
-    width: 100%;
-    margin: 0 auto;
-    box-sizing: border-box;
-}
+    .assignments-container {
+        width: 100%;
+        margin: 0 auto;
+        box-sizing: border-box;
+    }
 
-.center-btn {
-    display: block;
-    margin: 0 auto 2rem auto;
-    font-weight: 600;
-    background-color: #10ad61;
-    color: white;
-    transition: background-color 0.2s;
-}
+    .center-btn {
+        display: block;
+        margin: 0 auto 2rem auto;
+        font-weight: 600;
+        background-color: #10ad61;
+        color: white;
+        transition: background-color 0.2s;
+    }
 
-.center-btn:hover {
-    background-color: #0e6942;
-}
+    .center-btn:hover {
+        background-color: #0e6942;
+    }
 
-.assignment-card {
-    padding: 1.25rem;
-    border-radius: 16px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-    background-color: white;
-    transition: transform 0.2s,
-    box-shadow 0.2s;
-}
+    .assignment-card {
+        padding: 1.25rem;
+        border-radius: 16px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        background-color: white;
+        transition:
+            transform 0.2s,
+            box-shadow 0.2s;
+    }
 
-.assignment-card:hover {
-    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
-}
+    .assignment-card:hover {
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+    }
 
-.top-content {
-    margin-bottom: 1rem;
-    word-break: break-word;
-}
+    .top-content {
+        margin-bottom: 1rem;
+        word-break: break-word;
+    }
 
-.assignment-title {
-    font-weight: 700;
-    font-size: 1.4rem;
-    color: #0e6942;
-    margin-bottom: 0.3rem;
-}
+    .assignment-title {
+        font-weight: 700;
+        font-size: 1.4rem;
+        color: #0e6942;
+        margin-bottom: 0.3rem;
+    }
 
-.assignment-class,
-.assignment-deadline {
-    font-size: 0.95rem;
-    color: #444;
-    margin-bottom: 0.2rem;
-}
+    .assignment-class,
+    .assignment-deadline {
+        font-size: 0.95rem;
+        color: #444;
+        margin-bottom: 0.2rem;
+    }
 
-.class-name {
-    font-weight: 600;
-    color: #097180;
-}
+    .class-name {
+        font-weight: 600;
+        color: #097180;
+    }
 
-.assignment-deadline.deadline-passed {
-    color: #d32f2f;
-    font-weight: bold;
-}
+    .assignment-deadline.deadline-passed {
+        color: #d32f2f;
+        font-weight: bold;
+    }
 
-.assignment-deadline.deadline-in24hours {
-    color: #f57c00;
-    font-weight: bold;
-}
+    .assignment-deadline.deadline-in24hours {
+        color: #f57c00;
+        font-weight: bold;
+    }
 
-.spacer {
-    flex: 1;
-}
+    .spacer {
+        flex: 1;
+    }
 
-.button-row {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
+    .button-row {
+        display: flex;
+        justify-content: flex-end;
+        gap: 0.75rem;
+        flex-wrap: wrap;
+    }
 
-.no-assignments {
-    text-align: center;
-    font-size: 1.2rem;
-    color: #777;
-    padding: 3rem 0;
-}
+    .no-assignments {
+        text-align: center;
+        font-size: 1.2rem;
+        color: #777;
+        padding: 3rem 0;
+    }
 </style>

From 2537045658aa413cdb8fba8988092c2c747fc72c Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 12:43:03 +0200
Subject: [PATCH 39/74] fix: kleine ui fix

---
 frontend/src/views/assignments/StudentAssignment.vue | 12 +++++++-----
 frontend/src/views/assignments/UserAssignments.vue   |  4 ++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 2427e7c3..f0fe8080 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -152,10 +152,10 @@
                     </v-card-text>
                 </v-card-text>
 
-                <v-card-text class="group-section">
-                    <h3>{{ t("group") }}</h3>
+                <v-card-text class="group-section" v-if="group && studentQueries">
+                    <h3>{{ `${t("group")} ${group.groupNo}` }}</h3>
 
-                    <div v-if="group && studentQueries">
+                    <div>
                         <ul>
                             <li
                                 v-for="student in group.members"
@@ -165,8 +165,10 @@
                             </li>
                         </ul>
                     </div>
-
-                    <div v-else>
+                </v-card-text>
+                <v-card-text class="group-section" v-else>
+                    <h3>{{ t("group") }}</h3>
+                    <div>
                         <v-alert class="empty-message">
                             <v-icon
                                 icon="mdi-information-outline"
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 78cf6281..e2fc03c0 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -199,6 +199,10 @@
                 <v-row v-if="allAssignments.length === 0">
                     <v-col cols="12">
                         <div class="no-assignments">
+                            <v-icon
+                                icon="mdi-information-outline"
+                                size="small"
+                            />
                             {{ t("no-assignments") }}
                         </div>
                     </v-col>

From 42c69f55aacffe65d024abf358e92b990d860f8e Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 10:44:49 +0000
Subject: [PATCH 40/74] style: fix linting issues met Prettier

---
 frontend/src/views/assignments/StudentAssignment.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index f0fe8080..861fb563 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -152,7 +152,10 @@
                     </v-card-text>
                 </v-card-text>
 
-                <v-card-text class="group-section" v-if="group && studentQueries">
+                <v-card-text
+                    class="group-section"
+                    v-if="group && studentQueries"
+                >
                     <h3>{{ `${t("group")} ${group.groupNo}` }}</h3>
 
                     <div>
@@ -166,7 +169,10 @@
                         </ul>
                     </div>
                 </v-card-text>
-                <v-card-text class="group-section" v-else>
+                <v-card-text
+                    class="group-section"
+                    v-else
+                >
                     <h3>{{ t("group") }}</h3>
                     <div>
                         <v-alert class="empty-message">

From 2901e94b53120d65225b189c12b27a9ac1d10019 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 12:52:13 +0200
Subject: [PATCH 41/74] fix: backend testen

---
 backend/src/controllers/assignments.ts | 4 +---
 backend/src/controllers/teachers.ts    | 1 -
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/backend/src/controllers/assignments.ts b/backend/src/controllers/assignments.ts
index 4bc7611d..793a1f45 100644
--- a/backend/src/controllers/assignments.ts
+++ b/backend/src/controllers/assignments.ts
@@ -11,8 +11,6 @@ import {
 import { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
 import { requireFields } from './error-helper.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
-import { Assignment } from '../entities/assignments/assignment.entity.js';
-import { EntityDTO } from '@mikro-orm/core';
 import { FALLBACK_LANG } from '../config.js';
 
 function getAssignmentParams(req: Request): { classid: string; assignmentNumber: number; full: boolean } {
@@ -68,7 +66,7 @@ export async function getAssignmentHandler(req: Request, res: Response): Promise
 export async function putAssignmentHandler(req: Request, res: Response): Promise<void> {
     const { classid, assignmentNumber } = getAssignmentParams(req);
 
-    const assignmentData = req.body as Partial<EntityDTO<Assignment>>;
+    const assignmentData = req.body as Partial<AssignmentDTO>;
     const assignment = await putAssignment(classid, assignmentNumber, assignmentData);
 
     res.json({ assignment });
diff --git a/backend/src/controllers/teachers.ts b/backend/src/controllers/teachers.ts
index e7b0d46c..4eb15059 100644
--- a/backend/src/controllers/teachers.ts
+++ b/backend/src/controllers/teachers.ts
@@ -8,7 +8,6 @@ import {
     getStudentsByTeacher,
     getTeacher,
     getTeacherAssignments,
-    getTeacherQuestions,
     updateClassJoinRequestStatus,
 } from '../services/teachers.js';
 import { requireFields } from './error-helper.js';

From 9af2f136ebf4164b35193f2c2fd59147392db6a0 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 13:06:25 +0200
Subject: [PATCH 42/74] fix: lint proberen fixen

---
 backend/src/data/dwengo-entity-repository.ts |  1 -
 backend/src/services/assignments.ts          | 38 ++++++++++----------
 frontend/src/queries/teachers.ts             |  2 +-
 3 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/backend/src/data/dwengo-entity-repository.ts b/backend/src/data/dwengo-entity-repository.ts
index 407dd452..f17b6976 100644
--- a/backend/src/data/dwengo-entity-repository.ts
+++ b/backend/src/data/dwengo-entity-repository.ts
@@ -1,6 +1,5 @@
 import { EntityRepository, FilterQuery } from '@mikro-orm/core';
 import { EntityAlreadyExistsException } from '../exceptions/entity-already-exists-exception.js';
-import { getLogger } from '../logging/initalize.js';
 
 export abstract class DwengoEntityRepository<T extends object> extends EntityRepository<T> {
     public async save(entity: T, options?: { preventOverwrite?: boolean }): Promise<void> {
diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 3136099e..42e49368 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -1,4 +1,4 @@
-import { AssignmentDTO, AssignmentDTOId } from '@dwengo-1/common/interfaces/assignment';
+import {AssignmentDTO, AssignmentDTOId} from '@dwengo-1/common/interfaces/assignment';
 import {
     getAssignmentRepository,
     getClassRepository,
@@ -6,20 +6,19 @@ import {
     getQuestionRepository,
     getSubmissionRepository,
 } from '../data/repositories.js';
-import { Assignment } from '../entities/assignments/assignment.entity.js';
-import { NotFoundException } from '../exceptions/not-found-exception.js';
-import { mapToAssignment, mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment.js';
-import { mapToQuestionDTO } from '../interfaces/question.js';
-import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submission.js';
-import { fetchClass } from './classes.js';
-import { QuestionDTO, QuestionId } from '@dwengo-1/common/interfaces/question';
-import { SubmissionDTO, SubmissionDTOId } from '@dwengo-1/common/interfaces/submission';
-import { EntityDTO } from '@mikro-orm/core';
-import { putObject } from './service-helper.js';
-import { fetchStudents } from './students.js';
-import { ServerErrorException } from '../exceptions/server-error-exception.js';
-import { createGroup, deleteGroup, fetchAllGroups } from './groups.js';
-import { BadRequestException } from '../exceptions/bad-request-exception.js';
+import {Assignment} from '../entities/assignments/assignment.entity.js';
+import {NotFoundException} from '../exceptions/not-found-exception.js';
+import {mapToAssignment, mapToAssignmentDTO, mapToAssignmentDTOId} from '../interfaces/assignment.js';
+import {mapToQuestionDTO} from '../interfaces/question.js';
+import {mapToSubmissionDTO, mapToSubmissionDTOId} from '../interfaces/submission.js';
+import {fetchClass} from './classes.js';
+import {QuestionDTO, QuestionId} from '@dwengo-1/common/interfaces/question';
+import {SubmissionDTO, SubmissionDTOId} from '@dwengo-1/common/interfaces/submission';
+import {EntityDTO} from '@mikro-orm/core';
+import {putObject} from './service-helper.js';
+import {fetchStudents} from './students.js';
+import {ServerErrorException} from '../exceptions/server-error-exception.js';
+import {BadRequestException} from '../exceptions/bad-request-exception.js';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
@@ -45,8 +44,6 @@ export async function getAllAssignments(classid: string, full: boolean): Promise
     const assignmentRepository = getAssignmentRepository();
     const assignments = await assignmentRepository.findAllAssignmentsInClass(cls);
 
-    console.log(assignments);
-
     if (full) {
         return assignments.map(mapToAssignmentDTO);
     }
@@ -63,7 +60,7 @@ export async function createAssignment(classid: string, assignmentData: Assignme
 
     if (assignmentData.groups) {
         /*
-        For some reason when trying to add groups, it does not work when using the original assignment variable. 
+        For some reason when trying to add groups, it does not work when using the original assignment variable.
         The assignment needs to be refetched in order for it to work.
         */
 
@@ -97,11 +94,14 @@ export async function getAssignment(classid: string, id: number): Promise<Assign
     return mapToAssignmentDTO(assignment);
 }
 
+function hasDuplicates(arr: string[]): boolean {
+    return new Set(arr).size !== arr.length;
+}
+
 export async function putAssignment(classid: string, id: number, assignmentData: Partial<AssignmentDTO>): Promise<AssignmentDTO> {
     const assignment = await fetchAssignment(classid, id);
 
     if (assignmentData.groups) {
-        const hasDuplicates = (arr: string[]) => new Set(arr).size !== arr.length;
         if (hasDuplicates(assignmentData.groups.flat() as string[])) {
             throw new BadRequestException('Student can only be in one group');
         }
diff --git a/frontend/src/queries/teachers.ts b/frontend/src/queries/teachers.ts
index 7020b1aa..72d927c9 100644
--- a/frontend/src/queries/teachers.ts
+++ b/frontend/src/queries/teachers.ts
@@ -12,7 +12,7 @@ import type { ClassesResponse } from "@/controllers/classes.ts";
 import type { JoinRequestResponse, JoinRequestsResponse, StudentsResponse } from "@/controllers/students.ts";
 import type { TeacherDTO } from "@dwengo-1/common/interfaces/teacher";
 import { studentJoinRequestQueryKey, studentJoinRequestsQueryKey } from "@/queries/students.ts";
-import type { AssignmentResponse, AssignmentsResponse } from "@/controllers/assignments";
+import type { AssignmentsResponse } from "@/controllers/assignments";
 
 const teacherController = new TeacherController();
 

From 604c9236bcb1f484311a48eac2e5d21128d473ac Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 11:08:42 +0000
Subject: [PATCH 43/74] style: fix linting issues met Prettier

---
 backend/src/services/assignments.ts | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 42e49368..758eea99 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -1,4 +1,4 @@
-import {AssignmentDTO, AssignmentDTOId} from '@dwengo-1/common/interfaces/assignment';
+import { AssignmentDTO, AssignmentDTOId } from '@dwengo-1/common/interfaces/assignment';
 import {
     getAssignmentRepository,
     getClassRepository,
@@ -6,19 +6,19 @@ import {
     getQuestionRepository,
     getSubmissionRepository,
 } from '../data/repositories.js';
-import {Assignment} from '../entities/assignments/assignment.entity.js';
-import {NotFoundException} from '../exceptions/not-found-exception.js';
-import {mapToAssignment, mapToAssignmentDTO, mapToAssignmentDTOId} from '../interfaces/assignment.js';
-import {mapToQuestionDTO} from '../interfaces/question.js';
-import {mapToSubmissionDTO, mapToSubmissionDTOId} from '../interfaces/submission.js';
-import {fetchClass} from './classes.js';
-import {QuestionDTO, QuestionId} from '@dwengo-1/common/interfaces/question';
-import {SubmissionDTO, SubmissionDTOId} from '@dwengo-1/common/interfaces/submission';
-import {EntityDTO} from '@mikro-orm/core';
-import {putObject} from './service-helper.js';
-import {fetchStudents} from './students.js';
-import {ServerErrorException} from '../exceptions/server-error-exception.js';
-import {BadRequestException} from '../exceptions/bad-request-exception.js';
+import { Assignment } from '../entities/assignments/assignment.entity.js';
+import { NotFoundException } from '../exceptions/not-found-exception.js';
+import { mapToAssignment, mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment.js';
+import { mapToQuestionDTO } from '../interfaces/question.js';
+import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submission.js';
+import { fetchClass } from './classes.js';
+import { QuestionDTO, QuestionId } from '@dwengo-1/common/interfaces/question';
+import { SubmissionDTO, SubmissionDTOId } from '@dwengo-1/common/interfaces/submission';
+import { EntityDTO } from '@mikro-orm/core';
+import { putObject } from './service-helper.js';
+import { fetchStudents } from './students.js';
+import { ServerErrorException } from '../exceptions/server-error-exception.js';
+import { BadRequestException } from '../exceptions/bad-request-exception.js';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();

From 1d84d6073723d01d70d7c74393488f8e780d8364 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Sun, 18 May 2025 13:34:10 +0200
Subject: [PATCH 44/74] fix: extra frontend tests

---
 .../components/assignments/GroupSelector.vue  | 18 +---
 frontend/src/utils/assignment-rules.ts        | 17 ----
 .../controllers/classes-controller.test.ts    | 61 +++++++++++--
 frontend/tests/utils/array-utils.test.ts      | 50 +++++++++++
 frontend/tests/utils/assignment-utils.test.ts | 87 +++++++++++++++++++
 5 files changed, 195 insertions(+), 38 deletions(-)
 delete mode 100644 frontend/src/utils/assignment-rules.ts
 create mode 100644 frontend/tests/utils/array-utils.test.ts
 create mode 100644 frontend/tests/utils/assignment-utils.test.ts

diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 90b86e2a..16dc93e8 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -90,11 +90,6 @@
     }
 
     function saveRandomGroups(): void {
-        if (randomGroupsPreview.value.length === 0) {
-            alert(t("please-generate-groups-first"));
-            return;
-        }
-
         emit(
             "groupsUpdated",
             randomGroupsPreview.value.map((g) => g.map((s) => s.username)),
@@ -104,11 +99,11 @@
         emit("close");
     }
 
-    function addNewGroup() {
+    function addNewGroup(): void {
         currentGroups.value.push([]);
     }
 
-    function removeGroup(index: number) {
+    function removeGroup(index: number): void {
         // Move students back to unassigned
         unassignedStudents.value.push(...currentGroups.value[index]);
         currentGroups.value.splice(index, 1);
@@ -317,11 +312,6 @@
     }
 
     function saveDragDrop(): void {
-        if (unassignedStudents.value.length > 0) {
-            alert(t("please-assign-all-students"));
-            return;
-        }
-
         emit(
             "groupsUpdated",
             currentGroups.value.map((g) => g.map((s) => s.username)),
@@ -331,9 +321,7 @@
         emit("close");
     }
 
-    const showGroupsPreview = computed(() => {
-        return currentGroups.value.length > 0 || unassignedStudents.value.length > 0;
-    });
+    const showGroupsPreview = computed(() => currentGroups.value.length > 0 || unassignedStudents.value.length > 0);
 
     function removeStudent(groupIndex: number, student: StudentItem): void {
         const group = currentGroups.value[groupIndex];
diff --git a/frontend/src/utils/assignment-rules.ts b/frontend/src/utils/assignment-rules.ts
deleted file mode 100644
index d0f96797..00000000
--- a/frontend/src/utils/assignment-rules.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Validation rule for the assignment title.
- *
- * Ensures that the title is not empty.
- */
-
-/**
- * Validation rule for the classes selection.
- *
- * Ensures that at least one class is selected.
- */
-
-/**
- * Validation rule for the deadline field.
- *
- * Ensures that a valid deadline is selected and is in the future.
- */
diff --git a/frontend/tests/controllers/classes-controller.test.ts b/frontend/tests/controllers/classes-controller.test.ts
index 8768aee8..927fab57 100644
--- a/frontend/tests/controllers/classes-controller.test.ts
+++ b/frontend/tests/controllers/classes-controller.test.ts
@@ -1,10 +1,59 @@
-import { describe, expect, it } from "vitest";
+import { describe, it, expect, beforeEach } from "vitest";
 import { ClassController } from "../../src/controllers/classes";
 
-describe("Test controller classes", () => {
-    it("Get classes", async () => {
-        const controller = new ClassController();
-        const data = await controller.getAll(true);
-        expect(data.classes).to.have.length.greaterThan(0);
+describe("ClassController Tests", () => {
+    let controller: ClassController;
+    const testClassId = "X2J9QT";
+
+    beforeEach(() => {
+        controller = new ClassController();
+    });
+
+    it("should fetch all classes", async () => {
+        const result = await controller.getAll(true);
+        expect(result).toHaveProperty("classes");
+        expect(Array.isArray(result.classes)).toBe(true);
+        expect(result.classes.length).toBeGreaterThan(0);
+    });
+
+    it("should fetch a class by ID", async () => {
+        const result = await controller.getById(testClassId);
+        expect(result).toHaveProperty("class");
+        expect(result.class).toHaveProperty("id", testClassId);
+    });
+
+
+    it("should fetch students for a class", async () => {
+        const result = await controller.getStudents(testClassId, true);
+        expect(result).toHaveProperty("students");
+        expect(Array.isArray(result.students)).toBe(true);
+    });
+
+    it("should fetch teachers for a class", async () => {
+        const result = await controller.getTeachers(testClassId, true);
+        expect(result).toHaveProperty("teachers");
+        expect(Array.isArray(result.teachers)).toBe(true);
+    });
+
+    it("should fetch teacher invitations for a class", async () => {
+        const result = await controller.getTeacherInvitations(testClassId, true);
+        expect(result).toHaveProperty("invitations");
+        expect(Array.isArray(result.invitations)).toBe(true);
+    });
+
+    it("should fetch assignments for a class", async () => {
+        const result = await controller.getAssignments(testClassId, true);
+        expect(result).toHaveProperty("assignments");
+        expect(Array.isArray(result.assignments)).toBe(true);
+    });
+
+    it("should handle fetching a non-existent class", async () => {
+        const nonExistentId = "NON_EXISTENT_ID";
+        await expect(controller.getById(nonExistentId)).rejects.toThrow();
+    });
+
+    it("should handle deleting a non-existent class", async () => {
+        const nonExistentId = "NON_EXISTENT_ID";
+        await expect(controller.deleteClass(nonExistentId)).rejects.toThrow();
     });
 });
diff --git a/frontend/tests/utils/array-utils.test.ts b/frontend/tests/utils/array-utils.test.ts
new file mode 100644
index 00000000..1b7f54be
--- /dev/null
+++ b/frontend/tests/utils/array-utils.test.ts
@@ -0,0 +1,50 @@
+import {copyArrayWith} from "../../src/utils/array-utils";
+import { describe, it, expect } from "vitest";
+
+describe('copyArrayWith', () => {
+    it('should replace the element at the specified index', () => {
+        const original = [1, 2, 3, 4];
+        const result = copyArrayWith(2, 99, original);
+        expect(result).toEqual([1, 2, 99, 4]);
+    });
+
+    it('should not modify the original array', () => {
+        const original = ['a', 'b', 'c'];
+        const result = copyArrayWith(1, 'x', original);
+        expect(original).toEqual(['a', 'b', 'c']); // Original remains unchanged
+        expect(result).toEqual(['a', 'x', 'c']);
+    });
+
+    it('should handle replacing the first element', () => {
+        const original = [true, false, true];
+        const result = copyArrayWith(0, false, original);
+        expect(result).toEqual([false, false, true]);
+    });
+
+    it('should handle replacing the last element', () => {
+        const original = ['apple', 'banana', 'cherry'];
+        const result = copyArrayWith(2, 'date', original);
+        expect(result).toEqual(['apple', 'banana', 'date']);
+    });
+
+    it('should work with complex objects', () => {
+        const original = [{ id: 1 }, { id: 2 }, { id: 3 }];
+        const newValue = { id: 99 };
+        const result = copyArrayWith(1, newValue, original);
+        expect(result).toEqual([{ id: 1 }, { id: 99 }, { id: 3 }]);
+        expect(original[1].id).toBe(2); // Original remains unchanged
+    });
+
+
+    it('should allow setting to undefined', () => {
+        const original = [1, 2, 3];
+        const result = copyArrayWith(1, undefined, original);
+        expect(result).toEqual([1, undefined, 3]);
+    });
+
+    it('should allow setting to null', () => {
+        const original = [1, 2, 3];
+        const result = copyArrayWith(1, null, original);
+        expect(result).toEqual([1, null, 3]);
+    });
+});
diff --git a/frontend/tests/utils/assignment-utils.test.ts b/frontend/tests/utils/assignment-utils.test.ts
new file mode 100644
index 00000000..46f99af8
--- /dev/null
+++ b/frontend/tests/utils/assignment-utils.test.ts
@@ -0,0 +1,87 @@
+import {LearningPathNode} from "@dwengo-1/backend/dist/entities/content/learning-path-node.entity";
+import {calculateProgress} from "../../src/utils/assignment-utils";
+import {LearningPath} from "../../src/data-objects/learning-paths/learning-path";
+import { describe, it, expect } from "vitest";
+
+describe("calculateProgress", () => {
+    it("should return 0 when no nodes are completed", () => {
+        const lp = new LearningPath({
+            language: "en",
+            hruid: "test-path",
+            title: "Test Path",
+            description: "Test Description",
+            amountOfNodes: 10,
+            amountOfNodesLeft: 10,
+            keywords: ["test"],
+            targetAges: { min: 10, max: 15 },
+            startNode: {} as LearningPathNode,
+        });
+
+        expect(calculateProgress(lp)).toBe(0);
+    });
+
+    it("should return 100 when all nodes are completed", () => {
+        const lp = new LearningPath({
+            language: "en",
+            hruid: "test-path",
+            title: "Test Path",
+            description: "Test Description",
+            amountOfNodes: 10,
+            amountOfNodesLeft: 0,
+            keywords: ["test"],
+            targetAges: { min: 10, max: 15 },
+            startNode: {} as LearningPathNode,
+        });
+
+        expect(calculateProgress(lp)).toBe(100);
+    });
+
+    it("should return 50 when half of the nodes are completed", () => {
+        const lp = new LearningPath({
+            language: "en",
+            hruid: "test-path",
+            title: "Test Path",
+            description: "Test Description",
+            amountOfNodes: 10,
+            amountOfNodesLeft: 5,
+            keywords: ["test"],
+            targetAges: { min: 10, max: 15 },
+            startNode: {} as LearningPathNode,
+        });
+
+        expect(calculateProgress(lp)).toBe(50);
+    });
+
+    it("should handle floating point progress correctly", () => {
+        const lp = new LearningPath({
+            language: "en",
+            hruid: "test-path",
+            title: "Test Path",
+            description: "Test Description",
+            amountOfNodes: 3,
+            amountOfNodesLeft: 1,
+            keywords: ["test"],
+            targetAges: { min: 10, max: 15 },
+            startNode: {} as LearningPathNode,
+        });
+
+        expect(calculateProgress(lp)).toBeCloseTo(66.666, 2);
+    });
+
+
+    it("should handle edge case where amountOfNodesLeft is negative", () => {
+        const lp = new LearningPath({
+            language: "en",
+            hruid: "test-path",
+            title: "Test Path",
+            description: "Test Description",
+            amountOfNodes: 10,
+            amountOfNodesLeft: -5,
+            keywords: ["test"],
+            targetAges: { min: 10, max: 15 },
+            startNode: {} as LearningPathNode,
+        });
+
+        expect(calculateProgress(lp)).toBe(150);
+    });
+});

From 57da85e14a932754684cdf597ed7286151b04c1f Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 11:41:17 +0000
Subject: [PATCH 45/74] style: fix linting issues met Prettier

---
 .../controllers/classes-controller.test.ts    |  1 -
 frontend/tests/utils/array-utils.test.ts      | 33 +++++++++----------
 frontend/tests/utils/assignment-utils.test.ts |  7 ++--
 3 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/frontend/tests/controllers/classes-controller.test.ts b/frontend/tests/controllers/classes-controller.test.ts
index 927fab57..82c95e17 100644
--- a/frontend/tests/controllers/classes-controller.test.ts
+++ b/frontend/tests/controllers/classes-controller.test.ts
@@ -22,7 +22,6 @@ describe("ClassController Tests", () => {
         expect(result.class).toHaveProperty("id", testClassId);
     });
 
-
     it("should fetch students for a class", async () => {
         const result = await controller.getStudents(testClassId, true);
         expect(result).toHaveProperty("students");
diff --git a/frontend/tests/utils/array-utils.test.ts b/frontend/tests/utils/array-utils.test.ts
index 1b7f54be..ee810d3a 100644
--- a/frontend/tests/utils/array-utils.test.ts
+++ b/frontend/tests/utils/array-utils.test.ts
@@ -1,33 +1,33 @@
-import {copyArrayWith} from "../../src/utils/array-utils";
+import { copyArrayWith } from "../../src/utils/array-utils";
 import { describe, it, expect } from "vitest";
 
-describe('copyArrayWith', () => {
-    it('should replace the element at the specified index', () => {
+describe("copyArrayWith", () => {
+    it("should replace the element at the specified index", () => {
         const original = [1, 2, 3, 4];
         const result = copyArrayWith(2, 99, original);
         expect(result).toEqual([1, 2, 99, 4]);
     });
 
-    it('should not modify the original array', () => {
-        const original = ['a', 'b', 'c'];
-        const result = copyArrayWith(1, 'x', original);
-        expect(original).toEqual(['a', 'b', 'c']); // Original remains unchanged
-        expect(result).toEqual(['a', 'x', 'c']);
+    it("should not modify the original array", () => {
+        const original = ["a", "b", "c"];
+        const result = copyArrayWith(1, "x", original);
+        expect(original).toEqual(["a", "b", "c"]); // Original remains unchanged
+        expect(result).toEqual(["a", "x", "c"]);
     });
 
-    it('should handle replacing the first element', () => {
+    it("should handle replacing the first element", () => {
         const original = [true, false, true];
         const result = copyArrayWith(0, false, original);
         expect(result).toEqual([false, false, true]);
     });
 
-    it('should handle replacing the last element', () => {
-        const original = ['apple', 'banana', 'cherry'];
-        const result = copyArrayWith(2, 'date', original);
-        expect(result).toEqual(['apple', 'banana', 'date']);
+    it("should handle replacing the last element", () => {
+        const original = ["apple", "banana", "cherry"];
+        const result = copyArrayWith(2, "date", original);
+        expect(result).toEqual(["apple", "banana", "date"]);
     });
 
-    it('should work with complex objects', () => {
+    it("should work with complex objects", () => {
         const original = [{ id: 1 }, { id: 2 }, { id: 3 }];
         const newValue = { id: 99 };
         const result = copyArrayWith(1, newValue, original);
@@ -35,14 +35,13 @@ describe('copyArrayWith', () => {
         expect(original[1].id).toBe(2); // Original remains unchanged
     });
 
-
-    it('should allow setting to undefined', () => {
+    it("should allow setting to undefined", () => {
         const original = [1, 2, 3];
         const result = copyArrayWith(1, undefined, original);
         expect(result).toEqual([1, undefined, 3]);
     });
 
-    it('should allow setting to null', () => {
+    it("should allow setting to null", () => {
         const original = [1, 2, 3];
         const result = copyArrayWith(1, null, original);
         expect(result).toEqual([1, null, 3]);
diff --git a/frontend/tests/utils/assignment-utils.test.ts b/frontend/tests/utils/assignment-utils.test.ts
index 46f99af8..42140638 100644
--- a/frontend/tests/utils/assignment-utils.test.ts
+++ b/frontend/tests/utils/assignment-utils.test.ts
@@ -1,6 +1,6 @@
-import {LearningPathNode} from "@dwengo-1/backend/dist/entities/content/learning-path-node.entity";
-import {calculateProgress} from "../../src/utils/assignment-utils";
-import {LearningPath} from "../../src/data-objects/learning-paths/learning-path";
+import { LearningPathNode } from "@dwengo-1/backend/dist/entities/content/learning-path-node.entity";
+import { calculateProgress } from "../../src/utils/assignment-utils";
+import { LearningPath } from "../../src/data-objects/learning-paths/learning-path";
 import { describe, it, expect } from "vitest";
 
 describe("calculateProgress", () => {
@@ -68,7 +68,6 @@ describe("calculateProgress", () => {
         expect(calculateProgress(lp)).toBeCloseTo(66.666, 2);
     });
 
-
     it("should handle edge case where amountOfNodesLeft is negative", () => {
         const lp = new LearningPath({
             language: "en",

From 705bce75e9db4905e929f8c73c8c3e281fafa441 Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sun, 18 May 2025 15:52:47 +0200
Subject: [PATCH 46/74] fix: req.query ipv req.params bij het authorizeren op
 root endpoint van submissions

---
 backend/src/middleware/auth/checks/submission-checks.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index bb0ad021..6c7969e0 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -31,15 +31,15 @@ export const onlyAllowIfHasAccessToSubmission = authorize(async (auth: Authentic
 });
 
 export const onlyAllowIfHasAccessToSubmissionFromParams = authorize(async (auth: AuthenticationInfo, req: AuthenticatedRequest) => {
-    const { classId, assignmentId, groupId } = req.params;
+    const { classId, assignmentId, groupId } = req.query;
 
     requireFields({ classId, assignmentId, groupId });
     
     if (auth.accountType === AccountType.Teacher) {
-        const cls = await fetchClass(classId);
+        const cls = await fetchClass(classId as string);
         return cls.teachers.map(mapToUsername).includes(auth.username);
     }
 
-    const group = await fetchGroup(classId, +assignmentId, +groupId);
+    const group = await fetchGroup(classId as string, +(assignmentId as string), +(groupId as string));
     return group.members.map(mapToUsername).includes(auth.username);
 });
\ No newline at end of file

From 01c90586bd0fc439eb1dbb356b6861e2cce829b5 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 14:44:53 +0000
Subject: [PATCH 47/74] style: fix linting issues met Prettier

---
 backend/src/middleware/auth/checks/submission-checks.ts | 4 ++--
 backend/src/routes/submissions.ts                       | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index 6c7969e0..f63761ba 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -34,7 +34,7 @@ export const onlyAllowIfHasAccessToSubmissionFromParams = authorize(async (auth:
     const { classId, assignmentId, groupId } = req.query;
 
     requireFields({ classId, assignmentId, groupId });
-    
+
     if (auth.accountType === AccountType.Teacher) {
         const cls = await fetchClass(classId as string);
         return cls.teachers.map(mapToUsername).includes(auth.username);
@@ -42,4 +42,4 @@ export const onlyAllowIfHasAccessToSubmissionFromParams = authorize(async (auth:
 
     const group = await fetchGroup(classId as string, +(assignmentId as string), +(groupId as string));
     return group.members.map(mapToUsername).includes(auth.username);
-});
\ No newline at end of file
+});
diff --git a/backend/src/routes/submissions.ts b/backend/src/routes/submissions.ts
index 7dfa80f3..3ccf2784 100644
--- a/backend/src/routes/submissions.ts
+++ b/backend/src/routes/submissions.ts
@@ -1,6 +1,10 @@
 import express from 'express';
 import { createSubmissionHandler, deleteSubmissionHandler, getSubmissionHandler, getSubmissionsHandler } from '../controllers/submissions.js';
-import { onlyAllowIfHasAccessToSubmission, onlyAllowIfHasAccessToSubmissionFromParams, onlyAllowSubmitter } from '../middleware/auth/checks/submission-checks.js';
+import {
+    onlyAllowIfHasAccessToSubmission,
+    onlyAllowIfHasAccessToSubmissionFromParams,
+    onlyAllowSubmitter,
+} from '../middleware/auth/checks/submission-checks.js';
 import { adminOnly, studentsOnly } from '../middleware/auth/checks/auth-checks.js';
 const router = express.Router({ mergeParams: true });
 

From 56de56564f72c64b65303ffe01f9ed19c2133bf8 Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sun, 18 May 2025 16:46:09 +0200
Subject: [PATCH 48/74] fix: linting errors

---
 backend/src/middleware/auth/checks/submission-checks.ts | 2 +-
 backend/src/routes/submissions.ts                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index 6c7969e0..bd895aec 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -40,6 +40,6 @@ export const onlyAllowIfHasAccessToSubmissionFromParams = authorize(async (auth:
         return cls.teachers.map(mapToUsername).includes(auth.username);
     }
 
-    const group = await fetchGroup(classId as string, +(assignmentId as string), +(groupId as string));
+    const group = await fetchGroup(classId as string, Number(assignmentId as string), Number(groupId as string));
     return group.members.map(mapToUsername).includes(auth.username);
 });
\ No newline at end of file
diff --git a/backend/src/routes/submissions.ts b/backend/src/routes/submissions.ts
index 7dfa80f3..31f71381 100644
--- a/backend/src/routes/submissions.ts
+++ b/backend/src/routes/submissions.ts
@@ -1,7 +1,7 @@
 import express from 'express';
 import { createSubmissionHandler, deleteSubmissionHandler, getSubmissionHandler, getSubmissionsHandler } from '../controllers/submissions.js';
 import { onlyAllowIfHasAccessToSubmission, onlyAllowIfHasAccessToSubmissionFromParams, onlyAllowSubmitter } from '../middleware/auth/checks/submission-checks.js';
-import { adminOnly, studentsOnly } from '../middleware/auth/checks/auth-checks.js';
+import { studentsOnly } from '../middleware/auth/checks/auth-checks.js';
 const router = express.Router({ mergeParams: true });
 
 router.get('/', onlyAllowIfHasAccessToSubmissionFromParams, getSubmissionsHandler);

From 025811c247c94f1860e87e16f64706aa6047e943 Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sun, 18 May 2025 16:52:11 +0200
Subject: [PATCH 49/74] fix: type in en internationalisation

---
 frontend/src/i18n/locale/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index cf07956e..1a24d79e 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -175,7 +175,7 @@
     "lp-invalid": "The selected learning path doesn't exist.",
     "currently-no-groups": "There are no groups for this assignment.",
     "random-grouping": "Randomly create groups",
-    "drag-and-drop": "Manualy create groups",
+    "drag-and-drop": "Manually create groups",
     "generate-groups": "generate",
     "auto-generate-groups": "Create groups of equal size",
     "preview": "Preview",

From e00fc0b6135207aceb9eca4a6e1a3b4cd284c20c Mon Sep 17 00:00:00 2001
From: Adriaan Jacquet <adriaanjacquet@gmail.com>
Date: Sun, 18 May 2025 18:19:10 +0200
Subject: [PATCH 50/74] fix: foute groupnummer wanneer op knop geklikt wordt
 die naar leerpad gaat in opdracht

---
 frontend/src/views/assignments/StudentAssignment.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/assignments/StudentAssignment.vue b/frontend/src/views/assignments/StudentAssignment.vue
index 861fb563..f51aec34 100644
--- a/frontend/src/views/assignments/StudentAssignment.vue
+++ b/frontend/src/views/assignments/StudentAssignment.vue
@@ -41,7 +41,7 @@
 
     const groupsQueryResult = useStudentGroupsQuery(username, true);
     const group = computed(() => {
-        const groups = groupsQueryResult.data.value?.groups;
+        const groups = groupsQueryResult.data.value?.groups as GroupDTO[];
 
         if (!groups) return undefined;
 
@@ -115,7 +115,7 @@
                             v-if="lpData"
                             :to="
                                 group
-                                    ? `/learningPath/${lpData.hruid}/${assignment.language}/${lpData.startNode.learningobjectHruid}?forGroup=${group.groupNo}&assignmentNo=${assignment.id}&classId=${assignment.within}`
+                                    ? `/learningPath/${lpData.hruid}/${assignment.language}/${lpData.startNode.learningobjectHruid}?forGroup=${group.groupNumber}&assignmentNo=${assignment.id}&classId=${assignment.within}`
                                     : undefined
                             "
                             :disabled="!group"

From 3ca516b490543277a0a781961c4849f83357cc91 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 11:47:56 +0200
Subject: [PATCH 51/74] fix(frontend): i18n ReferenceError

---
 frontend/src/components/assignments/DeadlineSelector.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/assignments/DeadlineSelector.vue b/frontend/src/components/assignments/DeadlineSelector.vue
index b9b0c709..ab59bcf6 100644
--- a/frontend/src/components/assignments/DeadlineSelector.vue
+++ b/frontend/src/components/assignments/DeadlineSelector.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
     import { ref, watch } from "vue";
+    import { useI18n } from 'vue-i18n';
+
+    const { t } = useI18n();
 
     const emit = defineEmits<(e: "update:deadline", value: Date | null) => void>();
     const props = defineProps<{ deadline: Date | null }>();

From 1aa823bf5c37e7d3b4d1c7fbc4a2e8edec79ac85 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 12:17:03 +0200
Subject: [PATCH 52/74] fix(backend): onlyAllowSubmitter username opvragen

---
 backend/src/middleware/auth/checks/submission-checks.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index 7cd75c8d..46d901e0 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -10,9 +10,14 @@ import { AccountType } from '@dwengo-1/common/util/account-types';
 import { fetchClass } from '../../../services/classes.js';
 import { fetchGroup } from '../../../services/groups.js';
 import { requireFields } from '../../../controllers/error-helper.js';
+import { SubmissionDTO } from '@dwengo-1/common/interfaces/submission';
 
 export const onlyAllowSubmitter = authorize(
-    (auth: AuthenticationInfo, req: AuthenticatedRequest) => (req.body as { submitter: string }).submitter === auth.username
+    (auth: AuthenticationInfo, req: AuthenticatedRequest) => {
+        const submittedFor = (req.body as SubmissionDTO).submitter.username;
+        const submittedBy = auth.username;
+        return submittedFor === submittedBy;
+    }
 );
 
 export const onlyAllowIfHasAccessToSubmission = authorize(async (auth: AuthenticationInfo, req: AuthenticatedRequest) => {

From d51ebae3220ded0bd6e1c6863b1f6ec93f0b16ac Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 10:19:40 +0000
Subject: [PATCH 53/74] style: fix linting issues met Prettier

---
 .../src/middleware/auth/checks/submission-checks.ts  | 12 +++++-------
 .../src/components/assignments/DeadlineSelector.vue  |  2 +-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/backend/src/middleware/auth/checks/submission-checks.ts b/backend/src/middleware/auth/checks/submission-checks.ts
index 46d901e0..9caae176 100644
--- a/backend/src/middleware/auth/checks/submission-checks.ts
+++ b/backend/src/middleware/auth/checks/submission-checks.ts
@@ -12,13 +12,11 @@ import { fetchGroup } from '../../../services/groups.js';
 import { requireFields } from '../../../controllers/error-helper.js';
 import { SubmissionDTO } from '@dwengo-1/common/interfaces/submission';
 
-export const onlyAllowSubmitter = authorize(
-    (auth: AuthenticationInfo, req: AuthenticatedRequest) => {
-        const submittedFor = (req.body as SubmissionDTO).submitter.username;
-        const submittedBy = auth.username;
-        return submittedFor === submittedBy;
-    }
-);
+export const onlyAllowSubmitter = authorize((auth: AuthenticationInfo, req: AuthenticatedRequest) => {
+    const submittedFor = (req.body as SubmissionDTO).submitter.username;
+    const submittedBy = auth.username;
+    return submittedFor === submittedBy;
+});
 
 export const onlyAllowIfHasAccessToSubmission = authorize(async (auth: AuthenticationInfo, req: AuthenticatedRequest) => {
     const { hruid: lohruid, id: submissionNumber } = req.params;
diff --git a/frontend/src/components/assignments/DeadlineSelector.vue b/frontend/src/components/assignments/DeadlineSelector.vue
index ab59bcf6..fb6e3cbd 100644
--- a/frontend/src/components/assignments/DeadlineSelector.vue
+++ b/frontend/src/components/assignments/DeadlineSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
     import { ref, watch } from "vue";
-    import { useI18n } from 'vue-i18n';
+    import { useI18n } from "vue-i18n";
 
     const { t } = useI18n();
 

From 159d984121a85f176ddca6dd87e6b16327ac6aa4 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 14:05:16 +0200
Subject: [PATCH 54/74] fix(frontend): Leerkracht progress bar

---
 frontend/src/views/assignments/TeacherAssignment.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 53769962..92e0662c 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -377,7 +377,7 @@
                                         <td>
                                             <GroupProgressRow
                                                 :group-number="g.originalGroupNo"
-                                                :learning-path="learningPath"
+                                                :learning-path="learningPath.hruid"
                                                 :language="lang"
                                                 :assignment-id="assignmentId"
                                                 :class-id="classId"

From 2f67033251c78ae8cd643c9c240b3c1ef35f10cb Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Mon, 19 May 2025 14:31:03 +0200
Subject: [PATCH 55/74] fix: alle studenten hoeven niet in een groep bij drag
 en drop + opdracht deadline mag null zijn

---
 backend/src/interfaces/assignment.ts                  | 2 +-
 frontend/src/components/assignments/GroupSelector.vue | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/backend/src/interfaces/assignment.ts b/backend/src/interfaces/assignment.ts
index 2dc158d2..32c2f5c8 100644
--- a/backend/src/interfaces/assignment.ts
+++ b/backend/src/interfaces/assignment.ts
@@ -20,7 +20,7 @@ export function mapToAssignmentDTO(assignment: Assignment): AssignmentDTO {
         description: assignment.description,
         learningPath: assignment.learningPathHruid,
         language: assignment.learningPathLanguage,
-        deadline: assignment.deadline ?? new Date(),
+        deadline: assignment.deadline ?? null,
         groups: assignment.groups.map((group) => mapToGroupDTO(group, assignment.within)),
     };
 }
diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 16dc93e8..3db036c7 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -562,7 +562,6 @@
                     <v-btn
                         color="primary"
                         @click="saveDragDrop"
-                        :disabled="unassignedStudents.length > 0"
                     >
                         {{ t("save") }}
                     </v-btn>

From 59ed7ab3b5e396a87dd8b5ee8b699d905ee1d163 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Mon, 19 May 2025 14:53:11 +0200
Subject: [PATCH 56/74] fix: mag geen lege groepen aanmaken

---
 .../src/components/assignments/GroupSelector.vue    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 3db036c7..00d94187 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -314,13 +314,16 @@
     function saveDragDrop(): void {
         emit(
             "groupsUpdated",
-            currentGroups.value.map((g) => g.map((s) => s.username)),
+            currentGroups.value
+                .filter((g) => g.length > 0) // Filter out empty groups
+                .map((g) => g.map((s) => s.username)),
         );
         activeDialog.value = null;
         emit("done");
         emit("close");
     }
 
+
     const showGroupsPreview = computed(() => currentGroups.value.length > 0 || unassignedStudents.value.length > 0);
 
     function removeStudent(groupIndex: number, student: StudentItem): void {
@@ -472,7 +475,13 @@
                                 v-if="currentGroups.length === 0"
                                 class="text-center py-4"
                             >
-                                <v-alert type="info">{{ t("no-groups-yet") }}</v-alert>
+                                <div>
+                                    <v-icon
+                                        icon="mdi-information-outline"
+                                        size="small"
+                                    />
+                                    {{ t("currently-no-groups") }}
+                                </div>
                             </div>
 
                             <template v-else>

From 893e632009ee6db419d1d065936331734334eff1 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 12:58:58 +0000
Subject: [PATCH 57/74] style: fix linting issues met Prettier

---
 frontend/src/components/assignments/GroupSelector.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/components/assignments/GroupSelector.vue b/frontend/src/components/assignments/GroupSelector.vue
index 00d94187..a2d1bedf 100644
--- a/frontend/src/components/assignments/GroupSelector.vue
+++ b/frontend/src/components/assignments/GroupSelector.vue
@@ -323,7 +323,6 @@
         emit("close");
     }
 
-
     const showGroupsPreview = computed(() => currentGroups.value.length > 0 || unassignedStudents.value.length > 0);
 
     function removeStudent(groupIndex: number, student: StudentItem): void {

From 29f6bd9cad75988fa5a2af8333f49a0775a0afa6 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 16:05:39 +0200
Subject: [PATCH 58/74] fix: leerling kon alle opdrachten zien + test

---
 backend/src/services/students.ts           | 13 +++++++++----
 backend/tests/controllers/students.test.ts | 16 +++++++++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/backend/src/services/students.ts b/backend/src/services/students.ts
index 3ccd2dba..15088398 100644
--- a/backend/src/services/students.ts
+++ b/backend/src/services/students.ts
@@ -10,7 +10,7 @@ import { mapToClassDTO } from '../interfaces/class.js';
 import { mapToGroupDTO, mapToGroupDTOId } from '../interfaces/group.js';
 import { mapToStudent, mapToStudentDTO } from '../interfaces/student.js';
 import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submission.js';
-import { getAllAssignments } from './assignments.js';
+import {fetchAssignment, getAllAssignments} from './assignments.js';
 import { mapToQuestionDTO, mapToQuestionDTOId } from '../interfaces/question.js';
 import { mapToStudentRequest, mapToStudentRequestDTO } from '../interfaces/student-request.js';
 import { Student } from '../entities/users/student.entity.js';
@@ -26,6 +26,7 @@ import { ClassJoinRequestDTO } from '@dwengo-1/common/interfaces/class-join-requ
 import { ConflictException } from '../exceptions/conflict-exception.js';
 import { Submission } from '../entities/assignments/submission.entity.js';
 import { mapToUsername } from '../interfaces/user.js';
+import {mapToAssignmentDTO, mapToAssignmentDTOId} from "../interfaces/assignment";
 
 export async function getAllStudents(full: boolean): Promise<StudentDTO[] | string[]> {
     const studentRepository = getStudentRepository();
@@ -102,10 +103,14 @@ export async function getStudentClasses(username: string, full: boolean): Promis
 export async function getStudentAssignments(username: string, full: boolean): Promise<AssignmentDTO[] | AssignmentDTOId[]> {
     const student = await fetchStudent(username);
 
-    const classRepository = getClassRepository();
-    const classes = await classRepository.findByStudent(student);
+    const groupRepository = getGroupRepository();
+    const groups = await groupRepository.findAllGroupsWithStudent(student);
+    const assignments = await Promise.all(groups.map( async group => await fetchAssignment(group.assignment.within.classId, group.assignment.id)));
 
-    return (await Promise.all(classes.map(async (cls) => await getAllAssignments(cls.classId!, full)))).flat();
+    if (full) {
+        return assignments.map(mapToAssignmentDTO);
+    }
+    return assignments.map(mapToAssignmentDTOId);
 }
 
 export async function getStudentGroups(username: string, full: boolean): Promise<GroupDTO[] | GroupDTOId[]> {
diff --git a/backend/tests/controllers/students.test.ts b/backend/tests/controllers/students.test.ts
index b5ac1e0d..de863351 100644
--- a/backend/tests/controllers/students.test.ts
+++ b/backend/tests/controllers/students.test.ts
@@ -13,7 +13,7 @@ import {
     createStudentRequestHandler,
     getStudentRequestsHandler,
     deleteClassJoinRequestHandler,
-    getStudentRequestHandler,
+    getStudentRequestHandler, getStudentAssignmentsHandler,
 } from '../../src/controllers/students.js';
 import { getDireStraits, getNoordkaap, getTheDoors, TEST_STUDENTS } from '../test_assets/users/students.testdata.js';
 import { NotFoundException } from '../../src/exceptions/not-found-exception.js';
@@ -150,6 +150,20 @@ describe('Student controllers', () => {
         expect(result.groups).to.have.length.greaterThan(0);
     });
 
+    it('Student assignments', async () => {
+        const group = getTestGroup01();
+        const member = group.members[0];
+        req = { params: { username: member.username }, query: {} };
+
+        await getStudentAssignmentsHandler(req as Request, res as Response);
+
+        expect(jsonMock).toHaveBeenCalledWith(expect.objectContaining({ assignments: expect.anything() }));
+
+        const result = jsonMock.mock.lastCall?.[0];
+        expect(result.assignments).to.have.length.greaterThan(0);
+    });
+
+
     it('Student submissions', async () => {
         const submission = getSubmission01();
         req = { params: { username: submission.submitter.username }, query: { full: 'true' } };

From 8cf2f16ff77da3d1a20d2946481ac65ca30a5934 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 16:06:44 +0200
Subject: [PATCH 59/74] fix: error message delete assignment knop met vragen of
 submissions

---
 backend/src/services/assignments.ts           | 13 +++++++++--
 .../views/assignments/TeacherAssignment.vue   | 22 +++++++++++++++++++
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 758eea99..f0389dd8 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -14,11 +14,14 @@ import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submissi
 import { fetchClass } from './classes.js';
 import { QuestionDTO, QuestionId } from '@dwengo-1/common/interfaces/question';
 import { SubmissionDTO, SubmissionDTOId } from '@dwengo-1/common/interfaces/submission';
-import { EntityDTO } from '@mikro-orm/core';
+import {EntityDTO, ForeignKeyConstraintViolationException} from '@mikro-orm/core';
 import { putObject } from './service-helper.js';
 import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
+import {getQuestionsAboutLearningObjectInAssignment} from "./questions";
+import {LearningObjectIdentifier} from "../entities/content/learning-object-identifier";
+import {ConflictException} from "../exceptions/conflict-exception";
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
@@ -133,7 +136,13 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
     const cls = await fetchClass(classid);
 
     const assignmentRepository = getAssignmentRepository();
-    await assignmentRepository.deleteByClassAndId(cls, id);
+
+    try {
+        await assignmentRepository.deleteByClassAndId(cls, id);
+    } catch (e: ForeignKeyConstraintViolationException) {
+        throw new ConflictException("Cannot delete assigment with questions or submissions")
+    }
+
 
     return mapToAssignmentDTO(assignment);
 }
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 92e0662c..a4322c5b 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -87,6 +87,18 @@
         dialog.value = true;
     }
 
+    const snackbar = ref({
+        visible: false,
+        message: "",
+        color: "success",
+    });
+
+    function showSnackbar(message: string, color: string): void {
+        snackbar.value.message = message;
+        snackbar.value.color = color;
+        snackbar.value.visible = true;
+    }
+
     const deleteAssignmentMutation = useDeleteAssignmentMutation();
     async function deleteAssignment(num: number, clsId: string): Promise<void> {
         deleteAssignmentMutation.mutate(
@@ -95,6 +107,9 @@
                 onSuccess: () => {
                     window.location.href = "/user/assignment";
                 },
+                onError: (e) => {
+                    showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
+                }
             },
         );
     }
@@ -458,6 +473,13 @@
                     </v-card>
                 </v-dialog>
             </v-container>
+            <v-snackbar
+                v-model="snackbar.visible"
+                :color="snackbar.color"
+                timeout="3000"
+            >
+                {{ snackbar.message }}
+            </v-snackbar>
         </using-query-result>
     </div>
 </template>

From 13e29d7d5fff2752b5de3d4a85d4850183bca548 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 16:36:44 +0200
Subject: [PATCH 60/74] fix: lint

---
 backend/src/services/students.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/services/students.ts b/backend/src/services/students.ts
index 15088398..ced68e1f 100644
--- a/backend/src/services/students.ts
+++ b/backend/src/services/students.ts
@@ -10,7 +10,7 @@ import { mapToClassDTO } from '../interfaces/class.js';
 import { mapToGroupDTO, mapToGroupDTOId } from '../interfaces/group.js';
 import { mapToStudent, mapToStudentDTO } from '../interfaces/student.js';
 import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submission.js';
-import {fetchAssignment, getAllAssignments} from './assignments.js';
+import { fetchAssignment } from './assignments.js';
 import { mapToQuestionDTO, mapToQuestionDTOId } from '../interfaces/question.js';
 import { mapToStudentRequest, mapToStudentRequestDTO } from '../interfaces/student-request.js';
 import { Student } from '../entities/users/student.entity.js';

From 0862cb5c6bedd39632a14e607d5db0d45d2002ee Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 14:38:09 +0000
Subject: [PATCH 61/74] style: fix linting issues met Prettier

---
 backend/src/services/assignments.ts                  | 11 +++++------
 backend/src/services/students.ts                     |  4 ++--
 backend/tests/controllers/students.test.ts           |  4 ++--
 frontend/src/views/assignments/TeacherAssignment.vue |  2 +-
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index f0389dd8..71250b62 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -14,14 +14,14 @@ import { mapToSubmissionDTO, mapToSubmissionDTOId } from '../interfaces/submissi
 import { fetchClass } from './classes.js';
 import { QuestionDTO, QuestionId } from '@dwengo-1/common/interfaces/question';
 import { SubmissionDTO, SubmissionDTOId } from '@dwengo-1/common/interfaces/submission';
-import {EntityDTO, ForeignKeyConstraintViolationException} from '@mikro-orm/core';
+import { EntityDTO, ForeignKeyConstraintViolationException } from '@mikro-orm/core';
 import { putObject } from './service-helper.js';
 import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
-import {getQuestionsAboutLearningObjectInAssignment} from "./questions";
-import {LearningObjectIdentifier} from "../entities/content/learning-object-identifier";
-import {ConflictException} from "../exceptions/conflict-exception";
+import { getQuestionsAboutLearningObjectInAssignment } from './questions';
+import { LearningObjectIdentifier } from '../entities/content/learning-object-identifier';
+import { ConflictException } from '../exceptions/conflict-exception';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
@@ -140,10 +140,9 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
     try {
         await assignmentRepository.deleteByClassAndId(cls, id);
     } catch (e: ForeignKeyConstraintViolationException) {
-        throw new ConflictException("Cannot delete assigment with questions or submissions")
+        throw new ConflictException('Cannot delete assigment with questions or submissions');
     }
 
-
     return mapToAssignmentDTO(assignment);
 }
 
diff --git a/backend/src/services/students.ts b/backend/src/services/students.ts
index ced68e1f..2bded59e 100644
--- a/backend/src/services/students.ts
+++ b/backend/src/services/students.ts
@@ -26,7 +26,7 @@ import { ClassJoinRequestDTO } from '@dwengo-1/common/interfaces/class-join-requ
 import { ConflictException } from '../exceptions/conflict-exception.js';
 import { Submission } from '../entities/assignments/submission.entity.js';
 import { mapToUsername } from '../interfaces/user.js';
-import {mapToAssignmentDTO, mapToAssignmentDTOId} from "../interfaces/assignment";
+import { mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment';
 
 export async function getAllStudents(full: boolean): Promise<StudentDTO[] | string[]> {
     const studentRepository = getStudentRepository();
@@ -105,7 +105,7 @@ export async function getStudentAssignments(username: string, full: boolean): Pr
 
     const groupRepository = getGroupRepository();
     const groups = await groupRepository.findAllGroupsWithStudent(student);
-    const assignments = await Promise.all(groups.map( async group => await fetchAssignment(group.assignment.within.classId, group.assignment.id)));
+    const assignments = await Promise.all(groups.map(async (group) => await fetchAssignment(group.assignment.within.classId, group.assignment.id)));
 
     if (full) {
         return assignments.map(mapToAssignmentDTO);
diff --git a/backend/tests/controllers/students.test.ts b/backend/tests/controllers/students.test.ts
index de863351..c3d84fd8 100644
--- a/backend/tests/controllers/students.test.ts
+++ b/backend/tests/controllers/students.test.ts
@@ -13,7 +13,8 @@ import {
     createStudentRequestHandler,
     getStudentRequestsHandler,
     deleteClassJoinRequestHandler,
-    getStudentRequestHandler, getStudentAssignmentsHandler,
+    getStudentRequestHandler,
+    getStudentAssignmentsHandler,
 } from '../../src/controllers/students.js';
 import { getDireStraits, getNoordkaap, getTheDoors, TEST_STUDENTS } from '../test_assets/users/students.testdata.js';
 import { NotFoundException } from '../../src/exceptions/not-found-exception.js';
@@ -163,7 +164,6 @@ describe('Student controllers', () => {
         expect(result.assignments).to.have.length.greaterThan(0);
     });
 
-
     it('Student submissions', async () => {
         const submission = getSubmission01();
         req = { params: { username: submission.submitter.username }, query: { full: 'true' } };
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index a4322c5b..631692bc 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -109,7 +109,7 @@
                 },
                 onError: (e) => {
                     showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
-                }
+                },
             },
         );
     }

From b6d522ce0b25a6e9a3b6e301a59bd6c925ca5eb7 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 16:52:38 +0200
Subject: [PATCH 62/74] fix: lint opnieuw

---
 backend/src/services/assignments.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 71250b62..5dbf6632 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -19,8 +19,6 @@ import { putObject } from './service-helper.js';
 import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
-import { getQuestionsAboutLearningObjectInAssignment } from './questions';
-import { LearningObjectIdentifier } from '../entities/content/learning-object-identifier';
 import { ConflictException } from '../exceptions/conflict-exception';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
@@ -139,8 +137,10 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
 
     try {
         await assignmentRepository.deleteByClassAndId(cls, id);
-    } catch (e: ForeignKeyConstraintViolationException) {
-        throw new ConflictException('Cannot delete assigment with questions or submissions');
+    } catch (e: unkown) {
+        if (e instanceof ForeignKeyConstraintViolationException)
+            {throw new ConflictException("Cannot delete assigment with questions or submissions");}
+        else {throw e;}
     }
 
     return mapToAssignmentDTO(assignment);

From ef511a18899a7a125e9afd1e0d428418bc0cdd93 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 14:54:59 +0000
Subject: [PATCH 63/74] style: fix linting issues met Prettier

---
 backend/src/services/assignments.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 5dbf6632..d5db28c9 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -138,9 +138,11 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
     try {
         await assignmentRepository.deleteByClassAndId(cls, id);
     } catch (e: unkown) {
-        if (e instanceof ForeignKeyConstraintViolationException)
-            {throw new ConflictException("Cannot delete assigment with questions or submissions");}
-        else {throw e;}
+        if (e instanceof ForeignKeyConstraintViolationException) {
+            throw new ConflictException('Cannot delete assigment with questions or submissions');
+        } else {
+            throw e;
+        }
     }
 
     return mapToAssignmentDTO(assignment);

From a6a34071de7133f230f718e5db913b2ef39de14d Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 17:00:00 +0200
Subject: [PATCH 64/74] refactor: stomme typo

---
 backend/src/services/assignments.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index d5db28c9..5a4d3fcd 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -137,7 +137,7 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
 
     try {
         await assignmentRepository.deleteByClassAndId(cls, id);
-    } catch (e: unkown) {
+    } catch (e: unknown) {
         if (e instanceof ForeignKeyConstraintViolationException) {
             throw new ConflictException('Cannot delete assigment with questions or submissions');
         } else {

From 219226148d7d74c64ecc589dfc771efcdad08f92 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 17:09:41 +0200
Subject: [PATCH 65/74] fix: undefined | string/number types

---
 backend/src/services/students.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/backend/src/services/students.ts b/backend/src/services/students.ts
index 2bded59e..a80a0580 100644
--- a/backend/src/services/students.ts
+++ b/backend/src/services/students.ts
@@ -51,8 +51,7 @@ export async function fetchStudent(username: string): Promise<Student> {
 }
 
 export async function fetchStudents(usernames: string[]): Promise<Student[]> {
-    const members = await Promise.all(usernames.map(async (username) => await fetchStudent(username)));
-    return members;
+    return await Promise.all(usernames.map(async (username) => await fetchStudent(username)));
 }
 
 export async function getStudent(username: string): Promise<StudentDTO> {
@@ -105,7 +104,7 @@ export async function getStudentAssignments(username: string, full: boolean): Pr
 
     const groupRepository = getGroupRepository();
     const groups = await groupRepository.findAllGroupsWithStudent(student);
-    const assignments = await Promise.all(groups.map(async (group) => await fetchAssignment(group.assignment.within.classId, group.assignment.id)));
+    const assignments = await Promise.all(groups.map(async (group) => await fetchAssignment(group.assignment.within.classId!, group.assignment.id!)));
 
     if (full) {
         return assignments.map(mapToAssignmentDTO);

From 2ac1b8187cfffd1e1d42f29610892de20a71297c Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 17:44:13 +0200
Subject: [PATCH 66/74] fix: imports + extra error type try and catch

---
 backend/src/services/assignments.ts | 5 +++--
 backend/src/services/students.ts    | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index 5a4d3fcd..b4455cfa 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -19,7 +19,8 @@ import { putObject } from './service-helper.js';
 import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
-import { ConflictException } from '../exceptions/conflict-exception';
+import { ConflictException } from '../exceptions/conflict-exception.js';
+import { PostgreSqlExceptionConverter } from "@mikro-orm/postgresql";
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
@@ -138,7 +139,7 @@ export async function deleteAssignment(classid: string, id: number): Promise<Ass
     try {
         await assignmentRepository.deleteByClassAndId(cls, id);
     } catch (e: unknown) {
-        if (e instanceof ForeignKeyConstraintViolationException) {
+        if (e instanceof ForeignKeyConstraintViolationException || e instanceof PostgreSqlExceptionConverter) {
             throw new ConflictException('Cannot delete assigment with questions or submissions');
         } else {
             throw e;
diff --git a/backend/src/services/students.ts b/backend/src/services/students.ts
index a80a0580..9050e278 100644
--- a/backend/src/services/students.ts
+++ b/backend/src/services/students.ts
@@ -26,7 +26,7 @@ import { ClassJoinRequestDTO } from '@dwengo-1/common/interfaces/class-join-requ
 import { ConflictException } from '../exceptions/conflict-exception.js';
 import { Submission } from '../entities/assignments/submission.entity.js';
 import { mapToUsername } from '../interfaces/user.js';
-import { mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment';
+import { mapToAssignmentDTO, mapToAssignmentDTOId } from '../interfaces/assignment.js';
 
 export async function getAllStudents(full: boolean): Promise<StudentDTO[] | string[]> {
     const studentRepository = getStudentRepository();

From 902518f9b1fbcd1065cff8a03e8d7f9d8499bc01 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Mon, 19 May 2025 17:44:47 +0200
Subject: [PATCH 67/74] feat: snackbar message opdrachten lijst

---
 .../src/views/assignments/UserAssignments.vue | 40 +++++++++++++++----
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index e2fc03c0..caf16026 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -83,16 +83,35 @@
         await router.push(`/assignment/${clsId}/${id}`);
     }
 
-    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
-
-    watch([isSuccess, data], async ([success, oldData]) => {
-        if (success && oldData?.assignment) {
-            window.location.reload();
-        }
+    const snackbar = ref({
+        visible: false,
+        message: "",
+        color: "success",
     });
 
+    function showSnackbar(message: string, color: string): void {
+        snackbar.value.message = message;
+        snackbar.value.color = color;
+        snackbar.value.visible = true;
+    }
+
+    const deleteAssignmentMutation = useDeleteAssignmentMutation();
+
     async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate({ cid: clsId, an: num });
+        deleteAssignmentMutation.mutate(
+            { cid: clsId, an: num },
+            {
+                onSuccess: (data) => {
+                    if (data?.assignment){
+                        window.location.reload();
+                    }
+                    showSnackbar(t("success") ,"success");
+                },
+                onError: (e) => {
+                    showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
+                },
+            }
+        );
     }
 
     function formatDate(date?: string | Date): string {
@@ -208,6 +227,13 @@
                     </v-col>
                 </v-row>
             </v-container>
+            <v-snackbar
+                v-model="snackbar.visible"
+                :color="snackbar.color"
+                timeout="3000"
+            >
+                {{ snackbar.message }}
+            </v-snackbar>
         </using-query-result>
     </div>
 </template>

From 3760b3f6f3d66efa4d4be8790396c5b16c4e8b0b Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 15:47:30 +0000
Subject: [PATCH 68/74] style: fix linting issues met Prettier

---
 backend/src/services/assignments.ts                | 2 +-
 frontend/src/views/assignments/UserAssignments.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/src/services/assignments.ts b/backend/src/services/assignments.ts
index b4455cfa..b9ad9212 100644
--- a/backend/src/services/assignments.ts
+++ b/backend/src/services/assignments.ts
@@ -20,7 +20,7 @@ import { fetchStudents } from './students.js';
 import { ServerErrorException } from '../exceptions/server-error-exception.js';
 import { BadRequestException } from '../exceptions/bad-request-exception.js';
 import { ConflictException } from '../exceptions/conflict-exception.js';
-import { PostgreSqlExceptionConverter } from "@mikro-orm/postgresql";
+import { PostgreSqlExceptionConverter } from '@mikro-orm/postgresql';
 
 export async function fetchAssignment(classid: string, assignmentNumber: number): Promise<Assignment> {
     const classRepository = getClassRepository();
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index caf16026..f1398df2 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -102,15 +102,15 @@
             { cid: clsId, an: num },
             {
                 onSuccess: (data) => {
-                    if (data?.assignment){
+                    if (data?.assignment) {
                         window.location.reload();
                     }
-                    showSnackbar(t("success") ,"success");
+                    showSnackbar(t("success"), "success");
                 },
                 onError: (e) => {
                     showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
                 },
-            }
+            },
         );
     }
 

From 38319ebe5ab79e18cda75638ae9dbd690983c596 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 17:41:40 +0200
Subject: [PATCH 69/74] feat(frontend): Klasnaam is link naar klas

---
 frontend/src/views/assignments/UserAssignments.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index f1398df2..3f7bd5c0 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -180,9 +180,11 @@
                                 <div class="assignment-title">{{ assignment.title }}</div>
                                 <div class="assignment-class">
                                     {{ t("class") }}:
-                                    <span class="class-name">
+                                    <a
+                                        :href="`/class/${assignment?.class?.id}`"
+                                        class="class-name">
                                         {{ assignment?.class?.displayName }}
-                                    </span>
+                                    </a>
                                 </div>
                                 <div
                                     class="assignment-deadline"
@@ -291,6 +293,10 @@
         margin-bottom: 0.2rem;
     }
 
+    .assignment-class a {
+        text-decoration: none;
+    }
+
     .class-name {
         font-weight: 600;
         color: #097180;

From 9bf8c9a75eddfc7bd571ef2d229513e660c76f7e Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 15:55:22 +0000
Subject: [PATCH 70/74] style: fix linting issues met Prettier

---
 frontend/src/views/assignments/UserAssignments.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 3f7bd5c0..0fbdb6d2 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -182,7 +182,8 @@
                                     {{ t("class") }}:
                                     <a
                                         :href="`/class/${assignment?.class?.id}`"
-                                        class="class-name">
+                                        class="class-name"
+                                    >
                                         {{ assignment?.class?.displayName }}
                                     </a>
                                 </div>

From 9a0fc312550028421c62d8789b59308fbf0bd1cc Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 19 May 2025 18:23:07 +0200
Subject: [PATCH 71/74] fix: fout in testdata

---
 .../test_assets/assignments/groups.testdata.ts  |  2 +-
 backend/tool/seedORM.ts                         | 17 ++++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/backend/tests/test_assets/assignments/groups.testdata.ts b/backend/tests/test_assets/assignments/groups.testdata.ts
index f2508108..342d8693 100644
--- a/backend/tests/test_assets/assignments/groups.testdata.ts
+++ b/backend/tests/test_assets/assignments/groups.testdata.ts
@@ -51,7 +51,7 @@ export function makeTestGroups(em: EntityManager): Group[] {
      */
     group05 = em.create(Group, {
         assignment: getAssignment04(),
-        groupNumber: 21001,
+        groupNumber: 21006,
         members: [getNoordkaap(), getDireStraits()],
     });
 
diff --git a/backend/tool/seedORM.ts b/backend/tool/seedORM.ts
index eec73a77..41837ad3 100644
--- a/backend/tool/seedORM.ts
+++ b/backend/tool/seedORM.ts
@@ -1,12 +1,12 @@
-import { Collection, MikroORM } from '@mikro-orm/core';
+import { assign, Collection, MikroORM } from '@mikro-orm/core';
 import { forkEntityManager } from '../src/orm';
 import { makeTestStudents } from '../tests/test_assets/users/students.testdata';
 import { makeTestTeachers } from '../tests/test_assets/users/teachers.testdata';
 import { makeTestLearningObjects } from '../tests/test_assets/content/learning-objects.testdata';
 import { makeTestLearningPaths } from '../tests/test_assets/content/learning-paths.testdata';
 import { makeTestClasses } from '../tests/test_assets/classes/classes.testdata';
-import { makeTestAssignemnts } from '../tests/test_assets/assignments/assignments.testdata';
-import { getTestGroup01, getTestGroup02, getTestGroup03, getTestGroup04, makeTestGroups } from '../tests/test_assets/assignments/groups.testdata';
+import { getAssignment01, getAssignment02, getAssignment04, getConditionalPathAssignment, makeTestAssignemnts } from '../tests/test_assets/assignments/assignments.testdata';
+import { getGroup1ConditionalLearningPath, getTestGroup01, getTestGroup02, getTestGroup03, getTestGroup04, getTestGroup05, makeTestGroups } from '../tests/test_assets/assignments/groups.testdata';
 import { Group } from '../src/entities/assignments/group.entity';
 import { makeTestTeacherInvitations } from '../tests/test_assets/classes/teacher-invitations.testdata';
 import { makeTestClassJoinRequests } from '../tests/test_assets/classes/class-join-requests.testdata';
@@ -36,8 +36,14 @@ export async function seedORM(orm: MikroORM): Promise<void> {
 
     const groups = makeTestGroups(em);
 
-    assignments[0].groups = new Collection<Group>([getTestGroup01(), getTestGroup02(), getTestGroup03()]);
-    assignments[1].groups = new Collection<Group>([getTestGroup04()]);
+    let assignment = getAssignment01();
+    assignment.groups = new Collection<Group>([getTestGroup01(), getTestGroup02(), getTestGroup03()]);
+    assignment = getAssignment02();
+    assignment.groups = new Collection<Group>([getTestGroup04()]);
+    assignment = getAssignment04();
+    assignment.groups = new Collection<Group>([getTestGroup05()]);
+    assignment = getConditionalPathAssignment();
+    assignment.groups = new Collection<Group>([getGroup1ConditionalLearningPath()]);
 
     const teacherInvitations = makeTestTeacherInvitations(em);
     const classJoinRequests = makeTestClassJoinRequests(em);
@@ -68,3 +74,4 @@ export async function seedORM(orm: MikroORM): Promise<void> {
 
     logger.info('Development database seeded successfully!');
 }
+

From fc10fb96d6da921a14987be56c938a3f6cc30df5 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 16:27:22 +0000
Subject: [PATCH 72/74] style: fix linting issues met Prettier

---
 backend/tool/seedORM.ts | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/backend/tool/seedORM.ts b/backend/tool/seedORM.ts
index 41837ad3..b04f0acb 100644
--- a/backend/tool/seedORM.ts
+++ b/backend/tool/seedORM.ts
@@ -5,8 +5,22 @@ import { makeTestTeachers } from '../tests/test_assets/users/teachers.testdata';
 import { makeTestLearningObjects } from '../tests/test_assets/content/learning-objects.testdata';
 import { makeTestLearningPaths } from '../tests/test_assets/content/learning-paths.testdata';
 import { makeTestClasses } from '../tests/test_assets/classes/classes.testdata';
-import { getAssignment01, getAssignment02, getAssignment04, getConditionalPathAssignment, makeTestAssignemnts } from '../tests/test_assets/assignments/assignments.testdata';
-import { getGroup1ConditionalLearningPath, getTestGroup01, getTestGroup02, getTestGroup03, getTestGroup04, getTestGroup05, makeTestGroups } from '../tests/test_assets/assignments/groups.testdata';
+import {
+    getAssignment01,
+    getAssignment02,
+    getAssignment04,
+    getConditionalPathAssignment,
+    makeTestAssignemnts,
+} from '../tests/test_assets/assignments/assignments.testdata';
+import {
+    getGroup1ConditionalLearningPath,
+    getTestGroup01,
+    getTestGroup02,
+    getTestGroup03,
+    getTestGroup04,
+    getTestGroup05,
+    makeTestGroups,
+} from '../tests/test_assets/assignments/groups.testdata';
 import { Group } from '../src/entities/assignments/group.entity';
 import { makeTestTeacherInvitations } from '../tests/test_assets/classes/teacher-invitations.testdata';
 import { makeTestClassJoinRequests } from '../tests/test_assets/classes/class-join-requests.testdata';
@@ -74,4 +88,3 @@ export async function seedORM(orm: MikroORM): Promise<void> {
 
     logger.info('Development database seeded successfully!');
 }
-

From bed875c8d8908f74d6d9633bad9731a22e8f0425 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 19:07:59 +0200
Subject: [PATCH 73/74] chore: Tweaks

---
 backend/tool/seedORM.ts                             | 2 +-
 frontend/src/views/assignments/CreateAssignment.vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/backend/tool/seedORM.ts b/backend/tool/seedORM.ts
index b04f0acb..8a3b7a37 100644
--- a/backend/tool/seedORM.ts
+++ b/backend/tool/seedORM.ts
@@ -1,4 +1,4 @@
-import { assign, Collection, MikroORM } from '@mikro-orm/core';
+import { Collection, MikroORM } from '@mikro-orm/core';
 import { forkEntityManager } from '../src/orm';
 import { makeTestStudents } from '../tests/test_assets/users/students.testdata';
 import { makeTestTeachers } from '../tests/test_assets/users/teachers.testdata';
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index f13c6963..f652c3f5 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -10,6 +10,7 @@
     import type { ClassesResponse } from "@/controllers/classes.ts";
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
     import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
+    import { AccountType } from '@dwengo-1/common/util/account-types';
 
     const route = useRoute();
     const router = useRouter();
@@ -18,7 +19,7 @@
     const username = ref<string>("");
 
     onMounted(async () => {
-        if (role.value === "student") {
+        if (role.value === AccountType.Student) {
             await router.push("/user");
         }
         const user = await auth.loadUser();

From 6671ee0605d24f976071ed3551fa9e25d855b762 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 17:12:00 +0000
Subject: [PATCH 74/74] style: fix linting issues met Prettier

---
 frontend/src/views/assignments/CreateAssignment.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index f652c3f5..745fccc3 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -10,7 +10,7 @@
     import type { ClassesResponse } from "@/controllers/classes.ts";
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
     import { useCreateAssignmentMutation } from "@/queries/assignments.ts";
-    import { AccountType } from '@dwengo-1/common/util/account-types';
+    import { AccountType } from "@dwengo-1/common/util/account-types";
 
     const route = useRoute();
     const router = useRouter();