From 507800e97ec89a922b5f98f7e6631739a3efdcf2 Mon Sep 17 00:00:00 2001
From: Lucas Kikkawa <45891312+lucaskikkawa@users.noreply.github.com>
Date: Tue, 31 Oct 2023 00:15:38 -0300
Subject: [PATCH] feat: performance page (#130)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: performance card

* fix: history

* feat: performance view

* feat: performance view

* feat: adding chart.js in performance-page

* feat: include highcharts and example

* feat: type performance requests

* fix: api path in performance service

* feat: highcharts type and some styles

* feat: perfromance card and cr history chart

* feat: best quad card and cr distribution fetch

* feat: histories cp route

* feat(wip): cp history by course

* refactor(wip): chart area component

* feat: cards adicionados a página de matricula

* feat: finalize styling and logic

* fix: imports

* fix: stats orderby label

* refactor: settings tanstack

* refactor: graphs and style

* feat: stats cards

* feat: stats page loading

* ci: tsc

---------

Co-authored-by: Carlos Alencar <carlos.alencar.99@gmail.com>
Co-authored-by: Mateus Braga <71946082+mateusbrg@users.noreply.github.com>
Co-authored-by: Mateus Braga <teteu040506@gmail.com>
Co-authored-by: FusiDaniel <fpires.daniel@gmail.com>
---
 .github/workflows/ci.yml                      |   2 +-
 apps/container/package.json                   |   9 +-
 apps/container/src/bootstrap.ts               |  10 +-
 .../components/PendingReviewEnrollment.vue    |   2 +-
 .../src/components/PerformanceCard.vue        |  57 ++++
 .../src/components/SingleComment.vue          |   4 +-
 .../src/components/SubjectReview.vue          |   9 +-
 .../src/components/TeacherReview.vue          |   2 +-
 apps/container/src/layouts/AppBar.vue         |   7 -
 apps/container/src/router/index.ts            |  10 -
 .../src/views/History/HistoryView.vue         |   2 +-
 .../src/views/Performance/PerformanceView.vue | 318 +++++++++++++++++-
 .../src/views/Settings/SettingsView.vue       |   2 +-
 apps/container/src/views/Stats/StatsView.vue  | 304 ++++++++++++-----
 apps/react/package.json                       |   5 +-
 package.json                                  |   3 +-
 packages/services/package.json                |   3 +-
 packages/services/src/api.ts                  |   4 +-
 packages/services/src/comments.ts             |   2 +-
 packages/services/src/enrollments.ts          |   2 +-
 packages/services/src/index.ts                |   3 +-
 packages/services/src/performance.ts          |  67 ++++
 packages/services/src/reviews.ts              |   2 +-
 packages/services/src/stats.ts                |   8 +-
 packages/services/src/users.ts                |   2 +-
 packages/stores/package.json                  |   3 +-
 packages/types/package.json                   |   3 +-
 packages/types/src/stats.ts                   |  17 +
 packages/utils/package.json                   |   3 +-
 packages/utils/src/index.ts                   |   1 -
 packages/utils/src/season.ts                  |  79 +++--
 packages/utils/src/seasonFormatting.ts        |  16 -
 turbo.json                                    |   1 +
 yarn.lock                                     | 178 +++++++---
 34 files changed, 912 insertions(+), 228 deletions(-)
 create mode 100644 apps/container/src/components/PerformanceCard.vue
 create mode 100644 packages/services/src/performance.ts
 delete mode 100644 packages/utils/src/seasonFormatting.ts

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8541526f..96b3a342 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        command: ['test', 'lint']
+        command: ['test', 'lint', 'tsc']
 
     steps:
       - uses: actions/checkout@v3
diff --git a/apps/container/package.json b/apps/container/package.json
index bd1b5dfd..70ce3d2b 100644
--- a/apps/container/package.json
+++ b/apps/container/package.json
@@ -10,13 +10,14 @@
     "test": "vitest run --coverage",
     "test:watch": "vitest --coverage",
     "lint": "vue-cli-service lint",
-    "lint:fix": "vue-cli-service lint --fix"
+    "lint:fix": "vue-cli-service lint --fix",
+    "tsc": "tsc --noEmit"
   },
   "dependencies": {
     "@amcharts/amcharts5": "^5.5.2",
     "@mdi/font": "^7.3.67",
-    "@tanstack/query-core": "^5.0.5",
-    "@tanstack/vue-query": "5.4.1",
+    "@tanstack/query-core": "5.4.3",
+    "@tanstack/vue-query": "5.4.3",
     "axios": "^1.6.0",
     "core-js": "3.33.1",
     "element-plus": "2.4.1",
@@ -75,4 +76,4 @@
   "lint-staged": {
     "*.{js,jsx,vue,ts,tsx}": "vue-cli-service lint"
   }
-}
+}
\ No newline at end of file
diff --git a/apps/container/src/bootstrap.ts b/apps/container/src/bootstrap.ts
index a585d19a..44d6364c 100644
--- a/apps/container/src/bootstrap.ts
+++ b/apps/container/src/bootstrap.ts
@@ -21,8 +21,12 @@ import 'element-plus/dist/index.css';
 import '@mdi/font/css/materialdesignicons.css';
 
 import HighchartsVue from 'highcharts-vue'
+import Highcharts from "highcharts";
+import annotationsInit from "highcharts/modules/annotations";
 
-const theme: ThemeDefinition = {
+annotationsInit(Highcharts);
+
+export const theme: ThemeDefinition = {
   dark: false,
   colors: {
     navigation: '#215096',
@@ -31,6 +35,8 @@ const theme: ThemeDefinition = {
     'ufabcnext-green': '#56cdb7',
     'next-gray': '#404040',
     'next-light-gray': '#848687',
+    'ufabcnext-yellow': '#FFCB17',
+    'ufabcnext-red': '#E17472',
     error: '#f45576',
     background: '#ffffff',
   },
@@ -76,4 +82,4 @@ createApp(App)
   })
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   .use(HighchartsVue as any)
-  .mount('#app');
+  .mount('#app');
\ No newline at end of file
diff --git a/apps/container/src/components/PendingReviewEnrollment.vue b/apps/container/src/components/PendingReviewEnrollment.vue
index 2a395f9a..1d276679 100644
--- a/apps/container/src/components/PendingReviewEnrollment.vue
+++ b/apps/container/src/components/PendingReviewEnrollment.vue
@@ -90,7 +90,7 @@ const subjectType = computed(() =>
 const tags = computed(() => {
   const tags = [
     subjectType.value,
-    formatSeason(props.enrollment.year, props.enrollment.quad),
+    formatSeason(props.enrollment.year + ":" + props.enrollment.quad),
   ];
   isEAD.value && tags.push('EAD');
   return tags;
diff --git a/apps/container/src/components/PerformanceCard.vue b/apps/container/src/components/PerformanceCard.vue
new file mode 100644
index 00000000..436a88b5
--- /dev/null
+++ b/apps/container/src/components/PerformanceCard.vue
@@ -0,0 +1,57 @@
+<template>
+  <v-card
+    class="performance-card pa-5 rounded-lg w-100 h-100 d-flex flex-column justify-space-between"
+  >
+    <v-icon class="mb-1 mdi" :class="[props.icon, `text-${props.color}`]" />
+    <span class="text-h5 font-weight-bold">
+      {{ props.title }}
+      <span class="text-body-1 font-weight-light">
+        {{ props.subTitle }}
+      </span>
+    </span>
+
+    <v-card-text
+      class="text-subtitle-2 px-0 pb-0 pt-1 d-flex flex-column justify-end"
+    >
+      <p>
+        {{ description }}
+        <v-btn v-if="tooltip" density="compact" icon="mdi-information-outline" variant="text" class="pa-0 h-auto w-auto">
+          <v-icon/>
+          <v-tooltip open-on-click activator="parent" location="top" >{{tooltip}}</v-tooltip>
+        </v-btn>
+      </p>
+      <v-progress-linear
+        :model-value="100 * progressBarValue/progressBarMaxValue"
+        :model-total="100"
+        height="6"
+        :color="color"
+        bg-color="pink-lighten-3"
+        class="rounded-lg mt-2 d-none d-sm-block"
+      />
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  title: string | number;
+  subTitle?: string;
+  progressBarValue?: number;
+  progressBarMaxValue?: number;
+  description: string;
+  icon: string;
+  color: string;
+  tooltip?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  progressBarValue: 100,
+  progressBarMaxValue: 100,
+});
+</script>
+
+<style lang="scss" scoped>
+.v-progress-linear {
+  height: 6px;
+}
+</style>
diff --git a/apps/container/src/components/SingleComment.vue b/apps/container/src/components/SingleComment.vue
index f732aaa8..fbd4b38d 100644
--- a/apps/container/src/components/SingleComment.vue
+++ b/apps/container/src/components/SingleComment.vue
@@ -183,8 +183,8 @@ const season = computed(() => {
   const [year, quad] = props.comment.enrollment.season?.split(':') ?? [];
 
   return formatSeason(
-    quad ?? props.comment.enrollment.quad,
-    year ?? props.comment.enrollment.year,
+    (year ?? props.comment.enrollment.year) + ':' +
+    (quad ?? props.comment.enrollment.quad)
   );
 });
 
diff --git a/apps/container/src/components/SubjectReview.vue b/apps/container/src/components/SubjectReview.vue
index 05a66017..120a234f 100644
--- a/apps/container/src/components/SubjectReview.vue
+++ b/apps/container/src/components/SubjectReview.vue
@@ -1,5 +1,5 @@
 <template>
-  <CenteredLoading v-if="isFetchingSubject" class="mt-5" />
+  <CenteredLoading v-if="isFetchingSubject" class="mt-10" />
   <PaperCard v-else class="w-100">
     <v-container style="max-width: none">
       <v-row v-if="Number(subjectData?.data.general.count) > 0">
@@ -284,9 +284,8 @@ td {
   outline: 1px solid white;
 }
 
-.order-button {
-  &:hover {
-    color: #56cdb7;
+.order-button:hover {
+    color: rgb(var(--v-theme-ufabcnext-green));
   }
-}
+
 </style>
diff --git a/apps/container/src/components/TeacherReview.vue b/apps/container/src/components/TeacherReview.vue
index 107be499..8bbcde88 100644
--- a/apps/container/src/components/TeacherReview.vue
+++ b/apps/container/src/components/TeacherReview.vue
@@ -3,7 +3,7 @@
     v-if="isFetchingTeacherError"
     text="Erro ao carregar dados do(a) professor(a)"
   />
-  <CenteredLoading v-if="isFetchingTeacher" class="mt-5" />
+  <CenteredLoading v-if="isFetchingTeacher" class="mt-10" />
   <PaperCard v-else class="w-100">
     <v-container style="max-width: none">
       <v-row class="pa-0" v-if="Number(teacherData?.data.general.count) > 0">
diff --git a/apps/container/src/layouts/AppBar.vue b/apps/container/src/layouts/AppBar.vue
index c16e8156..2ccf0be1 100644
--- a/apps/container/src/layouts/AppBar.vue
+++ b/apps/container/src/layouts/AppBar.vue
@@ -123,13 +123,6 @@ const internalNavigationsItems = [
     icon: 'mdi-cog',
     route: '/settings',
   },
-  // {
-  //   title: 'Planejamento',
-  //   featured: false,
-  //   private: true,
-  //   icon: 'mdi-file-document-box-multiple',
-  //   route: '/planning',
-  // },
 ];
 
 const externalNavigationsItems = [
diff --git a/apps/container/src/router/index.ts b/apps/container/src/router/index.ts
index 275972a7..89b4dfbe 100644
--- a/apps/container/src/router/index.ts
+++ b/apps/container/src/router/index.ts
@@ -44,16 +44,6 @@ const routes: Array<RouteRecordRaw> = [
     component: DonateView,
   },
   { path: '/:pathMatch(.*)*', redirect: '/reviews' },
-
-  // {
-  //   path: '/about',
-  //   name: 'about',
-  //   // route level code-splitting
-  //   // this generates a separate chunk (about.[hash].js) for this route
-  //   // which is lazy-loaded when the route is visited.
-  //   component: () =>
-  //     import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
-  // },
 ];
 
 const router = createRouter({
diff --git a/apps/container/src/views/History/HistoryView.vue b/apps/container/src/views/History/HistoryView.vue
index 4487bcdc..b16c1895 100644
--- a/apps/container/src/views/History/HistoryView.vue
+++ b/apps/container/src/views/History/HistoryView.vue
@@ -307,7 +307,7 @@ const handleOpenDialog = (
       : type === 'pratica'
       ? 'prática'
       : 'teoria',
-    formatSeason(processedEnrollment.quad, processedEnrollment.year),
+    formatSeason(processedEnrollment.year + ":" + processedEnrollment.quad),
     isEAD && 'EAD',
   ].filter(Boolean) as string[];
 
diff --git a/apps/container/src/views/Performance/PerformanceView.vue b/apps/container/src/views/Performance/PerformanceView.vue
index f76c136b..85e49d5a 100644
--- a/apps/container/src/views/Performance/PerformanceView.vue
+++ b/apps/container/src/views/Performance/PerformanceView.vue
@@ -1,22 +1,312 @@
 <template>
-  <v-row>
-    <v-col cols="12">
-      <h1>Performance</h1>
-      <h2>Your info in Vue: {{ user?.email }}</h2>
-      <HelloWorld />
-    </v-col>
-  </v-row>
+  <CenteredLoading
+    class="mt-10"
+    v-if="
+      isPendingCrHistory || isPendingCpHistory || isPendingCrDistributionData
+    "
+  />
+  <v-layout class="flex-column align-center justify-center" v-else>
+    <v-row align="stretch" no-gutters class="w-100">
+      <v-col
+        v-for="card in cards"
+        :key="card.title"
+        cols="12"
+        sm="3"
+        class="mb-2 mb-sm-0"
+      >
+        <PerformanceCard
+          :title="card.title"
+          :subTitle="card.subtitle"
+          :description="card.content"
+          :color="card.color"
+          :icon="card.icon"
+          :tooltip="card?.tooltip"
+        >
+        </PerformanceCard>
+      </v-col>
+    </v-row>
+    <PaperCard class="w-100 mt-4">
+      <Chart :options="crHistoryOptions" />
+    </PaperCard>
+    <PaperCard class="w-100 mt-4">
+      <v-select
+          :items="cpHistoryData"
+          :item-title="(course) => course.curso"
+          :item-value="(course) => course"
+          v-model="currentCpCourse"
+          variant="outlined"
+          class="course-select"
+        />
+      <Chart :options="cpHistoryOptions" />
+    </PaperCard>
+    <PaperCard class="w-100 mt-4">
+      <Chart :options="crDistributionOptions" />
+    </PaperCard>
+  </v-layout>
 </template>
+
 <script setup lang="ts">
-import { defineFederatedReactComponent } from '@/utils/moduleFederation';
-import useAuth from '@/store/useAuth'
+import { ref, computed } from 'vue';
+import { Chart } from 'highcharts-vue';
+import { useQuery } from '@tanstack/vue-query';
+import PerformanceCard from '@/components/PerformanceCard.vue';
+import { Performance, type CourseInformation } from 'services';
+import { PaperCard } from '@/components/PaperCard';
+import { theme } from '@/bootstrap';
+import { CenteredLoading } from '@/components/CenteredLoading';
+import { formatSeason } from 'utils';
+
+const areaGraphOptions = {
+  accessibility: {
+    enabled: true,
+  },
+  chart: {
+    type: 'area',
+    style: { fontFamily: 'Roboto, sans-serif' },
+  },
+  plotOptions: {
+    area: {
+      fillOpacity: 0.45,
+      lineWidth: 2,
+      marker: {
+        radius: 4,
+      },
+    },
+  },
+  colors: [theme.colors?.primary],
+  tooltip: {
+    borderRadius: 10,
+    padding: 12,
+  },
+};
 
-const { user } = useAuth();
+const { data: crHistoryData, isPending: isPendingCrHistory } = useQuery({
+  queryKey: ['users', 'me', 'grades'],
+  queryFn: Performance.getCrHistory,
+  select: (response) => response.data,
+});
+
+const crHistorySeries = computed(() => {
+  const arrCrHistory = crHistoryData.value?.map((quad) => {
+    const roundedCr = parseFloat(quad.cr_acumulado.toFixed(2));
+    return [formatSeason(quad.season), roundedCr];
+  });
+  return arrCrHistory;
+});
 
-const HelloWorld = defineFederatedReactComponent({
-  loader: () => import('react/HelloWorld'),
-  props: {
-    name: { type: String, default: 'React' },
+const crHistoryOptions = ref({
+  ...areaGraphOptions,
+  title: {
+    text: 'Seu CR ao longo do tempo',
+  },
+  yAxis: {
+    title: {
+      text: 'CR',
+    },
+    tickInterval: 0.5,
+    min: 0,
+    max: 4,
+  },
+  xAxis: {
+    title: {
+      text: 'Quadrimestre',
+    },
+    crosshair: true,
+    type: 'category',
+  },
+  series: [
+    {
+      name: 'Seu CR',
+      data: crHistorySeries,
+    },
+  ],
+  legend: {
+    verticalAlign: 'top',
+  },
+});
+
+const currentCpCourse = ref<CourseInformation>();
+const { data: cpHistoryData, isPending: isPendingCpHistory } = useQuery({
+  queryKey: ['historiesGraduations'],
+  queryFn: Performance.getHistoriesGraduations,
+  select: (response) => {
+    currentCpCourse.value = response.data.docs[0];
+    return response.data.docs;
+  },
+});
+
+const cpHistorySeries = computed(() => {
+  if (!currentCpCourse.value) return [];
+
+  const result = [];
+  const courseData = currentCpCourse.value.coefficients;
+
+  for (const year in courseData) {
+    for (const quadNumber in courseData[year]) {
+      const cpValue =
+        courseData[year][Number(quadNumber) as 1 | 2 | 3].cp_acumulado;
+      result.push([formatSeason(`${year}:${quadNumber}`), cpValue]);
+    }
+  }
+  return result;
+});
+const cpHistoryOptions = ref({
+  ...areaGraphOptions,
+  title: {
+    text: 'Seu CP ao longo do tempo',
+  },
+  yAxis: {
+    title: {
+      text: 'CP',
+    },
+    min: 0,
+    max: 1,
+  },
+  xAxis: {
+    title: {
+      text: 'Quadrimestre',
+    },
+    crosshair: true,
+    type: 'category',
   },
+  series: [
+    {
+      name: 'Seu CP',
+      data: cpHistorySeries,
+    },
+  ],
 });
+
+const { data: crDistributionData, isPending: isPendingCrDistributionData } =
+  useQuery({
+    queryKey: ['stats', 'grades'],
+    queryFn: Performance.getCrDistribution,
+    select: (response) => response.data,
+  });
+
+const crDistributionSeries = computed(() => {
+  const arrCrDistribution = crDistributionData.value?.map((element) => {
+    return [Number(element._id), element.total];
+  });
+  return arrCrDistribution;
+});
+
+const userCr = computed(() => {
+  return crHistoryData.value?.[crHistoryData.value.length - 1].cr_acumulado;
+});
+
+const closeCrs = computed(
+  () =>
+    crDistributionSeries.value?.find(
+      (element) => element[0].toFixed(1) === userCr.value?.toFixed(1),
+    )?.[1] || '',
+);
+
+const crDistributionOptions = ref({
+  ...areaGraphOptions,
+  title: {
+    text: 'Distribuição de CR',
+  },
+  yAxis: {
+    title: {
+      text: 'Quantidade de alunos',
+    },
+    tickInterval: 50,
+  },
+  xAxis: {
+    title: {
+      text: 'CR',
+    },
+    crosshair: true,
+    type: 'category',
+    tickInterval: 0.5,
+  },
+  series: [
+    {
+      name: 'Quantidade de alunos',
+      data: crDistributionSeries,
+    },
+  ],
+  annotations: [
+    {
+      draggable: '',
+      labelOptions: {
+        crop: false,
+      },
+      labels: [
+        {
+          point: {
+            x: userCr,
+            y: closeCrs,
+            xAxis: 0,
+            yAxis: 0,
+          },
+          text: 'Seu está CR',
+        },
+      ],
+    },
+  ],
+});
+
+const userMaxCr = computed(() => {
+  const crAcumulados = crHistoryData.value?.map((quad) => quad.cr_acumulado);
+  if (crAcumulados) {
+    return Math.max(...crAcumulados).toFixed(2);
+  } else {
+    return 'undefined';
+  }
+});
+
+const maxCreditsQuad = computed(
+  () =>
+    crHistoryData.value?.reduce((previousQuad, currentQuad) => {
+      return previousQuad.period_credits > currentQuad.period_credits
+        ? previousQuad
+        : currentQuad;
+    }),
+);
+
+const bestQuad = computed(() => {
+  return crHistoryData.value?.reduce((previousQuad, currentQuad) => {
+    return previousQuad.cr_quad > currentQuad.cr_quad
+      ? previousQuad
+      : currentQuad;
+  });
+});
+
+const cards = computed(() => [
+  {
+    title: userMaxCr.value,
+    content: 'Seu maior CR até hoje',
+    color: 'ufabcnext-green',
+    icon: 'mdi-chart-line-variant',
+  },
+  {
+    title: closeCrs.value,
+    content: 'Possuem um CR muito próximo ao seu',
+    color: 'navigation',
+    icon: 'mdi-chart-bell-curve',
+  },
+  {
+    title: formatSeason(bestQuad.value?.season || ''),
+    subtitle: `/ ${bestQuad.value?.period_credits} créditos`,
+    content: 'Seu melhor quadrimestre',
+    color: 'primary',
+    icon: 'mdi-trophy-outline',
+    tooltip: 'Foi o quadrimestre em que você tirou suas melhores notas',
+  },
+  {
+    title: formatSeason(maxCreditsQuad.value?.season || ''),
+    subtitle: `/ ${maxCreditsQuad.value?.period_credits} créditos`,
+    content: 'Quadrimestre com mais créditos',
+    color: 'ufabcnext-yellow',
+    icon: 'mdi-fire',
+  },
+]);
 </script>
+
+<style scoped>
+.course-select {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/apps/container/src/views/Settings/SettingsView.vue b/apps/container/src/views/Settings/SettingsView.vue
index 9c05dd86..70f945ff 100644
--- a/apps/container/src/views/Settings/SettingsView.vue
+++ b/apps/container/src/views/Settings/SettingsView.vue
@@ -275,4 +275,4 @@ const reloadPage = () => window.location.reload();
   padding: 2px;
   border-radius: 6px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/apps/container/src/views/Stats/StatsView.vue b/apps/container/src/views/Stats/StatsView.vue
index f0f88521..2b1957df 100644
--- a/apps/container/src/views/Stats/StatsView.vue
+++ b/apps/container/src/views/Stats/StatsView.vue
@@ -1,102 +1,175 @@
 <template>
-  <PaperCard>
-    <el-tabs v-model="tab">
-      <el-tab-pane label="Turmas" name="classes"></el-tab-pane>
-      <el-tab-pane label="Cursos" name="courses"></el-tab-pane>
-      <el-tab-pane label="Disciplinas" name="subjects"></el-tab-pane>
-    </el-tabs>
-
-    <div
-      class="d-flex justify-space-between flex-column flex-md-row align-md-center mb-4"
-    >
-      <p>{{ total }} resultados encontrados</p>
-      <el-checkbox-group
-        v-model="filterByPeriod"
-        style="min-width: 200px"
-        class="my-2 my-md-0"
-      >
-        <el-checkbox label="diurno">Matutino</el-checkbox>
-        <el-checkbox label="noturno">Noturno</el-checkbox>
-      </el-checkbox-group>
+  <CenteredLoading
+    class="mt-10"
+    v-if="isPendingUsage || isPendingDeficit || subjects.isLoading.value"
+  />
+  <div v-else>
+    <PaperCard>
       <v-menu transition="slide-y-transition">
         <template v-slot:activator="{ props }">
-          <div>
-            <button v-bind="props" class="text-body-2 order-button mr-2">
-              <span class="font-weight-bold text-black"> Ordenar por: </span>
-              {{ orderByOptions.find((o) => o === orderBy) }}
-              <v-icon class="text-ufabcnext-green"> mdi-menu-down </v-icon>
+          <div class="w-100 d-flex align-center justify-center">
+            <button v-bind="props" class="text-h6 text-sm-h4 font-weight-bold">
+              {{ prettifySeason(selectedSeason) }}
+              <v-icon size="x-small" class="text-ufabcnext-green">
+                mdi-menu-down
+              </v-icon>
             </button>
           </div>
         </template>
         <v-list>
           <v-list-item
-            v-for="item in orderByOptions"
-            @click="changeOrderBy(item)"
-            :key="item"
+            v-for="season in elapsedSeasons"
+            :key="season"
+            @click="changeSelectedSeason(season)"
           >
-            <v-list-item-title>{{ item }}</v-list-item-title>
+            <v-list-item-title>{{ prettifySeason(season) }}</v-list-item-title>
           </v-list-item>
         </v-list>
       </v-menu>
-    </div>
-
-    <el-table
-      empty-text="Nenhum dado encontrado"
-      ref="disciplinas"
-      v-loading="isLoadingCurrentInfo"
-      :data="disciplinas"
-      style="width: 100%"
-    >
-      <el-table-column fixed="left" min-width="200" label="Nome">
-        <template #default="scope">
-          {{ matriculaNameLabel(scope.row) }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="vagas" label="Vagas" align="center" width="150">
-      </el-table-column>
-      <el-table-column
-        prop="requisicoes"
-        label="Requisições"
-        align="center"
-        width="150"
+    </PaperCard>
+    <v-row align="stretch" no-gutters class="w-100 mt-4">
+      <v-col
+        v-for="card in cards"
+        :key="card.title"
+        cols="12"
+        sm="3"
+        class="mb-2 mb-sm-0"
+      >
+        <PerformanceCard
+          :title="card.title"
+          :subTitle="card.subtitle"
+          :description="card.content"
+          :color="card.color"
+          :icon="card.icon"
+          :progressBarValue="card.progressBarValue"
+          :progressBarMaxValue="card.progressBarMaxValue"
+          :tooltip="card.tooltip"
+        >
+        </PerformanceCard>
+      </v-col>
+    </v-row>
+    <PaperCard class="mt-4">
+      <el-tabs v-model="tab">
+        <el-tab-pane label="Turmas" name="classes"></el-tab-pane>
+        <el-tab-pane label="Cursos" name="courses"></el-tab-pane>
+        <el-tab-pane label="Disciplinas" name="subjects"></el-tab-pane>
+      </el-tabs>
+
+      <div
+        class="d-flex justify-space-between flex-column flex-md-row align-md-center mb-4"
       >
-      </el-table-column>
-      <el-table-column
-        prop="deficit"
-        label="Deficit"
-        align="center"
-        width="150"
+        <p>{{ total }} resultados encontrados</p>
+        <el-checkbox-group
+          v-model="filterByPeriod"
+          style="min-width: 200px"
+          class="my-2 my-md-0"
+        >
+          <el-checkbox label="diurno">Matutino</el-checkbox>
+          <el-checkbox label="noturno">Noturno</el-checkbox>
+        </el-checkbox-group>
+        <v-menu transition="slide-y-transition">
+          <template v-slot:activator="{ props }">
+            <div>
+              <button v-bind="props" class="text-body-2 order-button mr-2">
+                <span class="font-weight-bold text-black"> Ordenar por: </span>
+                {{
+                  orderByOptionsLabel[
+                    orderByOptions.findIndex((o) => o === orderBy)
+                  ]
+                }}
+                <v-icon class="text-ufabcnext-green"> mdi-menu-down </v-icon>
+              </button>
+            </div>
+          </template>
+          <v-list>
+            <v-list-item
+              v-for="(item, index) in orderByOptions"
+              @click="changeOrderBy(item)"
+              :key="item"
+            >
+              <v-list-item-title>{{
+                orderByOptionsLabel[index]
+              }}</v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-menu>
+      </div>
+
+      <el-table
+        empty-text="Nenhum dado encontrado"
+        ref="disciplinas"
+        v-loading="isLoadingCurrentInfo"
+        :data="disciplinas"
+        style="width: 100%"
       >
-      </el-table-column>
-      <el-table-column
-        prop="ratio"
-        label="Pessoas por vaga"
-        align="center"
-        width="160"
+        <el-table-column fixed="left" min-width="200" label="Nome">
+          <template #default="scope">
+            {{ matriculaNameLabel(scope.row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="vagas" label="Vagas" align="center" width="150">
+        </el-table-column>
+        <el-table-column
+          prop="requisicoes"
+          label="Requisições"
+          align="center"
+          width="150"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="deficit"
+          label="Deficit"
+          align="center"
+          width="150"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="ratio"
+          label="Pessoas por vaga"
+          align="center"
+          width="160"
+        >
+          <template #default="scope">
+            {{ scope.row.ratio.toFixed(2) }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-button
+        v-if="hasMoreItems"
+        @click="fetchMoreItems()"
+        class="w-100 mt-2"
       >
-        <template #default="scope">
-          {{ scope.row.ratio.toFixed(2) }}
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-button v-if="hasMoreItems" @click="fetchMoreItems()" class="w-100 mt-2">
-      Carregar mais <i class="el-icon-arrow-down el-icon-right"></i>
-    </el-button>
-  </PaperCard>
+        Carregar mais <i class="el-icon-arrow-down el-icon-right"></i>
+      </el-button>
+    </PaperCard>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { StatsSubjects, type StatsParams } from 'services';
-import type { StatsClass, StatsSubject, StatsCourse } from 'types';
+import type {
+  StatsClass,
+  StatsSubject,
+  StatsCourse,
+  PageableReturn,
+} from 'types';
 import { useInfiniteQuery, useQuery } from '@tanstack/vue-query';
-import { getSeason } from 'utils';
+import { getElapsedSeasons, getSeason, prettifySeason } from 'utils';
 import { PaperCard } from '@/components/PaperCard';
+import { CenteredLoading } from '@/components/CenteredLoading';
+import PerformanceCard from '@/components/PerformanceCard.vue';
 
 type Tab = 'classes' | 'courses' | 'subjects';
 type OrderBy = 'deficit' | 'ratio' | 'vagas' | 'requisicoes';
 
 const orderByOptions: OrderBy[] = ['deficit', 'ratio', 'vagas', 'requisicoes'];
+const orderByOptionsLabel = [
+  'Deficit',
+  'Pessoas por vaga',
+  'Vagas',
+  'Requisições',
+];
 
 const orderBy = ref<OrderBy>('deficit');
 
@@ -115,11 +188,17 @@ const pages = ref({
   classes: 0,
 });
 
-const { year, quad } = getSeason();
+const selectedSeason = ref(getSeason());
+
+const changeSelectedSeason = (season: string) => {
+  selectedSeason.value = season;
+};
+
+const elapsedSeasons = getElapsedSeasons({ endSeason: selectedSeason.value });
 
 const params = computed<StatsParams>(() => ({
   page: pages.value[tab.value],
-  season: `${year}:${quad}`,
+  season: selectedSeason.value,
   turno:
     filterByPeriod.value.length === 1 ? filterByPeriod.value[0] : undefined,
   deficit: orderBy.value === 'deficit' ? 1 : undefined,
@@ -137,11 +216,15 @@ const subjects = useInfiniteQuery({
   queryKey: [
     'stats',
     'disciplinas',
+    selectedSeason,
     pages.value.subjects,
     orderBy,
     filterByPeriod,
   ],
-  getNextPageParam: (lastPage: { data: { total: number } }, allPages) => {
+  getNextPageParam: (
+    lastPage: { data: PageableReturn<StatsSubject> },
+    allPages,
+  ) => {
     if (lastPage.data.total >= allPages.length * 10) {
       return allPages.length;
     }
@@ -157,11 +240,15 @@ const courses = useInfiniteQuery({
     'stats',
     'disciplinas',
     'courses',
+    selectedSeason,
     pages.value.courses,
     orderBy,
     filterByPeriod,
   ],
-  getNextPageParam: (lastPage: { data: { total: number } }, allPages) => {
+  getNextPageParam: (
+    lastPage: { data: PageableReturn<StatsCourse> },
+    allPages,
+  ) => {
     if (lastPage.data.total >= allPages.length * 10) {
       return allPages.length;
     }
@@ -177,11 +264,15 @@ const classes = useInfiniteQuery({
     'stats',
     'disciplinas',
     'classes',
+    selectedSeason,
     pages.value.classes,
     orderBy,
     filterByPeriod,
   ],
-  getNextPageParam: (lastPage: { data: { total: number } }, allPages) => {
+  getNextPageParam: (
+    lastPage: { data: PageableReturn<StatsClass> },
+    allPages,
+  ) => {
     if (lastPage.data.total >= allPages.length * 10) {
       return allPages.length;
     }
@@ -255,12 +346,61 @@ const matriculaNameLabel = (data: StatsClass | StatsSubject | StatsCourse) => {
 
   return `${info.disciplina} ${info.turma}-${mapTurnoLabel(info.turno)}`;
 };
+
+const { data: deficit, isPending: isPendingDeficit } = useQuery({
+  queryFn: () => StatsSubjects.getOverview({ season: selectedSeason.value }),
+  queryKey: ['stats', 'disciplinas', 'overview'],
+  select: ({ data }) => -data.data[0]?.deficit,
+});
+
+const { data: usage, isPending: isPendingUsage } = useQuery({
+  queryFn: () => StatsSubjects.getUsage({ season: selectedSeason.value }),
+  queryKey: ['stats', 'usage'],
+  select: ({ data }) => data,
+});
+
+const currentAlunosPercentage = computed(() =>
+  (
+    (100 * (usage.value?.currentAlunos || 0)) /
+    (usage.value?.totalAlunos || 1)
+  ).toFixed(),
+);
+
+const cards = computed(() => [
+  {
+    title: usage.value?.currentAlunos || 0,
+    subtitle: '/' + usage.value?.totalAlunos,
+    content: 'Alunos usando a extensão',
+    color: 'ufabcnext-green',
+    icon: 'mdi-account-group',
+    progressBarValue: usage.value?.currentAlunos,
+    progressBarMaxValue: usage.value?.totalAlunos,
+    tooltip:
+      currentAlunosPercentage.value + '% dos alunos estão usando a extensão',
+  },
+  {
+    title: usage.value?.subjects || 0,
+    content: 'Turmas',
+    color: 'navigation',
+    icon: 'mdi-book-open-variant',
+  },
+  {
+    title: usage.value?.teachers || 0,
+    content: 'Professores',
+    color: 'primary',
+    icon: 'mdi-human-male-board',
+  },
+  {
+    title: deficit.value || 0,
+    content: 'Vagas que sobraram',
+    color: 'ufabcnext-red',
+    icon: 'mdi-import',
+  },
+]);
 </script>
 
-<style scoped>
-.order-button {
-  &:hover {
-    color: #56cdb7;
-  }
+<style scoped lang="scss">
+.order-button:hover {
+  color: rgb(var(--v-theme-ufabcnext-green));
 }
 </style>
diff --git a/apps/react/package.json b/apps/react/package.json
index 5865aba3..bc4f5631 100644
--- a/apps/react/package.json
+++ b/apps/react/package.json
@@ -6,7 +6,8 @@
     "dev": "webpack serve --mode development",
     "build": "webpack --mode production",
     "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "lint:fix": "eslint . --fix",
+    "tsc": "tsc --noEmit"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
@@ -33,7 +34,7 @@
   },
   "engineStrict": true,
   "dependencies": {
-    "@tanstack/react-query": "5.0.5",
+    "@tanstack/react-query": "5.4.3",
     "react": "^18.2.0",
     "store": "*",
     "services": "*",
diff --git a/package.json b/package.json
index 48d19c16..f2a4abb3 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,8 @@
     "dev": "turbo run dev",
     "lint": "turbo run lint",
     "lint:fix": "turbo run lint:fix",
-    "test": "turbo run test"
+    "test": "turbo run test",
+    "tsc": "turbo run tsc"
   },
   "devDependencies": {
     "eslint": "^8.52.0",
diff --git a/packages/services/package.json b/packages/services/package.json
index fd00208f..b8d24265 100644
--- a/packages/services/package.json
+++ b/packages/services/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "lint": "eslint src/**/*",
-    "lint:fix": "eslint src/**/* --fix"
+    "lint:fix": "eslint src/**/* --fix",
+    "tsc": "tsc --noEmit"    
   },
   "devDependencies": {
     "eslint-config-custom": "*",
diff --git a/packages/services/src/api.ts b/packages/services/src/api.ts
index 71d1b982..83dc4c4f 100644
--- a/packages/services/src/api.ts
+++ b/packages/services/src/api.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import { authStore } from 'stores';
 
-const api = axios.create({ baseURL: 'https://api.ufabcnext.com/v1/' });
+export const api = axios.create({ baseURL: 'https://api.ufabcnext.com/v1/' });
 
 api.interceptors.request.use(async (config) => {
   const { token } = authStore.getState();
@@ -10,5 +10,3 @@ api.interceptors.request.use(async (config) => {
   }
   return config;
 });
-
-export default api;
diff --git a/packages/services/src/comments.ts b/packages/services/src/comments.ts
index f7eac898..ae418542 100644
--- a/packages/services/src/comments.ts
+++ b/packages/services/src/comments.ts
@@ -1,6 +1,6 @@
 import { Comment } from 'types';
 
-import api from './api';
+import { api } from './api';
 
 type GetCommentResponse = {
   data: Comment[];
diff --git a/packages/services/src/enrollments.ts b/packages/services/src/enrollments.ts
index 6af3b144..17567ccd 100644
--- a/packages/services/src/enrollments.ts
+++ b/packages/services/src/enrollments.ts
@@ -1,6 +1,6 @@
 import { Concept } from 'types';
 
-import api from './api';
+import { api } from './api';
 
 type EnrollmentTeacherComment = {
   _id: string;
diff --git a/packages/services/src/index.ts b/packages/services/src/index.ts
index 38ff20be..b23b3f1e 100644
--- a/packages/services/src/index.ts
+++ b/packages/services/src/index.ts
@@ -3,4 +3,5 @@ export * from './enrollments';
 export * from './users';
 export * from './reviews';
 export * from './stats';
-export { default as api } from './api';
+export * from './api';
+export * from './performance';
diff --git a/packages/services/src/performance.ts b/packages/services/src/performance.ts
new file mode 100644
index 00000000..5f6d6c66
--- /dev/null
+++ b/packages/services/src/performance.ts
@@ -0,0 +1,67 @@
+import { api } from './api';
+
+type QuadInformation = {
+  accumulated_credits: number;
+  ca_acumulado: number;
+  ca_quad: number;
+  cp_acumulado: number;
+  cr_acumulado: number;
+  cr_quad: number;
+  percentage_approved: number;
+  period_credits: number;
+  quad: number;
+  season: string;
+  year: number;
+};
+
+type CrDistributionData = {
+  point: string;
+  total: number;
+  _id: string;
+};
+
+type Disciplina = {
+  codigo: string;
+  categoria: string;
+  conceito: string;
+  creditos: number;
+  periodo: string;
+  ano: number;
+  situacao: string;
+  disciplina: string;
+};
+
+type Quads = 1 | 2 | 3;
+
+type CoefficientsByYear = {
+  [year: string]: Record<Quads, QuadInformation>;
+};
+
+export type CourseInformation = {
+  _id: string;
+  curso: string;
+  grade: string;
+  ra: number;
+  __v: number;
+  coefficients: CoefficientsByYear;
+  createdAt: string;
+  disciplinas: Disciplina[];
+  graduation: string;
+  updatedAt: string;
+  id: string;
+};
+
+type HistoriesGraduations = {
+  docs: CourseInformation[];
+  total: number;
+  page: number;
+  limit: number;
+  pages: number;
+};
+
+export const Performance = {
+  getCrHistory: () => api.get<QuadInformation[]>('users/me/grades'),
+  getCrDistribution: () => api.get<CrDistributionData[]>('stats/grades'),
+  getHistoriesGraduations: () =>
+    api.get<HistoriesGraduations>('historiesGraduations'),
+};
diff --git a/packages/services/src/reviews.ts b/packages/services/src/reviews.ts
index 48d8834d..245663a9 100644
--- a/packages/services/src/reviews.ts
+++ b/packages/services/src/reviews.ts
@@ -5,7 +5,7 @@ import {
   TeacherReview,
 } from 'types';
 
-import api from './api';
+import { api } from './api';
 
 type SearchTeacher = {
   data: SearchTeacherItem[];
diff --git a/packages/services/src/stats.ts b/packages/services/src/stats.ts
index 1608c017..609f8646 100644
--- a/packages/services/src/stats.ts
+++ b/packages/services/src/stats.ts
@@ -3,10 +3,12 @@ import type {
   PageableReturn,
   StatsClass,
   StatsCourse,
+  StatsOverview,
   StatsSubject,
+  StatsUsage,
 } from 'types';
 
-import api from './api';
+import { api } from './api';
 
 export type StatsParams = {
   page: number;
@@ -30,4 +32,8 @@ export const StatsSubjects = {
       params,
     }),
   getAllCoursesNames: () => api.get<CourseName[]>('/histories/courses'),
+  getOverview: (params: { season: string }) =>
+    api.get<StatsOverview>('/stats/disciplinas/overview', { params }),
+  getUsage: (params: { season: string }) =>
+    api.get<StatsUsage>('/stats/usage', { params }),
 };
diff --git a/packages/services/src/users.ts b/packages/services/src/users.ts
index b37e9a7a..865e5f3b 100644
--- a/packages/services/src/users.ts
+++ b/packages/services/src/users.ts
@@ -1,4 +1,4 @@
-import api from './api';
+import { api } from './api';
 
 export type Oauth = {
   email: string;
diff --git a/packages/stores/package.json b/packages/stores/package.json
index 4492078e..b9ceaaff 100644
--- a/packages/stores/package.json
+++ b/packages/stores/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "lint": "eslint src/**/*",
-    "lint:fix": "eslint src/**/* --fix"
+    "lint:fix": "eslint src/**/* --fix",
+    "tsc": "tsc --noEmit"
   },
   "devDependencies": {
     "eslint-config-custom": "*",
diff --git a/packages/types/package.json b/packages/types/package.json
index 19f37380..418dd6ee 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "lint": "eslint src/**/*",
-    "lint:fix": "eslint src/**/* --fix"
+    "lint:fix": "eslint src/**/* --fix",
+    "tsc": "tsc --noEmit"
   },
   "devDependencies": {
     "eslint-config-custom": "*",
diff --git a/packages/types/src/stats.ts b/packages/types/src/stats.ts
index df82b0e4..6d79c9c1 100644
--- a/packages/types/src/stats.ts
+++ b/packages/types/src/stats.ts
@@ -37,3 +37,20 @@ export type CourseName = {
   curso_id: number;
   name: string;
 };
+
+export type StatsOverview = PageableReturn<{
+  _id: number;
+  vagas: number;
+  requisicoes: number;
+  deficit: number;
+}>;
+
+export type StatsUsage = {
+  teachers: number;
+  totalAlunos: number;
+  subjects: number;
+  users: number;
+  currentAlunos: number;
+  comments: number;
+  enrollments: number;
+};
diff --git a/packages/utils/package.json b/packages/utils/package.json
index d571179a..0c7bd2b3 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "lint": "eslint src/**/*",
-    "lint:fix": "eslint src/**/* --fix"
+    "lint:fix": "eslint src/**/* --fix",
+    "tsc": "tsc --noEmit"
   },
   "devDependencies": {
     "eslint-config-custom": "*",
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 172b5dfe..a701e9cc 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,5 +1,4 @@
 export * from './transformConceptDataToObject';
 export * from './dateToTimeAgo';
-export * from './seasonFormatting';
 export * from './consts';
 export * from './season';
diff --git a/packages/utils/src/season.ts b/packages/utils/src/season.ts
index 125280f5..31f2e273 100644
--- a/packages/utils/src/season.ts
+++ b/packages/utils/src/season.ts
@@ -1,23 +1,62 @@
-const findQuadFromDate = (month: number): 1 | 2 | 3 => {
-  if ([0, 1, 10, 11].includes(month)) return 1;
-  if ([2, 3, 4, 5].includes(month)) return 2;
-  return 3;
+import dayjs from 'dayjs';
+
+export const getSeason = (date = dayjs()) => {
+  const year = date.year();
+  const month = date.month();
+  let quad;
+  if (month < 4) {
+    quad = 1;
+  } else if (month < 8) {
+    quad = 2;
+  } else {
+    quad = 3;
+  }
+
+  return `${year}:${quad}`;
+};
+
+type getElapsedSeasonsProps = {
+  startSeason?: string;
+  endSeason: string;
+};
+
+export const getElapsedSeasons = ({
+  startSeason = '2019:1',
+  endSeason,
+}: getElapsedSeasonsProps) => {
+  let currentSeason = startSeason;
+  let seasons = [startSeason];
+  while (currentSeason != endSeason) {
+    let year = Number(currentSeason.split(':')[0]);
+    let quad = Number(currentSeason.split(':')[1]);
+    if (quad == 3) {
+      quad = 1;
+      year++;
+    } else {
+      quad++;
+    }
+    currentSeason = year + ':' + quad;
+    seasons.push(currentSeason);
+  }
+
+  return seasons;
+};
+
+export const checkEAD = (year: string | number, quad: string | number) => {
+  const possibles = getElapsedSeasons({
+    startSeason: '2020:1',
+    endSeason: '2022:2',
+  });
+
+  return possibles.includes(`${year}:${quad}`);
+};
+
+export const formatSeason = (season: string) => {
+  const [year, quad] = season.split(':');
+  return `Q${quad} ${year}`;
 };
 
-export const getSeason = (date = new Date()) => {
-  const month = date.getMonth();
-  return {
-    1: {
-      quad: 1,
-      year: date.getFullYear() + (month < 6 ? 0 : 1),
-    },
-    2: {
-      quad: 2,
-      year: date.getFullYear(),
-    },
-    3: {
-      quad: 3,
-      year: date.getFullYear(),
-    },
-  }[findQuadFromDate(date.getMonth() || month)];
+export const prettifySeason = (season: string) => {
+  const [year, quad] = season.split(':');
+  return `${quad}º quadrimestre de ${year}`;
 };
diff --git a/packages/utils/src/seasonFormatting.ts b/packages/utils/src/seasonFormatting.ts
deleted file mode 100644
index d8fdeb56..00000000
--- a/packages/utils/src/seasonFormatting.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export const checkEAD = (year: string | number, quad: string | number) => {
-  const possibles = [
-    '2020:1',
-    '2020:2',
-    '2020:3',
-    '2021:1',
-    '2021:2',
-    '2021:3',
-    '2022:1',
-    '2022:2',
-  ];
-  return possibles.includes(`${year}:${quad}`);
-};
-
-export const formatSeason = (quad: string | number, year: string | number) =>
-  `Q${quad} ${year}`;
diff --git a/turbo.json b/turbo.json
index 7b43e920..44d38322 100644
--- a/turbo.json
+++ b/turbo.json
@@ -15,6 +15,7 @@
     },
     "lint": {},
     "lint:fix": {},
+    "tsc": {},
     "test": {},
     "test:watch": {
       "cache": false
diff --git a/yarn.lock b/yarn.lock
index 0c3a830f..e81dfa52 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1701,25 +1701,25 @@
   dependencies:
     remove-accents "0.4.2"
 
-"@tanstack/query-core@5.0.5", "@tanstack/query-core@^5.0.5":
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.0.5.tgz#db02d648398f75a04cc536dacd640265f3614b14"
-  integrity sha512-MThCETMkHDHTnFZHp71L+SqTtD5d6XHftFCVR1xRJdWM3qGrlQ2VCXaj0SKVcyJej2e1Opa2c7iknu1llxCDNQ==
+"@tanstack/query-core@5.4.3":
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.4.3.tgz#fbdd36ccf1acf70579980f2e7cf16d2c2aa2a5e9"
+  integrity sha512-fnI9ORjcuLGm1sNrKatKIosRQUpuqcD4SV7RqRSVmj8JSicX2aoMyKryHEBpVQvf6N4PaBVgBxQomjsbsGPssQ==
 
-"@tanstack/react-query@5.0.5":
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.0.5.tgz#f26e05290f4b6bc9014704a65d05cf0cf47afe6e"
-  integrity sha512-ZG0Q4HZ0iuI8mWiZ2/MdVYPHbrmAVhMn7+gLOkxJh6zLIgCL4luSZlohzN5Xt4MjxfxxWioO1nemwpudaTsmQg==
+"@tanstack/react-query@5.4.3":
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.4.3.tgz#cf59120690032e44b8c1c4c463cfb43aaad2fc5f"
+  integrity sha512-4aSOrRNa6yEmf7mws5QPTVMn8Lp7L38tFoTZ0c1ZmhIvbr8GIA0WT7X5N3yz/nuK8hUtjw9cAzBr4BPDZZ+tzA==
   dependencies:
-    "@tanstack/query-core" "5.0.5"
+    "@tanstack/query-core" "5.4.3"
 
-"@tanstack/vue-query@5.4.1":
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/@tanstack/vue-query/-/vue-query-5.4.1.tgz#e37c9f76bde8ea2b50a413309f3e0aab468dec89"
-  integrity sha512-xACG5qUV1jp8t/Uk72VsCXu3UcwNdGwL4t+F+DqDl00LkDoRhjH/AWKSQc7EVKI6S8Pla4IjAvL8wLbpLtCncw==
+"@tanstack/vue-query@5.4.3":
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/vue-query/-/vue-query-5.4.3.tgz#1f93e1bbe1bac8765c70b5fc891a5f3ffd671660"
+  integrity sha512-mJDUrh0tDjqdFq6UPHUaxD2iGMNlhejoQnfv2d2dzdzXwCE58HETuqmmrPFD5D4trZamPlV8UoVtQh/cmkQglA==
   dependencies:
     "@tanstack/match-sorter-utils" "^8.8.4"
-    "@tanstack/query-core" "5.0.5"
+    "@tanstack/query-core" "5.4.3"
     "@vue/devtools-api" "^6.5.0"
     vue-demi "^0.14.6"
 
@@ -2078,9 +2078,9 @@
     "@types/json-schema" "*"
 
 "@types/estree@*", "@types/estree@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.3.tgz#2be19e759a3dd18c79f9f436bd7363556c1a73dd"
-  integrity sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.4.tgz#d9748f5742171b26218516cf1828b8eafaf8a9fa"
+  integrity sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==
 
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
   version "4.17.39"
@@ -2323,7 +2323,7 @@
   dependencies:
     "@types/node" "*"
 
-"@typescript-eslint/eslint-plugin@6.9.0", "@typescript-eslint/eslint-plugin@^6.7.0":
+"@typescript-eslint/eslint-plugin@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.0.tgz#fdb6f3821c0167e3356e9d89c80e8230b2e401f4"
   integrity sha512-lgX7F0azQwRPB7t7WAyeHWVfW1YJ9NIgd9mvGhfQpRY56X6AVf8mwM8Wol+0z4liE7XX3QOt8MN1rUKCfSjRIA==
@@ -2340,7 +2340,24 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@6.9.0", "@typescript-eslint/parser@^6.7.0":
+"@typescript-eslint/eslint-plugin@^6.7.0":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.1.tgz#d8ce497dc0ed42066e195c8ecc40d45c7b1254f4"
+  integrity sha512-w0tiiRc9I4S5XSXXrMHOWgHgxbrBn1Ro+PmiYhSg2ZVdxrAJtQgzU5o2m1BfP6UOn7Vxcc6152vFjQfmZR4xEg==
+  dependencies:
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.9.1"
+    "@typescript-eslint/type-utils" "6.9.1"
+    "@typescript-eslint/utils" "6.9.1"
+    "@typescript-eslint/visitor-keys" "6.9.1"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/parser@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.9.0.tgz#2b402cadeadd3f211c25820e5433413347b27391"
   integrity sha512-GZmjMh4AJ/5gaH4XF2eXA8tMnHWP+Pm1mjQR2QN4Iz+j/zO04b9TOvJYOX2sCNIQHtRStKTxRY1FX7LhpJT4Gw==
@@ -2351,6 +2368,17 @@
     "@typescript-eslint/visitor-keys" "6.9.0"
     debug "^4.3.4"
 
+"@typescript-eslint/parser@^6.7.0":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.9.1.tgz#4f685f672f8b9580beb38d5fb99d52fc3e34f7a3"
+  integrity sha512-C7AK2wn43GSaCUZ9do6Ksgi2g3mwFkMO3Cis96kzmgudoVaKyt62yNzJOktP0HDLb/iO2O0n2lBOzJgr6Q/cyg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.9.1"
+    "@typescript-eslint/types" "6.9.1"
+    "@typescript-eslint/typescript-estree" "6.9.1"
+    "@typescript-eslint/visitor-keys" "6.9.1"
+    debug "^4.3.4"
+
 "@typescript-eslint/scope-manager@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.9.0.tgz#2626e9a7fe0e004c3e25f3b986c75f584431134e"
@@ -2359,6 +2387,14 @@
     "@typescript-eslint/types" "6.9.0"
     "@typescript-eslint/visitor-keys" "6.9.0"
 
+"@typescript-eslint/scope-manager@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.9.1.tgz#e96afeb9a68ad1cd816dba233351f61e13956b75"
+  integrity sha512-38IxvKB6NAne3g/+MyXMs2Cda/Sz+CEpmm+KLGEM8hx/CvnSRuw51i8ukfwB/B/sESdeTGet1NH1Wj7I0YXswg==
+  dependencies:
+    "@typescript-eslint/types" "6.9.1"
+    "@typescript-eslint/visitor-keys" "6.9.1"
+
 "@typescript-eslint/type-utils@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.9.0.tgz#23923c8c9677c2ad41457cf8e10a5f2946be1b04"
@@ -2369,11 +2405,26 @@
     debug "^4.3.4"
     ts-api-utils "^1.0.1"
 
+"@typescript-eslint/type-utils@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.9.1.tgz#efd5db20ed35a74d3c7d8fba51b830ecba09ce32"
+  integrity sha512-eh2oHaUKCK58qIeYp19F5V5TbpM52680sB4zNSz29VBQPTWIlE/hCj5P5B1AChxECe/fmZlspAWFuRniep1Skg==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.9.1"
+    "@typescript-eslint/utils" "6.9.1"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/types@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.9.0.tgz#86a0cbe7ac46c0761429f928467ff3d92f841098"
   integrity sha512-+KB0lbkpxBkBSiVCuQvduqMJy+I1FyDbdwSpM3IoBS7APl4Bu15lStPjgBIdykdRqQNYqYNMa8Kuidax6phaEw==
 
+"@typescript-eslint/types@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.9.1.tgz#a6cfc20db0fcedcb2f397ea728ef583e0ee72459"
+  integrity sha512-BUGslGOb14zUHOUmDB2FfT6SI1CcZEJYfF3qFwBeUrU6srJfzANonwRYHDpLBuzbq3HaoF2XL2hcr01c8f8OaQ==
+
 "@typescript-eslint/typescript-estree@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.0.tgz#d0601b245be873d8fe49f3737f93f8662c8693d4"
@@ -2387,6 +2438,19 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
+"@typescript-eslint/typescript-estree@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.1.tgz#8c77910a49a04f0607ba94d78772da07dab275ad"
+  integrity sha512-U+mUylTHfcqeO7mLWVQ5W/tMLXqVpRv61wm9ZtfE5egz7gtnmqVIw9ryh0mgIlkKk9rZLY3UHygsBSdB9/ftyw==
+  dependencies:
+    "@typescript-eslint/types" "6.9.1"
+    "@typescript-eslint/visitor-keys" "6.9.1"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/utils@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.9.0.tgz#5bdac8604fca4823f090e4268e681c84d3597c9f"
@@ -2400,6 +2464,19 @@
     "@typescript-eslint/typescript-estree" "6.9.0"
     semver "^7.5.4"
 
+"@typescript-eslint/utils@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.9.1.tgz#763da41281ef0d16974517b5f0d02d85897a1c1e"
+  integrity sha512-L1T0A5nFdQrMVunpZgzqPL6y2wVreSyHhKGZryS6jrEN7bD9NplVAyMryUhXsQ4TWLnZmxc2ekar/lSGIlprCA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.9.1"
+    "@typescript-eslint/types" "6.9.1"
+    "@typescript-eslint/typescript-estree" "6.9.1"
+    semver "^7.5.4"
+
 "@typescript-eslint/visitor-keys@6.9.0":
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.0.tgz#cc69421c10c4ac997ed34f453027245988164e80"
@@ -2408,6 +2485,14 @@
     "@typescript-eslint/types" "6.9.0"
     eslint-visitor-keys "^3.4.1"
 
+"@typescript-eslint/visitor-keys@6.9.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.1.tgz#6753a9225a0ba00459b15d6456b9c2780b66707d"
+  integrity sha512-MUaPUe/QRLEffARsmNfmpghuQkW436DvESW+h+M52w0coICHRfD6Np9/K6PdACwnrq1HmuLl+cSPZaJmeVPkSw==
+  dependencies:
+    "@typescript-eslint/types" "6.9.1"
+    eslint-visitor-keys "^3.4.1"
+
 "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
@@ -3779,9 +3864,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001541:
-  version "1.0.30001557"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001557.tgz#13f762ea1d7f7b009d4d2785fbbd250354d09ad9"
-  integrity sha512-91oR7hLNUP3gG6MLU+n96em322a8Xzes8wWdBKhLgUoiJsAF5irZnxSUCbc+qUZXNnPCfUwLOi9ZCZpkvjQajw==
+  version "1.0.30001558"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001558.tgz#d2c6e21fdbfe83817f70feab902421a19b7983ee"
+  integrity sha512-/Et7DwLqpjS47JPEcz6VnxU9PwcIdVi0ciLXRWBQdj1XFye68pSQYpV0QtPTfUKWuOaEig+/Vez2l74eDc1tPQ==
 
 case-sensitive-paths-webpack-plugin@^2.3.0:
   version "2.4.0"
@@ -4175,17 +4260,22 @@ copy-webpack-plugin@^9.0.1:
     serialize-javascript "^6.0.0"
 
 core-js-compat@^3.31.0, core-js-compat@^3.33.1, core-js-compat@^3.8.3:
-  version "3.33.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.1.tgz#debe80464107d75419e00c2ee29f35982118ff84"
-  integrity sha512-6pYKNOgD/j/bkC5xS5IIg6bncid3rfrI42oBH1SQJbsmYPKF7rhzcFzYCcxYMmNQQ0rCEB8WqpW7QHndOggaeQ==
+  version "3.33.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.2.tgz#3ea4563bfd015ad4e4b52442865b02c62aba5085"
+  integrity sha512-axfo+wxFVxnqf8RvxTzoAlzW4gRoacrHeoFlc9n0x50+7BEyZL/Rt3hicaED1/CEd7I6tPCPVUYcJwCMO5XUYw==
   dependencies:
     browserslist "^4.22.1"
 
-core-js@3.33.1, core-js@^3.8.3:
+core-js@3.33.1:
   version "3.33.1"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.33.1.tgz#ef3766cfa382482d0a2c2bc5cb52c6d88805da52"
   integrity sha512-qVSq3s+d4+GsqN0teRCJtM6tdEEXyWxjzbhVrCHmBS5ZTM0FS2MOS0D13dUXAWDUN6a+lHI/N1hF9Ytz6iLl9Q==
 
+core-js@^3.8.3:
+  version "3.33.2"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.33.2.tgz#312bbf6996a3a517c04c99b9909cdd27138d1ceb"
+  integrity sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ==
+
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
@@ -5099,9 +5189,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.535:
-  version "1.4.569"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.569.tgz#1298b67727187ffbaac005a7425490d157f3ad03"
-  integrity sha512-LsrJjZ0IbVy12ApW3gpYpcmHS3iRxH4bkKOW98y1/D+3cvDUWGcbzbsFinfUS8knpcZk/PG/2p/RnkMCYN7PVg==
+  version "1.4.571"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.571.tgz#8aa71539eb82db98740c3ec861256cc34e0356fd"
+  integrity sha512-Sc+VtKwKCDj3f/kLBjdyjMpNzoZsU6WuL/wFb6EH8USmHEcebxRXcRrVpOpayxd52tuey4RUDpUsw5OS5LhJqg==
 
 element-plus@2.4.1:
   version "2.4.1"
@@ -6425,9 +6515,9 @@ highcharts-vue@^1.4.3:
   integrity sha512-qIy9EFuLIgOw+reNkTvu0pvMBcSE0BAPtONAqZoEl0qaAIpGxiyXqhRNPDufWieSC0YlybpCznxE8EK19Kcg+A==
 
 highcharts@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/highcharts/-/highcharts-11.1.0.tgz#715eb55fd081351b526e28cd89ac0e4e30b35c15"
-  integrity sha512-vhmqq6/frteWMx0GKYWwEFL25g4OYc7+m+9KQJb/notXbNtIb8KVy+ijOF7XAFqF165cq0pdLIePAmyFY5ph3g==
+  version "11.2.0"
+  resolved "https://registry.yarnpkg.com/highcharts/-/highcharts-11.2.0.tgz#32ddc885b1c7a7d438df30c6d751c28991b16616"
+  integrity sha512-9i650YK7ZBA1Mgtr3avMkLVCAI45RQvYnwi+eHsdFSaBGuQN6BHoa4j4lMkSJLv0V4LISTK1z7J7G82Lzd7zwg==
 
 highlight.js@^10.7.1:
   version "10.7.3"
@@ -7135,9 +7225,9 @@ jest-worker@^28.0.2:
     supports-color "^8.0.0"
 
 jiti@^1.19.1:
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.20.0.tgz#2d823b5852ee8963585c8dd8b7992ffc1ae83b42"
-  integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d"
+  integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==
 
 joi@^17.4.0:
   version "17.11.0"
@@ -7664,9 +7754,9 @@ map-obj@^4.0.0:
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
 markerjs2@^2.29.4:
-  version "2.31.1"
-  resolved "https://registry.yarnpkg.com/markerjs2/-/markerjs2-2.31.1.tgz#c0ac9baf4058a2ccb02adcec5865603a9a06a132"
-  integrity sha512-I7QbTnV5CuWGIt+iyrwvCGHa2dJi8F9E+fcitxMgMcp2mtUISvtFuwRA2Y+9NbcG8H5cJQ5NKkKWwp/Wnpfn2g==
+  version "2.31.2"
+  resolved "https://registry.yarnpkg.com/markerjs2/-/markerjs2-2.31.2.tgz#be48de9ab818d57dcb068375d1c8f3b134fab62f"
+  integrity sha512-hgtJoYNZTqpmrD2xuAfE9xqZYO4M1T8rOhk5iZAYdEkW1vDVCQxCcRBC0//u4o821/AGPY//qYAd8a6u6UXF8Q==
 
 mdn-data@2.0.14:
   version "2.0.14"
@@ -8917,9 +9007,9 @@ pump@^3.0.0:
     once "^1.3.1"
 
 punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
-  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
 qs@6.11.0:
   version "6.11.0"
@@ -10072,9 +10162,9 @@ terser-webpack-plugin@^5.1.1, terser-webpack-plugin@^5.3.7:
     terser "^5.16.8"
 
 terser@^5.10.0, terser@^5.16.8:
-  version "5.22.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.22.0.tgz#4f18103f84c5c9437aafb7a14918273310a8a49d"
-  integrity sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==
+  version "5.23.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.23.0.tgz#a9c02bc3087d0f5b1cc63bbfb4fe0f7e5dbbde82"
+  integrity sha512-Iyy83LN0uX9ZZLCX4Qbu5JiHiWjOCTwrmM9InWOzVeM++KNWEsqV4YgN9U9E8AlohQ6Gs42ztczlWOG/lwDAMA==
   dependencies:
     "@jridgewell/source-map" "^0.3.3"
     acorn "^8.8.2"